:root{--ink:#111827;--ink-2:#263241;--muted:#627084;--line:#ccd6e3;--line-strong:#9fb0c5;--paper:#fffdf7;--surface:#fff;--surface-2:#f4f8fb;--teal:#13b8a6;--teal-dark:#087669;--gold:#f4b740;--coral:#ff6b5f;--blue:#3b82f6;--lime:#a3e635;--shadow:0 16px 36px #11182724;--shadow-soft:0 10px 26px #11182714;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#1118270b 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#1118270b 1px,#0000 1px) 0 0/28px 28px,linear-gradient(135deg,#fff8e6 0%,#eef8fb 38%,#f8fbff 67%,#fff2ef 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}#root{min-height:100svh}.app-shell{width:min(100%,1040px);min-height:100svh;padding:max(18px, env(safe-area-inset-top)) 18px max(28px, env(safe-area-inset-bottom));margin:0 auto}.app-header,.detail-header,.section-heading,.habit-card-header,.card-footer,.button-row,.section-actions{align-items:center;display:flex}.app-header,.detail-header,.section-heading,.habit-card-header,.card-footer{justify-content:space-between;gap:16px}.app-header{padding:16px 0 18px}.app-header h1,.detail-header h1,.section-heading h2,.empty-state h3{color:var(--ink);letter-spacing:0;margin:0}.app-header h1{text-wrap:balance;max-width:8.5ch;font-size:clamp(2.45rem,9vw,5.8rem);line-height:.9}.detail-header h1{font-size:clamp(1.9rem,8vw,4rem);line-height:.95}.section-heading h2{font-size:1.45rem;line-height:1.05}.eyebrow{color:var(--teal-dark);letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 7px;font-size:.74rem;font-weight:900;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg, var(--teal), var(--gold), var(--coral));border-radius:2px;width:18px;height:8px;box-shadow:0 0 16px #13b8a659}.header-total{border:2px solid var(--ink);background:var(--ink);color:#fff;text-align:right;min-width:126px;box-shadow:6px 6px 0 var(--gold);border-radius:8px;padding:13px 14px;display:grid;position:relative;overflow:hidden}.header-total:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0 70%,#ffffff1f 70% 100%),repeating-linear-gradient(135deg,#0000 0 8px,#ffffff14 8px 10px);position:absolute;inset:0}.header-total span{color:#fff;font-size:1.45rem;font-weight:950;position:relative}.header-total small,.habit-title-button small,.milestone-item small,.date-pill,.card-footer>span{color:var(--muted);font-size:.82rem}.segmented{top:max(10px, env(safe-area-inset-top));z-index:5;border:2px solid var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft);background:#fffdf7eb;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 0 22px;padding:5px;display:grid;position:sticky}.segment-button{min-height:44px;color:var(--ink-2);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-weight:900;transition:background .18s,color .18s,transform .18s;display:inline-flex}.segment-button:hover{background:#13b8a61f;transform:translateY(-1px)}.segment-button[aria-pressed=true]{color:#fff;background:linear-gradient(135deg, var(--ink), var(--teal-dark));box-shadow:0 10px 20px #0876693d}.view-stack,.detail-shell{gap:18px;display:grid}.today-body{display:block}.create-form-stage{overflow:hidden}.create-form{border:2px solid var(--ink);background:linear-gradient(180deg, #fff, var(--paper));box-shadow:var(--shadow-soft);border-radius:8px;grid-template-columns:minmax(0,1fr) 164px auto;align-items:end;gap:10px;padding:14px;display:grid}.create-form label{gap:6px;display:grid}.create-form label span{color:var(--ink-2);font-size:.78rem;font-weight:900}.create-form input{border:2px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#fff;border-radius:6px;padding:0 12px;transition:border .16s,box-shadow .16s}.create-form input:focus,.primary-button:focus-visible,.secondary-button:focus-visible,.danger-button:focus-visible,.ghost-icon-button:focus-visible,.segment-button:focus-visible,.habit-title-button:focus-visible{outline-offset:2px;outline:3px solid #3b82f65c}.create-form input:focus{border-color:var(--blue);box-shadow:0 0 0 5px #3b82f61f}.form-error,.status-message{color:#b42318;grid-column:1/-1;margin:0;font-weight:800}.status-message{color:var(--teal-dark)}.habit-list{gap:14px;display:grid}.habit-card,.empty-state,.settings-panel,.detail-hero,.milestone-band,.grid-section{border:2px solid var(--ink);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:8px;padding:16px}.empty-state{text-align:center;background:repeating-linear-gradient(90deg, #13b8a614 0 10px, transparent 10px 20px), var(--surface);align-content:center;gap:8px;min-height:172px;display:grid}.empty-state h3{font-size:1.42rem}.empty-state p{max-width:34rem;color:var(--muted);margin:0 auto}.habit-card{gap:14px;display:grid;position:relative;overflow:hidden}.habit-card:before{content:"";background:linear-gradient(90deg, var(--teal), var(--blue), var(--gold), var(--coral));height:8px;position:absolute;inset:0 0 auto}.habit-title-button{min-width:0;color:inherit;text-align:left;background:0 0;border:0;gap:5px;padding:0;display:grid}.habit-title-button span{overflow-wrap:anywhere;color:var(--ink);font-size:1.22rem;font-weight:950}.pace-badge,.date-pill{border:2px solid var(--ink);color:var(--ink-2);background:#fff;border-radius:999px;flex:none;padding:6px 10px;font-size:.78rem;font-weight:950;box-shadow:3px 3px #1118271f}.pace-badge.on-track,.pace-badge.complete{color:#053f39;background:#c9fff4}.pace-badge.behind{color:#7a2517;background:#ffe0d8}.pace-badge.not-started{color:#22324a;background:#dcecff}.progress-shell{border:2px solid var(--ink);background:repeating-linear-gradient(90deg,#1118271f 0 2px,#0000 2px 11px),#e9eef5;border-radius:999px;height:14px;overflow:hidden}.progress-shell span{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--lime), var(--gold));height:100%;display:block;box-shadow:0 0 16px #13b8a670}.stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.stat-row div{border-top:2px solid var(--line);min-width:0;padding:10px 0 8px}.stat-row dt{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:950}.stat-row dd{color:var(--ink);margin:2px 0 0;font-size:clamp(1.18rem,5vw,1.8rem);font-weight:950;line-height:1}.button-row{gap:8px}.section-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.button-row.wrap{flex-wrap:wrap}.primary-button,.secondary-button,.danger-button,.file-label{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 14px;font-weight:950;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-button{border:2px solid var(--ink);color:#fff;background:linear-gradient(135deg, var(--teal-dark), var(--teal));box-shadow:4px 4px 0 var(--ink)}.primary-button:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)}.primary-button.compact{background:linear-gradient(135deg, var(--coral), var(--gold));min-height:42px}.secondary-button.slim{min-height:40px;padding-inline:11px}.secondary-button,.file-label{border:2px solid var(--ink);color:var(--ink);background:#fff;box-shadow:3px 3px #11182738}.secondary-button:hover,.file-label:hover{background:#eef8fb;transform:translateY(-1px)}.danger-button{color:#922014;background:#fff0ec;border:2px solid #922014}.ghost-icon-button{border:2px solid var(--ink);width:42px;height:42px;color:var(--ink);background:#fff;border-radius:6px;place-items:center;transition:transform .16s,background .16s;display:inline-grid;box-shadow:3px 3px #1118272e}.ghost-icon-button:hover{background:#fff6df;transform:translateY(-1px)}.card-footer{align-items:flex-end}.detail-header{align-items:flex-start;padding-top:6px}.detail-hero{color:#fff;box-shadow:var(--shadow);background:linear-gradient(90deg,#ffffff14 1px,#0000 1px) 0 0/18px 18px,linear-gradient(#ffffff14 1px,#0000 1px) 0 0/18px 18px,linear-gradient(135deg,#111827 0%,#075e54 58%,#b45309 100%);gap:16px;display:grid;position:relative;overflow:hidden}.detail-hero .eyebrow,.detail-hero span{color:#ffffffd6}.detail-hero strong{color:#fff;letter-spacing:0;text-shadow:0 0 24px #13b8a657;font-size:clamp(2.8rem,16vw,7rem);line-height:.9;display:block}.detail-hero .progress-shell{border-color:#ffffffd1}.milestone-band,.grid-section{gap:14px;display:grid}.milestone-list{grid-template-columns:repeat(7,minmax(122px,1fr));gap:10px;padding-bottom:4px;display:grid;overflow-x:auto}.milestone-item{border-top:5px solid var(--gold);background:linear-gradient(180deg, #f4b74029, transparent), var(--surface-2);gap:4px;min-width:122px;padding:10px;display:grid}.milestone-item:nth-child(2n){border-top-color:var(--teal)}.milestone-item:nth-child(3n){border-top-color:var(--coral)}.milestone-item span{color:var(--ink-2);font-size:.8rem;font-weight:950}.milestone-item strong{color:var(--ink);font-size:1.08rem;line-height:1}.day-grid{grid-template-columns:repeat(40,minmax(5px,1fr));gap:3px;display:grid}.day-cell{aspect-ratio:1;background:#dce4ef;border:1px solid #1118271f;border-radius:2px;min-width:0}.day-cell.is-complete{background:linear-gradient(135deg, var(--teal), var(--teal-dark));border-color:#07766952;box-shadow:0 0 8px #13b8a647}.day-cell.is-current{outline:2px solid var(--coral);outline-offset:1px}.archive-card{gap:12px}.settings-panel{gap:18px;display:grid}.stat-row.wide{grid-template-columns:repeat(3,1fr)}.file-input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.celebration-layer{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#11182752;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.celebration-panel{border:2px solid var(--ink);width:min(100%,420px);box-shadow:8px 8px 0 var(--ink), var(--shadow);background:repeating-linear-gradient(90deg,#13b8a614 0 12px,#0000 12px 24px),#fffdf7;border-radius:8px;overflow:hidden}.celebration-header{color:#fff;background:linear-gradient(135deg, var(--ink), var(--teal-dark));justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-weight:950;display:flex}.celebration-header strong{color:var(--ink);background:var(--gold);border-radius:999px;padding:5px 8px;font-size:.78rem}.celebration-day{align-items:center;gap:12px;padding:18px 18px 12px;display:flex}.celebration-day svg{color:var(--teal-dark);flex:none}.celebration-day p{color:var(--ink);margin:0;font-size:1.15rem;font-weight:950}.celebration-day span{color:var(--muted);font-weight:800;display:block}.score-transition-grid{grid-template-columns:1fr 1fr;gap:10px;padding:4px 18px 10px;display:grid}.score-transition-card{border:2px solid var(--ink);background:#fff;border-radius:6px;gap:6px;min-width:0;padding:12px;display:grid;box-shadow:4px 4px #1118272e}.score-transition-card small{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:950}.score-transition-card>span{overflow-wrap:anywhere;color:var(--ink);font-size:clamp(1.75rem,10vw,3rem);font-weight:950;line-height:.94}.score-transition-card em{border-radius:999px;width:fit-content;padding:4px 8px;font-size:.8rem;font-style:normal;font-weight:950}.score-transition-card.is-beaten{background:linear-gradient(#e6fff8,#fff)}.score-transition-card.is-beaten em{color:#053f39;background:#c9fff4}.score-transition-card.is-remaining{background:linear-gradient(#fff1eb,#fff)}.score-transition-card.is-remaining em{color:#7a2517;background:#ffe0d8}.celebration-message{color:var(--ink);text-align:center;margin:0;padding:0 18px 14px;font-weight:850}.celebration-dismiss{width:calc(100% - 36px);margin:0 18px 18px}@media (width<=720px){.app-shell{padding-inline:12px}.app-header{align-items:flex-start}.header-total{min-width:104px;box-shadow:4px 4px 0 var(--gold);padding:10px}.segmented{margin-bottom:16px}.segment-button{gap:5px;font-size:.86rem}.create-form{grid-template-columns:1fr}.habit-card-header,.card-footer,.section-heading{align-items:flex-start}.section-actions{justify-content:flex-start}.card-footer{display:grid}.button-row{flex-wrap:wrap}.primary-button,.secondary-button,.danger-button,.file-label{flex:auto}.stat-row{gap:8px}.day-grid{gap:2px}}@media (width<=430px){.stat-row,.stat-row.wide{grid-template-columns:1fr 1fr}.stat-row div:last-child{grid-column:1/-1}.habit-card,.empty-state,.settings-panel,.detail-hero,.milestone-band,.grid-section{padding:14px}.day-grid{grid-template-columns:repeat(25,minmax(6px,1fr))}.celebration-panel{box-shadow:5px 5px 0 var(--ink), var(--shadow)}.score-transition-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}