:root{--ink:#1c1a24;--muted:#6b6578;--card-bg:#ffffffd1;--surface:#fff;--border:#1c1a2414;--accent:#4f5bf6;--accent-soft:#4f5bf61f;--pink:#e05fd6;--yellow:#ffcf6b;--shadow:0 12px 30px #3c285a1f;--nav-pill-bg:#f6f6f6;--glass-bg:#ffffff59;--sans:"Inter", system-ui, "Segoe UI", sans-serif;--serif:"Playfair Display", Georgia, serif;font:16px/1.5 var(--sans);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--ink:#f0eef6;--muted:#a39cb0;--card-bg:#1e1a2cd9;--surface:#241f33;--border:#f0eef61f;--accent:#8b93ff;--accent-soft:#8b93ff2e;--shadow:0 12px 30px #00000080;--nav-pill-bg:#2a2438;--glass-bg:#241f3373;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{min-height:100svh;margin:0}h1,h2,h3{font-family:var(--serif);color:var(--ink);margin:0;font-weight:600}p{margin:0}button{font:inherit;cursor:pointer}input,select{font:inherit;background:var(--surface);color:var(--ink)}.app-bg{background:radial-gradient(circle at 100% 0,#ffcf6b 0%,#0000 45%),radial-gradient(circle at 100% 20%,#e05fd6 0%,#0000 50%),radial-gradient(circle at 0 100%,#7b6bf6 0%,#0000 45%),#eef0fb;justify-content:center;align-items:flex-start;min-height:100svh;padding:0;display:flex}@media (width>=560px){.app-bg{padding:32px 16px}}:root[data-theme=dark] .app-bg{background:radial-gradient(circle at 100% 0,#6b4d1e 0%,#0000 45%),radial-gradient(circle at 100% 20%,#6b2f66 0%,#0000 50%),radial-gradient(circle at 0 100%,#241f5c 0%,#0000 45%),#100e18}.app-shell{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;width:100%;max-width:430px;height:100svh;display:flex;overflow:hidden}@media (width>=560px){.app-shell{height:860px;box-shadow:var(--shadow);border-radius:32px}}.app-content{padding:calc(14px + env(safe-area-inset-top)) 16px 8px;flex:1;overflow-y:auto}.screen{flex-direction:column;gap:10px;display:flex}.page-title{font-size:19px;line-height:1.2}.home-header{justify-content:space-between;align-items:center;display:flex}.avatar{width:52px;height:52px;font-size:20px;font-family:var(--serif);color:#fff;background:linear-gradient(135deg, var(--yellow), var(--pink));border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.home-header-actions{align-items:flex-start;gap:10px;display:flex}.icon-btn{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-btn.ghost{color:var(--muted);background:0 0;border:none}.icon-btn.primary{background:var(--accent);color:#fff;border:none}.icon-btn-lg{background:var(--accent);color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.chip-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:12px}.chip:hover{border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:999px;width:100%;margin-top:16px;padding:12px;font-weight:600}.card{background:var(--surface);box-shadow:var(--shadow);border-radius:18px;padding:12px}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(40px);box-shadow:none;border-radius:26px}.hero-card{flex-direction:column;gap:10px;display:flex}.ai-input-row{align-items:center;gap:6px;display:flex}.ai-input-row input{border:1px solid var(--border);border-radius:999px;outline:none;flex:1;min-width:0;padding:7px 12px;font-size:13px}.ai-input-row input:focus{border-color:var(--accent)}.ai-note{background:var(--accent-soft);color:var(--ink);border-radius:12px;margin-top:8px;padding:8px 12px;font-size:13px}.progress-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.progress-card-header h2{font-size:18px}.weight-badge{color:var(--muted);background:#1c1a240d;border-radius:999px;padding:2px 7px;font-size:11px}.progress-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.progress-cell{background:var(--surface);text-align:left;border-radius:999px;justify-content:space-between;align-items:center;gap:4px;min-height:40px;padding:4px 4px 4px 12px;display:flex}.progress-cell-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.progress-cell-controls{flex-shrink:0;align-items:center;gap:3px;display:flex}.progress-mini-btn{border:1px solid var(--border);width:18px;height:18px;color:var(--muted);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:13px;line-height:1;display:flex}.progress-mini-btn.plus{border-color:var(--accent);color:var(--accent)}.progress-badge{background:var(--accent);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 8px;font-size:12.5px;font-weight:700;display:flex}.progress-badge.wide{min-width:50px}.progress-total-row{background:var(--surface);border-radius:999px;justify-content:space-between;align-items:center;min-height:40px;margin-top:6px;padding:5px 5px 5px 14px;font-size:13px;font-weight:600;display:flex}.score-pill{text-align:center;background:var(--accent-soft);min-width:30px;color:var(--accent);border-radius:999px;padding:4px 8px;font-size:13px;font-weight:700}.score-pill.total{background:var(--accent);color:#fff}.total-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;font-weight:600;display:flex}.modal-overlay{z-index:50;background:#140f1e73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:20px;width:min(380px,100%);max-height:80vh;padding:20px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modal-body input,.modal-body select{border:1px solid var(--border);border-radius:12px;width:100%;margin-top:4px;padding:10px 12px}.field-label{color:var(--muted);margin-top:12px;font-size:12px;display:block}.field-label:first-child{margin-top:0}.modal-divider{border-top:1px solid var(--border);margin:16px 0}.mood-row{justify-content:space-between;gap:6px;display:flex}.mood-btn{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:8px 10px;font-size:26px}.mood-btn.active{border-color:var(--accent);background:var(--accent-soft)}.importance-row{align-items:center;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.importance-row span:first-child{flex-shrink:0;width:90px}.importance-row{flex-wrap:nowrap}.weight-stepper{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.weight-value{text-align:center;min-width:24px;font-size:13px;font-weight:600}.progress-mini-btn:disabled{opacity:.35}.icon-btn.small{flex-shrink:0;width:26px;height:26px}.profile-avatar-row{align-items:center;gap:14px;margin-bottom:4px;display:flex}.avatar-lg{flex-shrink:0;width:56px;height:56px;font-size:22px}.avatar-swatches{flex-wrap:wrap;gap:8px;display:flex}.avatar-swatch{border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0}.avatar-swatch.active{border-color:var(--ink)}.modal-section-title{margin-bottom:10px;font-size:14px;font-weight:600}.add-category-row{align-items:center;gap:8px;margin-top:4px;display:flex}.add-category-row input{border:1px solid var(--border);border-radius:12px;flex:1;padding:10px 12px}.settings-row{justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.switch{background:#1c1a2426;border:none;border-radius:999px;flex-shrink:0;width:42px;height:24px;padding:0;position:relative}.switch.on{background:var(--accent)}.switch-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:2px;left:2px}.switch.on .switch-knob{left:20px}.theme-toggle{border:1px solid var(--border);border-radius:999px;gap:2px;padding:2px;display:flex}.theme-toggle button{color:var(--muted);background:0 0;border:none;border-radius:999px;padding:6px 12px;font-size:12px}.theme-toggle button.active{background:var(--accent);color:#fff}.btn-danger{color:#d9534f;background:0 0;border:1px solid #d9534f66;border-radius:999px;width:100%;padding:10px;font-size:13px;font-weight:600}.btn-danger+.btn-danger{margin-top:8px}.period-tabs{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.period-tabs::-webkit-scrollbar{display:none}.period-tab{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:12px}.period-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ring-card{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.progress-ring-bg{stroke:#1c1a2414}.progress-ring-fg{stroke:var(--accent);transition:stroke-dashoffset .4s}.progress-ring-text{font-family:var(--serif);fill:var(--ink);font-size:17px;font-weight:700}.ring-caption{color:var(--muted);max-width:280px;font-size:12px}.ring-mood{font-size:18px}.steps-mini{background:var(--accent-soft);color:var(--ink);border-radius:999px;margin-top:4px;padding:4px 12px;font-size:12px}.sw-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sw-col-header{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;margin-bottom:4px;padding-bottom:6px;font-size:13px;font-weight:600;display:flex}.sw-col-header .weight-badge{align-self:flex-start}.sw-row{justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;display:flex}.ai-summary-label{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:600}.ai-summary-text{font-size:14px;line-height:1.5}.diary-empty{color:var(--muted);font-size:14px}.diary-more-hint{color:var(--muted);text-align:center;margin-top:8px;font-size:12px}.diary-entry{border-top:1px solid var(--border);padding:6px 0}.diary-entry:first-of-type{border-top:none;padding-top:0}.diary-entry-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.diary-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.diary-tags{flex-wrap:wrap;gap:4px;display:flex}.diary-text{font-size:14px;line-height:1.4}.coming-soon{text-align:center;color:var(--muted)}.coming-soon h2{margin-bottom:8px}.bottom-nav{margin:0 16px calc(10px + env(safe-area-inset-bottom));background:var(--nav-pill-bg);border-radius:999px;flex-shrink:0;justify-content:space-around;align-items:center;gap:4px;padding:4px;display:flex}.nav-item{color:var(--ink);background:0 0;border:none;border-radius:999px;flex-direction:column;flex:1;align-items:center;gap:1px;padding:6px 4px;font-size:10px;display:flex}.nav-item.active{color:#fff;background:var(--accent)}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:disabled{opacity:.5}.icon-btn.listening{color:#fff;background:#d9534f;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #d9534f66}50%{box-shadow:0 0 0 6px #d9534f00}}input.category-name-input{border:none;border-bottom:1px dashed var(--border);background:0 0;flex-shrink:0;width:74px;padding:0}.category-name-input:focus{border-bottom-color:var(--accent);outline:none}.onboarding{flex-direction:column;gap:20px;min-height:100%;display:flex}.onboarding-progress{justify-content:center;gap:6px;padding-top:8px;display:flex}.onboarding-dot{background:var(--border);border-radius:50%;width:8px;height:8px}.onboarding-dot.active{background:var(--accent)}.onboarding-step{flex-direction:column;gap:14px;display:flex}.onboarding-hint{color:var(--muted);font-size:14px}.onboarding-error{color:var(--accent);font-size:13px}.onboarding-step input[type=text],.onboarding-step input[type=number]{border:1px solid var(--border);border-radius:12px;padding:10px 14px}.onboarding-add-btn{width:auto;margin-top:0;padding:10px 18px}.onboarding-selected{flex-wrap:wrap;gap:6px;display:flex}.onboarding-selected .weight-badge{align-items:center;gap:4px;display:inline-flex}.onboarding-selected .weight-badge button{color:var(--muted);background:0 0;border:none;padding:0;font-size:14px;line-height:1}.onboarding-nav{gap:10px;margin-top:auto;padding-bottom:8px;display:flex}.onboarding-nav .btn-primary{margin-top:0}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calendar-title{font-family:var(--serif);font-size:16px;font-weight:600}.calendar-weekdays{text-align:center;color:var(--muted);grid-template-columns:repeat(7,1fr);margin-bottom:6px;font-size:11px;display:grid}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-cell{aspect-ratio:1;color:var(--ink);background:0 0;border:none;border-radius:10px;font-size:13px}.calendar-cell.empty{visibility:hidden}.calendar-cell[style]{background:color-mix(in srgb, var(--accent) calc(var(--intensity) * 100%), transparent)}.calendar-cell.today{box-shadow:inset 0 0 0 1.5px var(--accent);font-weight:700}.calendar-cell.selected{box-shadow:inset 0 0 0 2px var(--ink)}.login-screen{justify-content:center;gap:20px;min-height:100%}.login-form{flex-direction:column;gap:10px;display:flex}.login-form input{border:1px solid var(--border);border-radius:12px;padding:12px 14px}.login-form .btn-primary{margin-top:6px}.login-error{color:#d9534f;font-size:13px}.login-switch{align-self:center}.logout-btn{text-align:center;width:100%;margin-top:10px}