:root{--bg:#fff;--bg-side:#f0f4f9;--surface:#fff;--hover:#e8edf5;--active:#dde4f0;--ink:#1f1f1f;--ink-soft:#444746;--ink-faint:#7a7f8a;--line:#e3e8ef;--green:#0d6b56;--green-mid:#0e7c66;--green-tint:#e6f4f1;--amber-deep:#7d5a0e;--amber-tint:#fdf3e0;--red:#b3261e;--red-tint:#fcf0ef;--blue-pill:#1a73e8;--radius:24px;--font:"Google Sans", "Roboto", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6}a{color:var(--green-mid);text-decoration:none}a:hover{text-decoration:underline}.app{background:var(--bg);height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-side);flex-direction:column;flex-shrink:0;width:280px;height:100vh;padding:8px 0;display:flex;overflow-y:auto}.side-brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:10px;padding:16px 20px 12px;font-size:22px;font-weight:400;text-decoration:none;display:flex}.side-brand:hover{text-decoration:none}.side-brand .mark{color:var(--green-mid);font-weight:500}.new-btn{background:var(--surface);border:none;border:1px solid var(--line);color:var(--ink);font-family:var(--font);cursor:pointer;border-radius:999px;align-items:center;gap:12px;margin:4px 12px 8px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s;display:flex}.new-btn:hover{background:var(--hover);text-decoration:none}.side-label{color:var(--ink-faint);letter-spacing:.01em;padding:10px 20px 4px;font-size:12px;font-weight:500}.side-nav{flex-direction:column;flex:1;gap:1px;padding:0 8px;display:flex;overflow-y:auto}.side-item{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;font-size:14px;font-family:var(--font);text-align:left;background:0 0;border:none;border-radius:999px;align-items:center;gap:10px;width:100%;padding:10px 14px;text-decoration:none;transition:background .1s;display:flex;overflow:hidden}.side-item:hover{background:var(--hover);text-decoration:none}.side-item.active{background:var(--active);font-weight:500}.dot{border-radius:999px;flex-shrink:0;width:8px;height:8px}.side-footer{border-top:1px solid var(--line);padding:8px 8px 6px}.user-row{border-radius:999px;align-items:center;gap:10px;padding:8px 12px;display:flex}.avatar{color:#fff;background:#9c27b0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.user-name{font-size:13.5px;font-weight:500}.user-credits{color:var(--ink-faint);font-size:12px}.mobile-bar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#ffffffeb;align-items:center;gap:12px;padding:10px 16px;display:none;position:sticky;top:0}@media (width<=840px){.sidebar{display:none}.mobile-bar{display:flex}}.main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;position:relative;overflow-y:auto}.gradient-wash{pointer-events:none;z-index:0;background:radial-gradient(80% 70% at 50% -5%,#add8ff59 0%,#c8e6c92e 45%,#0000 70%);height:55vh;position:fixed;inset:0 0 auto 280px}@media (width<=840px){.gradient-wash{left:0}}.content{z-index:1;flex:1;width:100%;max-width:720px;margin:0 auto;padding:0 20px 140px;position:relative}.home-wrap{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:calc(100vh - 160px);display:flex}.greeting{letter-spacing:-.02em;color:#0000;background:linear-gradient(135deg, #1f1f1f 30%, var(--green-mid) 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,4.5vw,40px);font-weight:400;line-height:1.2}.suggestion-row{flex-wrap:wrap;justify-content:center;gap:10px;max-width:600px;display:flex}.suggestion-pill{border:1px solid var(--line);background:var(--surface);font-family:var(--font);color:var(--ink-soft);cursor:pointer;white-space:nowrap;border-radius:999px;padding:8px 18px;font-size:13.5px;transition:background .1s,border-color .1s}.suggestion-pill:hover{background:var(--hover);color:var(--ink);border-color:#c9d3e0}.composer-wrap{z-index:10;background:linear-gradient(to top, var(--bg) 75%, transparent);justify-content:center;padding:12px 20px 20px;display:flex;position:fixed;bottom:0;left:280px;right:0}@media (width<=840px){.composer-wrap{left:0}}.composer{background:var(--surface);border:1px solid #c4cdd8;border-radius:28px;flex-direction:column;gap:8px;width:100%;max-width:720px;padding:12px 14px 10px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 2px 6px #0000000f,0 8px 24px #00000012}.composer:focus-within{border-color:#a8b8c9;box-shadow:0 2px 8px #00000014,0 12px 28px #0000001a}.composer.drag{border-color:var(--green-mid)}.composer textarea{resize:none;font-family:var(--font);color:var(--ink);background:0 0;border:none;outline:none;min-height:44px;max-height:200px;padding:2px 6px;font-size:15px;line-height:1.55}.composer textarea::placeholder{color:var(--ink-faint)}.composer-bar{align-items:center;gap:4px;padding:0 2px;display:flex}.icon-btn{width:38px;height:38px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:background .1s;display:flex}.icon-btn:hover{background:var(--hover);color:var(--ink)}.seg{background:var(--bg-side);border-radius:999px;gap:2px;padding:3px;display:flex}.seg button{min-height:32px;font-family:var(--font);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500;transition:background .1s}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001f}.send-btn{background:var(--blue-pill);color:#fff;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-left:auto;transition:opacity .15s,transform .1s;display:flex}.send-btn:hover{opacity:.88}.send-btn:active{transform:scale(.95)}.send-btn:disabled{cursor:not-allowed;background:#c4cdd8}.attach-chip{background:var(--bg-side);border-radius:16px;align-items:center;gap:10px;padding:7px 10px;display:flex}.attach-chip img{object-fit:cover;border-radius:10px;width:40px;height:40px}.history-link{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:13.5px;text-decoration:none;transition:background .1s;display:flex;overflow:hidden}.history-link:hover{background:var(--hover);text-decoration:none}.history-link.active{background:var(--active);font-weight:500}.solution-doc{flex-direction:column;gap:0;padding-top:32px;display:flex}.sol-header{margin-bottom:32px}.sol-title{letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(20px,3vw,26px);font-weight:500;line-height:1.3}.sol-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sol-step{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:16px 0;animation:.22s fade-up;display:flex}@keyframes fade-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sol-step{animation:none}}.sol-statement{color:var(--ink-soft);margin:0;font-size:14.5px;line-height:1.65}.sol-working{border-left:4px solid var(--step-color,#1a73e8);background:color-mix(in srgb, var(--step-color,#1a73e8) 6%, white);border-radius:16px;padding:14px 18px;position:relative}.sol-working .katex-display{scrollbar-width:none;padding:2px 0;overflow-x:auto}.sol-working .katex-display::-webkit-scrollbar{display:none}.sol-tick{align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex;position:absolute;top:10px;right:14px}.sol-answer{background:var(--green-tint);border:1.5px solid #0d6b5633;border-radius:20px;margin-top:24px;padding:20px 22px}.sol-answer .label{letter-spacing:.06em;text-transform:uppercase;color:var(--green);margin-bottom:6px;font-size:11.5px;font-weight:600}.sol-answer .value{font-size:17px;font-weight:500}.sol-figure{border:1px solid var(--line);background:#fafbfc;border-radius:16px;margin-top:24px;padding:16px}.sol-figure .f-label{color:var(--ink-faint);margin-bottom:8px;font-size:12px;font-weight:500}.sol-figure svg{max-width:100%;height:auto}.sol-foot{color:var(--ink-faint);align-items:center;gap:6px;margin-top:16px;font-size:12.5px;display:flex}.slip-hint{background:var(--amber-tint);color:#5a3d00;border:1px solid #7d5a0e33;border-radius:12px;margin-top:6px;padding:10px 14px;font-size:14px}.sol-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;display:flex}.chip{border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.chip.good{background:var(--green-tint);color:var(--green)}.chip.warn{background:var(--amber-tint);color:var(--amber-deep)}.chip.bad{background:var(--red-tint);color:var(--red)}.chip.muted{background:var(--bg-side);color:var(--ink-faint)}.button{background:var(--ink);color:#fff;min-height:40px;font-family:var(--font);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .12s;display:inline-flex}.button:hover{opacity:.85;color:#fff;text-decoration:none}.button:disabled{background:var(--line);cursor:not-allowed}.button.ghost{border:1px solid var(--line);color:var(--ink);background:0 0}.button.ghost:hover{background:var(--hover);opacity:1;text-decoration:none}.button.blue{background:var(--blue-pill)}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px 22px}.stack{flex-direction:column;gap:14px;display:flex}.row{align-items:center;gap:10px;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field label{color:var(--ink-soft);font-size:13px;font-weight:500}.field input,.field textarea{font-family:var(--font);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:15px}.field textarea{resize:vertical;min-height:80px}.field input:focus-visible,.field textarea:focus-visible,.button:focus-visible,.icon-btn:focus-visible,.send-btn:focus-visible{outline:2px solid var(--blue-pill);outline-offset:2px}.error-note{background:var(--red-tint);color:var(--red);border-radius:12px;padding:10px 14px;font-size:13.5px}.muted{color:var(--ink-soft);font-size:14px}.faint{color:var(--ink-faint);font-size:13px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:11px;font-weight:600}.working-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:80px 24px;display:flex}.pulse-ring{border:2.5px solid var(--green-mid);border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;animation:1.7s ease-in-out infinite pulse;display:flex}@keyframes pulse{0%,to{box-shadow:0 0 #0e7c6633}50%{box-shadow:0 0 0 14px #0e7c6600}}@media (prefers-reduced-motion:reduce){.pulse-ring{animation:none}}.skeleton{background:linear-gradient(90deg,#f1f3f5 25%,#e8eaed 37%,#f1f3f5 63%) 0 0/400% 100%;border-radius:12px;animation:1.3s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.page-head{padding:32px 0 24px}.page-title{letter-spacing:-.01em;margin:0 0 4px;font-size:28px;font-weight:400}.page-sub{color:var(--ink-soft);margin:0;font-size:14px}.plan-card{border:1.5px solid var(--line);background:var(--surface);border-radius:20px;padding:22px 24px;position:relative;overflow:hidden}.plan-card.featured{border-color:var(--green-mid)}.plan-card .plan-name{margin:0 0 4px;font-size:18px;font-weight:500}.plan-card .plan-price{letter-spacing:-.02em;font-size:28px;font-weight:400}.plan-card .plan-price span{color:var(--ink-soft);font-size:14px;font-weight:400}.plan-card ul{color:var(--ink-soft);margin:12px 0 16px;padding-left:1.1rem;font-size:14px}.plan-card li{margin:5px 0}.hand-table{border-collapse:collapse;width:100%;font-size:14px}.hand-table th{text-align:left;border-bottom:1.5px solid var(--ink);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);padding:6px 8px;font-size:12px;font-weight:600}.hand-table td{border-bottom:1px solid var(--line);color:var(--ink-soft);padding:8px}.chat-header{border-bottom:1px solid var(--line);margin-bottom:8px;padding:28px 0 16px}.chat-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;color:var(--ink-soft);margin:0;font-size:18px;font-weight:500;overflow:hidden}.chat-messages{flex-direction:column;gap:6px;padding-bottom:8px;display:flex}.msg-row{gap:10px;padding:6px 0;animation:.2s fade-up;display:flex}@media (prefers-reduced-motion:reduce){.msg-row{animation:none}}.msg-user{justify-content:flex-end}.msg-assistant{justify-content:flex-start;align-items:flex-start}.msg-avatar{background:var(--green-tint);border:1px solid #0d6b5626;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:4px;display:flex}.msg-bubble{border-radius:20px;max-width:min(72%,640px);padding:12px 16px;font-size:15px;line-height:1.65}.msg-bubble.user{background:var(--ink);color:#fff;border-bottom-right-radius:4px}.msg-bubble.assistant{color:var(--ink);background:0 0;border-bottom-left-radius:4px;max-width:100%;padding:4px 0}.msg-meta{color:var(--ink-faint);margin-top:6px;font-size:11px}.cursor-blink{background:var(--ink-soft);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:.9s step-start infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.typing-dots{gap:5px;padding:8px 4px;display:inline-flex}.typing-dots span{background:var(--ink-faint);border-radius:999px;width:7px;height:7px;animation:1.2s ease-in-out infinite bounce}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.md-body{flex-direction:column;gap:10px;display:flex}.md-para{margin:0;line-height:1.7}.md-h1{letter-spacing:-.01em;margin:8px 0 2px;font-size:20px;font-weight:600}.md-h2{margin:6px 0 2px;font-size:17px;font-weight:600}.md-h3{margin:4px 0 2px;font-size:15px;font-weight:600}.md-h4{margin:4px 0 2px;font-size:14px;font-weight:600}.md-list{margin:0;padding-left:1.4em}.md-list li{margin:3px 0;line-height:1.6}.md-quote{border-left:3px solid var(--line);color:var(--ink-soft);margin:0;padding:4px 0 4px 14px}.md-hr{border:none;border-top:1px solid var(--line);margin:8px 0}.md-code-block{border:1px solid var(--line);scrollbar-width:thin;background:#f6f8fa;border-radius:12px;margin:0;padding:14px 16px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13.5px;line-height:1.55;overflow-x:auto}.md-code-block code{background:0 0;border:none;padding:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .md-code-block{background:#1e1e1e}}@media print{.sidebar,.mobile-bar,.composer-wrap,.gradient-wash,.no-print{display:none!important}.main{height:auto;overflow:visible}.content{max-width:none;padding-bottom:0}.sol-step{break-inside:avoid}}.msg-image{object-fit:contain;background:#ffffff1f;border-radius:12px;max-width:min(100%,420px);max-height:360px;margin-bottom:8px;display:block}