.scanlines{position:fixed;inset:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(to bottom,rgba(var(--scanline-rgb),var(--scanline-opacity)) 0 2px,transparent 2px 4px);mix-blend-mode:screen}.vignette{position:fixed;inset:0;pointer-events:none;z-index:99;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.85) 100%)}.flicker{position:fixed;inset:0;pointer-events:none;z-index:101;background:rgba(var(--scanline-rgb),.02);animation:flicker 4.2s infinite steps(2,end);mix-blend-mode:screen}@keyframes flicker{0%,96%,to{opacity:1}97%{opacity:.6}98%{opacity:1}99%{opacity:.4}}.phone{--size: 17rem;position:relative;display:flex;flex-direction:column;align-items:center;gap:1.4rem;filter:drop-shadow(0 0 18px rgba(var(--scanline-rgb),.18));transition:filter .6s ease}.phone--open{filter:drop-shadow(0 0 36px rgba(var(--scanline-rgb),.6))}.phone--shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}.phone__progress{display:flex;gap:.55rem}.phone__pip{width:.5rem;height:.5rem;border-radius:50%;border:1px solid var(--fg-dim);background:transparent;transition:background .3s ease,box-shadow .3s ease}.phone__pip--on{background:var(--fg);box-shadow:0 0 8px rgba(var(--scanline-rgb),.7)}.phone__ring{position:relative;width:var(--size);height:var(--size);border-radius:50%;border:1px solid var(--fg-dim);background:radial-gradient(circle at 50% 50%,rgba(58,255,122,.05),transparent 65%),radial-gradient(circle at 50% 50%,transparent 58%,rgba(58,255,122,.06) 60%,transparent 64%),#000000b3}.phone__ring:before,.phone__ring:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none}.phone__ring:before{inset:1.6rem;border:1px dashed rgba(58,255,122,.18)}.phone__ring:after{inset:4.6rem;border:1px solid rgba(58,255,122,.25)}.phone__finger-stop{position:absolute;width:.6rem;height:1.4rem;background:var(--accent);top:50%;right:.4rem;margin-top:-.7rem;border-radius:.3rem;filter:drop-shadow(0 0 6px rgba(255,48,48,.6))}.phone__face{position:absolute;inset:0;transition:transform .7s cubic-bezier(.55,.08,.18,1)}.phone__hole{position:absolute;top:50%;left:50%;width:2.7rem;height:2.7rem;margin:-1.35rem 0 0 -1.35rem;padding:0;border-radius:50%;background:#000000b3;border:1px solid var(--fg-dim);color:var(--fg);font-family:var(--mono);font-size:1.05rem;letter-spacing:0;display:grid;place-items:center;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.phone__hole:hover:not(:disabled){background:#3aff7a1f;border-color:var(--fg);color:var(--fg);box-shadow:0 0 14px rgba(var(--scanline-rgb),.4)}.phone__hole:active:not(:disabled){background:#3aff7a38}.phone__hole:disabled{cursor:default;opacity:.85}.phone__hole>span{display:block;transition:transform .7s cubic-bezier(.55,.08,.18,1);font-variant-numeric:tabular-nums}.phone__center{position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;margin:-.8rem 0 0 -.8rem;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--fg-dim),rgba(15,74,36,.2));border:1px solid var(--fg-faint)}@media (max-width: 480px){.phone{--size: 14rem}.phone__hole{width:2.2rem;height:2.2rem;margin:-1.1rem 0 0 -1.1rem;font-size:.9rem}}.login{display:flex;flex-direction:column;gap:1rem;width:min(22rem,90vw);padding:1.6rem 1.4rem;border:1px solid var(--fg-faint);background:#0f4a240f;font-family:var(--mono);animation:fadeIn .8s ease both}.login--shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.login__head{font-size:var(--fs-xs);letter-spacing:var(--tracking-wider);color:var(--fg-dim);text-align:center}.login__field{display:flex;flex-direction:column;gap:.35rem;font-size:var(--fs-xs);letter-spacing:var(--tracking-wider);color:var(--fg-dim);text-align:left}.login__field input{background:#0009;border:1px solid var(--fg-faint);color:var(--fg);font-family:var(--mono);font-size:var(--fs-sm);letter-spacing:.05em;padding:.6rem .7rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease;caret-color:var(--fg)}.login__field input:focus{border-color:var(--fg);box-shadow:0 0 0 1px rgba(var(--scanline-rgb),.25)}.login__field input:disabled{opacity:.6}.login__error{font-size:var(--fs-xs);letter-spacing:.05em;color:var(--accent);text-align:center}.login__submit{margin-top:.4rem;padding:.7rem;background:#3aff7a14;border:1px solid var(--fg-dim);color:var(--fg);font-family:var(--mono);font-size:var(--fs-sm);letter-spacing:var(--tracking-wide);cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.login__submit:hover:not(:disabled){background:#3aff7a29;border-color:var(--fg);box-shadow:0 0 14px rgba(var(--scanline-rgb),.4)}.login__submit:disabled{cursor:default;opacity:.6}.landing{position:relative;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;padding:1.4rem clamp(1rem,4vw,3rem);background:radial-gradient(circle at 50% 30%,rgba(58,255,122,.06),transparent 60%),var(--bg)}.landing__header{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-xs);letter-spacing:var(--tracking-wider);color:var(--fg-dim)}.landing__stamp{border:1px solid var(--accent);color:var(--accent);padding:.25rem .6rem;letter-spacing:var(--tracking-wide);transform:rotate(-1.5deg)}.landing__stamp--alert{border-color:var(--accent);background:#ff303014;color:var(--accent)}.landing__stamp--knock{font:inherit;letter-spacing:var(--tracking-wide);cursor:pointer;user-select:none;transition:background .18s,box-shadow .18s,transform .08s}.landing__stamp--knock:hover{background:#ff303024}.landing__stamp--knock:active{transform:rotate(-1.5deg) scale(.97)}.landing__stamp--override{border-color:var(--fg);color:var(--fg);background:#3aff7a14}.landing__case{color:var(--fg-faint)}.landing__core{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;text-align:center;transition:filter .6s ease}.landing__core--open{filter:drop-shadow(0 0 8px rgba(58,255,122,.4))}.landing__title{display:flex;flex-wrap:wrap;justify-content:center;gap:.6em;margin:0;font-size:clamp(1.6rem,6vw,var(--fs-xl));letter-spacing:var(--tracking-wide);font-weight:400;color:var(--fg)}.landing__title span{display:inline-block;border-bottom:1px solid var(--fg-faint);padding-bottom:.15em}.landing__brief{max-width:32ch;margin:0;font-size:var(--fs-sm);letter-spacing:.05em;color:var(--fg-dim);line-height:1.6}.landing__reveal{margin-top:1.6rem;animation:fadeIn .8s ease both}.landing__line{font-size:var(--fs-md);letter-spacing:var(--tracking-wide);color:var(--fg)}.landing__sub{margin-top:.4rem;font-size:var(--fs-xs);letter-spacing:var(--tracking-wider);color:var(--fg-dim)}.landing__footer{display:flex;justify-content:space-between;font-size:var(--fs-xs);letter-spacing:var(--tracking-wider);color:var(--fg-faint)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.boundary{min-height:100dvh;background:var(--bg);color:var(--fg);font-family:var(--mono);display:grid;place-items:center;padding:2rem 1.5rem;grid-auto-flow:row;gap:1rem;text-align:center}.boundary__stamp{border:1px solid var(--accent);color:var(--accent);padding:.25rem .65rem;letter-spacing:var(--tracking-wider);font-size:var(--fs-xs);display:inline-block}.boundary__title{margin:0;font-size:clamp(1.2rem,4vw,var(--fs-xl));font-weight:400;letter-spacing:var(--tracking-wide)}.boundary__detail{max-width:36rem;font-size:var(--fs-xs);letter-spacing:.04em;color:var(--fg-dim);background:#0009;border:1px solid var(--fg-faint);padding:.8rem 1rem;white-space:pre-wrap;word-break:break-word}.boundary__actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.boundary__btn{border:1px solid var(--fg-dim);color:var(--fg);background:#3aff7a14;font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wider);padding:.6rem 1rem;cursor:pointer}.boundary__btn:hover{border-color:var(--fg);background:#3aff7a29}.boundary__btn--ghost{background:transparent;color:var(--fg-dim);border-color:var(--fg-faint)}.boundary__btn--ghost:hover{color:var(--accent);border-color:var(--accent);background:#ff30300f}:root{--bg: #000;--fg: #3aff7a;--fg-dim: #1f8c44;--fg-faint: #0f4a24;--accent: #ff3030;--paper: #ede0c8;--mono: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;--serif: "Special Elite", "Courier New", Courier, monospace;--fs-xs: .72rem;--fs-sm: .85rem;--fs-md: 1rem;--fs-lg: 1.4rem;--fs-xl: 2.2rem;--tracking-wide: .18em;--tracking-wider: .3em;--scanline-rgb: 58, 255, 122;--scanline-opacity: .04}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--mono);-webkit-font-smoothing:antialiased}body{overflow:hidden}button{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer}button:focus-visible{outline:1px solid var(--fg);outline-offset:4px}::selection{background:var(--fg);color:var(--bg)}