.back{margin-bottom:2rem;font-size:.8rem}h1{font-size:1.75rem;font-weight:500;letter-spacing:-.02em;margin-bottom:.5rem}.lede{color:var(--mute);margin-bottom:2rem;max-width:60ch;line-height:1.65}.frame{border:1px solid var(--rule);border-radius:8px;overflow:hidden;background:color-mix(in oklab,var(--ink) 3%,var(--bg));margin-bottom:1.25rem;transition:border-color .18s ease;--accent: #4a8ad6}.frame[data-identity=fire]{--accent: #f5821f}.frame[data-identity=gooku]{--accent: #8a6df0}.frame[data-identity=guild]{--accent: #d65a4a}.frame[data-identity=devpipe]{--accent: #10b981}.frame[data-identity=thingdb]{--accent: #14b8a6}.frame:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,color-mix(in oklab,var(--ink) 4%,transparent) 3px,color-mix(in oklab,var(--ink) 4%,transparent) 4px);z-index:5;opacity:.5;border-radius:8px}:global([data-theme=ascii]) .frame:before{display:none}.frame.glitching .screen{animation:glitch-flicker .22s steps(6,end)}@keyframes glitch-flicker{0%{opacity:1;transform:translateZ(0)}20%{opacity:.7;transform:translate3d(2px,-1px,0)}40%{opacity:.85;transform:translate3d(-1px,1px,0)}60%{opacity:.6;transform:translate3d(1px,0,0)}to{opacity:1;transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.frame.glitching .screen{animation:none}}.panel li .v{transition:color .18s ease}.frame[data-cursor="1"] .footer:after{content:" █";animation:blink 1s steps(1,end) infinite}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.frame[data-cursor="1"] .footer:after{animation:none;opacity:.6}}.live-status{display:block;margin-top:.65rem;font-size:.78rem;color:var(--mute);padding-top:.4rem;border-top:1px dashed color-mix(in oklab,var(--ink) 12%,transparent)}.live-status .live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:.45em;vertical-align:middle;animation:live-pulse 1.6s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.live-status .live-dot{animation:none}}.frame.locked{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}:global([data-theme=ascii]) .frame{border-radius:0;border-style:dashed;background:var(--bg)}.titlebar{display:flex;align-items:center;gap:.65rem;padding:.4rem .75rem;background:color-mix(in oklab,var(--accent) 22%,var(--bg));border-bottom:1px solid var(--rule);transition:background .18s ease}:global([data-theme=ascii]) .titlebar{background:var(--bg);border-bottom:1px dashed var(--rule)}.dots{display:inline-flex;gap:.3rem}.dots i{width:9px;height:9px;border-radius:50%;background:color-mix(in oklab,var(--ink) 40%,var(--bg));display:inline-block}.dots i:first-child{background:#ed6a5e}.dots i:nth-child(2){background:#f4bf4f}.dots i:last-child{background:#61c554}:global([data-theme=ascii]) .dots{display:none}.title{flex:1 1 auto;font-size:.78rem;color:var(--ink);letter-spacing:.02em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.badge{font-size:.65rem;padding:.1rem .45rem;border-radius:3px;background:var(--accent);color:var(--bg);letter-spacing:.1em;font-weight:600;transition:background .18s ease}:global([data-theme=ascii]) .badge{border-radius:0;background:var(--ink);color:var(--bg)}.stripe{height:3px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) 30%,transparent 30%,transparent 35%,var(--accent) 35%,var(--accent) 38%,transparent 38%);opacity:.85}.screen{padding:1rem 1.1rem .85rem;font-size:clamp(11px,1.4vw,13px);line-height:1.5;color:var(--ink);min-height:22rem}.hbar{color:color-mix(in oklab,var(--accent) 65%,var(--mute));overflow:hidden;white-space:nowrap;user-select:none;opacity:.85}.header,.footer{font-size:.78rem;padding:.35rem 0;color:var(--mute)}.header{color:color-mix(in oklab,var(--accent) 70%,var(--ink));font-weight:500}.footer{font-size:.72rem}.grid{display:grid;gap:.85rem;padding:.85rem 0;grid-template-columns:1fr}@media(min-width:640px){.frame[data-identity=fire] .grid{grid-template-columns:1.2fr 1fr}.frame[data-identity=gooku] .grid{grid-template-columns:1fr}.frame[data-identity=guild] .grid{grid-template-columns:1fr 1fr}}.panel{border:1px dashed color-mix(in oklab,var(--accent) 50%,var(--rule));padding:.55rem .7rem;border-radius:4px}:global([data-theme=ascii]) .panel{border-radius:0}.panel-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in oklab,var(--accent) 70%,var(--ink));margin-bottom:.4rem}.panel ul{list-style:none;padding:0;margin:0;font-size:.8rem}.panel li{display:flex;gap:.5rem;padding:.12rem 0;color:var(--ink)}.panel li .k{color:var(--accent);flex:0 0 auto;min-width:1.2rem}.panel li .v{color:var(--mute);margin-left:auto}.input-row{display:flex;flex-direction:column;gap:.85rem;margin-bottom:2rem}.field{display:flex;flex-direction:column;gap:.4rem}.label{font-size:.7rem;text-transform:lowercase;letter-spacing:.06em}textarea#keys{background:none;border:1px solid var(--rule);border-radius:6px;color:var(--ink);font-family:var(--mono);font-size:.9rem;padding:.65rem .8rem;outline:none;resize:vertical;line-height:1.5}textarea#keys:focus{border-color:var(--ink)}:global([data-theme=ascii]) textarea#keys{border-radius:0}.controls{display:flex;gap:.6rem;flex-wrap:wrap}.btn{background:none;border:1px solid var(--rule);color:var(--ink);padding:.5rem .85rem;border-radius:999px;font-family:var(--mono);font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:border-color .15s ease}.btn:hover{border-color:var(--ink)}.btn.ghost{color:var(--mute)}.btn .kbd{font-size:.65rem;padding:.05rem .35rem;border:1px solid currentColor;border-radius:3px;opacity:.6}:global([data-theme=ascii]) .btn,:global([data-theme=ascii]) .btn .kbd{border-radius:0}.how{margin-top:2rem;padding-top:1rem;border-top:1px dashed var(--rule);font-size:.85rem}.how summary{cursor:pointer;font-size:.8rem}.how ul{margin-top:.75rem;padding-left:1.5rem;line-height:1.7}.how code,.how kbd{font-family:var(--mono);background:color-mix(in oklab,var(--ink) 8%,transparent);padding:.05em .3em;border-radius:3px;font-size:.92em}