: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;--mono:ui-monospace,"SF Mono","JetBrains Mono","Roboto Mono",Menlo,Consolas,monospace;--panther-opacity:0.07;--eye-opacity:0.55;--eye-line:22vh;--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 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;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{font-size:clamp(28px,7vw,38px);font-weight:800;letter-spacing:3px;line-height:1}.brand h1,.brand p{margin:0;text-transform:uppercase}.brand p{font-family:var(--mono);font-size:11px;letter-spacing:2.5px;color:var(--slate)}.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}.footnote{position:relative;z-index:1;max-width:520px;margin:0;text-align:center;font-family:var(--mono);font-size:9.5px;line-height:1.8;letter-spacing:1.2px;text-transform:uppercase;color:var(--slate)}@media (max-width:420px){:root{--eye-line:19vh}.transcript{height:min(360px,44dvh);gap:20px}.icon-btn{width:44px;height:44px}.controls{padding:5px 6px 5px 8px}body{gap:22px;padding-top:26px}}@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}}