:root{--bg:#0b0d10;--surface:#15181d;--surface-2:#1e2229;--border:#2b313a;--text:#eceff3;--muted:#8c95a3;--green:#00d09c;--green-soft:#00d09c1f;--blue-soft:#5b6cff29;--red:#ff6b6b;--font:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--ease:cubic-bezier(.2, .7, .1, 1);--rail:290px}*,:before,:after{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(ellipse 60% 45% at 85% -10%, #00d09c17, transparent 70%), radial-gradient(ellipse 50% 40% at -5% 40%, #5b6cff12, transparent 70%), var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-size:16px;line-height:1.55}button,input{font:inherit;color:inherit}button{cursor:pointer}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--green);outline-offset:3px}.stars{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.app{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.bar{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0b0d10b8;position:sticky;top:0}.bar-inner,.frame{width:100%;max-width:1400px;margin:0 auto;padding-left:28px;padding-right:28px}.bar-inner{justify-content:space-between;align-items:center;gap:12px;height:66px;display:flex}.brand{align-items:center;gap:10px;display:flex}.logo{background:var(--green);color:#04130f;border-radius:10px;flex:none;place-items:center;display:grid}.logo svg{width:62%;height:62%}.wordmark{letter-spacing:-.01em;font-size:19px;font-weight:700}.badge{background:var(--green-soft);color:var(--green);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.frame{grid-template-columns:var(--rail) minmax(0, 1fr);flex:1;gap:40px;display:grid}.rail{align-self:start;height:calc(100dvh - 66px);padding:28px 0;position:sticky;top:66px;overflow-y:auto}.section-title{color:var(--muted);margin:0 0 12px;font-size:14px;font-weight:600}.rail-list{flex-direction:column;gap:8px;display:flex}.rail-note{color:var(--muted);margin:18px 4px 0;font-size:13px}.only-narrow{display:none}.content{flex-direction:column;min-width:0;display:flex}.stage{flex:1;padding-top:44px;padding-bottom:32px}h1{letter-spacing:-.035em;max-width:22ch;animation:rise .7s var(--ease) both;margin:0;font-size:clamp(32px,5.2vw,56px);font-weight:700;line-height:1.06}.lede{max-width:50ch;color:var(--muted);animation:rise .7s 60ms var(--ease) both;margin:16px 0 44px;font-size:18px}.scheme{border:1px solid var(--border);text-align:left;width:100%;height:100%;transition:border-color .2s, background .2s, transform .2s var(--ease);background:#15181dcc;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.scheme:hover{background:var(--surface-2);border-color:#00d09c80;transform:translate(3px)}.tile{background:var(--green-soft);width:40px;height:40px;color:var(--green);border-radius:12px;flex:none;place-items:center;font-weight:700;display:grid}.scheme-text{flex-direction:column;flex:1;min-width:0;display:flex}.scheme-name{font-size:15px;font-weight:600;line-height:1.3}.scheme-cat{color:var(--muted);font-size:13px}.chev{color:var(--muted);transition:transform .2s var(--ease), color .2s;flex:none}.scheme:hover .chev{color:var(--green);transform:translate(3px)}.asks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.asks li,.schemes li{animation:rise .6s calc(.14s + var(--i) * 60ms) var(--ease) both}.asks button{border:1px solid var(--border);text-align:left;width:100%;height:100%;min-height:92px;transition:border-color .2s, background .2s, transform .2s var(--ease);background:#15181dcc;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px;font-size:16.5px;font-weight:500;line-height:1.35;display:flex}.asks button svg{color:var(--muted);transition:color .2s, transform .2s var(--ease);flex:none;margin-top:2px}.asks button:hover{background:var(--surface-2);border-color:#00d09c80;transform:translateY(-2px)}.asks button:hover svg{color:var(--green);transform:translate(2px,-2px)}.thread{flex-direction:column;gap:28px;padding-top:4px;display:flex}.turn{flex-direction:column;gap:14px;display:flex}.you{background:var(--surface-2);border:1px solid var(--border);max-width:78%;animation:slide .35s var(--ease) both;border-radius:20px 20px 6px;align-self:flex-end;padding:11px 16px}.you p{overflow-wrap:anywhere;margin:0}.bot{animation:slide .4s var(--ease) both;align-items:flex-start;gap:10px;display:flex}.bot .logo{border-radius:9px;margin-top:2px}.answer{border:1px solid var(--border);background:#15181deb;border-radius:6px 20px 20px;flex:1;min-width:0;padding:16px 18px}.answer.is-error{border-color:#ff6b6b73}.answer.is-error .answer-text{color:var(--red)}.note{background:var(--blue-soft);color:#a3adff;border-radius:999px;margin:0 0 10px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}.answer-text{white-space:pre-wrap;overflow-wrap:anywhere;max-width:64ch;margin:0}.answer-text.is-figure{letter-spacing:-.02em;font-size:34px;font-weight:700;line-height:1.15}.answer a{color:var(--green);text-underline-offset:3px}.sources{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:14px;padding-top:12px;font-size:13px;display:flex}.answer a.source-pill{background:var(--green-soft);color:var(--green);border-radius:999px;align-items:center;gap:2px;padding:4px 10px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.answer a.source-pill:hover{background:#00d09c38}.skeleton{flex-direction:column;gap:10px;width:100%;max-width:420px;display:flex}.skeleton span{background:linear-gradient(90deg, var(--surface-2) 30%, #2b323c 50%, var(--surface-2) 70%) 0 0 / 250% 100%;border-radius:6px;height:12px;animation:1.3s linear infinite shimmer}.skeleton span:first-child{width:92%}.skeleton span:nth-child(2){width:74%}.skeleton span:nth-child(3){width:46%}.dock{background:linear-gradient(#0b0d1000,#0b0d10eb 30%);width:100%;padding-top:18px;padding-bottom:14px;position:sticky;bottom:0}.composer{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:7px 7px 7px 22px;transition:border-color .2s,box-shadow .2s;display:flex}.composer:focus-within{border-color:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.composer input{min-width:0;height:44px;caret-color:var(--green);background:0 0;border:0;outline:0;flex:1;font-size:16px}.composer input::placeholder{color:var(--muted)}.composer button{background:var(--green);color:#04130f;width:44px;height:44px;transition:transform .2s var(--ease), background .2s, color .2s;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.composer button:hover:not(:disabled){transform:scale(1.06)}.composer button:active:not(:disabled){transform:scale(.94)}.composer button:disabled{color:#6b7482;cursor:default;background:#2a3038}.composer button:focus-visible{outline-color:var(--text)}.fine{text-align:center;color:var(--muted);margin:10px 0 0;font-size:12.5px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@media (width<=980px){.frame{display:block}.rail{display:none}.only-narrow{margin-bottom:28px;display:block}.schemes{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.scheme:hover{transform:translateY(-2px)}}@media (width<=720px){.asks{grid-template-columns:1fr}.asks button{min-height:0}}@media (width<=560px){.bar-inner,.frame{padding-left:16px;padding-right:16px}.bar-inner{height:58px}.badge{padding:5px 10px;font-size:12px}.stage{padding-top:28px}.schemes{grid-template-columns:1fr}.lede{margin-bottom:28px;font-size:16.5px}.you{max-width:92%}.answer{padding:14px}.answer-text.is-figure{font-size:28px}}
