:root,[data-theme=light]{--bg:#f6f5f2;--card:#fff;--card2:#f2f1ed;--border:#eae8e2;--ink:#1c1b19;--ink2:#2a2825;--muted:#8c8880;--muted2:#b3afa6;--line:#efece6;--bar:rgba(246,245,242,.82);--sheet:#fff;--input:#f6f5f2;--dash:#ddd9d0;--dash2:#ddd9d0;--serif-soft:#a29d93}[data-theme=dark]{--bg:#16161a;--card:#202127;--card2:#26272e;--border:#2c2d35;--ink:#f2f2f4;--ink2:#dcdce0;--muted:#9a9aa4;--muted2:#6f6f7a;--line:#26272e;--bar:rgba(20,20,24,.9);--sheet:#1c1d22;--input:#26272e;--dash:#3a3b44;--dash2:#3a3b44;--serif-soft:#b8b4c8}:root{--accent:#6d6fae;--serif:"Spectral",Georgia,serif;--sans:"Karla",system-ui,-apple-system,sans-serif;--done-dot:#5f8a58;--done-bg:#e6efe1;--done-text:#3f6b3a;--partial-dot:#c79433;--partial-bg:#f5ead1;--partial-text:#8a6414;--miss-dot:#bd7659;--miss-bg:#f2e1d9;--miss-text:#9a5236}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}#__nuxt,body,html{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.4}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font-family:inherit}input,textarea{outline:none}::-webkit-scrollbar{height:0;width:0}@keyframes sheetUp{0%{transform:translateY(102%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}15%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}@keyframes screenIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app-shell{margin:0 auto;max-width:480px;min-height:100vh;padding-bottom:96px;padding-top:env(safe-area-inset-top);position:relative}.screen{animation:screenIn .3s ease;padding:18px 20px 8px}.brand{align-items:center;display:flex;gap:9px;margin-bottom:16px}.brand span{color:var(--ink);font-family:var(--serif);font-size:22px;font-weight:500;letter-spacing:-.8px}.title{font-size:30px;margin:2px 0 0}.big-day,.title{color:var(--ink);font-family:var(--serif);font-weight:600;line-height:1}.big-day{font-size:44px;letter-spacing:-.5px}.sub{color:var(--muted);font-size:13.5px;font-weight:500;margin-top:8px}.micro{color:var(--muted2);font-size:12.5px;margin:16px 24px 4px;text-align:center}.micro,.serif-note{font-family:var(--serif);font-style:italic}.serif-note{color:var(--serif-soft);font-size:15px;margin-top:16px}.eyebrow{color:var(--muted2);font-size:12px;font-weight:700;letter-spacing:.4px;padding:6px 6px 8px;text-transform:uppercase}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:16px}.row{align-items:center;display:flex;gap:12px}.spread{justify-content:space-between}.flex1{flex:1;min-width:0}button.btn{background:var(--card);border:none;border:1px solid var(--border);border-radius:16px;color:var(--ink2);cursor:pointer;font-size:14.5px;font-weight:700;min-height:44px;padding:15px}button.btn:active{background:var(--card2)}button.btn-primary{background:var(--accent);border:none;color:#fbf8f0}button.btn-primary:active{transform:scale(.98)}button.btn-dashed{background:transparent;border:1px dashed var(--dash);color:var(--accent)}button.btn-dashed:active{background:var(--card)}.icon-btn{align-items:center;background:transparent;border:none;border-radius:12px;color:var(--muted);cursor:pointer;display:flex;font-size:17px;height:40px;justify-content:center;width:40px}.icon-btn:active{background:var(--card2)}.icon-btn.danger{color:#bd7659;font-size:15px}.st-done{--s-bg:var(--done-bg);--s-text:var(--done-text);--s-dot:var(--done-dot);--s-border:var(--done-dot)}.st-partial{--s-bg:var(--partial-bg);--s-text:var(--partial-text);--s-dot:var(--partial-dot);--s-border:#d3a24a}.st-miss{--s-bg:var(--miss-bg);--s-text:var(--miss-text);--s-dot:var(--miss-dot);--s-border:#c07d63}.st-none{--s-bg:transparent;--s-text:var(--muted2);--s-dot:transparent;--s-border:var(--dash2)}.habit-list{display:flex;flex-direction:column;gap:12px;padding:14px 20px 8px}.habit-row{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:22px;cursor:pointer;display:flex;gap:14px;min-height:68px;padding:14px 16px}.habit-row:active{background:var(--card2);transform:scale(.985)}.habit-name{color:var(--ink2);font-size:17px;font-weight:600}.habit-sub{color:var(--s-text);font-size:13px;font-weight:500;margin-top:3px}.pill{align-items:center;background:var(--s-bg);border-radius:999px;display:flex;gap:9px;padding:7px 7px 7px 14px}.pill.st-none{padding-left:7px}.pill-text{color:var(--s-text);font-size:12.5px;font-weight:700}.glyph-dot{align-items:center;background:var(--s-dot);border-radius:50%;color:#fbf8f0;display:flex;font-size:17px;font-weight:700;height:34px;justify-content:center;width:34px}.st-none .glyph-dot{background:transparent;border:1.5px dashed var(--dash2);color:#c3b79b}.empty-card{background:var(--card);border:1px dashed var(--dash);border-radius:26px;margin:40px 20px;padding:44px 28px;text-align:center}.empty-icon{align-items:center;border:1.5px dashed var(--dash2);border-radius:50%;color:var(--muted2);display:flex;font-family:var(--serif);font-size:30px;height:66px;justify-content:center;margin:0 auto 18px;width:66px}.empty-title{color:var(--ink);font-family:var(--serif);font-size:21px;margin-bottom:8px}.empty-text{color:var(--muted);font-size:14.5px;line-height:1.5;margin:0 auto 22px;max-width:240px}.grid-scroll{overflow:auto}table.grid{border-collapse:collapse}table.grid th.day{background:var(--bg);padding:4px 0;width:36px}.day-num{color:var(--muted);font-size:12.5px;font-weight:700}.day-num.today{color:var(--accent)}.day-num.future{color:var(--muted2)}.day-marker{background:transparent;border-radius:3px;height:3px;margin:3px auto 0;width:16px}.day-marker.today{background:var(--accent)}table.grid td.hname,table.grid th.hname{background:var(--bg);border-right:1px solid var(--line);color:var(--ink2);font-size:13.5px;font-weight:600;left:0;min-width:104px;overflow:hidden;padding:8px 14px;position:sticky;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:104px;z-index:4}table.grid thead th.hname{color:var(--muted2);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;z-index:6}table.grid td.cell{padding:4px 0;text-align:center;width:36px}.cell-box{align-items:center;background:var(--s-bg);border:1px solid transparent;border-radius:9px;color:var(--s-text);display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;margin:0 auto;width:28px}.cell-box.empty{color:var(--muted2)}.cell-box.empty,.cell-box.future{background:transparent;border:1px dashed var(--line)}.cell-box.future{color:transparent;opacity:.5}.cell-box.today{box-shadow:0 0 0 2px var(--accent)}.legend{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:8px;padding:12px 16px 4px}.legend-item{gap:6px}.legend-box,.legend-item{align-items:center;display:flex}.legend-box{background:var(--s-bg);border-radius:7px;color:var(--s-text);font-size:11px;font-weight:700;height:20px;justify-content:center;width:20px}.legend-box.empty{background:transparent;border:1px dashed var(--line);color:var(--muted2)}.legend-item span{color:var(--muted);font-size:12px;font-weight:600}.hero{background:var(--accent);border-radius:26px;box-shadow:0 18px 40px -20px #4a3f2cb3;color:#fbf8f0;margin:12px 0 0;overflow:hidden;padding:26px 24px;position:relative}.hero:after{background:#ffffff17;border-radius:50%;content:"";height:150px;position:absolute;right:-30px;top:-30px;width:150px}.hero-label{font-size:13.5px;font-weight:700;letter-spacing:.4px;opacity:.9}.hero-num{align-items:baseline;display:flex;gap:6px;margin-top:4px}.hero-num b{font-family:var(--serif);font-size:62px;font-weight:600;line-height:1}.hero-num span{font-size:26px;font-weight:600}.hero-text{font-size:14px;line-height:1.45;margin-top:8px;max-width:250px;opacity:.92}.stat-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:12px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:18px}.stat-label{color:var(--muted);font-size:12.5px;font-weight:700;letter-spacing:.3px}.stat-num{color:var(--ink);font-family:var(--serif);font-size:38px;font-weight:600;margin-top:2px}.stat-num small{font-size:18px}.stat-sub{color:var(--muted2);font-size:12.5px;margin-top:2px}.streak-row{align-items:center;border-top:1px solid var(--line);display:flex;gap:12px;padding:9px 0}.streak-bar{background:var(--accent);border-radius:5px;height:8px;opacity:.65}.streak-days{color:var(--ink);font-size:15px;font-weight:700;min-width:62px;text-align:right}.chip{background:var(--card2);border:1px solid var(--border);border-radius:999px;color:var(--ink2);font-size:14px;font-weight:600;gap:7px;min-height:40px;padding:8px 8px 8px 14px}.chip,.chip-x{align-items:center;display:flex}.chip-x{background:var(--border);border:none;border-radius:50%;color:var(--muted);cursor:pointer;font-size:12px;height:22px;justify-content:center;width:22px}.chip-add{background:transparent;border:1px dashed var(--dash);border-radius:999px;color:var(--accent);cursor:pointer;font-size:14px;font-weight:700;min-height:40px;padding:8px 16px}.chips-wrap{display:flex;flex-wrap:wrap;gap:9px}.seg{background:var(--card2);border-radius:13px;display:flex;gap:4px;padding:4px}.seg button{background:transparent;border:none;border-radius:10px;color:var(--muted);cursor:pointer;font-size:14px;font-weight:700;min-height:40px;padding:9px 16px;transition:all .15s}.seg button.on{background:var(--accent);color:#fbf8f0}.manage-row{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:20px;display:flex;gap:12px;padding:14px}.grab{color:var(--muted2);font-size:18px;letter-spacing:-3px;line-height:1}.color-dot{border-radius:50%;height:12px;width:12px}.field{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:16px}.date-pill{background:var(--card2);border:none;border-radius:12px;color:var(--accent);font-size:14.5px;font-weight:700;padding:9px 14px}.tabbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--bar);border-top:1.5px solid var(--line);bottom:0;display:flex;height:92px;left:50%;max-width:480px;padding:12px 8px calc(20px + env(safe-area-inset-bottom));position:fixed;transform:translate(-50%);width:100%;z-index:20}.tab{align-items:center;color:var(--muted2);display:flex;flex:1;flex-direction:column;gap:5px;padding-top:4px}.tab-icon{font-size:19px;line-height:1}.tab-label{font-size:10.5px;font-weight:500}.tab.router-link-exact-active{color:var(--accent)}.tab.router-link-exact-active .tab-label{font-weight:700}.toast{animation:toastIn 1.7s ease forwards;background:#33302b;border-radius:999px;bottom:108px;box-shadow:0 12px 30px -8px #0006;color:#f4efe3;font-size:14px;font-weight:600;left:50%;padding:11px 20px;position:fixed;white-space:nowrap;z-index:40}.overlay{animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#18161447;inset:0;position:fixed;z-index:50}.sheet{animation:sheetUp .3s cubic-bezier(.32,.72,0,1);background:var(--sheet);border-radius:30px 30px 0 0;bottom:0;box-shadow:0 -20px 60px -24px #18161459;left:50%;max-height:92%;max-width:480px;overflow-y:auto;padding:12px 22px 30px;position:fixed;transform:translate(-50%);width:100%;z-index:51}.grabber{background:var(--dash);border-radius:3px;height:5px;margin:0 auto 18px;width:42px}.sheet-title{color:var(--ink);font-family:var(--serif);font-size:25px}.saved-flag{color:#5f8a58;font-size:13px;font-weight:700;transition:opacity .2s}.status-btns{display:flex;gap:10px}.status-btn{align-items:center;background:var(--card);border:2px solid var(--border);border-radius:20px;cursor:pointer;display:flex;flex:1;flex-direction:column;gap:9px;padding:18px 6px 15px;transition:all .18s}.status-btn:active{transform:scale(.95)}.status-btn.on{background:var(--s-bg);border-color:var(--s-border)}.status-btn .glyph-dot{font-size:23px;height:46px;width:46px}.status-btn .status-label{color:var(--s-text);font-size:13.5px;font-weight:700}.reason-title,.status-btn.st-none .status-label{color:var(--ink2)}.reason-title{font-size:14px;font-weight:600;margin-bottom:12px}.reason-title span{color:var(--muted2);font-weight:500}.reason-chip{background:var(--card);border:1.5px solid var(--border);border-radius:999px;color:var(--ink2);cursor:pointer;font-size:14px;font-weight:600;min-height:44px;padding:9px 16px;transition:all .15s}.reason-chip.on{background:var(--accent);border-color:var(--accent);color:#fbf8f0}.note-area{background:var(--input);border:1px solid var(--border);border-radius:16px;color:var(--ink2);font-size:15px;margin-top:16px;padding:13px 15px;resize:none;width:100%}.clear-link{background:transparent;border:none;color:var(--muted);cursor:pointer;display:block;font-size:13px;font-weight:600;margin-top:12px;text-align:center;width:100%}@media(min-width:860px){.tabbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg);border-right:1.5px solid var(--line);border-top:none;bottom:0;flex-direction:column;gap:4px;height:100vh;justify-content:flex-start;left:0;max-width:232px;padding:30px 16px;top:0;transform:none;width:232px}.tabbar:before{color:var(--ink);content:"Upkept";font-family:var(--serif);font-size:24px;font-weight:600;padding:0 14px 22px}.tab{border-radius:12px;flex:0 0 auto;flex-direction:row;gap:14px;justify-content:flex-start;padding:12px 14px;width:100%}.tab-icon{font-size:19px}.tab-label{font-size:15px;font-weight:600}.tab.router-link-exact-active{background:var(--card)}.app-shell{margin:0;max-width:none;padding-bottom:48px;padding-left:232px}.grid-scroll,.habit-list,.legend,.screen{margin-left:auto;margin-right:auto;max-width:760px}.screen{padding:40px 32px 8px}.habit-list{padding:10px 32px}.empty-card{margin:48px auto;max-width:620px}.sheet{animation:fadeIn .2s ease;border-radius:26px;bottom:auto;max-height:86vh;max-width:480px;top:50%;transform:translate(-50%,-50%)}.sheet,.toast{left:calc(116px + 50%)}.toast{bottom:40px}}