:root{--bg:#000;--amber:#f2b24a;--amber-dim:#9a7434;--txt:#d9d3c5;--dim:#6f6a5c;--line:#1c1a15;--mono:ui-monospace, "SF Mono", Menlo, "Cascadia Code", "JetBrains Mono", Consolas, monospace;--sans:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0}body{color:var(--txt);font-family:var(--mono);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}::selection{background:var(--amber);color:#000}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}a{color:var(--amber);text-decoration:none}a:hover{text-decoration:underline}.pixelated{image-rendering:pixelated;image-rendering:crisp-edges}[data-boot]{z-index:90;background:var(--bg);justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}[data-boot].boot-done{opacity:0;pointer-events:none}[data-boot] .boot-inner{width:min(560px,88vw)}.boot-line{color:var(--dim);white-space:pre-wrap;min-height:1.55em}.boot-line.boot-ok,.boot-line .boot-tick{color:var(--amber)}.boot-line .boot-hl{color:#ede9de}.boot-skip{text-align:center;color:var(--dim);font-size:12px;animation:1.6s ease-in-out infinite cosmo-blink-soft;position:fixed;bottom:22px;left:0;right:0}@keyframes cosmo-blink-soft{0%,to{opacity:.35}50%{opacity:.9}}.boot-reveal{opacity:0;transform:translateY(6px)}html.booted .boot-reveal{opacity:1;transition:opacity .6s,transform .6s;transform:none}@media (prefers-reduced-motion:reduce){.boot-reveal,html.booted .boot-reveal{opacity:1;transition:none;transform:none}}[data-out]{scrollbar-width:thin;scrollbar-color:var(--line) transparent;overflow-y:auto}.tl{white-space:pre-wrap;word-break:break-word}.tl-cmd,.tl-ok{color:var(--amber)}.tl-warn{color:var(--txt);font-weight:700}.tl-run{color:var(--txt)}.tl-dim{color:var(--dim)}.tl-cmds{color:var(--amber);letter-spacing:.02em;font-size:1.1em;line-height:1.9}[data-prompt]{cursor:text;align-items:baseline;gap:.55ch;display:flex;position:relative}.prompt-label{color:var(--amber);flex:none}.prompt-typed{white-space:pre-wrap;word-break:break-all}.prompt-caret{background:var(--amber);width:.62ch;height:1.15em;animation:1.05s step-end infinite cosmo-caret;display:inline-block;transform:translateY(.18em)}@keyframes cosmo-caret{0%,55%{opacity:1}56%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.prompt-caret{animation:none}}.prompt-ghost{color:var(--dim);white-space:pre-wrap}.prompt-hidden-input{opacity:0;color:#0000;caret-color:#0000;font:inherit;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}[data-mascot]{user-select:none;-webkit-user-drag:none}.mascot-float{animation:5.2s ease-in-out infinite cosmo-float}@keyframes cosmo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}[data-mascot].is-barking{animation:.55s cosmo-bark}@keyframes cosmo-bark{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(-14px)rotate(-4deg)}50%{transform:translateY(0)rotate(3deg)}70%{transform:translateY(-7px)rotate(-2deg)}to{transform:translateY(0)rotate(0)}}@media (prefers-reduced-motion:reduce){.mascot-float,[data-mascot].is-barking{animation:none}}[data-bubble]{font-family:var(--mono);color:var(--txt);background:var(--bg);border:1px solid var(--amber-dim);border-radius:8px;max-width:300px;padding:8px 12px;font-size:12.5px;line-height:1.45;position:relative}[data-bubble]:after{content:"";background:var(--bg);border-right:1px solid var(--amber-dim);border-bottom:1px solid var(--amber-dim);width:10px;height:10px;position:absolute;bottom:-6px;left:26px;transform:rotate(45deg)}[data-bubble].bubble-in{animation:.3s cosmo-bubble}@keyframes cosmo-bubble{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}[data-saver]{z-index:95;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .5s;position:fixed;inset:0}[data-saver].saver-on{opacity:1;pointer-events:auto}[data-saver] [data-saver-mover]{will-change:transform;text-align:center;width:140px;position:absolute;top:0;left:0}[data-saver] [data-saver-mover] img{width:120px;height:auto}[data-saver] .saver-caption{color:var(--dim);letter-spacing:.12em;margin-top:6px;font-size:11px}[data-saver] .saver-flyer{will-change:transform;pointer-events:none;height:auto;position:absolute;top:0;left:0}[data-saver] [data-saver-sprite]{display:none}[data-saver] .saver-hint{text-align:center;color:var(--dim);letter-spacing:.14em;font-size:11px;position:absolute;bottom:22px;left:0;right:0}.btn-amber{font-family:var(--mono);background:var(--amber);color:#000;border:1px solid var(--amber);cursor:pointer;border-radius:6px;padding:12px 26px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-block}.btn-amber:hover{box-shadow:0 0 0 1px var(--amber);text-decoration:none;transform:translateY(-1px)}.btn-ghost{font-family:var(--mono);color:var(--amber);border:1px solid var(--amber-dim);cursor:pointer;background:0 0;border-radius:6px;padding:12px 26px;display:inline-block}.btn-ghost:hover{border-color:var(--amber);text-decoration:none}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}:root{--amber:#3dfc6e;--amber-dim:#1d5a2e;--pink:#ff5ca8;--pink-dim:#7c3a5c;--txt:#cfe7d2;--paper:#f2ede1;--body:#99948a;--hairline:#101510}body{height:100svh;overflow:hidden}.pinked{filter:hue-rotate(-65deg)saturate(1.5)brightness(1.06)}.frame{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(230px,272px) 1fr;gap:0 clamp(28px,4vw,72px);max-width:1560px;height:100%;margin:0 auto;padding:clamp(18px,2.4vw,34px) clamp(20px,3vw,44px);display:grid}.pane,.main{min-width:0;min-height:0}.pane{flex-direction:column;display:flex}.brand-row{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.brand-row .with{color:#fff;letter-spacing:.08em;font-size:20px;font-weight:700}.wordmark-mini{font-family:var(--mono);white-space:pre;user-select:none;background:linear-gradient(90deg,#7fd6ff 0%,#3dfc6e 48%,#f2e96b 100%);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 0 7px #3dfc6e61);background-clip:text;margin:0;font-size:5.4px;line-height:1.2}.pane-sub{font-family:var(--sans);color:var(--body);max-width:22ch;margin:24px 0 0;font-size:13px;line-height:1.75}.pane-sub .k-white{color:#ede9de}.pane-sub .k-coral{color:#ff8c7a}.pane-sub .k-cyan{color:#7fd6ff}.navlist{flex-direction:column;margin-top:auto;padding-bottom:4px;display:flex}.navlist a{width:max-content;max-width:100%;color:var(--txt);letter-spacing:.02em;padding:6.5px 0;font-size:13.5px;text-decoration:none;transition:color .16s,transform .16s;display:inline-block;position:relative}.navlist a .tilde{color:var(--amber-dim);transition:color .16s}.navlist a:after{content:"";background:var(--pink);transform-origin:0;width:100%;height:1px;position:absolute;bottom:3px;left:0;transform:scaleX(0)}.navlist a:hover,.navlist a:focus-visible{color:var(--pink);text-decoration:none;transform:translate(5px)}.navlist a:hover .tilde,.navlist a:focus-visible .tilde{color:var(--pink)}.navlist a:hover:after,.navlist a:focus-visible:after{transition:transform .28s steps(9,end);transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.navlist a,.navlist a:after{transition:none}.navlist a:hover{transform:none}}.book-pill{text-align:center;color:#fff;border:1px solid #fff;border-radius:10px;margin-top:14px;padding:13px 10px;font-size:13.5px;font-weight:700;transition:background .16s,color .16s,transform .12s;display:block}.book-pill:hover{color:#000;background:#fff;text-decoration:none}.book-pill:active{transform:scale(.985)}.main{flex-direction:column;display:flex}.greet{font-size:13px;line-height:1.75}.greet .g1{color:var(--dim)}.greet .g1:before{content:"✱ ";color:var(--amber)}.greet .g2{color:var(--amber)}.greet .g1,.greet .g2{opacity:0;transform:translateY(4px)}html.intro .greet .g1{opacity:1;transition:all .5s 50ms;transform:none}html.intro .greet .g2{opacity:1;transition:all .5s .22s;transform:none}h1.hed{font-family:var(--sans);letter-spacing:-.018em;color:var(--paper);max-width:24ch;margin:clamp(12px,1.9vh,24px) 0 0;font-size:clamp(28px,3.3vw,48px);font-weight:700;line-height:1.07}h1.hed em{color:var(--pink);font-style:normal}h1.hed.split .w{opacity:0;display:inline-block;transform:translateY(.55em)}html.intro h1.hed.split .w{opacity:1;transition:opacity .55s cubic-bezier(.2,.65,.25,1),transform .55s cubic-bezier(.2,.65,.25,1);transition-delay:calc(var(--i) * 42ms);transform:none}@media (prefers-reduced-motion:reduce){.greet .g1,.greet .g2,h1.hed.split .w{opacity:1!important;transition:none!important;transform:none!important}}.band{flex:1;grid-template-columns:minmax(320px,50%) 1fr;align-items:center;gap:clamp(20px,3.5vw,56px);min-height:300px;margin-top:clamp(6px,1.2vh,14px);display:grid}.visual{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;margin:0;display:flex;position:relative;overflow:visible}.portrait{font-family:var(--mono);white-space:pre;user-select:none;color:var(--pink);text-shadow:0 0 14px #ff5ca847;margin:0;font-size:8px;line-height:1.16}.ascii-breath{animation:6.5s ease-in-out infinite ascii-breath}@keyframes ascii-breath{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.006)translateY(-3px)}}.ascii-glitch{text-shadow:2px 0 #3dfc6e59,-2px 0 #ffffff2e,0 0 14px #ff5ca847;transform:translate(1px)}.portrait-canvas{pointer-events:none;filter:drop-shadow(0 0 12px #ff5ca842);display:block}.wordmark-mini.ascii-glitch{text-shadow:1px 0 #ff5ca866,-1px 0 #ffffff26}@media (prefers-reduced-motion:reduce){.ascii-breath{animation:none}}.visual .caption{color:var(--dim);letter-spacing:.16em;white-space:nowrap;pointer-events:none;font-size:10.5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.fetch-wrap{min-width:0}.fetch-head{color:var(--txt);font-size:13.5px}.fetch-head b{color:var(--pink);font-weight:400}.fetch-rule{color:var(--amber-dim);white-space:nowrap;margin:1px 0 7px;font-size:13px;overflow:hidden}.fetch{grid-template-columns:max-content 1fr;gap:3px 18px;font-size:13.5px;display:grid}.fetch dt{color:var(--pink);cursor:default;margin:0}.fetch dd{color:var(--amber);min-width:0;margin:0}.fetch dd em{color:var(--dim);font-style:normal}.term{border:1px solid var(--amber-dim);background:#010502;border-radius:10px;flex-direction:column;gap:2px;margin-top:clamp(10px,1.8vh,20px);padding:12px 16px;transition:border-color .25s;display:flex}.term:focus-within{border-color:#2e8f49}.term [data-out]{height:clamp(110px,17vh,170px);font-size:13px;mask-image:linear-gradient(#0000 0,#000 14px)}.term [data-prompt]{margin-top:3px;font-size:13px}.fold{border-top:1px solid var(--hairline);color:var(--dim);letter-spacing:.14em;grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:12px;margin-top:clamp(10px,1.6vh,18px);padding:9px 2px 0;font-size:10.5px;display:flex}.fold a{color:var(--dim);text-decoration:none;transition:color .16s}.fold a:hover{color:var(--pink);text-decoration:none}.foot-legal{align-items:baseline;gap:8px;display:flex}.foot-legal .sep{color:var(--hairline)}.foot-copy{text-align:center}@media (height<=830px) and (width>=1081px){.greet{font-size:12px;line-height:1.6}h1.hed{margin-top:10px;font-size:clamp(24px,2.8vw,36px)}.band{min-height:230px;margin-top:6px}.term{margin-top:8px}.term [data-out]{height:96px}.fold{margin-top:8px}.pane-sub{margin-top:16px;font-size:12.5px}}@media (width<=1080px){html,body{max-width:100vw;height:auto;overflow:hidden auto}.frame{flex-direction:column;gap:18px;height:auto;display:flex}.pane,.main{display:contents}.brand-row{order:0}.greet{order:1}h1.hed{order:2;max-width:none}.band{order:3;grid-template-columns:1fr;gap:16px;min-height:0}.visual{min-height:min(72vw,380px)}.pane-sub{order:4;max-width:58ch;margin:0}.term{order:5;margin:0}.navlist{order:6;margin:4px 0 0}.book-pill{order:7;margin:2px 0 0}.fold{order:8;margin:4px 0 0}}@media (width<=700px){.frame{gap:16px;padding:16px}.fold{text-align:center;flex-direction:column;align-items:center;gap:8px;padding-bottom:6px}h1.hed{font-size:clamp(25px,7vw,32px)}.pane-sub{font-size:13.5px}.prompt-ghost{display:none}[data-prompt]{flex-wrap:wrap}.fetch{gap:3px 12px;font-size:12.5px}.fetch dd{overflow-wrap:anywhere}.term [data-out]{height:150px;font-size:12px}.brand-row img{width:54px;height:54px}}
