:root{--bg: #eef4f7;--panel: rgba(255, 255, 255, .9);--line: #c8d7df;--text: #163042;--muted: #5f7483;--brand: #1f6f8b;--accent: #f28c52}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f8fcfd}.app-shell{min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,rgba(242,140,82,.14),transparent 28%),radial-gradient(circle at top right,rgba(31,111,139,.18),transparent 30%),linear-gradient(180deg,#f8fcfd 0%,var(--bg) 100%)}.theme-sunrise{--bg: #eef4f7;--panel: rgba(255, 255, 255, .9);--line: #c8d7df;--text: #163042;--muted: #5f7483;--brand: #1f6f8b;--accent: #f28c52}.theme-forest{--bg: #edf5f1;--panel: rgba(255, 255, 255, .92);--line: #cadccf;--text: #163526;--muted: #607868;--brand: #2d6f8f;--accent: #f1a36a}.theme-forest.app-shell{background:radial-gradient(circle at top left,rgba(45,111,143,.16),transparent 26%),radial-gradient(circle at top right,rgba(241,163,106,.14),transparent 28%),linear-gradient(180deg,#f7fcf8 0%,var(--bg) 100%)}.theme-midnight{--bg: #0d1b2a;--panel: rgba(14, 27, 42, .84);--line: #31465b;--text: #dfebf2;--muted: #95a9b7;--brand: #69b3c9;--accent: #ff9f68}.theme-midnight.app-shell{background:radial-gradient(circle at top left,rgba(105,179,201,.18),transparent 26%),radial-gradient(circle at top right,rgba(255,159,104,.14),transparent 28%),linear-gradient(180deg,#07111c 0%,var(--bg) 100%)}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.topbar{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.7);background:#f8fcfdeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.theme-sunrise .topbar{background:#f8fcfdeb}.theme-forest .topbar{background:#f7fcf8eb;border-bottom-color:#cadccfe6}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:36px;font-weight:700;color:var(--brand)}.nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;flex:1;min-width:0}.hamburger{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.hamburger span{width:18px;height:2px;background:var(--text);border-radius:999px;transition:transform .2s ease,opacity .2s ease}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-link,.button{border:1px solid var(--line);background:#ffffffeb;color:var(--text);border-radius:999px;padding:10px 16px;cursor:pointer}.nav-link.active,.button.dark{background:var(--brand);color:#fff;border-color:var(--brand)}.button.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.button.ghost{background:transparent}.container{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.hero,.two-column{display:grid;gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.settings-layout{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.hero-main,.panel,.stat-card,.mini-card,.card,.note,.milestone{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 40px #0f172a0f}.hero-main,.panel{padding:28px}.hero-side{display:grid;gap:14px}.hero-main h1{font-size:clamp(40px,7vw,72px);line-height:.96;margin:0 0 18px}.hero-main p,.message,.stat-label,.small-label{color:var(--muted)}.hero-actions,.inline-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.spotlight-panel{min-height:100%}.stats-grid,.card-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card,.card,.note,.milestone,.mini-card{padding:18px}.stat-value{font-size:36px;font-weight:700}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.panel-header h2,.card h3{margin-top:0}.eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.accent-text,.match-text{color:var(--brand)}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.chip{background:#e0f1f3;color:var(--brand);padding:6px 10px;border-radius:999px;font-size:12px}.meta-row{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:14px}.filter-bar,.list-summary{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px}.filter-bar>*{flex:1 1 220px}.list-summary{justify-content:space-between;color:var(--muted)}.form-stack,.stack{display:flex;flex-direction:column;gap:14px}input,textarea,select{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#fffffff0;color:var(--text)}textarea{min-height:120px;resize:vertical}.theme-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#ffffffb8}.theme-row span{display:flex;flex-direction:column;gap:4px}.theme-row small{color:var(--muted)}.theme-row select{width:220px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#ffffffb8}.toggle-row span{display:flex;flex-direction:column;gap:4px}.toggle-row small{color:var(--muted)}.toggle-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--brand)}.tall-textarea{min-height:280px}.score{font-size:46px;font-weight:700;color:var(--brand);margin-bottom:16px}.compact{display:flex;justify-content:space-between;align-items:center}.milestone{display:flex;justify-content:space-between;align-items:center;gap:12px}.settings-summary{display:grid;gap:12px;margin-top:18px}.status{border-radius:999px;padding:6px 12px;font-size:12px}.status.done{background:#dff3ec;color:#1d6b58}.status.pending{background:#e5f0f6;color:#1f5d78}.user-box{display:flex;align-items:center;gap:10px;font-size:14px;flex-wrap:wrap;justify-content:flex-end}.card p,.mini-card span,.note span,.note strong,.message,.small-label,.meta-row span{overflow-wrap:anywhere}.compact-mode .card,.compact-mode .note,.compact-mode .mini-card,.compact-mode .stat-card,.compact-mode .milestone{padding:14px}.compact-mode .hero-main,.compact-mode .panel{padding:22px}.theme-midnight .topbar{background:#020617bf;border-bottom-color:#334155cc}.theme-forest .chip{background:#2d7a571f;color:#2d7a57}.theme-forest .nav-link.active,.theme-forest .button.dark{color:#f8fafc}.theme-midnight .nav-link,.theme-midnight .button,.theme-midnight .hamburger,.theme-midnight input,.theme-midnight textarea,.theme-midnight select,.theme-midnight .toggle-row,.theme-midnight .theme-row{background:#0f172aeb;color:var(--text)}.theme-midnight .chip{background:#69b3c929;color:#9ed2e1}.theme-midnight .brand,.theme-midnight .accent-text,.theme-midnight .match-text,.theme-midnight .score{color:#9ed2e1}@media(max-width:1100px){.topbar{flex-direction:column;align-items:stretch}.topbar-row{width:100%}.brand,.user-box{justify-content:center;text-align:center}.nav{width:100%}.settings-layout{grid-template-columns:1fr}}@media(max-width:900px){.container{width:min(100% - 24px,1180px);padding:20px 0 40px}.hero,.two-column,.settings-layout{grid-template-columns:1fr;gap:18px}.hero-main,.panel{padding:22px}.hero-main h1{font-size:clamp(32px,12vw,52px);line-height:1}.panel-header{flex-direction:column;align-items:stretch}.panel-header .button,.panel-header .nav-link{width:100%}.stats-grid,.card-grid{grid-template-columns:1fr}.meta-row,.compact,.milestone,.toggle-row,.theme-row{flex-direction:column;align-items:flex-start}.inline-actions,.hero-actions,.filter-bar,.list-summary{flex-direction:column}.inline-actions .button,.hero-actions .button,.list-summary .button{width:100%}}@media(max-width:640px){.topbar{padding:14px 12px}.topbar-row{width:100%}.brand{font-size:32px}.hamburger{display:inline-flex}.container{width:calc(100% - 16px);padding:16px 0 28px}.hero-main,.panel,.card,.stat-card,.mini-card,.note,.milestone{border-radius:18px}.hero-main,.panel{padding:18px}.nav-link,.button,input,textarea,select,.toggle-row,.theme-row,.theme-row select{width:100%}.nav{display:none;width:100%;flex-direction:column;gap:10px}.nav.nav-open{display:flex}.stat-value,.score{font-size:32px}.eyebrow{letter-spacing:.16em}}