:root{color:#1f1f22;--text:#1f1f22;--muted:#6b6870;--accent:#5b3a63;--logo-ink:#2e1f33;--logo-moon:#5b3a63;--sidebar:#f7f7f8;--border:#e3e2e6;--pill:#f4f4f4;--hover:#ebebeb;--question:#f2f1f4;--solved-bg:#e7f0ea;--solved-text:#23573d;background:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,textarea{font-family:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;transition:background .15s}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea,textarea:focus,textarea:focus-visible{outline:none}textarea::placeholder{color:#8a8790}a{color:var(--accent)}a:hover{color:#3f2746}.app{background:#fff;height:100dvh;min-height:360px;display:flex}.sidebar{background:var(--sidebar);border-right:1px solid #ecebee;flex-direction:column;flex-shrink:0;gap:16px;width:260px;padding:12px;display:flex}.brand{justify-content:space-between;align-items:center;padding:4px 6px;display:flex}.logo{width:auto;display:block}.logo-ink{fill:var(--logo-ink)}.logo-moon{fill:var(--logo-moon)}.brand>.wordmark{height:20px}.icon-button{width:36px;height:36px;color:var(--text);background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-button:hover{background:var(--hover);color:var(--text)}.new-chat{color:var(--text);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.new-chat:hover{background:var(--hover);color:var(--text)}.recent{flex-direction:column;gap:2px;display:flex;overflow-y:auto}.recent-label{color:var(--muted);padding:6px 10px;font-size:12px}.chat-row{border-radius:8px;align-items:center;min-height:33px;display:flex;position:relative}.chat-row.active,.chat-row:hover{background:#eae9ed}.chat-row>a{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;padding:8px 10px;font-size:14px;text-decoration:none;overflow:hidden}.delete-chat{width:28px;height:28px;margin-right:3px;display:none}.chat-row:hover .delete-chat,.chat-row:focus-within .delete-chat{display:flex}.account{align-items:center;gap:10px;margin-top:auto;padding:8px 6px;font-size:14px;display:flex}.avatar{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:flex}main{flex-direction:column;flex:auto;min-width:0;display:flex}header{flex-shrink:0;align-items:center;gap:8px;height:56px;padding:0 20px;display:flex}header>span{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:400;overflow:hidden}.mobile-menu{display:none}.thread-scroll{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow-y:auto}.thread{flex-direction:column;flex-shrink:0;gap:36px;width:100%;max-width:760px;margin:0 auto;padding:28px 20px 40px;display:flex}.empty-thread{flex:1 0 auto;justify-content:center;align-items:center}.empty-thread h1{letter-spacing:-.01em;text-align:center;font-family:Inter,system-ui,sans-serif;font-size:28px;font-weight:300}.turn{flex-direction:column;gap:14px;display:flex}.question-row{justify-content:flex-end;display:flex}.question{background:var(--question);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px;max-width:78%;padding:10px 16px;font-size:15px;line-height:1.55}.sealed{flex-direction:column;gap:10px;display:flex}.sealed>.status-line{order:-1}.status-line{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}svg{flex-shrink:0}.sealed-card{border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;max-width:560px;padding:16px;display:flex;position:relative}.sealed-card p{margin:0;font-size:15px;line-height:1.5}.actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pill{height:36px;color:var(--accent);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:flex}.pill svg{width:14px;height:14px}.sealed-card .actions,.answer-editor .actions{margin-left:-12px}.pill:hover{background:var(--hover);color:#3f2746}.ghost:hover,.cancel:hover,.anyway:hover{background:var(--hover);color:var(--text)}.seal-toggle:hover{color:var(--text);background:0 0}.seal-toggle.pressed:hover{color:#3f2746}button:disabled:hover{background:0 0}.answer-editor{border:1px solid #d9d7dd;border-radius:14px;flex-direction:column;gap:10px;max-width:620px;padding:14px 16px;display:flex}.answer-editor label{color:var(--muted);font-size:13px}.answer-editor textarea{resize:vertical;color:var(--text);background:0 0;border:0;max-width:100%;min-height:66px;padding:0;font-size:15px;line-height:1.55}.cancel{height:40px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:14px}.mine{border-left:2px solid #cfc6d3;flex-direction:column;gap:4px;max-width:620px;padding:2px 0 2px 14px;display:flex}.mine>span{color:var(--muted);font-size:12px}.mine>div{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.55}.answer,.solved{flex-direction:column;gap:10px;display:flex}.markdown{overflow-wrap:anywhere;font-size:15px;line-height:1.65}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p{white-space:pre-wrap;margin:0 0 12px}.markdown pre{background:var(--sidebar);border-radius:8px;padding:12px;overflow-x:auto}.markdown code{font-size:.9em}.markdown ul,.markdown ol{padding-left:24px}.markdown blockquote{border-left:2px solid #cfc6d3;margin-left:0;padding-left:14px}.markdown h1,.markdown h2,.markdown h3{font-size:1.1em;font-weight:600}.ghost{height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:flex}.solved-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.solved-pill{background:var(--solved-bg);height:28px;color:var(--solved-text);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.anyway{height:28px;color:var(--muted);text-underline-offset:3px;background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:13px;text-decoration:underline}.composer-area{flex:none;padding:0 20px 16px}.composer-inner{flex-direction:column;gap:8px;max-width:760px;margin:0 auto;display:flex}.composer{background:#fff;border:0;border-radius:24px;flex-direction:column;flex:none;gap:8px;padding:12px 12px 10px 18px;display:flex;box-shadow:0 2px 16px #14101c1a}.composer textarea{resize:none;color:var(--text);background:0 0;border:0;flex:none;min-height:26px;max-height:200px;padding:4px 0;font-size:15px;line-height:1.5}.composer-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.seal-toggle{height:32px;color:var(--muted);background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0;font-size:13px;display:flex}.seal-toggle.pressed{color:var(--accent)}.send{background:var(--text);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.send:hover{background:#000}.send:disabled:hover{background:var(--text)}.footnote{color:var(--muted);text-align:center;font-size:12px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.error{color:#a03f4c;margin:0;font-size:13px;line-height:1.5}.error button,.sidebar-error button{color:inherit;background:0 0;border:0;text-decoration:underline}.sidebar-error{color:#a03f4c;padding:8px 10px;font-size:12px}.load-message{color:var(--muted);font-size:14px}.drawer-backdrop{display:none}@media (width<=760px){.sidebar{display:none}.mobile-menu{display:flex}.sidebar.drawer-open{z-index:3;max-width:85vw;display:flex;position:fixed;inset:0 auto 0 0}.drawer-backdrop{z-index:2;background:#14101c40;border:0;display:block;position:fixed;inset:0}.delete-chat{display:flex}.thread{width:100%;padding:24px 16px 32px}.composer-area{padding:0 12px 12px}.question{max-width:88%}header{padding:0 12px}.footnote{font-size:11px}}.auth-screen{background:var(--sidebar);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.auth-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:16px;width:100%;max-width:380px;padding:40px 32px 32px;position:relative;box-shadow:0 8px 28px #0000000a}.auth-wordmark{height:25px;margin-bottom:28px}.auth-card h1{letter-spacing:-.02em;color:var(--text);margin:0 0 8px;font-size:22px;font-weight:500}.auth-lede{color:var(--muted);margin:0 0 28px;font-size:14px;line-height:1.55}.auth-primary{background:var(--accent);color:#fff;border:0;border-radius:10px;width:100%;padding:11px 16px;font-size:14px;font-weight:500}.auth-primary:hover{background:#4d3054}.auth-primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-fine{color:var(--muted);margin:14px 0 0;font-size:12px}.auth-error{color:#8a3a3a;background:#f7f0f0;border-radius:8px;margin:-12px 0 16px;padding:8px 10px;font-size:12px}.auth-overlay{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1f1f222e;justify-content:center;align-items:center;padding:24px 16px;animation:.15s ease-out auth-fade;display:flex;position:fixed;inset:0}@keyframes auth-fade{0%{opacity:0}}.auth-close{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.auth-close:hover{background:var(--hover);color:var(--text)}.avatar-guest{background:var(--border);color:var(--muted)}.wall-guest{color:var(--muted);margin:0;padding:16px;font-size:13px;line-height:1.5}.wall-guest button{color:var(--accent);background:0 0;border:0;padding:0;font-size:13px}.auth-status{color:var(--muted);margin:0;font-size:14px}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.new-chat.active{background:#eae9ed}.nav-count{color:var(--muted);margin-left:auto;font-size:12px}:root{--paper-plum:#f5f3f6;--paper-sage:#f3f5f3;--paper-oat:#f7f6f2;--paper-rose:#f7f4f4}.wall-scroll{flex:1 1 0;min-height:0;overflow-y:auto}.wall{max-width:1080px;margin:0 auto;padding:20px 28px 64px}.wall-intro{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin:4px 4px 28px;display:flex}.wall-intro h1{letter-spacing:-.01em;margin:0 0 6px;font-size:28px;font-weight:300}.wall-status{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.wall-error{color:var(--muted);margin:0 4px 20px;font-size:14px}.wall-error button{color:var(--accent);background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.board{columns:4 220px;column-gap:22px}.board>*{break-inside:avoid;margin:0 0 12px;padding-top:10px}.note{--paper:var(--paper-plum);--ink:var(--muted);background:var(--paper);min-height:150px;transform:rotate(var(--tilt,0deg));opacity:var(--age-fade,1);border-radius:4px 4px 14px;flex-direction:column;gap:14px;padding:22px 18px 12px;transition:transform .2s,box-shadow .2s,opacity .3s;display:flex;position:relative;box-shadow:0 1px 1px #14101c0a,0 6px 14px -8px #14101c2e}.note:hover{opacity:1;transform:rotate(0)translateY(-2px);box-shadow:0 1px 1px #14101c0d,0 12px 22px -10px #14101c38}.note.sage{--paper:var(--paper-sage)}.note.oat{--paper:var(--paper-oat)}.note.rose{--paper:var(--paper-rose)}.note:before{content:"";width:64px;height:18px;transform:rotate(calc(var(--tilt,0deg) * -2));-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#ffffff8c;border:1px solid #14101c0d;border-radius:2px;margin-left:-32px;position:absolute;top:-9px;left:50%}.note-to{color:var(--ink);letter-spacing:.01em;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.note-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.5}.note-foot{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;font-size:12px;display:flex}.same{height:28px;color:var(--ink);background:0 0;border:0;border-radius:999px;align-items:center;gap:5px;margin-right:-6px;padding:0 10px;font-size:12px;display:flex}.same:hover{background:#14101c0f}.same[aria-pressed=true] svg{fill:var(--accent);stroke:var(--accent)}.same[aria-pressed=true]:hover{background:0 0}.mine-tag{color:var(--ink);background:#fff9;border-radius:999px;padding:2px 8px;font-size:11px}.note.private{box-shadow:none;background:#fff;border:1px dashed #cfc6d3}.note.private:before{display:none}.compose{background:#fff;border:1px dashed #cfc6d3;border-radius:4px 4px 14px;flex-direction:column;gap:12px;min-height:150px;padding:18px 18px 12px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.compose.open{background:var(--paper);border-style:solid;border-color:#0000;box-shadow:0 2px 16px #14101c1a}.compose .start{all:unset;cursor:pointer;color:var(--muted);border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:116px;font-size:14px;display:flex}.compose .start:hover{color:var(--accent)}.compose .start:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.compose textarea{resize:none;color:var(--text);background:0 0;border:0;min-height:96px;padding:0;font-size:15px;line-height:1.5}.audience{white-space:nowrap;background:#ffffffa6;border-radius:999px;align-self:flex-start;padding:3px;display:inline-flex}.audience button{height:26px;color:var(--muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;display:flex}.audience button[aria-pressed=true]{color:var(--text);background:#fff;box-shadow:0 1px 2px #14101c1a}.compose-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-right:-6px;display:flex}.compose-actions{align-items:center;gap:2px;margin-left:auto;display:flex}.counter{color:#a03f4c;visibility:hidden;font-size:12px}.counter.near{visibility:visible}.keep{height:32px;color:var(--muted);white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;display:flex}.keep:hover{color:var(--text)}.keep.pressed{color:var(--accent)}.stick{background:var(--text);color:#fff;white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 12px 0 10px;font-size:13px;display:flex}.stick:hover{background:#000}.stick:disabled:hover{background:var(--text)}.note-cancel{width:28px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:flex}.note-cancel:hover{color:var(--text);background:#14101c0f}.wall-footnote{color:var(--muted);text-align:center;margin-top:12px;font-size:12px}@keyframes stick{0%{opacity:0;transform:rotate(0)translateY(-10px)scale(.97)}to{transform:rotate(var(--tilt,0deg));opacity:1}}.note.new{animation:.35s cubic-bezier(.2,.8,.3,1.2) stick}@media (prefers-reduced-motion:reduce){.note,.note.new{transition:none;animation:none}}@media (width<=760px){.wall{padding:12px 16px 48px}.board{columns:2 150px;column-gap:14px}.board>*{margin-bottom:6px}.wall-intro h1{font-size:24px}}@media (width<=420px){.board{columns:1}}.account-menu{margin-top:auto;position:relative}.account-menu .account{text-align:left;background:0 0;border:0;border-radius:8px;width:100%}.account-menu .account:hover,.account-menu .account[aria-expanded=true]{background:var(--hover)}.account-popover{border:1px solid var(--border);z-index:5;overflow-wrap:anywhere;background:#fff;border-radius:12px;width:100%;padding:14px;font-size:13px;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 8px 28px #00000014}.account-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.account-name{color:var(--muted);margin-bottom:12px;font-size:12px;display:block}.account-total{color:var(--muted);margin:0 0 16px;font-size:12px}.account-total strong{color:var(--text);letter-spacing:-.02em;margin-right:4px;font-size:22px;font-weight:500;line-height:1.15}.account-row{color:var(--text);white-space:nowrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.account-row>span:last-child{color:var(--muted);font-variant-numeric:tabular-nums}.account-row-extra{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.account-popover progress{width:100%;height:5px;accent-color:var(--accent);border:0;border-radius:3px;display:block;overflow:hidden}.account-popover progress::-webkit-progress-bar{background:var(--border)}.account-popover progress::-webkit-progress-value{background:var(--accent)}.account-meta{color:var(--muted);margin:6px 0 0;font-size:11px}.account-meta button{color:var(--accent);background:0 0;border:0;padding:0;font-size:11px}.account-buy{align-items:center;gap:6px;margin-top:16px;display:flex}.account-buy-button{color:var(--accent);text-align:left;background:0 0;border:0;flex:1;padding:6px 0;font-size:12px;font-weight:500}.account-buy-button:hover:not(:disabled){color:var(--text)}.account-info-button{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.account-info-button:hover,.account-info-button[aria-expanded=true]{background:var(--hover);color:var(--text)}.account-buy-info{background:var(--sidebar);color:var(--muted);border-radius:8px;margin-top:10px;padding:10px 12px;font-size:11px;line-height:1.5}.account-buy-info strong{color:var(--text);margin-bottom:4px;font-weight:500;display:block}.account-buy-info ul{margin:0;padding-left:16px}.account-logout{color:var(--muted);background:0 0;border:0;margin:12px 0 0 auto;padding:4px 0;font-size:12px;display:block}.account-logout:hover{color:var(--text)}.account-policy{color:#6b666e;margin-top:12px;font-size:12px;display:block}.auth-fine a{color:inherit}
