:root{--bg:#05070b;--bg-2:#070a10;--panel:rgba(255,255,255,.045);--panel-2:rgba(255,255,255,.07);--panel-soft:rgba(255,255,255,.022);--border:rgba(150,180,220,.12);--border-strong:rgba(45,212,232,.4);--cyan:#2dd4e8;--cyan-soft:#7fe7f3;--cyan-glow:rgba(45,212,232,.38);--text:#e9eef4;--muted:#9ca8b6;--faint:#7f8b99;--sb:#06080d;--sb-border:rgba(150,180,220,.10);--mono:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--r:13px;--r-sm:10px;--r-pill:999px;--sbw:300px}html.light{--bg:#e6edf5;--bg-2:#edf2f8;--panel:rgba(255,255,255,.66);--panel-2:rgba(255,255,255,.85);--panel-soft:rgba(255,255,255,.42);--border:rgba(40,90,140,.14);--border-strong:rgba(20,160,190,.46);--cyan:#12aecb;--cyan-soft:#5fcfe2;--cyan-glow:rgba(30,180,210,.24);--text:#13202d;--muted:#4f6476;--faint:#5f7384;--sb:#dde6f0;--sb-border:rgba(40,90,140,.13)}*{box-sizing:border-box}body,html{margin:0;height:100%}body,html:not(.light) body{background-color:var(--bg)}body{font-family:var(--sans);color:var(--text);-webkit-font-smoothing:antialiased;letter-spacing:-.005em}::-moz-selection{background:var(--cyan-glow);color:#fff}::selection{background:var(--cyan-glow);color:#fff}a{color:var(--cyan);text-decoration:none}h1,h2,h3{margin:0;font-weight:600}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.app{display:flex;height:100dvh;overflow:hidden}:is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.sidebar{width:var(--sbw);flex:none;display:flex;flex-direction:column;background-color:var(--sb);border-right:1px solid var(--sb-border)}.sb-top{padding:14px 16px 6px}.sb-toprow{justify-content:space-between}.logo,.sb-toprow{display:flex;align-items:center;gap:10px}.logo .mark{width:30px;height:30px;flex:none;image-rendering:pixelated;filter:drop-shadow(0 0 8px var(--cyan-glow));animation:bob 4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.logo .lt b{display:block;font-size:14px;letter-spacing:.1em;line-height:1.1}.logo .lt b,.logo .lt small{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:700}.logo .lt small{display:inline-block;white-space:nowrap;font-size:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--cyan);margin-top:4px;padding:3px 10px;border-radius:7px;background:color-mix(in srgb,var(--cyan) 12%,transparent);border:1px solid var(--border-strong)}.sb-back{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:8px;font-family:var(--mono);font-size:15px;font-weight:700;color:#04202a;border:none;background:linear-gradient(180deg,var(--cyan-soft),var(--cyan));box-shadow:0 6px 14px -8px var(--cyan-glow),inset 0 1px 0 rgba(255,255,255,.4);transition:filter .15s}.sb-back:hover{filter:brightness(1.07)}.chat-scroll{flex:1;min-height:0;overflow-y:auto;padding:14px}.transcript{display:flex;flex-direction:column;gap:16px}.msg{display:flex;gap:9px}.msg.user{justify-content:flex-end}.msg.user .bubble{max-width:90%;font-size:12px;line-height:1.5;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:13px 13px 4px 13px;padding:10px 13px}.msg.ai .av{width:24px;height:24px;flex:none;border-radius:7px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border-strong);background:color-mix(in srgb,var(--cyan) 8%,transparent)}.msg.ai .av canvas{image-rendering:pixelated;filter:drop-shadow(0 0 5px var(--cyan-glow));animation:avbob 3.6s ease-in-out infinite}@keyframes avbob{0%,to{transform:translateY(1px)}50%{transform:translateY(-1.5px)}}.msg.ai .mbody{max-width:90%}.msg.ai .mname{font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);margin-bottom:5px}.msg.ai .mtext{font-size:12px;line-height:1.55;color:var(--text)}.msg.ai .mtext b{font-weight:600}.msig{font-family:var(--mono);font-size:9px;color:var(--faint);margin-top:8px}.sb-composer{flex:none;padding:12px;border-top:1px solid var(--sb-border)}.mini{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r);padding:10px 10px 9px;display:flex;flex-direction:column;gap:9px;transition:border-color .18s,box-shadow .18s}.mini:focus-within{border-color:var(--border-strong);box-shadow:0 0 0 1px var(--cyan-glow)}.mini-row1{gap:8px}.mini-row1,.mini-row2{display:flex;align-items:center}.mini-row2{gap:7px}.mini-spacer{flex:1}.mini .plus{width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--cyan);border:1px solid var(--border);font-size:14px}.mini input{flex:1;min-width:0;border:none;background:none;outline:none;font-family:var(--sans);font-size:12.5px;color:var(--text)}.mini input::-moz-placeholder{color:var(--muted)}.mini input::placeholder{color:var(--muted)}.mini-ic{width:30px;height:30px;flex:none;border-radius:8px;display:grid;place-items:center;color:var(--muted);border:1px solid var(--border);background:transparent;font-size:13px;transition:color .15s,border-color .15s}.mini-ic:hover{color:var(--text);border-color:var(--border-strong)}.sq{flex:none;border-radius:8px;display:grid;place-items:center;font-size:14px;border:1px solid transparent;transition:filter .15s,border-color .15s}.sq.send{width:32px;height:32px;color:#04202a;background:linear-gradient(180deg,var(--cyan-soft),var(--cyan));box-shadow:0 6px 14px -8px var(--cyan-glow)}.sq.send:hover{filter:brightness(1.07)}.sq.cancel{width:24px;height:24px;color:var(--muted);background:var(--panel-soft);border-color:var(--border);font-size:10px}.sq.cancel:hover{color:#ff5a5a}.sb-foot{flex:none;display:flex;align-items:center;gap:10px;padding:11px 16px;border-top:1px solid var(--sb-border);font-family:var(--mono);font-size:11.5px;color:var(--muted)}.sb-foot .av{width:26px;height:26px;border-radius:7px;flex:none;display:grid;place-items:center;font-weight:600;font-size:11px;color:#04202a;background:linear-gradient(150deg,var(--cyan-soft),var(--cyan))}.toggle{margin-left:auto;width:44px;height:44px;border-radius:999px;background:transparent;border:0;position:relative;cursor:pointer;flex:none;padding:0}.toggle:before{content:"";position:absolute;left:4px;right:4px;top:12px;height:20px;border-radius:999px;background:var(--border);border:1px solid var(--border)}.toggle .kn{position:absolute;top:14px;left:6px;width:15px;height:15px;border-radius:50%;background:var(--cyan);transition:left .2s}html.light .toggle .kn{left:23px}.main{flex:1;min-width:0;display:flex;flex-direction:column;background-color:var(--bg-2);position:relative}.main:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:32px 32px;opacity:.4;-webkit-mask-image:radial-gradient(800px 500px at 60% 0,#000,transparent 78%);mask-image:radial-gradient(800px 500px at 60% 0,#000,transparent 78%)}.main>*{position:relative;z-index:1}.topbar{height:58px;flex:none;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid var(--border)}.tb-title{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--text)}.tb-sub{font-family:var(--mono);font-size:11px;color:var(--faint);padding:3px 8px;border:1px solid var(--border);border-radius:999px}.tb-lead{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:12.5px;font-weight:500;color:var(--text);opacity:.8;margin-left:4px}@media(max-width:840px){.tb-lead{display:none}}.tb-actions{margin-left:auto;gap:9px}.search,.tb-actions{display:flex;align-items:center}.search{gap:8px;font-family:var(--mono);font-size:11.5px;color:var(--muted);border:1px solid var(--border);border-radius:var(--r-pill);padding:7px 14px;background:var(--panel-soft)}.search input{border:none;background:none;outline:none;color:var(--text);font-family:var(--sans);font-size:12.5px;width:150px}.search input::-moz-placeholder{color:var(--muted)}.search input::placeholder{color:var(--muted)}.scroll{flex:1;overflow-y:auto;scroll-behavior:smooth}.inner{max-width:1080px;margin:0 auto;padding:24px 30px 70px}.lead{margin-bottom:24px}.lead h1{font-family:var(--mono);font-weight:600;font-size:20px;letter-spacing:-.01em}.lead p{font-size:12.5px;color:var(--muted);margin:7px 0 0;max-width:60ch;line-height:1.55}.fam{margin-bottom:30px}.fam-h{display:flex;align-items:center;gap:11px;margin-bottom:14px;position:sticky;top:0;z-index:2;padding:8px 0;background:linear-gradient(180deg,var(--bg-2) 70%,transparent)}.fam-h .ft{font-size:13px;font-weight:600;color:var(--text)}.fam-h .fc,.fam-h .ft{font-family:var(--mono)}.fam-h .fc{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.fam-h:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid{grid-template-columns:1fr}}.preset{position:relative;border:1px solid var(--border);border-radius:var(--r);background:var(--panel);overflow:hidden;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .25s}.preset:hover{transform:translateY(-5px);border-color:var(--border-strong);box-shadow:0 22px 44px -24px rgba(0,0,0,.8),0 0 30px -16px var(--cyan-glow)}.preset:focus-within{border-color:var(--cyan);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--cyan)}.preset-open{position:absolute;inset:0;z-index:2;width:100%;height:100%;border:0;background:transparent;cursor:pointer}.preset-open:focus-visible{outline:0}.swatch{height:104px;position:relative;overflow:hidden;align-items:center}.swatch,.swatch .mini{display:flex;justify-content:center}.swatch .mini{width:78%;height:62%;flex-direction:column;gap:6px;padding:11px 13px}.swatch .mh{font-weight:700;font-size:13px;line-height:1}.swatch .mb{font-size:8px;line-height:1.3;opacity:.8}.swatch .mbtn{align-self:flex-start;font-size:8px;font-weight:600;padding:4px 9px;margin-top:2px}.pmeta{padding:13px 15px 15px;border-top:1px solid var(--border)}.pmeta .pn{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;justify-content:space-between}.pmeta .pn .use{padding:4px 9px;opacity:0}.pmeta .pn .cp,.pmeta .pn .use{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--cyan);background:color-mix(in srgb,var(--cyan) 9%,transparent);border:1px solid var(--border-strong);border-radius:999px;cursor:pointer;transition:opacity .18s,background .15s}.pmeta .pn .cp{position:relative;z-index:3;padding:8px 10px;min-height:44px;opacity:.8}.preset:hover .pn .cp{opacity:1}.pmeta .pn .cp:hover{background:color-mix(in srgb,var(--cyan) 18%,transparent)}.pmeta .pn .cp.done{color:var(--text)}.preset:hover .pn .use{opacity:1}.pmeta .pv{font-size:10.5px;color:var(--cyan);margin-top:4px;font-family:var(--mono);letter-spacing:.02em}.pmeta .pd{font-size:11px;color:var(--muted);margin-top:7px;line-height:1.5}@media(max-width:600px){.app{flex-direction:column}.main{min-height:0}.sidebar{width:100%;height:clamp(220px,42dvh,340px);border-right:0;border-top:1px solid var(--sb-border)}.sb-top{padding-top:9px}.chat-scroll{padding-block:8px}}@media(max-width:600px) and (max-height:420px) and (orientation:landscape){.app{flex-direction:row}.sidebar{width:min(42vw,260px);height:100%;border-right:1px solid var(--sb-border);border-top:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}