:root,[data-theme=dark]{--bg:#0f1117;--panel:#171923;--panel-2:#1e2130;--border:#2a2e3f;--text:#e7e9f0;--text-dim:#9aa0b4;--accent:#6366f1;--accent-soft:rgba(99,102,241,0.14);--hover:rgba(255,255,255,0.06);--overlay:rgba(0,0,0,0.55);--shadow:rgba(0,0,0,0.5);--radius:10px;--scroll-track:#14161f;--scroll-thumb:rgba(255,255,255,0.75);--scroll-thumb-hover:#ffffff}[data-theme=light]{--bg:#f4f5f9;--panel:#ffffff;--panel-2:#eef0f6;--border:#d9dce6;--text:#1d2130;--text-dim:#6a7188;--accent:#5b5ef0;--accent-soft:rgba(91,94,240,0.1);--hover:rgba(29,33,48,0.06);--overlay:rgba(15,17,23,0.35);--shadow:rgba(15,17,23,0.18);--scroll-track:#e8eaf1;--scroll-thumb:#aab0c3;--scroll-thumb-hover:#8a90a6}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}::-webkit-scrollbar{width:10px;height:11px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:8px;border:2px solid var(--scroll-track)}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}::-webkit-scrollbar-corner{background:var(--scroll-track)}*{box-sizing:border-box;margin:0;padding:0}.portal-root{--p-bg:#f5f6fa;--p-card:#ffffff;--p-border:#e3e6ef;--p-text:#141824;--p-dim:#6c7488;--p-hover:#f2f4f9;min-height:100dvh;background:var(--p-bg);color:var(--p-text);color-scheme:light}.portal-root input,.portal-root select,.portal-root textarea{background:var(--p-card);color:var(--p-text);border:1px solid var(--p-border)}.portal-row:hover{background:var(--p-hover)}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select,textarea{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;outline:none}input,textarea{width:100%}select{width:auto;max-width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent)}a{color:inherit;text-decoration:none}.btn{background:var(--accent);color:#fff;border-radius:8px;padding:8px 14px;font-weight:600;transition:filter .12s ease,transform .06s ease}.btn:hover{filter:brightness(1.12)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:default}.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:8px;padding:7px 12px;transition:color .12s ease,border-color .12s ease,background .12s ease}.btn-ghost:hover{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.hov{transition:background .12s ease,border-color .12s ease}.hov:hover{background:var(--hover)!important}.hov-card{transition:border-color .12s ease,transform .08s ease,box-shadow .12s ease}.hov-card:hover{border-color:var(--accent)!important;box-shadow:0 4px 14px var(--shadow)}.hov-row{transition:background .12s ease}.hov-row:hover{background:var(--hover)}.richtext-surface>:first-child{margin-top:0}.richtext-surface p{margin:0 0 8px}.richtext-surface h2,.richtext-surface h3,.richtext-surface h4{font-weight:800;margin:12px 0 6px;line-height:1.3}.richtext-surface h2{font-size:17px}.richtext-surface h3{font-size:15.5px}.richtext-surface h4{font-size:14px}.richtext-surface ol,.richtext-surface ul{margin:0 0 8px;padding-left:22px}.richtext-surface ul{list-style:disc}.richtext-surface ol{list-style:decimal}.richtext-surface li{margin:3px 0}.richtext-surface blockquote{margin:8px 0;padding-left:12px;border-left:3px solid var(--border);color:var(--text-dim)}.richtext-surface a{color:var(--accent);text-decoration:underline;cursor:pointer}.richtext-surface img{max-width:100%;height:auto;border-radius:6px}.mention{color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:0 3px;font-weight:600}@media (max-width:768px){input,select,textarea{font-size:16px}button{min-height:34px}body{padding-bottom:env(safe-area-inset-bottom)}}.logo-light,[data-theme=light] .logo-dark{display:none!important}[data-theme=light] .logo-light{display:block!important}.react-host{position:relative}.react-actions{position:absolute;top:-12px;right:6px;display:flex;gap:1px;padding:2px 3px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 14px var(--shadow);opacity:0;transition:opacity .12s;z-index:5}.react-actions:focus-within,.react-host:hover .react-actions{opacity:1}@media (hover:none){.react-actions{opacity:0;pointer-events:none}.react-host.actions-open .react-actions{opacity:1;pointer-events:auto}}.react-btn{font-size:15px;width:28px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer}.react-btn:hover{background:var(--hover)}