.stem-page{--st-bg: #0b1219;--st-fg: #f8fafc;--st-card: #111d26;--st-muted: #94a3b8;--st-border: #1e3a4c;--st-input: #15242d;--st-mint: #2dd4a8;--st-mint-glow: #73ffb8;--st-cyan: #5eead4;--st-indigo: #6366f1;position:relative;min-height:100vh;overflow-x:hidden;color:var(--st-fg);background-color:var(--st-bg);font-family:Outfit,ui-sans-serif,system-ui,sans-serif}.stem-page .st-mono{font-family:JetBrains Mono,ui-monospace,monospace}.stem-page .st-display{font-family:Outfit,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.02em}.stem-page .st-mint{color:var(--st-mint)}.stem-page .st-glow{text-shadow:0 0 16px color-mix(in oklab,var(--st-mint) 60%,transparent),0 0 40px color-mix(in oklab,var(--st-mint) 25%,transparent)}.stem-page .st-glow-mint{text-shadow:0 0 12px color-mix(in oklab,var(--st-mint-glow) 70%,transparent)}.stem-page .st-label{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--st-mint)}.stem-page .st-panel{background:color-mix(in oklab,var(--st-card) 80%,transparent);border:1px solid color-mix(in oklab,var(--st-mint) 20%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;border-radius:.75rem}.stem-page .st-brackets:before,.stem-page .st-brackets:after{content:"";position:absolute;width:14px;height:14px;border-color:var(--st-mint)}.stem-page .st-brackets:before{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid;border-radius:.75rem 0 0}.stem-page .st-brackets:after{bottom:-1px;right:-1px;border-bottom:2px solid;border-right:2px solid;border-radius:0 0 .75rem}.stem-page .st-btn{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.6rem;font-family:JetBrains Mono,ui-monospace,monospace;font-weight:600;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--st-mint);background:transparent;border:1px solid var(--st-mint);border-radius:.5rem;transition:all .25s ease;cursor:pointer}.stem-page .st-btn:hover{background:color-mix(in oklab,var(--st-mint) 12%,transparent);box-shadow:0 0 24px color-mix(in oklab,var(--st-mint) 50%,transparent),inset 0 0 24px color-mix(in oklab,var(--st-mint) 12%,transparent);color:#fff}.stem-page .st-btn-solid{padding:.85rem 1.6rem;font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--st-bg);background:var(--st-mint);border:1px solid var(--st-mint);border-radius:.5rem;transition:all .25s ease;cursor:pointer}.stem-page .st-btn-solid:hover{box-shadow:0 0 32px color-mix(in oklab,var(--st-mint) 70%,transparent);filter:brightness(1.1)}.stem-page .st-btn-solid:disabled{opacity:.6;cursor:not-allowed}@keyframes st-spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes st-spin-slower{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes st-pulse-core{0%,to{transform:scale(1);box-shadow:0 0 18px color-mix(in oklab,var(--st-mint) 60%,transparent),0 0 36px color-mix(in oklab,var(--st-mint) 30%,transparent)}50%{transform:scale(1.18);box-shadow:0 0 32px color-mix(in oklab,var(--st-mint) 80%,transparent),0 0 64px color-mix(in oklab,var(--st-mint) 45%,transparent)}}@keyframes st-ring-pulse{0%,to{opacity:.25}50%{opacity:.6}}.st-input{width:100%;border:1px solid #1e3a4c;background:color-mix(in oklab,#15242d 60%,transparent);padding:.75rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.875rem;color:#f8fafc;outline:none;transition:border-color .2s,box-shadow .2s;border-radius:.25rem}.st-input::placeholder{color:color-mix(in oklab,#94a3b8 60%,transparent)}.st-input:focus{border-color:#2dd4a8;box-shadow:0 0 0 1px #2dd4a8}.st-input option{background:#111d26;color:#f8fafc}.st-btn-solid{padding:.85rem 1.6rem;font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#0b1219;background:#2dd4a8;border:1px solid #2dd4a8;border-radius:.5rem;transition:all .25s ease;cursor:pointer}.st-btn-solid:hover{box-shadow:0 0 32px color-mix(in oklab,#2dd4a8 70%,transparent);filter:brightness(1.1)}.st-mint{color:#2dd4a8}.lit-fit-page{--lf-pink: #ff107a;--lf-cyan: #00ffff;--lf-purple: #b537f2;--lf-vice: linear-gradient(135deg, #ff107a 0%, #b537f2 50%, #00ffff 100%);--lf-bg: #0f0a19;position:relative;min-height:100vh;overflow-x:hidden;color:#ffffffeb;background-color:var(--lf-bg);background-image:radial-gradient(ellipse at top left,rgba(255,16,122,.15),transparent 50%),radial-gradient(ellipse at top right,rgba(0,255,255,.12),transparent 50%),linear-gradient(to bottom,transparent 0%,rgba(181,55,242,.05) 100%);font-family:Inter,system-ui,sans-serif}.lit-fit-page .lf-display{font-family:Audiowide,Orbitron,system-ui,sans-serif;letter-spacing:.02em}.lit-fit-page .lf-pink{color:var(--lf-pink);text-shadow:0 0 10px rgba(255,16,122,.8),0 0 20px rgba(255,16,122,.5)}.lit-fit-page .lf-cyan{color:var(--lf-cyan);text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.5)}.lit-fit-page .lf-vice{background:var(--lf-vice);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(255,16,122,.4))}.lit-fit-page .lf-glass{background:linear-gradient(135deg,#ffffff0a,#ffffff03);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08)}.lit-fit-page .lf-glass-pink{background:linear-gradient(135deg,#ff107a14,#ff107a05);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,16,122,.3);box-shadow:inset 0 1px #ff107a33,0 8px 32px #ff107a1a}.lit-fit-page .lf-glass-cyan{background:linear-gradient(135deg,#00ffff14,#00ffff05);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(0,255,255,.3);box-shadow:inset 0 1px #0ff3,0 8px 32px #00ffff1a}.lit-fit-page .lf-btn-pink{background:linear-gradient(135deg,#ff107a,#ff4899);color:#fff;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:all .3s ease;box-shadow:0 0 20px #ff107a66,inset 0 1px #fff3}.lit-fit-page .lf-btn-pink:hover{box-shadow:0 0 40px #ff107ae6,0 0 80px #ff107a66,inset 0 1px #ffffff4d;transform:translateY(-2px)}.lit-fit-page .lf-btn-cyan{background:transparent;color:var(--lf-cyan);font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--lf-cyan);transition:all .3s ease;box-shadow:0 0 12px #00ffff4d,inset 0 0 12px #00ffff0d}.lit-fit-page .lf-btn-cyan:hover{background:#00ffff1a;box-shadow:0 0 30px #0ffc,inset 0 0 20px #00ffff26}.lit-fit-page .lf-btn-vice{background:var(--lf-vice);color:#fff;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:all .3s ease;box-shadow:0 0 30px #ff107a80,0 0 60px #0ff3}.lit-fit-page .lf-btn-vice:hover{transform:translateY(-2px);box-shadow:0 0 40px #ff107acc,0 0 80px #0ff6}.lit-fit-page .lf-grid-bg{background-image:linear-gradient(rgba(255,16,122,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.15) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 80%);mask-image:linear-gradient(to bottom,black 0%,transparent 80%)}@keyframes lf-pulse-neon{0%,to{opacity:1;filter:drop-shadow(0 0 8px currentColor)}50%{opacity:.85;filter:drop-shadow(0 0 16px currentColor)}}.lit-fit-page .lf-pulse{animation:lf-pulse-neon 2.5s ease-in-out infinite}.lf-input{width:100%;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:#0006;padding:.75rem 1rem;color:#fff;outline:none}.lf-input::placeholder{color:#fff6}.lf-input:focus{border-color:#ff107a;box-shadow:0 0 0 2px #ff107a4d}.lf-input option{background:#1a1228;color:#fff}.lf-btn-pink{background:linear-gradient(135deg,#ff107a,#ff4899);color:#fff;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:all .3s ease;box-shadow:0 0 20px #ff107a66,inset 0 1px #fff3}.lf-btn-pink:hover{box-shadow:0 0 40px #ff107ae6,0 0 80px #ff107a66,inset 0 1px #ffffff4d;transform:translateY(-2px)}.lf-pink{color:#ff107a}
