:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 22px;--space-6: 32px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgb(0 0 0 / 30%), 0 10px 28px rgb(0 0 0 / 26%);--shadow-float: 0 20px 58px rgb(0 0 0 / 42%);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--surface: #111827;--surface-muted: #0b1220;--surface-elevated: #172033;--border-subtle: rgb(226 232 240 / 8%);--border-default: rgb(226 232 240 / 14%);--accent-amber: #f59e0b;--accent-blue: #60a5fa;--accent-green: #22c55e;--accent-green-soft: rgb(20 83 45 / 34%);--font-display: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-body: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--transition-fast: .2s ease;--transition-medium: .28s ease;color:var(--text-primary);color-scheme:dark;background:#070b12;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:clip;background:radial-gradient(ellipse 80% 60% at 10% 0%,rgb(29 78 216 / 18%) 0%,transparent 58%),radial-gradient(ellipse 70% 50% at 90% 8%,rgb(180 83 9 / 12%) 0%,transparent 52%),linear-gradient(180deg,#070b12,#0b1220)}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.app-shell{width:min(1180px,calc(100vw - 28px));margin:0 auto;overflow-x:clip;padding:var(--space-3) 0 calc(86px + env(safe-area-inset-bottom))}.tab-panel{animation:fadeIn .18s ease}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-4);background:#070b12}.auth-panel{width:min(320px,100%);display:grid;gap:var(--space-3)}.auth-panel label{display:grid;gap:var(--space-2);color:var(--text-muted);font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.auth-panel input{width:100%;border:1px solid var(--border-default);border-radius:8px;padding:12px 13px;color:var(--text-primary);background:#0b1220}.auth-password-field{position:relative;display:block}.auth-password-field input{padding-right:46px}.auth-password-field button{position:absolute;top:50%;right:6px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;color:var(--text-muted);background:transparent;cursor:pointer;transform:translateY(-50%)}.auth-password-field button:hover{color:var(--text-primary);background:#94a3b81a}.auth-remember-options{display:grid;gap:var(--space-2)}.auth-remember-options label{display:flex;align-items:center;gap:9px;min-height:28px;color:var(--text-secondary);font-size:.78rem;font-weight:750;letter-spacing:0;text-transform:none}.auth-remember-options input{width:16px;height:16px;accent-color:var(--accent-green)}.auth-submit{border:0;border-radius:8px;padding:12px 14px;color:#06110a;background:var(--accent-green);font-weight:800;cursor:pointer}.auth-submit:disabled{opacity:.58;cursor:wait}.auth-error{min-height:1.2em;margin:0;color:#fca5a5;font-size:.86rem}.topbar,.grid-toolbar,.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.topbar{margin-bottom:var(--space-3);min-height:40px}.eyebrow{margin:0 0 var(--space-1);color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.habit-title{flex:1 1 auto;min-width:0;width:auto;max-width:min(420px,62vw);border:0;border-bottom:1px solid transparent;padding:0;color:var(--text-primary);background:transparent;font-family:var(--font-display);font-size:clamp(1.15rem,2.8vw,1.45rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;transition:border-color var(--transition-fast)}.habit-title:focus{border-color:var(--border-default);outline:0}.topbar-actions{display:flex;align-items:center;flex-shrink:0;gap:var(--space-2)}.topbar-actions-cluster{display:flex;gap:6px}.sync-dot{display:block;width:9px;height:9px;border-radius:50%;background:#64748b;flex-shrink:0;cursor:default}.sync-dot.live{background:var(--accent-green);box-shadow:0 0 0 3px #22c55e38}.sync-dot.connecting{background:var(--accent-amber);animation:syncPulse 1.1s ease-in-out infinite}.sync-dot.offline{background:#64748b;opacity:.55}@keyframes syncPulse{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}.topbar .icon-button{width:36px;min-height:36px}.running-timer-bubble{position:fixed;top:max(54px,calc(env(safe-area-inset-top) + 54px));left:50%;z-index:17;display:flex;max-width:min(620px,calc(100vw - 28px));gap:6px;overflow:visible;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:#0b1220e0;padding:5px;box-shadow:0 14px 42px #00000057;transform:translate(-50%);scrollbar-width:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.running-timer-stack{--running-timer-top: max(54px, calc(env(safe-area-inset-top) + 54px) );position:fixed;top:var(--running-timer-top);right:max(14px,env(safe-area-inset-right));left:max(14px,env(safe-area-inset-left));z-index:17;width:auto;max-width:none;pointer-events:none;transform:none}.running-timer-row{display:flex;align-items:flex-start;gap:8px;width:100%;max-width:100%;overflow:visible;pointer-events:none}.running-timer-scroll{flex:1 1 0;width:0;min-width:0;overflow:visible;pointer-events:none}.running-timer-scroll:not(.is-empty){pointer-events:auto}.running-timer-scroll.is-empty{flex:1 1 0;pointer-events:none}.running-timer-scroll-track{position:relative;overflow:visible;padding-bottom:6px}.running-timer-scroll-viewport{overflow:auto hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.running-timer-scroll-viewport::-webkit-scrollbar{display:none}.running-timer-scroll-rail{position:absolute;right:0;bottom:0;left:0;height:6px;overflow:auto hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgb(148 163 184 / 35%) transparent}.running-timer-scroll-rail::-webkit-scrollbar{height:4px}.running-timer-scroll-rail::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#94a3b852}.running-timer-scroll-rail-inner{height:1px}.running-timer-chat-column{position:relative;display:grid;flex:0 0 40px;width:40px;align-content:start;justify-items:center;pointer-events:auto}.running-timer-stack .running-timer-bubble{position:static;left:auto;top:auto;display:inline-flex;flex-wrap:nowrap;align-items:flex-start;width:max-content;min-width:min-content;max-width:none;overflow:visible;pointer-events:auto;transform:none}.running-timer-stack .running-timer-scroll-track .running-timer-pill{flex:0 0 auto}.floating-chat-button{position:relative;display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid rgb(96 165 250 / 22%);border-radius:50%;background:linear-gradient(145deg,#1e293beb,#0b1220f0);color:#dbeafe;cursor:pointer;box-shadow:0 10px 28px #00000052,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.floating-chat-button:hover,.floating-chat-button.active{border-color:#60a5fa6b;background:linear-gradient(145deg,#2563eb47,#0f172af0);color:#eff6ff;box-shadow:0 14px 36px #2563eb2e,inset 0 1px #ffffff14}.floating-chat-button:active{transform:scale(.94)}.floating-chat-button span{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:18px;height:18px;border:2px solid rgb(11 18 32 / 95%);border-radius:var(--radius-pill);background:linear-gradient(180deg,#4ade80,#22c55e);padding:0 5px;color:#052e16;font-size:.62rem;font-weight:950;line-height:1;box-shadow:0 4px 12px #22c55e59}.running-timer-chat-column .chat-preview-stack{position:absolute;top:calc(100% + 6px);right:0;display:grid;gap:6px;width:min(280px,calc(100vw - 88px));pointer-events:auto}.chat-preview{display:flex;justify-content:flex-start;width:100%;border:0;background:transparent;padding:0;cursor:pointer;text-align:left}.chat-preview.is-own{justify-content:flex-end}.chat-preview-bubble{display:grid;gap:3px;max-width:min(88%,300px);border:1px solid var(--border-default);border-radius:16px 16px 16px 6px;background:#1e293be0;padding:8px 11px;color:var(--text-primary);box-shadow:0 10px 28px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.chat-preview.is-own .chat-preview-bubble{border-radius:16px 16px 6px}.chat-preview.is-admin .chat-preview-bubble{border-color:#22c55e47;background:linear-gradient(145deg,#166534b8,#0f172ae5)}.chat-preview.is-user .chat-preview-bubble{border-color:#60a5fa3d;background:linear-gradient(145deg,#1e3a8a6b,#0f172ae5)}.chat-preview strong{font-size:.64rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.chat-preview.is-admin strong{color:#bbf7d0}.chat-preview.is-user strong{color:#bfdbfe}.chat-preview-text{overflow:hidden;color:var(--text-secondary);font-size:.78rem;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.chat-preview .chat-context-chip{width:fit-content;max-width:100%}.running-timer-bubble::-webkit-scrollbar{display:none}.running-timer-pill{position:relative;display:inline-grid;grid-template-columns:7px minmax(44px,1fr) auto;align-items:center;gap:6px;max-width:230px;min-width:0;overflow:visible;border:1px solid color-mix(in oklch,var(--toy-action-color) 38%,var(--border-default));border-radius:var(--radius-pill);background:color-mix(in oklch,var(--toy-action-color) 18%,rgb(15 23 42 / 96%));padding:5px 8px;color:var(--text-primary);cursor:pointer;font-size:.68rem;font-weight:900;line-height:1;transition:border-color var(--transition-fast),background var(--transition-fast)}.running-timer-pill:hover{border-color:color-mix(in oklch,var(--toy-action-color) 58%,white);background:color-mix(in oklch,var(--toy-action-color) 26%,rgb(15 23 42 / 94%))}.running-timer-dot{width:7px;height:7px;border-radius:50%;background:var(--toy-action-color);box-shadow:0 0 0 3px color-mix(in oklch,var(--toy-action-color) 24%,transparent)}.running-timer-pill strong,.running-timer-pill small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.running-timer-pill strong{min-width:0}.running-timer-times{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:6px;min-width:max-content}.running-timer-times small{color:var(--text-secondary);font-variant-numeric:tabular-nums}.running-timer-times small:first-child{font-size:.66rem}.running-timer-times small:last-child{color:#bfdbfe;font-size:.78rem;font-weight:950}.running-timer-times small.overtime{color:var(--accent-green);text-shadow:0 0 12px rgb(34 197 94 / 28%)}.lap-adjustment-flash-overlay{pointer-events:none;transform-origin:50% 0}.lap-adjustment-flash-overlay:not(.is-positioned){opacity:0;pointer-events:none}.lap-adjustment-flash-overlay .lap-adjustment-flash-stack{position:static;top:auto;bottom:auto;left:auto;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:min(220px,78vw)}.lap-adjustment-flash-overlay .lap-adjustment-flash{animation:none}@keyframes lapAdjustmentOverlayStackIn{0%{opacity:.15;transform:translateY(-10px) scale(1.34)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lapAdjustmentOverlayStackOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(18px) scale(1)}}@keyframes lapAdjustmentOverlayFlashIn{0%{opacity:.15;transform:translateY(-20px) scale(1.34)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lapAdjustmentOverlayFlashOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes lapAdjustmentOverlayFlashFadeIn{0%{opacity:0}to{opacity:1}}.lap-adjustment-flash-overlay.bubble-adjustment-stack-enter-active,.lap-adjustment-flash-overlay.bubble-adjustment-stack-appear-active{animation:lapAdjustmentOverlayStackIn .46s cubic-bezier(.22,1.14,.32,1) both}.lap-adjustment-flash-overlay.bubble-adjustment-stack-leave-active{animation:lapAdjustmentOverlayStackOut .34s cubic-bezier(.4,0,.2,1) both}.lap-adjustment-flash-overlay.bubble-adjustment-stack-enter-active>.lap-adjustment-flash-stack>.lap-adjustment-flash.bubble-adjustment-enter-active,.lap-adjustment-flash-overlay.bubble-adjustment-stack-appear-active>.lap-adjustment-flash-stack>.lap-adjustment-flash.bubble-adjustment-appear-active{animation:lapAdjustmentOverlayFlashIn .46s cubic-bezier(.22,1.14,.32,1) 80ms both}.lap-adjustment-flash-overlay:not(.bubble-adjustment-stack-enter-active):not(.bubble-adjustment-stack-appear-active)>.lap-adjustment-flash-stack>.lap-adjustment-flash.bubble-adjustment-enter-active,.lap-adjustment-flash-overlay:not(.bubble-adjustment-stack-enter-active):not(.bubble-adjustment-stack-appear-active)>.lap-adjustment-flash-stack>.lap-adjustment-flash.bubble-adjustment-appear-active{animation:lapAdjustmentOverlayFlashIn .44s cubic-bezier(.22,1.14,.32,1) both}.lap-adjustment-flash-overlay.is-closing .lap-adjustment-flash{animation:none!important}.lap-adjustment-flash-overlay .lap-adjustment-flash.bubble-adjustment-move{transition:transform .3s cubic-bezier(.2,.9,.25,1)}.lap-adjustment-flash-overlay:not(.is-closing)>.lap-adjustment-flash-stack>.lap-adjustment-flash.bubble-adjustment-leave-active{animation:lapAdjustmentOverlayFlashOut .36s cubic-bezier(.4,0,.2,1) both}.lap-adjustment-flash-overlay.is-closing .bubble-adjustment-leave-active{animation:none!important;opacity:1}.bubble-adjustment-move{transition:transform .26s cubic-bezier(.2,.9,.25,1)}.lap-adjustment-flash-overlay.is-pushing .lap-adjustment-flash:not(:first-child){animation:lapAdjustmentOverlayPushDown .36s cubic-bezier(.2,.9,.25,1)}@keyframes lapAdjustmentOverlayPushDown{0%{transform:translateY(-20px)}to{transform:translateY(0)}}.icon-button,.today-button,.add-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface);min-height:40px;color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.icon-button{width:40px}.icon-button:hover,.today-button:hover,.add-button:hover{border-color:#e2e8f03d;background:var(--surface-muted);box-shadow:0 2px 10px #00000047}.icon-button:active,.today-button:active,.add-button:active{transform:scale(.96)}.icon-button:disabled{cursor:not-allowed;opacity:.4}.add-button:disabled{cursor:not-allowed;opacity:.45}.icon-button.danger{color:#f87171}.icon-button.primary{border-color:#60a5fa57;background:#60a5fa1f;color:#bfdbfe}.icon-button.active{border-color:#22c55e57;background:#22c55e24;color:#bbf7d0}.hidden-input{display:none}.stats-page{display:grid;gap:var(--space-3)}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}.stat-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-elevated);padding:var(--space-3);box-shadow:var(--shadow-card);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-float)}.stat-card--tracked{border-left:3px solid var(--accent-green)}.stat-card--daily{border-left:3px solid var(--accent-amber)}.stat-card--weekly{border-left:3px solid var(--accent-blue)}.stat-card--toy-total{border-left:3px solid var(--accent-red)}.stat-card--lap-total{border-left:3px solid #a78bfa}.stat-card span{display:block;color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.02em}.stat-card strong{display:block;margin-top:4px;color:var(--text-primary);font-size:1.45rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.stat-card--tracked strong{font-size:1.65rem}.stat-card>small{display:block;margin-top:8px;color:var(--text-muted);font-size:.68rem;font-weight:800}.stat-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:6px}.stat-metric{display:grid;gap:3px;min-width:0}.stat-metric small{color:var(--text-muted);font-size:.64rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.stat-metric strong{margin-top:0;font-size:1.35rem}.stat-section,.stat-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-3);box-shadow:var(--shadow-card)}.stat-section{display:grid;gap:var(--space-3)}.stat-section--split{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;background:transparent;border:0;box-shadow:none;padding:0}.stat-panel{display:grid;gap:var(--space-3)}.toy-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-2)}.toy-stat-card{display:grid;gap:var(--space-3);border:1px solid color-mix(in srgb,var(--toy-color) 34%,var(--border-subtle));border-radius:var(--radius-sm);background:linear-gradient(150deg,color-mix(in srgb,var(--toy-color) 12%,transparent),transparent 46%),var(--surface-elevated);padding:var(--space-3)}.toy-stat-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-2)}.toy-stat-header strong,.toy-stat-header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toy-stat-header strong{color:var(--text-primary);font-size:.95rem;font-weight:900}.toy-stat-header small{color:var(--text-muted);font-size:.72rem;font-weight:800}.toy-stat-metrics,.marker-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.toy-stat-metrics>div,.marker-stat-grid>div{min-width:0;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0f172a6b;padding:9px}.toy-stat-metrics small,.marker-stat-grid small{display:block;overflow:hidden;color:var(--text-muted);font-size:.62rem;font-weight:900;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.toy-stat-metrics strong,.marker-stat-grid strong{display:block;margin-top:4px;color:var(--text-primary);font-size:1rem;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.toy-stat-foot,.stat-chip-row{display:flex;flex-wrap:wrap;gap:6px}.toy-stat-foot span,.stat-chip-row span{border:1px solid var(--border-subtle);border-radius:999px;background:#0f172a70;color:var(--text-secondary);padding:5px 8px;font-size:.66rem;font-weight:850}.stat-chip-row span{border-color:color-mix(in srgb,var(--lap-color) 30%,var(--border-subtle));background:color-mix(in srgb,var(--lap-color) 13%,var(--surface))}.stat-chip-row b{display:inline-grid;place-items:center;min-width:18px;min-height:18px;margin-right:4px;border-radius:999px;background:var(--lap-color);color:var(--lap-contrast);font-size:.62rem}.mode-stat-list{display:grid;gap:8px}.mode-stat-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2);border:1px solid color-mix(in srgb,var(--lap-color) 26%,var(--border-subtle));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--lap-color) 9%,var(--surface-elevated));padding:9px}.mode-stat-row>span:nth-child(2){min-width:0}.mode-stat-row strong{color:var(--text-primary);font-size:.9rem;font-weight:900;font-variant-numeric:tabular-nums}.mode-stat-row small{display:block;overflow:hidden;color:var(--text-muted);font-size:.68rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.grid-shell{overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-float)}.grid-toolbar{border-bottom:1px solid var(--border-subtle);padding:var(--space-3);background:#111827c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.weekday-header{display:grid;grid-template-columns:148px repeat(7,minmax(64px,1fr)) 124px;align-items:center;width:100%;gap:var(--space-2)}.weekday-header strong{color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-align:center;text-transform:uppercase}.today-button{flex:0 0 auto;padding:0 14px;font-weight:700;font-size:.85rem}.week-scroller{height:min(66vh,720px);min-height:440px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.virtual-stage{position:relative;min-width:820px}.week-row{position:absolute;top:0;left:0;display:grid;grid-template-columns:148px repeat(7,minmax(64px,1fr)) 124px;gap:var(--space-2);width:100%;min-height:86px;border-bottom:1px solid var(--border-subtle);padding:var(--space-2) var(--space-3);transition:background var(--transition-fast)}.week-row.complete{background:linear-gradient(90deg,var(--accent-green-soft) 0%,rgb(20 83 45 / 10%) 100%)}.week-label{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:2px}.week-label strong{color:var(--text-primary);font-size:.88rem;font-weight:700}.week-label span{color:var(--text-muted);font-size:.74rem;font-weight:600}.week-row.complete .week-label span{display:inline-flex;align-items:center;gap:4px;width:fit-content;padding:2px 8px;border-radius:var(--radius-pill);background:#16a34a1f;color:var(--accent-green);font-weight:800;text-transform:lowercase}.week-row.complete .week-label span:before{content:"✓";font-size:.7rem}.day-cell{position:relative;min-width:0;min-height:68px}.day-main{display:grid;grid-template-rows:auto 1fr;width:100%;height:100%;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-muted);padding:var(--space-2);cursor:pointer;text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.day-main:hover{border-color:#e2e8f03d;background:var(--surface)}.day-main:active{transform:scale(.97)}.day-cell.today .day-main{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--text-primary);animation:todayPulse 2.5s ease 1}@keyframes todayPulse{0%,to{box-shadow:0 0 0 2px var(--text-primary)}40%{box-shadow:0 0 0 4px #f8fafc33}}.day-cell.filled .day-main{background:var(--surface);box-shadow:inset 0 0 0 1px #e2e8f014,0 2px 10px #0003}.day-number{color:var(--text-secondary);font-size:.88rem;font-weight:800;line-height:1}.day-cell.today .day-number{color:var(--text-primary)}.layer-dots{display:flex;align-items:end;justify-content:center;gap:4px;min-width:0;padding-top:10px}.layer-dot{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--border-default);border-radius:var(--radius-pill);color:var(--text-muted);background:var(--surface);font-size:.62rem;font-weight:800;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.layer-dot.on{border-color:var(--layer-color);background:var(--layer-color);color:#fff;box-shadow:0 0 8px color-mix(in srgb,var(--layer-color) 40%,transparent)}.week-progress{display:flex;flex-direction:column;justify-content:center;gap:4px}.week-progress span{display:inline-flex;align-items:center;width:fit-content;padding:3px 8px;border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--text-secondary);font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums}.week-progress span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--layer-color);flex-shrink:0}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;justify-content:flex-end;background:#0f172a61;animation:fadeIn var(--transition-medium)}.drawer-backdrop:has(.day-drawer){background:#070b12b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;background:#070b12b8;padding:var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn var(--transition-medium)}.confirm-dialog{width:min(360px,100%);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-elevated);padding:var(--space-4);box-shadow:var(--shadow-float)}.confirm-dialog header{display:grid;gap:var(--space-2)}.confirm-dialog h2,.confirm-dialog p{margin:0}.confirm-dialog h2{color:var(--text-primary);font-size:1rem}.confirm-dialog p{color:var(--text-secondary);font-size:.88rem;line-height:1.45}.confirm-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);min-height:38px;padding:0 14px;font:inherit;font-size:.82rem;font-weight:850;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.secondary-button{border:1px solid var(--border-default);background:var(--surface);color:var(--text-primary)}.danger-button{border:1px solid rgb(248 113 113 / 40%);background:#7f1d1db8;color:#fecaca}.secondary-button:hover{background:var(--surface-muted)}.danger-button:hover{background:#991b1bdb}.secondary-button:active,.danger-button:active{transform:scale(.97)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{width:min(560px,100vw);height:100%;overflow:auto;background:var(--surface);padding:var(--space-5);box-shadow:-18px 0 50px #0f172a2e;animation:slideInRight var(--transition-medium)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer.wide{width:min(720px,100vw)}.drawer-handle{display:none}.drawer h2{margin:0;color:var(--text-primary);font-family:var(--font-display);font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.day-drawer{overflow:visible;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:radial-gradient(ellipse 120% 40% at 100% 0%,rgb(96 165 250 / 10%) 0%,transparent 55%),linear-gradient(180deg,var(--surface-elevated) 0%,var(--surface) 18%,var(--surface) 100%);padding:var(--space-4);box-shadow:var(--shadow-float)}.day-drawer .drawer-header{margin-bottom:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.day-drawer .drawer-header h2{font-size:clamp(1.45rem,4vw,1.65rem);font-weight:900;letter-spacing:-.03em}.day-drawer .drawer-header .eyebrow{color:var(--accent-blue);font-weight:800;letter-spacing:.1em}.date-strip{display:flex;gap:6px;overflow-x:auto;margin:0 calc(var(--space-4) * -1) var(--space-3);padding:0 var(--space-4) var(--space-2);scrollbar-width:none}.date-strip::-webkit-scrollbar{display:none}.date-strip-day{display:grid;place-items:center;gap:2px;flex:0 0 58px;min-height:74px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--text-muted);cursor:pointer;padding:5px 4px 6px}.date-strip-weekday{font-size:.58rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.date-strip-date{color:var(--text-secondary);font-size:.95rem;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.date-strip-layers{justify-content:center;gap:2px;min-width:0;padding-top:2px}.date-strip-layers .layer-dot{width:13px;height:13px;font-size:.48rem}.date-strip-day.today{border-color:#f8fafc7a}.date-strip-day.filled{background:var(--surface);box-shadow:inset 0 0 0 1px #e2e8f014}.date-strip-day.active{border-color:var(--accent-blue);background:#60a5fa24;color:#bfdbfe;box-shadow:0 0 0 2px #60a5fa2e}.date-strip-day.active .date-strip-date{color:var(--text-primary)}.timeline-panel{display:grid;gap:var(--space-3)}.timeline-status{display:grid;gap:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3)}.timeline-status--live{border-color:#22c55e47;background:#22c55e14}.timeline-status--paused{border-color:#f59e0b47;background:#f59e0b14}.timeline-status--idle{background:#0f172a61}.timeline-status-label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin:0;color:var(--text-muted);font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.timeline-status-label span{color:var(--text-subtle);font-size:.62rem;font-weight:800;letter-spacing:.04em}.timeline-status-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);border:1px solid color-mix(in srgb,var(--toy-color) 32%,var(--border-subtle));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--toy-color) 10%,var(--surface-muted));padding:8px}.timeline-status-copy{display:grid;gap:2px;min-width:0}.timeline-status-copy strong{color:var(--text-primary);font-size:.86rem;font-weight:900}.timeline-status-copy small{color:var(--text-muted);font-size:.72rem;font-weight:750}.timeline-status-idle-copy{margin:0;color:var(--text-secondary);font-size:.8rem;font-weight:700;line-height:1.4}.timeline-status-idle-copy strong{color:var(--text-primary);font-weight:900}.add-button.compact{min-height:32px;padding:0 10px;font-size:.72rem}.timeline-toolbar{display:inline-flex;width:fit-content;max-width:100%;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0f172a7a;padding:4px}.timeline-toolbar button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border:1px solid transparent;border-radius:6px;background:transparent;padding:0 13px;color:var(--text-muted);cursor:pointer;font:inherit;font-size:.76rem;font-weight:900}.timeline-toolbar .timeline-focus-button{width:36px;padding:0}.timeline-toolbar button.active{border-color:#60a5fa4d;background:#60a5fa24;color:#bfdbfe}.timeline-calendar{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0f172a61;overflow:hidden}.timeline-calendar-scroll{height:var(--timeline-calendar-height, min(68vh, 720px));max-height:var(--timeline-calendar-height, min(68vh, 720px));overflow:auto;overscroll-behavior:contain}.timeline-calendar-grid{display:grid;grid-template-columns:48px minmax(0,1fr);min-height:calc(var(--timeline-hour-height, 40px) * 24);min-width:max(100%,calc(48px + max(280px,calc(var(--timeline-lanes, 1) * 78px))))}.timeline-time-rail{position:relative;border-right:1px solid var(--border-subtle);background:#00000024}.timeline-time-rail-label{position:absolute;right:6px;color:var(--text-muted);font-size:.6rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;transform:translateY(-50%)}.timeline-events-canvas{position:relative;min-width:max(280px,calc(var(--timeline-lanes, 1) * 78px));min-height:calc(var(--timeline-hour-height, 40px) * 24);background:#0000001f}.timeline-hour-line{position:absolute;right:0;left:0;height:0;border-top:1px solid rgb(148 163 184 / 14%);pointer-events:none}.timeline-now-line{position:absolute;right:0;left:0;z-index:2;display:flex;align-items:center;gap:6px;height:0;border-top:2px solid rgb(96 165 250 / 85%);pointer-events:none}.timeline-now-line span{margin-top:-9px;border-radius:var(--radius-pill);background:#60a5fae5;padding:1px 6px;color:#0f172a;font-size:.58rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.timeline-event-line{position:absolute;z-index:1;display:grid;grid-template-columns:4px minmax(0,1fr);align-items:stretch;box-sizing:border-box;min-height:0;border:1px solid color-mix(in srgb,var(--toy-timeline-color) 55%,transparent);border-radius:4px;background:color-mix(in srgb,var(--toy-timeline-color) 22%,rgb(15 23 42 / 88%));padding:0;color:var(--toy-timeline-contrast);cursor:pointer;overflow:hidden;text-align:left;transition:box-shadow var(--transition-fast)}.timeline-event-line:hover{z-index:3;box-shadow:0 4px 16px #00000052}.timeline-event-line.has-popover{z-index:5;overflow:visible}.timeline-event-line.has-popover .timeline-marker-dot{z-index:8}.timeline-event-line.running{box-shadow:0 0 0 2px #22c55e66}.timeline-event-line.paused{border-style:dashed;opacity:.78}.timeline-event-line.backfilled{border-style:dotted;background:color-mix(in srgb,var(--toy-timeline-color) 14%,rgb(15 23 42 / 92%))}.timeline-event-line-color{border-radius:3px 0 0 3px;background:var(--toy-timeline-color)}.timeline-event-line-copy{display:flex;flex-direction:column;justify-content:flex-start;gap:1px;min-width:0;padding:4px 5px 3px 3px}.timeline-event-line-copy strong{overflow:hidden;color:var(--text-primary);font-size:.62rem;font-weight:900;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.timeline-event-line-copy small{overflow:hidden;color:var(--text-muted);font-size:.55rem;font-weight:800;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.timeline-event-line.tiny .timeline-event-line-copy{justify-content:flex-start;padding:0 5px 0 4px}.timeline-event-line.tiny .timeline-event-line-copy strong,.timeline-event-line.tiny .timeline-event-line-copy small{display:none}.timeline-canvas-markers,.timeline-marker-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.timeline-marker-dot{position:absolute;z-index:4;width:7px;height:7px;border:1px solid rgb(248 250 252 / 85%);border-radius:50%;background:var(--toy-timeline-color);box-shadow:0 0 0 2px #0f172ad1;transform:translate(-50%,-50%)}.timeline-marker-dot.paused{background:transparent;border-color:color-mix(in oklch,var(--toy-timeline-color) 78%,white)}.timeline-marker-dot.active{z-index:8;width:9px;height:9px;box-shadow:0 0 0 2px #0f172ae5,0 0 0 4px color-mix(in oklch,var(--toy-timeline-color) 36%,transparent)}.timeline-marker-labels{z-index:7}.timeline-marker-label-line{position:absolute;z-index:1;height:1px;border-top:1px solid color-mix(in oklch,var(--toy-timeline-color) 45%,var(--border-default));transform-origin:0 50%}.timeline-marker-label-line.paused{border-top-style:dashed}.timeline-marker-label{position:absolute;z-index:2;display:inline-grid;grid-template-columns:minmax(0,auto) auto;align-items:baseline;gap:6px;min-width:118px;border:1px solid color-mix(in oklch,var(--toy-timeline-color) 38%,var(--border-default));border-radius:var(--radius-pill);background:#0b1220f5;padding:4px 8px;color:var(--text-primary);box-shadow:var(--shadow-float)}.timeline-marker-label.paused{border-style:dashed}.timeline-marker-label strong,.timeline-marker-label small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-marker-label strong{max-width:130px;font-size:.68rem;font-weight:900}.timeline-marker-label small{color:var(--text-muted);font-size:.62rem;font-weight:850}.timeline-event-popover{position:absolute;top:50%;left:calc(100% + 8px);z-index:6;display:grid;gap:2px;width:max-content;max-width:min(240px,60vw);border:1px solid color-mix(in oklch,var(--toy-timeline-color) 42%,var(--border-default));border-radius:var(--radius-sm);background:#0b1220f5;padding:8px 10px;color:var(--text-primary);box-shadow:var(--shadow-float);pointer-events:none;transform:translateY(-50%)}.timeline-event-popover strong,.timeline-event-popover small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-event-popover strong{font-size:.76rem;font-weight:900}.timeline-event-popover small{color:var(--text-muted);font-size:.68rem;font-weight:800}.bottom-nav{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));z-index:18;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:min(560px,calc(100vw - 28px));margin:0 auto;border:1px solid var(--border-default);border-radius:var(--radius-md);background:#0b1220eb;padding:6px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;font-size:.68rem;font-weight:900}.bottom-nav button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav button.active{border-color:#60a5fa47;background:#60a5fa24;color:#bfdbfe}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-3);margin:var(--space-5) 0 var(--space-3)}.section-heading .eyebrow{margin:0}.section-heading strong{color:var(--text-primary);font-size:.92rem;font-weight:800}.day-drawer .section-heading{position:relative;margin-top:var(--space-6);padding-left:14px}.day-drawer .section-heading:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:3px;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--accent-blue),rgb(96 165 250 / 35%))}.day-drawer .section-heading strong{font-size:1rem;font-weight:900;letter-spacing:-.01em}.layer-checks{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--space-2);margin:var(--space-3) 0}.layer-check{display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface);padding:10px;cursor:pointer;font-weight:700;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.layer-check:active{transform:scale(.98)}.layer-check span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--surface-muted);color:var(--text-secondary);font-size:.75rem;font-weight:800}.layer-check.active{border-color:var(--layer-color);box-shadow:inset 0 0 0 1px var(--layer-color)}.layer-check.active span{background:var(--layer-color);color:#fff}.day-drawer .layer-checks{margin:var(--space-2) 0 var(--space-3);padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0f172a6b}.day-drawer .layer-check{flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;border-radius:var(--radius-md);background:var(--surface-muted);padding:8px 4px;overflow:hidden;font-size:.68rem;font-weight:800;line-height:1.15;text-align:center;text-overflow:ellipsis;white-space:nowrap}.day-drawer .layer-check span{flex-shrink:0;width:24px;height:24px;font-size:.68rem}.day-drawer .layer-check:hover{border-color:#e2e8f038;box-shadow:0 6px 20px #00000038}.day-drawer .layer-check.active{background:color-mix(in srgb,var(--layer-color) 14%,var(--surface-muted));box-shadow:inset 0 0 0 1px var(--layer-color),0 8px 24px color-mix(in srgb,var(--layer-color) 22%,transparent)}.field{display:grid;gap:7px;margin-bottom:15px}.field span{color:var(--text-secondary);font-size:.78rem;font-weight:700}.field input,.field textarea,.field select,.settings-field input,.settings-field select{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface);padding:10px;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.settings-field input:focus,.settings-field select:focus{border-color:color-mix(in srgb,var(--accent-blue) 55%,var(--border-default));box-shadow:0 0 0 3px #60a5fa29;outline:none}.field input[type=range]{accent-color:var(--accent-blue);padding:0}.field textarea{resize:vertical}.day-drawer .toy-launcher,.day-drawer .manual-lap-panel,.day-drawer .set-stack{margin-top:var(--space-5)}.day-drawer .set-stack>.section-heading:first-child{margin-top:0}.day-drawer .manual-lap-panel{margin-bottom:var(--space-3)}.toy-launcher-trigger{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);width:100%;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-muted);padding:12px var(--space-3);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.toy-launcher-trigger:hover{border-color:#60a5fa59;background:#60a5fa1a}.toy-launcher-trigger-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:#60a5fa29;color:#93c5fd}.manual-lap-trigger-icon{background:#f59e0b24;color:#fbbf24}.toy-launcher-trigger-copy{display:grid;gap:2px;min-width:0}.toy-launcher-trigger-copy strong{color:var(--text-primary);font-size:.92rem;font-weight:900}.toy-launcher-trigger-copy small{color:var(--text-muted);font-size:.72rem;font-weight:700}.toy-launcher-trigger-chevron{color:var(--text-muted);transition:transform var(--transition-fast)}.toy-launcher-trigger-chevron.is-open{transform:rotate(180deg)}.toy-launcher-panel{display:grid;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0f172a61}.toy-launcher-step-label{margin:0;color:var(--text-muted);font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.toy-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:var(--space-2)}.toy-picker-chip{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:var(--space-2);min-width:0;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface);padding:8px;cursor:pointer;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.toy-picker-chip:hover{border-color:color-mix(in srgb,var(--toy-color) 50%,transparent);background:color-mix(in srgb,var(--toy-color) 10%,var(--surface))}.toy-picker-chip.active{border-color:color-mix(in srgb,var(--toy-color) 65%,transparent);background:color-mix(in srgb,var(--toy-color) 16%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--toy-color) 45%,transparent)}.toy-picker-chip-copy{display:grid;gap:1px;min-width:0}.toy-picker-chip-copy strong{overflow:hidden;color:var(--text-primary);font-size:.8rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.toy-picker-chip-copy small{overflow:hidden;color:var(--text-muted);font-size:.66rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.start-set-form{display:grid;gap:var(--space-2)}.start-set-fields{display:grid;grid-template-columns:minmax(110px,1fr) minmax(110px,1fr) minmax(132px,auto);align-items:end;gap:var(--space-2)}.start-set-submit{min-height:42px;white-space:nowrap}.start-set-note{margin:0}.toy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:var(--space-2)}.toy-button{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface);padding:10px;cursor:pointer;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.toy-button:hover{border-color:color-mix(in srgb,var(--toy-color) 55%,transparent);background:color-mix(in srgb,var(--toy-color) 12%,var(--surface));box-shadow:0 8px 24px #00000047}.toy-button:active{transform:scale(.98)}.toy-button strong,.set-card-header strong{display:block;overflow:hidden;color:var(--text-primary);font-size:.9rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.toy-button small,.set-card-header small{display:block;overflow:hidden;color:var(--text-muted);font-size:.72rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.toy-button .toy-stat-line{margin-top:2px;color:var(--text-secondary);font-size:.66rem}.toy-picture{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;overflow:hidden;border:1px solid color-mix(in srgb,var(--toy-color) 35%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--toy-color) 20%,var(--surface-muted));color:var(--toy-contrast, var(--text-primary));flex-shrink:0;font-size:.78rem;font-weight:900;text-transform:uppercase}.toy-picture img{width:100%;height:100%;object-fit:cover}.toy-picture.compact{width:36px;height:36px;font-size:.7rem}.toy-picture.settings-preview{width:42px;height:42px}.empty-state,.settings-note{margin:0 0 var(--space-3);color:var(--text-muted);font-size:.84rem;font-weight:650;line-height:1.45}.empty-state.compact{margin-bottom:0;font-size:.78rem}.set-stack{display:grid;gap:var(--space-3)}.set-card{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--toy-color) 32%,var(--border-default));border-radius:var(--radius-md);background:radial-gradient(ellipse 90% 55% at 100% 0%,color-mix(in srgb,var(--toy-color) 16%,transparent) 0%,transparent 62%),var(--surface-muted);padding:var(--space-4);box-shadow:var(--shadow-card),inset 0 1px #ffffff0a}.set-card:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--toy-color) 85%,white),var(--toy-color) 45%,transparent)}.set-card.paused{opacity:.82}.set-card.running{border-color:color-mix(in srgb,#22c55e 64%,var(--border-default));background:linear-gradient(145deg,#22c55e2e,#22c55e14),radial-gradient(ellipse 90% 55% at 100% 0%,color-mix(in srgb,var(--toy-color) 16%,transparent) 0%,transparent 62%),var(--surface-muted);box-shadow:0 0 0 1px #22c55e29,0 16px 38px #22c55e1f,var(--shadow-card),inset 0 1px #ffffff0d}.set-card.running:before{background:linear-gradient(90deg,#22c55e,#86efac 58%,transparent)}.set-card-delete{position:absolute;top:11px;right:11px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid color-mix(in srgb,#ef4444 48%,var(--border-default));border-radius:50%;background:#0f172ac7;color:#fca5a5;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.set-card-delete:hover{transform:scale(1.08);border-color:color-mix(in srgb,#ef4444 72%,white);background:#ef44443d;box-shadow:0 0 0 4px #ef444429;color:#fecaca}.set-card-delete:active{transform:scale(.94)}.set-card-delete:focus-visible{outline:2px solid rgb(239 68 68 / 55%);outline-offset:2px}.set-card-header{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-right:38px}.set-card.collapsed.single-lap .set-card-header{margin-bottom:0}.set-card-header:has(.set-status-badge){grid-template-columns:36px minmax(0,1fr) auto auto}.set-title-toggle{display:inline-flex;align-items:center;min-width:0;gap:6px;border:0;background:transparent;padding:2px 0;color:inherit;text-align:left;cursor:pointer}.set-title-toggle>svg{flex:0 0 auto;color:var(--text-muted)}.set-title-toggle>span{display:grid;gap:2px;min-width:0}.set-title-toggle strong,.set-title-toggle small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-title-toggle strong{color:var(--text-primary)}.set-title-toggle small{color:var(--text-secondary);font-size:.74rem}.set-title-meta.single-lap{display:inline-flex;align-items:baseline;gap:7px}.set-title-meta.single-lap strong{flex:0 0 auto;color:var(--text-primary);font-size:.82rem;font-weight:950;font-variant-numeric:tabular-nums;line-height:1}.set-title-meta.single-lap span{overflow:hidden;min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap}.set-title-toggle:hover strong{color:#dcfce7}.set-title-toggle:focus-visible{outline:2px solid rgb(34 197 94 / 68%);outline-offset:4px;border-radius:var(--radius-sm)}.set-card-header-actions{display:flex;justify-content:flex-end;gap:5px}.set-card-header-actions .icon-button{width:34px;height:34px}.set-status-badge{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:24px;box-sizing:border-box;border:1px solid rgb(245 158 11 / 35%);border-radius:var(--radius-pill);background:#f59e0b24;padding:0 10px;color:#fbbf24;font-size:.62rem;font-weight:900;line-height:1;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.timer-panel{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:8px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:linear-gradient(145deg,#0f172ab8,#0f172a61),var(--surface);padding:var(--space-3);box-shadow:inset 0 1px #ffffff0d}.timer-panel>div:not(.timer-bar){display:grid;gap:3px;min-width:0}.timer-panel span{color:var(--text-muted);font-size:.68rem;font-weight:800;text-transform:uppercase}.timer-panel strong{color:var(--text-primary);font-size:clamp(1.08rem,2.8vw,1.35rem);font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}.target-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px}.target-value small{color:var(--text-muted);font-size:.78rem;font-weight:900}.timer-panel.overtime>div:first-child span,.timer-panel.overtime>div:first-child strong{color:var(--accent-green)}.timer-panel.overtime .timer-bar span{background:var(--accent-green)}.collapsed-single-summary{display:inline-flex;align-items:baseline;width:fit-content;max-width:100%;gap:8px;border:1px solid color-mix(in srgb,var(--toy-color) 24%,var(--border-subtle));border-radius:var(--radius-pill);background:color-mix(in srgb,var(--toy-color) 10%,rgb(15 23 42 / 74%));padding:8px 12px;color:var(--text-secondary);box-shadow:inset 0 1px #ffffff0a}.collapsed-single-summary span{color:var(--text-muted);font-size:.64rem;font-weight:900;text-transform:uppercase;white-space:nowrap}.collapsed-single-summary strong{overflow:hidden;color:var(--text-primary);font-size:.96rem;font-weight:950;font-variant-numeric:tabular-nums;line-height:1;text-overflow:ellipsis;white-space:nowrap}.collapsed-lap-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-3)}.collapsed-lap-summary>span{display:inline-flex;align-items:center;gap:6px;min-height:28px;border:1px solid color-mix(in srgb,var(--lap-color) 28%,var(--border-subtle));border-radius:var(--radius-pill);background:color-mix(in srgb,var(--lap-color) 12%,var(--surface));padding:0 10px;color:var(--text-secondary);font-size:.72rem;font-weight:900}.collapsed-lap-summary>span.current{border-color:color-mix(in srgb,var(--lap-color) 48%,transparent);background:color-mix(in srgb,var(--lap-color) 18%,var(--surface));color:color-mix(in srgb,var(--lap-color) 88%,white)}.collapsed-lap-summary strong{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--lap-color);color:var(--lap-contrast);font-size:.62rem;font-weight:900}.collapsed-lap-summary small{color:var(--text-muted);font-size:.68rem;font-weight:900;font-variant-numeric:tabular-nums}.lap-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.9fr);gap:var(--space-3);margin-top:var(--space-3);border:1px solid color-mix(in srgb,var(--lap-color) 32%,var(--border-default));border-radius:var(--radius-md);background:linear-gradient(155deg,color-mix(in srgb,var(--lap-color) 12%,rgb(15 23 42 / 72%)),#0f172a6b),var(--surface);padding:var(--space-3);box-shadow:inset 0 1px #ffffff0d}.lap-panel-toggle{position:relative;width:100%;border:1px solid color-mix(in srgb,var(--lap-color) 32%,var(--border-default));color:inherit;cursor:pointer;font:inherit;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.lap-panel-toggle:hover{border-color:color-mix(in srgb,var(--lap-color) 52%,var(--border-default));box-shadow:inset 0 1px #ffffff0f,0 10px 28px #00000038}.lap-panel-toggle:active{transform:scale(.995)}.lap-panel-toggle.running{border-color:color-mix(in srgb,var(--lap-color) 38%,#22c55e 42%);background:linear-gradient(155deg,color-mix(in srgb,var(--lap-color) 16%,rgb(34 197 94 / 14%)),#0f172a6b),var(--surface);box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #22c55e1f}.lap-panel-toggle.paused{border-color:color-mix(in srgb,var(--lap-color) 24%,#f59e0b 58%);background:linear-gradient(155deg,color-mix(in srgb,#f59e0b 16%,rgb(15 23 42 / 72%)),#0f172a7a),var(--surface);box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #f59e0b24}.lap-panel-playback-icon{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;place-items:center;color:var(--lap-color);opacity:.16;pointer-events:none}.lap-panel-toggle.paused .lap-panel-playback-icon{color:#fbbf24;opacity:.22}.lap-panel-toggle>:not(.lap-panel-playback-icon){position:relative;z-index:1}.lap-panel-head{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:var(--space-2)}.lap-bar{grid-column:1 / -1}.lap-panel-head strong{display:block;color:var(--text-primary);font-size:.86rem;font-weight:900}.lap-panel-head small{display:block;overflow:hidden;color:var(--text-muted);font-size:.72rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.lap-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--lap-color) 40%,transparent);border-radius:var(--radius-sm);background:var(--lap-color);color:var(--lap-contrast);font-size:.72rem;font-weight:900;text-transform:uppercase}.lap-badge.mini{width:28px;height:28px;font-size:.64rem}.lap-metrics{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.lap-metrics>div{display:grid;gap:3px;min-width:0}.lap-metrics span{color:var(--text-muted);font-size:.66rem;font-weight:900;text-transform:uppercase}.lap-metrics strong{color:var(--text-primary);font-size:1.1rem;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.lap-metrics .overtime span,.lap-metrics .overtime strong{color:var(--accent-green)}.lap-adjustment-flash-stack{position:absolute;top:auto;bottom:calc(50% - 12px);left:8px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:min(180px,78vw);pointer-events:none}.lap-adjustment-flash{display:inline-flex;align-items:center;justify-content:center;min-width:54px;border:1px solid color-mix(in oklch,var(--lap-action-color) 50%,white);border-radius:var(--radius-pill);background:linear-gradient(180deg,color-mix(in oklch,var(--lap-action-color) 42%,transparent),transparent),#0b1220f5;padding:6px 10px;color:color-mix(in oklch,var(--lap-action-color) 88%,white);box-shadow:0 14px 34px #00000057,0 0 0 4px color-mix(in oklch,var(--lap-action-color) 14%,transparent);font-size:.82rem;font-weight:950;font-variant-numeric:tabular-nums;line-height:1;text-transform:none;animation:lapAdjustmentPop 8s cubic-bezier(.2,.9,.25,1) forwards}.lap-adjustment-flash.subtract{border-color:#fbbf249e;background:linear-gradient(180deg,rgb(245 158 11 / 34%),transparent),#0b1220f5;color:#fde68a;box-shadow:0 14px 34px #00000057,0 0 0 4px #f59e0b24}@keyframes lapAdjustmentPop{0%{opacity:0;transform:translateY(0) scale(.86)}2%{opacity:1;transform:translateY(0) scale(1.04)}8%{opacity:1;transform:translateY(-30px) scale(1)}88%{opacity:1;transform:translateY(-30px) scale(1)}to{opacity:0;transform:translateY(-42px) scale(.96)}}.timer-bar{grid-column:1 / -1;height:10px;overflow:hidden;border-radius:var(--radius-pill);background:#00000047;box-shadow:inset 0 1px 2px #00000059}.timer-bar span{display:block;width:var(--timer-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--toy-color) 70%,white),var(--toy-color));box-shadow:0 0 14px color-mix(in srgb,var(--toy-color) 55%,transparent);transition:width .4s ease}.lap-bar{height:8px;overflow:hidden;border-radius:var(--radius-pill);background:#00000047}.lap-bar span{display:block;width:var(--lap-progress);height:100%;border-radius:inherit;background:var(--lap-color);box-shadow:0 0 12px color-mix(in srgb,var(--lap-color) 50%,transparent);transition:width .4s ease}.lap-controls,.manual-lap-form{display:grid;grid-template-columns:minmax(130px,1.1fr) repeat(2,minmax(96px,.7fr)) minmax(104px,.8fr) minmax(82px,.55fr);align-items:end;gap:var(--space-2);margin-top:var(--space-3);border:1px solid color-mix(in srgb,var(--toy-color, var(--accent-blue)) 20%,var(--border-subtle));border-radius:var(--radius-md);background:#0f172a57;padding:var(--space-3)}.manual-lap-form{grid-template-columns:minmax(210px,1.35fr) minmax(120px,.75fr) minmax(92px,.55fr) minmax(92px,.55fr) minmax(96px,.52fr);margin-top:0}.lap-controls .add-button,.manual-lap-submit{min-height:42px;border-color:color-mix(in srgb,var(--toy-color, var(--accent-blue)) 28%,var(--border-default));background:color-mix(in srgb,var(--toy-color, var(--accent-blue)) 12%,var(--surface));color:color-mix(in srgb,var(--toy-color, var(--accent-blue)) 88%,white);font-size:.76rem;font-weight:900}.lap-history{display:grid;gap:var(--space-2);margin-top:var(--space-3);border:1px solid color-mix(in srgb,var(--toy-color) 20%,var(--border-subtle));border-radius:var(--radius-md);background:#0f172a52;padding:var(--space-3)}.lap-history-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.lap-history-head span{color:var(--text-primary);font-size:.78rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.lap-history-head small{color:var(--text-muted);font-size:.72rem;font-weight:850;font-variant-numeric:tabular-nums}.lap-history-list{display:grid;gap:6px}.lap-history-row{display:grid;grid-template-columns:20px 28px minmax(0,1fr) minmax(48px,auto) minmax(48px,auto);align-items:center;gap:var(--space-2);min-width:0;min-height:40px;border:1px solid color-mix(in srgb,var(--lap-color) 22%,var(--border-subtle));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--lap-color) 8%,var(--surface));padding:6px 8px;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.lap-history-row>*{min-width:0}.lap-history-row.current{border-color:color-mix(in oklch,var(--lap-action-color) 48%,transparent);background:color-mix(in oklch,var(--lap-action-color) 15%,var(--surface))}.lap-history-row:hover,.lap-history-row.expanded{border-color:color-mix(in oklch,var(--lap-action-color) 58%,transparent);background:color-mix(in oklch,var(--lap-action-color) 18%,var(--surface))}.lap-history-row:focus-visible{outline:2px solid color-mix(in oklch,var(--lap-action-color) 72%,white);outline-offset:2px}.lap-history-index{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.72rem;font-weight:900;font-variant-numeric:tabular-nums}.lap-history-copy,.lap-history-metric{display:grid;gap:2px;min-width:0}.lap-history-copy strong,.lap-history-copy small,.lap-history-metric strong,.lap-history-metric small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lap-history-copy strong{color:var(--text-primary);font-size:.78rem;font-weight:900}.lap-history-copy small,.lap-history-metric small{color:var(--text-muted);font-size:.65rem;font-weight:850}.lap-history-metric{text-align:right}.lap-history-metric strong{color:var(--text-secondary);font-size:.78rem;font-weight:900;font-variant-numeric:tabular-nums}.lap-marker-strip{grid-column:3 / -1;display:flex;flex-wrap:wrap;gap:5px;max-width:100%;min-width:0}.current-lap-markers{grid-column:1 / -1}.lap-marker-strip>span{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:24px;border:1px solid color-mix(in oklch,var(--lap-action-color) 42%,var(--border-subtle));border-radius:var(--radius-pill);background:linear-gradient(180deg,color-mix(in oklch,var(--lap-action-color) 14%,transparent),transparent),color-mix(in oklch,var(--lap-action-color) 12%,var(--surface));padding:0 9px;color:color-mix(in oklch,var(--lap-action-color) 90%,white);font-size:.68rem;font-weight:900;overflow:hidden;text-overflow:ellipsis}.lap-marker-strip>.lap-marker-chip{position:relative;overflow:visible;flex-wrap:wrap}.lap-marker-chip.selectable{cursor:pointer}.lap-marker-chip.selectable:hover,.lap-marker-chip.selected{border-color:color-mix(in oklch,var(--lap-action-color) 70%,white);background:linear-gradient(180deg,color-mix(in oklch,var(--lap-action-color) 20%,transparent),transparent),color-mix(in oklch,var(--lap-action-color) 18%,var(--surface))}.lap-marker-chip-main{display:inline-flex;align-items:center;gap:5px;min-width:0}.marker-reaction-badges{display:inline-flex;align-items:center;gap:3px}.marker-reaction-badges>span{display:inline-flex;align-items:center;gap:1px;min-height:18px;border:1px solid color-mix(in oklch,var(--lap-action-color) 34%,var(--border-default));border-radius:var(--radius-pill);background:#0206177a;padding:0 5px;color:var(--text-primary);font-size:.66rem;line-height:1}.marker-reaction-badges small{color:var(--text-secondary);font-size:.58rem}.marker-reaction-controls{display:inline-flex;align-items:center;gap:3px;min-height:24px}.marker-reaction-controls button{width:24px;height:24px;border:1px solid color-mix(in oklch,var(--lap-action-color) 42%,var(--border-default));border-radius:var(--radius-pill);background:#020617ad;color:var(--text-primary);cursor:pointer;font-size:.78rem;line-height:1}.marker-reaction-controls button:hover{border-color:color-mix(in oklch,var(--lap-action-color) 70%,white);background:color-mix(in oklch,var(--lap-action-color) 24%,rgb(2 6 23 / 78%))}.marker-reaction-controls button.active{border-color:#22c55e75;background:#22c55e2e;color:#bbf7d0;box-shadow:0 0 0 2px #22c55e1f}.marker-reaction-controls .marker-context-button{color:#bfdbfe}.lap-marker-strip small{flex:0 0 auto;color:color-mix(in oklch,var(--lap-action-color) 72%,var(--text-muted));font-size:.64rem;font-weight:850;font-variant-numeric:tabular-nums}.rich-select{position:relative;display:grid;gap:6px;min-width:0}.rich-select-label{color:var(--text-muted);font-size:.66rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.rich-select-trigger,.rich-select-option{display:grid;grid-template-columns:36px minmax(0,1fr) 22px;align-items:center;gap:var(--space-2);width:100%;min-height:42px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface);padding:5px 8px;color:var(--text-primary);cursor:pointer;text-align:left}.rich-select-trigger{border-color:color-mix(in srgb,var(--toy-color) 30%,var(--border-default));background:linear-gradient(145deg,color-mix(in srgb,var(--toy-color) 10%,rgb(15 23 42 / 78%)),#0f172a75),var(--surface)}.rich-select-trigger svg{color:var(--text-muted);justify-self:end}.rich-select-copy{min-width:0}.rich-select-copy strong,.rich-select-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rich-select-copy strong{color:var(--text-primary);font-size:.84rem;font-weight:900}.rich-select-copy small{color:var(--text-muted);font-size:.7rem;font-weight:800}.rich-select-menu{position:absolute;z-index:12;top:calc(100% + 6px);right:0;left:0;display:grid;gap:5px;max-height:min(260px,40vh);overflow:auto;border:1px solid var(--border-default);border-radius:var(--radius-md);background:#0b1220fa;padding:6px;box-shadow:var(--shadow-float)}.rich-select-option{grid-template-columns:36px minmax(0,1fr) 14px;border-color:color-mix(in srgb,var(--toy-color) 20%,var(--border-subtle));background:color-mix(in srgb,var(--toy-color) 8%,var(--surface))}.rich-select-option:hover,.rich-select-option.active{border-color:color-mix(in srgb,var(--toy-color) 48%,transparent);background:color-mix(in srgb,var(--toy-color) 16%,var(--surface))}.rich-select-color{width:10px;height:10px;border-radius:50%;background:var(--toy-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--toy-color) 18%,transparent);justify-self:end}.timer-actions,.split-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-4);padding:5px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0f172a61}.timer-actions .add-button{flex:1 1 auto;min-width:0;padding:0 14px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:800}.adjust-toggle{background:transparent;color:var(--text-secondary)}.add-button.adjust-toggle[aria-expanded=true]{border-color:color-mix(in oklch,var(--toy-action-color) 58%,transparent);background:linear-gradient(180deg,color-mix(in oklch,var(--toy-action-color) 18%,transparent),transparent),color-mix(in oklch,var(--toy-action-color) 16%,var(--surface));color:color-mix(in oklch,var(--toy-action-color) 88%,white);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--toy-action-color) 20%,transparent)}.time-adjuster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:var(--space-2);margin-top:var(--space-3);border:1px solid color-mix(in srgb,var(--toy-color) 22%,var(--border-subtle));border-radius:var(--radius-md);background:linear-gradient(160deg,color-mix(in srgb,var(--toy-color) 8%,rgb(15 23 42 / 55%)),#0f172a6b),var(--surface-muted);padding:var(--space-3);box-shadow:inset 0 1px #ffffff0a;animation:adjustPanelIn .18s ease}@keyframes adjustPanelIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.preset-row,.custom-time-actions{display:grid;grid-template-columns:repeat(4,minmax(36px,1fr));gap:5px}.custom-time-block{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-2);border-top:1px solid var(--border-subtle);padding-top:var(--space-2)}.custom-time-actions{grid-template-columns:repeat(2,40px)}.preset-row button,.custom-time-actions button{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:38px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:.76rem;font-weight:900;font-variant-numeric:tabular-nums;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.preset-row.add button,.custom-time-actions button:last-child{border-color:color-mix(in oklch,var(--toy-action-color) 40%,var(--border-default));background:linear-gradient(180deg,color-mix(in oklch,var(--toy-action-color) 14%,transparent),transparent),color-mix(in oklch,var(--toy-action-color) 12%,var(--surface));color:color-mix(in oklch,var(--toy-action-color) 90%,white)}.preset-row.subtract button,.custom-time-actions button:first-child{color:#b45309}.preset-row button:hover,.custom-time-actions button:hover{border-color:color-mix(in oklch,var(--toy-action-color) 58%,transparent);transform:translateY(-1px)}.preset-row button:disabled,.custom-time-actions button:disabled{cursor:not-allowed;opacity:.45;transform:none}.custom-time-field{display:grid;gap:5px}.custom-time-field span{color:var(--text-secondary);font-size:.68rem;font-weight:800;text-transform:uppercase}.custom-time-field input{width:100%;min-height:38px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface);padding:7px 8px;color:var(--text-primary);font-weight:800;font-variant-numeric:tabular-nums}.timestamp-editor{display:grid;gap:var(--space-2);margin-top:var(--space-3);border:1px solid color-mix(in srgb,var(--toy-color) 26%,var(--border-subtle));border-radius:var(--radius-md);background:linear-gradient(165deg,color-mix(in srgb,var(--toy-color) 10%,rgb(15 23 42 / 58%)),#0f172a75),var(--surface-muted);padding:var(--space-3);box-shadow:inset 0 1px #ffffff0d,0 10px 28px #0000002e;animation:adjustPanelIn .18s ease}.timestamp-editor-header{display:grid;gap:1px;padding-bottom:var(--space-1)}.timestamp-editor-title{margin:0;color:var(--text-primary);font-size:.92rem;font-weight:900;letter-spacing:-.01em}.timestamp-editor-desc{margin:0;color:var(--text-muted);font-size:.76rem;font-weight:650;line-height:1.35}.timestamp-list{display:grid;gap:4px}.timestamp-row{overflow:hidden;border:1px solid var(--border-subtle);border-left:3px solid #f59e0b;border-radius:var(--radius-sm);background:#0f172a85;box-shadow:inset 0 1px #ffffff08}.timestamp-row.expanded{background:#0f172aad}.timestamp-row.marker-row{border-left-color:var(--toy-color)}.timestamp-row.lap-row{border-left-color:var(--lap-color)}.timestamp-row-summary{display:grid;grid-template-columns:auto minmax(0,1fr) 16px;grid-template-rows:auto auto;align-items:center;gap:1px 8px;width:100%;border:0;background:transparent;padding:6px 9px;cursor:pointer;text-align:left;color:inherit;transition:background var(--transition-fast)}.timestamp-row-summary:hover{background:#ffffff0a}.timestamp-row-kind{grid-row:1 / span 2;align-self:center;min-width:40px;color:var(--text-muted);font-size:.58rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.timestamp-row-primary{grid-column:2;grid-row:1;overflow:hidden;min-width:0;color:var(--text-primary);font-size:.76rem;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.timestamp-row-meta{grid-column:2;grid-row:2;overflow:hidden;color:var(--text-muted);font-size:.64rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.timestamp-row-chevron{grid-row:1 / span 2;grid-column:3;align-self:center;color:var(--text-muted);transition:transform var(--transition-fast)}.timestamp-row-chevron.is-open{transform:rotate(180deg)}.timestamp-row-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px;align-items:end;gap:var(--space-2);padding:0 9px 9px}.timestamp-row-editor .icon-button.danger{align-self:end;width:36px;height:36px;border-radius:var(--radius-sm)}.timestamp-row.lap-row .timestamp-row-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.timestamp-row.lap-row .timestamp-row-editor .icon-button.danger{grid-column:1 / -1;justify-self:end}.timestamp-section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-top:var(--space-1)}.timestamp-section-heading>span{color:var(--text-primary);font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.timestamp-section-heading .add-button{min-height:36px;padding:0 12px;font-size:.76rem;font-weight:800}.timestamp-section-heading .add-button.compact{min-height:30px;padding:0 9px;font-size:.68rem}.timestamp-heading-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.timestamp-heading-actions .add-button{border-color:color-mix(in srgb,var(--toy-color) 28%,var(--border-default));background:color-mix(in srgb,var(--toy-color) 10%,var(--surface));color:color-mix(in srgb,var(--toy-color) 88%,white)}.timestamp-field{display:grid;gap:6px}.timestamp-field span{color:var(--text-muted);font-size:.66rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.timestamp-field input,.timestamp-field select{width:100%;min-height:36px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface);padding:6px 8px;color:var(--text-primary);font-size:.8rem;font-weight:800;font-variant-numeric:tabular-nums;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.timestamp-row-editor .timestamp-field input,.timestamp-row-editor .timestamp-field select{min-height:34px;font-size:.76rem}.timestamp-field input:focus,.timestamp-field select:focus{border-color:color-mix(in srgb,var(--toy-color) 55%,var(--accent-blue));box-shadow:0 0 0 3px color-mix(in srgb,var(--toy-color) 18%,transparent);outline:none}.icon-button.pulse{animation:timeBump .65s ease}@keyframes timeBump{0%{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--toy-color) 30%,transparent)}45%{transform:scale(1.12);box-shadow:0 0 0 10px color-mix(in srgb,var(--toy-color) 0%,transparent)}to{transform:scale(1)}}.set-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-2);margin-top:var(--space-3)}.day-fields{border-top:1px solid var(--border-subtle)}.day-drawer .day-fields{margin-top:var(--space-2);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0f172a61}.day-drawer .day-fields .section-heading{margin-top:0;margin-bottom:var(--space-2)}.day-drawer .day-fields .set-fields{margin-top:0}.day-notes{display:grid;gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0f172a61}.day-notes .section-heading{margin:0}.day-notes textarea{width:100%;min-height:132px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface);padding:10px;color:var(--text-primary);line-height:1.45;resize:vertical}.day-notes textarea:disabled{cursor:not-allowed;opacity:.58}.day-drawer .flag-toggle,.day-drawer .slider-field,.day-drawer .compact-field input{border-radius:var(--radius-sm);background:var(--surface)}.day-drawer .toy-button{border-radius:var(--radius-md);padding:12px;background:var(--surface-muted)}.day-drawer .toy-button:hover{transform:translateY(-2px)}.day-drawer .empty-state{padding:var(--space-4);border:1px dashed var(--border-default);border-radius:var(--radius-md);background:#0f172a47;text-align:center}.timestamp-editor .empty-state.compact{padding:var(--space-3);border-style:dashed;border-radius:var(--radius-sm);background:#0000001f}.flag-toggle{display:inline-flex;align-items:center;gap:var(--space-2);min-height:42px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-muted);padding:0 10px;color:var(--text-secondary);font-size:.82rem;font-weight:800}.flag-toggle input{width:16px;height:16px;accent-color:var(--accent-blue)}.compact-field{margin-bottom:0}.compact-field input{min-height:42px}.slider-field{display:grid;grid-column:span 2;gap:8px;min-height:66px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-muted);padding:10px}.slider-field span{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--text-secondary);font-size:.82rem;font-weight:800}.slider-field strong{color:var(--text-primary);font-variant-numeric:tabular-nums}.slider-field input{width:100%;accent-color:var(--accent-blue)}.set-card-tools{display:grid;gap:8px;margin-top:var(--space-3)}.set-card-tools-tags{display:flex;flex-wrap:wrap;gap:8px}.step-picker-anchor,.step-picker-reference{display:inline-flex}.tool-chip{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 15px;border:1px solid var(--border-default);border-radius:999px;background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-weight:900;letter-spacing:.02em;transition:border-color var(--transition-fast),background var(--transition-fast),transform .2s cubic-bezier(.34,1.4,.64,1),box-shadow var(--transition-fast),color var(--transition-fast)}.tool-chip--tags{background:linear-gradient(135deg,rgb(96 165 250 / 16%),transparent 58%),var(--surface)}.tool-chip--custom{background:linear-gradient(135deg,rgb(168 85 247 / 18%),transparent 58%),var(--surface)}.tool-chip:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--toy-color) 42%,var(--border-default));color:var(--text-primary)}.tool-chip.active{transform:scale(1.03);border-color:color-mix(in srgb,var(--toy-color) 58%,white);box-shadow:0 8px 22px #0f172a6b;color:var(--text-primary)}.tool-chip--tags.active{background:linear-gradient(135deg,#60a5fa47,#60a5fa14),var(--surface)}.tool-chip--custom.active{background:linear-gradient(135deg,#a855f74d,#a855f71a),var(--surface)}.tool-chip--lap{background:linear-gradient(135deg,rgb(34 197 94 / 16%),transparent 58%),var(--surface)}.tool-chip--lap.active{background:linear-gradient(135deg,#22c55e47,#22c55e14),var(--surface)}.tool-chip--target{background:linear-gradient(135deg,rgb(245 158 11 / 16%),transparent 58%),var(--surface)}.tool-chip--target.active{background:linear-gradient(135deg,#f59e0b47,#f59e0b14),var(--surface)}.tool-chip--timestamps{width:100%;justify-content:center;background:linear-gradient(135deg,rgb(148 163 184 / 14%),transparent 58%),var(--surface)}.tool-chip--timestamps.active{background:linear-gradient(135deg,#94a3b83d,#94a3b814),var(--surface)}.set-card-timestamps-chevron{margin-left:2px;color:var(--text-muted);transition:transform var(--transition-fast)}.set-card-timestamps-chevron.is-open{transform:rotate(180deg)}.set-card-timestamps{display:grid;gap:8px;margin-top:var(--space-3)}.set-card-timestamps .timestamp-editor{margin-top:0}.tool-chip:focus-visible{outline:2px solid color-mix(in srgb,var(--toy-color) 55%,transparent);outline-offset:3px}.step-picker-popover{width:max-content;max-width:min(268px,calc(100vw - 24px));min-width:min(220px,calc(100vw - 24px));padding:12px;border:1px solid color-mix(in srgb,var(--toy-color, #60a5fa) 28%,var(--border-default));border-radius:var(--radius-md);background:radial-gradient(ellipse 120% 80% at 100% 0%,color-mix(in srgb,var(--toy-color, #60a5fa) 14%,transparent),transparent 55%),#0f172af5;box-shadow:0 18px 40px #00000061,0 0 0 1px #ffffff0a inset;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:step-picker-in .2s ease-out}.step-picker-popover--top{animation-name:step-picker-in-top}.step-picker-popover.step-picker-popover--lap,.step-picker-popover.step-picker-popover--target{min-width:min(300px,calc(100vw - 24px));max-width:min(340px,calc(100vw - 24px))}.step-picker-popover .lap-controls--popover,.step-picker-popover .time-adjuster--popover{margin-top:0;border:0;background:transparent;padding:0;box-shadow:none;animation:none}.step-picker-popover .lap-controls--popover{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.step-picker-popover .lap-controls--popover .timestamp-field,.step-picker-popover .lap-controls--popover .custom-time-field:last-of-type{grid-column:1 / -1}.step-picker-popover .lap-controls--popover .add-button{min-height:38px;font-size:.72rem}.step-picker-popover .time-adjuster--popover .custom-time-block{border-top-color:#ffffff14}@keyframes step-picker-in{0%{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}@keyframes step-picker-in-top{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}.step-picker-title{margin:0 0 10px;color:var(--text-muted);font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.step-tag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.step-tag-grid--recent{margin-bottom:8px}.step-tag-saved{position:relative;display:grid;min-width:0}.step-tag-saved .step-tag-option{width:100%;padding-right:30px}.step-tag-remove{position:absolute;top:50%;right:5px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid rgb(248 113 113 / 38%);border-radius:50%;background:#7f1d1dad;color:#fecaca;cursor:pointer;transform:translateY(-50%);transition:background var(--transition-fast),transform var(--transition-fast)}.step-tag-remove:hover{background:#b91c1cc7;transform:translateY(-50%) scale(1.05)}.step-tag-option{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 10px;border:1px solid color-mix(in srgb,var(--tag-accent, #60a5fa) 42%,transparent);border-radius:999px;background:color-mix(in srgb,var(--tag-accent, #60a5fa) 16%,rgb(15 23 42 / 80%));color:color-mix(in srgb,var(--tag-accent, #60a5fa) 88%,white);cursor:pointer;font-size:.74rem;font-weight:900;transition:transform .18s cubic-bezier(.34,1.4,.64,1),box-shadow var(--transition-fast),border-color var(--transition-fast)}.step-tag-option:hover{transform:translateY(-2px) scale(1.04);border-color:color-mix(in srgb,var(--tag-accent, #60a5fa) 72%,white);box-shadow:0 8px 20px color-mix(in srgb,var(--tag-accent, #60a5fa) 22%,transparent)}.step-tag-option:active{transform:scale(.96)}.step-tag-option--custom{--tag-accent: #c084fc}.step-custom-compose{display:flex;align-items:stretch;gap:6px}.step-custom-compose input{flex:1;min-width:0;min-height:40px;border:1px solid var(--border-default);border-radius:999px;background:#0f172a9e;color:var(--text-primary);padding:0 14px;font:inherit;font-size:.8rem;font-weight:750}.step-custom-compose input::placeholder{color:var(--text-muted)}.step-custom-compose input:focus{border-color:color-mix(in srgb,#c084fc 55%,var(--accent-blue));outline:none;box-shadow:0 0 0 2px #c084fc2e}.step-custom-send{display:inline-flex;align-items:center;justify-content:center;width:40px;flex:0 0 40px;border:1px solid color-mix(in srgb,#c084fc 48%,transparent);border-radius:50%;background:color-mix(in srgb,#c084fc 22%,rgb(15 23 42 / 80%));color:#e9d5ff;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.step-custom-send:hover{transform:scale(1.06) rotate(90deg);box-shadow:0 6px 18px #c084fc3d}.step-custom-send:active{transform:scale(.94)}.chat-sheet{position:fixed;right:0;bottom:0;left:0;z-index:38;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--space-3);max-height:min(58dvh,520px);border:1px solid var(--border-default);border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(180deg,#0f172afa,#0b1220fa);padding:var(--space-3) max(var(--space-4),env(safe-area-inset-right)) calc(var(--space-3) + env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left));box-shadow:0 -24px 64px #0000007a;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.chat-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-bottom:2px;border-bottom:1px solid var(--border-subtle)}.chat-sheet-header .eyebrow{margin:0;color:var(--text-secondary);font-size:.95rem;font-weight:800;letter-spacing:-.01em}.chat-sheet-header h2{margin:0;font-size:1rem}.chat-message-list{position:relative;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 2px 2px 0;scroll-behavior:auto}.chat-message-list:not(.is-scroll-ready) .chat-message-virtualizer{visibility:hidden}.chat-message-list>.empty-state{margin:0;padding:var(--space-4) 0;text-align:center;color:var(--text-muted)}.chat-message-virtualizer{position:relative;width:100%}.chat-message{position:absolute;top:0;left:0;display:flex;justify-content:flex-start;width:100%;padding:0 2px 10px;will-change:transform}.chat-message.is-own{justify-content:flex-end}.chat-bubble{display:grid;gap:5px;max-width:min(82%,340px);border:1px solid var(--border-default);border-radius:18px 18px 18px 6px;background:linear-gradient(160deg,#1e293bf0,#0f172aeb);padding:10px 13px;box-shadow:0 8px 22px #00000038,inset 0 1px #ffffff0d}.chat-message.is-own .chat-bubble{border-radius:18px 18px 6px}.chat-message.is-admin .chat-bubble{border-color:#22c55e4d;background:linear-gradient(155deg,#166534c7,#0f172af0);box-shadow:0 10px 26px #22c55e1f,inset 0 1px #ffffff12}.chat-message.is-user .chat-bubble{border-color:#60a5fa47;background:linear-gradient(160deg,#1e3a8a85,#0f172af0)}.chat-bubble-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.chat-bubble-meta strong{font-size:.68rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.chat-message.is-admin .chat-bubble-meta strong{color:#bbf7d0}.chat-message.is-user .chat-bubble-meta strong{color:#bfdbfe}.chat-bubble-meta time{color:var(--text-muted);font-size:.64rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.chat-bubble-body{margin:0;color:var(--text-primary);font-size:.9rem;font-weight:650;line-height:1.42;overflow-wrap:anywhere}.chat-context-chip{display:inline-flex;align-items:center;min-width:0;width:max-content;max-width:100%;border-radius:var(--radius-pill);padding:3px 8px;font-size:.64rem;font-weight:800;line-height:1.35}.chat-message.is-admin .chat-context-chip{border:1px solid rgb(34 197 94 / 32%);background:#22c55e24;color:#dcfce7}.chat-message.is-user .chat-context-chip{border:1px solid rgb(96 165 250 / 28%);background:#60a5fa24;color:#dbeafe}.chat-compose{display:grid;gap:var(--space-2);border-top:1px solid var(--border-subtle);padding-top:var(--space-2)}.chat-context-select{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:.72rem;font-weight:800}.chat-context-select select{min-width:0;min-height:36px;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:#020617c2;color:var(--text-primary);padding:0 12px}.quick-reaction-grid{display:flex;flex-wrap:wrap;gap:8px;overflow:visible}.quick-reaction-grid .quick-reaction-chip{display:inline-flex;flex:0 1 auto;align-items:center;gap:6px;min-width:max-content;max-width:100%;min-height:44px;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:#0f172ae0;padding:10px 14px;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:800;line-height:1.25;text-align:center;white-space:nowrap;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.quick-reaction-grid .quick-reaction-chip:hover{border-color:#60a5fa57;background:#2563eb29;transform:translateY(-1px)}.quick-reaction-grid .quick-reaction-chip:active{transform:scale(.97)}.chat-compose-bar{display:flex;align-items:center;gap:8px;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:#020617b8;padding:5px 5px 5px 14px;box-shadow:inset 0 1px #ffffff0a}.chat-compose-input{flex:1 1 auto;min-width:0;min-height:38px;border:0;background:transparent;color:var(--text-primary);font-size:.9rem;font-weight:650;padding:0}.chat-compose-input::placeholder{color:var(--text-muted)}.chat-send-button{display:grid;flex:0 0 40px;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:linear-gradient(145deg,#4ade80,#16a34a);color:#052e16;cursor:pointer;box-shadow:0 8px 20px #22c55e47;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.chat-send-button:hover:not(:disabled){transform:scale(1.04);box-shadow:0 10px 24px #22c55e5c}.chat-send-button:active:not(:disabled){transform:scale(.96)}.chat-send-button:disabled{cursor:not-allowed;opacity:.38;box-shadow:none}.toast-stack{position:fixed;right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom));z-index:40;display:grid;gap:var(--space-2);width:min(340px,calc(100vw - 32px));pointer-events:none}.toast{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0;border:1px solid rgb(15 23 42 / 12%);border-radius:var(--radius-sm);background:#0f172aeb;padding:10px 12px;color:#fff;box-shadow:var(--shadow-float);font-size:.84rem;font-weight:850;animation:toastIn .22s ease;pointer-events:auto}.toast button{flex:0 0 auto;border:1px solid rgb(255 255 255 / 24%);border-radius:var(--radius-pill);background:#ffffff1f;padding:5px 10px;color:#fff;font:inherit;font-size:.74rem;cursor:pointer}.toast button:hover{background:#fff3}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-drawer{background:radial-gradient(ellipse 90% 35% at 0% 0%,rgb(96 165 250 / 12%) 0%,transparent 55%),linear-gradient(180deg,var(--surface-elevated) 0%,var(--surface) 14%,var(--surface) 100%)}.settings-drawer .drawer-header{margin-bottom:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.settings-drawer .drawer-header .eyebrow{color:var(--accent-blue);font-weight:800;letter-spacing:.1em}.settings-drawer .drawer-header h2{font-size:clamp(1.35rem,3vw,1.55rem);font-weight:900}.settings-group{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.settings-group:first-of-type{margin-top:var(--space-3);padding-top:0;border-top:0}.settings-section-head{display:grid;gap:4px;margin-bottom:var(--space-3)}.settings-section-head h3{margin:0;color:var(--text-primary);font-size:1rem;font-weight:900;letter-spacing:-.01em}.settings-section-head p{margin:0;color:var(--text-muted);font-size:.8rem;font-weight:650;line-height:1.4}.settings-list{display:grid;gap:var(--space-3);margin-bottom:var(--space-3)}.settings-card{display:grid;gap:0;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:linear-gradient(160deg,#0f172a8c,#0f172a52),var(--surface-muted);padding:var(--space-2) var(--space-3);box-shadow:inset 0 1px #ffffff0a;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.settings-card.is-expanded{padding-bottom:var(--space-3);border-color:color-mix(in srgb,var(--layer-color, var(--toy-color, var(--accent-blue))) 28%,var(--border-subtle));box-shadow:inset 0 1px #ffffff0d,0 8px 22px #00000029}.settings-card-preview{display:grid;grid-template-columns:auto minmax(0,1fr) 20px;align-items:center;gap:var(--space-2);width:100%;min-height:48px;border:0;border-radius:var(--radius-sm);background:transparent;padding:4px 0;color:inherit;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.settings-card-preview:hover{background:#ffffff08}.settings-card-preview:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.settings-preview-swatch{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#fff;font-size:.72rem;font-weight:900;text-transform:uppercase;flex-shrink:0}.settings-preview-copy{display:grid;gap:2px;min-width:0}.settings-preview-copy strong{overflow:hidden;color:var(--text-primary);font-size:.92rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.settings-preview-copy small{overflow:hidden;color:var(--text-muted);font-size:.74rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.settings-card-chevron{color:var(--text-muted);flex-shrink:0;transition:transform var(--transition-fast)}.settings-card-chevron.is-open{transform:rotate(180deg)}.settings-card-body{display:grid;gap:var(--space-3);padding-top:var(--space-2);border-top:1px dashed var(--border-subtle);animation:settingsBodyIn .16s ease}@keyframes settingsBodyIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.settings-card-body .settings-card-top{grid-template-columns:minmax(0,1fr) 40px}.settings-card--layer{border-left:3px solid var(--layer-color, var(--accent-blue))}.settings-card--toy{border-left:3px solid var(--toy-color, var(--accent-amber))}.settings-card--field.is-expanded{border-left:3px solid var(--accent-blue)}.settings-preview-type{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-size:.82rem;font-weight:900;flex-shrink:0}.settings-preview-type.is-flag{border-color:#22c55e59;background:#22c55e1f;color:#86efac}.settings-preview-type.is-number{border-color:#60a5fa59;background:#60a5fa1f;color:#93c5fd}.settings-preview-type.is-slider{border-color:#f59e0b59;background:#f59e0b1f;color:#fcd34d}.settings-card-body--field{grid-template-columns:minmax(0,1fr) 140px 40px;align-items:end}.settings-card-top{display:grid;grid-template-columns:48px minmax(0,1fr) 40px;align-items:end;gap:var(--space-2)}.settings-card-grid{display:grid;gap:var(--space-2)}.settings-card-grid--layer{grid-template-columns:minmax(0,1.4fr) 72px 56px 96px;align-items:end}.settings-card-grid--toy{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.settings-card-grid--tag{grid-template-columns:minmax(0,1fr);align-items:end}.settings-card-body .settings-card-actions{display:flex;justify-content:flex-end;gap:6px;padding-top:var(--space-2);border-top:1px dashed var(--border-subtle)}.settings-field{display:grid;gap:6px;min-width:0}.settings-field span{color:var(--text-muted);font-size:.66rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.settings-field input,.settings-field select{min-height:40px;padding:8px 10px;font-size:.86rem;font-weight:750}.settings-field input[type=color]{height:40px;min-height:40px;padding:4px;cursor:pointer}.settings-field--short input{text-align:center;font-weight:900;text-transform:uppercase}.settings-field--color{max-width:56px}.settings-card-body .settings-media{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--border-subtle)}.settings-upload-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:1px solid color-mix(in srgb,var(--toy-color, var(--accent-blue)) 35%,var(--border-default));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--toy-color, var(--accent-blue)) 12%,var(--surface));padding:0 14px;color:color-mix(in srgb,var(--toy-color, #93c5fd) 85%,white);cursor:pointer;font-size:.8rem;font-weight:800;white-space:nowrap;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.settings-upload-btn:hover{border-color:color-mix(in srgb,var(--toy-color, var(--accent-blue)) 55%,transparent);box-shadow:0 6px 18px color-mix(in srgb,var(--toy-color, var(--accent-blue)) 16%,transparent);transform:translateY(-1px)}.settings-upload-btn:active{transform:scale(.98)}.settings-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:42px;border:1px dashed var(--border-default);border-radius:var(--radius-sm);background:#0f172a47;color:var(--text-secondary);cursor:pointer;font-size:.84rem;font-weight:800;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.settings-add-btn:hover{border-color:color-mix(in srgb,var(--accent-blue) 45%,var(--border-default));background:#60a5fa1a;color:#dbeafe}.settings-chip-actions{display:flex;flex-wrap:wrap;gap:6px}.settings-chip-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-muted);padding:0 14px;color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-weight:800;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.settings-chip-btn:hover{border-color:#60a5fa66;background:#60a5fa1f;color:#dbeafe;transform:translateY(-1px)}.settings-sync-panel{display:grid;gap:var(--space-3);border:1px solid color-mix(in srgb,var(--accent-green) 22%,var(--border-subtle));border-radius:var(--radius-md);background:linear-gradient(155deg,#14532d24,#0f172a6b),var(--surface-muted);padding:var(--space-4);box-shadow:inset 0 1px #ffffff0a}.settings-sync-status{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:.82rem;font-weight:750}.settings-group--sync .settings-note{margin:0;font-size:.78rem}.settings-drawer .settings-note{margin:0}.add-button{padding:0 16px;font-weight:700}.crop-backdrop{z-index:50;align-items:center;justify-content:center;background:#070b12c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none}.crop-dialog{display:grid;gap:var(--space-4);width:min(420px,calc(100vw - 28px));max-height:min(92vh,760px);overflow:auto;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-5);box-shadow:var(--shadow-float);animation:fadeIn var(--transition-medium)}.settings-crop-dialog{background:radial-gradient(ellipse 80% 40% at 50% 0%,rgb(96 165 250 / 12%) 0%,transparent 60%),var(--surface)}.settings-crop-dialog .drawer-header{padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.settings-crop-dialog .crop-actions .add-button:first-child{border-color:color-mix(in srgb,var(--accent-blue) 40%,var(--border-default));background:#60a5fa24;color:#dbeafe}.crop-hint{margin:0;color:var(--text-muted);font-size:.8rem;font-weight:650;line-height:1.4;text-align:center}.crop-stage{position:relative;width:min(300px,calc(100vw - 56px));aspect-ratio:1;overflow:hidden;justify-self:center;border:1px solid var(--border-default);border-radius:var(--radius-md);background:#05080f;touch-action:none;user-select:none;-webkit-user-select:none}.crop-stage-image{position:absolute;display:block;object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none}.crop-box{position:absolute;z-index:2;border:2px solid #f8fafc;border-radius:2px;box-shadow:0 0 0 9999px #00000085;cursor:grab;touch-action:none}.crop-box:active{cursor:grabbing}.crop-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to right,transparent calc(33.33% - .5px),rgb(248 250 252 / 28%) calc(33.33% - .5px),rgb(248 250 252 / 28%) calc(33.33% + .5px),transparent calc(33.33% + .5px)),linear-gradient(to right,transparent calc(66.66% - .5px),rgb(248 250 252 / 28%) calc(66.66% - .5px),rgb(248 250 252 / 28%) calc(66.66% + .5px),transparent calc(66.66% + .5px)),linear-gradient(to bottom,transparent calc(33.33% - .5px),rgb(248 250 252 / 28%) calc(33.33% - .5px),rgb(248 250 252 / 28%) calc(33.33% + .5px),transparent calc(33.33% + .5px)),linear-gradient(to bottom,transparent calc(66.66% - .5px),rgb(248 250 252 / 28%) calc(66.66% - .5px),rgb(248 250 252 / 28%) calc(66.66% + .5px),transparent calc(66.66% + .5px))}.crop-handle{position:absolute;width:26px;height:26px;border:2px solid #0f172a;border-radius:50%;background:#f8fafc;padding:0;cursor:nwse-resize;touch-action:none}.crop-handle--nw{top:-13px;left:-13px;cursor:nwse-resize}.crop-handle--ne{top:-13px;right:-13px;cursor:nesw-resize}.crop-handle--sw{bottom:-13px;left:-13px;cursor:nesw-resize}.crop-handle--se{right:-13px;bottom:-13px;cursor:nwse-resize}.crop-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}@media(max-width:860px){.app-shell{width:calc(100vw - 16px);padding-top:var(--space-3);padding-bottom:calc(88px + env(safe-area-inset-bottom))}.topbar{align-items:center}.habit-title{max-width:none}.topbar-actions-cluster{opacity:.9}.stats-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--space-2);padding-bottom:2px;scrollbar-width:none}.stats-grid::-webkit-scrollbar{display:none}.stat-card{flex:0 0 132px;scroll-snap-align:start;border-left-width:1px;border-top:3px solid var(--accent-green)}.stat-card--tracked{flex:0 0 120px;border-top-color:var(--accent-green)}.stat-card--daily,.stat-card--weekly,.stat-card--lap-total{flex:0 0 168px}.stat-card--daily{border-top-color:var(--accent-amber)}.stat-card--weekly{border-top-color:var(--accent-blue)}.stat-card--toy-total{flex:0 0 156px;border-top-color:var(--accent-red)}.stat-card--lap-total{border-top-color:#a78bfa}.stat-card>strong{font-size:1.35rem}.stat-card--tracked>strong{font-size:1.5rem}.stat-metric strong{font-size:1.25rem}.stat-section,.stat-panel{padding:var(--space-2)}.stat-section--split,.toy-stat-grid{grid-template-columns:1fr}.toy-stat-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-stat-row{grid-template-columns:auto minmax(0,1fr)}.mode-stat-row>strong{grid-column:2}.grid-toolbar{align-items:stretch;flex-direction:column;gap:var(--space-2)}.weekday-header{grid-template-columns:repeat(7,1fr);gap:4px}.weekday-header>span:first-child{display:none}.virtual-stage{min-width:0}.week-scroller{min-height:50vh}.week-row{grid-template-columns:repeat(7,1fr);grid-template-rows:auto auto auto;min-height:152px;padding:10px 8px;gap:6px}.week-label{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between}.week-progress{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;gap:6px}.day-cell{min-height:56px}.day-main{padding:6px 4px}.day-number{font-size:.82rem;text-align:center}.layer-dots{padding-top:6px;gap:3px}.layer-dot{width:24px;height:24px;font-size:.58rem}.drawer-backdrop{align-items:flex-end;justify-content:center}.drawer{width:100%;height:auto;max-height:min(92vh,100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-3) var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom));box-shadow:0 -12px 40px #0f172a29;animation:slideUp var(--transition-medium)}.drawer.wide{width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-handle{display:block;width:42px;height:5px;margin:0 auto var(--space-4);border-radius:var(--radius-pill);background:#94a3b847}.day-drawer{border:1px solid var(--border-subtle);padding:var(--space-3)}.day-drawer .drawer-header{padding-bottom:var(--space-3)}.day-drawer .set-card{padding:var(--space-3)}.day-drawer .set-card-header{margin-bottom:var(--space-2)}.day-drawer .timer-panel,.day-drawer .lap-panel,.day-drawer .lap-history{margin-top:var(--space-2)}.day-drawer .lap-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:10px var(--space-3)}.day-drawer .lap-metrics{grid-template-columns:repeat(2,minmax(56px,max-content));gap:10px}.day-drawer .lap-metrics>div{text-align:right}.day-drawer .lap-history-head{flex-wrap:wrap;align-items:baseline;gap:2px 10px}.day-drawer .lap-history-row{grid-template-columns:18px 26px minmax(0,1fr) minmax(44px,auto) minmax(44px,auto);min-height:34px;padding:5px 7px}.day-drawer .lap-history-metric{display:inline-flex;flex-wrap:nowrap;align-items:baseline;justify-content:flex-end;gap:4px}.start-set-fields{grid-template-columns:1fr 1fr}.start-set-submit{grid-column:1 / -1}.lap-controls,.manual-lap-form,.time-adjuster{grid-template-columns:1fr}.preset-row{grid-template-columns:repeat(4,minmax(0,1fr))}.custom-time-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.timestamp-row-editor{grid-template-columns:1fr}.timestamp-row-editor .icon-button.danger{justify-self:end}.step-tag-grid,.settings-card-grid--layer{grid-template-columns:1fr 1fr}.settings-card-grid--layer .settings-field--grow{grid-column:1 / -1}.settings-card-grid--toy,.settings-card-body--field{grid-template-columns:1fr}.settings-card-body--field .icon-button.danger{justify-self:end}.settings-media{grid-template-columns:1fr}.settings-upload-btn{width:100%}.settings-chip-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.settings-chip-btn{min-width:0;padding:0 8px}}@media(max-width:480px){.app-shell{width:calc(100vw - 12px)}.habit-title{font-size:1.2rem}.stat-card{padding:10px}.stat-card--tracked{flex:0 0 108px}.stat-card--daily,.stat-card--weekly{flex:0 0 152px}.stat-card>strong{font-size:1.25rem}.stat-card--tracked>strong{font-size:1.4rem}.stat-metric strong{font-size:1.15rem}.layer-dot{width:22px;height:22px}.set-card{padding:var(--space-3)}.set-card-header{margin-bottom:var(--space-2)}.timer-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px}.timer-panel span{font-size:.6rem;letter-spacing:.04em}.timer-panel strong{font-size:1rem}.lap-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:var(--space-2);padding:10px}.lap-panel-head{grid-template-columns:28px minmax(0,1fr);gap:8px}.lap-panel-head strong{font-size:.8rem}.lap-panel-head small{font-size:.66rem}.lap-badge{width:28px;height:28px;font-size:.64rem}.lap-metrics{grid-template-columns:repeat(2,minmax(52px,max-content));gap:10px}.lap-metrics>div{text-align:right}.lap-metrics span{font-size:.58rem}.lap-metrics strong{font-size:.92rem}.lap-history{margin-top:var(--space-2);padding:10px}.lap-history-head{align-items:baseline;flex-wrap:wrap;gap:2px 8px}.lap-history-head span{font-size:.72rem}.lap-history-head small{font-size:.66rem}.lap-history-list{gap:4px}.lap-history-row{grid-template-columns:16px 24px minmax(0,1fr) minmax(44px,auto) minmax(44px,auto);gap:6px;min-height:32px;padding:4px 6px}.lap-history-metric{display:inline-flex;flex-wrap:nowrap;align-items:baseline;justify-content:flex-end;gap:3px;text-align:right}.lap-history-metric small{font-size:.58rem;line-height:1}.lap-history-metric strong{font-size:.72rem;line-height:1}.lap-history-copy strong{font-size:.72rem}.lap-history-copy small{font-size:.6rem}.toast-stack{right:8px;bottom:calc(8px + env(safe-area-inset-bottom));width:calc(100vw - 16px)}}