:root{font-family:ui-rounded,SF Pro Rounded,Segoe UI,system-ui,sans-serif;color:#2b2634;background:#f3eff8;font-synthesis:none;--bg: #f7f4fa;--surface: rgba(255,255,255,.82);--surface-solid: #fff;--text: #2b2634;--muted: #837b8e;--line: rgba(70,55,88,.09);--shadow: 0 18px 55px rgba(82,63,105,.11)}:root[data-theme=dark]{color-scheme:dark;--bg: #17141d;--surface: rgba(39,34,47,.9);--surface-solid: #27222f;--text: #f7f2ff;--muted: #aaa1b5;--line: rgba(255,255,255,.09);--shadow: 0 18px 55px rgba(0,0,0,.3)}*{box-sizing:border-box}*{scrollbar-width:none}*::-webkit-scrollbar{width:0;height:0;display:none}html,body,#root{width:100%;max-width:100%;min-height:100%;overflow-x:hidden;overflow-x:clip}html:has(.track-mode),body:has(.track-mode),#root:has(.track-mode),html:has(.stats-mode),body:has(.stats-mode),#root:has(.stats-mode){height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);overscroll-behavior-x:none;touch-action:pan-x pan-y}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(141,124,246,.35);outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2,h3,.big-total{font-family:ui-rounded,SF Pro Rounded,Segoe UI,system-ui,sans-serif;letter-spacing:-.035em}.app-shell{width:100%;max-width:100%;min-height:100vh;position:relative;overflow-x:hidden;overflow-x:clip;background:radial-gradient(circle at 0 0,rgba(180,163,255,.18),transparent 30%),radial-gradient(circle at 100% 20%,rgba(255,172,207,.14),transparent 27%),var(--bg)}.app-shell:has(.track-mode){height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none}.ambient{position:fixed;border-radius:50%;filter:blur(50px);opacity:.22;pointer-events:none}.ambient-one{width:180px;height:180px;background:#b3a4ff;top:8%;left:-100px}.ambient-two{width:220px;height:220px;background:#ffafd0;bottom:8%;right:-130px}.app-frame{width:min(100%,500px);max-width:100%;min-height:100vh;margin:auto;padding:max(18px,env(safe-area-inset-top)) 18px calc(108px + env(safe-area-inset-bottom));position:relative;overflow-x:hidden;overflow-x:clip}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 2px 24px}.topbar h1{font-size:30px;line-height:1.1;margin-top:3px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--muted)}.avatar{width:43px;height:43px;border:0;border-radius:16px 19px 15px 20px;background:linear-gradient(135deg,#9484f7,#ee91bb);color:#fff;font-weight:800;box-shadow:0 9px 22px #8d7cf640}.screen{width:100%;max-width:100%;min-width:0;display:flex;flex-direction:column;gap:18px;overflow-x:hidden;overflow-x:clip;animation:enter .25s ease both}@keyframes enter{0%{opacity:0;transform:translateY(5px)}}.app-frame.track-mode,.app-frame.stats-mode{height:100dvh;min-height:0;overflow:hidden;padding-bottom:calc(96px + env(safe-area-inset-bottom));display:flex;flex-direction:column;overscroll-behavior:none;touch-action:none}.stats-mode .topbar{flex:none;padding:4px 2px 14px}.stats-mode .topbar h1{font-size:27px}.track-mode .topbar{padding:4px 2px 14px}.track-mode .topbar h1{font-size:27px}.track-mode .topbar{flex:none}.track-screen{gap:11px;height:auto;flex:1;min-height:0;overflow:hidden;overscroll-behavior:none}.live-card{--accent:#8d7cf6;--pale:#e8e2ff;position:relative;overflow:hidden;padding:24px;border-radius:32px 28px 36px 26px;background:linear-gradient(135deg,var(--pale),var(--surface-solid));box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.62)}.live-card:after{content:"";position:absolute;width:145px;height:145px;border-radius:48% 52% 65% 35%;background:var(--accent);opacity:.09;right:-35px;top:-45px;transform:rotate(28deg)}.live-copy{position:relative;z-index:1}.live-kicker{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:12px;font-weight:800}.live-kicker i{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 15%,transparent);animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px transparent}}.live-card h2{font-size:27px;margin-top:14px}.elapsed{font-weight:800;font-size:38px;line-height:1.1;letter-spacing:-.045em;margin-top:4px}.live-card p{color:var(--muted);font-size:13px;margin-top:5px}.live-actions{display:flex;gap:10px;margin-top:22px;position:relative;z-index:1}.live-actions button{border:0;height:45px;padding:0 18px;border-radius:16px;font-weight:800}.stop-button{background:var(--accent);color:#fff;box-shadow:0 9px 20px color-mix(in srgb,var(--accent) 28%,transparent)}.past-button{background:#ffffffad;color:var(--text)}.track-screen .live-card{padding:17px 19px;border-radius:27px 24px 30px 22px;flex:none}.track-screen .live-card h2{font-size:22px;margin-top:9px}.track-screen .elapsed{font-size:32px}.track-screen .live-actions{position:absolute;right:17px;bottom:17px;margin:0;flex-direction:column;align-items:stretch;gap:7px}.track-screen .live-actions button{height:35px;min-width:105px;padding:0 13px;border-radius:13px;font-size:11px}.track-screen .live-copy{padding-right:105px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-top:5px;padding:0 2px}.section-heading h3,.card-title h3{font-size:20px;margin-top:2px}.section-heading.compact{align-items:center}.text-button,.icon-button{border:0;background:none;color:#7c6be6;font-weight:800;font-size:13px}.icon-button{width:35px;height:35px;border-radius:13px;background:var(--surface);font-size:18px}.favorites-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.favorite-card{min-height:142px;border:1px solid rgba(255,255,255,.65);padding:17px;text-align:left;background:var(--surface);box-shadow:0 10px 28px #4c3c5d12;transition:.18s ease}.favorite-card:active{transform:scale(.97)}.favorite-card:nth-child(1){border-radius:30px 22px 28px 18px}.favorite-card:nth-child(2){border-radius:22px 34px 18px 27px}.favorite-card:nth-child(3){border-radius:25px 18px 33px 24px}.favorite-card:nth-child(4){border-radius:18px 27px 22px 35px}.favorite-card>span:not(.category-glyph){display:block;font-weight:700;font-size:16px;margin-top:12px}.favorite-card small{color:var(--muted)}.category-glyph{display:inline-flex;align-items:center;justify-content:center;font-weight:900;border-radius:16px 13px 17px 12px;flex:none}.category-glyph.small{width:31px;height:31px;font-size:14px}.category-glyph.medium{width:43px;height:43px;font-size:19px}.category-glyph.large{width:52px;height:52px;font-size:23px}.shape-bubble{border-radius:50%!important}.shape-blob{border-radius:61% 39% 48% 52%/42% 58%!important}.shape-pebble{border-radius:44% 56% 56% 44%/58% 48% 52% 42%!important}.shape-pill{border-radius:999px!important}.shape-petal{border-radius:58% 42%/42% 58%!important}.quick-switch-heading{display:flex;align-items:end;justify-content:space-between;padding:0 2px;margin-top:1px;flex:none}.quick-switch-heading h3{font-size:18px;margin-top:1px}.quick-switch-heading>span{font-size:9px;color:var(--muted);font-weight:800}.track-layout-switch{display:flex;gap:3px;padding:3px;background:color-mix(in srgb,var(--surface-solid) 70%,transparent);border:1px solid var(--line);border-radius:12px}.track-layout-switch button{height:27px;min-width:43px;padding:0 9px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:9px;font-weight:800}.track-layout-switch button.active{background:#7865e3;color:#fff;box-shadow:0 5px 12px #7865e333}.quick-activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:none}.quick-activity-grid>button{min-width:0;height:73px;border:1px solid var(--line);background:var(--surface);border-radius:22px 18px 25px 17px;padding:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 20px #4c3c5d11}.quick-activity-grid>button:nth-child(2n){border-radius:18px 25px 17px 23px}.quick-activity-grid>button.active{border-color:color-mix(in srgb,#8d7cf6 50%,transparent);background:#eee9ff}.quick-activity-grid .category-glyph.medium{width:37px;height:37px;border-radius:15px 12px 17px 11px;font-size:17px}.quick-activity-grid>button>span:not(.category-glyph){max-width:100%;font-size:11px;font-weight:800;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.quick-activity-grid>button>small{font-size:7px;color:var(--muted);margin-top:0}.quick-activity-grid>button.secondary-pin{height:48px;flex-direction:row;gap:8px;border-radius:16px 20px 15px 19px}.quick-activity-grid>button.secondary-pin .category-glyph,.quick-activity-grid>button.secondary-pin .all-activities-icon{width:30px;height:30px;font-size:13px;margin:0!important}.quick-activity-grid>button.secondary-pin>span:not(.category-glyph):not(.all-activities-icon){font-size:10px;margin:0}.quick-activity-grid>button.secondary-pin>small{font-size:7px}.quick-activity-grid .all-activities-button{grid-column:span 2;flex-direction:row;gap:9px}.quick-activity-grid .all-activities-button>span:not(.all-activities-icon){font-size:12px;margin:0}.quick-activity-grid .all-activities-button>small{font-size:8px}.all-activities-icon{width:37px;height:37px;border-radius:15px 12px 17px 13px;background:linear-gradient(135deg,#eee9ff,#f9e4ef);color:#7461dc;display:grid!important;place-items:center;font-size:13px!important;letter-spacing:1px;margin:0!important}.all-activity-grid{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));grid-auto-flow:column;grid-auto-columns:calc((100% - 16px)/3);gap:8px;flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior:contain;touch-action:pan-x;padding:1px}.all-activity-grid>button{min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:24px 18px 27px 17px;padding:8px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;scroll-snap-align:start;box-shadow:0 8px 20px #4c3c5d11}.all-activity-grid>button:nth-child(2n){border-radius:18px 27px 17px 24px}.all-activity-grid>button.active{border-color:color-mix(in srgb,#8d7cf6 50%,transparent);background:#eee9ff}.all-activity-grid>button>span:not(.category-glyph){max-width:100%;font-size:11px;line-height:1.08;font-weight:800;overflow:hidden;text-overflow:ellipsis;text-align:center}.all-activity-grid .category-glyph.medium{width:42px;height:42px;font-size:18px}.sand-card{display:grid;grid-template-columns:1.4fr .65fr;gap:20px;min-height:230px;padding:23px;background:linear-gradient(145deg,#292333,#433b52);color:#fff;border-radius:28px 36px 24px 34px;box-shadow:var(--shadow);overflow:hidden}.sand-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.sand-card .eyebrow{color:#bcb2ca}.sand-card h3{font-size:22px;margin:5px 0 7px}.sand-card p{color:#c5bdce;font-size:13px;line-height:1.45}.sand-legend{display:flex;flex-direction:column;gap:5px;font-size:10px;margin-top:17px;color:#ddd7e5}.sand-legend span{display:flex;align-items:center;gap:6px}.sand-legend i{width:7px;height:7px;border-radius:50%}.hourglass-button{border:0;background:transparent;color:#fff;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;align-self:center;justify-self:end}.hourglass-button>small{font-size:7px;color:#bfb7c9;font-weight:800}.hourglass{width:88px;height:186px;position:relative;display:flex;flex-direction:column;filter:drop-shadow(0 10px 18px rgba(0,0,0,.2))}.glass{position:relative;flex:1;border:3px solid rgba(255,255,255,.7);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.top-glass{border-radius:25px 25px 48px 48px;clip-path:polygon(0 0,100% 0,62% 100%,38% 100%);background:#ffffff0f}.bottom-glass{border-radius:48px 48px 25px 25px;clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);background:#ffffff0f}.future-sand-live{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;transform-origin:center bottom;will-change:transform;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.24) 0 1px,transparent 1.5px),linear-gradient(#d3cdda57,#d3cdda80);background-size:7px 7px,100% 100%;transition:transform 1s linear}.glass-neck{position:relative;z-index:5;height:5px;background:#ffffffb8;width:28px;align-self:center}.sand-layers{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;flex-direction:column-reverse;transform-origin:center bottom;will-change:transform;transition:transform 1s linear}.sand-layers>span{display:block;width:100%;min-height:1px;opacity:.92;box-shadow:inset 0 1px #ffffff14}.sand-layers>span:last-child{filter:brightness(1.08)}.falling-sand{position:absolute;z-index:6;left:50%;top:calc(50% - 1px);width:14px;height:43px;transform:translate(-50%);pointer-events:none}.falling-sand i{position:absolute;left:calc(50% + var(--grain-x));top:0;width:2px;height:2px;border-radius:50%;background:var(--flow-color);box-shadow:0 5px var(--flow-color);animation:grain-fall .92s linear infinite;animation-delay:var(--grain-delay);opacity:0;will-change:transform,opacity}.hourglass.paused .falling-sand i{animation-play-state:paused}@keyframes grain-fall{0%{opacity:0;transform:translateZ(0) scale(.7)}12%{opacity:.95}72%{opacity:.8}to{opacity:0;transform:translate3d(0,39px,0) scale(1.15)}}.subcategory-row{display:flex;gap:8px;overflow:auto;padding:2px 2px 8px;scrollbar-width:none}.subcategory-row button{border:1px solid var(--line);background:var(--surface);padding:10px 14px;border-radius:14px;white-space:nowrap;font-weight:700;font-size:12px}.track-screen .sand-card{height:clamp(118px,16dvh,140px);min-height:0;flex:none;grid-template-columns:1.55fr .45fr;gap:10px;padding:11px 15px;border-radius:22px 27px 19px 25px}.track-screen .sand-card h3{font-size:18px;margin:3px 0 4px}.track-screen .sand-card p{font-size:10px;line-height:1.3}.track-screen .sand-legend{margin-top:9px;gap:3px;font-size:8px}.track-screen .hourglass-button{justify-self:center}.track-screen .hourglass{width:52px;height:108px}.track-screen .hourglass-button>small{display:none}.bottom-nav{position:fixed;z-index:20;bottom:12px;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(calc(100% - 28px),472px);height:75px;padding:7px;display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--surface-solid) 88%,transparent);border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;box-shadow:0 18px 45px #30243e2b}.bottom-nav button{border:0;background:transparent;border-radius:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted)}.bottom-nav button span{font-size:21px;line-height:1}.bottom-nav button small{font-size:10px;font-weight:800}.bottom-nav button.active{background:#ede8ff;color:#725fdf}:root[data-theme=dark] .bottom-nav button.active{background:#433958;color:#cbbfff}.summary-strip{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#e8e2ff,#fbe6f0);padding:20px;border-radius:24px 30px 22px 28px;color:#312b3a}.summary-strip div{display:flex;flex-direction:column}.summary-strip span{font-size:12px;color:#786e84}.summary-strip strong{font-weight:800;font-size:27px}.summary-strip button{border:0;background:#2f2938;color:#fff;padding:12px 14px;border-radius:15px;font-weight:800;font-size:12px}.history-day{display:flex;flex-direction:column;gap:10px}.day-title{display:flex;justify-content:space-between;align-items:center;padding:0 3px}.day-title h3{font-size:19px}.day-title span{color:var(--muted);font-size:12px;font-weight:700}.entry-list{background:var(--surface);border-radius:24px;overflow:hidden;border:1px solid var(--line)}.entry-row{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:14px;display:flex;align-items:center;gap:12px;text-align:left}.entry-row:last-child{border-bottom:0}.entry-main{display:flex;flex-direction:column;flex:1}.entry-main strong{font-size:14px}.entry-main small{font-size:11px;color:var(--muted);margin-top:2px}.duration{font-size:12px;font-weight:800}.chevron{color:var(--muted);font-size:20px}.calendar-screen{gap:12px}.calendar-view-toggle{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.calendar-view-toggle button{border:0;background:transparent;padding:10px;border-radius:13px;color:var(--muted);font-size:12px;font-weight:800}.calendar-view-toggle button.active{background:var(--surface-solid);color:#7663df;box-shadow:0 5px 13px #35264914}.calendar-header{display:flex;flex-direction:column;gap:12px;padding:15px 16px;background:var(--surface);border:1px solid var(--line);border-radius:24px 29px 22px 27px}.calendar-date-nav{display:grid;grid-template-columns:35px 1fr 35px;align-items:center;gap:9px;text-align:center}.calendar-date-nav>button{border:0;width:35px;height:35px;border-radius:13px;background:var(--bg);color:#7663df;font-size:22px}.calendar-date-nav h2{font-size:21px;margin-top:2px}.calendar-actions{display:grid;grid-template-columns:auto 1fr 42px;gap:8px}.calendar-actions>button{border:0;border-radius:14px;min-height:42px;font-weight:800}.today-button{background:#eee9ff;color:#7562df;padding:0 14px}.grid-button{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--bg);color:var(--muted)}.grid-button strong{color:var(--text)}.grid-button i{font-style:normal;color:#7966e3}.calendar-add{background:#7865e3;color:#fff;font-size:21px;box-shadow:0 8px 18px #7865e33d}.calendar-summary{display:flex;align-items:center;justify-content:space-between;padding:0 4px;min-height:27px}.calendar-summary span{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#7562df}.calendar-summary span i{width:7px;height:7px;border-radius:50%;background:#8d7cf6}.calendar-summary p{font-size:10px;color:var(--muted)}.day-calendar-scroll{max-height:calc(100vh - 330px);min-height:420px;overflow:auto;border:1px solid var(--line);border-radius:23px;background:var(--surface);box-shadow:0 10px 30px #4130540d;overscroll-behavior:contain}.day-calendar{position:relative;min-width:100%;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y}.day-calendar.selecting,.week-column.selecting{touch-action:none}.empty-slot{position:absolute;left:0;width:100%;padding:0;border:0;background:transparent;display:flex;align-items:flex-start;color:var(--muted);text-align:left;touch-action:pan-y}.empty-slot span{width:61px;padding:0 7px 0 8px;transform:translateY(-7px);font-size:9px;font-weight:700;text-align:right;flex:none}.empty-slot i{flex:1;border-top:1px dashed color-mix(in srgb,var(--line) 72%,transparent);height:100%}.empty-slot.on-hour i{border-top-style:solid;border-top-color:var(--line)}.empty-slot:hover i,.empty-slot:focus-visible i{background:#8d7cf612}.calendar-range-selection{position:absolute;z-index:2;left:69px;right:8px;pointer-events:none;border:2px solid #7865e3;border-radius:13px;background:color-mix(in srgb,#ded6ff 82%,transparent);color:#5f4fc4;box-shadow:0 5px 18px #5242a433;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px;overflow:hidden}.calendar-range-selection strong{font-size:9px;white-space:nowrap}.calendar-range-selection span{font-size:8px;opacity:.7}.calendar-range-selection.compact{left:3px;right:3px;border-radius:8px;flex-direction:column;gap:0;padding:3px}.calendar-range-selection.compact strong{font-size:7px}.calendar-range-selection.compact span{display:none}.calendar-event{position:absolute;z-index:3;left:69px;right:8px;overflow:hidden;border:0;border-left:4px solid;border-radius:10px 15px 13px 9px;padding:7px 10px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;box-shadow:0 5px 13px #32284614}.calendar-event strong{font-size:12px;line-height:1.1}.calendar-event span{font-size:9px;opacity:.78;margin-top:3px}.week-calendar-scroll{overflow:auto;max-height:calc(100vh - 270px);min-height:465px;border:1px solid var(--line);border-radius:23px;background:var(--surface);overscroll-behavior:contain}.week-calendar{display:grid;grid-template-columns:50px repeat(7,94px);grid-template-rows:48px var(--week-height);width:max-content;min-width:100%}.week-corner{position:sticky;top:0;left:0;z-index:9;background:var(--surface-solid);border-bottom:1px solid var(--line)}.week-day-title{position:sticky;top:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface-solid);border-bottom:1px solid var(--line);font-size:9px;color:var(--muted)}.week-day-title strong{font-size:14px;color:var(--text);margin-top:1px}.week-day-title.today strong{width:27px;height:27px;border-radius:10px;background:#7d69e5;color:#fff;display:grid;place-items:center}.week-time-axis{position:sticky;left:0;z-index:6;height:var(--week-height);background:var(--surface-solid);border-right:1px solid var(--line)}.week-time-axis span{position:absolute;right:6px;font-size:8px;color:var(--muted);font-weight:700}.week-column{position:relative;border-right:1px solid var(--line);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y}.week-column.today{background:#8d7cf609}.week-slot{position:absolute;left:0;width:100%;padding:0;border:0;border-top:1px dashed color-mix(in srgb,var(--line) 70%,transparent);background:transparent;touch-action:pan-y}.week-slot.on-hour{border-top-style:solid}.week-slot:hover,.week-slot:focus-visible{background:#8d7cf614}.week-event{position:absolute;z-index:3;left:3px;right:3px;overflow:hidden;border:0;border-left:3px solid;border-radius:7px 9px 8px 6px;padding:5px 4px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;box-shadow:0 3px 8px #32284614}.week-event strong{font-size:9px;line-height:1.05}.week-event span{font-size:7px;opacity:.75;margin-top:2px}.period-pills{display:flex;gap:6px;padding:5px;background:var(--surface);border-radius:18px}.period-pills button{flex:1;border:0;background:none;padding:9px 6px;border-radius:13px;font-size:11px;font-weight:800;color:var(--muted)}.period-pills button.active{background:var(--surface-solid);color:#7563df;box-shadow:0 4px 12px #32284614}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:27px;padding:20px;box-shadow:0 10px 30px #4130540f}.overview-card{display:flex;align-items:center;justify-content:space-between;padding:24px}.overview-card>div:first-child{display:flex;flex-direction:column;align-items:flex-start}.big-total{font-size:32px;font-weight:800;margin-top:4px}.delta{font-size:11px;color:#42a989;background:#e0f6ef;padding:5px 8px;border-radius:9px;margin-top:8px}.donut{width:116px;height:116px;border-radius:50%;display:grid;place-items:center;position:relative;flex:none}.subcategory-donut{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 3px var(--surface-solid)}.donut-center{width:54px;height:54px;border-radius:50%;background:var(--surface-solid);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 3px var(--surface-solid)}.donut strong{font-weight:800;font-size:17px}.donut span{font-size:8px;color:var(--muted)}.card-title{display:flex;align-items:end;justify-content:space-between}.muted{font-size:10px;color:var(--muted)}.weekly-chart{height:130px;display:flex;justify-content:space-between;align-items:end;gap:9px;margin-top:15px}.day-bar{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.bar-stack{width:100%;display:flex;flex-direction:column-reverse;gap:2px}.bar-stack i{display:block;border-radius:5px;opacity:.9}.day-bar span{font-size:9px;color:var(--muted);font-weight:800}.view-toggle,.segmented{display:flex;background:color-mix(in srgb,var(--bg) 80%,transparent);padding:3px;border-radius:11px}.view-toggle button,.segmented button{border:0;background:none;min-width:30px;height:28px;border-radius:8px;color:var(--muted)}.view-toggle button.active,.segmented button.active{background:var(--surface-solid);color:#7965e4;box-shadow:0 3px 8px #00000012}.bubble-chart{height:220px;position:relative;margin-top:12px}.time-bubble{position:absolute;border:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.time-bubble strong{font-weight:700;font-size:12px}.time-bubble span{font-size:10px;opacity:.8}.bubble-0{width:145px;height:145px;left:4px;top:10px}.bubble-1{width:108px;height:108px;right:8px;top:5px}.bubble-2{width:88px;height:88px;right:66px;bottom:2px}.bubble-3{width:74px;height:74px;left:104px;bottom:-1px}.total-list{display:flex;flex-direction:column;margin-top:10px}.total-list>div{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.total-list>div:last-child{border-bottom:0}.total-list>div>span{flex:1;display:flex;flex-direction:column;font-size:12px}.total-list i{height:5px;background:var(--line);border-radius:4px;margin-top:5px;overflow:hidden}.total-list b{display:block;height:100%;border-radius:4px}.total-list em{font-style:normal;font-size:11px;font-weight:800}.stats-screen{flex:1;min-height:0;gap:9px;overflow:hidden;overscroll-behavior:none}.stats-screen .period-pills{flex:none}.stats-carousel{display:flex;flex:1;min-height:0;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior:contain;touch-action:pan-x}.stats-slide{flex:0 0 100%;width:100%;height:100%;min-height:0;scroll-snap-align:center;scroll-snap-stop:always;overflow:hidden;padding:22px;display:flex;flex-direction:column}.stats-slide-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex:none}.stats-slide-title h3{font-size:24px;margin-top:2px}.stats-slide-title>span{font-size:9px;color:var(--muted);font-weight:800}.mix-visual{display:flex;align-items:center;justify-content:space-around;gap:14px;margin:17px 0 14px;flex:none}.interactive-activity-pie{width:178px;height:178px;position:relative;flex:none}.activity-pie-chart{width:100%;height:100%;overflow:visible}.pie-track,.pie-segment{fill:none;stroke-width:31}.pie-track{stroke:#eeeaf3}.pie-segment{cursor:pointer;transition:opacity .18s,filter .18s;outline:none}.pie-segment:not(.selected){opacity:.82}.pie-segment.selected{opacity:1;filter:drop-shadow(0 2px 3px rgba(43,34,56,.18))}.pie-segment:focus-visible{filter:drop-shadow(0 0 3px #7865e3)}.pie-percent-label{fill:#fff;font-size:6px;font-weight:900;text-anchor:middle;dominant-baseline:central;pointer-events:none;text-shadow:0 1px 2px rgba(35,25,45,.3)}.pie-selection{position:absolute;left:50%;top:50%;width:66px;height:66px;transform:translate(-50%,-50%);border-radius:50%;background:var(--surface-solid);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;box-shadow:0 0 0 3px var(--surface-solid)}.pie-selection>span{max-width:56px;font-size:7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pie-selection>strong{font-size:17px;line-height:1.05;margin:2px 0}.pie-selection>small{font-size:7px;font-weight:800}.mix-summary{display:flex;flex-direction:column;align-items:flex-start}.mix-summary>strong{font-size:31px;line-height:1;margin:5px 0 7px}.mix-summary>span:nth-of-type(2){font-size:9px;color:#42a989;background:#e0f6ef;padding:6px 8px;border-radius:10px;font-weight:800}.mix-summary>small{font-size:8px;color:var(--muted);margin-top:6px}.donut-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;min-height:0;overflow:hidden}.donut-breakdown>button{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 2px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;border-radius:9px}.donut-breakdown>button.selected{background:color-mix(in srgb,#eee9ff 60%,transparent)}.donut-breakdown>button>i{width:9px;height:9px;border-radius:50%;flex:none}.donut-breakdown>button>span{min-width:0;flex:1;display:flex;flex-direction:column}.donut-breakdown strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.donut-breakdown small{font-size:7px;color:var(--muted)}.donut-breakdown em{font-size:9px;font-style:normal;font-weight:800}.expanded-weekly-chart{height:auto;flex:1;min-height:190px;margin:22px 0 16px;gap:10px}.expanded-weekly-chart .day-bar{min-width:0}.expanded-weekly-chart .bar-stack{height:100%;max-height:270px}.expanded-weekly-chart .day-bar>strong{font-size:8px;min-height:10px}.expanded-weekly-chart .bar-stack i{min-height:2px}.rhythm-insights{display:grid;grid-template-columns:1fr 1fr;gap:9px;flex:none}.rhythm-insights>div{background:var(--bg);border-radius:18px;padding:13px;display:flex;flex-direction:column}.rhythm-insights span{font-size:8px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.rhythm-insights strong{font-size:14px;margin-top:5px}.rhythm-insights small{font-size:8px;color:var(--muted);margin-top:2px}.insight-bubbles{flex:1;min-height:0;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:8px;padding:12px 0}.insight-bubbles button{width:var(--bubble-size);height:var(--bubble-size);max-width:42%;max-height:42%;flex:none;border:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;text-align:center}.insight-bubbles strong{max-width:100%;font-size:11px;overflow:hidden;text-overflow:ellipsis}.insight-bubbles span{font-size:10px;margin-top:2px}.insight-bubbles small{font-size:7px;opacity:.75;margin-top:2px}.insight-total-list{flex:1;min-height:0;overflow:hidden;margin-top:10px}.insight-total-list>div{height:12.5%;min-height:42px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.insight-total-list>div>b{width:14px;font-size:9px;color:var(--muted)}.insight-total-list>div>span{flex:1;min-width:0;display:flex;flex-direction:column}.insight-total-list strong{font-size:10px}.insight-total-list i{height:5px;background:var(--line);border-radius:4px;overflow:hidden;margin:3px 0 2px}.insight-total-list i em{display:block;height:100%;border-radius:4px}.insight-total-list small{font-size:7px;color:var(--muted)}.insight-total-list time{font-size:9px;font-weight:800}.category-lead{flex:none;background:var(--bg);border-radius:14px;padding:10px 12px;font-size:9px;color:var(--muted)}.category-lead strong{color:var(--text)}.stats-page-dots{height:18px;flex:none;display:flex;align-items:center;justify-content:center;gap:7px}.stats-page-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#cdc5d7;transition:.2s}.stats-page-dots button.active{width:21px;border-radius:999px;background:#7966e3}.profile-card{display:flex;align-items:center;gap:13px;padding:18px;background:linear-gradient(135deg,#e8e2ff,#fae6f0);border-radius:25px;color:#302939}.profile-avatar{width:53px;height:53px;border-radius:19px 16px 21px 17px;background:linear-gradient(135deg,#8d7cf6,#e88db5);color:#fff;display:grid;place-items:center;font-weight:800}.profile-card div:nth-child(2){flex:1}.profile-card h2{font-size:20px}.profile-card p{font-size:11px;color:#7a7085}.profile-card button{border:0;background:none;font-size:25px}.settings-group{background:var(--surface);border:1px solid var(--line);border-radius:25px;padding:18px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0;padding-bottom:0}.setting-row>span,.category-setting>span{display:flex;flex-direction:column}.setting-row strong,.category-setting strong{font-size:13px}.setting-row small,.category-setting small{font-size:10px;color:var(--muted)}.group-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.group-heading button{border:0;background:none;color:#7763df;font-size:11px;font-weight:800}.category-setting{display:flex;width:100%;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--line);background:none;padding:10px 0;text-align:left}.category-setting:last-child{border-bottom:0}.category-setting>span{flex:1}.category-setting em{font-style:normal;letter-spacing:2px;color:var(--muted);font-size:9px}.export-button{width:100%;border:0;border-bottom:1px solid var(--line);background:none;color:inherit;display:flex;align-items:center;gap:11px;padding:15px 0;text-align:left;text-decoration:none}.export-button:last-of-type{border-bottom:0}.export-button>span{width:42px;height:42px;border-radius:15px;background:#e3f5ee;color:#40a584;display:grid;place-items:center;font-size:20px}.export-button div{display:flex;flex:1;flex-direction:column}.export-button strong{font-size:13px}.export-button small{font-size:10px;color:var(--muted)}.export-button em{font-style:normal;font-size:22px;color:var(--muted)}.local-note{text-align:center;color:var(--muted);font-size:10px;padding:5px}.storage-origin-note{display:flex;flex-direction:column;gap:3px;margin-top:12px;padding:11px 12px;border-radius:15px;background:#fff1e8;color:#91623c}.storage-origin-note.ready{background:#e8f7f1;color:#39836c}.storage-origin-note strong{font-size:10px}.storage-origin-note span,.backup-date{font-size:9px;line-height:1.4}.backup-date{margin-top:9px;color:var(--muted)}.backup-reminder{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 11px;border-radius:14px;background:#f0ebff;color:#6955c9}.backup-reminder>span{display:flex;flex:1;flex-direction:column}.backup-reminder strong{font-size:10px}.backup-reminder small{font-size:8px;color:var(--muted)}.backup-reminder button{border:0;background:#fff;color:#6955c9;border-radius:10px;padding:7px 9px;font-size:9px;font-weight:800}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.pin-mode-toggle button{min-width:48px;font-size:9px;font-weight:800}.pin-rule{display:flex;flex-wrap:wrap;gap:6px;padding-top:13px;border-top:1px solid var(--line)}.pin-rule span{padding:6px 8px;border-radius:10px;background:var(--bg);color:var(--muted);font-size:8px;font-weight:800}.timer-safety .setting-row em{font-style:normal;font-size:10px;font-weight:800;color:#7562df;background:#eee9ff;padding:7px 9px;border-radius:11px}.category-setting-row{display:flex;align-items:center;border-bottom:1px solid var(--line)}.category-setting-row:last-child{border-bottom:0}.category-setting-row.archived{opacity:.55}.category-setting-row .category-setting{border-bottom:0;min-width:0}.reorder-buttons{display:flex;gap:3px}.reorder-buttons button{width:25px;height:29px;border:0;border-radius:8px;background:var(--bg);color:var(--muted);font-size:10px}.reorder-buttons button:disabled{opacity:.25}.onboarding-preview{width:100%;border:1px solid rgba(141,124,246,.2);background:linear-gradient(135deg,#eee9ff,var(--surface));border-radius:23px;padding:15px;display:flex;align-items:center;gap:11px;text-align:left}.onboarding-preview>span{width:42px;height:42px;border-radius:50%;background:#ded6ff;color:#705ddd;display:grid;place-items:center;font-size:18px}.onboarding-preview div{display:flex;flex:1;flex-direction:column}.onboarding-preview strong{font-size:13px}.onboarding-preview small{font-size:9px;color:var(--muted);margin-top:2px}.onboarding-preview em{font-style:normal;font-size:22px;color:var(--muted)}.editor-overlay,.onboarding-overlay{position:fixed;z-index:80;inset:0;background:#261e3059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;overflow:hidden}.category-editor,.onboarding-card{width:min(100%,500px);height:100dvh;background:var(--bg);overflow:auto;overscroll-behavior:contain}.category-editor{padding:max(14px,env(safe-area-inset-top)) 18px calc(30px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:15px}.editor-topbar{position:sticky;z-index:3;top:-14px;background:color-mix(in srgb,var(--bg) 93%,transparent);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:grid;grid-template-columns:58px 1fr 58px;align-items:center;text-align:center;padding:10px 0}.editor-topbar button{border:0;background:none;color:var(--muted);font-size:11px;font-weight:800}.editor-topbar .save-editor{color:#7562df}.editor-topbar button:disabled{opacity:.35}.editor-topbar h2{font-size:19px;margin-top:2px}.editor-preview{display:flex;align-items:center;gap:15px;padding:18px;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--surface) 75%,#e8e2ff));border:1px solid var(--line);border-radius:27px 22px 30px 24px}.editor-shape{width:74px;height:74px;display:grid;place-items:center;font-size:28px;font-weight:900;flex:none}.editor-preview div{display:flex;flex-direction:column}.editor-preview strong{font-size:20px}.editor-preview small{font-size:10px;color:var(--muted);margin-top:3px}.editor-field{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:10px;font-weight:800}.editor-field input,.add-subcategory input{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:15px;padding:13px;font-size:14px}.editor-choice{border:0;padding:0;margin:0}.editor-choice legend{font-size:10px;font-weight:800;color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-bottom:9px}.color-options,.icon-options{display:flex;gap:9px;overflow:auto;padding:3px}.color-options button{width:37px;height:37px;min-width:37px;border:3px solid transparent;border-radius:50%;box-shadow:0 4px 10px #00000014}.color-options button.selected{border-color:var(--surface-solid);outline:2px solid #7562df}.icon-options button{width:43px;height:43px;min-width:43px;border:1px solid transparent;border-radius:15px;font-size:18px;font-weight:900}.icon-options button.selected{border-color:#8d7cf6;box-shadow:0 0 0 3px #8d7cf61f}.shape-options{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.shape-options button{min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:8px 2px 6px;display:flex;flex-direction:column;align-items:center;gap:5px}.shape-options button.selected{border-color:#9c8af2;background:#eee9ff;color:#6554cc}.shape-options i{display:block;width:25px;height:25px}.shape-options span{font-size:7px;text-transform:capitalize}.subcategory-editor{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:16px}.subcategory-editor>div:first-child p{font-size:10px;color:var(--muted);margin-top:3px}.subcategory-style-list{display:flex;flex-direction:column;gap:9px;margin:13px 0}.subcategory-style-row{padding:10px;background:var(--bg);border-radius:15px}.subcategory-style-name{display:flex;align-items:center;gap:8px}.subcategory-style-name i{width:10px;height:10px;border-radius:50%;flex:none}.subcategory-style-name strong{font-size:11px;flex:1}.subcategory-style-name>button{border:0;background:#64528217;width:22px;height:22px;border-radius:50%;color:var(--muted)}.subcategory-color-options{display:flex;gap:7px;margin-top:9px}.subcategory-color-options button{width:24px;height:24px;border:2px solid transparent;border-radius:50%}.subcategory-color-options button.selected{border-color:var(--surface-solid);outline:2px solid #7562df}.onboarding-tags>span{display:flex;align-items:center;gap:5px;padding:7px 8px 7px 10px;background:var(--bg);border-radius:11px;font-size:10px;font-weight:800}.onboarding-tags button{border:0;background:#64528217;width:19px;height:19px;border-radius:50%;color:var(--muted)}.add-subcategory{display:flex;gap:7px}.add-subcategory button{border:0;background:#7865e3;color:#fff;border-radius:13px;padding:0 14px;font-size:10px;font-weight:800}.editor-rules{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:13px}.editor-rules label{display:flex;align-items:center;justify-content:space-between}.editor-rules label.disabled{opacity:.55}.editor-rules label>span{display:flex;flex-direction:column}.editor-rules strong{font-size:12px}.editor-rules small{font-size:9px;color:var(--muted);margin-top:2px}.editor-rules input{width:20px;height:20px;accent-color:#7865e3}.restore-activity{width:100%;border:0;border-top:1px solid var(--line);background:none;color:#7562df;padding:12px 0 0;margin-top:12px;font-size:11px;font-weight:800}.destructive-editor{border:1px solid rgba(207,80,104,.17);background:#fff0f3;color:#bd4860;border-radius:18px;padding:13px;display:flex;flex-direction:column;font-size:11px;font-weight:800}.destructive-editor small{font-size:8px;font-weight:600;opacity:.7;margin-top:2px}.category-editor{max-width:100vw;overflow-y:auto;overflow-x:hidden;overflow-x:clip;touch-action:pan-y}.category-editor>*{flex-shrink:0}.editor-choice,.subcategory-editor,.subcategory-style-row{width:100%;max-width:100%;min-width:0;overflow:hidden}.color-options,.icon-options,.shape-options,.subcategory-color-options{width:100%;max-width:100%;min-width:0;display:flex;flex-wrap:nowrap;gap:9px;overflow-x:auto;overflow-y:hidden;padding:4px 3px 8px;scroll-snap-type:x proximity;scroll-padding-inline:3px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x}.color-options button,.icon-options button,.shape-options button,.subcategory-color-options button{flex:none;scroll-snap-align:start}.shape-options button{flex-basis:82px;min-width:82px}.subcategory-color-options{gap:7px;margin-top:9px}.subcategory-color-options button{width:30px;height:30px;min-width:30px}.onboarding-card{display:flex;flex-direction:column;padding:max(14px,env(safe-area-inset-top)) 20px calc(16px + env(safe-area-inset-bottom));overflow:hidden;background:radial-gradient(circle at 90% 8%,rgba(245,181,214,.24),transparent 25%),radial-gradient(circle at 5% 38%,rgba(175,160,255,.18),transparent 25%),var(--bg)}.onboarding-header{height:42px;display:grid;grid-template-columns:33px 1fr 43px;gap:10px;align-items:center;flex:none}.onboarding-header>button{border:0;background:var(--surface);width:32px;height:32px;border-radius:50%;color:var(--muted);font-size:19px}.onboarding-header>span{font-size:8px;color:var(--muted);font-weight:800;text-align:right}.onboarding-progress{height:6px;border-radius:9px;background:var(--line);overflow:hidden}.onboarding-progress i{height:100%;display:block;border-radius:9px;background:linear-gradient(90deg,#8d7cf6,#e88db5);transition:width .25s ease}.onboarding-step{flex:1;min-height:0;overflow:auto;padding:18px 2px 12px;display:flex;flex-direction:column;align-items:flex-start;animation:enter .25s ease}.onboarding-step>h2{font-size:30px;line-height:1.03;margin:8px 0 9px;max-width:330px}.onboarding-step>p{font-size:12px;line-height:1.5;color:var(--muted);max-width:350px}.welcome-step{justify-content:center;padding-bottom:35px}.welcome-mark{position:relative;width:100px;height:100px;margin-bottom:25px;display:grid;place-items:center}.welcome-mark i{position:absolute;inset:4px;background:linear-gradient(145deg,#8d7cf6,#e98db6);border-radius:61% 39% 48% 52%/42% 58%;transform:rotate(-8deg);box-shadow:0 18px 38px #8d7cf647}.welcome-mark span{position:relative;color:#fff;font-size:22px;font-weight:900;letter-spacing:-.06em}.welcome-step label{width:100%;display:flex;flex-direction:column;gap:7px;font-size:10px;color:var(--muted);font-weight:800;margin-top:27px}.welcome-step input,.custom-onboarding input{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:15px;border-radius:16px;font-size:15px}.onboarding-activity-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}.onboarding-activity-grid button{position:relative;min-width:0;min-height:78px;border:1px solid var(--line);background:var(--surface);border-radius:25px 20px 27px 19px;padding:10px;display:flex;align-items:center;gap:10px;text-align:left}.onboarding-activity-grid button:nth-child(2n){border-radius:20px 27px 19px 25px}.onboarding-activity-grid button.selected{border-color:color-mix(in srgb,#8d7cf6 55%,transparent);background:color-mix(in srgb,#eee9ff 76%,var(--surface))}.onboarding-activity-grid strong{min-width:0;font-size:11px;line-height:1.1}.onboarding-activity-grid button>i{position:absolute;right:8px;top:8px;width:20px;height:20px;border-radius:50%;background:var(--bg);display:grid;place-items:center;color:var(--muted);font-size:10px;font-style:normal}.onboarding-activity-grid button.selected>i{background:#7c69e4;color:#fff}.selection-note{width:100%;text-align:center;font-size:8px;color:var(--muted);margin-top:10px}.extra-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:22px 0 12px}.extra-options>button{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:28px 21px 26px 20px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.extra-options>button.selected{border-color:#9c8af2;background:#eee9ff}.extra-options>button>span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:22px}.extra-options>button>strong{font-size:13px}.extra-options>button>i{position:absolute;right:10px;top:10px;font-style:normal;color:var(--muted)}.custom-onboarding{display:flex;width:100%;gap:8px}.custom-onboarding input{flex:1;min-width:0}.custom-onboarding button{border:0;background:#7865e3;color:#fff;border-radius:14px;padding:0 16px;font-size:10px;font-weight:800}.onboarding-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.ready-step{align-items:center;text-align:center;justify-content:center}.ready-orbit{position:relative;width:180px;height:180px;margin-bottom:22px}.ready-center{position:absolute;left:50%;top:50%;width:78px;height:78px;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(145deg,#8d7cf6,#e68db6);color:#fff;display:grid;place-items:center;font-size:29px;box-shadow:0 16px 37px #8d7cf64d}.ready-orbit>i{--angle:calc(var(--orbit-index) * 72deg - 90deg);position:absolute;left:calc(50% + cos(var(--angle))*72px);top:calc(50% + sin(var(--angle))*72px);width:42px;height:42px;margin:-21px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;box-shadow:0 8px 20px #3c2d4b21}.ready-step>p{max-width:320px}.ready-rules{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:20px}.ready-rules span{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);padding:10px 13px;border-radius:14px;text-align:left}.ready-rules i{font-style:normal;color:#7562df}.ready-rules strong{font-size:10px}.onboarding-footer{display:flex;gap:9px;padding-top:12px;flex:none}.onboarding-footer button{height:51px;border-radius:17px;font-size:11px;font-weight:800}.onboarding-back{width:82px;border:1px solid var(--line);background:var(--surface)}.onboarding-next{flex:1;border:0;background:#7865e3;color:#fff;box-shadow:0 10px 24px #7865e340}.onboarding-next:disabled{opacity:.4;box-shadow:none}.onboarding-next span{margin-left:8px}.undo-toast{position:fixed;z-index:100;left:50%;bottom:max(23px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100% - 28px),460px);background:#2e2837;color:#fff;border-radius:18px;padding:13px 15px;display:flex;align-items:center;gap:12px;box-shadow:0 15px 40px #00000047}.undo-toast>span{display:flex;flex:1;flex-direction:column;font-size:11px;font-weight:800}.undo-toast small{font-size:8px;color:#cfc7d8;margin-top:2px}.undo-toast button{border:0;background:#8d7cf6;color:#fff;border-radius:11px;padding:9px 12px;font-size:10px;font-weight:800}.choice-layer{position:fixed;z-index:55;inset:0;background:#221b2b14;-webkit-backdrop-filter:blur(4px) saturate(.94);backdrop-filter:blur(4px) saturate(.94);overflow:hidden}.choice-burst{position:fixed;inset:0;pointer-events:none}.burst-source{position:fixed;z-index:3;left:var(--origin-x);top:var(--origin-y);width:clamp(70px,21vw,82px);height:clamp(70px,21vw,82px);border-radius:50%;border:2px solid color-mix(in srgb,var(--source-color) 38%,white);background:linear-gradient(145deg,var(--source-pale),var(--surface-solid));color:var(--source-color);box-shadow:0 0 0 7px #ffffffad,0 15px 34px #261b3433;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);pointer-events:none;animation:source-focus .22s ease both}.burst-source .category-glyph{width:32px;height:32px;border-radius:50%;font-size:15px}.burst-source>span{font-size:15px;letter-spacing:1px}.burst-source strong{font-size:10px;margin-top:2px}.burst-option{position:fixed;z-index:2;left:var(--x);top:var(--y);width:clamp(74px,23vw,90px);height:clamp(74px,23vw,90px);border:1px solid color-mix(in srgb,var(--tile-color) 24%,transparent);background:linear-gradient(145deg,var(--tile-pale),var(--surface-solid));border-radius:50%;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;transform:translate(-50%,-50%);box-shadow:0 14px 32px #24193333;animation:burst-out .3s cubic-bezier(.2,.85,.3,1.18) var(--delay) both}.burst-option .category-glyph{width:35px;height:35px;border-radius:50%;font-size:16px}.burst-option>span:not(.category-glyph){width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--tile-color) 15%,white);color:var(--tile-color);font-size:16px;font-weight:900}.burst-option strong{max-width:72px;font-size:10px;line-height:1.05;margin-top:4px;text-align:center}.burst-option small{font-size:7px;color:var(--muted);margin-top:1px}.subtopic-burst{width:clamp(78px,24.5vw,96px);height:clamp(78px,24.5vw,96px)}@keyframes source-focus{0%{opacity:.4;transform:translate(-50%,-50%) scale(.78)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes burst-out{0%{left:var(--origin-x);top:var(--origin-y);opacity:0;transform:translate(-50%,-50%) scale(.18)}to{left:var(--x);top:var(--y);opacity:1;transform:translate(-50%,-50%) scale(1)}}.sheet-backdrop{position:fixed;z-index:50;inset:0;background:#1d182466;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:end;justify-content:center}.bottom-sheet{width:min(100%,500px);max-height:87vh;overflow:auto;background:var(--surface-solid);border-radius:32px 32px 0 0;padding:10px 20px calc(25px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px #0003;animation:sheet .26s ease both}@keyframes sheet{0%{transform:translateY(100%)}}.sheet-handle{width:42px;height:5px;background:var(--line);border-radius:5px;margin:0 auto 19px}.sheet-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sheet-title h2{font-size:24px;margin-top:3px}.sheet-title>button{border:0;background:var(--bg);width:36px;height:36px;border-radius:13px;font-size:21px}.activity-list{display:flex;flex-direction:column}.activity-parent{display:flex;gap:8px;border-bottom:1px solid var(--line);padding:8px 0}.activity-parent>button:first-child{border:0;background:none;display:flex;align-items:center;gap:12px;flex:1;text-align:left;font-weight:800}.expand-button{border:0;background:var(--bg);width:39px;height:39px;border-radius:13px;font-size:18px}.sheet-children{margin:2px 0 7px 54px;display:flex;flex-direction:column}.sheet-children button{display:flex;justify-content:space-between;border:0;background:none;padding:11px 4px;color:var(--muted);font-size:12px}.manual-form{display:flex;flex-direction:column;gap:14px}.manual-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800;color:var(--muted)}.manual-form input,.manual-form select{border:1px solid var(--line);background:var(--bg);color:var(--text);padding:13px;border-radius:14px}.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary-button{border:0;background:#7d69e5;color:#fff;padding:15px;border-radius:16px;font-weight:800;box-shadow:0 10px 25px #7d69e540;margin-top:4px}.all-activity-list{margin-top:8px}.activity-choice{width:100%;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);background:none;padding:10px 2px;text-align:left}.activity-choice>span{flex:1;display:flex;flex-direction:column}.activity-choice strong{font-size:13px}.activity-choice small{font-size:9px;color:var(--muted);margin-top:2px}.activity-choice em{font-size:10px;font-style:normal;color:#7663df;font-weight:800}.subcategory-picker{display:flex;flex-direction:column;gap:8px}.subcategory-parent{display:flex;align-items:center;gap:13px;padding:2px 2px 13px;border-bottom:1px solid var(--line)}.subcategory-parent>span{display:flex;flex-direction:column}.subcategory-parent strong{font-size:16px}.subcategory-parent small{font-size:10px;color:var(--muted)}.subcategory-picker>button{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:var(--bg);padding:16px;border-radius:17px;text-align:left;font-weight:800}.subcategory-picker>button em{font-size:10px;font-style:normal;color:#7663df}.exact-time-note,.sheet-intro{color:var(--muted);font-size:11px;line-height:1.45}.exact-time-note.overnight{padding:10px 12px;border-radius:13px;background:#eee9ff;color:#6955c9;font-weight:700}.slot-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.slot-presets button{border:1px solid var(--line);background:var(--bg);border-radius:18px;padding:16px 8px;display:flex;flex-direction:column;align-items:center}.slot-presets button strong{font-size:23px}.slot-presets button span{font-size:9px;color:var(--muted)}.slot-presets button.active{background:#eee9ff;border-color:#b7aaf7;color:#705ddd}.custom-slot{padding-top:17px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:13px}.custom-slot label{font-size:11px;font-weight:800;color:var(--muted)}.custom-slot label>div{display:flex;align-items:center;margin-top:7px;border:1px solid var(--line);background:var(--bg);border-radius:14px;padding-right:13px}.custom-slot input{min-width:0;flex:1;border:0;background:transparent;color:var(--text);padding:13px;font-size:16px;font-weight:800}.custom-slot label span{font-size:11px;font-weight:600}@media(max-height:720px){.app-frame.track-mode{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:calc(78px + env(safe-area-inset-bottom))}.track-mode .topbar{padding:0 2px 8px}.track-mode .topbar h1{font-size:23px}.track-mode .topbar .eyebrow{font-size:8px}.track-mode .avatar{width:37px;height:37px;border-radius:14px 16px 13px 17px}.track-screen{gap:7px}.track-screen .live-card{padding:12px 15px;border-radius:23px 21px 25px 19px}.track-screen .live-card h2{font-size:18px;margin-top:5px}.track-screen .elapsed{font-size:26px}.track-screen .live-card p{font-size:10px;margin-top:2px}.track-screen .live-kicker{font-size:10px}.track-screen .live-actions{right:12px;bottom:12px;gap:5px}.track-screen .live-actions button{height:29px;min-width:91px;font-size:9px}.quick-switch-heading h3{font-size:15px}.quick-switch-heading .eyebrow{font-size:8px}.quick-activity-grid{gap:6px}.quick-activity-grid>button{height:58px;border-radius:17px 14px 19px 13px;padding:4px}.quick-activity-grid .category-glyph.medium,.all-activities-icon{width:32px;height:32px;font-size:14px}.quick-activity-grid>button>span:not(.category-glyph){font-size:10px;margin-top:1px}.quick-activity-grid>button>small{font-size:6px}.track-screen .sand-card{height:104px;min-height:0;padding:8px 12px}.track-screen .sand-card h3{font-size:15px}.track-screen .sand-card p{font-size:8px}.track-screen .sand-legend{margin-top:5px;font-size:7px}.track-screen .hourglass{width:40px;height:82px}.hourglass-button>small{display:none}.bottom-nav{height:64px;bottom:max(8px,env(safe-area-inset-bottom))}.app-frame.stats-mode{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:calc(78px + env(safe-area-inset-bottom))}.stats-mode .topbar{padding:0 2px 8px}.stats-mode .topbar h1{font-size:23px}.stats-screen{gap:6px}.stats-screen .period-pills{padding:3px}.stats-screen .period-pills button{padding:6px 4px;font-size:9px}.stats-slide{padding:15px}.stats-slide-title h3{font-size:19px}.mix-visual{margin:8px 0;gap:8px}.interactive-activity-pie{width:132px;height:132px}.pie-track,.pie-segment{stroke-width:29}.pie-selection{width:54px;height:54px}.pie-selection>strong{font-size:14px}.mix-summary>strong{font-size:25px}.donut-breakdown{gap:3px 9px}.donut-breakdown>button{padding:4px 2px}.expanded-weekly-chart{min-height:135px;margin:10px 0}.rhythm-insights>div{padding:9px}.insight-bubbles{padding:5px 0}.category-lead{padding:7px 9px}.stats-page-dots{height:14px}.onboarding-card{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.onboarding-header{height:35px}.onboarding-step{padding-top:9px}.onboarding-step>h2{font-size:25px;margin:5px 0 6px}.onboarding-step>p{font-size:10px}.welcome-mark{width:74px;height:74px;margin-bottom:13px}.welcome-step label{margin-top:15px}.onboarding-activity-grid{margin-top:10px;gap:6px}.onboarding-activity-grid button{min-height:64px;padding:6px;border-radius:20px 16px 22px 15px}.onboarding-activity-grid .category-glyph.large{width:42px;height:42px;font-size:18px}.extra-options{margin:12px 0 8px}.extra-options>button{min-height:90px}.extra-options>button>span{width:42px;height:42px}.ready-orbit{width:130px;height:130px;margin-bottom:10px}.ready-center{width:60px;height:60px}.ready-orbit>i{left:calc(50% + cos(var(--angle))*53px);top:calc(50% + sin(var(--angle))*53px);width:34px;height:34px;margin:-17px}.ready-rules{margin-top:10px;gap:5px}.ready-rules span{padding:7px 10px}.onboarding-footer{padding-top:6px}.onboarding-footer button{height:44px}}@media(max-width:360px){.category-editor{padding-left:13px;padding-right:13px}.shape-options{gap:3px}.shape-options button{padding-left:0;padding-right:0}.editor-preview{padding:14px}.editor-shape{width:62px;height:62px}.onboarding-card{padding-left:14px;padding-right:14px}.onboarding-activity-grid{gap:6px}.onboarding-activity-grid button{padding:7px;gap:7px}.onboarding-activity-grid strong{font-size:10px}.onboarding-activity-grid .category-glyph.large{width:44px;height:44px}.onboarding-footer button{height:47px}}@media(max-width:719px){.ambient{display:none}.bottom-nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:color-mix(in srgb,var(--surface-solid) 97%,var(--bg))}.choice-layer{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#221b2b1f}.sheet-backdrop,.editor-overlay,.onboarding-overlay,.safety-prompt{-webkit-backdrop-filter:none;backdrop-filter:none}.editor-topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}.burst-option,.burst-source{will-change:transform,opacity}}@media(min-width:720px){.app-frame{margin-top:24px;margin-bottom:24px;min-height:calc(100vh - 48px);border-radius:38px;background:color-mix(in srgb,var(--bg) 92%,transparent);box-shadow:0 30px 80px #32234621}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.falling-sand i{animation:none!important;opacity:.7;transform:translateY(18px)}.falling-sand i:nth-child(n+4){display:none}}.app-loading{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:18px;background:var(--bg);color:var(--ink)}.app-loading .welcome-mark{position:relative;inset:auto}.app-loading strong{font-size:14px}.app-error{position:fixed;z-index:80;top:max(10px,env(safe-area-inset-top));left:50%;width:min(calc(100% - 28px),460px);transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff3f0;color:#9d3f32;border:1px solid #f1b9af;border-radius:16px;padding:10px 12px;box-shadow:0 10px 30px #493c5622;font-size:11px;font-weight:700}.app-error button{border:0;border-radius:10px;padding:7px 10px;background:#9d3f32;color:#fff;font-weight:800}.save-indicator{position:fixed;z-index:90;right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));padding:8px 12px;border-radius:999px;background:#302839;color:#fff;font-size:10px;font-weight:800;box-shadow:0 8px 24px #30283933}.safety-prompt{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:20px;background:#28223166;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.safety-prompt section{width:min(100%,360px);background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 28px 80px #211b2d44}.safety-prompt h2{font-size:24px;margin:8px 0}.safety-prompt p{font-size:12px;color:var(--muted);margin-bottom:18px}.safety-prompt section>div{display:flex;gap:8px}.safety-prompt button{flex:1;min-height:44px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font-weight:800}.safety-prompt .stop-button{background:#836ff0;color:#fff}.empty-stats{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:32px 12px;color:var(--muted)}.empty-stats strong{color:var(--ink)}.export-button{text-decoration:none;color:inherit}.profile-name-input{width:100%;border:0;border-bottom:2px solid #8d7cf6;background:transparent;color:var(--ink);font:inherit;font-size:18px;font-weight:800;outline:0}.delete-entry-button{width:100%;border:0;background:transparent;color:#bf584f;font-size:11px;font-weight:800;padding:12px}.success-toast{position:fixed;z-index:110;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 32px);transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid #bce4d5;border-radius:16px;background:#effbf6;color:#28755d;box-shadow:0 14px 40px #2b5b4c2b;font-size:11px;animation:toast-in .2s ease-out}.success-toast span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#54b995;color:#fff;font-weight:900}.success-toast strong{line-height:1.35}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.update-ready{position:fixed;z-index:115;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));width:min(calc(100% - 28px),460px);transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid #cfc4ff;border-radius:18px;background:#f2efff;color:#4f3eb5;box-shadow:0 16px 42px #46377f33;animation:toast-in .2s ease-out}.update-ready>span{display:flex;flex:1;min-width:0;flex-direction:column}.update-ready strong{font-size:11px}.update-ready small{margin-top:2px;color:#786e86;font-size:8px}.update-ready button,.app-update-settings button{border:0;border-radius:12px;background:#7865e3;color:#fff;padding:9px 11px;font-size:9px;font-weight:800;white-space:nowrap}.app-update-settings .setting-row{gap:12px}.app-update-settings .setting-row>span{min-width:0;flex:1}.hour-reminder-row>button{border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--muted);padding:8px 11px;font-size:9px;font-weight:800}.hour-reminder-row>button.enabled{border-color:#bce4d5;background:#e8f7f1;color:#2f8067}.storage-protection{display:flex;align-items:center;gap:10px;margin-top:10px;padding:11px 12px;border-radius:15px;background:#f4f1f7;color:#675f70}.storage-protection>span{width:29px;height:29px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;background:#e8e3ed;font-weight:900}.storage-protection>div{display:flex;flex-direction:column;gap:2px}.storage-protection strong{font-size:10px}.storage-protection small{font-size:8px;line-height:1.4;color:var(--muted)}.storage-protection.protected{background:#e8f7f1;color:#2f8067}.storage-protection.protected>span{background:#54b995;color:#fff}