:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f0f2f5;--border: #e3e6ea;--text: #1b1f24;--text-dim: #6b7280;--accent: #4f46e5;--accent-2: #9333ea;--add: #16a34a;--remove: #d97706;--radius: 12px;--space: 8px;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1)}@media(prefers-color-scheme:dark){:root{--bg: #0e1116;--surface: #161b22;--surface-2: #1c2230;--border: #2a2f3a;--text: #e6e9ee;--text-dim: #9aa4b2;--accent: #8b5cf6;--accent-2: #d946ef;--add: #22c55e;--remove: #f59e0b;--shadow: 0 1px 2px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}.app-shell{display:grid;grid-template-rows:auto 1fr;height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.app-header h1{font-size:18px;margin:0}.app-content{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px;padding:16px;max-width:1100px;width:100%;margin:0 auto;min-height:0}button{font:inherit}button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.row-hover{background:transparent;transition:background .12s ease}.row-hover:hover,.row-selected{background:var(--surface-2)}.pane-switch{display:none}.avatar-ring{display:inline-flex;padding:2px;border-radius:50%;background:transparent;flex-shrink:0}.avatar-ring.is-active{background:conic-gradient(from 210deg,var(--accent),#ec4899,#f59e0b,var(--accent))}.avatar-ring>svg{border:2px solid var(--surface);box-sizing:border-box}.insight-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.insight-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px;display:grid;gap:2px;align-content:start}.insight-value{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.insight-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.insight-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px}.cta-btn{padding:8px 16px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:600;cursor:pointer}@media(prefers-reduced-motion:no-preference){.feed-day{animation:rise .35s ease backwards}.star-btn svg{transition:transform .15s ease}.star-btn:active svg{transform:scale(.8)}.star-btn[aria-pressed=true] svg{animation:star-pop .3s ease}.modal-card{animation:sheet-in .25s cubic-bezier(.2,.8,.25,1)}.cta-btn{transition:transform .15s ease,filter .15s ease}.cta-btn:hover{filter:brightness(1.1)}.cta-btn:active{transform:scale(.96)}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes star-pop{0%{transform:scale(.6)}60%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}.star-btn{width:30px;height:30px}.untrack-btn{width:26px;height:26px}.modal-close{width:28px;height:28px}.list-scroll{overflow-y:auto}.feed-scroll{max-height:480px;overflow-y:auto}.modal-backdrop{align-items:center;padding:16px}.modal-card{width:min(720px,100%);max-height:85vh;border-radius:var(--radius)}.app-list{overflow:hidden;min-height:0}@media(max-width:720px){.app-shell{height:auto;min-height:100vh}.app-header{flex-wrap:wrap;padding:10px 14px}.fetched-label,.badge-long{display:none}.app-content{grid-template-columns:1fr;padding:12px;gap:12px;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.app-list.pane-off,.app-main.pane-off{display:none}.list-scroll,.feed-scroll{max-height:none;overflow-y:visible}.pane-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface);border-top:1px solid var(--border);padding:6px 10px calc(6px + env(safe-area-inset-bottom))}.pane-switch button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;border:none;border-radius:10px;background:transparent;color:var(--text-dim);font-size:11px;font-weight:600;cursor:pointer}.pane-switch button[aria-pressed=true]{color:var(--accent);background:var(--surface-2)}.star-btn{width:42px;height:42px}.untrack-btn,.modal-close{width:38px;height:38px}input[type=text]{font-size:16px}.insight-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:2px}.insight-card{scroll-snap-align:start}.modal-backdrop{align-items:flex-end;padding:0}.modal-card{width:100%;max-height:92vh;border-radius:16px 16px 0 0;border-bottom:none}}