:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sd-coral:#f3957f;--sd-coral-hover:#ee866e;--sd-coral-active:#e67960;--sd-coral-glow:#f3957f4d;--sd-radius-sm:8px;--sd-radius-md:12px;--sd-radius-lg:16px;--sd-radius-xl:20px;--sd-radius-pill:9999px;--sd-transition:.18s cubic-bezier(.16, 1, .3, 1);--sd-transition-fast:.14s cubic-bezier(.16, 1, .3, 1);--font-display:var(--font-sans);--sd-orange:var(--sd-coral);--sd-orange-hover:var(--sd-coral-hover);--sd-orange-active:var(--sd-coral-active);--sd-orange-glow:var(--sd-coral-glow);--sd-orange-subtle:#f3957f1f}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sd-coral:#8086d4;--sd-coral-hover:#7278c7;--sd-coral-active:#646abb;--sd-coral-glow:#8086d442;--sd-orange:var(--sd-coral);--sd-orange-hover:var(--sd-coral-hover);--sd-orange-active:var(--sd-coral-active);--sd-orange-glow:var(--sd-coral-glow);--sd-orange-subtle:#8086d41f;--sd-bg-base:#f0effa;--sd-card-bg:#fbfaffc2;--sd-card-border:#5b60a41a;--sd-card-shadow:0 2px 5px #44457e09, 0 12px 30px -8px #5e5ea41f, inset 0 1px 0 #fffffff5;--sd-bg-surface:#fbfaffc2;--sd-bg-subtle:#f6f5fcb8;--sd-track-bg:#e9e8f5;--sd-border-glass:#5b60a41a;--sd-border-soft:#5b60a421;--sd-border-strong:#5b60a438;--sd-shadow-sm:0 2px 8px #51529112, inset 0 1px 0 #fffffff2;--sd-shadow-card:var(--sd-card-shadow);--sd-text-primary:#252744;--sd-text-secondary:#555978;--sd-text-muted:#777b99;--sd-input-bg:#fcfbff;--sd-input-border:#dedff0;--sd-input-border-focus:#8086d4;--sd-input-ring:#8086d433;--sd-banner-bg:#f6f5ff;--sd-banner-border:#dadaf3;--sd-banner-text:#4f5278;--sd-glass-btn-bg:#fbfaffeb;--sd-glass-btn-border:#5b60a41a;--sd-glass-btn-hover-bg:#fff;--sd-glass-btn-hover-border:#5b60a433;--sd-backdrop-scrim:linear-gradient(90deg, #f0effac2 0%, #f0effa47 45%, #f2efe900 100%)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sd-bg-base:#090d14;--sd-card-bg:linear-gradient(160deg, #1e2738c7, #121722b8);--sd-card-border:#ffffff0f;--sd-card-shadow:0 12px 32px -4px #00000080, inset 0 1px 0 0 #ffffff17;--sd-bg-surface:#121722b8;--sd-bg-subtle:#0d121b94;--sd-track-bg:#0d121b;--sd-border-glass:#ffffff0f;--sd-border-soft:#ffffff17;--sd-border-strong:#ffffff2e;--sd-shadow-sm:0 8px 24px -4px #0006, inset 0 1px 0 0 #ffffff14;--sd-shadow-card:0 12px 32px -4px #00000080, inset 0 1px 0 0 #ffffff17;--sd-text-primary:#f3f4f6;--sd-text-secondary:#9ca3af;--sd-text-muted:#8a94a6;--sd-input-bg:#0f172a99;--sd-input-border:#ffffff1a;--sd-input-border-focus:#f3957f;--sd-input-ring:#f3957f40;--sd-banner-bg:#f3957f14;--sd-banner-border:#f3957f38;--sd-banner-text:#e5e7eb;--sd-glass-btn-bg:#ffffff0f;--sd-glass-btn-border:#ffffff1a;--sd-glass-btn-hover-bg:#ffffff1f;--sd-glass-btn-hover-border:#fff3;--sd-backdrop-scrim:linear-gradient(90deg, #090d14b3 0%, #090d1440 45%, #090d1400 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;max-height:100dvh;font-family:var(--font-sans);color:var(--sd-text-primary);background-color:var(--sd-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100%;max-height:100vh;position:relative;overflow:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}a{color:inherit;text-decoration:none}.studyduel-backdrop-root{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.backdrop-layer{opacity:0;background-position:100%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:scale(1.01)}.backdrop-layer.active{opacity:1;transform:scale(1)}.backdrop-gradient-scrim{background:var(--sd-backdrop-scrim);width:100%;height:100%;transition:background var(--sd-transition);position:absolute;top:0;left:0}@media (width<=900px){.backdrop-layer{background-position:70%}}.minimal-theme-toggle{border-radius:var(--sd-radius-pill);background:var(--sd-glass-btn-bg);border:1px solid var(--sd-glass-btn-border);width:40px;height:40px;color:var(--sd-text-primary);-webkit-backdrop-filter:blur(6px);cursor:pointer;justify-content:center;align-items:center;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.minimal-theme-toggle:hover{background:var(--sd-glass-btn-hover-bg);border-color:var(--sd-glass-btn-hover-border);transform:translateY(-2px);box-shadow:0 4px 12px #372a1c1a}.minimal-theme-toggle:active{transform:translateY(0)scale(.94);box-shadow:0 1px 3px #372a1c14}.theme-toggle-icon{width:18px;height:18px;transition:transform var(--sd-transition)}.minimal-theme-toggle:hover .theme-toggle-icon{transform:rotate(18deg)scale(1.08)}.minimal-header-actions{z-index:50;align-items:center;gap:10px;display:flex;position:relative}.minimal-try-me-btn{border-radius:var(--sd-radius-pill);background:var(--sd-glass-btn-bg);border:1px solid var(--sd-glass-btn-border);height:38px;color:var(--sd-text-primary);font-family:var(--font-sans);letter-spacing:-.01em;-webkit-backdrop-filter:blur(6px);cursor:pointer;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:500;transition:background .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s;display:inline-flex;box-shadow:0 2px 8px #372a1c0f}.minimal-try-me-btn:hover{background:var(--sd-glass-btn-hover-bg);border-color:var(--sd-glass-btn-hover-border);transform:translateY(-2px);box-shadow:0 5px 14px #372a1c1f}.minimal-try-me-btn:active{transform:translateY(0)scale(.98);box-shadow:0 1px 3px #372a1c14}.minimal-try-me-btn:focus-visible,.minimal-theme-toggle:focus-visible{outline:2px solid var(--sd-coral);outline-offset:3px}@media (width<=640px){.minimal-header-actions{gap:8px}}[data-theme=light] .minimal-try-me-btn,[data-theme=light] .minimal-theme-toggle{border:1px solid var(--sd-glass-btn-border);color:#1f2937;-webkit-backdrop-filter:blur(12px);text-shadow:none;font-weight:500;box-shadow:0 2px 8px #372a1c0f;background:var(--sd-glass-btn-bg)!important}[data-theme=light] .minimal-try-me-btn:hover,[data-theme=light] .minimal-theme-toggle:hover{border-color:var(--sd-glass-btn-hover-border);color:#1f2937;box-shadow:0 5px 14px #372a1c1f,0 0 0 3px #1f29370d;background:var(--sd-glass-btn-hover-bg)!important}@media (prefers-reduced-motion:reduce){.minimal-try-me-btn,.minimal-theme-toggle,.theme-toggle-icon{transition:none!important}}.studyduel-logo-wrapper{-webkit-user-select:none;user-select:none;transition:transform var(--sd-transition);align-items:center;margin:0;display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.studyduel-logo-wrapper:hover{transform:translateY(-1px)}.studyduel-logo-img{object-fit:contain;filter:drop-shadow(0 1px 2px #0000000d);width:auto;height:52px;transition:opacity var(--sd-transition);display:block;background:0 0!important}.studyduel-logo-lightmark{object-fit:contain;background:0 0;width:144px;height:36px;display:block}[data-theme=dark] .studyduel-logo-img{filter:drop-shadow(0 2px 6px #0006)}.studyduel-logo-wrapper.size-small .studyduel-logo-img{height:28px}.studyduel-logo-wrapper.size-small .studyduel-logo-lightmark{width:112px;height:28px}.studyduel-logo-wrapper.size-medium .studyduel-logo-img{height:36px}.studyduel-logo-wrapper.size-large .studyduel-logo-img{height:60px}.studyduel-logo-wrapper.size-large .studyduel-logo-lightmark{width:240px;height:60px}.compact-form-field{flex-direction:column;gap:5px;width:100%;display:flex}.compact-field-label{font-family:var(--font-sans);color:var(--sd-text-primary);letter-spacing:-.01em;font-size:12px;font-weight:600}.compact-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.compact-input-icon.left{color:var(--sd-text-muted);pointer-events:none;transition:color var(--sd-transition);justify-content:center;align-items:center;display:flex;position:absolute;left:12px}.compact-input{border-radius:var(--sd-radius-md);background:var(--sd-input-bg);border:1px solid var(--sd-input-border);width:100%;height:40px;color:var(--sd-text-primary);font-family:var(--font-sans);letter-spacing:-.01em;transition:all var(--sd-transition);padding:0 12px;font-size:13.5px}.compact-input::placeholder{color:var(--sd-text-muted);font-weight:400}.compact-input.has-left-icon{padding-left:38px}.compact-input.has-right-slot{padding-right:38px}.compact-input:focus{border-color:var(--sd-input-border-focus);box-shadow:0 0 0 3px var(--sd-input-ring);background:var(--sd-input-bg)}.compact-input-wrapper:focus-within .compact-input-icon.left{color:var(--sd-coral)}.compact-input-right-slot{justify-content:center;align-items:center;display:flex;position:absolute;right:10px}.compact-form-field.has-error .compact-input{border-color:#ef4444}.compact-field-error{color:#ef4444;margin-top:1px;font-size:11px}.compact-notice-banner{border-radius:var(--sd-radius-md);background:var(--sd-banner-bg);border:1px solid var(--sd-banner-border);color:var(--sd-banner-text);transition:all var(--sd-transition);margin-bottom:16px;padding:10px 14px}.notice-banner-text{font-family:var(--font-sans);color:inherit;letter-spacing:-.01em;font-size:12px;font-weight:450;line-height:1.45}.compact-social-section{width:100%;margin-top:14px}.compact-divider{align-items:center;gap:12px;margin-bottom:12px;display:flex}.divider-line{background:var(--sd-input-border);flex:1;height:1px}.divider-label{font-family:var(--font-sans);color:var(--sd-text-muted);white-space:nowrap;font-size:11.5px;font-weight:450}.compact-google-btn{border-radius:var(--sd-radius-md);background:var(--sd-input-bg);border:1px solid var(--sd-input-border);width:100%;height:40px;color:var(--sd-text-primary);font-family:var(--font-sans);letter-spacing:-.01em;transition:all var(--sd-transition);justify-content:center;align-items:center;gap:10px;padding:0 14px;font-size:13px;font-weight:500;display:flex}.compact-google-btn:hover{background:var(--sd-glass-btn-hover-bg);border-color:var(--sd-text-muted);transform:translateY(-.5px)}.compact-google-btn:active{transform:scale(.99)}.login-card-container{background:var(--sd-card-bg);border:1px solid var(--sd-card-border);border-radius:var(--sd-radius-lg);width:100%;max-width:420px;box-shadow:var(--sd-card-shadow);-webkit-backdrop-filter:blur(20px);transition:all var(--sd-transition);flex-direction:column;padding:24px 26px;display:flex}.login-badge-wrapper{margin-bottom:4px}.login-progress-badge{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--sd-coral);font-size:10.5px;font-weight:700;display:inline-block}.login-card-header{margin-bottom:14px}.login-main-title{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--sd-text-primary);margin-bottom:4px;font-size:26px;font-weight:700;line-height:1.15}.login-subtitle{font-family:var(--font-sans);color:var(--sd-text-secondary);letter-spacing:-.01em;font-size:13px;font-weight:400;line-height:1.45}.login-form{flex-direction:column;gap:12px;width:100%;display:flex}.login-general-error{border-radius:var(--sd-radius-sm);color:#ef4444;background:#ef44441a;border:1px solid #ef444440;padding:8px 12px;font-size:12px;font-weight:500}.password-field-container{flex-direction:column;gap:4px;display:flex}.password-toggle-btn{color:var(--sd-text-muted);transition:color var(--sd-transition);border-radius:4px;justify-content:center;align-items:center;padding:3px;display:flex}.password-toggle-btn:hover{color:var(--sd-text-primary)}.forgot-password-row{justify-content:flex-end;margin-top:1px;display:flex}.forgot-password-link{font-family:var(--font-sans);color:var(--sd-text-secondary);letter-spacing:-.01em;transition:color var(--sd-transition);font-size:12px;font-weight:450}.forgot-password-link:hover{color:var(--sd-coral);text-decoration:underline}.login-submit-btn{border-radius:var(--sd-radius-md);background:var(--sd-coral);color:#fff;width:100%;height:40px;font-family:var(--font-sans);letter-spacing:-.01em;box-shadow:0 4px 12px -2px var(--sd-coral-glow);transition:all var(--sd-transition);justify-content:center;align-items:center;gap:8px;margin-top:2px;font-size:13.5px;font-weight:600;display:flex}.login-submit-btn:hover:not(:disabled){background:var(--sd-coral-hover);box-shadow:0 6px 16px -2px var(--sd-coral-glow);transform:translateY(-.5px)}.login-submit-btn:active:not(:disabled){background:var(--sd-coral-active);transform:scale(.99)}.login-submit-btn:disabled{opacity:.75;cursor:not-allowed}.btn-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-card-footer{text-align:center;font-family:var(--font-sans);letter-spacing:-.01em;margin-top:14px;font-size:12.5px}.footer-text{color:var(--sd-text-secondary)}.signup-link-btn{color:var(--sd-coral);transition:all var(--sd-transition);padding:1px 2px;font-weight:600}.signup-link-btn:hover{text-decoration:underline}@media (width<=480px){.login-card-container{border-radius:var(--sd-radius-md);padding:20px 18px}}.login-page-wrapper{flex-direction:column;width:100%;height:100dvh;max-height:100dvh;display:flex;position:relative;overflow:hidden}.login-header-bar{z-index:30;flex-shrink:0;justify-content:space-between;align-items:flex-start;width:100%;padding:28px 48px 12px;display:flex;position:relative}.login-brand-header{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.login-brand-tagline{color:var(--sd-text-secondary);font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;padding-left:2px;font-size:11.5px;font-weight:600;line-height:1.4}.login-page-main{z-index:10;flex:1;align-items:center;width:100%;min-height:0;padding:8px 48px 24px;display:flex;position:relative;overflow-y:auto}.login-left-pane{z-index:10;flex-direction:column;gap:0;width:100%;max-width:420px;margin:auto 0;display:flex;transform:translate(clamp(0px,4vw + 50px,120px))}.login-logo-header{align-items:center;display:flex}.login-form-wrapper{width:100%}.login-right-pane{pointer-events:none;flex:1}.login-toast-notification{z-index:100;border-radius:var(--sd-radius-md);font-family:var(--font-sans);letter-spacing:-.01em;-webkit-backdrop-filter:blur(16px);align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;display:flex;position:fixed;bottom:24px;right:28px;box-shadow:0 8px 24px -4px #0003}.toast-success{color:#fff;background:#10b981f2}.toast-info{background:var(--sd-card-bg);color:var(--sd-text-primary);border:1px solid var(--sd-card-border)}@media (width<=1024px){.login-header-bar{padding:20px 32px 10px}.login-page-main{padding:8px 32px 20px}.login-left-pane{transform:translate(clamp(0px,3vw + 20px,60px))}}@media (width<=768px){.login-header-bar{padding:16px 20px 8px}.login-brand-header{gap:4px}.login-brand-tagline{font-size:10px}.login-page-main{justify-content:center;padding:12px 20px 20px}.login-left-pane{align-items:center;max-width:400px;margin:auto;transform:none}}.timer-root{flex-direction:column;gap:20px;width:100%;max-width:none;margin:0 auto;display:flex}.timer-deck-card{background:var(--sd-bg-surface);border:1px solid var(--sd-border-glass);border-radius:var(--sd-radius-xl);box-shadow:var(--sd-shadow-card);-webkit-backdrop-filter:blur(24px);transition:all var(--sd-transition);grid-template-columns:minmax(0,1.1fr) minmax(520px,.9fr);gap:0;display:grid;overflow:hidden}@media (width<=1080px){.timer-deck-card{grid-template-columns:1fr}}.timer-cmd-column{flex-direction:column;gap:24px;min-width:0;padding:32px 36px 30px;display:flex}.timer-cmd-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.timer-deck-badge{background:var(--sd-bg-subtle);border:1px solid var(--sd-border-glass);border-radius:var(--sd-radius-pill);align-items:center;gap:8px;padding:5px 12px;display:inline-flex}.deck-badge-dot{background:var(--sd-text-muted);border-radius:50%;width:6.5px;height:6.5px;transition:all .3s}.deck-badge-dot.live{background:var(--sd-coral);animation:2s cubic-bezier(.4,0,.6,1) infinite livePulse;box-shadow:0 0 0 3px #f3957f40}@keyframes livePulse{0%,to{box-shadow:0 0 0 3px #f3957f40}50%{box-shadow:0 0 0 7px #f3957f00}}.deck-badge-text{letter-spacing:.12em;color:var(--sd-text-primary);font-variant-numeric:tabular-nums;text-transform:uppercase;font-size:10px;font-weight:700}.timer-flash-notice{color:var(--sd-coral);font-size:12px;font-weight:600;animation:.3s fadeIn}.t-section-header{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.t-section-title{letter-spacing:.14em;color:var(--sd-text-muted);text-transform:uppercase;font-size:10px;font-weight:700}.t-section-sub{color:var(--sd-text-muted);opacity:.75;font-size:11px;font-weight:500}.timer-primary-selectors{background:var(--sd-bg-subtle);border:1px solid var(--sd-border-glass);border-radius:var(--sd-radius-lg);flex-direction:column;gap:16px;padding:18px 20px;display:flex}.timer-selects-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.timer-field{flex-direction:column;gap:6px;display:flex}.timer-field-label{letter-spacing:.12em;color:var(--sd-text-muted);font-size:9.5px;font-weight:700}.t-select{width:100%;position:relative}.t-select-btn{background:var(--sd-card-bg);border:1px solid var(--sd-border-strong);border-radius:var(--sd-radius-md);width:100%;height:42px;color:var(--sd-text-primary);cursor:pointer;transition:all var(--sd-transition);align-items:center;gap:10px;padding:0 14px;font-size:13.5px;font-weight:500;display:flex;box-shadow:0 1px 2px #0000000a}.t-select-btn:hover:not(:disabled){border-color:var(--sd-coral)}.t-select.open .t-select-btn{border-color:var(--sd-coral);box-shadow:0 0 0 3px var(--sd-coral-glow)}.t-select.disabled .t-select-btn{opacity:.45;cursor:not-allowed}.t-sel-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.t-sel-text{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.t-sel-chevron{color:var(--sd-text-muted);transition:transform .2s}.t-select.open .t-sel-chevron{transform:rotate(180deg)}.t-select-menu{background:var(--sd-card-bg);border:1px solid var(--sd-border-strong);border-radius:var(--sd-radius-md);box-shadow:var(--sd-card-shadow);z-index:50;-webkit-backdrop-filter:blur(20px);max-height:220px;padding:4px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.t-select-opt{width:100%;color:var(--sd-text-primary);border-radius:var(--sd-radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;font-size:13px;transition:background .15s;display:flex}.t-select-opt:hover{background:var(--sd-bg-subtle)}.t-select-opt.sel{color:var(--sd-coral);background:#f3957f14;font-weight:600}.timer-top-combos-section{flex-direction:column;display:flex}.t-combos-grid{flex-direction:column;gap:8px;display:flex}.t-combo-card{background:var(--sd-bg-subtle);border:1px solid var(--sd-border-glass);border-radius:var(--sd-radius-md);transition:all var(--sd-transition);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:relative}.t-combo-card:hover{background:var(--sd-card-bg);border-color:var(--sd-border-strong);transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.t-combo-card.is-active{background:var(--sd-card-bg);border-color:var(--sd-coral);box-shadow:0 0 0 1px var(--sd-coral), 0 8px 24px -8px var(--sd-coral-glow)}.t-combo-info{flex-direction:column;gap:3px;min-width:0;display:flex}.t-combo-head{align-items:center;gap:8px;display:flex}.t-combo-rank{color:var(--sd-text-muted);font-variant-numeric:tabular-nums;opacity:.7;font-size:10px;font-weight:700}.t-combo-dot{border-radius:50%;flex-shrink:0;width:7.5px;height:7.5px}.t-combo-proj-name{color:var(--sd-text-primary);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.t-combo-sub-name{color:var(--sd-text-secondary);padding-left:23px;font-size:12px;font-weight:500}.t-combo-meta{color:var(--sd-text-muted);font-variant-numeric:tabular-nums;padding-left:23px;font-size:10.5px}.t-combo-action{flex-shrink:0;margin-left:14px}.t-combo-btn{border-radius:var(--sd-radius-sm);cursor:pointer;transition:all var(--sd-transition);align-items:center;gap:6px;padding:8px 15px;font-size:12px;font-weight:600;display:inline-flex}.t-combo-btn.start{background:var(--sd-text-primary);color:var(--sd-bg-base);border:1px solid #0000}.t-combo-btn.start:hover{background:var(--sd-coral);color:#fff;box-shadow:0 4px 12px -2px var(--sd-coral-glow);transform:scale(1.02)}.t-combo-btn.stop{color:#fff;background:#ef4444;border:1px solid #0000;animation:1.8s infinite livePulse}.t-combo-btn.stop:hover{background:#dc2626}.timer-combo-search{z-index:5;min-height:48px;color:var(--sd-text-muted);background:var(--sd-card-bg);border:1px solid var(--sd-border-glass);border-radius:var(--sd-radius-md);box-shadow:var(--sd-shadow-sm);transition:border-color var(--sd-transition), box-shadow var(--sd-transition), background var(--sd-transition);align-items:center;gap:11px;padding:0 15px;display:flex;position:relative}.timer-combo-search:focus-within{border-color:var(--sd-coral);background:var(--sd-input-bg);box-shadow:0 0 0 3px var(--sd-coral-glow), var(--sd-shadow-sm)}.timer-combo-search>input{width:100%;min-width:0;height:46px;color:var(--sd-text-primary);font:inherit;background:0 0;border:0;outline:0;font-size:13px}.timer-combo-search>input::placeholder{color:var(--sd-text-muted);opacity:.85}.timer-combo-search>input::-webkit-search-cancel-button{cursor:pointer}.timer-search-results{border:1px solid var(--sd-border-strong);border-radius:var(--sd-radius-md);background:var(--sd-card-bg);max-height:290px;box-shadow:var(--sd-card-shadow);-webkit-backdrop-filter:blur(20px);padding:5px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.timer-search-result{width:100%;color:var(--sd-text-primary);text-align:left;border-radius:var(--sd-radius-sm);transition:background var(--sd-transition-fast);align-items:center;gap:11px;padding:10px 11px;display:flex}.timer-search-result:hover,.timer-search-result:focus-visible{background:var(--sd-bg-subtle);outline:none}.timer-search-result-dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px}.timer-search-result-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.timer-search-result-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:650;overflow:hidden}.timer-search-result-copy span{color:var(--sd-text-muted);font-size:11px}.timer-search-result>svg{color:var(--sd-coral)}.timer-search-empty{color:var(--sd-text-muted);padding:13px 11px;font-size:12px}.horology-selection-preview{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(100%,310px);min-height:210px;padding:24px 18px;animation:.36s cubic-bezier(.2,.75,.25,1) both selectionArrive;display:flex}.selection-preview-kicker{color:var(--sd-text-muted);letter-spacing:.16em;font-size:9px;font-weight:750}.selection-preview-project{max-width:100%;color:var(--sd-text-primary);letter-spacing:-.035em;overflow-wrap:anywhere;margin-top:13px;font-size:20px;font-weight:650;line-height:1.2}.selection-preview-divider{background:var(--sd-coral);opacity:.65;border-radius:2px;width:30px;height:2px;margin:13px 0}.selection-preview-subject{max-width:100%;color:var(--sd-coral);overflow-wrap:anywhere;font-size:16px;font-weight:600}.selection-preview-caption{color:var(--sd-text-muted);margin-top:10px;font-size:11px}.selection-preview-timeout{background:var(--sd-track-bg);border-radius:99px;width:112px;height:3px;margin-top:23px;overflow:hidden}.selection-preview-timeout i{border-radius:inherit;background:linear-gradient(90deg, var(--sd-coral), #aaaef0);transform-origin:0;width:100%;height:100%;animation:30s linear forwards selectionTimeout;display:block}@keyframes selectionArrive{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes selectionTimeout{to{transform:scaleX(0)}}.timer-horology-column{border-left:1px solid var(--sd-border-glass);background:#00000004;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}[data-theme=dark] .timer-horology-column{background:#ffffff04}.horology-face-container{z-index:1;flex-direction:column;justify-content:space-between;align-items:center;gap:18px;width:100%;height:100%;padding:32px 30px 26px;display:flex;position:relative}.horology-halo-svg{pointer-events:none;width:440px;height:440px;color:var(--sd-text-primary);opacity:.8;z-index:0;transition:opacity .8s;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)}.horology-halo-svg .halo-orbit.outer{transform-origin:230px 230px;animation:160s linear infinite horologySpin}.horology-halo-svg .halo-orbit.inner{transform-origin:230px 230px;animation:110s linear infinite horologySpinReverse}.horology-halo-svg.is-active .halo-orbit.outer{opacity:.35;animation-duration:50s}.halo-deg-label{font-family:var(--font-sans);letter-spacing:.1em;fill:currentColor;font-size:8px;font-weight:600}@keyframes horologySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes horologySpinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.horology-dial-wrapper{z-index:2;filter:drop-shadow(0 14px 28px #00000014);justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:relative}@media (width>=1440px){.horology-dial-wrapper{transform:scale(1.12)}}[data-theme=dark] .horology-dial-wrapper{filter:drop-shadow(0 14px 28px #0006)}.horology-clock-canvas,.horology-stopwatch-canvas{border-radius:50%;display:block}.horology-wall-block{z-index:2;flex-direction:column;align-items:center;gap:4px;margin-top:-6px;display:flex}.horology-wall-time{letter-spacing:-.03em;color:var(--sd-text-primary);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1}.horology-wall-date{color:var(--sd-text-muted);font-size:12px;font-weight:500}.chronograph-digital-block{z-index:2;flex-direction:column;align-items:center;gap:4px;margin-top:-6px;display:flex}.chrono-status-line{align-items:center;gap:7px;display:flex}.chrono-dot.live{background:var(--sd-coral);width:6.5px;height:6.5px;box-shadow:0 0 8px var(--sd-coral);border-radius:50%;animation:1.5s infinite livePulse}.chrono-tag{color:var(--sd-text-secondary);font-size:12.5px;font-weight:600}.chrono-elapsed-digits{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;align-items:baseline;gap:2px;line-height:1;display:flex}.chrono-main{letter-spacing:-.04em;color:var(--sd-text-primary);font-size:54px;font-weight:800}.chrono-ms{color:var(--sd-coral);letter-spacing:-.02em;font-size:20px;font-weight:700}.chrono-mode-label{letter-spacing:.14em;color:var(--sd-text-muted);text-transform:uppercase;font-size:9.5px;font-weight:700}.horology-actions{z-index:2;justify-content:center;width:100%;display:flex}.horology-idle-actions{justify-content:center;width:100%;display:flex}.horology-btn-start{border-radius:var(--sd-radius-md);background:var(--sd-text-primary);width:100%;max-width:280px;height:44px;color:var(--sd-bg-base);cursor:pointer;transition:all var(--sd-transition);justify-content:center;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #00000029}.horology-btn-start:hover:not(:disabled){background:var(--sd-coral);color:#fff;box-shadow:0 8px 20px -4px var(--sd-coral-glow);transform:translateY(-1px)}.horology-btn-start:disabled{opacity:.4;cursor:not-allowed}.chronograph-buttons{align-items:center;gap:10px;width:100%;max-width:320px;display:flex}.horology-btn-stop{border-radius:var(--sd-radius-md);background:var(--sd-coral);color:#fff;height:44px;box-shadow:0 6px 18px -4px var(--sd-coral-glow);cursor:pointer;transition:all var(--sd-transition);flex:1;justify-content:center;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:inline-flex}.horology-btn-stop:hover{background:var(--sd-coral-hover);transform:translateY(-1px)}.horology-btn-sub{border-radius:var(--sd-radius-md);background:var(--sd-bg-subtle);border:1px solid var(--sd-border-glass);height:44px;color:var(--sd-text-primary);cursor:pointer;transition:all var(--sd-transition);justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:12.5px;font-weight:600;display:inline-flex}.horology-btn-sub:hover{background:var(--sd-card-bg);border-color:var(--sd-border-strong)}.horology-btn-sub.paused{color:var(--sd-coral);border-color:var(--sd-coral);background:#f3957f1f}.chronograph-laps-strip{z-index:2;justify-content:center;gap:8px;width:100%;display:flex}.chrono-lap-item{background:var(--sd-bg-subtle);border:1px solid var(--sd-border-glass);border-radius:var(--sd-radius-pill);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:flex}.lap-label{color:var(--sd-text-muted);font-weight:600}.lap-time{color:var(--sd-text-primary);font-weight:700}.horology-metrics-strip{border:1px solid var(--sd-border-glass);border-radius:var(--sd-radius-md);background:var(--sd-bg-subtle);z-index:2;align-items:center;width:100%;display:flex;overflow:hidden}.h-metric{flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 0;display:flex}.h-metric-val{letter-spacing:-.02em;color:var(--sd-text-primary);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.h-metric-lbl{letter-spacing:.1em;color:var(--sd-text-muted);font-size:9px;font-weight:700}.h-metric-divider{background:var(--sd-border-glass);width:1px;height:26px}.demo-entry-card{background:var(--sd-bg-surface);border:1px solid var(--sd-border-glass);border-radius:var(--sd-radius-xl);box-shadow:var(--sd-shadow-card);-webkit-backdrop-filter:blur(24px);transition:all var(--sd-transition);overflow:hidden}.entries-panel-heading{border-bottom:1px solid var(--sd-border-glass);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.entries-collapse-btn{cursor:pointer;color:var(--sd-text-primary);background:0 0;border:none;align-items:center;gap:10px;padding:0;display:inline-flex}.entries-caret-icon{color:var(--sd-text-muted);justify-content:center;align-items:center;transition:transform .2s;display:flex}.entries-heading-title{letter-spacing:.12em;text-transform:uppercase;color:var(--sd-text-primary);font-size:12px;font-weight:700}.date-badge{border-radius:var(--sd-radius-pill);background:var(--sd-bg-subtle);border:1px solid var(--sd-border-glass);color:var(--sd-text-muted);padding:2px 9px;font-size:11px;font-weight:600}.entries-controls{align-items:center;gap:14px;display:flex}.entries-range-pills{background:var(--sd-bg-subtle);border:1px solid var(--sd-border-glass);border-radius:var(--sd-radius-pill);align-items:center;gap:2px;padding:3px;display:flex}.range-pill-btn{border-radius:var(--sd-radius-pill);color:var(--sd-text-secondary);cursor:pointer;background:0 0;border:none;padding:5px 12px;font-size:11.5px;font-weight:500;transition:all .15s}.range-pill-btn:hover{color:var(--sd-text-primary)}.range-pill-btn.sel{background:var(--sd-card-bg);color:var(--sd-text-primary);font-weight:600;box-shadow:0 1px 3px #00000014}.entries-size-picker{align-items:center;gap:6px;display:flex}.size-picker-lbl{color:var(--sd-text-muted);font-size:11px;font-weight:500}.entries-native-select{background:var(--sd-bg-subtle);border:1px solid var(--sd-border-glass);border-radius:var(--sd-radius-sm);height:30px;color:var(--sd-text-primary);cursor:pointer;outline:none;padding:0 8px;font-size:11.5px;font-weight:500}.entries-content-body{flex-direction:column;display:flex}.demo-entry-empty{color:var(--sd-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 24px;font-size:13px;display:flex}.empty-icon{opacity:.5}.demo-entry-list{flex-direction:column;display:flex}.demo-entry-item{border-bottom:1px solid var(--sd-border-glass);transition:background .15s}.demo-entry-item:last-child{border-bottom:none}.demo-entry-item:hover{background:var(--sd-bg-subtle)}.demo-entry-row{justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.demo-entry-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.demo-entry-color{border-radius:50%;flex-shrink:0;width:8px;height:8px}.demo-entry-name{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.entry-proj-title{color:var(--sd-text-primary);font-size:13.5px;font-weight:600}.entry-sub-title{color:var(--sd-text-secondary);font-size:12.5px;font-weight:500}.entry-note-tag{color:var(--sd-text-muted);font-size:11px;font-style:italic}.demo-entry-time{flex-direction:column;align-items:flex-end;gap:2px;min-width:180px;display:flex}.entry-range-clock{color:var(--sd-text-secondary);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:500}.demo-entry-date{color:var(--sd-text-muted);font-size:11px;font-weight:500}.demo-entry-right{align-items:center;gap:14px;display:flex}.entry-duration-pill{color:var(--sd-text-primary);background:var(--sd-bg-subtle);border:1px solid var(--sd-border-glass);border-radius:var(--sd-radius-sm);font-variant-numeric:tabular-nums;text-align:center;min-width:65px;padding:4px 10px;font-size:13.5px;font-weight:700}.entry-row-actions{opacity:.6;align-items:center;gap:4px;transition:opacity .2s;display:flex}.demo-entry-row:hover .entry-row-actions{opacity:1}.entry-action-btn{border-radius:var(--sd-radius-sm);width:28px;height:28px;color:var(--sd-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.entry-action-btn:hover{background:var(--sd-card-bg);border-color:var(--sd-border-glass);color:var(--sd-text-primary)}.entry-action-btn.delete:hover{color:#ef4444;background:#ef444414;border-color:#ef444433}.entry-edit-form{background:var(--sd-bg-subtle);border-top:1px solid var(--sd-border-glass);flex-direction:column;gap:14px;padding:16px 24px;display:flex}.entry-edit-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.edit-field{flex-direction:column;gap:5px;display:flex}.edit-field label{letter-spacing:.08em;color:var(--sd-text-muted);text-transform:uppercase;font-size:10px;font-weight:700}.edit-select,.edit-input{background:var(--sd-card-bg);border:1px solid var(--sd-border-strong);border-radius:var(--sd-radius-sm);height:36px;color:var(--sd-text-primary);outline:none;padding:0 10px;font-size:12.5px}.edit-select:focus,.edit-input:focus{border-color:var(--sd-coral);box-shadow:0 0 0 2px var(--sd-coral-glow)}.edit-time-inputs{align-items:center;gap:6px;display:flex}.edit-input.time{flex:1}.time-sep{color:var(--sd-text-muted);font-size:11px}.entries-error{color:#ef4444;font-size:12px;font-weight:500}.entry-edit-actions{gap:10px;display:flex}.entry-save-btn{border-radius:var(--sd-radius-sm);background:var(--sd-text-primary);color:var(--sd-bg-base);cursor:pointer;border:none;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex}.entry-cancel-btn{border-radius:var(--sd-radius-sm);border:1px solid var(--sd-border-glass);color:var(--sd-text-secondary);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:500;display:inline-flex}.entries-footer{border-top:1px solid var(--sd-border-glass);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.entries-page-indicator{color:var(--sd-text-muted);font-variant-numeric:tabular-nums;font-size:12px}.entries-pagination-btns{gap:8px;display:flex}.page-nav-btn{border-radius:var(--sd-radius-sm);background:var(--sd-bg-subtle);border:1px solid var(--sd-border-glass);color:var(--sd-text-primary);cursor:pointer;padding:5px 12px;font-size:12px;font-weight:500}.page-nav-btn:disabled{opacity:.4;cursor:not-allowed}[data-theme=light] .horology-btn-start,[data-theme=light] .t-combo-btn.start{color:#fff;background:linear-gradient(135deg,#9298e2 0%,#747bc9 100%);border:1px solid #696fc338;box-shadow:0 4px 12px #6569b938,inset 0 1px #ffffff47}[data-theme=light] .horology-btn-start:hover:not(:disabled),[data-theme=light] .t-combo-btn.start:hover{color:#fff;background:linear-gradient(135deg,#858bda 0%,#666fc0 100%);box-shadow:0 7px 16px #6569b947,inset 0 1px #ffffff42}.edit-field-wide{grid-column:1/-1}:root{--sd-coral-primary:#f28b72;--sd-coral-deep:#e06d53;--sd-sage-primary:#5f7f67;--sd-sage-glow:#5f7f6726}.db-apple-root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100%;padding-bottom:48px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,system-ui,sans-serif;transition:background-color .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1)}.db-apple-root.light-mode{--sd-coral-primary:#8086d4;--sd-coral-deep:#696fc3;--db-portfolio-accent:#8086d4;--db-accent-soft:#969be4;--db-accent-glow:#8086d447;--db-accent-shadow-strong:#8086d473;--db-accent-shadow-border:#8086d459;--db-accent-tint:#8086d41f;--db-bg:#f0effa;--db-text:#252744;--db-card-bg:#fbfaffbd;--db-card-border:#ffffffe0;--db-card-shadow:0 2px 5px #44457e09, 9px 11px 23px -7px #5e5ea429, -7px -7px 20px #ffffffdb, inset 0 1px 0 #fffffffa, inset 0 -1px 0 #5b60a409;--db-subcard-bg:#f6f5fca8;--db-subcard-border:#ffffffc7;--db-subcard-shadow:4px 5px 13px #5b5c9116, -4px -4px 12px #ffffffd1, inset 0 1px 0 #ffffffe0;--db-muted:#777b99;--db-label:#898daa;--db-pill-bg:#eeeffa;--db-pill-active-bg:#fbfaff;--db-pill-active-text:#252744;--db-empty-cell:#e7e7f2;--db-divider:#5b60a41a;--db-track-bg:#e9e8f5;--db-glass-goal-bg:#fbfaffe0;--db-glass-goal-border:#ffffffeb;--db-glass-goal-shadow:0 10px 30px #5556961f, inset 0 1px 0 #fffffffa;--db-glass-scrim:linear-gradient(to right, #f0effaad 0%, #f0effa3d 50%, transparent 100%);--db-sage-text:#5f8d66;--db-sage-bar:linear-gradient(to right, #5f8d66, #78ab80);background-color:var(--db-bg);color:var(--db-text)}.db-apple-root.dark-mode{--db-bg:#090d14;--db-text:#f3f4f6;--db-accent-soft:#fa9e87;--db-portfolio-accent:#f3957f;--db-accent-glow:#f28b724d;--db-accent-shadow-strong:#f28b7273;--db-accent-shadow-border:#f28b7259;--db-accent-tint:#f28b721f;--db-card-bg:linear-gradient(160deg, #1e2738c7, #121722b3);--db-card-border:#ffffff0f;--db-card-shadow:0 12px 32px -4px #00000080, inset 0 1px 0 0 #ffffff17;--db-subcard-bg:#0d121b94;--db-subcard-border:#ffffff0d;--db-subcard-shadow:inset 0 1px 2px #0006;--db-muted:#8a94a6;--db-label:#647084;--db-pill-bg:#0d121b;--db-pill-active-bg:linear-gradient(to bottom, #253045, #1d2638);--db-pill-active-text:#fff;--db-empty-cell:#1e2738;--db-divider:#ffffff0f;--db-track-bg:#0d121b;--db-glass-goal-bg:#121824bf;--db-glass-goal-border:#ffffff1f;--db-glass-goal-shadow:0 12px 32px #00000073, inset 0 1px 0 #ffffff26;--db-glass-scrim:linear-gradient(to right, #090d14a6 0%, #090d1440 50%, transparent 100%);--db-sage-text:#6e9e75;--db-sage-bar:linear-gradient(to right, #5f8d66, #78ab80);background-color:var(--db-bg);color:var(--db-text)}.db-apple-navbar{z-index:40;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--db-card-border);background:var(--db-card-bg);position:sticky;top:0}.db-navbar-inner{justify-content:space-between;align-items:center;max-width:1400px;height:72px;margin:0 auto;padding:0 24px;display:flex}.db-navbar-brand{align-items:center;gap:12px;display:flex}.db-brand-icon{background:linear-gradient(135deg, var(--sd-coral-primary), var(--sd-coral-deep));width:36px;height:36px;box-shadow:0 2px 8px var(--db-accent-glow);border-radius:10px;justify-content:center;align-items:center;font-size:16px;display:flex}.db-brand-text{letter-spacing:-.02em;font-size:20px;font-weight:800}.db-brand-accent{color:var(--sd-coral-primary)}.db-brand-divider{opacity:.15;background:currentColor;width:1px;height:16px}.db-brand-user{color:var(--db-muted);font-size:13px;font-weight:500}.db-segmented-nav{background:var(--db-pill-bg);border:1px solid var(--db-card-border);border-radius:9999px;align-items:center;padding:4px;display:flex}.db-nav-pill{color:var(--db-muted);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:6px 18px;font-size:13.5px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1)}.db-nav-pill:hover{opacity:.85}.db-nav-pill.active{background:var(--db-pill-active-bg);color:var(--db-pill-active-text);box-shadow:0 2px 8px #00000014}.db-navbar-actions{align-items:center;gap:10px;display:flex}.db-action-circle-btn{background:var(--db-card-bg);border:1px solid var(--db-card-border);width:38px;height:38px;color:var(--db-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .14s,border-color .14s;display:flex}.db-action-circle-btn:active{transform:scale(.95)}.db-action-circle-btn:hover{border-color:var(--sd-coral-primary);color:var(--db-text)}.db-action-exit-btn{background:var(--db-card-bg);border:1px solid var(--db-card-border);height:38px;color:var(--db-text);cursor:pointer;border-radius:9999px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.db-action-exit-btn:hover{opacity:.9;border-color:var(--sd-coral-primary)}.db-bento-container{flex-direction:column;gap:20px;max-width:none;margin:0 auto;padding:24px 24px 48px;display:flex}.db-bento-grid-row{gap:20px;display:grid}.db-hero-row{grid-template-columns:1fr}@media (width>=1024px){.db-hero-row{grid-template-columns:1fr 1fr}}.db-two-col{grid-template-columns:1fr}@media (width>=1024px){.db-two-col{grid-template-columns:1fr 1fr}}.db-card{background:var(--db-card-bg);border:1px solid var(--db-card-border);box-shadow:var(--db-card-shadow);-webkit-backdrop-filter:blur(22px)saturate(155%);border-radius:24px;padding:24px;transition:border-color .2s}.db-card-column{flex-direction:column;justify-content:space-between;display:flex}.db-card-header-flex{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.db-card-title-group{align-items:center;gap:12px;display:flex}.db-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--db-label);margin:0;font-size:11px;font-weight:700}.db-section-meta{color:var(--db-muted);font-size:12px;font-weight:500}.db-hero-window-card{border:1px solid var(--db-card-border);min-height:280px;box-shadow:var(--db-card-shadow);isolation:isolate;border-radius:24px;align-items:center;padding:24px 26px;display:flex;position:relative;overflow:hidden}.db-hero-window-card:after{content:"";pointer-events:none;z-index:5;border-radius:24px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff40}.dark-mode .db-hero-window-card:after{box-shadow:inset 0 1px #ffffff1f}.db-hero-art-img{object-fit:cover;object-position:right center;z-index:1;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .6s;animation:.6s cubic-bezier(.16,1,.3,1) dbHeroFadeIn;position:absolute;inset:0}@keyframes dbHeroFadeIn{0%{opacity:.25}to{opacity:1}}.db-hero-window-card:hover .db-hero-art-img{transform:scale(1.02)}.db-hero-gradient-scrim{background:var(--db-glass-scrim);z-index:2;pointer-events:none;position:absolute;inset:0}.db-hero-goal-glass-card{z-index:10;background:var(--db-glass-goal-bg);border:1px solid var(--db-glass-goal-border);-webkit-backdrop-filter:blur(24px)saturate(190%);width:100%;max-width:360px;box-shadow:var(--db-glass-goal-shadow);border-radius:20px;padding:20px;transition:all .25s;position:relative}.db-goal-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.db-goal-card-title{text-transform:uppercase;letter-spacing:.08em;opacity:.65;font-size:11px;font-weight:700}.db-goal-edit-btn{color:var(--sd-coral-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600;transition:opacity .15s}.db-goal-edit-btn:hover{opacity:.8;text-decoration:underline}.db-goal-edit-form{padding:8px 0}.db-goal-edit-label{opacity:.8;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.db-goal-edit-controls{gap:8px;display:flex}.db-goal-input{border:1px solid var(--db-card-border);background:var(--db-subcard-bg);height:36px;color:inherit;border-radius:10px;flex:1;padding:0 12px;font-size:14px;font-weight:600}.db-goal-save-btn{background:var(--sd-coral-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.db-goal-content-flex{align-items:center;gap:20px;display:flex}.db-goal-ring-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:92px;height:92px;display:flex;position:relative}.db-goal-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.db-goal-ring-bg-circle{stroke:currentColor;opacity:.08}.db-goal-ring-fill-circle{filter:drop-shadow(0 2px 6px var(--db-accent-shadow-strong));transition:stroke-dashoffset .85s cubic-bezier(.16,1,.3,1)}.db-goal-ring-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.db-goal-pct-num{color:var(--sd-coral-primary);font-size:20px;font-weight:800;line-height:1}.db-goal-pct-sub{opacity:.65;margin-top:2px;font-size:10px;font-weight:500}.db-goal-breakdown-list{flex-direction:column;flex:1;gap:6px;font-size:13px;display:flex}.db-goal-breakdown-row{border-bottom:1px solid var(--db-divider);justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.db-goal-breakdown-row.no-border{border-bottom:none;padding-bottom:0}.db-goal-row-label{opacity:.7}.db-goal-row-val{font-weight:700}.db-goal-row-val.accent{color:var(--sd-coral-primary)}.db-kpi-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width>=640px){.db-kpi-grid{grid-template-columns:repeat(3,1fr)}}.db-kpi-card{background:var(--db-card-bg);border:1px solid var(--db-card-border);box-shadow:var(--db-card-shadow);-webkit-backdrop-filter:blur(22px)saturate(155%);border-radius:20px;flex-direction:column;justify-content:space-between;min-height:122px;padding:16px 18px;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1);display:flex}.db-kpi-card:hover{transform:translateY(-2px)}.db-kpi-header{justify-content:space-between;align-items:center;display:flex}.db-kpi-label{letter-spacing:.08em;text-transform:uppercase;color:var(--db-label);font-size:10px;font-weight:700}.db-kpi-val-container{margin:6px 0 4px}.db-kpi-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1}.db-kpi-sub-row{align-items:center;gap:6px;min-width:0;display:flex}.db-kpi-trend-pill{color:#6e9e75;white-space:nowrap;letter-spacing:-.01em;background:#6e9e7526;border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.db-kpi-trend-pill.is-positive{color:#6e9e75;background:#6e9e7526}.db-kpi-trend-pill.is-negative{color:#b14f68;background:#e06d8324}.light-mode .db-kpi-trend-pill.is-positive{color:#605fad;background:#8086d426}.light-mode .db-kpi-trend-pill.is-negative{color:#a34b65;background:#b14f681f}.db-kpi-sub{color:var(--db-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.db-flow-card{flex-direction:column;display:flex}.db-segmented-bar-track{background:var(--db-track-bg);border:1px solid var(--db-subcard-border);width:100%;height:14px;box-shadow:var(--db-subcard-shadow);border-radius:9999px;gap:6px;margin-bottom:20px;padding:3px;display:flex;overflow:hidden}.db-segmented-empty{opacity:.08;background:currentColor;border-radius:9999px;width:100%;height:100%}.db-segmented-slice{border-radius:9999px;height:100%;transition:width .4s}.slice-sprint{background:linear-gradient(90deg,#8a94a6,#a0aab8)}.slice-pomodoro{background:linear-gradient(90deg,#e5b869,#f0c980)}.slice-deepflow{background:linear-gradient(to right, var(--sd-coral-primary), var(--db-accent-soft))}.slice-marathon{background:var(--db-sage-bar);box-shadow:0 0 8px #6e9e7559}.db-tier-cards-grid{grid-template-columns:1fr;gap:14px;margin-bottom:20px;display:grid}@media (width>=640px){.db-tier-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.db-tier-cards-grid{grid-template-columns:repeat(4,1fr)}}.db-tier-card{background:var(--db-subcard-bg);border:1px solid var(--db-subcard-border);box-shadow:var(--db-subcard-shadow);border-radius:16px;flex-direction:column;justify-content:space-between;padding:16px;transition:all .18s;display:flex}.db-tier-card.active-tier{box-shadow:var(--db-subcard-shadow), inset 0 1px 0 #6e9e752e;border-color:#6e9e7559}.light-mode .db-tier-card.active-tier{box-shadow:var(--db-subcard-shadow), inset 0 1px 0 #8086d429;border-color:#8086d44d}.light-mode .slice-sprint{background:linear-gradient(90deg,#969bb8,#abb0c9)}.light-mode .slice-pomodoro{background:linear-gradient(90deg,#b19ce3,#c3b2ec)}.light-mode .slice-deepflow{background:linear-gradient(90deg,#8581d5,#a19be7)}.light-mode .slice-marathon{background:linear-gradient(90deg,#6968b8,#8481cf);box-shadow:0 0 8px #6968b83d}.light-mode .dot-sprint{background:#969bb8}.light-mode .dot-pomodoro{background:#b19ce3}.light-mode .dot-deepflow{background:#8581d5}.light-mode .dot-marathon{background:#6968b8}.light-mode .db-tier-micro-fill.dot-sprint{background:#969bb8}.light-mode .db-tier-micro-fill.dot-pomodoro{background:#b19ce3}.light-mode .db-tier-micro-fill.dot-deepflow{background:#8581d5}.light-mode .db-tier-micro-fill.dot-marathon{background:#6968b8}.light-mode .db-circadian-bar-fill,.light-mode .db-power-fill.active{background:linear-gradient(90deg,#8581d5,#6968b8)}.db-tier-meta{opacity:.85;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:500;display:flex}.db-tier-dot{border-radius:50%;width:8px;height:8px}.dot-sprint{background:#8a94a6}.dot-pomodoro{background:#e5b869}.dot-deepflow{background:var(--sd-coral-primary)}.dot-marathon{background:var(--sd-sage-primary)}.db-tier-val-flex{justify-content:space-between;align-items:baseline;display:flex}.db-tier-sess{font-size:18px;font-weight:700}.db-tier-pct{color:var(--db-muted);font-size:12px;font-weight:600}.db-tier-micro-track{background:#0000000f;border-radius:9999px;width:100%;height:4px;margin-top:10px;overflow:hidden}.dark-mode .db-tier-micro-track{background:#ffffff0f}.db-tier-micro-fill{border-radius:9999px;height:100%;transition:width .4s}.db-tier-micro-fill.dot-sprint{background:#8a94a6}.db-tier-micro-fill.dot-pomodoro{background:#e5b869}.db-tier-micro-fill.dot-deepflow{background:var(--sd-coral-primary)}.db-tier-micro-fill.dot-marathon{background:#6e9e75}.db-flow-bottom-stats{border-top:1px solid var(--db-divider);grid-template-columns:repeat(2,1fr);gap:16px;padding-top:18px;display:grid}@media (width>=640px){.db-flow-bottom-stats{grid-template-columns:repeat(4,1fr)}}.db-flow-stat-col{padding-right:8px}@media (width>=640px){.db-flow-stat-col:not(:first-child){border-left:1px solid var(--db-divider);padding-left:20px}}.db-metric-label{text-transform:uppercase;letter-spacing:.08em;color:var(--db-label);margin-bottom:4px;font-size:10px;font-weight:700}.db-metric-val{font-size:17px;font-weight:800}.db-circadian-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}@media (width>=640px){.db-circadian-grid{grid-template-columns:repeat(4,1fr)}}.db-circadian-card{background:var(--db-subcard-bg);border:1px solid var(--db-subcard-border);box-shadow:var(--db-subcard-shadow);border-radius:16px;flex-direction:column;justify-content:space-between;min-height:110px;padding:14px;transition:all .18s;display:flex}.db-circadian-card.active-slot{border-color:var(--db-accent-glow);box-shadow:var(--db-subcard-shadow), inset 0 1px 0 var(--db-accent-tint)}.dark-mode .db-circadian-card.active-slot{box-shadow:var(--db-subcard-shadow), inset 0 1px 0 #f28b722e;border-color:#f28b7259}.db-circadian-top{justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.db-circadian-hours{color:var(--db-muted);font-size:10px;font-weight:500}.db-circadian-val{font-variant-numeric:tabular-nums;margin:6px 0;font-size:19px;font-weight:800}.db-circadian-bar-track{background:var(--db-track-bg);width:100%;height:5px;box-shadow:var(--db-subcard-shadow);border-radius:9999px;margin-bottom:6px;overflow:hidden}.db-circadian-bar-fill{background:linear-gradient(to right, var(--sd-coral-primary), var(--sd-coral-deep));border-radius:9999px;height:100%}.db-circadian-pct{color:var(--db-muted);font-size:11px;font-weight:500}.db-insight-footer{border-top:1px solid var(--db-divider);justify-content:space-between;align-items:center;gap:8px;margin-top:20px;padding-top:14px;font-size:12px;display:flex}.db-insight-main{align-items:center;gap:8px;min-width:0;display:flex}.db-insight-icon{background:var(--db-accent-tint);width:20px;height:20px;color:var(--sd-coral-primary);border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.db-insight-icon svg{stroke-width:2.2px;width:12px;height:12px}.db-insight-label{color:var(--db-muted);white-space:nowrap}.db-insight-value{color:var(--db-text);white-space:nowrap;font-weight:700}.db-insight-metric{color:var(--sd-coral-primary);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-weight:700}.db-power-rhythm-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.db-power-rhythm-row{align-items:center;gap:12px;font-size:12px;display:flex}.db-power-day-label{width:32px;color:var(--db-muted);font-weight:600}.db-power-day-label.active{color:var(--sd-coral-primary);font-weight:700}.db-power-track{background:var(--db-track-bg);border:1px solid var(--db-subcard-border);height:10px;box-shadow:var(--db-subcard-shadow);border-radius:9999px;flex:1;overflow:hidden}.db-power-fill{opacity:.15;background:currentColor;border-radius:9999px;height:100%;transition:width .5s}.db-power-fill.active{background:linear-gradient(to right, var(--sd-coral-primary), var(--sd-coral-deep));opacity:1}.db-power-val-label{text-align:right;width:48px;color:var(--db-muted);font-weight:700}.db-power-val-label.active{color:inherit}.db-weekly-bar-chart-stage{border-bottom:1px solid var(--db-divider);justify-content:space-between;align-items:flex-end;gap:12px;height:176px;padding:24px 8px 0;display:flex}.db-weekly-bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.db-weekly-bar-val-text{color:var(--db-muted);white-space:nowrap;margin-bottom:8px;font-size:11px;font-weight:700}.db-weekly-bar-val-text.active{color:var(--sd-coral-primary)}.db-weekly-bar-val-spacer{height:18px}.db-weekly-bar-element{background:0 0;border-top-left-radius:10px;border-top-right-radius:10px;width:100%;max-width:52px;transition:height .35s cubic-bezier(.16,1,.3,1)}.db-weekly-bar-element.active{background:linear-gradient(to top, var(--sd-coral-deep), var(--sd-coral-primary));box-shadow:0 4px 12px var(--db-accent-glow)}.db-weekly-bar-element.muted{opacity:.18;background:currentColor}.db-weekly-bar-days-footer{justify-content:space-between;padding:12px 8px 0;font-size:12px;font-weight:600;display:flex}.db-weekly-day-item{text-align:center;color:var(--db-muted);flex:1}.db-weekly-day-item.active{color:var(--sd-coral-primary);font-weight:700}.db-chart-section{flex-direction:column;gap:16px;display:flex}.db-chart-section-heading{justify-content:space-between;align-items:end;padding:4px 2px 0;display:flex}.db-chart-section-heading h2{color:var(--db-text);letter-spacing:-.025em;margin:0;font-size:18px;font-weight:680}.db-chart-section-heading p{color:var(--db-muted);margin:5px 0 0;font-size:12px}.db-chart-card{min-width:0;padding:20px 22px 16px}.db-chart-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.db-chart-heading-stack{align-items:flex-start}.db-chart-heading-stack>div:first-child{flex-direction:column;gap:5px;display:flex}.db-chart-pair{gap:16px}.db-chart-scroll{overscroll-behavior-x:contain;width:100%;overflow-x:auto}.db-svg-chart{width:100%;height:auto;display:block;overflow:visible}.db-daily-chart{min-width:100%}.db-trend-chart{min-width:620px}.db-session-chart{min-width:430px}.db-chart-grid-line{stroke:var(--db-divider);stroke-width:1px;vector-effect:non-scaling-stroke}.db-chart-axis-label{fill:var(--db-muted);font-family:inherit;font-size:11px}.db-chart-bar{fill:var(--sd-coral-primary);opacity:.86;transition:opacity .14s}.db-chart-bar:hover{opacity:1}.db-chart-bar-muted{opacity:.5}.db-chart-average-line{fill:none;stroke:var(--sd-coral-deep);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.db-chart-line-point{fill:var(--db-card-bg);stroke:var(--sd-coral-deep);stroke-width:2px;vector-effect:non-scaling-stroke}.db-chart-value-label{fill:var(--db-text);font-family:inherit;font-size:11px;font-weight:650}.db-chart-legend{color:var(--db-muted);white-space:nowrap;align-items:center;gap:14px;font-size:11px;display:flex}.db-chart-legend span{align-items:center;gap:6px;display:inline-flex}.db-legend-bar{background:var(--sd-coral-primary);border-radius:3px;width:10px;height:10px}.db-legend-line{background:var(--sd-coral-deep);border-radius:2px;width:14px;height:2px}.db-velocity-card{flex-direction:column;justify-content:space-between;display:flex}.db-velocity-chip{letter-spacing:-.01em;white-space:nowrap;border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.db-velocity-chip.status-accelerating{color:var(--db-sage-text);background:#5f8d661f;border:1px solid #5f8d6647}.db-velocity-chip.status-steady{background:var(--db-accent-tint);color:var(--sd-coral-deep);border:1px solid var(--db-accent-glow)}.db-velocity-chip.status-slowing{color:var(--db-muted);border:1px solid var(--db-divider);background:#898daa1f}.db-velocity-content{flex-direction:column;flex:1;justify-content:space-between;gap:12px;display:flex}.db-velocity-hero{background:var(--db-subcard-bg);border:1px solid var(--db-subcard-border);box-shadow:var(--db-subcard-shadow);border-radius:16px;align-items:center;gap:14px;padding:10px 14px;display:flex}.db-velocity-ring-wrap{flex-shrink:0;width:42px;height:42px;position:relative}.db-velocity-ring{width:100%;height:100%;transform:rotate(-90deg)}.db-ring-track{fill:none;stroke:var(--db-track-bg);stroke-width:3.6px}.db-ring-fill{fill:none;stroke:var(--sd-coral-primary);stroke-width:3.6px;stroke-linecap:round;transition:stroke-dashoffset .4s}.db-ring-text{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.db-ring-number{color:var(--db-text);letter-spacing:-.02em;font-size:11px;font-weight:750}.db-velocity-hero-info{flex-direction:column;gap:1px;min-width:0;display:flex}.db-velocity-score-title strong{color:var(--db-text);letter-spacing:-.015em;font-size:13.5px;font-weight:700;display:block}.db-velocity-score-sub{color:var(--db-muted);margin-top:2px;font-size:11.5px;display:block}.db-velocity-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.db-velocity-metric-tile{background:var(--db-subcard-bg);border:1px solid var(--db-subcard-border);box-shadow:var(--db-subcard-shadow);border-radius:14px;flex-direction:column;gap:2px;min-width:0;padding:10px 12px;display:flex}.db-velocity-metric-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.db-velocity-tile-label{letter-spacing:.05em;color:var(--db-label);text-transform:uppercase;font-size:9.5px;font-weight:700}.db-velocity-icon{color:var(--sd-coral-primary);opacity:.85;flex-shrink:0}.db-velocity-tile-val{color:var(--db-text);letter-spacing:-.02em;align-items:baseline;gap:3px;margin-top:2px;font-size:16px;font-weight:750;display:flex}.db-val-unit{color:var(--db-muted);font-size:11px;font-weight:500}.db-velocity-tile-sub{color:var(--db-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.db-velocity-habit-strip{background:var(--db-subcard-bg);border:1px solid var(--db-subcard-border);box-shadow:var(--db-subcard-shadow);border-radius:14px;padding:9px 12px}.db-habit-strip-heading{color:var(--db-label);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;font-size:9.5px;font-weight:700;display:flex}.db-habit-legend{text-transform:none;color:var(--db-muted);letter-spacing:normal;align-items:center;gap:8px;font-size:10px;font-weight:500;display:inline-flex}.db-dot-sample{border-radius:50%;width:6.5px;height:6.5px;margin-right:-4px;display:inline-block}.db-dot-sample.dot-goal{background:var(--db-sage-text)}.db-dot-sample.dot-active{background:var(--sd-coral-primary)}.db-dot-sample.dot-rest{background:var(--db-empty-cell);border:1px solid var(--db-divider)}.db-habit-dots-row{justify-content:space-between;align-items:center;gap:5px;display:flex}.db-habit-pill{-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:4px 2px;transition:transform .12s,background-color .12s;display:flex}.db-habit-pill.hit-goal{background:#5f8d661f;border-color:#5f8d664d}.db-habit-pill.hit-goal .db-habit-dot{background:var(--db-sage-text);box-shadow:0 0 5px #5f8d6673}.db-habit-pill.active-study{background:var(--db-accent-tint);border-color:var(--db-accent-glow)}.db-habit-pill.active-study .db-habit-dot{background:var(--sd-coral-primary)}.db-habit-pill.rest-day{border-color:var(--db-divider);opacity:.55;background:0 0}.db-habit-pill.rest-day .db-habit-dot{background:var(--db-empty-cell)}.db-habit-day-num{color:var(--db-text);font-size:10px;font-weight:650;line-height:1}.db-habit-dot{border-radius:50%;width:5.5px;height:5.5px}.db-portfolio-range-pills{background:var(--db-pill-bg);border:1px solid var(--db-subcard-border);box-shadow:var(--db-subcard-shadow);border-radius:9999px;padding:3px;display:inline-flex}.db-portfolio-pill{color:var(--db-muted);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:4px 14px;font-size:11.5px;font-weight:600;transition:all .15s}.db-portfolio-pill.active{background:var(--db-pill-active-bg);color:var(--db-pill-active-text);box-shadow:0 1px 4px #0000001f,inset 0 1px #ffffff26}.db-portfolio-empty{text-align:center;min-height:126px;color:var(--db-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 16px;font-size:13px;display:flex}.db-portfolio-empty p{margin:0}.db-portfolio-timer-btn{color:var(--sd-coral-primary);cursor:pointer;background:0 0;border:none;margin-top:2px;font-size:13px;font-weight:600}.db-portfolio-list{flex-direction:column;gap:12px;display:flex}.db-portfolio-item{background:var(--db-subcard-bg);border:1px solid var(--db-subcard-border);box-shadow:var(--db-subcard-shadow);border-radius:16px;padding:14px 16px;transition:transform .14s}.db-portfolio-item:hover{transform:translate(2px)}.db-portfolio-item-meta{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.db-portfolio-item-name-group{align-items:center;gap:10px;display:flex}.db-portfolio-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.db-portfolio-item-title{font-size:13.5px;font-weight:600}.db-portfolio-item-stats{align-items:center;gap:8px;display:flex}.db-portfolio-sess-count{background:var(--db-pill-bg);color:var(--db-muted);border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:500}.db-portfolio-duration{font-size:14px;font-weight:800}.db-portfolio-bar-track{background:var(--db-track-bg);border-radius:9999px;width:100%;height:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.db-portfolio-bar-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--portfolio-color) 72%, #151923 28%), var(--portfolio-color) 55%, color-mix(in srgb, var(--portfolio-color) 72%, white 28%));border-radius:9999px;height:100%}.db-portfolio-footer{color:var(--db-muted);border-top:1px solid var(--db-divider);justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;font-size:12px;display:flex}.db-portfolio-footer .accent{color:var(--sd-coral-primary);font-weight:600}.db-heatmap-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.db-heatmap-matrix-min{min-width:760px}.db-heatmap-hour-headers{color:var(--db-muted);text-align:center;grid-template-columns:48px repeat(24,minmax(0,1fr));gap:6px;margin-bottom:8px;font-size:10px;font-weight:600;display:grid}.db-heatmap-rows-stack{flex-direction:column;gap:6px;display:flex}.db-heatmap-day-row{grid-template-columns:48px repeat(24,minmax(0,1fr));align-items:center;gap:6px;display:grid}.db-heatmap-day-label{color:var(--db-muted);font-size:12px;font-weight:500}.db-heatmap-slot{cursor:pointer;border-radius:5px;height:20px;transition:transform .12s}.db-heatmap-slot:hover{z-index:2;transform:scale(1.15)}.db-heatmap-slot.empty-slot{background:var(--db-empty-cell)}.db-heatmap-slot.study-slot{background:var(--sd-coral-primary)}.db-heatmap-slot.peak-slot{background:var(--sd-coral-primary);box-shadow:0 2px 8px var(--db-accent-shadow-strong)}.db-activity-cal-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.db-activity-cal-min{min-width:820px;padding-right:8px}.db-activity-cal-months{color:var(--db-muted);justify-content:space-between;margin-bottom:8px;padding:0 16px 0 40px;font-size:11px;font-weight:500;display:flex}.db-activity-cal-body{align-items:center;gap:8px;display:flex}.db-activity-cal-weekdays{width:32px;height:112px;color:var(--db-muted);flex-direction:column;justify-content:space-between;padding:4px 0;font-size:11px;font-weight:500;display:flex}.db-activity-cal-grid{flex:1;grid-template-columns:repeat(53,minmax(0,1fr));gap:5px;display:grid}.db-activity-cal-week-col{flex-direction:column;gap:5px;width:12px;display:flex}.db-activity-cal-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;max-width:100%;display:grid}.db-activity-cal-day{border:1px solid var(--db-divider);background:var(--db-pill-bg);min-width:0;min-height:82px;color:var(--db-muted);border-radius:13px;flex-direction:column;justify-content:space-between;padding:10px 12px;display:flex}.db-activity-cal-day.is-today{border-color:var(--sd-coral-primary);background:var(--db-accent-tint)}.db-activity-cal-day.is-future{opacity:.58}.db-activity-cal-day.has-study strong,.db-activity-cal-day.is-today strong{color:var(--db-text)}.db-activity-cal-day>span,.db-activity-cal-day>small{color:var(--db-muted);font-size:10px}.db-activity-cal-day>strong{color:var(--db-text);font-size:17px;line-height:1}.db-activity-cal-cell{aspect-ratio:1;cursor:pointer;border-radius:4px;width:100%;transition:transform .1s}.db-activity-cal-cell:hover{transform:scale(1.2)}.db-activity-cal-cell.is-empty{background:var(--db-empty-cell)}.db-activity-cal-cell.is-active{background:var(--sd-coral-primary)}.db-activity-cal-cell.is-max{background:var(--sd-coral-primary);box-shadow:0 0 0 2px var(--db-accent-shadow-border)}.db-activity-cal-cell.is-today-ring{box-shadow:0 0 0 2px var(--db-text)}.db-activity-cal-cell.empty-ghost{pointer-events:none;background:0 0}.db-preference-section{flex-direction:column;gap:20px;width:100%;min-width:0;display:flex}.db-dashboard-controls{z-index:10;border:0;border-bottom:1px solid var(--db-divider);box-shadow:none;background:0 0;border-radius:0;flex-wrap:wrap;align-items:center;gap:14px 22px;padding:0 4px 14px;display:flex;position:relative}.db-range-control-copy{border-right:1px solid var(--db-divider);flex-direction:column;gap:4px;min-width:124px;padding-right:20px;display:flex}.db-range-control-copy span,.db-review-kicker{color:var(--db-label);letter-spacing:.11em;font-size:9px;font-weight:700}.db-range-control-copy strong{color:var(--db-text);letter-spacing:-.015em;font-size:14px;font-weight:650}.db-range-control-options{background:0 0;border:0;border-radius:0;flex-wrap:nowrap;flex:auto;justify-content:center;gap:6px;min-width:0;padding:0;display:flex}.db-range-control-options button,.db-customize-trigger{min-height:36px;color:var(--db-muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:11px;font-weight:600;transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex;position:relative}.db-range-control-options button:hover,.db-customize-trigger:hover{color:var(--db-text);background:var(--db-accent-tint)}.db-range-control-options button.active{color:var(--sd-coral-deep);background:var(--db-accent-tint);box-shadow:none;border-color:#0000;font-weight:700}.db-range-control-options button.active:after{background:var(--sd-coral-primary);content:"";border-radius:2px;height:2px;position:absolute;bottom:-4px;left:12px;right:12px}.db-range-control-options button:focus-visible,.db-customize-trigger:focus-visible{outline:2px solid var(--sd-coral-primary);outline-offset:2px}.db-customize-wrap{margin-left:0;position:relative}.db-customize-trigger{width:38px;min-width:38px;min-height:38px;color:var(--db-muted);background:0 0;border-color:#0000;padding:0}.db-customize-trigger.active{color:var(--db-text);background:var(--db-accent-tint);border-color:var(--db-accent-shadow-border)}.db-customizer-panel{z-index:30;border:1px solid var(--db-card-border);background:var(--db-card-bg);width:min(390px,100vw - 40px);box-shadow:0 18px 48px #12163638, var(--db-card-shadow);border-radius:18px;padding:16px;position:absolute;top:calc(100% + 10px);right:0}.db-customizer-heading{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.db-customizer-heading strong{color:var(--db-text);font-size:13px}.db-customizer-heading span{color:var(--db-muted);font-size:11px}.db-customizer-row{border-top:1px solid var(--db-divider);justify-content:space-between;align-items:center;gap:10px;min-height:38px;display:flex}.db-customizer-row>label{color:var(--db-text);align-items:center;gap:8px;font-size:11px;display:flex}.db-customizer-row input{accent-color:var(--sd-coral-primary)}.db-customizer-actions{gap:3px;display:flex}.db-customizer-actions button{width:27px;height:27px;color:var(--db-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;display:grid}.db-customizer-actions button:hover,.db-customizer-actions button.selected{background:var(--db-accent-tint);color:var(--sd-coral-primary)}.db-customizer-actions button:disabled{opacity:.3;cursor:default}.db-custom-date-inputs{gap:8px;display:flex}.db-custom-date-inputs label{color:var(--db-muted);align-items:center;gap:6px;font-size:10px;display:flex}.db-custom-date-inputs input{border:1px solid var(--db-divider);background:var(--db-pill-bg);width:132px;min-height:34px;color:var(--db-text);font:inherit;border-radius:9px;padding:0 8px;font-size:11px}.db-collapsed-section{border:1px solid var(--db-card-border);background:var(--db-card-bg);width:100%;box-shadow:var(--db-card-shadow);color:var(--db-text);font:inherit;cursor:pointer;border-radius:15px;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.db-collapsed-section span:last-child{color:var(--db-muted);font-size:11px}.db-weekly-review-card{border:1px solid var(--db-card-border);background:linear-gradient(120deg, var(--db-card-bg), var(--db-accent-tint));box-shadow:var(--db-card-shadow);border-radius:22px;padding:22px 24px 18px;overflow:hidden}.db-weekly-review-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.db-weekly-review-heading>div{flex-direction:column;gap:5px;display:flex}.db-weekly-review-heading h2{color:var(--db-text);letter-spacing:-.03em;margin:0;font-size:19px}.db-review-delta{background:var(--db-accent-tint);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700}.db-review-delta.positive{color:var(--db-sage-text)}.db-review-delta.negative{color:var(--sd-coral-deep)}.db-weekly-review-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.db-weekly-review-metrics>div{border:1px solid var(--db-divider);background:var(--db-card-bg);border-radius:13px;flex-direction:column;gap:5px;min-width:0;padding:12px;display:flex}.db-weekly-review-metrics strong{color:var(--db-text);text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.db-weekly-review-metrics span{color:var(--db-muted);font-size:10px}.db-review-goal-track{background:var(--db-track-bg);border-radius:99px;height:5px;margin-top:14px;overflow:hidden}.db-review-goal-track span{border-radius:inherit;background:var(--sd-coral-primary);height:100%;display:block}.db-weekly-review-suggestion{color:var(--db-muted);margin:12px 0 0;font-size:11px;line-height:1.5}.db-range-empty{border:1px dashed var(--db-divider);min-height:82px;color:var(--db-muted);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;font-size:12px;display:flex}.db-range-empty button,.db-manage-link{border:1px solid var(--db-divider);background:var(--db-pill-bg);color:var(--sd-coral-primary);font:inherit;white-space:nowrap;cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;font-weight:700;display:inline-flex}.db-range-empty button:hover,.db-manage-link:hover{background:var(--db-accent-tint)}.db-weekly-chart-scroll{width:100%;padding-bottom:4px;overflow-x:auto}.db-weekly-bar-days-footer{min-width:max-content}.db-project-plans-list{flex-direction:column;display:flex}.db-project-plan-row{border-top:1px solid var(--db-divider);align-items:flex-start;gap:12px;padding:14px 0;display:flex}.db-project-plan-dot{border-radius:50%;flex:0 0 9px;height:9px;margin-top:5px}.db-project-plan-main{flex:1;min-width:0}.db-project-plan-title{color:var(--db-text);justify-content:space-between;gap:10px;font-size:12px;display:flex}.db-project-plan-title span{color:var(--db-muted);white-space:nowrap}.db-project-plan-main p{color:var(--db-muted);margin:7px 0 0;font-size:11px}.db-project-plan-track{background:var(--db-track-bg);border-radius:99px;height:5px;margin:9px 0;overflow:hidden}.db-project-plan-track span{border-radius:inherit;background:var(--db-portfolio-accent);height:100%;display:block}.db-project-plan-meta{color:var(--db-muted);flex-wrap:wrap;gap:8px 18px;font-size:10px;display:flex}@media (width<=760px){.db-dashboard-controls{grid-template-columns:minmax(0,1fr) 38px;gap:10px;padding:0 0 12px;display:grid}.db-range-control-copy{border-right:0;grid-area:1/1;padding-right:0}.db-range-control-options{grid-area:2/1/auto/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:0;display:grid}.db-range-control-options button{min-width:0;padding-inline:5px;font-size:10px}.db-customize-wrap{grid-area:1/2;justify-self:end}.db-custom-date-inputs{flex-wrap:wrap;grid-column:1/-1}.db-customizer-panel{left:auto;right:0}.db-weekly-review-heading{flex-direction:column;align-items:flex-start}.db-weekly-review-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.db-range-empty{flex-direction:column;align-items:flex-start}.db-activity-cal-days{grid-template-columns:repeat(4,minmax(0,1fr))}.db-activity-cal-day{min-height:74px;padding:9px}}.compare-module-container{flex-direction:column;gap:24px;width:100%;display:flex}.duel-arena-card{background:var(--sd-bg-surface);border:1px solid var(--sd-border-glass);border-radius:var(--sd-radius-xl);-webkit-backdrop-filter:blur(20px);box-shadow:var(--sd-shadow-card);flex-direction:column;gap:20px;padding:28px;display:flex}.duel-section-header{justify-content:space-between;align-items:center;display:flex}.duel-header-title{align-items:center;gap:12px;display:flex}.duel-header-title h2{color:var(--sd-text-primary);margin:0;font-size:22px;font-weight:800}.duel-icon{color:var(--sd-orange)}.duel-badge.live{letter-spacing:.08em;border-radius:var(--sd-radius-pill);color:#ef4444;background:#ef44441f;border:1px solid #ef444440;padding:4px 10px;font-size:11px;font-weight:750}.duel-badge.standby{letter-spacing:.08em;border-radius:var(--sd-radius-pill);background:var(--sd-bg-subtle);color:var(--sd-text-muted);border:1px solid var(--sd-border-soft);padding:4px 10px;font-size:11px;font-weight:750}.duel-subtitle{color:var(--sd-text-secondary);margin:0;font-size:14px;line-height:1.5}.duel-match-progress{background:var(--sd-bg-subtle);border-radius:var(--sd-radius-lg);border:1px solid var(--sd-border-soft);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.duel-participant{flex-direction:column;display:flex}.duel-participant .name{color:var(--sd-text-muted);font-size:13px;font-weight:600}.duel-participant .hours{font-variant-numeric:tabular-nums;color:var(--sd-text-primary);font-size:24px;font-weight:850}.duel-participant.you .hours{color:var(--sd-orange)}.duel-vs-divider{color:var(--sd-text-muted);letter-spacing:.12em;font-size:14px;font-weight:800}.duel-progress-bar-track{border-radius:var(--sd-radius-pill);background:var(--sd-border-soft);width:100%;height:10px;overflow:hidden}.duel-progress-bar-fill{border-radius:var(--sd-radius-pill);background:linear-gradient(90deg,#f97316 0%,#10b981 100%);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.duel-footer-banner{border-radius:var(--sd-radius-md);background:var(--sd-orange-subtle);color:var(--sd-text-primary);border:1px solid #f9731633;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;font-weight:550;display:flex}.award-icon{color:#f59e0b;flex-shrink:0}.standings-card{background:var(--sd-bg-surface);border:1px solid var(--sd-border-glass);border-radius:var(--sd-radius-xl);box-shadow:var(--sd-shadow-sm);-webkit-backdrop-filter:blur(20px)saturate(150%);flex-direction:column;gap:16px;padding:24px 28px;display:flex}.standings-heading{justify-content:space-between;align-items:center;display:flex}.standings-heading h3{color:var(--sd-text-primary);margin:0;font-size:18px;font-weight:750}.standings-list{flex-direction:column;display:flex}.standings-row{border-bottom:1px solid var(--sd-border-soft);grid-template-columns:32px 36px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;display:grid}.standings-row:last-child{border-bottom:0}.rank-badge{color:var(--sd-text-muted);font-size:13px;font-weight:800}.rank-badge.top{color:#f59e0b}.avatar-circle{background:var(--sd-bg-subtle);border:1px solid var(--sd-border-soft);width:36px;height:36px;color:var(--sd-text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.user-info-col{flex-direction:column;display:flex}.user-info-col strong{color:var(--sd-text-primary);font-size:14px}.user-info-col span{color:var(--sd-text-muted);font-size:11.5px}.standings-hours{color:var(--sd-text-primary);font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.duel-empty-state{text-align:center;background:var(--sd-bg-subtle);border-radius:var(--sd-radius-lg);border:1px dashed var(--sd-border-soft);flex-direction:column;align-items:center;gap:12px;padding:32px 24px;display:flex}.duel-empty-icon-wrap{width:54px;height:54px;color:var(--sd-orange);background:#f973161f;border-radius:50%;justify-content:center;align-items:center;display:flex}.duel-empty-state h3{color:var(--sd-text-primary);margin:0;font-size:17px;font-weight:750}.duel-empty-desc{color:var(--sd-text-secondary);max-width:440px;margin:0;font-size:13.5px;line-height:1.5}.duel-cta-btn{background:var(--sd-orange);color:#fff;border-radius:var(--sd-radius-pill);cursor:pointer;transition:all var(--sd-transition-fast);border:none;align-items:center;gap:8px;margin-top:6px;padding:9px 20px;font-size:13px;font-weight:650;display:inline-flex}.duel-cta-btn:hover{background:var(--sd-orange-hover);transform:translateY(-1px)}.standings-row.highlight-user{background:var(--sd-bg-subtle);border-radius:var(--sd-radius-md);border:1px solid var(--sd-border-soft);margin-bottom:8px;padding:12px 14px}.standings-empty-state{background:var(--sd-bg-subtle);border-radius:var(--sd-radius-lg);border:1px dashed var(--sd-border-soft);flex-direction:column;gap:16px;margin-top:14px;padding:20px;display:flex}.standings-empty-content{align-items:flex-start;gap:12px;display:flex}.standings-empty-icon{color:var(--sd-orange);flex-shrink:0;margin-top:2px}.standings-empty-content strong{color:var(--sd-text-primary);font-size:14px;font-weight:700;display:block}.standings-empty-content p{color:var(--sd-text-secondary);margin:4px 0 0;font-size:12.5px;line-height:1.4}.friend-invite-form{flex-wrap:wrap;gap:10px;display:flex}.friend-invite-form input{border-radius:var(--sd-radius-md);border:1px solid var(--sd-border-soft);background:var(--sd-bg-surface);min-width:220px;color:var(--sd-text-primary);transition:border-color var(--sd-transition-fast);outline:none;flex:1;padding:9px 14px;font-size:13px}.friend-invite-form input:focus{border-color:var(--sd-orange)}.friend-invite-form button{background:var(--sd-orange);color:#fff;border-radius:var(--sd-radius-md);cursor:pointer;transition:all var(--sd-transition-fast);border:none;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.friend-invite-form button:hover{background:var(--sd-orange-hover)}.friend-invite-notice{color:var(--sd-text-secondary);margin:0;font-size:12px}.compare-weekly-recap{border:1px solid var(--sd-border-glass);border-radius:var(--sd-radius-xl);background:var(--sd-bg-surface);box-shadow:var(--sd-shadow-sm);padding:22px 24px 18px}.compare-weekly-recap-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.compare-weekly-recap-heading>div{flex-direction:column;gap:5px;display:flex}.compare-weekly-recap-heading>div>span{color:var(--sd-text-muted);letter-spacing:.12em;font-size:9px;font-weight:750}.compare-weekly-recap-heading h2{color:var(--sd-text-primary);letter-spacing:-.02em;margin:0;font-size:18px}.compare-recap-change{background:var(--sd-bg-subtle);border-radius:99px;padding:7px 10px;font-size:11px;font-weight:700}.compare-recap-change.positive{color:#37835e}.compare-recap-change.negative{color:#b75365}.compare-weekly-recap-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.compare-weekly-recap-grid>div{border:1px solid var(--sd-border-soft);border-radius:var(--sd-radius-md);background:var(--sd-bg-subtle);flex-direction:column;gap:4px;min-width:0;padding:11px 12px;display:flex}.compare-weekly-recap-grid strong{color:var(--sd-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.compare-weekly-recap-grid span{color:var(--sd-text-muted);font-size:10px}.compare-recap-goal-track{background:var(--sd-border-soft);border-radius:99px;height:5px;margin-top:12px;overflow:hidden}.compare-recap-goal-track span{border-radius:inherit;background:var(--sd-orange);height:100%;display:block}.standings-context-metrics{margin-top:3px;font-size:10px!important}@media (width<=640px){.compare-weekly-recap-heading{flex-direction:column;align-items:flex-start}.compare-weekly-recap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.manage-module-container{--manage-accent:#777dd0;--manage-accent-soft:#777dd01c;--manage-line:var(--sd-border-soft,#787ba024);--manage-muted:var(--sd-text-muted,#8588a0);--manage-text:var(--sd-text-primary,#252744);width:100%;color:var(--manage-text);margin:0 auto;padding:22px 24px 56px}.manage-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin:8px 0 24px;display:flex}.manage-eyebrow{color:var(--manage-accent);letter-spacing:.13em;align-items:center;gap:7px;margin-bottom:8px;font-size:10px;font-weight:750;display:flex}.manage-page-header h1{color:var(--manage-text);letter-spacing:-.045em;margin:0;font-size:clamp(25px,3vw,34px);font-weight:750;line-height:1.12}.manage-page-header p{color:var(--manage-muted);margin:8px 0 0;font-size:13px}.manage-header-stats{align-items:center;gap:8px;display:flex}.manage-header-stats span{border:1px solid var(--manage-line);background:var(--sd-bg-surface,#ffffffb8);color:var(--manage-muted);white-space:nowrap;border-radius:11px;padding:9px 12px;font-size:11px}.manage-header-stats strong{color:var(--manage-text);margin-right:3px;font-size:13px}.manage-library-card{border:1px solid var(--manage-line);background:var(--sd-bg-surface,#ffffffc7);box-shadow:var(--sd-shadow-card,0 12px 34px #41417314);-webkit-backdrop-filter:blur(22px)saturate(155%);border-radius:19px;overflow:visible}.manage-library-toolbar{border-bottom:1px solid var(--manage-line);justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:14px 20px;display:flex}.manage-view-tabs{border:1px solid var(--manage-line);background:var(--sd-bg-subtle,#787ba00f);border-radius:12px;align-items:center;gap:5px;padding:4px;display:inline-flex}.manage-view-tabs button{min-height:34px;color:var(--manage-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:650;transition:background .16s,color .16s,box-shadow .16s;display:inline-flex}.manage-view-tabs button span{min-width:19px;color:inherit;text-align:center;background:#8086d41a;border-radius:999px;padding:2px 5px;font-size:10px}.manage-view-tabs button.selected{background:var(--sd-bg-surface,#fff);color:var(--manage-text);box-shadow:0 2px 8px #2d305a1a}.manage-search{border:1px solid var(--manage-line);width:min(280px,40%);height:38px;color:var(--manage-muted);background:var(--sd-bg-base,#ffffff7a);border-radius:10px;align-items:center;gap:9px;padding:0 11px;display:flex}.manage-search input,.manage-create-project input,.manage-add-subproject input,.manage-rename-form input{width:100%;min-width:0;color:var(--manage-text);font:inherit;background:0 0;border:0;outline:0}.manage-search input{font-size:12px}.manage-search input::placeholder,.manage-create-project input::placeholder,.manage-add-subproject input::placeholder{color:var(--manage-muted);opacity:.8}.manage-create-project{background:linear-gradient(105deg,#8086d413,#ffffff6b);border:1px solid #777dd02e;border-radius:14px;align-items:center;gap:11px;min-height:64px;margin:18px 20px 4px;padding:9px 10px 9px 12px;display:flex}.manage-create-icon{background:var(--manage-accent-soft);width:34px;height:34px;color:var(--manage-accent);border-radius:10px;flex:none;place-items:center;display:grid}.manage-create-project input{font-size:13px}.manage-create-project button,.manage-add-subproject button{border:1px solid var(--manage-accent);background:var(--manage-accent);color:#fff;min-height:36px;font:inherit;cursor:pointer;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:11px;font-weight:700;transition:opacity .16s,transform .16s;display:inline-flex}.manage-create-project button:hover:not(:disabled),.manage-add-subproject button:hover:not(:disabled){transform:translateY(-1px)}.manage-create-project button:disabled,.manage-add-subproject button:disabled{opacity:.48;cursor:not-allowed}.manage-notice{color:#a34b65;background:#b14f6812;border:1px solid #b14f6833;border-radius:10px;margin:14px 20px 0;padding:10px 12px;font-size:12px}.manage-project-list{gap:13px;padding:16px 20px 20px;display:grid}.manage-project-card{border:1px solid var(--manage-line);background:var(--sd-bg-surface,#fff);-webkit-backdrop-filter:blur(16px)saturate(145%);border-radius:15px;transition:border-color .18s,box-shadow .18s;position:relative;overflow:visible;box-shadow:0 3px 12px #36396909}.manage-project-card:hover{border-color:#777dd052;box-shadow:0 8px 22px #36396913}.manage-delete-backdrop{z-index:1200;-webkit-backdrop-filter:blur(9px);background:#18192a57;place-items:center;padding:22px;animation:.15s ease-out manage-delete-fade-in;display:grid;position:fixed;inset:0}.manage-delete-dialog{background:var(--sd-bg-surface,#fbfaff);width:min(420px,100%);color:var(--manage-text);border:1px solid #ffffffd1;border-radius:22px;padding:27px;animation:.18s cubic-bezier(.2,.8,.2,1) manage-delete-rise;box-shadow:0 24px 70px #1c1e433b,inset 0 1px #ffffffe6}.manage-delete-icon{color:#a34b65;background:#b14f6814;border:1px solid #b14f6824;border-radius:14px;place-items:center;width:42px;height:42px;margin-bottom:18px;display:grid}.manage-delete-eyebrow{color:var(--manage-muted);letter-spacing:.14em;font-size:9px;font-weight:750}.manage-delete-dialog h2{color:var(--manage-text);letter-spacing:-.035em;margin:8px 0 9px;font-size:21px;line-height:1.25}.manage-delete-dialog p{color:var(--manage-muted);margin:0;font-size:12px;line-height:1.65}.manage-delete-actions{border-top:1px solid var(--manage-line);justify-content:flex-end;gap:9px;margin-top:24px;padding-top:17px;display:flex}.manage-delete-actions button{min-height:39px;font:inherit;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:11px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.manage-delete-actions button:hover{transform:translateY(-1px)}.manage-delete-cancel{border:1px solid var(--manage-line);background:var(--sd-bg-surface,#fff);color:var(--manage-text)}.manage-delete-cancel:hover{box-shadow:0 3px 10px #36396914}.manage-delete-confirm{color:#fff;background:linear-gradient(#b55a73,#9f465f);border:1px solid #a34b65;box-shadow:0 5px 12px #a34b6533}.manage-delete-confirm:hover{background:linear-gradient(#a84f69,#8f3d55);box-shadow:0 7px 16px #a34b6540}.manage-delete-actions button:focus-visible{outline-offset:2px;outline:3px solid #777dd05c}.dark-mode .manage-delete-backdrop{background:#05070e9e}.dark-mode .manage-delete-dialog{background:linear-gradient(160deg,#202431,#171b25);border-color:#ffffff1a;box-shadow:0 24px 70px #0000007a,inset 0 1px #ffffff12}.dark-mode .manage-delete-icon{color:#e591a3;background:#e06d831f}.dark-mode .manage-delete-cancel{color:#ececf4;background:#ffffff0b}@keyframes manage-delete-fade-in{0%{opacity:0}to{opacity:1}}@keyframes manage-delete-rise{0%{opacity:0;transform:translateY(7px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.manage-delete-backdrop,.manage-delete-dialog{animation:none}.manage-delete-actions button{transition:none}}.manage-project-card-top{align-items:center;gap:12px;min-height:65px;padding:11px 15px;display:flex}.manage-project-color{background:var(--project-color);width:10px;height:34px;box-shadow:0 0 0 4px color-mix(in srgb, var(--project-color), transparent 88%);border-radius:99px;flex:none}.manage-project-name-block{flex:1;min-width:0}.manage-project-name-block h2{color:var(--manage-text);letter-spacing:-.01em;margin:0;font-size:14px;font-weight:720}.manage-project-name-block>span{color:var(--manage-muted);margin-top:4px;font-size:10px;display:block}.manage-color-control{flex:none;align-items:center;display:flex;position:relative}.manage-color-control:focus-within{z-index:40}.manage-project-card:focus-within{z-index:3}.manage-color-trigger{border:1px solid var(--manage-line);background:var(--sd-bg-surface,#fff);cursor:pointer;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;transition:border-color .15s,box-shadow .15s;display:grid}.manage-color-trigger>span{background:var(--project-color);border-radius:50%;width:17px;height:17px;box-shadow:inset 0 0 0 1px #00000014}.manage-color-trigger:hover,.manage-color-trigger[aria-expanded=true]{border-color:var(--manage-accent);box-shadow:0 0 0 3px #777dd021}.manage-color-palette{z-index:50;border:1px solid var(--manage-line);background:var(--sd-bg-surface,#fff);border-radius:12px;width:208px;padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #23264b2e}.manage-color-palette-title{color:var(--manage-text);margin-bottom:9px;font-size:11px;font-weight:700;display:block}.manage-color-swatches{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.manage-color-swatch{background:var(--swatch-color);cursor:pointer;border:2px solid #0000;border-radius:50%;justify-self:center;width:27px;height:27px;transition:transform .15s,outline-color .15s;box-shadow:inset 0 0 0 1px #00000012}.manage-color-swatch:hover{transform:scale(1.1)}.manage-color-swatch:focus-visible,.manage-color-swatch.selected{outline:2px solid var(--manage-accent);outline-offset:2px}.manage-custom-color{border-top:1px solid var(--manage-line);color:var(--manage-muted);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:10px;font-size:10px;display:flex}.manage-custom-color input{cursor:pointer;background:0 0;border:0;width:30px;height:24px;padding:0}.manage-card-actions{align-items:center;gap:3px;display:flex}.manage-card-actions button,.manage-rename-form button{width:31px;height:31px;color:var(--manage-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;transition:background .15s,color .15s,border-color .15s;display:grid}.manage-card-actions button:hover,.manage-rename-form button:hover{border-color:var(--manage-line);background:var(--manage-accent-soft);color:var(--manage-accent)}.manage-card-actions button:last-child:hover{color:#b14f68;background:#b14f6814}.manage-card-actions.compact{justify-content:flex-end}.manage-card-actions.compact button{width:27px;height:27px}.manage-rename-form{align-items:center;gap:4px;display:flex}.manage-rename-form input{border:1px solid var(--manage-line);background:var(--sd-bg-base,#fff);border-radius:8px;height:32px;padding:0 9px;font-size:12px}.manage-project-goals{border-top:1px solid var(--manage-line);border-bottom:1px solid var(--manage-line);background:var(--sd-bg-subtle,#787ba00b);align-items:center;gap:19px;min-height:45px;padding:8px 16px;display:flex}.manage-project-goals>span{color:var(--manage-muted);text-transform:uppercase;letter-spacing:.08em;margin-right:auto;font-size:10px;font-weight:700}.manage-project-goals strong{color:var(--manage-text);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.manage-project-goals small{color:var(--manage-muted);font-size:10px;font-weight:500}.manage-subprojects{padding:3px 15px 13px}.manage-subproject-table-head,.manage-subproject-row{grid-template-columns:minmax(180px,1fr) repeat(3,minmax(105px,140px)) 70px;align-items:center;gap:12px;display:grid}.manage-subproject-table-head{min-height:34px;color:var(--manage-muted);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:700}.manage-subproject-table-head>span:not(:first-child){text-align:center}.manage-subproject-row{border-top:1px solid var(--manage-line);min-height:48px}.manage-subproject-name{min-width:0;color:var(--manage-text);align-items:center;gap:9px;font-size:12px;font-weight:600;display:flex}.manage-subproject-name>i{border-radius:50%;flex:none;width:7px;height:7px}.manage-goal-input-wrap{color:var(--manage-muted);justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.manage-goal-input-wrap input{border:1px solid var(--manage-line);background:var(--sd-bg-base,#fff);width:74px;height:31px;color:var(--manage-text);font:inherit;text-align:right;font-variant-numeric:tabular-nums;border-radius:8px;outline:none;padding:0 8px;font-size:11px}.manage-goal-input-wrap input:focus{border-color:var(--manage-accent);box-shadow:0 0 0 3px #777dd01f}.manage-no-subprojects{color:var(--manage-muted);margin:0;padding:12px 0;font-size:11px}.manage-add-subproject{border:1px dashed var(--manage-line);min-height:40px;color:var(--manage-muted);border-radius:9px;align-items:center;gap:9px;margin-top:7px;padding:4px 8px;display:flex}.manage-add-subproject input{font-size:11px}.manage-add-subproject button{min-height:30px;padding:0 10px;font-size:10px}.manage-empty-state{text-align:center;justify-items:center;gap:8px;padding:54px 20px 60px;display:grid}.manage-empty-icon{background:var(--manage-accent-soft);width:42px;height:42px;color:var(--manage-accent);border-radius:13px;place-items:center;margin-bottom:3px;display:grid}.manage-empty-state strong{color:var(--manage-text);font-size:14px}.manage-empty-state p{max-width:370px;color:var(--manage-muted);margin:0;font-size:12px;line-height:1.55}.manage-archive-content{border-top:1px solid var(--manage-line);padding:15px}.manage-archive-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.manage-archive-metrics>div{border:1px solid var(--manage-line);background:var(--sd-bg-subtle,#787ba00a);border-radius:11px;grid-template-columns:17px 1fr;align-content:center;align-items:center;gap:5px 7px;min-height:79px;padding:10px;display:grid}.manage-archive-metrics svg{color:var(--manage-accent)}.manage-archive-metrics span{color:var(--manage-muted);font-size:10px}.manage-archive-metrics strong{color:var(--manage-text);font-variant-numeric:tabular-nums;grid-column:2;font-size:13px;font-weight:700}.manage-archive-breakdown{margin-top:17px}.manage-breakdown-heading,.manage-breakdown-row,.manage-breakdown-total{grid-template-columns:minmax(0,1fr) 110px 130px;align-items:center;gap:12px;display:grid}.manage-breakdown-heading{color:var(--manage-muted);letter-spacing:.07em;text-transform:uppercase;padding:0 10px 8px;font-size:9px;font-weight:700}.manage-breakdown-heading span:not(:first-child),.manage-breakdown-row span{text-align:right}.manage-breakdown-row{border-top:1px solid var(--manage-line);min-height:38px;color:var(--manage-muted);font-variant-numeric:tabular-nums;padding:0 10px;font-size:11px}.manage-breakdown-row strong{color:var(--manage-text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.manage-breakdown-total{border-top:1px solid var(--manage-line);min-height:42px;color:var(--manage-text);font-variant-numeric:tabular-nums;margin-top:4px;padding:0 10px;font-size:11px}.manage-breakdown-total strong:not(:first-child){text-align:right}.manage-archive-breakdown>p{color:var(--manage-muted);font-size:11px}.manage-project-card.is-archived .manage-project-card-top{background:var(--sd-bg-subtle,#787ba009)}@media (width<=760px){.manage-module-container{padding:14px 14px 40px}.manage-page-header{flex-direction:column;align-items:flex-start;gap:14px}.manage-library-toolbar{flex-direction:column;align-items:stretch}.manage-search{width:auto}.manage-create-project{margin-inline:12px}.manage-project-list{padding:12px}.manage-subproject-table-head,.manage-subproject-row{grid-template-columns:minmax(110px,1fr) repeat(3,minmax(68px,1fr)) 54px;gap:5px}.manage-goal-input-wrap{gap:3px}.manage-goal-input-wrap input{width:54px;padding:0 5px}.manage-card-actions.compact{gap:0}.manage-card-actions.compact button{width:24px;height:26px}.manage-archive-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.manage-header-stats{width:100%}.manage-header-stats span{flex:1}.manage-create-project{flex-wrap:wrap}.manage-create-project button{width:100%}.manage-project-goals{flex-wrap:wrap;gap:7px 12px}.manage-project-goals>span{width:100%}.manage-subproject-table-head{display:none}.manage-subproject-row{grid-template-columns:minmax(0,1fr) 54px 54px 54px 52px;gap:4px}.manage-goal-input-wrap{font-size:9px}.manage-goal-input-wrap input{width:43px;height:29px}.manage-subprojects{padding-inline:10px}.manage-breakdown-heading,.manage-breakdown-row,.manage-breakdown-total{grid-template-columns:minmax(0,1fr) 66px 76px;gap:6px}.manage-breakdown-row{padding-inline:5px;font-size:10px}.manage-breakdown-row strong{font-size:10px}.manage-breakdown-total{padding-inline:5px;font-size:10px}}.dark-mode .manage-module-container{--manage-accent:#9a9ce8;--manage-accent-soft:#9a9ce821}.dark-mode .manage-create-project{background:linear-gradient(105deg,#8086d41f,#17181f8c)}.dark-mode .manage-notice{color:#e59aad}.manage-plan-editor{border-bottom:1px solid var(--manage-line);background:color-mix(in srgb, var(--sd-bg-subtle,#f5f5fa), transparent 24%);grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(220px,1.4fr);gap:12px;padding:13px 15px;display:grid}.manage-plan-editor>label{color:var(--manage-muted);flex-direction:column;gap:6px;font-size:10px;font-weight:650;display:flex}.manage-plan-editor input:not([type=checkbox]){border:1px solid var(--manage-line);background:var(--sd-bg-base,#fff);width:100%;min-width:0;height:32px;color:var(--manage-text);font:inherit;border-radius:8px;outline:none;padding:0 9px;font-size:11px}.manage-plan-editor input:focus{border-color:var(--manage-accent);box-shadow:0 0 0 3px #777dd01f}.manage-plan-number{align-items:center;gap:7px;display:flex}.manage-plan-number>span{font-size:10px;font-weight:500}.manage-plan-label{color:var(--manage-muted);margin-bottom:6px;font-size:10px;font-weight:650;display:block}.manage-milestone-editor{min-width:0}.manage-milestone-row{color:var(--manage-text);align-items:center;gap:7px;margin:4px 0;font-size:10px;display:flex}.manage-milestone-row input{accent-color:var(--manage-accent)}.manage-milestone-row>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.manage-milestone-row>span.completed{color:var(--manage-muted);text-decoration:line-through}.manage-milestone-row button{width:22px;height:22px;color:var(--manage-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.manage-milestone-row button:hover{color:#b14f68;background:#b14f6814}.manage-add-milestone{gap:6px;margin-top:6px;display:flex}.manage-add-milestone input{flex:1}.manage-add-milestone button{border:1px solid var(--manage-line);background:var(--sd-bg-surface,#fff);color:var(--manage-accent);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:3px;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.manage-add-milestone button:disabled{opacity:.45;cursor:default}.manage-subproject-plan{border:1px solid var(--manage-line);border-radius:10px;grid-column:1/-1;margin:0 0 10px;overflow:hidden}.manage-subproject-plan .manage-plan-editor{border-bottom:0}@media (width<=760px){.manage-plan-editor{grid-template-columns:1fr 1fr}.manage-plan-editor .manage-milestone-editor{grid-column:1/-1}}@media (width<=480px){.manage-plan-editor{grid-template-columns:1fr}.manage-plan-editor .manage-milestone-editor{grid-column:auto}}:root{--sd-amber-500:var(--sd-coral);--sd-amber-600:var(--sd-coral-hover);--sd-amber-400:var(--sd-coral-hover);--sd-amber-subtle:var(--sd-orange-subtle);--sd-amber-glow:var(--sd-orange-glow)}[data-theme=light]{--sd-settings-canvas:var(--sd-bg-base);--sd-settings-card-bg:var(--sd-bg-surface);--sd-settings-card-border:var(--sd-border-glass);--sd-settings-border-soft:var(--sd-border-soft);--sd-settings-subtle:var(--sd-bg-subtle);--sd-settings-subtle-hover:color-mix(in srgb, var(--sd-bg-subtle), var(--sd-coral) 7%);--sd-settings-text:var(--sd-text-primary);--sd-settings-text-secondary:var(--sd-text-secondary);--sd-settings-text-muted:var(--sd-text-muted);--sd-settings-accent:var(--sd-coral);--sd-settings-accent-hover:var(--sd-coral-hover);--sd-settings-accent-subtle:var(--sd-orange-subtle);--sd-settings-shadow:var(--sd-shadow-card);--sd-settings-input-bg:var(--sd-input-bg);--sd-settings-track:var(--sd-track-bg)}[data-theme=dark]{--sd-settings-canvas:var(--sd-bg-base);--sd-settings-card-bg:var(--sd-bg-surface);--sd-settings-card-border:var(--sd-border-glass);--sd-settings-border-soft:var(--sd-border-soft);--sd-settings-subtle:var(--sd-bg-subtle);--sd-settings-subtle-hover:color-mix(in srgb, var(--sd-bg-subtle), var(--sd-coral) 9%);--sd-settings-text:var(--sd-text-primary);--sd-settings-text-secondary:var(--sd-text-secondary);--sd-settings-text-muted:var(--sd-text-muted);--sd-settings-accent:var(--sd-coral);--sd-settings-accent-hover:var(--sd-coral-hover);--sd-settings-accent-subtle:var(--sd-orange-subtle);--sd-settings-shadow:var(--sd-shadow-card);--sd-settings-input-bg:var(--sd-input-bg);--sd-settings-track:var(--sd-track-bg)}.demo-settings-page{width:100%;max-width:980px;color:var(--sd-settings-text);scrollbar-width:thin;scrollbar-color:var(--sd-settings-accent-subtle) transparent;background:0 0;max-height:calc(100dvh - 65px);margin:0 auto;padding:24px clamp(16px,2.5vw,36px) 60px;overflow-y:auto}.demo-settings-page::-webkit-scrollbar{width:6px}.demo-settings-page::-webkit-scrollbar-thumb{background:var(--sd-settings-accent-subtle);border-radius:999px}.settings-back-btn{border:1px solid var(--sd-settings-card-border);background:var(--sd-settings-card-bg);color:var(--sd-settings-text-secondary);cursor:pointer;transition:all var(--sd-transition-fast);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #0000000a}.settings-back-btn:hover{color:var(--sd-settings-accent);border-color:var(--sd-settings-accent);transform:translate(-2px)}.demo-settings-heading{margin:20px 0 24px}.settings-header-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.demo-settings-heading h1{color:var(--sd-settings-text);letter-spacing:-.02em;align-items:center;gap:12px;margin:0 0 6px;font-size:28px;font-weight:800;display:flex}.settings-header-icon{color:var(--sd-settings-accent)}.demo-settings-heading p{color:var(--sd-settings-text-muted);margin:0;font-size:14px}.settings-tab-nav{background:var(--sd-settings-card-bg);border:1px solid var(--sd-settings-card-border);box-shadow:var(--sd-settings-shadow);border-radius:9999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.settings-tab-btn{color:var(--sd-settings-text-muted);cursor:pointer;background:0 0;border:0;border-radius:9999px;align-items:center;gap:8px;padding:9px 20px;font-size:13.5px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.settings-tab-btn:hover{color:var(--sd-settings-text)}.settings-tab-btn.active{background:var(--sd-settings-accent);color:#fff;box-shadow:0 3px 12px var(--sd-settings-accent-subtle);font-weight:700}.settings-bento-card{background:var(--sd-settings-card-bg);border:1px solid var(--sd-settings-card-border);box-shadow:var(--sd-settings-shadow);-webkit-backdrop-filter:blur(22px)saturate(155%);transition:border-color var(--sd-transition-fast), box-shadow var(--sd-transition-fast);border-radius:24px;margin-bottom:20px;padding:24px 28px}.settings-card-header{border-bottom:1px solid var(--sd-settings-border-soft);justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.settings-card-title-group{align-items:center;gap:10px;display:flex}.settings-card-icon{background:var(--sd-settings-accent-subtle);width:32px;height:32px;color:var(--sd-settings-accent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.settings-card-header h2{color:var(--sd-settings-text);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:750}.settings-badge-pill{background:var(--sd-settings-accent-subtle);color:var(--sd-settings-accent);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.settings-row{border-bottom:1px solid var(--sd-settings-border-soft);justify-content:space-between;align-items:center;gap:24px;padding:16px 0;display:flex}.settings-row:last-child{border-bottom:none;padding-bottom:4px}.settings-row-info{flex-direction:column;gap:4px;max-width:58%;display:flex}.settings-row-info strong{color:var(--sd-settings-text);font-size:13.5px;font-weight:650}.settings-row-info span{color:var(--sd-settings-text-muted);font-size:12px;line-height:1.45}.settings-text-input{border:1px solid var(--sd-settings-card-border);background:var(--sd-settings-input-bg);width:240px;min-height:38px;color:var(--sd-settings-text);transition:all var(--sd-transition-fast);border-radius:12px;outline:none;padding:0 14px;font-size:13px;font-weight:500}.settings-text-input:focus{border-color:var(--sd-settings-accent);box-shadow:0 0 0 3px var(--sd-settings-accent-subtle)}.settings-slider-group{flex-shrink:0;align-items:center;gap:14px;display:flex}.settings-range-slider{appearance:none;background:var(--sd-settings-track);cursor:pointer;border-radius:999px;outline:none;width:170px;height:6px;transition:background .15s}.settings-range-slider::-webkit-slider-thumb{appearance:none;background:var(--sd-settings-accent);width:18px;height:18px;box-shadow:0 2px 6px var(--sd-settings-accent-subtle);cursor:pointer;border-radius:50%;transition:transform .15s,box-shadow .15s}.settings-range-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 10px var(--sd-settings-accent-subtle);transform:scale(1.15)}.settings-range-badge{background:var(--sd-settings-accent-subtle);min-width:58px;color:var(--sd-settings-accent);letter-spacing:.02em;border-radius:10px;justify-content:center;align-items:center;padding:5px 10px;font-size:12.5px;font-weight:750;display:inline-flex}.settings-segmented-group{background:var(--sd-settings-subtle);border:1px solid var(--sd-settings-card-border);border-radius:12px;flex-shrink:0;align-items:center;gap:3px;padding:4px;display:inline-flex}.settings-segmented-btn{color:var(--sd-settings-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:7px 13px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.settings-segmented-btn:hover{color:var(--sd-settings-text)}.settings-segmented-btn.active{background:var(--sd-settings-card-bg);color:var(--sd-settings-text);font-weight:700;box-shadow:0 2px 6px #00000014}.settings-segmented-btn.active.accent-active{color:var(--sd-settings-accent)}.settings-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.settings-mode-card{border:1px solid var(--sd-settings-card-border);background:var(--sd-settings-subtle);min-height:104px;color:var(--sd-settings-text);cursor:pointer;text-align:left;border-radius:18px;flex-direction:column;justify-content:space-between;padding:16px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.settings-mode-card:hover{border-color:color-mix(in srgb, var(--sd-settings-accent) 40%, transparent);background:var(--sd-settings-subtle-hover)}.settings-mode-card.active{border-color:var(--sd-settings-accent);background:var(--sd-settings-accent-subtle);box-shadow:inset 0 0 0 1px var(--sd-settings-accent), 0 4px 16px var(--sd-settings-accent-subtle)}.settings-mode-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.settings-mode-title{color:var(--sd-settings-text);font-size:13.5px;font-weight:700}.settings-mode-card.active .settings-mode-title{color:var(--sd-settings-accent)}.settings-mode-check{background:var(--sd-settings-accent);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.settings-mode-desc{color:var(--sd-settings-text-muted);margin:0;font-size:11.5px;line-height:1.45}.settings-mode-rec-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--sd-settings-accent);align-self:flex-start;margin-top:8px;font-size:10px;font-weight:750;display:inline-block}.settings-sound-row{justify-content:space-between;align-items:center;gap:20px;padding:16px 0 4px;display:flex}.settings-sound-copy{align-items:center;gap:12px;display:flex}.settings-sound-icon{background:var(--sd-settings-accent-subtle);width:34px;height:34px;color:var(--sd-settings-accent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.settings-sound-copy div{flex-direction:column;gap:3px;display:flex}.settings-sound-copy strong{color:var(--sd-settings-text);font-size:13.5px;font-weight:650}.settings-sound-copy span{color:var(--sd-settings-text-muted);font-size:12px}.settings-sound-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.settings-switch-label{cursor:pointer;flex:none;width:44px;height:25px;display:inline-flex;position:relative}.settings-switch-label input{opacity:0;width:1px;height:1px;position:absolute}.settings-switch{background:var(--sd-settings-track);border-radius:999px;width:100%;transition:background .2s}.settings-switch:after{content:"";background:#fff;border-radius:50%;width:19px;height:19px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000003d}.settings-switch-label input:checked+.settings-switch{background:var(--sd-settings-accent)}.settings-switch-label input:checked+.settings-switch:after{transform:translate(19px)}.settings-primary-btn,.settings-secondary-btn{cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 16px;font-size:12.5px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.settings-primary-btn{border:1px solid var(--sd-settings-accent);background:var(--sd-settings-accent);color:#fff;box-shadow:0 2px 8px var(--sd-settings-accent-subtle)}.settings-primary-btn:hover:not(:disabled){background:var(--sd-settings-accent-hover);border-color:var(--sd-settings-accent-hover);transform:translateY(-1px)}.settings-secondary-btn{border:1px solid var(--sd-settings-card-border);background:var(--sd-settings-subtle);color:var(--sd-settings-text)}.settings-secondary-btn:hover:not(:disabled){background:var(--sd-settings-subtle-hover);border-color:color-mix(in srgb, var(--sd-settings-accent) 40%, transparent)}.settings-secondary-btn:disabled,.settings-primary-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.settings-export-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.settings-export-copy p{color:var(--sd-settings-text-muted);margin:4px 0 0;font-size:12.5px}.settings-export-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.settings-invite-wrap{border-bottom:1px solid var(--sd-settings-border-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.settings-invite-code-box{background:var(--sd-settings-subtle);border:1px solid var(--sd-settings-card-border);border-radius:14px;align-items:center;gap:10px;padding:6px 6px 6px 14px;display:inline-flex}.settings-monospace-code{letter-spacing:.08em;color:var(--sd-settings-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:15px;font-weight:750}.settings-copy-btn{border:1px solid var(--sd-settings-card-border);background:var(--sd-settings-card-bg);color:var(--sd-settings-text);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:650;transition:all .15s;display:inline-flex}.settings-copy-btn:hover{background:var(--sd-settings-subtle);border-color:var(--sd-settings-accent);color:var(--sd-settings-accent)}.settings-copy-btn.copied{background:var(--sd-settings-accent);color:#fff;border-color:var(--sd-settings-accent)}.settings-add-friend-section{padding-top:18px}.settings-add-friend-form{align-items:center;gap:10px;margin-top:10px;display:flex}.settings-add-friend-form .settings-text-input{flex:1;max-width:360px}.settings-feedback-toast{border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.settings-feedback-toast.success{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.settings-feedback-toast.error{color:#ef4444;background:#ef44441f;border:1px solid #ef444440}.settings-partners-list{flex-direction:column;gap:12px;display:flex}.settings-partner-card{background:var(--sd-settings-subtle);border:1px solid var(--sd-settings-card-border);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;transition:all .15s;display:flex}.settings-partner-card:hover{background:var(--sd-settings-subtle-hover);border-color:color-mix(in srgb, var(--sd-settings-accent) 30%, transparent)}.settings-partner-left{align-items:center;gap:14px;display:flex}.settings-partner-avatar{background:linear-gradient(135deg, color-mix(in srgb, var(--sd-settings-accent) 25%, transparent), color-mix(in srgb, var(--sd-settings-accent) 8%, transparent));border:1.5px solid color-mix(in srgb, var(--sd-settings-accent) 30%, transparent);width:42px;height:42px;color:var(--sd-settings-accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:15px;font-weight:800;display:grid}.settings-partner-info{flex-direction:column;gap:4px;display:flex}.settings-partner-name-row{align-items:center;gap:8px;display:flex}.settings-partner-name{color:var(--sd-settings-text);font-size:14px;font-weight:700}.settings-streak-badge{background:var(--sd-settings-accent-subtle);color:var(--sd-settings-accent);border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:750;display:inline-flex}.settings-flame-icon{color:var(--sd-settings-accent)}.settings-partner-status-row{align-items:center;gap:6px;display:flex}.settings-status-dot{background:var(--sd-settings-text-muted);border-radius:50%;width:7px;height:7px}.settings-status-dot.active{background:#10b981;animation:2s infinite pulseStatus;box-shadow:0 0 6px #10b98199}@keyframes pulseStatus{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.settings-partner-status{color:var(--sd-settings-text-muted);font-size:12px}.settings-partner-right{align-items:center;gap:16px;display:flex}.settings-progress-group{flex-direction:column;align-items:flex-end;gap:5px;min-width:110px;display:flex}.settings-progress-label{color:var(--sd-settings-text-muted);font-size:12px}.settings-progress-label strong{color:var(--sd-settings-text);font-weight:700}.settings-progress-track{background:var(--sd-settings-track);border-radius:999px;width:100px;height:6px;overflow:hidden}.settings-progress-bar{background:linear-gradient(90deg, var(--sd-settings-accent), var(--sd-settings-accent-hover));border-radius:999px;height:100%;transition:width .3s}.settings-partner-remove-btn{width:28px;height:28px;color:var(--sd-settings-text-muted);cursor:pointer;opacity:.6;background:0 0;border:0;border-radius:8px;place-items:center;transition:all .15s;display:grid}.settings-partner-remove-btn:hover{opacity:1;color:#ef4444;background:#ef44441a}.settings-empty-partners{text-align:center;color:var(--sd-settings-text-muted);padding:36px 20px}.settings-empty-partners p{margin:0 0 6px;font-size:13.5px}.settings-empty-partners span{opacity:.8;font-size:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){.demo-settings-page{padding:16px}.settings-bento-card{padding:20px 18px}.settings-mode-grid{grid-template-columns:1fr}.settings-row,.settings-export-row,.settings-sound-row,.settings-invite-wrap{flex-direction:column;align-items:flex-start}.settings-row-info{max-width:100%}.settings-text-input{width:100%;max-width:100%}.settings-slider-group{justify-content:space-between;width:100%}.settings-range-slider{flex:1}.settings-segmented-group{justify-content:space-between;width:100%}.settings-segmented-btn{flex:1;justify-content:center}.settings-add-friend-form{flex-direction:column;align-items:stretch}.settings-partner-card{flex-direction:column;align-items:flex-start}.settings-partner-right{justify-content:space-between;width:100%}.settings-progress-group{align-items:flex-start;width:100%}.settings-progress-track{width:100%}}.app-shell-wrapper{background:radial-gradient(ellipse at 12% 0%, #8086d41a, transparent 38%), radial-gradient(ellipse at 92% 8%, #f3957f12, transparent 34%), var(--sd-bg-base);z-index:10;width:100%;height:100%;padding:16px 24px 48px;position:fixed;inset:0;overflow:hidden auto}.dashboard-nav{background:var(--sd-bg-surface);border:1px solid var(--sd-card-border);border-radius:var(--sd-radius-lg);box-shadow:var(--sd-shadow-sm);-webkit-backdrop-filter:blur(24px)saturate(155%);justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:10px 18px;display:flex;position:relative}.nav-left{align-items:center;gap:16px;display:flex}.demo-mode-pill{color:var(--sd-text-muted);border-left:1px solid var(--sd-border-glass);padding-left:14px;font-size:12px;font-weight:500}.nav-datetime{width:220px;min-width:0;color:var(--sd-text-muted);font-variant-numeric:tabular-nums;letter-spacing:.01em;text-align:center;white-space:nowrap;font-size:12px;font-weight:500;position:absolute;left:clamp(220px,50% - 420px,520px)}.dashboard-tabs{background:var(--sd-track-bg);border:1px solid var(--sd-card-border);border-radius:9999px;align-items:center;padding:4px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #0000000f}.dashboard-tab{height:32px;color:var(--sd-text-muted);font:inherit;white-space:nowrap;cursor:pointer;letter-spacing:-.005em;background:0 0;border:0;border-radius:9999px;align-items:center;padding:0 18px;font-size:13.5px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.dashboard-tab:hover{color:var(--sd-text-primary);opacity:.9}.dashboard-tab.active{background:var(--sd-card-bg);color:var(--sd-text-primary);font-weight:600;box-shadow:0 2px 8px #0000001f,inset 0 1px #fff3}.dashboard-tab.active:after{display:none}.nav-right{align-items:center;gap:10px;display:flex}.running-session-island{color:#f5f5f6;background:linear-gradient(#20232b,#111319);border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;min-width:0;max-width:min(340px,34vw);height:42px;padding:0 8px 0 12px;display:inline-flex;box-shadow:0 5px 18px #0000002e,inset 0 1px #ffffff12}.running-session-icon{color:#f28b72;flex:none;display:inline-flex}.running-session-context{flex-direction:column;flex:auto;min-width:0;line-height:1.1;display:flex}.running-session-project,.running-session-subject{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.running-session-project{max-width:150px;font-size:11px;font-weight:650}.running-session-subject{color:#9da3af;max-width:150px;margin-top:3px;font-size:10px}.running-session-time{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em;flex:none;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.running-session-stop{color:#f28b72;cursor:pointer;background:#f28b721a;border:1px solid #f28b7247;border-radius:50%;flex:none;justify-content:center;align-items:center;width:27px;height:27px;transition:background .15s,transform .15s;display:inline-flex}.running-session-stop:hover{background:#f28b7233;transform:scale(1.04)}[data-theme=light] .running-session-icon,[data-theme=light] .running-session-stop{color:var(--sd-coral)}[data-theme=light] .running-session-stop{border-color:var(--sd-coral-glow);background:var(--sd-orange-subtle)}[data-theme=light] .running-session-stop:hover{background:var(--sd-coral-glow)}.dashboard-icon-btn{border:1px solid var(--sd-card-border);background:var(--sd-card-bg);width:38px;height:38px;box-shadow:var(--sd-shadow-sm);color:var(--sd-text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.dashboard-icon-btn:hover,.dashboard-icon-btn.active{color:var(--sd-text-primary);border-color:var(--sd-border-strong);transform:translateY(-1px)}.exit-demo-btn{border:1px solid var(--sd-card-border);background:var(--sd-card-bg);height:38px;box-shadow:var(--sd-shadow-sm);color:var(--sd-text-primary);font:inherit;cursor:pointer;border-radius:9999px;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.exit-demo-btn:hover{border-color:var(--sd-border-strong);opacity:.95;transform:translateY(-1px)}.app-shell-content{flex-direction:column;width:100%;display:flex}@media (width<=900px){.dashboard-nav{flex-wrap:wrap;gap:8px}.nav-datetime{text-align:right;flex:auto;order:2;width:auto;font-size:11px;position:static}.dashboard-tabs{order:3;width:100%;position:static;overflow-x:auto;transform:none}.dashboard-tab.active:after{bottom:-8px}.running-session-island{max-width:42vw}}@media (width<=560px){.running-session-island{gap:7px;max-width:46vw;padding-left:9px}.running-session-project,.running-session-subject{max-width:82px}.running-session-time{font-size:10px}}@media (width<=600px){.app-shell-wrapper{padding:10px 12px 36px}.dashboard-nav{padding:8px 12px}.demo-mode-pill{display:none}.nav-datetime{letter-spacing:0;font-size:10px}.exit-demo-btn span{display:none}.dashboard-tab{padding:0 12px;font-size:13px}}.app-reminder-toast{z-index:100;border:1px solid var(--sd-border-glass);background:var(--sd-bg-surface);max-width:min(430px,100vw - 32px);box-shadow:var(--sd-shadow-card);color:var(--sd-text-primary);border-radius:15px;align-items:center;gap:11px;padding:13px 14px;font-size:12px;line-height:1.45;display:flex;position:fixed;bottom:24px;right:24px}.app-reminder-icon{width:30px;height:30px;color:var(--sd-orange);background:#8086d421;border-radius:10px;flex:0 0 30px;place-items:center;display:grid}.app-reminder-toast>span:nth-child(2){flex:1}.app-reminder-toast>button{width:28px;height:28px;color:var(--sd-text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.app-reminder-toast>button:hover{background:var(--sd-bg-subtle);color:var(--sd-text-primary)}.app-root{width:100%;min-height:100vh;position:relative}