*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f4ef;--card:#ffffff;--card-hover:#f6efe7;--surface2:#f3ede4;--surface3:#eadfd2;--line:#e7e0d6;--line-strong:#d9cbbd;--text:#241b1d;--text2:#6d5a55;--text-soft:#584a46;--muted:#8a7b76;--accent:#8c2438;--on-accent:#fdf7f2;--accent-soft:rgba(140,36,56,0.12);--accent-glow:rgba(140,36,56,0.30);--error:#b3383d;--done:#4c9a55;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#10121f;--card:#181b2e;--card-hover:#1d2136;--surface2:#1f2240;--surface3:#2a2e52;--line:#282c4a;--line-strong:#3a4176;--text:#eef0fa;--text2:#aab1d6;--text-soft:#c6cbe8;--muted:#9195b3;--accent:#8e9ff2;--on-accent:#0c0e1e;--accent-soft:rgba(142,159,242,0.22);--accent-glow:rgba(142,159,242,0.48);--error:#ef9a9a;--done:#6fbf78;color-scheme:dark}}:root[data-theme=light]{--bg:#f7f4ef;--card:#ffffff;--card-hover:#f6efe7;--surface2:#f3ede4;--surface3:#eadfd2;--line:#e7e0d6;--line-strong:#d9cbbd;--text:#241b1d;--text2:#6d5a55;--text-soft:#584a46;--muted:#8a7b76;--accent:#8c2438;--on-accent:#fdf7f2;--accent-soft:rgba(140,36,56,0.12);--accent-glow:rgba(140,36,56,0.30);--error:#b3383d;--done:#4c9a55;color-scheme:light}:root[data-theme=dark]{--bg:#10121f;--card:#181b2e;--card-hover:#1d2136;--surface2:#1f2240;--surface3:#2a2e52;--line:#282c4a;--line-strong:#3a4176;--text:#eef0fa;--text2:#aab1d6;--text-soft:#c6cbe8;--muted:#9195b3;--accent:#8e9ff2;--on-accent:#0c0e1e;--accent-soft:rgba(142,159,242,0.22);--accent-glow:rgba(142,159,242,0.48);--error:#ef9a9a;--done:#6fbf78;color-scheme:dark}body,html{background-color:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;min-height:100vh}html[data-text-size=large]{font-size:18px}a{color:inherit;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--card)}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}main{padding-bottom:80px}.topnav{background-color:var(--card);border-bottom:1px solid var(--line);padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:56px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.topnav-logo{color:var(--accent);font-weight:800;font-size:18px;text-decoration:none;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.topnav-links{display:flex;gap:8px;align-items:center;min-width:0}.topnav-link{color:var(--text2);text-decoration:none;padding:6px 14px;border-radius:8px;font-size:14px;white-space:nowrap}.topnav-login{background-color:var(--accent);color:var(--on-accent);font-weight:700}@media (max-width:640px){.topnav{padding:0 10px}.topnav-links{gap:2px}.topnav-link{padding:6px 8px;font-size:13px}.topnav-logo{font-size:16px;gap:5px}}@media (max-width:430px){.topnav-emoji{display:none}}.mp-body{display:grid;grid-template-columns:1fr auto 1fr;padding:10px 18px;grid-gap:12px}.mp-body,.mp-info{align-items:center;gap:12px}.mp-info{min-width:0;cursor:pointer;display:flex}.mp-controls{justify-content:center;flex-shrink:0;direction:ltr}.mp-controls,.mp-side{display:flex;align-items:center;gap:10px}.mp-side{justify-content:flex-end}@media (max-width:640px){.mp-body{grid-template-columns:1fr auto;padding:8px 12px;gap:8px 10px}.mp-info{grid-column:1;grid-row:1}.mp-side{grid-column:2;grid-row:1}.mp-controls{grid-column:1/-1;grid-row:2;gap:8px}}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));grid-gap:12px;gap:12px;margin-bottom:32px}@media (min-width:800px){.featured-balanced{grid-template-columns:repeat(var(--fcols,4),1fr)}}.done-dot{width:15px;height:15px;border-radius:50%;background:var(--done);color:#fff;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;line-height:1}.done-dot:before{content:"✓"}.title-line{display:flex;align-items:center;gap:7px;min-width:0}