:root{color-scheme:light;--bg: #f4efe6;--bg-strong: #fffaf3;--panel: rgba(255, 251, 245, .82);--panel-strong: #fffdf9;--text: #0f172a;--text-soft: #526072;--line: rgba(15, 23, 42, .1);--shadow: 0 24px 60px rgba(15, 23, 42, .12);--accent: #14b8a6;--accent-soft: rgba(20, 184, 166, .12);--danger: #ef4444;--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--font-display: "Segoe UI", "Yu Gothic UI", "Hiragino Sans", sans-serif;--font-body: "Segoe UI", "Yu Gothic UI", "Hiragino Sans", sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #081019;--bg-strong: #0f172a;--panel: rgba(12, 23, 37, .84);--panel-strong: #122033;--text: #f8fafc;--text-soft: #c8d4df;--line: rgba(248, 250, 252, .1);--shadow: 0 28px 70px rgba(0, 0, 0, .35)}:root[data-theme=light]{--bg: #f7f9fc;--bg-strong: #ffffff;--panel: rgba(255, 255, 255, .9);--panel-strong: #ffffff}:root[data-theme=harbor]{--bg: #f4efe6;--bg-strong: #fffaf3;--panel: rgba(255, 250, 244, .8);--panel-strong: rgba(255, 253, 249, .92)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top left,rgba(20,184,166,.18),transparent 28%),radial-gradient(circle at top right,rgba(249,115,22,.12),transparent 24%),linear-gradient(180deg,var(--bg),#ece7dc 100%)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}input,select,textarea{width:100%;border:1px solid var(--line);background:#ffffffd1;color:var(--text);border-radius:14px;padding:.8rem .95rem}textarea{resize:vertical}.app-shell{min-height:100vh;display:grid;grid-template-columns:300px minmax(0,1fr) 320px;gap:1rem;padding:1rem}.sidebar,.main-panel{min-width:0}.sidebar{display:flex;flex-direction:column;gap:1rem}.sidebar-card,.hero-card,.habit-card,.calendar-card,.metric-card,.insight-card,.empty-card,.banner,.auth-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.sidebar-card,.banner,.empty-card,.metric-card,.insight-card,.auth-card{padding:1.1rem}.main-panel{display:flex;flex-direction:column;gap:1rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.3rem .2rem}.topbar h2,.auth-card h1,.hero-card h3,.calendar-head h3,.modal-card h2{margin:.2rem 0 0;font-family:var(--font-display);font-size:clamp(1.3rem,2vw,2.2rem);line-height:1.1}.eyebrow{margin:0;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft)}.muted-text{color:var(--text-soft)}.brand-mark,.habit-icon{display:grid;place-items:center;border-radius:18px}.brand-mark{width:54px;height:54px;background:linear-gradient(135deg,#14b8a6,#22c55e 45%,#fb7185);box-shadow:inset 0 0 0 1px #fff6}.habit-icon{width:42px;height:42px;background:var(--accent-soft);color:var(--habit-color, var(--accent))}.brand-row,.habit-head,.stack-row,.modal-header,.habit-card-top,.calendar-head,.insight-head{display:flex;align-items:center;justify-content:space-between;gap:.9rem}.habit-head{text-align:left;background:transparent;padding:0}.habit-head span:last-child,.auth-notes div,.nav-button,.task-row{display:flex;flex-direction:column;gap:.2rem}.brand-row h1,.habit-head strong{margin:0}.nav-stack,.content-stack,.settings-sections,.plain-list,.task-list,.today-grid,.insight-list{display:flex;flex-direction:column;gap:.9rem}.nav-stack.compact{gap:.55rem}.nav-button,.task-row,.profile-switch button,.habit-chip,.icon-button,.icon-choice,.swatch,.time-chip,.ghost-button,.primary-button,.danger-button{transition:.18s ease}.nav-button,.task-row,.habit-chip,.ghost-button,.primary-button,.danger-button,.icon-button{border-radius:16px;padding:.85rem 1rem}.nav-button,.task-row,.habit-chip,.ghost-button,.icon-button{background:#ffffff8f;color:var(--text);border:1px solid var(--line)}.nav-button.is-active,.habit-chip.is-active,.profile-switch .is-active{background:#0f172aeb;color:#fff}.primary-button{background:linear-gradient(135deg,#14b8a6,#0f766e);color:#fff}.danger-button{background:#ef44441f;color:var(--danger)}.ghost-button:hover,.nav-button:hover,.primary-button:hover,.danger-button:hover,.task-row:hover,.habit-chip:hover,.icon-button:hover{transform:translateY(-1px)}.hero-card,.calendar-card{padding:1.2rem}.hero-card{display:flex;justify-content:space-between;gap:1rem}.hero-stats,.summary-grid,.stat-grid,.insight-hero{display:grid;gap:.85rem}.hero-stats{grid-template-columns:repeat(2,minmax(120px,1fr))}.hero-stats div,.summary-grid div,.stat-grid div,.metric-card{display:flex;flex-direction:column;gap:.3rem}.hero-stats strong,.summary-grid strong,.metric-card strong{font-size:1.8rem}.today-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.today-grid.compact{grid-template-columns:1fr}.habit-card{padding:1.15rem;position:relative;overflow:hidden}.habit-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--habit-color)}.habit-card.is-paused{opacity:.8}.status-badge,.pill,.status-dot{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;font-size:.76rem;border:1px solid var(--line);background:#fff9}.status-badge.done,.pill.ok,.status-dot.live{background:#22c55e24;color:#166534}.status-badge.skip,.pill.warn,.status-dot.demo{background:#f9731624;color:#9a3412}.status-badge.fail,.pill.danger{background:#ef444429;color:#991b1b}.status-badge.partial{background:#3b82f624;color:#1d4ed8}.progress-strip,.mini-bar{width:100%;height:10px;border-radius:999px;background:#0f172a14;overflow:hidden}.progress-fill,.mini-bar>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--habit-color),color-mix(in srgb,var(--habit-color) 45%,white))}.habit-meta-line,.reorder-row,.action-row,.calendar-switch,.habit-chip-row,.calendar-toolbar,.profile-switch,.topbar-status,.toggle-row,.swatch-row,.chips-wrap,.rate-shelf,.tiny-bars,.calendar-head,.selected-day-panel{display:flex;gap:.7rem;align-items:center}.habit-meta-line,.reorder-row,.tiny-bars,.rate-shelf,.selected-day-panel{justify-content:space-between}.action-row,.habit-chip-row,.chips-wrap,.swatch-row{flex-wrap:wrap}.stat-grid,.summary-grid,.insight-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.tiny-bars,.rate-shelf{align-items:stretch}.tiny-bars>div,.rate-shelf>div{flex:1}.calendar-card.dense .day-cell{min-height:72px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.65rem}.weekday-cell{text-align:center;font-size:.78rem;color:var(--text-soft)}.day-cell{min-height:90px;border-radius:18px;border:1px solid var(--line);background:#ffffff94;color:var(--text);padding:.75rem .7rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;position:relative}.day-cell small{color:var(--text-soft)}.day-cell.done{background:color-mix(in srgb,var(--day-color) 20%,white)}.day-cell.partial{background:color-mix(in srgb,var(--day-color) 12%,white)}.day-cell.skip{background:#f9731621}.day-cell.fail{background:#ef444421}.day-cell.pending{background:#ffffff80}.day-cell.muted{opacity:.45}.day-cell.selected{outline:2px solid var(--day-color)}.day-cell i{width:6px;height:6px;border-radius:999px;background:var(--day-color);position:absolute;top:.6rem;right:.6rem}.selected-day-panel,.calendar-toolbar{margin-top:1rem}.habit-chip{display:inline-flex;align-items:center;gap:.5rem;border-color:color-mix(in srgb,var(--chip-color) 20%,var(--line))}.habit-chip.is-active{background:color-mix(in srgb,var(--chip-color) 65%,black 18%)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:min(520px,100%);padding:1.4rem}.auth-brand,.auth-form,.auth-notes,.form-section,.form-grid,.settings-sections section{display:flex;flex-direction:column;gap:1rem}.auth-form label,.form-grid label,.settings-sections label{display:flex;flex-direction:column;gap:.45rem}.auth-copy{line-height:1.7;color:var(--text-soft)}.inline-error{margin:0;color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050b1870;display:grid;place-items:center;padding:1rem;z-index:60}.modal-card{width:min(760px,100%);max-height:92vh;overflow:auto;background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:1.25rem}.settings-card{width:min(860px,100%)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label:last-child{grid-column:1 / -1}.section-title{margin:0;font-weight:700}.swatch{width:36px;height:36px;border-radius:999px;border:2px solid transparent}.swatch.is-active{border-color:var(--text)}.icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.icon-choice{border:1px solid var(--line);background:#ffffffa8;border-radius:18px;padding:.8rem .5rem;display:flex;flex-direction:column;gap:.45rem;align-items:center}.icon-choice.is-active{border-color:currentColor}.habit-glyph{width:22px;height:22px;display:inline-flex}.habit-glyph svg{width:100%;height:100%}.switch{position:relative;width:48px;height:30px}.switch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.switch span{display:block;width:100%;height:100%;background:#0f172a24;border-radius:999px;position:relative}.switch span:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:999px;background:#fff;transition:.18s ease;box-shadow:0 6px 16px #0f172a24}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translate(18px)}.time-chip{padding:0;border:0;background:transparent}.time-chip input{min-width:120px}.checkbox-row{display:flex;flex-direction:row;gap:.7rem;align-items:center}.checkbox-row input{width:auto}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}.info-list,.auth-notes{display:grid;gap:.75rem}.task-row{text-align:left}.task-dot{width:10px;height:10px;border-radius:999px;margin-right:.4rem}.plain-list{margin:0;padding-left:1rem;color:var(--text-soft)}.banner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.error-banner{border-color:#ef444433}.loading-screen{min-height:100vh;display:grid;place-items:center;color:var(--text-soft)}.mobile-only,.drawer-scrim{display:none}@media(max-width:1120px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;top:0;bottom:0;width:min(88vw,320px);z-index:40;padding:1rem;background:#060c192e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(-108%);transition:transform .22s ease;overflow:auto}.right-sidebar{right:0;left:auto;transform:translate(108%)}.left-sidebar{left:0}.sidebar.is-open{transform:translate(0)}.mobile-only{display:inline-flex}.drawer-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#060c1947;z-index:30}.today-grid,.form-grid{grid-template-columns:1fr}}@media(max-width:720px){body{background:radial-gradient(circle at top left,rgba(20,184,166,.2),transparent 34%),linear-gradient(180deg,var(--bg),#ebe5db 100%)}.app-shell{padding:.75rem}.topbar,.hero-card,.calendar-toolbar,.selected-day-panel,.banner,.habit-meta-line,.reorder-row,.habit-card-top{flex-direction:column;align-items:stretch}.hero-stats,.summary-grid,.stat-grid,.insight-hero,.icon-grid{grid-template-columns:1fr 1fr}.calendar-grid{gap:.4rem}.day-cell{min-height:72px;padding:.55rem}}