@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg-primary:#0f0f0f;--bg-card:#181818;--bg-subtle:#141414;--border-default:#2a2a2a;--border-active:#3a5a3a;--border-strong:#f5f5f2;--accent:#8fbc8f;--accent-dark:#4a7a4a;--accent-bg:#0f1a0f;--accent-border:#1e3a1e;--water-blue:#6aabcf;--ai-purple:#9f97e8;--warning:#b48250;--danger:#c07070;--gold:#e8c468;--text-primary:#e8e8e8;--text-secondary:#ccc;--text-muted:#666;--text-hint:#444;--pill-track:#1c1c1a;--pill-bg:#f5f5f2;--pill-text:#0a0a0a}[data-theme=light]{--bg-primary:#fff;--bg-card:#f7f7f5;--bg-subtle:#f7f7f5;--border-default:#e7e7e5;--border-active:#8fbc8f;--border-strong:#0a0a0a;--accent:#8fbc8f;--accent-dark:#4a7a4a;--accent-bg:#eef5ee;--accent-border:#d3e8d3;--water-blue:#6aabcf;--ai-purple:#9f97e8;--warning:#b48250;--danger:#c07070;--gold:#e8c468;--text-primary:#0a0a0a;--text-secondary:#333;--text-muted:#6b6b6b;--text-hint:#999;--pill-track:#f0f0ee;--pill-bg:#0a0a0a;--pill-text:#fff}html{scroll-behavior:smooth}html,body{max-width:100vw;overflow-x:hidden}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif}h1,h2,h3,h4,h5{font-family:Syne,sans-serif}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes modal-panel-in{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modal-panel-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.97)translateY(4px)}}.modal-backdrop{animation:.2s cubic-bezier(.23,1,.32,1) both modal-backdrop-in}.modal-backdrop.is-closing{animation:.16s cubic-bezier(.4,0,1,1) both modal-backdrop-out}.modal-panel{transform-origin:50%;animation:.22s cubic-bezier(.23,1,.32,1) both modal-panel-in}.modal-panel.is-closing{animation:.16s cubic-bezier(.4,0,1,1) both modal-panel-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(6px)}}.toast-in{animation:.2s cubic-bezier(.23,1,.32,1) both toast-in}.toast-out{animation:.16s cubic-bezier(.4,0,1,1) both toast-out}@media (prefers-reduced-motion:reduce){@keyframes modal-panel-in{0%{opacity:0}to{opacity:1}}@keyframes modal-panel-out{0%{opacity:1}to{opacity:0}}@keyframes toast-in{0%{opacity:0}to{opacity:1}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}}@keyframes button-press{0%{transform:scale(1)}to{transform:scale(.97)}}button:not(:disabled):active{animation:.16s cubic-bezier(.23,1,.32,1) forwards button-press}.app-sidebar{background:var(--bg-primary,#0f0f0f);border-right:1px solid var(--border-default,#1e1e1e);flex-direction:column;flex-shrink:0;align-items:center;gap:28px;width:52px;height:100vh;padding:20px 0;display:flex;position:sticky;top:0}.app-sidebar-spacer{flex:1}.app-nav-icon{cursor:pointer;width:36px;height:36px;color:var(--text-muted,#666);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-size:18px;transition:color .15s,background .15s,border-color .15s;display:flex}.app-nav-icon.is-active{color:var(--accent,#8fbc8f);background:var(--accent-bg,#0f1a0f);border-color:var(--accent-border,#1e3a1e)}.app-nav-avatar{background:var(--bg-card,#181818);border:1px solid var(--border-default,#2a2a2a);width:32px;height:32px;color:var(--accent,#8fbc8f);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:11px;font-weight:600;display:flex}.app-nav-avatar.is-active{background:var(--accent-bg,#0f1a0f);border-color:var(--accent-dark,#4a7a4a)}.app-bottom-nav{display:none}.app-content-pad{padding-bottom:0}@media (width<=860px){.app-sidebar{display:none}.app-bottom-nav{background:var(--bg-primary,#0f0f0f);border-top:1px solid var(--border-default,#1e1e1e);z-index:100;height:58px;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.app-bottom-icon{color:var(--text-muted,#666);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.app-bottom-icon i{border:1px solid #0000;border-radius:14px;padding:9px 16px;font-size:24px;transition:color .15s,background .15s,border-color .15s}.app-bottom-icon.is-active i{color:var(--accent,#8fbc8f);background:var(--accent-bg,#0f1a0f);border-color:var(--accent-border,#1e3a1e)}.app-bottom-add{background:var(--accent,#8fbc8f);color:#0f0f0f;cursor:pointer;border:none;border-radius:18px;flex:none;justify-content:center;align-self:stretch;align-items:center;width:64px;margin:0 4px;font-size:28px;display:flex}.app-content-pad{padding-bottom:74px}}.grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.grid-7{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}@media (width<=860px){.grid-2{grid-template-columns:minmax(0,1fr)}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}.grid-3-fixed{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.page-pad{padding:24px 28px}.page-pad-top{padding:0 28px}@media (width<=600px){.page-pad{padding:16px}.page-pad-top{padding:0 16px}}