:root{--bg:#f6f7f9;--panel:#fff;--text:#1c2330;--muted:#6b7486;--border:#e2e5ea;--accent:#3657d6;--accent-soft:#e8edff;--warning:#c2410c;--warning-soft:#fff1e8;--reco:#047857;--reco-soft:#e6f6ef;--danger:#b91c1c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#12151b;--panel:#1a1e26;--text:#e6e9ef;--muted:#8d95a5;--border:#2a303b;--accent:#7c95ff;--accent-soft:#232b48;--warning:#fb923c;--warning-soft:#3a2415;--reco:#34d399;--reco-soft:#133026;--danger:#f87171}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,Segoe UI,Arial,sans-serif}button{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 14px}button:disabled{opacity:.5;cursor:default}button.secondary{background:var(--accent-soft);color:var(--accent)}button.danger{color:var(--danger);border:1px solid var(--danger);background:0 0}button.link{color:var(--accent);background:0 0;padding:0}input,textarea{font:inherit;border:1px solid var(--border);background:var(--panel);width:100%;color:var(--text);border-radius:8px;padding:8px 10px}textarea{resize:vertical}.muted{color:var(--muted);font-size:.9em}.error{color:var(--danger);margin:8px 0}.empty{color:var(--muted);text-align:center;padding:48px 16px}.layout{height:100vh;display:flex}.sidebar{background:var(--panel);border-inline-end:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;width:260px;padding:16px;display:flex;overflow-y:auto}.sidebar h1{margin:0 0 12px;font-size:1.2rem}.section-title{color:var(--muted);margin:16px 0 4px;font-size:.8rem}.nav{color:var(--text);text-align:start;background:0 0;align-items:center;gap:6px;display:flex}.nav:hover{background:var(--accent-soft)}.nav.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav.super{font-weight:600}.nav.add{color:var(--accent)}.badge{background:var(--warning);color:#fff;border-radius:999px;margin-inline-start:auto;padding:0 7px;font-size:.75rem}.spacer{flex:1}.version{color:var(--muted);font-variant-numeric:tabular-nums;flex-direction:column;gap:2px;margin-top:8px;font-size:.75rem;display:flex}.version .muted{font-size:1em}.main{flex-direction:column;flex:1;min-width:0;display:flex}.chat,.feed,.editor{flex-direction:column;height:100%;display:flex}.feed,.editor{padding:0 24px 24px;overflow-y:auto}.chat-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.feed .chat-header{padding-inline:0}.chat-header h2{margin:0;font-size:1.1rem}.actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chat-header .actions{margin-top:0}.messages{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex;overflow-y:auto}.bubble{background:var(--panel);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:12px;max-width:min(760px,90%);padding:10px 14px;line-height:1.55}.bubble p{margin:.4em 0}.bubble.user{background:var(--accent-soft);white-space:pre-wrap;border-color:#0000;align-self:flex-start}.bubble.assistant{align-self:flex-end}.bubble.sent{animation:.25s ease-out pop-in}.bubble.thinking{color:var(--muted);background:linear-gradient(var(--panel), var(--panel)) padding-box, linear-gradient(120deg, var(--border), var(--accent), var(--border)) border-box;background-size:100% 100%,300% 100%;border-color:#0000;animation:.3s ease-out .1s both pop-in,3s linear infinite border-flow}.thinking-row{align-items:center;gap:10px;display:flex}.thinking-hint{margin-top:6px;font-size:.85rem}.elapsed{font-variant-numeric:tabular-nums;opacity:.8;margin-inline-start:auto;font-size:.8rem}.orb{flex-shrink:0;width:22px;height:22px;position:relative}.orb span{border:2px solid #0000;border-top-color:var(--accent);border-radius:50%;animation:1.2s cubic-bezier(.5,.1,.5,.9) infinite spin;position:absolute;inset:0}.orb span:nth-child(2){opacity:.7;animation-duration:1.6s;animation-direction:reverse;inset:4px}.orb span:nth-child(3){background:var(--accent);border:none;animation:1.2s ease-in-out infinite pulse;inset:8px}.shimmer{background:linear-gradient(90deg, var(--muted) 0%, var(--muted) 40%, var(--accent) 50%, var(--muted) 60%, var(--muted) 100%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;font-weight:500;animation:2s linear infinite shimmer,.4s ease-out fade-in}.spinner{vertical-align:middle;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:1em;height:1em;animation:.8s linear infinite spin;display:inline-block}button.sending{min-width:72px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}@keyframes border-flow{0%{background-position:0 0,0 0}to{background-position:0 0,300% 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.bubble.sent,.bubble.thinking,.orb span,.shimmer,.spinner{animation:none}.shimmer{color:var(--muted);background:0 0}}.tag{color:var(--muted);margin-bottom:4px;font-size:.75rem}.composer{border-top:1px solid var(--border);align-items:flex-end;gap:8px;padding:16px 24px;display:flex}.editor form{flex-direction:column;gap:12px;max-width:760px;display:flex}.editor label{flex-direction:column;gap:4px;font-size:.95rem;display:flex}fieldset{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:12px;display:flex}.memories{max-width:760px;margin-top:32px}.memories ul{padding:0;list-style:none}.memories li{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.row{gap:8px;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-inline-start:4px solid var(--accent);border-radius:8px;margin-top:12px;padding:12px 16px}.card.warning{border-inline-start-color:var(--warning)}.card.recommendation{border-inline-start-color:var(--reco)}.card.read{opacity:.65}.card h3{margin:6px 0;font-size:1rem}.card-meta{align-items:center;gap:10px;font-size:.85rem;display:flex}.pill{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:1px 8px}.pill.warning{background:var(--warning-soft);color:var(--warning)}.pill.recommendation{background:var(--reco-soft);color:var(--reco)}.login{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;max-width:320px;margin:15vh auto;padding:24px;display:flex}.login h1{margin:0;font-size:1.3rem}@media (width<=720px){.layout{flex-direction:column;height:auto;min-height:100vh}.sidebar{border-inline-end:none;border-bottom:1px solid var(--border);width:100%}.spacer{display:none}.messages{min-height:50vh;padding:16px}.chat-header,.composer{padding:12px 16px}.feed,.editor{padding:0 16px 16px}}
