:root{--void:#000000;--paper:#FFFFFF;--slate:#666666;--shell:#111111;--hair:#262626;--alert:#C81E1E;--ember:#FF2A2A;--sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;--serif:"Fraunces",Georgia,"Times New Roman",Times,serif;--mono:ui-monospace,"SF Mono","JetBrains Mono","Roboto Mono",Menlo,Consolas,monospace;--panther-opacity:0.07;--eye-opacity:0.55;--eye-line:10vh;--protest-opacity:0.10;--protest-brightness:30%;--skyline-opacity:0.28}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{margin:0;padding:36px 20px max(28px,env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background:var(--void);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}.backdrop{position:fixed;inset:0;z-index:0;pointer-events:none}.panther-bg{display:block}.panther-bg svg{position:absolute;left:50%;top:0;width:min(760px,124vw);height:auto;transform:translate(-50%,calc(var(--eye-line) - 50%));color:var(--paper);-webkit-mask-image:radial-gradient(ellipse 60% 58% at 50% 44%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 60% 58% at 50% 44%,#000 40%,transparent 100%)}.panther-bg .silhouette{opacity:var(--panther-opacity)}.panther-bg .eyes{fill:var(--ember);opacity:var(--eye-opacity)}.panther-bg .eye-glow{fill:var(--ember);opacity:calc(var(--eye-opacity) * .45);filter:blur(13px)}.protest{opacity:var(--protest-opacity);filter:grayscale(100%) contrast(140%) brightness(var(--protest-brightness));color:var(--paper)}.protest svg{width:100%;height:100%;display:block}.skyline{display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.skyline:after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,0));pointer-events:none}.skyline svg{width:100%;min-width:1000px;height:auto;display:block;fill:none;stroke:var(--paper);stroke-width:1.5;stroke-linejoin:miter;stroke-linecap:square;vector-effect:non-scaling-stroke;opacity:var(--skyline-opacity)}.grain{opacity:.03;background-image:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 3px)}.brand{position:relative;z-index:1;margin-top:6vh;text-align:center;display:grid;justify-items:center;grid-gap:13px;gap:13px}.mark{width:62px;height:auto;overflow:visible}.mark .stroke{fill:none;stroke:var(--paper);stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:520;stroke-dashoffset:520;animation:draw 1.6s cubic-bezier(.65,0,.35,1) forwards}.mark .solid{fill:var(--ember);filter:drop-shadow(0 0 5px rgba(255,42,42,.6));opacity:0;animation:ink .6s ease 1.1s forwards}@keyframes draw{to{stroke-dashoffset:0}}@keyframes ink{to{opacity:1}}.brand h1{margin:0;font-family:var(--serif);font-size:clamp(34px,8.5vw,46px);font-weight:700;letter-spacing:-.5px;text-transform:none;line-height:1}.brand p{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--slate)}.brand p.lede{max-width:400px;margin-top:4px;font-family:var(--sans);font-size:15px;line-height:1.6;letter-spacing:0;text-transform:none;color:rgba(255,255,255,.74)}.console{position:relative;z-index:1;width:100%;max-width:560px;gap:18px;background:none;border:0}.console,.transcript{display:flex;flex-direction:column}.transcript{height:min(420px,50dvh);overflow-y:auto;overscroll-behavior:contain;padding:4px 2px;gap:24px;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 26px);mask-image:linear-gradient(180deg,transparent 0,#000 26px)}.transcript::-webkit-scrollbar{width:4px}.transcript::-webkit-scrollbar-track{background:transparent}.transcript::-webkit-scrollbar-thumb{background:#242424;border-radius:99px}.transcript::-webkit-scrollbar-thumb:hover{background:#3d3d3d}.turn{animation:rise .42s cubic-bezier(.16,1,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.turn.ai{display:grid;grid-template-columns:22px 1fr;grid-gap:12px;gap:12px;align-items:start}.turn.ai .glyph{width:22px;height:22px;margin-top:2px;color:var(--paper);opacity:.85}.turn.ai .body{line-height:1.68;color:var(--paper)}.turn.ai .body,.turn.user{font-size:15px;white-space:pre-line}.turn.user{margin-left:auto;max-width:82%;padding:11px 16px;background:var(--shell);border:1px solid var(--hair);border-radius:20px 20px 6px 20px;line-height:1.6}.thinking{display:grid;grid-template-columns:22px 1fr;grid-gap:12px;gap:12px;align-items:center;font-family:var(--mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--slate);animation:rise .3s ease both}.thinking .pulse{display:flex;align-items:center;gap:5px}.thinking .pulse i{width:5px;height:5px;border-radius:50%;background:var(--paper);animation:blip 1.25s ease-in-out infinite}.thinking .pulse i:nth-child(2){animation-delay:.18s}.thinking .pulse i:nth-child(3){animation-delay:.36s}.thinking .label{margin-left:12px}@keyframes blip{0%,60%,to{opacity:.2;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.controls{display:flex;align-items:center;gap:8px;padding:7px 8px 7px 10px;background:#0A0A0A;border:1px solid var(--hair);border-radius:999px;transition:border-color .2s}.controls:focus-within{border-color:#4a4a4a}.icon-btn{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;background:transparent;color:var(--slate);border:0;border-radius:50%;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .18s,background .18s,transform .18s}.icon-btn svg{width:18px;height:18px}.icon-btn:active{transform:scale(.93)}#send{background:var(--paper);color:var(--void)}@media (hover:hover) and (pointer:fine){.icon-btn:hover{color:var(--void);background:var(--paper)}#send:hover{background:var(--slate);color:var(--void)}.icon-btn[aria-pressed=true]:hover{color:var(--paper);background:var(--alert)}}.icon-btn[aria-pressed=true]{color:var(--paper);background:var(--alert);animation:throb 1.15s ease-in-out infinite}@keyframes throb{0%,to{box-shadow:0 0 0 0 rgba(200,30,30,.55)}70%{box-shadow:0 0 0 12px rgba(200,30,30,0)}}.field{flex:1 1 auto;min-width:0;background:transparent;border:0;outline:0;color:var(--paper);font-family:var(--sans);font-size:16px;padding:10px 2px}.field::placeholder{color:var(--slate)}:focus-visible{outline:2px solid var(--paper);outline-offset:2px}.field:focus-visible{outline:0}.console-block{position:relative;z-index:1;width:100%;max-width:560px;display:flex;flex-direction:column;gap:15px}.tagline{font-size:11px;line-height:1.6;letter-spacing:2.5px;color:var(--slate)}.footnote,.tagline{margin:0;text-align:center;font-family:var(--mono);text-transform:uppercase}.footnote{position:relative;z-index:1;max-width:520px;font-size:9px;line-height:1.8;letter-spacing:1.2px;color:#4a4a4a}@media (max-width:560px){:root{--eye-line:17vh;--eye-opacity:0.5;--skyline-opacity:0.24}body{justify-content:flex-start;padding-top:34px;gap:0}.panther-bg svg{width:min(760px,98vw)}.brand{gap:10px;margin-top:19vh;margin-bottom:4vh}.brand p.lede{max-width:310px;font-size:14px}.mark{width:54px}.console-block{justify-content:flex-end;gap:13px;margin-bottom:20px}.console,.console-block{flex:1 1 auto;min-height:0}.console{justify-content:center}.transcript{height:auto;flex:1 1 auto;min-height:0;gap:20px}.icon-btn{width:44px;height:44px}.controls{padding:5px 6px 5px 8px}.tagline{font-size:10px;letter-spacing:1.8px}.footnote{font-size:8.5px;letter-spacing:1px;margin-top:10px}.skyline svg{min-width:840px}.skyline:after{height:200px;background:linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,0))}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.mark .stroke{stroke-dashoffset:0}.mark .solid{opacity:1}}.ambient,.brand,.footnote,.tagline{transition:opacity .65s ease,transform .65s ease}.ambient.leaving,.brand.leaving,.footnote.leaving,.tagline.leaving{opacity:0;pointer-events:none}.brand.leaving{transform:translateY(-14px)}.chat-head,body.chatting .console-block{animation:settle .5s ease both}@keyframes settle{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body.chatting{gap:0;padding-top:18px}.chat-head,body.chatting{justify-content:flex-start}.chat-head{position:relative;z-index:1;width:100%;max-width:560px;display:flex;margin-bottom:14px}.reset{display:grid;place-items:center;padding:6px;background:transparent;border:0;border-radius:8px;cursor:pointer;opacity:.65;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.reset .mark{width:26px}.reset .mark .stroke{animation:none;stroke-dashoffset:0}.reset .mark .solid{animation:none;opacity:1}@media (hover:hover) and (pointer:fine){.reset:hover{opacity:1}}body.chatting .console-block{flex:1 1 auto;min-height:0;justify-content:flex-end;margin-bottom:0}body.chatting .console,body.chatting .transcript{flex:1 1 auto;min-height:0}body.chatting .transcript{height:auto}.collect{position:relative;z-index:1;width:100%;max-width:600px;height:100dvh;display:flex;flex-direction:column;padding:22px 0 max(20px,env(safe-area-inset-bottom))}.collect-head{display:grid;justify-items:center;grid-gap:9px;gap:9px;text-align:center;margin-bottom:18px}.collect-head .mark{width:38px}.collect-head .mark .stroke{animation:none;stroke-dashoffset:0}.collect-head .mark .solid{animation:none;opacity:1}.collect-head h1{margin:0;font-family:var(--serif);font-size:27px;font-weight:700;letter-spacing:-.3px;text-transform:none;line-height:1}.collect-head p{margin:0;font-family:var(--mono);font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--slate)}.collect-head .status{font-size:9px;letter-spacing:1.6px;color:#4a4a4a}.collect .console-block{flex:1 1 auto;min-height:0;justify-content:flex-end}.collect .console{flex:1 1 auto;min-height:0;max-width:none}.collect .transcript{height:auto;flex:1 1 auto;min-height:0}.collect .tagline{margin-top:12px;font-size:9px;letter-spacing:1.6px;color:#4a4a4a}.summary-card{border:1px solid #2b2b2b;border-left:2px solid var(--ember);border-radius:6px;padding:16px 16px 14px;background:#0A0A0A;animation:rise .42s cubic-bezier(.16,1,.3,1) both}.summary-flag{margin:0 0 14px;font-family:var(--mono);font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:var(--ember);opacity:.85}.summary-row{margin-bottom:13px}.summary-row span{display:block;margin-bottom:4px;font-family:var(--mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--slate)}.summary-row p{margin:0;font-size:14px;line-height:1.6;white-space:pre-line}.summary-actions{display:flex;gap:10px;margin-top:17px}.btn{flex:1 1;min-height:44px;padding:11px 12px;background:transparent;color:var(--paper);border:1px solid #333;border-radius:999px;font-family:var(--mono);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .18s,color .18s,border-color .18s,opacity .18s}.btn:disabled{opacity:.35;cursor:default}.btn-lock{background:var(--paper);color:var(--void);border-color:var(--paper);font-weight:600}@media (hover:hover) and (pointer:fine){.btn:not(:disabled):hover{border-color:var(--paper)}.btn-lock:not(:disabled):hover{background:var(--slate);border-color:var(--slate)}}.locked-note{border-left-color:#2f7d4f}.locked-note p{margin:0;font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.8)}@media (max-width:560px){.collect{padding-top:16px}.collect-head{margin-bottom:14px}.summary-actions{flex-direction:column}}.unlock{position:relative;z-index:1;width:100%;max-width:420px;display:flex;flex-direction:column;justify-content:center;gap:26px;min-height:100dvh;padding:24px 0}.unlock .collect-head{margin-bottom:0}.unlock-form{display:flex;flex-direction:column;gap:12px}.unlock-note{margin:0;text-align:center;font-family:var(--mono);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#4a4a4a;transition:color .2s}.unlock-note.error{color:var(--ember)}.turn.ai .body-wrap{display:grid;grid-gap:7px;gap:7px;justify-items:start}.speak-btn{display:grid;place-items:center;width:34px;height:34px;padding:0;background:transparent;color:var(--slate);border:1px solid #232323;border-radius:50%;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .18s,border-color .18s,background .18s}.speak-btn svg{width:15px;height:15px}.speak-btn[aria-label^=Stop]{color:var(--ember);border-color:var(--ember)}@media (hover:hover) and (pointer:fine){.speak-btn:hover{color:var(--paper);border-color:#3d3d3d}}@media (max-width:560px){.speak-btn{width:38px;height:38px}}