html{scroll-behavior:smooth}body{margin:0}#root{min-height:100vh}:root{--ink:#070305;--ink-soft:#16080a;--panel:#1c080ab8;--line:#e8a31761;--brass:#e8a317;--brass-hot:#ffd24a;--arc:#4fc3f7;--arc-hot:#9adfff;--moss:#ff5a3c;--fog:#f3e6dc;--fog-dim:#c9a99a;--danger:#ff6b4a;--radius:4px;--font-display:"Bebas Neue", "Arial Narrow", Impact, sans-serif;--font-hud:"Orbitron", "Rajdhani", sans-serif;--font-body:"Rajdhani", "Trebuchet MS", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--fog);background:var(--ink);-webkit-font-smoothing:antialiased;margin:0}button,textarea,input{font:inherit}.shell{grid-template-rows:auto 1fr;gap:1.25rem;min-height:100vh;padding:clamp(1.25rem,3vw,2.5rem);display:grid;position:relative;overflow:hidden}.shell--center{grid-template-rows:1fr;place-items:center}.atmosphere{z-index:0;pointer-events:none;background:radial-gradient(65% 45% at 8% -8%,#c41e1e80,#0000 55%),radial-gradient(50% 38% at 96% 6%,#ffd24a33,#0000 50%),radial-gradient(circle at 50% 108%,#4fc3f724,#0000 42%),linear-gradient(165deg,#140508 0%,#1a080c 45%,#070305 100%);position:fixed;inset:0}.atmosphere:before{content:"";background:linear-gradient(125deg,#0000 42%,#ffd24a0f 50%,#0000 58%),repeating-linear-gradient(-18deg,#0000,#0000 22px,#c41e1e0b 22px 23px);animation:14s linear infinite hud-sweep;position:absolute;inset:0}.atmosphere:after{content:"";opacity:.22;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");position:absolute;inset:0}.hud-frame{z-index:0;pointer-events:none;border:1px solid #e8a3172e;position:fixed;inset:.75rem}.hud-frame:before,.hud-frame:after{content:"";border-color:var(--brass);border-style:solid;width:1.5rem;height:1.5rem;position:absolute}.hud-frame:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.hud-frame:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.brand{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--brass-hot);text-shadow:0 0 48px #e8a31747;margin:0;font-size:clamp(3rem,12vw,5.5rem);line-height:.88;animation:.7s both rise}.auth-gate{z-index:1;text-align:center;width:min(100%,28rem);max-width:28rem;padding-top:.5rem;animation:.8s both rise;position:relative}.auth-gate__jarvis{font-family:var(--font-hud);letter-spacing:.28em;color:var(--arc-hot);margin:1.1rem 0 0;font-size:.68rem}.auth-gate__title{font-family:var(--font-display);letter-spacing:.04em;color:var(--fog);margin:.55rem 0 0;font-size:clamp(2rem,6vw,3rem);font-weight:500;line-height:1.05}.auth-gate__copy{max-width:26rem;color:var(--fog-dim);margin:.85rem auto 0;font-size:1.05rem;line-height:1.5}.stark-btn,.local-login__submit,.google-btn{border-radius:var(--radius);color:#1a0808;width:100%;font-family:var(--font-hud);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#c41e1e 0%,#e8a317 100%);border:1px solid #0000;justify-content:center;align-items:center;margin-top:1.15rem;padding:.9rem 1.35rem;font-size:.78rem;font-weight:700;text-decoration:none;transition:filter .2s,transform .15s;display:inline-flex}.stark-btn:hover:not(:disabled),.google-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.stark-btn:disabled{opacity:.65;cursor:wait}.stark-btn--ghost,.google-btn--secondary{border-color:var(--line);color:var(--brass-hot);background:0 0;margin-top:.7rem}.stark-btn--ghost:hover,.google-btn--secondary:hover{background:#e8a3171a}.local-login{text-align:left;gap:.75rem;margin-top:1.5rem;display:grid}.local-login label{font-family:var(--font-hud);letter-spacing:.16em;text-transform:uppercase;color:var(--fog-dim);gap:.35rem;font-size:.65rem;display:grid}.local-login input{border-radius:var(--radius);border:1px solid var(--line);width:100%;color:var(--fog);font-family:var(--font-body);background:#080305bf;padding:.8rem .95rem;font-size:1.05rem}.local-login input:focus{border-color:var(--arc);outline:none;box-shadow:0 0 0 1px #4fc3f740}.error-banner{border-radius:var(--radius);color:#ffcfc4;background:#500a0a73;border:1px solid #ff6b4a73;margin:1rem 0 0;padding:.75rem .9rem;font-size:.95rem}.shell--picker{flex-direction:column;align-items:stretch;min-height:100vh;padding:clamp(1.25rem,4vw,2.75rem);display:flex}.picker__reactor{pointer-events:none;z-index:0;background:radial-gradient(circle,#4fc3f72e 0%,#0000 68%);border-radius:50%;width:min(48vw,28rem);height:min(48vw,28rem);animation:5s ease-in-out infinite reactor-idle;position:fixed;bottom:-12vh;right:-8vw}.picker__header{z-index:1;max-width:40rem;margin-bottom:1.75rem;position:relative}.picker__jarvis{max-width:34rem;font-family:var(--font-hud);letter-spacing:.06em;color:var(--arc-hot);margin:.85rem 0 0;font-size:clamp(.72rem,2vw,.85rem);line-height:1.55;animation:.85s both rise}.picker__loading{z-index:1;font-family:var(--font-hud);letter-spacing:.14em;color:var(--arc-hot);font-size:.8rem;position:relative}.picker__error{z-index:1;max-width:36rem;position:relative}.picker__grid{z-index:1;flex:1;grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));align-content:start;gap:.75rem;display:grid;position:relative}.picker__card{border:1px solid var(--line);border-radius:var(--radius);min-height:6.25rem;color:var(--fog);cursor:pointer;text-align:left;background:linear-gradient(160deg,#c41e1e29,#0000 55%),#0c0406b8;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1rem 1.05rem;transition:border-color .2s,transform .15s,background .2s;animation:.55s both rise;display:flex}.picker__card:hover{border-color:var(--brass-hot);background:linear-gradient(160deg,#e8a3172e,#0000 55%),#120608d9;transform:translateY(-2px)}.picker__card-tag{font-family:var(--font-hud);letter-spacing:.22em;color:var(--arc-hot);font-size:.58rem}.picker__card-label{font-family:var(--font-display);letter-spacing:.04em;color:var(--brass-hot);font-size:1.55rem;line-height:1}.picker__card-hint{color:var(--fog-dim);margin-top:auto;font-size:.85rem}.browser-shell{z-index:100;background:#070305;position:fixed;inset:0}.hamburger{z-index:120;border-radius:var(--radius);cursor:pointer;background:#0a0406e6;border:1px solid #e8a31773;flex-direction:column;justify-content:center;gap:5px;width:2.75rem;height:2.75rem;padding:.55rem;transition:border-color .2s,background .2s;display:flex;position:fixed;top:.85rem;left:.85rem}.hamburger:hover{border-color:var(--brass-hot);background:#240a0cf2}.hamburger span{background:var(--brass-hot);height:2px;display:block}.drawer-backdrop{z-index:130;cursor:pointer;background:#00000094;border:none;position:fixed;inset:0}.drawer{z-index:140;border-right:1px solid var(--line);background:#0a0406f7;flex-direction:column;width:min(18rem,85vw);height:100%;padding:1rem;animation:.22s drawer-in;display:flex;position:fixed;top:0;left:0}.drawer__head{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.drawer__eyebrow{font-family:var(--font-hud);letter-spacing:.28em;color:var(--arc-hot);margin:0;font-size:.58rem}.drawer__title{font-family:var(--font-display);letter-spacing:.06em;color:var(--brass-hot);margin:.2rem 0 0;font-size:1.65rem}.drawer__close{color:var(--fog-dim);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.6rem;line-height:1}.drawer__close:hover{color:var(--brass-hot)}.drawer__list{flex-direction:column;flex:1;gap:.3rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.drawer__item{border-radius:var(--radius);width:100%;color:var(--fog);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;padding:.75rem .9rem;font-size:1.05rem;font-weight:600}.drawer__item:hover{background:#c41e1e26;border-color:#e8a31740}.drawer__item.is-active{border-color:var(--brass);color:var(--brass-hot);background:#e8a31729}.drawer__back{border:1px solid var(--line);border-radius:var(--radius);color:var(--fog-dim);cursor:pointer;text-align:left;font-family:var(--font-hud);letter-spacing:.08em;text-transform:uppercase;background:0 0;margin-top:.75rem;padding:.7rem .9rem;font-size:.68rem}.drawer__back:hover{color:var(--brass-hot);border-color:var(--brass)}.tool-panel--remote{gap:0}.tool-panel--fullscreen{touch-action:none;overscroll-behavior:none;background:#070305;border:none;border-radius:0;position:fixed;inset:0;overflow:hidden}.remote-bar{background:#0a0406eb;border-bottom:1px solid #e8a31738;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .75rem;font-size:.85rem;display:flex}.remote-bar__status{color:var(--brass-hot);white-space:nowrap}.remote-bar__url{color:var(--fog-dim);text-overflow:ellipsis;white-space:nowrap;max-width:65%;overflow:hidden}.tool-frame{background:#120508;border:0;flex:1;width:100%;min-height:min(68vh,720px)}.tool-frame--remote{aspect-ratio:16/9;cursor:crosshair;object-fit:contain;object-position:center;image-rendering:auto;touch-action:none;overscroll-behavior:none;background:#0a0608;outline:none;width:100%;height:auto;max-height:min(78vh,810px);display:block}.tool-frame--fullscreen{aspect-ratio:auto;object-fit:contain;object-position:center;background:#050305;width:100%;height:100%;min-height:100dvh;max-height:none}.remote-float-status{z-index:110;max-width:min(70vw,28rem);color:var(--arc-hot);font-family:var(--font-hud);letter-spacing:.08em;background:#080e16e6;border:1px solid #4fc3f759;padding:.4rem .9rem;font-size:.68rem;position:fixed;top:.85rem;left:50%;transform:translate(-50%)}.remote-bridge{z-index:120;border-radius:var(--radius);background:#0a0406eb;border:1px solid #e8a31766;flex-wrap:wrap;align-items:center;gap:.4rem;max-width:min(92vw,28rem);padding:.35rem .45rem;display:flex;position:fixed;top:.85rem;right:.85rem}.remote-bridge__btn{border-radius:var(--radius);color:var(--brass-hot);font-family:var(--font-hud);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#c41e1e33;border:1px solid #e8a31759;padding:.4rem .65rem;font-size:.58rem}.remote-bridge__btn:hover:not(:disabled){border-color:var(--brass-hot);background:#e8a3172e}.remote-bridge__btn:disabled{opacity:.45;cursor:not-allowed}.remote-bridge__hint{color:var(--fog-dim);padding:0 .25rem;font-size:.72rem}.remote-bridge__file{display:none}.remote-toast{z-index:130;border-radius:var(--radius);max-width:min(90vw,26rem);color:var(--arc-hot);font-family:var(--font-hud);letter-spacing:.06em;text-align:center;background:#080e16f2;border:1px solid #4fc3f766;padding:.55rem .9rem;font-size:.68rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:none}}@keyframes hud-sweep{0%{background-position:0 0,0 0}to{background-position:0 0,140px 0}}@keyframes reactor-idle{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}@media (width<=640px){.brand{font-size:clamp(2.6rem,14vw,3.6rem)}.picker__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.splash{z-index:9999;background:#050203;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.splash__atmosphere{pointer-events:none;background:radial-gradient(50% 40% at 50% 45%,#4fc3f72e,#0000 60%),radial-gradient(80% 60% at 50% 100%,#c41e1e59,#0000 55%);animation:6s ease-in-out infinite splash-breathe;position:absolute;inset:0}.splash__image{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.95;width:100%;height:100%;position:absolute;inset:0}.splash__brand{text-align:center;z-index:2;animation:.9s both splash-rise;position:absolute;top:clamp(1.5rem,5vh,3rem);left:50%;transform:translate(-50%)}.splash__brand-mark{font-family:var(--font-display,"Bebas Neue", Impact, sans-serif);letter-spacing:.14em;text-transform:uppercase;color:#ffd24a;text-shadow:0 0 40px #e8a31759;margin:0;font-size:clamp(2.8rem,10vw,5.5rem);line-height:.9}.splash__brand-sub{font-family:var(--font-hud,"Orbitron", sans-serif);letter-spacing:.42em;text-transform:uppercase;color:#c9a99ad9;margin:.35rem 0 0;font-size:.72rem}.splash__dialogue{z-index:2;max-width:min(90vw,36rem);font-family:var(--font-hud,"Orbitron", sans-serif);letter-spacing:.08em;color:#9adfff;text-align:center;background:#050c148c;border:1px solid #4fc3f747;margin:0;padding:.55rem 1rem;font-size:clamp(.72rem,2vw,.9rem);animation:.45s both splash-line;position:absolute;top:clamp(7rem,22vh,11rem);left:50%;transform:translate(-50%)}.splash__heart{cursor:pointer;z-index:3;background:0 0;border:none;border-radius:50%;width:clamp(4.5rem,11vw,7rem);height:clamp(4.5rem,11vw,7rem);margin:0;padding:0;position:absolute;top:50.5%;left:50%;transform:translate(-50%,-50%)}.splash__heart-ring{border:2px solid #e8a3178c;border-radius:50%;animation:3s ease-in-out infinite splash-ring;position:absolute;inset:0;box-shadow:inset 0 0 20px #e8a31726}.splash__heart-core{opacity:.75;background:radial-gradient(circle at 50% 45%,#e8f7fffa 0%,#5ac8ffb3 32%,#1e78d240 65%,#0000 100%);border-radius:50%;transition:opacity .2s,transform .2s,box-shadow .2s;animation:2.4s ease-in-out infinite arc-pulse;position:absolute;inset:18%;box-shadow:0 0 22px #78c8ff8c,0 0 48px #50a0ff47}.splash__heart:hover .splash__heart-core,.splash__heart:focus-visible .splash__heart-core{opacity:1;transform:scale(1.05)}.splash__heart--hit .splash__heart-core{opacity:1;animation:.35s arc-hit;transform:scale(1.14);box-shadow:0 0 32px #a0dcfff2,0 0 70px #64b4ff8c}.splash__heart--charged .splash__heart-core{animation:.55s ease-in-out infinite arc-charge}.splash__heart-count{font-family:var(--font-hud,"Orbitron", sans-serif);letter-spacing:.18em;color:#b4dcffe6;font-size:.68rem;position:absolute;bottom:-1.7rem;left:50%;transform:translate(-50%)}.splash__hint{z-index:2;font-family:var(--font-body,"Rajdhani", sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#c9a99acc;margin:0;font-size:.95rem;animation:1.1s both splash-rise;position:absolute;bottom:clamp(1.5rem,6vh,3rem);left:50%;transform:translate(-50%)}.splash__flash{z-index:5;pointer-events:none;background:radial-gradient(circle,#b4e6ffd9,#c41e1e59 40%,#000 75%);animation:.9s forwards splash-flash;position:absolute;inset:0}.splash--unlocking .splash__heart-core{opacity:1;animation:none;transform:scale(1.35)}@keyframes splash-breathe{0%,to{opacity:.85}50%{opacity:1}}@keyframes splash-rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes splash-line{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:none}}@keyframes splash-ring{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes arc-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes arc-hit{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1.12)}}@keyframes arc-charge{0%,to{filter:brightness();transform:scale(1.1)}50%{filter:brightness(1.35);transform:scale(1.2)}}@keyframes splash-flash{0%{opacity:0}35%{opacity:1}to{opacity:0}}@media (width<=640px){.splash__dialogue{letter-spacing:.04em;top:clamp(6.5rem,20vh,9rem)}}