:root{--bg-base: #071120;--bg-panel: #0b172a;--bg-surface: #0f1c34;--bg-elevated: #14233f;--surface-gradient: linear-gradient(180deg, rgba(13, 27, 51, .9), rgba(8, 20, 39, .95));--text-main: #f3f7ff;--text-soft: #9fb2d1;--text-muted: #7f93b3;--border: #213554;--border-strong: #2e476d;--accent: #5bc0eb;--accent-alt: #6ee7b7;--button-primary-bg: #5bc0eb;--button-primary-text: #071120;--input-bg: #091627;--font-display: "Inter", "Segoe UI", sans-serif;--font-ui: "Inter", "Segoe UI", sans-serif;--font-heading: var(--font-display);--font-body: var(--font-ui);--font-timer: "Inter", "Segoe UI", sans-serif;--font-accent: var(--font-display);--shadow-soft: 0 12px 24px rgba(0, 0, 0, .22);--glow-accent: 0 0 18px rgba(91, 192, 235, .24);--timer-bg: #0d1b33;--timer-surface: #112241;--timer-border: #2f4f75;--timer-text-main: #f4f8ff;--timer-text-soft: #b7c7e0;--timer-accent: #5bc0eb;--timer-glow: 0 0 18px rgba(91, 192, 235, .24);--timer-shadow: 0 14px 28px rgba(4, 10, 20, .35);--timer-control-bg: rgba(9, 22, 39, .7);--timer-control-text: #f3f7ff;--timer-progress-track: #1c314f;--timer-progress-fill: linear-gradient(90deg, #5bc0eb, #6ee7b7);--timer-container-gradient: linear-gradient(180deg, rgba(20, 35, 63, .95), rgba(12, 24, 43, .98));--bg-overlay: rgba(5, 10, 18, .46);--panel-bg: var(--bg-surface);--panel-border: var(--border);--text-primary: var(--text-main);--text-secondary: var(--text-soft);--accent-soft: color-mix(in srgb, var(--accent) 24%, transparent);--theme-bg-image: none;--theme-bg-size: cover;--theme-bg-position: center center;--theme-bg-repeat: no-repeat;--theme-ui-primary: var(--accent);--theme-ui-secondary: var(--accent-alt);--theme-progress-glow: var(--glow-accent);--theme-progress-fill: linear-gradient(90deg, var(--theme-ui-primary), var(--theme-ui-secondary));--theme-progress-track: color-mix(in srgb, var(--theme-ui-secondary) 45%, var(--timer-progress-track));--theme-text-mode: light;--theme-overlay-top-alpha: .22;--theme-overlay-bottom-alpha: .38;--theme-overlay-vignette-alpha: .28;--theme-overlay-grain-alpha: .04;--theme-overlay-tint-rgb: 24 24 32;--theme-scene-filter: none;--layout-content-max: 80rem;--layout-content-max-wide: 94rem;--layout-page-max-readable: 68rem;--layout-page-max-timer: 96rem;--layout-sidebar-width: 15rem;--layout-sidebar-width-collapsed: 5rem;--layout-page-gutter: 1rem;--layout-panel-gap: 1rem;--layout-dialog-width: min(42rem, calc(100vw - 2rem) );--ui-zoom-min: .6;--ui-zoom-max: 1.2;font-family:var(--font-body);line-height:1.5;font-weight:400;color:var(--text-soft);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=normal]{--bg-base: #fdf4e8;--bg-panel: #fffaf3;--bg-surface: #fdf7ee;--bg-elevated: #fff9f2;--surface-gradient: linear-gradient(180deg, rgba(255, 250, 243, .98), rgba(253, 247, 238, .98));--border: #dd9a61;--border-strong: #c97a3b;--text-main: #1f2937;--text-soft: #243041;--text-muted: #04080d;--accent: #f97316;--accent-alt: #fb7185;--button-primary-bg: #f97316;--button-primary-text: #ffffff;--input-bg: #fff8ef;--shadow-soft: 0 12px 28px rgba(249, 115, 22, .1);--glow-accent: 0 0 18px rgba(249, 115, 22, .2);--timer-bg: #ffffff;--timer-surface: #fff8ef;--timer-border: #f4bf8f;--timer-text-main: #1f2937;--timer-text-soft: #475569;--timer-accent: #f97316;--timer-glow: 0 0 18px rgba(249, 115, 22, .2);--timer-shadow: 0 14px 30px rgba(249, 115, 22, .1);--timer-control-bg: rgba(255, 248, 239, .92);--timer-control-text: #1f2937;--timer-progress-track: #f4d4b0;--timer-progress-fill: linear-gradient(90deg, #f97316, #d97706);--timer-container-gradient: linear-gradient(180deg, rgba(255, 250, 243, .99), rgba(253, 247, 238, .98));--bg-overlay: rgba(251, 113, 133, .08);--glass-bg-weak: rgba(255, 250, 243, .78);--glass-bg-medium: rgba(255, 248, 239, .82);--glass-bg-strong: rgba(255, 246, 236, .86);--glass-border: rgba(201, 122, 59, .44);--glass-border-strong: rgba(201, 122, 59, .62);--glass-highlight: rgba(255, 255, 255, .56);--glass-shadow: 0 6px 16px rgba(178, 101, 38, .08);--glass-shadow-strong: 0 10px 20px rgba(178, 101, 38, .1);--glass-blur: 10px;--glass-blur-strong: 12px;--panel-bg: var(--bg-surface);--panel-border: var(--border);--text-primary: var(--text-main);--text-secondary: var(--text-soft);--accent-soft: color-mix(in srgb, var(--accent) 24%, transparent);--theme-bg-image: none;--theme-bg-size: cover;--theme-bg-position: center center;--theme-bg-repeat: no-repeat}[data-theme=nightscape]{--bg-base: #050816;--bg-panel: #0a0f24;--bg-surface: #101935;--bg-elevated: #151f42;--surface-gradient: linear-gradient(180deg, rgba(19, 27, 57, .92), rgba(14, 20, 45, .95));--border: #24315e;--border-strong: #334377;--text-main: #f5f7ff;--text-soft: #a9b4e8;--text-muted: #8f9bd3;--accent: #6c7dff;--accent-alt: #9f6bff;--button-primary-bg: linear-gradient(135deg, #6c7dff, #9f6bff);--button-primary-text: #f8faff;--input-bg: #0b132b;--shadow-soft: 0 14px 30px rgba(10, 14, 45, .45);--glow-accent: 0 0 20px rgba(79, 209, 255, .34);--timer-bg: #0e1632;--timer-surface: #162246;--timer-border: #33467f;--timer-text-main: #f6f8ff;--timer-text-soft: #b6c2f0;--timer-accent: #6c7dff;--timer-glow: 0 0 22px rgba(79, 209, 255, .28);--timer-shadow: 0 16px 30px rgba(6, 10, 32, .42);--timer-control-bg: rgba(11, 19, 43, .76);--timer-control-text: #f5f7ff;--timer-progress-track: #253765;--timer-progress-fill: linear-gradient(90deg, #6c7dff, #9f6bff);--timer-container-gradient: linear-gradient(180deg, rgba(21, 31, 66, .95), rgba(11, 19, 43, .98));--bg-overlay: rgba(6, 8, 20, .5);--panel-bg: var(--bg-surface);--panel-border: var(--border);--text-primary: var(--text-main);--text-secondary: var(--text-soft);--accent-soft: color-mix(in srgb, var(--accent) 26%, transparent);--theme-bg-image: none;--theme-bg-size: cover;--theme-bg-position: center center;--theme-bg-repeat: no-repeat}[data-theme=rustic]{--bg-base: #1a120e;--bg-panel: #221813;--bg-surface: #2a1e18;--bg-elevated: #33241d;--surface-gradient: linear-gradient(180deg, rgba(51, 36, 29, .94), rgba(34, 24, 19, .98));--border: #5a4336;--border-strong: #705540;--text-main: #f7e7d3;--text-soft: #c9ae95;--text-muted: #aa8f78;--accent: #b77946;--accent-alt: #d6a46b;--button-primary-bg: #b77946;--button-primary-text: #fff7ee;--input-bg: #201611;--shadow-soft: 0 12px 24px rgba(14, 9, 6, .4);--glow-accent: 0 0 0 transparent;--timer-bg: #1b130f;--timer-surface: #261a14;--timer-border: #6e5240;--timer-text-main: #f7e8d7;--timer-text-soft: #c9ae95;--timer-accent: #b77946;--timer-glow: 0 0 0 transparent;--timer-shadow: 0 14px 24px rgba(15, 9, 6, .42);--timer-control-bg: rgba(32, 22, 17, .84);--timer-control-text: #fff7ee;--timer-progress-track: #4c382d;--timer-progress-fill: linear-gradient(90deg, #b77946, #d6a46b);--timer-container-gradient: linear-gradient(180deg, rgba(51, 36, 29, .95), rgba(34, 24, 19, .98));--bg-overlay: rgba(20, 11, 8, .44);--panel-bg: var(--bg-surface);--panel-border: var(--border);--text-primary: var(--text-main);--text-secondary: var(--text-soft);--accent-soft: color-mix(in srgb, var(--accent) 24%, transparent);--theme-bg-image: none;--theme-bg-size: cover;--theme-bg-position: center center;--theme-bg-repeat: no-repeat}[data-theme=vintage]{--bg-base: #e7dcc7;--bg-panel: #d9cbb1;--bg-surface: #f2e8d8;--bg-elevated: #f7f0e4;--surface-gradient: linear-gradient(180deg, rgba(247, 240, 228, .95), rgba(242, 232, 216, .98));--border: #b89e7a;--border-strong: #a58964;--text-main: #3e2f23;--text-soft: #6d5846;--text-muted: #826a56;--accent: #8b5e3c;--accent-alt: #a67952;--button-primary-bg: #8b5e3c;--button-primary-text: #fff8f1;--input-bg: #efe3d2;--shadow-soft: 0 10px 20px rgba(98, 76, 54, .16);--glow-accent: 0 0 0 transparent;--timer-bg: #efe2cf;--timer-surface: #f6ecde;--timer-border: #b89e7a;--timer-text-main: #3e2f23;--timer-text-soft: #6d5846;--timer-accent: #8b5e3c;--timer-glow: 0 0 0 transparent;--timer-shadow: 0 10px 18px rgba(98, 76, 54, .14);--timer-control-bg: rgba(239, 227, 210, .9);--timer-control-text: #3e2f23;--timer-progress-track: #d8c4a3;--timer-progress-fill: linear-gradient(90deg, #8b5e3c, #a67952);--timer-container-gradient: linear-gradient(180deg, rgba(247, 240, 228, .98), rgba(242, 232, 216, 1));--bg-overlay: rgba(236, 225, 205, .26);--panel-bg: var(--bg-surface);--panel-border: var(--border);--text-primary: var(--text-main);--text-secondary: var(--text-soft);--accent-soft: color-mix(in srgb, var(--accent) 20%, transparent);--theme-bg-image: none;--theme-bg-size: cover;--theme-bg-position: center center;--theme-bg-repeat: no-repeat}[data-theme=antique]{--bg-base: #2b2118;--bg-panel: #f1e3d0;--bg-surface: #f8f0e3;--bg-elevated: #fff8ef;--surface-gradient: linear-gradient(180deg, rgba(255, 249, 241, .98), rgba(242, 230, 210, .98));--border: #b08a62;--border-strong: #8b6544;--text-main: #3a2415;--text-soft: #5a3f2d;--text-muted: #5a3f2d;--accent: #a67952;--accent-alt: #8f6b43;--button-primary-bg: #caa06f;--button-primary-text: #2b1a10;--input-bg: #f7efe4;--shadow-soft: 0 12px 24px rgba(93, 60, 32, .16);--glow-accent: 0 0 0 transparent;--timer-bg: #f4e7d6;--timer-surface: #fbf3e7;--timer-border: #b08a62;--timer-text-main: #3a2415;--timer-text-soft: #5a3f2d;--timer-accent: #a67952;--timer-glow: 0 0 0 transparent;--timer-shadow: 0 14px 24px rgba(93, 60, 32, .14);--timer-control-bg: rgba(244, 234, 220, .96);--timer-control-text: #2b1a10;--timer-progress-track: #d4b895;--timer-progress-fill: linear-gradient(90deg, #a67952, #8f6b43);--timer-container-gradient: linear-gradient(180deg, rgba(255, 248, 240, .98), rgba(241, 229, 210, .98));--bg-overlay: rgba(27, 18, 12, .44);--panel-bg: var(--bg-surface);--panel-border: var(--border);--text-primary: var(--text-main);--text-secondary: var(--text-soft);--accent-soft: color-mix(in srgb, var(--accent) 24%, transparent);--theme-bg-image: none;--theme-bg-size: cover;--theme-bg-position: center center;--theme-bg-repeat: no-repeat}[data-theme=beach-vibes]{--bg-base: #e8f7fa;--bg-panel: #d6f0f5;--bg-surface: #f5fcfd;--bg-elevated: #ffffff;--surface-gradient: linear-gradient(180deg, rgba(245, 252, 253, .95), rgba(234, 248, 250, .98));--border: #a7d7df;--border-strong: #8ec8d4;--text-main: #0f3f4c;--text-soft: #2f6270;--text-muted: #3f7380;--accent: #1f8fab;--accent-alt: #f2b880;--button-primary-bg: #177f99;--button-primary-text: #f8feff;--input-bg: #f3fbfc;--shadow-soft: 0 10px 20px rgba(61, 134, 153, .15);--glow-accent: 0 0 0 transparent;--timer-bg: #deeff3;--timer-surface: #edf7f9;--timer-border: #98cad3;--timer-text-main: #0f3f4c;--timer-text-soft: #2f6270;--timer-accent: #1f8fab;--timer-glow: 0 0 0 transparent;--timer-shadow: 0 10px 18px rgba(61, 134, 153, .14);--timer-control-bg: rgba(243, 251, 252, .94);--timer-control-text: #154b5a;--timer-progress-track: #bddfe6;--timer-progress-fill: linear-gradient(90deg, #2ba7c8, #f2b880);--timer-container-gradient: linear-gradient(180deg, rgba(245, 252, 253, .98), rgba(234, 248, 250, 1));--bg-overlay: rgba(220, 244, 248, .34);--panel-bg: var(--bg-surface);--panel-border: var(--border);--text-primary: var(--text-main);--text-secondary: var(--text-soft);--accent-soft: color-mix(in srgb, var(--accent) 20%, transparent);--theme-bg-image: none;--theme-bg-size: cover;--theme-bg-position: center center;--theme-bg-repeat: no-repeat}[data-theme=forest-cabin]{--bg-base: #111a14;--bg-panel: #162019;--bg-surface: #1e2a22;--bg-elevated: #26352a;--surface-gradient: linear-gradient(180deg, rgba(38, 53, 42, .94), rgba(24, 35, 28, .98));--border: #4b644f;--border-strong: #607c64;--text-main: #eef3ea;--text-soft: #a8b8a4;--text-muted: #90a08d;--accent: #6fa36c;--accent-alt: #c08b5c;--button-primary-bg: #6fa36c;--button-primary-text: #0d140f;--input-bg: #18231c;--shadow-soft: 0 12px 24px rgba(8, 16, 12, .35);--glow-accent: 0 0 0 transparent;--timer-bg: #1b2a20;--timer-surface: #223427;--timer-border: #58715c;--timer-text-main: #f3f8f0;--timer-text-soft: #b7c5b2;--timer-accent: #7fbf7a;--timer-glow: 0 0 16px rgba(127, 191, 122, .18);--timer-shadow: 0 14px 24px rgba(9, 17, 12, .36);--timer-control-bg: rgba(24, 35, 28, .82);--timer-control-text: #eef3ea;--timer-progress-track: #31473a;--timer-progress-fill: linear-gradient(90deg, #7fbf7a, #c08b5c);--timer-container-gradient: linear-gradient(180deg, rgba(34, 52, 39, .95), rgba(27, 42, 32, .98));--bg-overlay: rgba(16, 23, 18, .42);--panel-bg: var(--bg-surface);--panel-border: var(--border);--text-primary: var(--text-main);--text-secondary: var(--text-soft);--accent-soft: color-mix(in srgb, var(--accent) 24%, transparent);--theme-bg-image: none;--theme-bg-size: cover;--theme-bg-position: center center;--theme-bg-repeat: no-repeat}[data-theme=midnight-noir]{--bg-base: #050505;--bg-panel: #0a0a0d;--bg-surface: #111216;--bg-elevated: #181a20;--surface-gradient: linear-gradient(180deg, rgba(24, 26, 32, .92), rgba(12, 13, 16, .98));--border: #30333a;--border-strong: #444851;--text-main: #f5f5f7;--text-soft: #a5a8b3;--text-muted: #8d909b;--accent: #c04b5a;--accent-alt: #7c6cf2;--button-primary-bg: #c04b5a;--button-primary-text: #fff8f9;--input-bg: #101115;--shadow-soft: 0 14px 30px rgba(0, 0, 0, .48);--glow-accent: 0 0 14px rgba(209, 88, 104, .16);--timer-bg: #0e1014;--timer-surface: #15181e;--timer-border: #3a3e46;--timer-text-main: #fafafb;--timer-text-soft: #b2b6c1;--timer-accent: #d15868;--timer-glow: 0 0 16px rgba(209, 88, 104, .16);--timer-shadow: 0 14px 28px rgba(0, 0, 0, .5);--timer-control-bg: rgba(16, 17, 21, .86);--timer-control-text: #f5f5f7;--timer-progress-track: #262a31;--timer-progress-fill: linear-gradient(90deg, #d15868, #7c6cf2);--timer-container-gradient: linear-gradient(180deg, rgba(21, 24, 30, .95), rgba(14, 16, 20, .98));--bg-overlay: rgba(8, 8, 10, .54);--panel-bg: var(--bg-surface);--panel-border: var(--border);--text-primary: var(--text-main);--text-secondary: var(--text-soft);--accent-soft: color-mix(in srgb, var(--accent) 26%, transparent);--theme-bg-image: none;--theme-bg-size: cover;--theme-bg-position: center center;--theme-bg-repeat: no-repeat}*{box-sizing:border-box}body{margin:0;height:100%;min-height:100vh;overflow:hidden;background:var(--bg-base);font-family:var(--font-body)}@media (max-width: 1280px){[data-theme=antique],[data-theme=beach-vibes],[data-theme=forest-cabin],[data-theme=midnight-noir],[data-theme=nightscape],[data-theme=rustic],[data-theme=vintage]{--theme-bg-size: auto 120%;--theme-bg-position: center top}}@media (max-width: 820px){[data-theme=antique],[data-theme=beach-vibes],[data-theme=forest-cabin],[data-theme=midnight-noir],[data-theme=nightscape],[data-theme=rustic],[data-theme=vintage]{--theme-bg-size: auto 160%;--theme-bg-position: center top}}#root{height:100%;min-height:100vh;overflow:hidden}h1,h2,h3{color:var(--text-main);font-family:var(--font-heading)}button,input,select,textarea{font-family:var(--font-ui);font-size:inherit;line-height:inherit}.app-shell{--layout-scale: clamp(var(--ui-zoom-min), var(--ui-zoom, 1), var(--ui-zoom-max));--space-1: calc(.5rem * var(--layout-scale));--space-2: calc(.75rem * var(--layout-scale));--space-3: calc(1rem * var(--layout-scale));--space-4: calc(1.25rem * var(--layout-scale));--space-5: calc(1.5rem * var(--layout-scale));--shell-pad: max(.75rem, calc(var(--layout-page-gutter) * var(--layout-scale)));--panel-gap: max(.75rem, calc(var(--layout-panel-gap) * var(--layout-scale)));--section-gap: max(.9rem, calc(1.15rem * var(--layout-scale)));--control-height: max(2.25rem, calc(2.7rem * var(--layout-scale)));--control-height-sm: max(1.85rem, calc(2.15rem * var(--layout-scale)));--control-pad-x: max(.65rem, calc(.95rem * var(--layout-scale)));--panel-padding: max(.85rem, calc(1rem * var(--layout-scale)));--panel-padding-lg: max(1rem, calc(1.2rem * var(--layout-scale)));--surface-radius: max(.9rem, calc(1rem * var(--layout-scale)));--surface-radius-sm: max(.65rem, calc(.78rem * var(--layout-scale)));--surface-stroke: 1px;--sidebar-width: clamp(12rem, calc(var(--layout-sidebar-width) * var(--layout-scale)), 15.5rem);--sidebar-collapsed-width: clamp(4.25rem, calc(var(--layout-sidebar-width-collapsed) * var(--layout-scale)), 5.4rem);--sidebar-current-width: var(--sidebar-width);--content-frame-max: var(--layout-content-max);--timer-scale: var(--layout-scale);--timer-frame-max: min(100%, var(--layout-page-max-timer));--timer-surface-max: min(100%, 88rem);--timer-block-gap: max(.8rem, calc(1rem * var(--timer-scale)));--timer-surface-padding: max(.9rem, calc(1.1rem * var(--timer-scale)));--timer-shell-max: min(100%, 62rem);--timer-shell-min-height: clamp(18rem, calc(22rem * var(--timer-scale)), 34rem);--timer-shell-padding: max(1rem, calc(1.3rem * var(--timer-scale)));--timer-visual-size: clamp(16rem, calc(18vw * var(--timer-scale)), 34rem);--timer-orbit-text-size: clamp(1.7rem, min(calc(var(--timer-visual-size) * .15), 8.5vw), 4.8rem);--timer-orbit-track-stroke-width: clamp(.75rem, calc(var(--timer-visual-size) * .045), 1.15rem);--timer-orbit-progress-stroke-width: clamp(.75rem, calc(var(--timer-visual-size) * .045), 1.2rem);--timer-orbit-dot-size: clamp(.34rem, calc(var(--timer-visual-size) * .018), .56rem);--timer-orbit-dot-offset: clamp(.7rem, calc(var(--timer-visual-size) * .05), 1.15rem);--timer-copy-size-xl: clamp(2.8rem, calc(6.1rem * var(--timer-scale)), 7.6rem);--timer-copy-size-lg: clamp(2.35rem, calc(5.2rem * var(--timer-scale)), 6.4rem);--timer-copy-size-md: clamp(1.8rem, calc(4.15rem * var(--timer-scale)), 5.05rem);--timer-copy-size-sm: clamp(1.15rem, calc(2.4rem * var(--timer-scale)), 2.9rem);--timer-label-size: clamp(.82rem, calc(1.04rem * var(--timer-scale)), 1.18rem);--timer-micro-size: clamp(.68rem, calc(.8rem * var(--timer-scale)), .92rem);--timer-heading-size: clamp(1rem, calc(1.2rem * var(--timer-scale)), 1.45rem);--timer-note-size: clamp(.92rem, calc(1rem * var(--timer-scale)), 1.08rem);--timer-side-width: clamp(16rem, calc(18.5rem * var(--layout-scale)), 22rem);--timer-control-height: max(2.25rem, calc(2.65rem * var(--timer-scale)));height:100dvh;min-height:100dvh;position:relative;isolation:isolate;display:grid;grid-template-columns:var(--sidebar-current-width) minmax(0,1fr);background-color:var(--bg-base);background-image:radial-gradient(circle at 0% 0%,rgba(90,122,255,.16),transparent 36%),radial-gradient(circle at 100% 0%,rgba(54,197,163,.1),transparent 33%),var(--theme-bg-image);background-size:auto,auto,var(--theme-bg-size);background-position:0 0,100% 0,var(--theme-bg-position);background-repeat:no-repeat,no-repeat,var(--theme-bg-repeat);background-attachment:scroll,scroll,fixed;overflow:hidden;font-size:clamp(.9rem,calc(1rem * var(--layout-scale)),1.2rem)}.ambient-particles-layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1;display:block}.app-theme-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;margin:0;padding:0;border:0;min-height:0;min-width:0;pointer-events:none;background:linear-gradient(180deg,rgb(5 9 14 / var(--theme-overlay-top-alpha)),rgb(4 7 11 / var(--theme-overlay-bottom-alpha))),linear-gradient(180deg,rgb(var(--theme-overlay-tint-rgb) / .16),rgb(var(--theme-overlay-tint-rgb) / .06));-webkit-backdrop-filter:var(--theme-scene-filter);backdrop-filter:var(--theme-scene-filter)}.app-theme-overlay:before,.app-theme-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;border:0;pointer-events:none}.app-theme-overlay:before{background:radial-gradient(circle at center,transparent 54%,rgb(2 4 7 / var(--theme-overlay-vignette-alpha)))}.app-theme-overlay:after{opacity:var(--theme-overlay-grain-alpha);mix-blend-mode:soft-light;background-image:radial-gradient(circle at 24% 20%,rgb(255 255 255 / .18) .7px,transparent .8px),radial-gradient(circle at 76% 62%,rgb(255 255 255 / .16) .7px,transparent .8px),radial-gradient(circle at 48% 84%,rgb(0 0 0 / .2) .8px,transparent .9px);background-size:3px 3px,4px 4px,5px 5px}.app-shell>:not(.app-theme-overlay):not(.ambient-particles-layer){position:relative;z-index:2}.app-shell.nav-collapsed{--sidebar-current-width: var(--sidebar-collapsed-width)}.app-shell.nav-hidden{--sidebar-current-width: 0px}[data-theme=normal] .app-shell{background-image:radial-gradient(circle at 0% 0%,rgba(249,115,22,.12),transparent 36%),radial-gradient(circle at 100% 0%,rgba(251,113,133,.08),transparent 34%),var(--theme-bg-image)}.sidebar{min-height:100dvh;height:100%;position:sticky;top:0;border-right:1px solid color-mix(in srgb,var(--panel-border) 76%,transparent);padding:var(--shell-pad);display:flex;flex-direction:column;gap:var(--panel-gap);background:color-mix(in srgb,var(--panel-bg) 92%,transparent);box-shadow:var(--shadow-soft);overflow-y:auto;overflow-x:clip;flex-shrink:0;min-width:0}.sidebar-topbar{display:flex;justify-content:flex-end}.brand p{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted)}.brand{display:flex;flex-direction:column;align-items:center;text-align:center}.brand strong{margin-top:6px;display:block;font-size:1.2rem}.brand small{color:var(--text-muted)}.brand-avatar{width:clamp(3.6rem,calc(4.8rem * var(--layout-scale)),5.25rem);height:clamp(3.6rem,calc(4.8rem * var(--layout-scale)),5.25rem);border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-base);display:grid;place-items:center;margin-bottom:10px;overflow:hidden}.brand-avatar img{width:100%;height:100%;object-fit:cover}.brand-avatar.app-logo img{object-fit:cover;padding:0;clip-path:circle(50% at 50% 50%);transform:scale(1.08)}.brand-avatar span{font-weight:700;font-size:1.8rem;color:var(--text-main)}.nav-list{display:flex;flex-direction:column;gap:max(.3rem,calc(.45rem * var(--layout-scale)))}.nav-list button{text-align:left;border:1px solid transparent;background:transparent;color:var(--text-soft);border-radius:var(--surface-radius-sm);padding:max(.45rem,calc(.58rem * var(--layout-scale))) max(.55rem,calc(.78rem * var(--layout-scale)));cursor:pointer;transition:.16s ease;min-height:var(--control-height);display:flex;align-items:center;gap:max(.4rem,calc(.55rem * var(--layout-scale)))}.nav-list button:hover{border-color:var(--border);background:var(--bg-surface)}.nav-list button.active{color:var(--text-main);background:var(--bg-elevated);border-color:var(--border-strong)}.loop-card{margin-top:auto;border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;padding:14px;align-self:stretch}.loop-card p{margin:0;font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.loop-card ul{margin:10px 0 0;padding-left:18px;display:grid;gap:8px}.loop-card li{color:var(--text-soft)}.loop-card li.active{color:var(--accent)}.content{display:flex;flex-direction:column;gap:var(--section-gap);height:100%;min-height:0;min-width:0;overflow-y:auto;padding:var(--shell-pad);padding-bottom:calc(var(--shell-pad) + 4rem)}.content.content-timer{padding-bottom:var(--shell-pad)}.content.page-width-default{--content-frame-max: var(--layout-content-max)}.content.page-width-history{--content-frame-max: var(--layout-content-max-wide)}.content.page-width-analytics{--content-frame-max: 1800px}.content.page-width-readable{--content-frame-max: var(--layout-page-max-readable)}.content.page-width-timer{--content-frame-max: var(--layout-page-max-timer)}.content>.app-timebar,.content>.page-content{width:min(100%,var(--content-frame-max));margin-inline:auto}.content>.app-timebar{margin-top:-1.15rem}.content-timer .page-content{background:transparent;border-color:transparent;box-shadow:none;padding:0}.app-timebar{border:1px solid color-mix(in srgb,var(--panel-border) 72%,transparent);border-radius:14px;padding:10px 14px;background:color-mix(in srgb,var(--panel-bg) 86%,transparent);background-color:color-mix(in srgb,var(--panel-bg) 90%,transparent);border-color:color-mix(in srgb,var(--panel-border) 68%,transparent);box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:space-between;gap:14px}.app-timebar-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);white-space:nowrap}.app-timebar-values{display:inline-flex;align-items:baseline;gap:12px;flex-wrap:wrap}.app-timebar-day{color:var(--text-soft);font-weight:600}.app-timebar-date{color:var(--text-muted)}.app-timebar-time{color:var(--accent);font-size:1.22rem;letter-spacing:.03em}.top-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--panel-gap)}.datetime-card{border:1px solid var(--border);background:var(--bg-panel);border-radius:14px;padding:14px;display:grid;gap:4px}.datetime-day{margin:0;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.datetime-date{margin:0;color:var(--text-soft);font-size:.92rem}.datetime-time{color:var(--text-main);font-size:1.2rem}.stat-card{border:1px solid color-mix(in srgb,var(--panel-border) 60%,transparent);background:color-mix(in srgb,var(--panel-bg) 82%,transparent);background-color:color-mix(in srgb,var(--panel-bg) 84%,transparent);border-color:color-mix(in srgb,var(--panel-border) 68%,transparent);box-shadow:var(--shadow-soft);border-radius:14px;padding:14px}.stat-label{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.stat-value{margin:6px 0;font-size:1.3rem;color:var(--text-main);font-weight:700}.stat-hint{margin:0;color:var(--text-soft);font-size:.9rem}.page-content{border:1px solid color-mix(in srgb,var(--panel-border) 66%,transparent);border-radius:var(--surface-radius);background:color-mix(in srgb,var(--panel-bg) 84%,transparent);background-color:color-mix(in srgb,var(--panel-bg) 88%,transparent);border-color:color-mix(in srgb,var(--panel-border) 68%,transparent);box-shadow:var(--shadow-soft);padding:var(--panel-padding-lg);margin-bottom:0;min-width:0}.page-content>.top-strip{width:100%}.page-header{display:flex;text-align:left;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.page-badge{margin:0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-family:var(--font-accent)}.page-header h1{margin:8px 0;font-size:clamp(1.4rem,3vw,2rem)}.page-header p{margin:0;color:var(--text-soft);max-width:62ch}.page-grid{display:grid;gap:var(--panel-gap)}.timer-layout-upgraded{grid-template-columns:1fr}.timer-main-panel{max-width:none;width:100%;margin-inline:0;background:color-mix(in srgb,var(--panel-bg) 58%,transparent);background-color:color-mix(in srgb,var(--panel-bg) 82%,transparent);border-color:color-mix(in srgb,var(--timer-border) 64%,transparent);box-shadow:0 12px 26px color-mix(in srgb,var(--timer-border) 14%,transparent);padding:var(--panel-padding);border-radius:var(--surface-radius)}.timer-side-panel{max-width:none;width:auto;margin-inline:0;background:color-mix(in srgb,var(--panel-bg) 60%,transparent);position:sticky;top:16px;max-height:none;overflow:visible;display:flex;flex-direction:column;gap:var(--panel-gap)}.timer-quick-start-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.timer-quick-start-row .btn{min-height:40px}.timer-config-block{margin-top:10px}.timer-simplified .timer-side-panel{opacity:.46;filter:saturate(.8);transform:scale(.985)}.timer-simplified .timer-main-panel{grid-column:1 / -1}.timer-simplified .timer-main-panel>:not(.timer-hero-card){opacity:.42;filter:saturate(.76);transition:opacity .18s ease,filter .18s ease}.timer-simplified .timer-main-panel .timer-hero-card{opacity:1;filter:none;border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),var(--timer-shadow)}.todo-upgraded-grid,.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid{grid-template-columns:1fr}.todo-upgraded-grid .panel:last-child{grid-column:1 / -1}.todo-board-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.9fr);gap:var(--section-gap);align-items:start}.todo-board-column{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}.todo-board-column-header{display:grid;gap:8px}.todo-board-heading{margin:0;font-size:.92rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.archived-task-scroll,.archived-habit-scroll{min-height:0;height:min(52dvh,620px);overflow-y:auto}.todo-board-column>.task-scroll-region{min-height:0;height:min(48dvh,560px)}.archived-task-scroll .task-list,.archived-habit-scroll .settings-list{padding-right:2px}.panel{border:1px solid color-mix(in srgb,var(--panel-border) 60%,transparent);border-radius:14px;padding:16px;background:color-mix(in srgb,var(--panel-bg) 84%,transparent);background-color:color-mix(in srgb,var(--panel-bg) 86%,transparent);border-color:color-mix(in srgb,var(--panel-border) 64%,transparent);box-shadow:var(--shadow-soft)}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.panel-actions-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.app-notice-banner{margin:0 0 10px;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,#ff6b6b 55%,var(--panel-border));background:color-mix(in srgb,#ff6b6b 12%,var(--panel-bg));color:var(--text-main);font-size:.84rem;line-height:1.35}.app-notice-banner-info{border:1px solid color-mix(in srgb,var(--accent) 52%,var(--panel-border));background:color-mix(in srgb,var(--accent) 12%,var(--panel-bg))}.app-notice-banner-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.backup-status-block{margin-top:8px;display:grid;gap:4px}.backup-status-text{color:#ff6b6b;font-weight:600}.backup-info-accordion{display:grid;gap:8px}.backup-info-item{border:1px solid color-mix(in srgb,var(--panel-border) 56%,transparent);border-radius:10px;background:color-mix(in srgb,var(--panel-bg) 72%,transparent)}.backup-info-trigger{width:100%;border:0;background:transparent;color:var(--text-main);padding:9px 10px;text-align:left;font-weight:600;cursor:pointer}.backup-info-panel{padding:0 10px 10px}.app-disclaimer-fixed{position:relative;display:inline-flex;align-items:center;margin-left:.2rem;overflow:visible;z-index:1600}.app-disclaimer-trigger{width:22px;height:22px;border-radius:50%;border:1px solid #ff6b6b;background:color-mix(in srgb,#ff6b6b 18%,var(--panel-bg));color:#ff6b6b;font-size:.8rem;font-weight:600;display:grid;place-items:center;cursor:default;margin:0}.app-disclaimer-tooltip{position:fixed;top:64px;right:14px;width:220px;padding:8px 10px;font-size:.78rem;line-height:1.3;background:var(--panel-bg);border:1px solid #ff6b6b;border-radius:8px;box-shadow:var(--shadow-soft);color:var(--text-main);z-index:9999;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease}.app-header,.app-header-inner,.app-header-nav{overflow:visible}.app-disclaimer-fixed:hover .app-disclaimer-tooltip{opacity:1;transform:translateY(0)}.app-disclaimer-tooltip-overlay{opacity:1;transform:translateY(0);pointer-events:none;z-index:2147483647}.history-control-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.history-control-group{display:grid;gap:8px;padding:10px;border:1px solid color-mix(in srgb,var(--panel-border) 44%,transparent);border-radius:10px;background:color-mix(in srgb,var(--panel-bg) 42%,transparent);background-color:color-mix(in srgb,var(--panel-bg) 44%,transparent);border-color:color-mix(in srgb,var(--panel-border) 56%,transparent)}.history-control-group h4{margin:0;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.history-control-group.danger{border-color:color-mix(in srgb,#ff8f8f 50%,var(--panel-border))}.range-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.analytics-filter-toolbar{display:grid;gap:10px}.range-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.analytics-dashboard{display:grid;gap:clamp(.85rem,1vw,1.15rem)}.analytics-toolbar-panel{margin-bottom:0}.analytics-summary-strip{margin-top:0}.analytics-stat-section{display:grid;gap:10px;margin-bottom:16px}.analytics-stat-section-title{margin:0;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.analytics-stats-grid{display:grid;margin-bottom:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}.analytics-stats-grid-grouped{margin-bottom:0}.analytics-stats-grid .stat-card{min-height:7.1rem}.stat-card-focus{border-color:color-mix(in srgb,var(--accent) 54%,var(--panel-border))}.stat-card-planning{border-color:color-mix(in srgb,#7aa7ff 48%,var(--panel-border))}.stat-card-review{border-color:color-mix(in srgb,#f59e0b 52%,var(--panel-border))}.stat-card-legacy{opacity:.82;border-color:color-mix(in srgb,var(--text-muted) 42%,var(--panel-border))}.stat-card-danger{border:1px solid color-mix(in srgb,#ff6b6b 68%,var(--panel-border));background:color-mix(in srgb,#ff6b6b 13%,var(--panel-bg));box-shadow:0 0 0 1px color-mix(in srgb,#ff6b6b 28%,transparent),var(--shadow-soft)}.stat-card-danger .stat-value{color:#ff6b6b}.stat-card-danger .stat-label{color:color-mix(in srgb,#ff6b6b 72%,var(--text-muted))}@media (max-width: 1239px){.analytics-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 800px){.analytics-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-stats-grid>:last-child{grid-column:auto}}.analytics-grid.analytics-grid-polished{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--panel-gap);align-items:stretch}.analytics-grid.analytics-grid-polished>.analytics-panel{min-width:0;display:flex;flex-direction:column}.analytics-grid.analytics-grid-polished>.analytics-panel-focus-minutes,.analytics-grid.analytics-grid-polished>.analytics-panel-focus-trend{grid-column:span 8}.analytics-grid.analytics-grid-polished>.analytics-panel-weekly,.analytics-grid.analytics-grid-polished>.analytics-panel-energy{grid-column:span 4}.analytics-grid.analytics-grid-polished>.analytics-panel-secondary{grid-column:span 6}.analytics-grid.analytics-grid-polished>.analytics-panel-featured{grid-column:span 8}.analytics-grid.analytics-grid-polished .chart-body{flex:1;min-height:clamp(13rem,calc(14rem + var(--zoom-delta) * 2.4rem),18rem);max-height:none}.analytics-grid.analytics-grid-polished>.analytics-panel-secondary .chart-body{min-height:clamp(11rem,calc(12rem + var(--zoom-delta) * 2rem),15rem);max-height:none}.analytics-grid.analytics-grid-polished>.analytics-panel-featured .chart-body{min-height:clamp(11.5rem,calc(12rem + var(--zoom-delta) * 2.1rem),16rem);max-height:none}.analytics-grid.analytics-grid-polished .bar-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,2.5rem),1fr));gap:max(.35rem,calc(.5rem * var(--layout-scale)));align-items:end}.analytics-grid.analytics-grid-polished .chart-shell header h3{font-size:clamp(1.04rem,calc(1.04rem + var(--zoom-delta) * .6rem),1.34rem)}.analytics-grid.analytics-grid-polished .bar-col small{font-size:.92rem;color:color-mix(in srgb,var(--text-soft) 72%,var(--text-main));font-weight:600}.analytics-grid.analytics-grid-polished .bar-col span{font-size:1.02rem;color:var(--text-main);font-weight:700;letter-spacing:.02em}@media (max-width: 960px){.analytics-grid.analytics-grid-polished>.analytics-panel-focus-minutes,.analytics-grid.analytics-grid-polished>.analytics-panel-focus-trend,.analytics-grid.analytics-grid-polished>.analytics-panel-weekly,.analytics-grid.analytics-grid-polished>.analytics-panel-energy,.analytics-grid.analytics-grid-polished>.analytics-panel-secondary,.analytics-grid.analytics-grid-polished>.analytics-panel-featured{grid-column:span 12}}.import-sheet{width:min(680px,calc(100vw - 28px))}.import-preview{border:1px solid var(--border);border-radius:10px;padding:10px;background:color-mix(in srgb,var(--bg-surface) 85%,transparent)}.import-summary{display:grid;gap:4px;border:1px solid var(--border);border-radius:10px;padding:10px;background:color-mix(in srgb,var(--bg-surface) 85%,transparent)}.panel h2{margin:0;font-size:1.02rem}.panel-subtitle{margin-top:5px;font-size:.9rem;color:color-mix(in srgb,var(--text-soft) 84%,var(--text-muted))}.timer-hero-card{border:1px solid color-mix(in srgb,var(--timer-border) 72%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--timer-surface) 58%,transparent),color-mix(in srgb,var(--timer-bg) 54%,transparent)),color-mix(in srgb,var(--timer-bg) 34%,transparent);background-color:color-mix(in srgb,var(--timer-bg) 86%,transparent);border-color:color-mix(in srgb,var(--timer-border) 88%,var(--accent));border-radius:16px;padding:28px;margin-top:16px;box-shadow:0 18px 34px #00000047,inset 0 1px color-mix(in srgb,var(--timer-border) 40%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.timer-hero-layout{margin-top:24px;display:grid;gap:22px;grid-template-columns:minmax(0,1fr) 300px;align-items:start}.timer-meta-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.timer-meta-right{display:grid;justify-items:end;gap:8px}.timer-ambient-section{display:grid;gap:10px}.timer-ambient-section label{display:grid;gap:6px;color:var(--text-secondary);font-size:.86rem}.timer-meta-row h2{margin:4px 0 0;font-size:clamp(1rem,2.2vw,1.4rem)}.timer-hero-primary .timer-style{margin-top:0}.timer-display-shell{width:100%;display:grid;place-items:center;--timer-shell-width-current: min(100%, var(--timer-shell-max));--timer-shell-min-height-current: var(--timer-shell-min-height);--timer-shell-padding-current: var(--timer-shell-padding);width:var(--timer-shell-width-current);min-height:var(--timer-shell-min-height-current);margin-inline:auto}.timer-style{width:100%;height:100%;min-height:100%;margin:0;position:relative;display:grid;place-items:center;align-content:center;padding:var(--timer-shell-padding-current);box-sizing:border-box;border-radius:calc(var(--surface-radius) + .1rem);background-color:color-mix(in srgb,var(--timer-surface) 82%,transparent);border-color:color-mix(in srgb,var(--timer-border) 86%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--timer-border) 30%,transparent),0 0 0 1px color-mix(in srgb,var(--timer-border) 22%,transparent);overflow:hidden}.digital-style p,.minimal-style p,.immersive-style p,.card-style p{margin:0;color:var(--timer-text-main);line-height:1;font-family:var(--font-timer)}.digital-style p{font-size:clamp(4.2rem,12vw,8.5rem);letter-spacing:.04em}.digital-style.neon-style p{color:var(--timer-accent);text-shadow:0 0 1px color-mix(in srgb,var(--timer-accent) 58%,transparent),0 0 5px color-mix(in srgb,var(--timer-accent) 28%,transparent),0 0 10px color-mix(in srgb,var(--accent-alt) 12%,transparent)}.minimal-style p{font-size:clamp(3rem,11vw,6.4rem);font-weight:600}.minimal-style.mono-style{background:var(--timer-bg)}.minimal-style.mono-style p{color:var(--timer-text-main);letter-spacing:.02em;font-family:var(--font-timer)}.card-style{text-align:center}.card-style.cyber-style{background:linear-gradient(135deg,color-mix(in srgb,var(--timer-surface) 82%,var(--timer-accent)),var(--timer-bg));border-color:var(--timer-border)}.card-style.cyber-style p{color:var(--timer-text-main);font-family:var(--font-timer)}.card-style small{text-transform:uppercase;letter-spacing:.08em;color:var(--timer-text-soft)}.card-style p{font-size:clamp(3.4rem,11vw,6.8rem);margin:10px 0}.card-style span{color:var(--timer-text-soft)}.immersive-style{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--timer-accent) 20%,transparent),transparent 70%)}.immersive-style.glass-style{background:linear-gradient(130deg,color-mix(in srgb,var(--timer-surface) 85%,white),color-mix(in srgb,var(--timer-bg) 95%,black));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.immersive-style p{font-size:clamp(3.8rem,12vw,8rem)}.immersive-style span{margin-top:8px;color:var(--timer-text-soft);letter-spacing:.05em}.circular-style svg{width:min(84vw,360px);height:min(84vw,360px)}.timer-circle-bg{fill:transparent;stroke:var(--timer-progress-track);stroke-width:16}.timer-circle-progress{fill:transparent;stroke:var(--timer-accent);stroke-width:16;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .5s linear}.timer-overlay{position:absolute;font-size:var(--timer-copy-size-lg);color:var(--timer-text-main);font-weight:700;font-family:var(--font-timer);line-height:1;text-align:center;padding-inline:10px}.circular-style.circular-gradient-style .timer-circle-progress{stroke:url(#timerGradient);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--timer-accent) 70%,transparent))}.circular-style.circular-gradient-style svg defs stop:first-child{stop-color:var(--timer-accent)}.circular-style.circular-gradient-style svg defs stop:last-child{stop-color:var(--accent-alt)}.rectangular-progress-style{position:relative;display:grid;place-items:center;width:100%;min-height:100%;margin-inline:auto;padding:var(--timer-shell-padding-current);background:color-mix(in srgb,var(--timer-surface) 40%,transparent);border-radius:calc(var(--surface-radius) + .18rem)}.rect-timer-value{font-size:var(--timer-copy-size-xl);line-height:1;color:var(--timer-text-main);font-family:var(--font-timer);font-weight:700;text-align:center;position:relative;z-index:1}.rect-progress-border{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.rect-border-track{fill:transparent;stroke:color-mix(in srgb,var(--timer-border) 85%,transparent);stroke-width:12}.rect-border-fill{fill:transparent;stroke:#ff3b3b;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(255,59,59,.8));transition:stroke-dashoffset .5s linear}.split-flap-style{display:flex;justify-content:center;align-items:center;gap:10px;font-family:var(--font-timer);width:100%;flex-wrap:wrap}.split-group{display:grid;justify-items:center;gap:4px}.split-group small{color:var(--timer-text-soft);letter-spacing:.08em}.split-cell{min-width:max(4.5rem,calc(7rem * var(--timer-scale)));text-align:center;padding:max(.5rem,calc(.75rem * var(--timer-scale))) max(.45rem,calc(.65rem * var(--timer-scale)));border-radius:var(--surface-radius-sm);background:linear-gradient(180deg,color-mix(in srgb,var(--timer-bg) 88%,#fff),color-mix(in srgb,var(--timer-bg) 98%,#000));border:1px solid var(--timer-border);font-size:var(--timer-copy-size-md);color:var(--timer-text-main);box-shadow:inset 0 -6px #00000040}.terminal-style{width:100%;max-width:none;min-height:100%;margin-inline:auto;border:1px solid var(--timer-border);border-radius:var(--surface-radius-sm);background:var(--timer-bg);padding:var(--timer-shell-padding-current);font-family:Consolas,Courier New,monospace;display:grid;align-content:center;gap:max(.35rem,calc(.5rem * var(--timer-scale)))}.terminal-style small,.terminal-style span{color:var(--timer-text-soft)}.terminal-style p{color:var(--timer-text-main);margin:6px 0;font-size:clamp(2rem,8vw,3.5rem)}.monolith-style{background:color-mix(in srgb,var(--timer-surface) 56%,transparent);border-color:color-mix(in srgb,var(--timer-border) 78%,transparent)}.monolith-style small,.warm-block-style small,.paper-card-style small,.wave-progress-style small,.forest-cabin-reveal-style .reveal-scene-content small,.luxury-minimal-style small{text-transform:uppercase;letter-spacing:.1em;color:var(--timer-text-soft);font-size:.86rem}.monolith-style p{margin:8px 0 0;font-size:clamp(4rem,12vw,8.8rem);line-height:1;font-family:var(--font-timer);color:var(--timer-text-main)}.neon-orbit-style{background:color-mix(in srgb,var(--timer-surface) 62%,transparent);position:relative;isolation:isolate;--neon-orbit-size: clamp(12.25rem, min(46vw, var(--timer-visual-size)), var(--timer-visual-size));--neon-orbit-track-stroke-width: clamp(.6rem, calc(var(--neon-orbit-size) * .045), 1.1rem);--neon-orbit-progress-stroke-width: clamp(.6rem, calc(var(--neon-orbit-size) * .045), 1.15rem)}.neon-orbit-style svg{position:absolute;left:50%;top:50%;z-index:0;width:var(--neon-orbit-size);height:var(--neon-orbit-size);transform:translate(-50%,-50%);pointer-events:none}.orbit-track{fill:transparent;stroke:var(--timer-progress-track);stroke-width:var(--neon-orbit-track-stroke-width)}.orbit-fill{fill:transparent;stroke:var(--timer-accent);stroke-width:var(--neon-orbit-progress-stroke-width);stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .5s linear;filter:drop-shadow(0 0 calc(var(--neon-orbit-size) * .018) color-mix(in srgb,var(--timer-accent) 62%,transparent))}.orbit-dots{position:absolute;bottom:var(--timer-orbit-dot-offset);left:50%;z-index:1;transform:translate(-50%);display:inline-flex;gap:clamp(.25rem,calc(var(--timer-visual-size) * .012),.5rem)}.orbit-dots span{width:var(--timer-orbit-dot-size);height:var(--timer-orbit-dot-size);border-radius:999px;background:color-mix(in srgb,var(--timer-accent) 70%,transparent)}.neon-orbit-style .timer-overlay{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;max-width:min(100%,10ch);width:fit-content;padding-inline:clamp(.2rem,.6vw,.45rem);text-align:center;font-size:clamp(1.55rem,min(calc(var(--timer-visual-size) * .135),7.8vw),4.4rem);font-family:"Orbitron",var(--font-timer);font-weight:700;letter-spacing:.008em;font-variant-numeric:tabular-nums lining-nums;position:relative;z-index:2;color:var(--timer-accent);text-shadow:0 0 1px color-mix(in srgb,var(--timer-accent) 58%,transparent),0 0 5px color-mix(in srgb,var(--timer-accent) 28%,transparent),0 0 10px color-mix(in srgb,var(--accent-alt) 12%,transparent)}[data-theme=nightscape] .neon-orbit-style svg{width:var(--neon-orbit-size);height:var(--neon-orbit-size)}[data-theme=nightscape] .neon-orbit-style .timer-overlay{font-size:clamp(1.85rem,calc(var(--timer-orbit-text-size) * .94),3.5rem);font-weight:700;text-shadow:0 0 7px color-mix(in srgb,var(--timer-accent) 58%,transparent),0 0 18px color-mix(in srgb,var(--accent-alt) 34%,transparent),0 0 28px color-mix(in srgb,var(--timer-accent) 18%,transparent)}[data-theme=nightscape] .orbit-fill{stroke-width:calc(var(--neon-orbit-progress-stroke-width) * 1.12);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--timer-accent) 76%,transparent)) drop-shadow(0 0 24px color-mix(in srgb,var(--accent-alt) 48%,transparent))}@media (max-width: 1200px){.neon-orbit-style{--neon-orbit-size: clamp(11.5rem, min(58vw, var(--timer-visual-size)), var(--timer-visual-size))}.neon-orbit-style .timer-overlay{max-width:min(100%,10ch);font-size:clamp(1.55rem,min(calc(var(--timer-visual-size) * .135),7.2vw),3.6rem)}}@media (max-width: 820px){.neon-orbit-style{--neon-orbit-size: clamp(10rem, min(68vw, var(--timer-visual-size)), var(--timer-visual-size))}.neon-orbit-style .timer-overlay{max-width:min(100%,9ch);font-size:clamp(1.35rem,min(calc(var(--timer-visual-size) * .12),6.3vw),3rem);letter-spacing:.01em}}.warm-block-style{background:linear-gradient(160deg,color-mix(in srgb,var(--timer-surface) 82%,var(--accent-alt)),color-mix(in srgb,var(--timer-bg) 94%,black));border-color:color-mix(in srgb,var(--timer-border) 80%,transparent);box-shadow:inset 0 -10px 18px #0000001f}.warm-block-style p{margin:8px 0 0;font-size:clamp(3.8rem,11vw,7.4rem);font-family:var(--font-timer);font-weight:700;color:var(--timer-text-main)}.paper-card-style{background:linear-gradient(180deg,color-mix(in srgb,var(--timer-surface) 90%,#fff),color-mix(in srgb,var(--timer-bg) 78%,#fff));border-color:color-mix(in srgb,var(--timer-border) 86%,transparent)}.paper-card-style p{margin:8px 0 0;font-size:clamp(3.5rem,10vw,6.8rem);font-family:var(--font-timer);color:var(--timer-text-main)}.antique-pocket-style{background:radial-gradient(circle at 22% 18%,rgba(255,228,188,.08),transparent 48%),radial-gradient(circle at 78% 84%,rgba(92,64,37,.08),transparent 44%),repeating-linear-gradient(12deg,#785d3e08 0,#785d3e08 1px,#ebdcbf05 1px,#ebdcbf05 3px),linear-gradient(180deg,#37291d80,#231a13a3)}.antique-redesign-style{position:relative;overflow:hidden;display:grid;place-items:center;border:1px solid color-mix(in srgb,#b79263 42%,transparent)}.antique-redesign-style:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:18px;background:radial-gradient(circle at 28% 24%,rgba(255,242,216,.28),transparent 48%),linear-gradient(160deg,#f2e0bee6,#ccad82d1);box-shadow:inset 0 1px #fff4de85,inset 0 0 16px #66482c33,0 18px 28px #18100a42}.antique-redesign-core{position:relative;z-index:2;width:min(84%,920px);display:grid;justify-items:center;gap:10px;text-align:center}.antique-redesign-core small{margin:0;font-family:Cinzel,Playfair Display,serif;text-transform:uppercase;letter-spacing:.11em;font-size:clamp(.78rem,1.2vw,1.02rem);color:#5c4229d6}.antique-redesign-core p{margin:0;font-family:Cormorant Garamond,Playfair Display,serif;font-size:clamp(3.5rem,12vw,8.2rem);font-weight:700;font-variant-numeric:lining-nums tabular-nums;letter-spacing:.02em;line-height:.95;color:#432d1af5;text-shadow:0 1px 0 rgba(255,243,220,.62),0 8px 24px rgba(54,37,21,.16)}.antique-redesign-core span{font-family:Cinzel,Playfair Display,serif;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.68rem,1vw,.88rem);color:#684b2ebd}.antique-dial-wrap{width:min(84vw,380px);height:min(84vw,380px);position:relative;border-radius:999px;display:grid;place-items:center;isolation:isolate}.antique-dial-wrap:before{content:"";position:absolute;left:12%;right:12%;bottom:-20px;height:36px;border-radius:999px;background:radial-gradient(circle at 50% 44%,rgba(18,11,6,.3),rgba(18,11,6,.06) 55%,transparent 78%);filter:blur(8px);opacity:.58;z-index:-1;pointer-events:none}.antique-outer-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 28% 24%,rgba(255,241,214,.24),transparent 42%),radial-gradient(circle at 74% 78%,rgba(70,47,28,.26),transparent 52%),linear-gradient(144deg,#7a5a3a 2%,#c8a67a 34%,#b79263 58%,#765435);box-shadow:inset 1px 1px 2px #fff5df57,inset -3px -4px 8px #31211380,inset 0 0 12px #5f432838,0 14px 24px #0e090657;animation:antique-metal-shift 16s ease-in-out infinite alternate}.antique-outer-ring:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:inherit;border:1px solid rgba(255,230,188,.22);box-shadow:inset 0 0 0 1px #3c2a1a4d}.antique-outer-ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 26% 20%,rgba(255,241,212,.2),transparent 42%);pointer-events:none}.antique-inner-face{position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:inherit;background:repeating-linear-gradient(14deg,#886a4a06 0,#886a4a06 1px,#efdfc203 1px,#efdfc203 3px),radial-gradient(circle at 50% 44%,#f6e7cde6,#d5bc95d6 58%,#b08f67eb);box-shadow:inset 0 1px #fff5e573,inset 0 0 18px #4c362133;animation:antique-breathe 11s ease-in-out infinite}.antique-dial-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.antique-tick{stroke:#553c2647;stroke-width:1}.antique-tick.major{stroke:#60432873;stroke-width:1.4}.antique-roman{position:absolute;transform:translate(-50%,-50%);font-family:Cinzel,Playfair Display,serif;font-size:clamp(.8rem,2.1vw,1rem);color:#664a2dad;letter-spacing:.04em;text-shadow:0 1px 0 rgba(255,241,217,.3);-webkit-user-select:none;user-select:none}.antique-hand-wrap{position:absolute;left:50%;top:50%;width:0;height:0;transform-origin:center center;transition:transform .52s cubic-bezier(.22,.61,.36,1)}.antique-hand-wrap.second{transition:transform .18s linear}.antique-hand{position:absolute;left:-1px;bottom:0;width:2px;height:122px;border-radius:999px;background:linear-gradient(180deg,#f5ddb2 8%,#caa070 52%,#8a633e);box-shadow:0 0 2px #4e341d59,0 0 8px #eec48e1f,1px 0 3px #3823123d}.antique-hand.minute{width:2.2px;height:110px}.antique-hand.second{left:-.7px;width:1.4px;height:138px;background:linear-gradient(180deg,#f7e8cb 8%,#dbb884 52%,#9d7348);box-shadow:0 0 2px #5e3e224d,0 0 6px #fadba724}.antique-hand:before{content:"";position:absolute;left:50%;top:-7px;width:8px;height:8px;border-radius:999px;transform:translate(-50%);background:radial-gradient(circle at 35% 35%,#fff0d4eb,#b58352db);box-shadow:0 0 5px #efc28933}.antique-hand.second:before{width:6px;height:6px;top:-5px;background:radial-gradient(circle at 35% 35%,#fff2daf2,#c7955fe0)}.antique-hand:after{content:"";position:absolute;left:50%;bottom:-18px;width:1px;height:20px;transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,#9e7246d9,#402a189e)}.antique-hand.second:after{height:16px;bottom:-14px}.antique-pivot{position:absolute;width:16px;height:16px;border-radius:999px;background:radial-gradient(circle at 40% 35%,#f1d7ac,#9a7348 70%);box-shadow:inset 0 1px #ffefd273,0 1px 4px #32221440}.antique-digital-core{position:absolute;top:102px;right:96px;bottom:78px;left:96px;border-radius:999px;display:grid;align-content:center;justify-items:center;gap:6px;transform:translateY(14px);background:radial-gradient(circle at 50% 40%,#f5e5c6c7,#cfb28894 70%,#a27f58a3);box-shadow:inset 0 1px #fff2d966,inset 0 0 14px #5c412624}.antique-digital-core small{font-family:Cinzel,Playfair Display,serif;text-transform:uppercase;letter-spacing:.08em;font-size:.6rem;color:#5a4027bf}.antique-digital-core p{margin:0;font-family:Playfair Display,Libre Baskerville,serif;font-size:clamp(1.55rem,5.1vw,2.5rem);font-variant-numeric:lining-nums tabular-nums;color:#382516eb;line-height:1;text-shadow:0 1px 0 rgba(255,239,213,.3)}@keyframes antique-breathe{0%{filter:brightness(.99) saturate(.98)}50%{filter:brightness(1.02) saturate(1.01)}to{filter:brightness(.99) saturate(.98)}}@keyframes antique-metal-shift{0%{filter:brightness(.98) contrast(.99)}to{filter:brightness(1.03) contrast(1.01)}}.wave-progress-style{position:relative;overflow:hidden;isolation:isolate;display:grid;place-items:center;--wave-fill-level: calc(10% + var(--wave-progress, 0) * 80%);--wave-surface-top: calc(100% - var(--wave-fill-level));--wave-foam-opacity: calc(.32 + var(--wave-progress, 0) * .62);border:1px solid color-mix(in srgb,var(--timer-border) 72%,rgba(130,199,224,.35));box-shadow:inset 0 1px #ffffff1f,0 14px 30px #0a273a33}.wave-scene-base,.wave-sun-glow,.wave-fill,.wave-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wave-scene-base{background:linear-gradient(180deg,#d0effcc7,#bae3f4b3 40%,#a8d9ef9e 62%,#e9cfa061),radial-gradient(circle at 78% 16%,rgba(255,248,214,.26),transparent 32%),linear-gradient(0deg,rgba(233,196,144,.2) 0 14%,transparent 34%);z-index:0}.wave-sun-glow{background:radial-gradient(circle at 18% 18%,rgba(255,243,214,.28),transparent 34%),linear-gradient(180deg,#ffffff0f,#fff0);opacity:calc(.28 - var(--wave-progress, 0) * .12);z-index:1}.wave-fill{top:var(--wave-surface-top);background:linear-gradient(180deg,rgba(147,221,243,calc(.42 + var(--wave-progress, 0) * .2)),rgba(76,179,214,calc(.52 + var(--wave-progress, 0) * .22)) 34%,rgba(39,138,186,calc(.62 + var(--wave-progress, 0) * .22)));transition:top .55s ease;z-index:2}.wave-fill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff24,#fff0 54%),repeating-linear-gradient(118deg,#ffffff0f 0,#ffffff0f 12px,#ffffff05 12px,#ffffff05 28px);opacity:calc(.26 + var(--wave-progress, 0) * .12)}.wave-fill:after{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,#fff0,#f4fdffd1,#fff0);opacity:calc(.22 + var(--wave-progress, 0) * .58)}.wave-crest{position:absolute;left:-12%;right:-12%;border-radius:999px;pointer-events:none;transform-origin:center}.wave-crest-primary{top:-15px;height:30px;background:radial-gradient(circle at 18% 62%,rgba(255,255,255,.78),rgba(255,255,255,.1) 45%,transparent 76%),linear-gradient(180deg,#e5f9ffb8,#b1e7f814);opacity:calc(.32 + var(--wave-progress, 0) * .44);animation:wave-crest-drift 7.4s ease-in-out infinite}.wave-crest-secondary{top:-10px;height:24px;background:radial-gradient(circle at 70% 62%,rgba(255,255,255,.58),rgba(255,255,255,.08) 42%,transparent 72%),linear-gradient(180deg,#daf4ff8f,#aee0f20f);opacity:calc(.28 + var(--wave-progress, 0) * .34);animation:wave-crest-drift 10.8s ease-in-out infinite reverse}.wave-foam{position:absolute;left:-10%;right:-10%;top:-7px;height:14px;border-radius:999px;background:radial-gradient(circle at 8% 45%,rgba(255,255,255,.74) 0 2px,transparent 3px),radial-gradient(circle at 24% 35%,rgba(255,255,255,.64) 0 2px,transparent 3px),radial-gradient(circle at 43% 48%,rgba(255,255,255,.7) 0 2px,transparent 3px),radial-gradient(circle at 61% 40%,rgba(255,255,255,.66) 0 2px,transparent 3px),radial-gradient(circle at 79% 44%,rgba(255,255,255,.68) 0 2px,transparent 3px),radial-gradient(circle at 92% 36%,rgba(255,255,255,.62) 0 2px,transparent 3px);opacity:var(--wave-foam-opacity);animation:wave-shift 12s linear infinite}.wave-shimmer{z-index:3;background:linear-gradient(108deg,#fff0 26%,rgba(255,255,255,calc(.06 + var(--wave-progress, 0) * .08)),#fff0 58%);mix-blend-mode:screen;animation:beach-shimmer-pass 8.5s ease-in-out infinite}.wave-progress-foreground{position:relative;z-index:4;display:grid;align-content:center;justify-items:center;gap:8px;text-align:center;place-self:stretch;width:100%;min-height:100%;padding:clamp(1rem,2.8vw,1.55rem) clamp(1rem,3.2vw,1.8rem)}.wave-progress-foreground:before{content:"";position:absolute;inset:clamp(6px,1.5vw,18px) clamp(32px,7vw,140px);border-radius:24px;background:radial-gradient(circle at 50% 35%,#fdfeffad,#f1faff7a 48%,#e7f6ff33 75%,#e7f6ff00),linear-gradient(180deg,#f7fcff94,#eaf7ff5c);border:1px solid rgba(189,228,245,.48);box-shadow:inset 0 1px #ffffffb8,0 10px 24px #20507029;backdrop-filter:blur(8px) saturate(1.05);-webkit-backdrop-filter:blur(8px) saturate(1.05)}.wave-progress-foreground>*{position:relative;z-index:1}.wave-progress-style p{margin:0;font-size:clamp(3.4rem,10vw,6.7rem);line-height:1;font-family:var(--font-timer);color:color-mix(in srgb,var(--timer-text-main) 84%,#0d4765);text-shadow:0 1px 0 rgba(255,255,255,.66),0 4px 14px rgba(12,62,92,.2)}.wave-progress-style small{color:color-mix(in srgb,var(--timer-text-soft) 78%,#186285)}.wave-progress-label{font-size:clamp(.72rem,.66rem + .12vw,.84rem);letter-spacing:.11em;text-transform:uppercase;color:color-mix(in srgb,#1f6f94 78%,var(--timer-text-soft))}.wave-progress-style.near-complete .wave-shimmer{opacity:1}.wave-progress-style.near-complete .wave-foam{opacity:min(1,calc(var(--wave-foam-opacity) + .14))}.reveal-scene-style{position:relative;overflow:hidden;isolation:isolate;display:grid;place-items:stretch;--reveal-shadow: rgba(10, 14, 24, .18);--reveal-frame: color-mix(in srgb, var(--timer-border) 42%, transparent);--reveal-content-outer: rgba(17, 22, 31, .6);--reveal-content-inner: rgba(17, 22, 31, .22);--reveal-content-border: rgba(255, 255, 255, .1);--reveal-content-shadow: rgba(8, 12, 20, .18);--reveal-label: var(--timer-text-soft);--reveal-copy: var(--timer-text-main);--reveal-accent: color-mix(in srgb, var(--timer-text-soft) 86%, transparent);border:1px solid var(--reveal-frame);box-shadow:inset 0 1px #ffffff14,0 14px 32px var(--reveal-shadow)}.reveal-scene-base,.reveal-scene-progress,.reveal-scene-ambient,.reveal-scene-contrast{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.reveal-scene-base{z-index:0}.reveal-scene-progress{inset:auto 0 0 0;height:calc(var(--reveal, 0) * 100%);z-index:1;overflow:hidden;border-radius:0 0 inherit inherit;transition:height .5s ease}.reveal-scene-ambient{z-index:2}.reveal-scene-contrast{z-index:3}.reveal-scene-base:before,.reveal-scene-progress:before,.reveal-scene-progress:after,.reveal-scene-ambient:before,.reveal-scene-ambient:after,.reveal-scene-contrast:before,.reveal-scene-contrast:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.reveal-scene-base:before,.reveal-scene-progress:before{background-image:var(--timer-scene-image);background-size:cover;background-position:center bottom;background-repeat:no-repeat}.reveal-scene-base:before{opacity:.36;filter:saturate(.86) brightness(.84)}.reveal-scene-progress:before{opacity:calc(.16 + var(--reveal, 0) * .72);transform:translateY(calc((1 - var(--reveal, 0)) * 6%));transition:transform .5s ease,opacity .35s ease,filter .35s ease;filter:saturate(calc(.96 + var(--reveal, 0) * .24)) contrast(calc(.96 + var(--reveal, 0) * .16))}.reveal-scene-content{position:relative;z-index:4;display:grid;align-content:center;justify-items:center;gap:8px;place-self:stretch;width:100%;min-height:100%;padding:clamp(1rem,3vw,1.8rem) clamp(1rem,3.5vw,2rem);text-align:center}.reveal-scene-content:before{content:"";position:absolute;inset:clamp(6px,1.5vw,18px) clamp(32px,7vw,140px);border-radius:28px;background:radial-gradient(circle at 50% 42%,var(--reveal-content-inner),transparent 72%),linear-gradient(180deg,var(--reveal-content-outer),rgba(255,255,255,.02));border:1px solid var(--reveal-content-border);box-shadow:inset 0 1px #ffffff14,0 10px 26px var(--reveal-content-shadow);backdrop-filter:blur(8px) saturate(1.02);-webkit-backdrop-filter:blur(8px) saturate(1.02)}.reveal-scene-content>*{position:relative;z-index:1}.reveal-scene-content small{text-transform:uppercase;letter-spacing:.12em;color:var(--reveal-label)}.reveal-scene-content p{margin:0;font-family:var(--font-timer);font-size:var(--timer-copy-size-lg);line-height:1;color:var(--reveal-copy);font-variant-numeric:lining-nums tabular-nums;text-shadow:0 2px 12px rgba(0,0,0,.24)}.reveal-scene-accent{font-size:.82rem;color:var(--reveal-accent);letter-spacing:.03em}.reveal-scene-meter{position:absolute;left:clamp(12px,3vw,24px);right:clamp(12px,3vw,24px);bottom:clamp(10px,2vh,18px);z-index:5;display:grid;gap:6px}.reveal-scene-meter span{font-size:.72rem;color:color-mix(in srgb,var(--timer-text-soft) 84%,transparent);letter-spacing:.08em;text-transform:uppercase}.reveal-scene-meter-track{height:5px;border-radius:999px;background:color-mix(in srgb,var(--timer-border) 52%,transparent);overflow:hidden}.reveal-scene-meter-track>div{height:100%;border-radius:inherit;transition:width .45s ease}.vintage-ink-reveal-style{--reveal-frame: rgba(104, 78, 56, .34);--reveal-shadow: rgba(98, 70, 46, .18);--reveal-content-outer: rgba(247, 238, 220, .8);--reveal-content-inner: rgba(255, 248, 234, .66);--reveal-content-border: rgba(116, 84, 52, .14);--reveal-content-shadow: rgba(92, 68, 48, .12);--reveal-label: color-mix(in srgb, #6c4e35 76%, var(--timer-text-soft));--reveal-copy: #352415;--reveal-accent: rgba(95, 70, 48, .78)}.vintage-ink-reveal-style .reveal-scene-base{background:linear-gradient(180deg,#3d2d1e2e,#3d2d1e3d),repeating-linear-gradient(0deg,#785c3e0b 0,#785c3e0b 1px,#ebdbc106 1px,#ebdbc106 28px),radial-gradient(circle at 28% 22%,rgba(255,244,226,.56),transparent 48%),linear-gradient(180deg,#efe2cc,#e0ccb0 68%,#d6bea0)}.vintage-ink-reveal-style .reveal-scene-base:before{opacity:.3;filter:saturate(.7) sepia(.24) brightness(.9)}.vintage-ink-reveal-style .reveal-scene-progress:before{filter:saturate(calc(.84 + var(--reveal, 0) * .18)) sepia(.1) brightness(calc(.92 + var(--reveal, 0) * .12))}.vintage-ink-reveal-style .reveal-scene-progress:after{background:linear-gradient(90deg,#4d36220f,rgba(77,54,34,calc(.14 + var(--reveal, 0) * .26)) calc(var(--reveal, 0) * 100%),#4d36220a),radial-gradient(circle at calc(18% + var(--reveal, 0) * 54%) 52%,rgba(92,66,38,.16),transparent 18%)}.vintage-ink-reveal-style .reveal-scene-ambient:before{left:11%;top:60%;width:calc(76% * var(--reveal, 0));height:3px;border-radius:999px;background:linear-gradient(90deg,#5c3e266b,#4a2e1bad);box-shadow:0 0 6px #52362029;transition:width .5s ease}.vintage-ink-reveal-style .reveal-scene-ambient{background:radial-gradient(circle at 50% 100%,rgba(112,82,54,.08),transparent 68%)}.vintage-ink-reveal-style .reveal-scene-contrast{background:radial-gradient(circle at 50% 48%,rgba(247,235,214,.62),rgba(247,235,214,.18) 38%,transparent 68%),linear-gradient(180deg,#fff8ec2e,#ebd9be14);opacity:.74;mix-blend-mode:screen}.vintage-ink-reveal-style .reveal-scene-content p{text-shadow:0 1px 0 rgba(255,250,240,.28),0 0 10px rgba(255,248,234,.26)}.vintage-ink-reveal-style .reveal-scene-meter-track>div{background:linear-gradient(90deg,#846042,#a67b57)}.rustic-ember-reveal-style{--reveal-frame: rgba(150, 92, 56, .28);--reveal-shadow: rgba(55, 24, 16, .22);--reveal-content-outer: rgba(21, 13, 10, .72);--reveal-content-inner: rgba(92, 42, 22, .18);--reveal-content-border: rgba(255, 178, 118, .14);--reveal-content-shadow: rgba(18, 10, 8, .22);--reveal-label: rgba(244, 212, 186, .9);--reveal-copy: #f4decb;--reveal-accent: rgba(255, 189, 132, .74)}.rustic-ember-reveal-style .reveal-scene-base{background:linear-gradient(180deg,#120c084d,#120c085c),repeating-linear-gradient(90deg,#714d2d0d 0,#714d2d0d 2px,#21171105 2px,#21171105 16px),radial-gradient(circle at 75% 15%,rgba(112,60,30,.18),transparent 46%),linear-gradient(180deg,#2e211a,#221712 62%,#1a120e)}.rustic-ember-reveal-style .reveal-scene-base:before{opacity:.34;filter:saturate(.74) brightness(.74)}.rustic-ember-reveal-style .reveal-scene-progress:before{filter:saturate(calc(.96 + var(--reveal, 0) * .32)) brightness(calc(.82 + var(--reveal, 0) * .18))}.rustic-ember-reveal-style .reveal-scene-progress:after{background:radial-gradient(120% 70% at calc(10% + var(--reveal, 0) * 68%) 92%,rgba(240,127,62,calc(.16 + var(--reveal, 0) * .44)),rgba(158,64,31,calc(.08 + var(--reveal, 0) * .22)) 34%,transparent 72%)}.rustic-ember-reveal-style .reveal-scene-ambient:before{left:8%;right:calc(92% - var(--reveal, 0) * 84%);bottom:23%;top:auto;height:10px;border-radius:999px;background:linear-gradient(90deg,#94422138,#f2853c8f,#ffbe7470);filter:blur(.2px)}.rustic-ember-reveal-style .reveal-scene-ambient{background:radial-gradient(circle at 50% 92%,rgba(255,142,74,.08),transparent 62%);animation:rustic-ember-breathe 7s ease-in-out infinite}.rustic-ember-reveal-style .reveal-scene-contrast{background:radial-gradient(circle at 50% 48%,rgba(36,24,16,.58),rgba(36,24,16,.2) 44%,transparent 68%)}.rustic-ember-reveal-style .reveal-scene-meter-track>div{background:linear-gradient(90deg,#9a4a28,#dc8248,#f0b36c)}.nightscape-dawn-reveal-style{--reveal-frame: rgba(118, 128, 204, .28);--reveal-shadow: rgba(12, 14, 32, .28);--reveal-content-outer: rgba(8, 12, 28, .68);--reveal-content-inner: rgba(102, 90, 170, .16);--reveal-content-border: rgba(190, 203, 255, .12);--reveal-content-shadow: rgba(8, 12, 28, .26);--reveal-label: rgba(226, 232, 255, .9);--reveal-copy: #f5f8ff;--reveal-accent: rgba(226, 191, 160, .84)}.nightscape-dawn-reveal-style .reveal-scene-base{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.08) 0 1px,transparent 1px),radial-gradient(circle at 72% 34%,rgba(255,255,255,.06) 0 1px,transparent 1px),radial-gradient(circle at 48% 72%,rgba(255,255,255,.06) 0 1px,transparent 1px),linear-gradient(180deg,#090f25cc,#111a39d1 55%,#1a2142d6)}.nightscape-dawn-reveal-style .reveal-scene-base:before{opacity:.26;filter:saturate(.72) brightness(.62)}.nightscape-dawn-reveal-style .reveal-scene-progress:before{filter:saturate(calc(.92 + var(--reveal, 0) * .34)) brightness(calc(.74 + var(--reveal, 0) * .22))}.nightscape-dawn-reveal-style .reveal-scene-progress:after{background:linear-gradient(180deg,rgba(78,86,174,calc(.08 + var(--reveal, 0) * .22)),rgba(122,96,176,calc(.12 + var(--reveal, 0) * .28)) 58%,rgba(233,158,112,calc(.1 + var(--reveal, 0) * .3)))}.nightscape-dawn-reveal-style .reveal-scene-ambient{background:radial-gradient(circle at 50% -10%,rgba(141,128,255,.14),transparent 62%);opacity:calc(1 - var(--reveal) * .5)}.nightscape-dawn-reveal-style .reveal-scene-ambient:before{top:auto;height:calc(18% + var(--reveal, 0) * 24%);background:linear-gradient(180deg,#ffa66f00,rgba(255,166,111,calc(var(--reveal, 0) * .3)))}.nightscape-dawn-reveal-style .reveal-scene-contrast{background:radial-gradient(circle at 50% 50%,rgba(8,12,28,.56),rgba(8,12,28,.18) 46%,transparent 70%)}.nightscape-dawn-reveal-style .reveal-scene-meter-track>div{background:linear-gradient(90deg,#5563d6,#8a7cf2,#dca27a)}.himalayan-drift-reveal-style{--reveal-frame: rgba(156, 206, 238, .34);--reveal-shadow: rgba(10, 22, 38, .24);--reveal-content-outer: rgba(10, 16, 28, .68);--reveal-content-inner: rgba(135, 191, 230, .16);--reveal-content-border: rgba(214, 239, 255, .14);--reveal-content-shadow: rgba(10, 18, 32, .22);--reveal-label: rgba(231, 245, 255, .9);--reveal-copy: #eef7ff;--reveal-accent: rgba(198, 228, 249, .82)}.himalayan-drift-reveal-style .reveal-scene-base{background:linear-gradient(180deg,#131f38bd,#0c1525e0),linear-gradient(180deg,rgba(121,153,194,.24),transparent 48%)}.himalayan-drift-reveal-style .reveal-scene-base:before{opacity:.26;filter:saturate(.78) brightness(.66) blur(.2px)}.himalayan-drift-reveal-style .reveal-scene-progress:before{filter:saturate(calc(.92 + var(--reveal, 0) * .18)) brightness(calc(.78 + var(--reveal, 0) * .24))}.himalayan-drift-reveal-style .reveal-scene-progress:after{background:linear-gradient(180deg,rgba(236,247,255,.18),transparent 28%),linear-gradient(180deg,transparent 62%,rgba(9,18,32,.78) 100%)}.himalayan-drift-reveal-style .reveal-scene-ambient{background:radial-gradient(110% 42% at 50% 72%,rgba(235,246,255,.12),transparent 70%);animation:himalayan-mist-drift 24s ease-in-out infinite alternate}.himalayan-drift-reveal-style .reveal-scene-ambient:before{background-image:radial-gradient(circle at 8% 6%,rgba(236,247,255,.56) 0 1px,transparent 2px),radial-gradient(circle at 22% 14%,rgba(236,247,255,.52) 0 1px,transparent 2px),radial-gradient(circle at 37% 20%,rgba(236,247,255,.5) 0 1px,transparent 2px),radial-gradient(circle at 55% 28%,rgba(236,247,255,.56) 0 1px,transparent 2px),radial-gradient(circle at 71% 16%,rgba(236,247,255,.52) 0 1px,transparent 2px),radial-gradient(circle at 86% 26%,rgba(236,247,255,.5) 0 1px,transparent 2px);opacity:min(.4,calc(var(--reveal, 0) * .42));animation:himalayan-snow-far 18s linear infinite}.himalayan-drift-reveal-style .reveal-scene-ambient:after{background-image:radial-gradient(circle at 12% 2%,rgba(244,252,255,.72) 0 1.4px,transparent 2.2px),radial-gradient(circle at 28% 12%,rgba(244,252,255,.68) 0 1.4px,transparent 2.2px),radial-gradient(circle at 42% 8%,rgba(244,252,255,.65) 0 1.4px,transparent 2.2px),radial-gradient(circle at 58% 18%,rgba(244,252,255,.7) 0 1.4px,transparent 2.2px),radial-gradient(circle at 76% 10%,rgba(244,252,255,.68) 0 1.4px,transparent 2.2px),radial-gradient(circle at 92% 22%,rgba(244,252,255,.65) 0 1.4px,transparent 2.2px);opacity:max(0,min(.58,calc((var(--reveal, 0) - .2) * .95)));animation:himalayan-snow-mid 12s linear infinite}.himalayan-drift-reveal-style .reveal-scene-contrast{background:radial-gradient(circle at 50% 18%,rgba(153,212,245,.12),transparent 48%),linear-gradient(180deg,transparent 60%,rgba(9,18,32,.2) 100%)}.himalayan-drift-reveal-style .reveal-scene-contrast:before{background-image:radial-gradient(circle at 10% 0%,rgba(247,253,255,.84) 0 2px,transparent 3px),radial-gradient(circle at 25% 8%,rgba(247,253,255,.8) 0 2px,transparent 3px),radial-gradient(circle at 46% 3%,rgba(247,253,255,.78) 0 2px,transparent 3px),radial-gradient(circle at 62% 11%,rgba(247,253,255,.82) 0 2px,transparent 3px),radial-gradient(circle at 81% 6%,rgba(247,253,255,.8) 0 2px,transparent 3px),radial-gradient(circle at 94% 14%,rgba(247,253,255,.78) 0 2px,transparent 3px);opacity:max(0,min(.82,calc((var(--reveal, 0) - .42) * 1.28)));animation:himalayan-snow-near 8.5s linear infinite}.himalayan-drift-reveal-style.near-complete{box-shadow:inset 0 1px #ffffff1a,0 14px 32px #0a16263d,0 0 24px #a6d9f938}.forest-cabin-reveal-style{--reveal-frame: rgba(111, 156, 118, .28);--reveal-shadow: rgba(10, 24, 16, .24);--reveal-content-outer: rgba(8, 14, 10, .68);--reveal-content-inner: rgba(120, 170, 124, .14);--reveal-content-border: rgba(178, 220, 175, .12);--reveal-content-shadow: rgba(8, 14, 10, .22);--reveal-label: rgba(225, 241, 223, .88);--reveal-copy: color-mix(in srgb, var(--timer-text-main) 92%, #f6fff3);--reveal-accent: rgba(184, 219, 177, .76)}.forest-cabin-reveal-style .reveal-scene-base{background:linear-gradient(180deg,#0a140f70,#07100bbd),radial-gradient(circle at 50% 22%,rgba(120,162,122,.14),transparent 40%),linear-gradient(180deg,#12281b47,#08120c66)}.forest-cabin-reveal-style .reveal-scene-base:before{opacity:.26;filter:saturate(.74) brightness(.68)}.forest-cabin-reveal-style .reveal-scene-progress:before{filter:brightness(calc(.8 + var(--reveal, 0) * .2)) saturate(calc(.82 + var(--reveal, 0) * .32))}.forest-cabin-reveal-style .reveal-scene-progress:after{background:linear-gradient(180deg,#060e0b0f,#060e0b3d),radial-gradient(circle at calc(18% + var(--reveal, 0) * 54%) 66%,rgba(236,196,122,calc(var(--reveal, 0) * .22)),transparent 18%)}.forest-cabin-reveal-style .reveal-scene-ambient{background:radial-gradient(circle at 52% 42%,rgba(126,170,120,calc(.04 + var(--reveal, 0) * .12)),#7eaa7800 62%)}.forest-cabin-reveal-style .reveal-scene-ambient:before{background:linear-gradient(180deg,transparent 52%,rgba(15,31,21,.54) 100%),radial-gradient(circle at 16% 82%,rgba(12,26,18,.86) 0 7%,transparent 8%),radial-gradient(circle at 30% 78%,rgba(10,22,15,.86) 0 8%,transparent 9%),radial-gradient(circle at 52% 74%,rgba(8,18,12,.88) 0 10%,transparent 11%),radial-gradient(circle at 70% 79%,rgba(9,20,14,.88) 0 8%,transparent 9%),radial-gradient(circle at 86% 76%,rgba(7,16,11,.9) 0 7%,transparent 8%);opacity:calc(.28 + var(--reveal, 0) * .18)}.forest-cabin-reveal-style .reveal-scene-contrast{background:radial-gradient(circle at 50% 100%,rgba(150,184,160,calc(.28 - var(--reveal, 0) * .12)),transparent 62%)}.forest-cabin-reveal-style .reveal-scene-contrast:before{top:10px;right:10px;bottom:10px;left:10px;border-radius:16px;border:1px solid color-mix(in srgb,#8fcd87 54%,transparent);opacity:calc(.3 + var(--reveal, 0) * .2);box-shadow:0 0 18px #7ebf782e}.forest-cabin-reveal-style .reveal-scene-contrast:after{top:24px;right:24px;bottom:24px;left:24px;border-radius:14px;border:1px solid color-mix(in srgb,#b5d6a7 42%,transparent);opacity:calc(.18 + var(--reveal, 0) * .18)}[data-theme=himalayan-drift] .page-header h1,[data-theme=himalayan-drift] .panel h2,[data-theme=himalayan-drift] .timer-meta-row h2{letter-spacing:.04em;font-family:var(--font-heading)}[data-theme=himalayan-drift] .page-badge,[data-theme=himalayan-drift] .list-heading,[data-theme=himalayan-drift] .music-label{letter-spacing:.12em;font-family:var(--font-heading)}@keyframes himalayan-snow-far{0%{transform:translate3d(-6px,-10px,0)}to{transform:translate3d(18px,28px,0)}}@keyframes himalayan-snow-mid{0%{transform:translate3d(-10px,-14px,0)}to{transform:translate3d(24px,40px,0)}}@keyframes himalayan-snow-near{0%{transform:translate3d(-14px,-18px,0)}to{transform:translate3d(32px,52px,0)}}@keyframes himalayan-mist-drift{0%{transform:translate(-1.5%);opacity:.54}to{transform:translate(1.5%);opacity:.66}}@keyframes rustic-ember-breathe{0%{opacity:.42}50%{opacity:.56}to{opacity:.42}}@media (prefers-reduced-motion: reduce){.wave-crest-primary,.wave-crest-secondary,.wave-foam,.wave-shimmer{animation:none}.wave-fill{transition:none}.rustic-ember-reveal-style .reveal-scene-ambient{animation:none}.reveal-scene-progress{transition:none}.reveal-scene-meter-track>div,.reveal-scene-progress:before{transition:none}.forest-cabin-reveal-style .reveal-scene-contrast:before,.forest-cabin-reveal-style .reveal-scene-contrast:after,.himalayan-drift-reveal-style .reveal-scene-ambient,.himalayan-drift-reveal-style .reveal-scene-ambient:before,.himalayan-drift-reveal-style .reveal-scene-ambient:after,.himalayan-drift-reveal-style .reveal-scene-contrast:before{animation:none}}.luxury-minimal-style{background:linear-gradient(180deg,color-mix(in srgb,var(--timer-bg) 86%,black),color-mix(in srgb,var(--timer-surface) 90%,black));border-color:color-mix(in srgb,var(--timer-accent) 48%,var(--timer-border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--timer-accent) 20%,transparent),0 0 18px color-mix(in srgb,var(--timer-accent) 20%,transparent)}.luxury-minimal-style p{margin:8px 0 0;font-size:clamp(4rem,11vw,7.8rem);letter-spacing:.04em;line-height:1;font-family:var(--font-timer);color:var(--timer-text-main)}.midnight-cinematic-style{position:relative;display:grid;justify-items:center;align-content:center;gap:12px;background:radial-gradient(circle at 50% 36%,#251e2257,#070709fa 70%),linear-gradient(180deg,#0a0a0c,#050507);border:1px solid color-mix(in srgb,#5a434d 45%,transparent);box-shadow:inset 0 0 0 1px #ffffff05,0 14px 30px #00000061;overflow:hidden}.midnight-cinematic-center{width:min(78vw,460px);height:min(78vw,460px);position:relative;display:grid;place-items:center;transform-origin:center;animation:midnight-breathe 5.8s ease-in-out infinite}.midnight-ring-svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible;position:relative;z-index:2}.midnight-ambient-halo{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;border-radius:999px;pointer-events:none;background:radial-gradient(circle,#e6486c38,#e6486c00 66%);filter:blur(16px);opacity:.28;animation:midnight-halo-pulse 3s ease-in-out infinite;z-index:0}.midnight-ring-track{fill:transparent;stroke:url(#midnightTrackGradient);stroke-width:8.7;opacity:.9;filter:drop-shadow(0 0 2px rgba(255,255,255,.06))}.midnight-ring-tick{stroke:color-mix(in srgb,#7a5b64 30%,transparent);stroke-width:1;opacity:.42}.midnight-ring-tick.major{stroke:color-mix(in srgb,#8e6d76 44%,transparent);stroke-width:1.2;opacity:.65}.midnight-ring-inner-detail{fill:transparent;stroke:color-mix(in srgb,#60464e 30%,transparent);stroke-width:1.4;opacity:.7}.midnight-ring-progress-glow-wide{fill:transparent;stroke:#d64c68;stroke-width:12;stroke-linecap:round;opacity:.16;transition:stroke-dashoffset .4s linear,opacity .35s ease;filter:blur(4.5px)}.midnight-ring-progress-glow{fill:transparent;stroke:#d64c68;stroke-width:10.5;stroke-linecap:round;opacity:.3;transition:stroke-dashoffset .4s linear,opacity .35s ease;filter:blur(1.2px) drop-shadow(0 0 8px rgba(214,76,104,.24))}.midnight-ring-progress{fill:transparent;stroke:url(#midnightRingGradient);stroke-width:9.8;stroke-linecap:round;transition:stroke-dashoffset .4s linear,stroke .35s ease,filter .35s ease;filter:drop-shadow(0 0 6px rgba(255,88,130,.5)) drop-shadow(0 0 15px rgba(255,88,130,.34));animation:midnight-ring-pulse 2.8s ease-in-out infinite}.midnight-ring-hotspot{fill:#fff4f7;opacity:.95;filter:drop-shadow(0 0 6px rgba(255,255,255,.75)) drop-shadow(0 0 16px rgba(255,116,156,.55))}.midnight-center-disc{position:absolute;top:42px;right:42px;bottom:42px;left:42px;border-radius:999px;border:1px solid color-mix(in srgb,#6f535c 32%,transparent);background:radial-gradient(circle at 50% 48%,#08090bfa,#101318e6 58%,#1a1e23db),radial-gradient(circle at 46% 28%,#ffffff14,#fff0 48%),linear-gradient(160deg,#111215e6,#08080af2);box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px #ffffff05,inset 0 0 24px #00000094,0 0 20px #0000003d;z-index:1}.midnight-timer-core{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:center;gap:8px;z-index:1}.midnight-timer-core small{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(.72rem,1.4vw,.9rem);color:color-mix(in srgb,var(--timer-text-soft) 75%,#f6ebee)}.midnight-timer-core p{margin:0;font-family:var(--font-timer);font-size:var(--timer-copy-size-lg);font-weight:700;line-height:1;letter-spacing:.01em;font-variant-numeric:lining-nums tabular-nums;color:#f9f7f8;text-shadow:0 2px 12px rgba(0,0,0,.42),0 0 10px rgba(255,255,255,.05);white-space:nowrap}.midnight-arc-bleed{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.midnight-arc-bleed:after{content:"";position:absolute;left:var(--arc-x);top:var(--arc-y);width:120px;height:86px;transform:translate(-50%,-20%);background:radial-gradient(ellipse at center,#e3537238,#e3537200 68%);filter:blur(12px);opacity:.5}.midnight-ring-underglow{position:absolute;left:12%;right:12%;bottom:12%;height:18%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(229,84,116,.2),transparent 68%);filter:blur(10px);opacity:.42;z-index:0}.midnight-support-line{position:absolute;left:8%;right:8%;bottom:12%;height:2px;border-radius:999px;background:linear-gradient(90deg,#ff547500,#ff547566 24%,#ff5475a6,#ff547566 76%,#ff547500);box-shadow:0 0 8px #ff547533;z-index:0}.midnight-cinematic-style.near-complete .midnight-ring-progress{filter:drop-shadow(0 0 10px rgba(255,127,154,.82)) drop-shadow(0 0 24px rgba(255,127,154,.55)) drop-shadow(0 0 38px rgba(255,127,154,.32));animation-duration:1.8s}.midnight-cinematic-style.near-complete .midnight-ring-progress-glow-wide{opacity:.24}.midnight-cinematic-style.near-complete .midnight-ring-progress-glow{opacity:.5}.midnight-cinematic-style.near-complete .midnight-ambient-halo{animation-duration:1.5s;opacity:.46}.midnight-cinematic-style.near-complete .midnight-ring-hotspot{opacity:1}.midnight-cinematic-style.completed .midnight-cinematic-center{animation:midnight-complete-pulse .7s ease}@keyframes wave-shift{0%{transform:translate(-6%)}to{transform:translate(6%)}}@keyframes wave-crest-drift{0%,to{transform:translate(-3%) translateY(0)}50%{transform:translate(3%) translateY(-2px)}}@keyframes beach-shimmer-pass{0%,to{transform:translate(-24%);opacity:.5}50%{transform:translate(24%);opacity:.92}}@keyframes forest-rect-breathe{0%,to{transform:scale(1);opacity:.28;box-shadow:inset 0 0 color-mix(in srgb,#7fbf7a 14%,transparent)}50%{transform:scale(.972);opacity:.42;box-shadow:inset 0 0 0 1px color-mix(in srgb,#9acb97 20%,transparent)}}@keyframes forest-rect-breathe-inner{0%,to{transform:scale(1);opacity:.22}50%{transform:scale(.95);opacity:.32}}@keyframes forest-mist-drift{0%,to{transform:translate(-2%) translateY(0)}50%{transform:translate(2%) translateY(-4px)}}@keyframes forest-photo-drift{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-1.5%) scale(1.008)}}@keyframes forest-band-drift-distant{0%,to{transform:translateY(14px) scaleY(.9)}50%{transform:translateY(11px) scaleY(.91)}}@keyframes forest-band-drift-mid{0%,to{transform:translateY(8px) scaleY(.95)}50%{transform:translateY(6px) scaleY(.965)}}@keyframes forest-band-drift-near{0%,to{transform:translateY(3px) scaleY(1)}50%{transform:translateY(1px) scaleY(1.018)}}@keyframes midnight-breathe{0%,to{transform:scale(1);opacity:.99}50%{transform:scale(1.012);opacity:1}}@keyframes midnight-complete-pulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.015);filter:brightness(1.06)}to{transform:scale(1);filter:brightness(1)}}@keyframes midnight-ring-pulse{0%,to{stroke-opacity:.86;filter:drop-shadow(0 0 6px rgba(255,79,111,.5)) drop-shadow(0 0 14px rgba(255,79,111,.26))}50%{stroke-opacity:1;filter:drop-shadow(0 0 10px rgba(255,79,111,.68)) drop-shadow(0 0 22px rgba(255,79,111,.38))}}@keyframes midnight-halo-pulse{0%,to{opacity:.32;transform:scale(.96)}50%{opacity:.72;transform:scale(1.04)}}.digital-style.serif-style p{font-family:Times New Roman,Georgia,serif;letter-spacing:.04em;color:var(--timer-text-main)}.digital-style p,.minimal-style p,.immersive-style p,.card-style p,.monolith-style p,.warm-block-style p,.paper-card-style p,.wave-progress-style p,.reveal-scene-content p,.luxury-minimal-style p,.antique-redesign-core p,.rect-timer-value{font-size:var(--timer-copy-size-xl)}.terminal-style p,.neon-orbit-style .timer-overlay{font-size:var(--timer-orbit-text-size)}.timer-style small,.split-group small,.terminal-style small,.terminal-style span,.card-style small,.wave-progress-style small,.reveal-scene-content small,.reveal-scene-accent,.midnight-timer-core small,.antique-redesign-core small,.antique-redesign-core span{font-size:var(--timer-label-size)}.neon-orbit-style svg,.midnight-cinematic-center{width:var(--timer-visual-size);height:var(--timer-visual-size)}.midnight-timer-core p{font-size:var(--timer-copy-size-lg)}.progress-track{width:100%;height:10px;border-radius:999px;background:color-mix(in srgb,var(--theme-progress-track) 44%,var(--timer-progress-track));border:1px solid var(--timer-border);overflow:hidden}.progress-track div{height:100%;background:var(--habit-accent, var(--theme-progress-fill, var(--timer-progress-fill)));transition:width .5s linear}.timer-layout-upgraded{grid-template-columns:minmax(0,1fr);gap:var(--timer-block-gap)}.timer-main-panel{width:100%;max-width:none;margin-inline:0;padding:var(--timer-surface-padding);display:grid;gap:var(--timer-block-gap);align-self:start;background-color:color-mix(in srgb,var(--panel-bg) 82%,transparent);border-color:color-mix(in srgb,var(--timer-border) 64%,transparent);box-shadow:0 12px 26px color-mix(in srgb,var(--timer-border) 14%,transparent)}.timer-workspace-top-controls{display:grid;gap:var(--space-2);margin:0}.timer-quick-start-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0}.timer-action-preset{flex:0 1 auto;min-width:min(100%,15rem)}.timer-hero-card{min-height:0;margin-top:0;padding:var(--timer-surface-padding);border-radius:var(--surface-radius);display:grid;gap:var(--timer-block-gap);background-color:color-mix(in srgb,var(--timer-bg) 86%,transparent);border-color:color-mix(in srgb,var(--timer-border) 88%,var(--accent));box-shadow:0 18px 34px #00000047,inset 0 1px color-mix(in srgb,var(--timer-border) 40%,transparent)}.timer-meta-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--timer-block-gap);margin:0}.timer-meta-row h2{margin:0;font-size:var(--timer-heading-size)}.timer-meta-right{display:grid;justify-items:end;gap:var(--space-2)}.timer-meta-row .muted{margin:0;font-size:var(--timer-micro-size)}.timer-hero-layout{width:min(100%,var(--timer-surface-max));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,var(--timer-side-width));gap:var(--timer-block-gap);align-items:start}.timer-hero-layout>*{min-width:0}.timer-hero-primary{display:grid;gap:var(--timer-block-gap);align-content:start}.timer-display-shell,.timer-launch-shell{width:100%;display:grid}.timer-display-shell{place-items:center;width:var(--timer-shell-width-current, min(100%, var(--timer-shell-max)));min-height:var(--timer-shell-min-height-current, var(--timer-shell-min-height));margin-inline:auto}.timer-launch-shell{place-items:center}.timer-task-side{margin:0;align-self:stretch;overflow:hidden;border:1px solid color-mix(in srgb,var(--timer-border) 64%,transparent);border-radius:var(--surface-radius-sm);background-color:color-mix(in srgb,var(--timer-control-bg) 78%,transparent);border-color:color-mix(in srgb,var(--timer-border) 58%,transparent);opacity:.95}.timer-task-side-body{display:grid;gap:var(--space-3);padding:var(--timer-surface-padding)}.timer-actions-row{margin-top:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.hero-actions,.hero-track,.timer-inline-focus-score,.timer-quote{margin:0}.timer-quote{color:var(--timer-text-soft);font-style:italic;font-size:var(--timer-note-size);font-weight:600;line-height:1.45}[data-theme=vintage] .panel,[data-theme=beach-vibes] .panel,[data-theme=vintage] .stat-card,[data-theme=beach-vibes] .stat-card,[data-theme=vintage] .app-timebar,[data-theme=beach-vibes] .app-timebar{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}[data-theme=vintage] .content,[data-theme=vintage] .panel,[data-theme=vintage] .stat-card,[data-theme=vintage] .timer-hero-card,[data-theme=vintage] .timer-task-side{line-height:1.62}[data-theme=vintage] .page-content{position:relative}[data-theme=vintage] .page-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 14% 16%,rgba(91,64,40,.04) 0 1px,transparent 1px),radial-gradient(circle at 72% 64%,rgba(91,64,40,.035) 0 1px,transparent 1px);background-size:3px 3px,4px 4px;opacity:.5;mix-blend-mode:multiply}[data-theme=vintage] .panel,[data-theme=vintage] .stat-card,[data-theme=vintage] .app-timebar,[data-theme=vintage] .monolith-style,[data-theme=vintage] .timer-task-side,[data-theme=vintage] .timer-hero-card{border-color:color-mix(in srgb,#8d6c4d 42%,var(--panel-border));box-shadow:inset 0 1px #fff9f075,0 2px 8px #604a3214}[data-theme=vintage] .progress-track,[data-theme=vintage] .hero-track{background:color-mix(in srgb,#d8c2a3 58%,transparent)}[data-theme=vintage] .progress-track>div,[data-theme=vintage] .hero-track>div{background:linear-gradient(90deg,#8b5e3c,#b1885f)}[data-theme=vintage] .btn{border-color:color-mix(in srgb,#8d6c4d 55%,var(--panel-border));background:color-mix(in srgb,#f2e5d2 90%,#d8c2a3);color:#3e2f23}[data-theme=vintage] .btn:hover{background:color-mix(in srgb,#eedec8 88%,#cfb18b)}[data-theme=vintage] .btn.btn-primary{background:#7c5638;border-color:#6f4c31;color:var(--button-primary-text, var(--button-text-strong, var(--text-main)))}[data-theme=vintage] .btn.btn-primary:hover{background:#6f4c31}[data-theme=vintage] .page-header h1,[data-theme=vintage] .panel h2,[data-theme=vintage] .timer-meta-row h2{font-weight:700;letter-spacing:.01em}[data-theme=vintage] .page-badge,[data-theme=vintage] .stat-label,[data-theme=vintage] .page-now-chip,[data-theme=vintage] .list-heading,[data-theme=vintage] .music-label{font-family:var(--font-accent);letter-spacing:.08em}[data-theme=vintage] .timer-style p,[data-theme=vintage] .timer-overlay,[data-theme=vintage] .rect-timer-value,[data-theme=vintage] .split-cell{font-family:var(--font-timer);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.01em}[data-theme=vintage] .timer-hero-card{padding-top:calc(var(--timer-panel-padding, 24px) + 2px);padding-bottom:calc(var(--timer-panel-padding, 24px) + 4px)}[data-theme=beach-vibes] .btn{background:color-mix(in srgb,#e8f5f8 86%,#8fc8d4);color:#0f3f4c;border-color:#76b1be}[data-theme=beach-vibes] .btn:hover{background:color-mix(in srgb,#dff1f5 82%,#84bfcc)}[data-theme=beach-vibes] .btn.btn-primary{background:#177f99;color:var(--button-primary-text, var(--button-text-strong, var(--text-main)));border-color:#0f6b83}[data-theme=beach-vibes] .btn.btn-primary:hover{background:#0f6b83}.session-counter-card{border:1px solid color-mix(in srgb,var(--timer-border) 68%,transparent);border-radius:12px;padding:10px;margin-bottom:05px;color:var(--timer-control-text)}.session-counter-card h4{margin:0 0 8px;color:var(--timer-control-text);font-size:.9rem}.session-counter-card div{display:flex;justify-content:space-between;font-size:.88rem;color:var(--timer-control-text);margin-top:6px}.session-counter-card strong{color:var(--timer-control-text)}.session-distraction-toggle-row{margin:6px 0 4px;display:flex;align-items:center;justify-content:space-between;gap:10px}.session-distraction-toggle-row>span{font-size:.85rem;font-weight:600}.session-distraction-toggle{border:1px solid color-mix(in srgb,var(--panel-border) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--panel-bg) 82%,transparent);color:var(--text-main);min-width:96px;height:36px;padding:3px 8px 3px 4px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.session-distraction-toggle-track{width:46px;height:26px;border-radius:999px;background:color-mix(in srgb,var(--panel-border) 55%,transparent);display:inline-flex;align-items:center;padding:2px;transition:background-color .16s ease}.session-distraction-toggle-thumb{width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 1px 4px #00000040;transition:transform .16s ease}.session-distraction-toggle.is-on{border-color:color-mix(in srgb,var(--accent) 76%,var(--panel-border));background:color-mix(in srgb,var(--accent) 22%,var(--panel-bg))}.session-distraction-toggle.is-on .session-distraction-toggle-track{background:color-mix(in srgb,var(--accent) 68%,var(--panel-border))}.session-distraction-toggle.is-on .session-distraction-toggle-thumb{transform:translate(20px)}.session-distraction-toggle-text{font-size:.78rem;font-weight:700;letter-spacing:.06em}.session-counter-card .session-distraction-toggle-row+.muted{display:block;margin-bottom:8px;line-height:1.35}[data-theme=normal] .session-distraction-toggle{border-color:#ea883a52;background:#fff9f1e0;color:#1f2937}[data-theme=normal] .session-distraction-toggle-track{background:#94a3b873}[data-theme=normal] .session-distraction-toggle.is-on{border-color:#f97316;background:#fed7aa57}[data-theme=normal] .session-distraction-toggle.is-on .session-distraction-toggle-track{background:linear-gradient(90deg,#f97316,#fb923c)}.counter-warning{margin:10px 0 0;color:var(--timer-control-text);font-size:.82rem}[data-theme=light] .app-timebar{background:linear-gradient(90deg,#eef5ff,#e9f1ff);border-color:#7c96c2b8}[data-theme=light] .app-timebar-label{color:#4f6690}[data-theme=light] .app-timebar-day{color:#273b60}[data-theme=light] .app-timebar-date{color:#46608c}[data-theme=light] .app-timebar-time{color:#1f5fc5}[data-theme=normal] .timer-inline-focus-score{color:#0f172a}[data-theme=normal] .session-counter-card-secondary{background:#fffaf3d1}[data-theme=normal] .timer-task-button{background:#fffaf3e6;border-color:color-mix(in srgb,var(--glass-border-strong) 88%,transparent);color:#334155}[data-theme=normal] .timer-task-button:hover{background:#fffbf5;border-color:color-mix(in srgb,#f97316 46%,#fed7aa)}[data-theme=normal] .timer-task-button.active{border-color:#f97316;background:linear-gradient(120deg,#fed7aa8f,#fff4e6eb);color:#7c2d12;box-shadow:0 0 0 1px #f9731657,0 0 18px #f9731633}.timer-task-button{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--bg-base);color:inherit;padding:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left}.timer-task-button.active{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));background:linear-gradient(120deg,#42d6a42e,#78a8ff38);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent),var(--glow-accent)}.timer-selection-button{transition:border-color .17s ease,background-color .17s ease,box-shadow .17s ease,color .17s ease}.timer-selection-button.is-selected{border-width:2px;border-color:color-mix(in srgb,var(--accent) 62%,var(--border));background:color-mix(in srgb,var(--panel-bg) 76%,var(--accent) 24%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 36%,transparent),var(--glow-accent);color:var(--text-main)}[data-theme=normal] .timer-selection-button.is-selected{border-color:#f97316;background:#fed7aa6b;color:#7c2d12;box-shadow:0 0 0 1px #f9731657,0 0 16px #f973162e}.timer-selection-button.is-selected:hover{border-color:color-mix(in srgb,var(--accent-alt) 56%,var(--border))}[data-theme=normal] .timer-selection-button.is-selected:hover{border-color:#ea580c;background:#fed7aa80}.timer-selection-button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 72%,transparent);outline-offset:2px}.timer-selection-button.is-general-selected{border-color:#ff8a00;box-shadow:0 0 0 1px #ff8a008c,0 0 16px #ff5b5b42}.timer-selection-button.is-task-selected{border-color:#4da3ff;box-shadow:0 0 0 1px #4da3ff8c,0 0 16px #5de9ff3d}[data-theme=normal] .timer-selection-button.is-general-selected,[data-theme=normal] .timer-selection-button.is-task-selected{border-color:#f97316;box-shadow:0 0 0 1px #f9731661,0 0 16px #ea580c33}.goal-card{margin-top:16px;border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--bg-base)}.goal-card span{color:var(--text-muted)}.goal-card strong{display:block;margin-top:4px}.goal-track{margin-top:8px;height:8px;background:var(--bg-surface);border-radius:999px;overflow:hidden}.goal-track div{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-alt) 100%)}.btn{border:1px solid color-mix(in srgb,var(--panel-border) 78%,transparent);color:var(--text-main);background:color-mix(in srgb,var(--panel-bg) 40%,transparent);background-color:color-mix(in srgb,var(--panel-bg) 34%,transparent);border-color:color-mix(in srgb,var(--panel-border) 68%,transparent);border-radius:10px;padding:9px 14px;cursor:pointer;transition:background-color .17s ease,border-color .17s ease,color .17s ease,box-shadow .17s ease,transform .17s ease}.btn:hover{border-color:color-mix(in srgb,var(--accent) 78%,var(--panel-border));background:color-mix(in srgb,var(--panel-bg) 58%,transparent);transform:translateY(-1px)}[data-theme=normal] .btn:hover{border-color:color-mix(in srgb,#f97316 64%,#fed7aa);background:color-mix(in srgb,#fffbf5 82%,#fed7aa)}.btn-primary{background:var(--button-primary-bg);background-color:var(--button-primary-bg);color:var(--button-primary-text);border-color:color-mix(in srgb,var(--button-primary-bg) 70%,var(--accent));font-weight:700;box-shadow:0 0 0 1px color-mix(in srgb,var(--button-primary-bg) 36%,transparent),0 10px 24px color-mix(in srgb,var(--button-primary-bg) 18%,transparent)}[data-theme=normal] .btn-primary{background:#f97316;color:var(--button-text-strong, var(--text-main));border-color:#ea580c;box-shadow:0 0 0 1px #f9731647,0 10px 24px #ea580c2e}[data-theme=normal] .btn-primary:hover{background:#ea580c;border-color:#c2410c}.btn-small{padding:6px 10px;font-size:.88rem}.btn-tertiary{border-color:transparent;background:transparent;color:var(--text-soft)}.btn-tertiary:hover{border-color:color-mix(in srgb,var(--panel-border) 45%,transparent);background:color-mix(in srgb,var(--panel-bg) 34%,transparent)}.logout-btn{width:100%}.btn.danger,.btn.btn-destructive{background:#ef4444;background-color:#ef4444;color:var(--button-destructive-text, #fff);border-color:#b91c1c;font-weight:700;box-shadow:0 0 0 1px #ef44443d,0 8px 18px #b91c1c24}.btn.danger:hover,.btn.btn-destructive:hover{background:#dc2626;border-color:#b91c1c;color:var(--button-destructive-text, #fff)}.btn.btn-destructive:focus-visible{outline:2px solid rgba(248,113,113,.75);outline-offset:2px}.btn.btn-destructive:active{transform:translateY(0);background:#b91c1c;border-color:#991b1b}.btn.btn-destructive:disabled{cursor:not-allowed;opacity:.6;transform:none}.task-chip{margin-top:6px;border:1px solid var(--timer-border);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--timer-surface) 90%,transparent)}.task-chip p{margin:0;color:var(--text-muted);font-size:.78rem}.task-chip strong{margin-top:4px;display:block}.metric-list{display:grid;gap:10px}.metric-list div{display:flex;justify-content:space-between;border:1px solid var(--border);border-radius:10px;padding:10px}.export-action-area{margin:10px 0 14px;padding:10px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--panel-bg) 65%,transparent);background-color:color-mix(in srgb,var(--panel-bg) 72%,transparent);border-color:color-mix(in srgb,var(--panel-border) 62%,transparent);display:grid;gap:8px}.export-action-copy{display:grid;gap:2px}.metric-list span{color:var(--text-soft)}.metric-list strong{color:var(--text-main)}.list-heading{margin:05px 0;font-size:.95rem;color:var(--text-main)}.task-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.task-list li{border:1px solid color-mix(in srgb,var(--panel-border) 55%,transparent);border-radius:12px;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:color-mix(in srgb,var(--panel-bg) 40%,transparent)}.task-list.draggable li{cursor:grab}.task-list li.done{opacity:.7}.task-list li.status-completed{border:2px solid color-mix(in srgb,#39d98a 72%,var(--panel-border))}.task-list li.status-interrupted{border:2px solid color-mix(in srgb,#ff6a6a 72%,var(--panel-border))}.task-list p{margin:0;color:var(--text-main)}.task-list small{color:var(--text-soft);display:block}.task-actions{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.today-planning-stack{display:grid;gap:10px}.today-planning-metrics{margin-bottom:0}.today-planning-toolbar{display:flex;justify-content:flex-start;margin-top:-2px}.task-list .btn[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none}.about-copy{display:grid;gap:10px;color:var(--text-soft);line-height:1.65}.about-copy p{margin:0}.about-copy strong{color:var(--text-main)}.about-copy ul{margin:0;padding-left:20px;display:grid;gap:4px}.about-copy h3{margin:8px 0 2px;color:var(--text-main);font-size:1rem}.about-scroll-container{max-height:min(68vh,760px);overflow-y:auto;padding-right:6px}.about-scroll-container::-webkit-scrollbar{width:8px}.about-scroll-container::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--panel-border) 80%,transparent)}.about-mission-block{margin:2px 0 14px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--panel-border) 62%,transparent);border-radius:12px;background:color-mix(in srgb,var(--panel-bg) 76%,transparent);text-align:center;display:grid;gap:6px}.about-mission-primary{margin:0;color:var(--text-main);font-size:1.02rem;line-height:1.5}.about-mission-secondary{margin:0;color:var(--text-soft);font-size:.9rem}.about-tab-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.about-section{display:grid;gap:8px;padding-top:2px}.about-section+.about-section{margin-top:8px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--panel-border) 42%,transparent)}.about-core-loop{padding:10px 12px;border:1px solid color-mix(in srgb,var(--panel-border) 56%,transparent);border-radius:12px;background:color-mix(in srgb,var(--panel-bg) 72%,transparent)}.about-core-loop-flow{margin:0;color:var(--text-main);font-size:1.02rem;letter-spacing:.02em}.about-accordion-grid{display:grid;gap:.7rem}.about-tile{border:var(--surface-stroke) solid color-mix(in srgb,var(--panel-border) 66%,transparent);border-radius:var(--surface-radius);background:color-mix(in srgb,var(--panel-bg) 84%,transparent);box-shadow:var(--shadow-soft);overflow:clip;transition:border-color .18s ease,box-shadow .2s ease,background .18s ease}.about-tile.is-open{border-color:color-mix(in srgb,var(--accent) 55%,var(--panel-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 36%,transparent),var(--shadow-soft)}.about-tile.is-critical{border-color:color-mix(in srgb,#d97706 56%,var(--panel-border));background:color-mix(in srgb,var(--panel-bg) 80%,transparent)}.about-tile-toggle{width:100%;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.8rem;padding:.9rem 1rem;text-align:left;cursor:pointer}.about-tile-heading{display:grid;gap:.32rem}.about-tile-heading h3{margin:0;color:var(--text-main);font-size:clamp(.95rem,calc(.95rem + var(--zoom-delta) * .35rem),1.2rem)}.about-tile-heading p{margin:0;color:var(--text-soft);font-size:clamp(.8rem,calc(.82rem + var(--zoom-delta) * .2rem),.96rem);line-height:1.45}.about-tile-indicator{width:clamp(1.8rem,calc(1.9rem + var(--zoom-delta) * .4rem),2.2rem);height:clamp(1.8rem,calc(1.9rem + var(--zoom-delta) * .4rem),2.2rem);border-radius:999px;border:var(--surface-stroke) solid color-mix(in srgb,var(--panel-border) 58%,transparent);display:inline-flex;align-items:center;justify-content:center;color:var(--text-main);background:color-mix(in srgb,var(--panel-bg) 76%,transparent)}.about-tile-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.about-tile-content.is-open{grid-template-rows:1fr}.about-tile-content-inner{min-height:0;overflow:hidden;padding:0 1rem;color:var(--text-soft);line-height:1.62}.about-tile-content-inner p,.about-tile-content-inner ul,.about-tile-content-inner ol{margin:0}.about-tile-content-inner ul,.about-tile-content-inner ol{padding-left:1.2rem;display:grid;gap:.3rem}.about-tile-content-inner h4{margin:.35rem 0 .15rem;color:var(--text-main);font-size:.9rem}.task-select{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--bg-base);color:inherit;padding:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px}.task-select.active{border-color:var(--accent)}.task-form{display:grid;gap:12px}.todo-advanced{margin-top:4px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--panel-border) 36%,transparent);display:grid;gap:12px}.date-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}label{display:grid;gap:6px;color:var(--text-soft);font-size:.92rem}input,select,textarea{border:1px solid color-mix(in srgb,var(--panel-border) 80%,transparent);background:var(--input-bg);color:var(--text-main);border-radius:10px;padding:10px;font:inherit;font-size:.95rem}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:1px}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--text-soft) 72%,transparent);opacity:1}select option{background:color-mix(in srgb,var(--panel-bg) 96%,black);color:var(--text-main)}.form-row{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.timer-setting-grid{margin-top:10px}.session-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.session-list li{display:block;border:1px solid var(--border);border-radius:12px;padding:10px;background-color:color-mix(in srgb,var(--panel-bg) 46%,transparent);border-color:color-mix(in srgb,var(--panel-border) 62%,transparent)}.session-list li.completed{border-color:color-mix(in srgb,#39d98a 68%,var(--panel-border))}.session-details{display:grid;gap:6px}.session-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.session-head strong{white-space:nowrap}.session-head-main{display:grid;gap:4px;min-width:0}.session-head-actions{display:grid;justify-items:end;gap:6px;min-width:0}.session-item-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.session-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}.session-list li.interrupted{border-color:color-mix(in srgb,#ff6a6a 68%,var(--panel-border))}.session-list p{margin:0;color:var(--text-main)}.session-list small{color:color-mix(in srgb,var(--text-soft) 84%,var(--text-muted))}.milestone-scroll-list{max-height:min(42dvh,420px);overflow-y:auto;padding-right:6px}.milestone-scroll-list::-webkit-scrollbar{width:8px}.milestone-scroll-list::-webkit-scrollbar-track{background:color-mix(in srgb,var(--panel-bg) 65%,transparent);border-radius:999px}.milestone-scroll-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 58%,var(--text-soft));border-radius:999px}.stats-grid{display:grid;gap:var(--panel-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));margin-bottom:var(--panel-gap)}.history-stats-wide{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}.history-session-scroll{max-height:min(58dvh,680px);overflow-y:auto;padding-right:6px}.history-session-scroll::-webkit-scrollbar{width:8px}.history-session-scroll::-webkit-scrollbar-track{background:color-mix(in srgb,var(--panel-bg) 65%,transparent);border-radius:999px}.history-session-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 58%,var(--text-soft));border-radius:999px}.task-scroll-region{max-height:min(48dvh,560px);overflow-y:auto;padding-right:6px}.task-scroll-region::-webkit-scrollbar{width:8px}.task-scroll-region::-webkit-scrollbar-track{background:color-mix(in srgb,var(--panel-bg) 65%,transparent);border-radius:999px}.task-scroll-region::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 58%,var(--text-soft));border-radius:999px}.chart-shell header h3{margin:0;font-size:1.08rem;font-weight:700}.chart-shell{display:flex;flex-direction:column;flex:1}.chart-body{display:grid;flex:1;min-height:0}.chart-shell header p{margin:4px 0 0;color:var(--text-soft);font-size:.96rem}.bar-col{display:flex;flex-direction:column;justify-content:flex-end;text-align:center}.bar-fill{width:100%;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,var(--accent-alt),var(--accent))}.bar-col small,.bar-col span{display:block;margin-top:6px;color:var(--text-soft)}.comparison-chart{display:grid;gap:10px}.comparison-row p{margin:0 0 5px;color:var(--text-main);font-size:.98rem;font-weight:600;white-space:normal;overflow-wrap:anywhere}.comparison-bars{display:grid;gap:6px}.comparison-bar{min-height:24px;border-radius:8px;display:inline-flex;align-items:center;padding:0 8px;font-size:.95rem;font-weight:600}.comparison-bar.estimated{background:#78a8ff59}.comparison-bar.completed{background:#42d6a459}.split-bars{display:grid;gap:10px}.split-track{min-height:max(.75rem,calc(1rem * var(--layout-scale)));height:max(.75rem,calc(1rem * var(--layout-scale)));border-radius:999px;overflow:hidden;display:flex;border:1px solid var(--border)}.split-segment.completed{background:#42d6a4bf}.split-segment.interrupted{background:#ff8f8fb3}.split-segment.done{background:#42d6a4bf}.split-segment.pending{background:#78a8ff80}.split-segment.planned{background:#42d6a4bf}.split-segment.general{background:#ffc46bb8}.split-bars ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.split-bars li{display:flex;justify-content:space-between;font-size:1.02rem;color:var(--text-main);font-weight:600}.chart-empty{text-align:center;padding-top:50px;font-size:1rem;color:color-mix(in srgb,var(--text-soft) 74%,var(--text-main))}.weekly-summary-text{margin-top:10px}.preset-manager{display:grid;gap:10px}.preset-row{display:flex;flex-wrap:wrap;gap:8px}.preset-chip{border:1px solid var(--border);background:var(--bg-base);color:var(--text-main);border-radius:999px;padding:7px 11px;cursor:pointer}.preset-menu-trigger{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:2.9rem;padding-inline:1rem;border-width:2px;border-color:color-mix(in srgb,var(--accent) 52%,var(--panel-border));background:color-mix(in srgb,var(--panel-bg) 88%,transparent);color:var(--text-main);font-weight:700;text-align:left}.preset-menu-trigger.active{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 32%,transparent)}.preset-menu-trigger-label{font-weight:700;color:var(--text-main)}.preset-menu-trigger-active{color:var(--text-soft);font-size:.85rem;white-space:nowrap;font-weight:600}.preset-menu-popover{display:grid;gap:.7rem;padding:.85rem;border:1px solid color-mix(in srgb,var(--panel-border) 76%,transparent);border-radius:14px;background:color-mix(in srgb,var(--panel-bg) 86%,transparent);box-shadow:var(--shadow-soft)}.profile-dropdown-menu,.app-header [role=menu]{display:flex;flex-direction:column;gap:6px;min-width:200px;padding:8px;border-radius:12px;border:1px solid color-mix(in srgb,var(--panel-border) 76%,transparent);background:color-mix(in srgb,var(--panel-bg) 86%,transparent);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(calc(var(--timer-panel-blur) * .45));backdrop-filter:blur(calc(var(--timer-panel-blur) * .45))}.profile-dropdown-item,.app-header [role=menu]>button,.app-header [role=menu]>a{width:100%;min-height:42px;border:1px solid color-mix(in srgb,var(--panel-border) 64%,transparent);border-radius:999px;padding:0 .95rem;display:inline-flex;align-items:center;justify-content:flex-start;gap:.5rem;line-height:1;white-space:nowrap;cursor:pointer;box-sizing:border-box;text-decoration:none;background:linear-gradient(180deg,var(--button-surface-outer),var(--button-surface-inner)),linear-gradient(145deg,rgb(255 255 255 / .12),transparent 58%);background-color:transparent;box-shadow:var(--button-surface-shadow);color:var(--button-text, var(--text-strong, var(--text-main)));transition:background .16s ease,border-color .16s ease,transform .16s ease,color .16s ease}.profile-dropdown-item:hover,.app-header [role=menu]>button:hover,.app-header [role=menu]>a:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--panel-border));background:linear-gradient(180deg,color-mix(in srgb,var(--button-surface-outer) 86%,var(--accent) 14%),color-mix(in srgb,var(--button-surface-inner) 92%,var(--accent) 8%)),linear-gradient(145deg,rgb(255 255 255 / .16),transparent 58%);color:var(--button-text-strong, var(--button-text, var(--text-strong, var(--text-main))))}.profile-dropdown-item:focus-visible,.app-header [role=menu]>button:focus-visible,.app-header [role=menu]>a:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,white);outline-offset:2px}.profile-dropdown-item:active,.app-header [role=menu]>button:active,.app-header [role=menu]>a:active{color:var(--button-text-strong, var(--button-text, var(--text-strong, var(--text-main))))}.preset-menu-section{display:grid;gap:.55rem}.preset-menu-heading{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.preset-menu-actions{display:flex;flex-wrap:wrap;gap:.55rem}.preset-menu-actions .btn{border-width:2px;min-width:0}.preset-menu-create-btn{width:auto;flex:0 0 auto;padding-inline:1rem;white-space:nowrap;color:var(--text-main)}.preset-menu-editor{margin-top:.15rem}.preset-chip.active{border-color:var(--accent);color:var(--text-main)}[data-theme=normal] .preset-chip,[data-theme=normal] .style-pill,[data-theme=normal] .category-switch button{background:#fffaf3d6;border-color:#ea883a3d;color:#475569}[data-theme=normal] .preset-manager,[data-theme=normal] .preset-create-panel,[data-theme=normal] .style-row-wrap{background:#fff8efc2;border-color:#ea883a33;box-shadow:0 6px 14px #b2652612}[data-theme=normal] .timer-action-preset .preset-manager{background:transparent;border-color:transparent;box-shadow:none;padding:0}[data-theme=normal] .preset-chip.active,[data-theme=normal] .style-pill.active,[data-theme=normal] .category-switch button.active{border-color:#f97316;background:#fed7aa75;color:#7c2d12;box-shadow:0 0 0 1px #f973164d,0 0 14px #f9731629}[data-theme=normal] .muted,[data-theme=normal] .panel-subtitle,[data-theme=normal] .stat-label,[data-theme=normal] .page-now-chip,[data-theme=normal] .task-list small,[data-theme=normal] .music-now small,[data-theme=normal] .app-timebar-label,[data-theme=normal] .app-timebar-date,[data-theme=normal] .app-timebar-day,[data-theme=normal] .metric-list span,[data-theme=normal] .category-switch button,[data-theme=normal] .volume-row label,[data-theme=normal] .checkbox-row label{color:#111827}[data-theme=normal] .progress-track,[data-theme=normal] .hero-track,[data-theme=normal] .goal-track,[data-theme=normal] .split-track{background:#f1d5b5;border:1px solid rgba(217,119,6,.18)}[data-theme=normal] .progress-track>div,[data-theme=normal] .hero-track>div,[data-theme=normal] .goal-track>div,[data-theme=normal] .split-track>div{background:linear-gradient(90deg,#f97316,#d97706);box-shadow:0 0 8px #f9731633}[data-theme=normal] .completion-card,[data-theme=normal] .interrupt-sheet{background:#fff8eff2;border-color:#ea883a47;color:#334155}[data-theme=normal] .reason-chip{background:#fffaf3e6;border-color:#ea883a3d;color:#475569}[data-theme=normal] .reason-chip.active{background:#fed7aa80;border-color:#f97316;color:#7c2d12;box-shadow:0 0 0 1px #f9731647}[data-theme=normal] .calendar-day.active{background:#fed7aa66;border-color:#f97316}[data-theme=normal] .calendar-day.active strong,[data-theme=normal] .calendar-day.active small{color:#7c2d12}[data-theme=normal] input,[data-theme=normal] select,[data-theme=normal] textarea,[data-theme=normal] input[type=date]{color:#334155;background:#fffaf3eb;border-color:#ea883a4d}[data-theme=normal] input::placeholder,[data-theme=normal] textarea::placeholder{color:#64748b}[data-theme=normal] input:focus,[data-theme=normal] select:focus,[data-theme=normal] textarea:focus,[data-theme=normal] input[type=date]:focus{border-color:#ea580c;box-shadow:0 0 0 2px #f9731633}[data-theme=normal] .floating-dock,[data-theme=normal] .floating-block,[data-theme=normal] .mini-player-shell.docked,[data-theme=normal] .mini-timer-floating{background:#fff8efed;border-color:#ea883a47;box-shadow:0 10px 24px #b265261f}[data-theme=normal] .floating-dock-header strong,[data-theme=normal] .floating-retro-cell,[data-theme=normal] .floating-retro-phase,[data-theme=normal] .mini-timer-floating .timer-overlay{color:#1f2937}[data-theme=normal] .floating-retro-group small,[data-theme=normal] .floating-block .music-label,[data-theme=normal] .floating-block .music-now small{color:#64748b}@keyframes normalTimerBgDrift{0%{transform:translate3d(0,-1%,0) scale(1.03);opacity:.26}50%{transform:translate3d(0,1.5%,0) scale(1.08);opacity:.34}to{transform:translate3d(0,-1%,0) scale(1.03);opacity:.26}}@keyframes normalTimerBorderPulse{0%{opacity:.28;transform:scale(.995)}50%{opacity:.46;transform:scale(1.005)}to{opacity:.28;transform:scale(.995)}}@keyframes normalTimerTextBreathe{0%{transform:scale(1);opacity:.97;text-shadow:0 0 16px rgba(251,146,60,.38),0 0 30px rgba(249,115,22,.2)}50%{transform:scale(1.03);opacity:1;text-shadow:0 0 24px rgba(251,146,60,.58),0 0 42px rgba(239,68,68,.28)}to{transform:scale(1);opacity:.97;text-shadow:0 0 16px rgba(251,146,60,.38),0 0 30px rgba(249,115,22,.2)}}@keyframes normalTimerStartPop{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}.preset-create-row{display:flex;gap:8px}.preset-create-row input{flex:1}.style-row-wrap{margin-top:18px;padding-top:6px;border-top:1px solid rgba(120,145,190,.18)}.style-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.style-pill{border:1px solid var(--border);border-radius:999px;background:var(--bg-base);color:var(--text-soft);padding:8px 12px;cursor:pointer;white-space:nowrap}.style-pill.active{border-color:var(--accent);color:var(--text-main)}.settings-list{display:grid;gap:10px}.avatar-editor{display:flex;gap:12px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--bg-base)}.avatar-preview{width:72px;height:72px;border-radius:999px;border:1px solid var(--border-strong);overflow:hidden;display:grid;place-items:center;background:var(--bg-surface)}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-preview span{color:var(--text-main);font-size:1.4rem;font-weight:700}.avatar-actions{display:grid;gap:8px}.checkbox-row{display:flex;align-items:center;gap:8px}.checkbox-row input{width:16px;height:16px;margin:0}.muted{color:color-mix(in srgb,var(--text-soft) 20%,var(--text-muted));opacity:.88}.music-player{border:1px solid color-mix(in srgb,var(--panel-border) 58%,transparent);border-radius:12px;padding:16px;background:color-mix(in srgb,var(--panel-bg) 62%,transparent);display:flex;flex-direction:column;min-height:0;flex:1 1 auto;margin-top:2px}.music-player.compact{padding:12px}.music-player.embedded{border:0;background:transparent;padding:0;margin:0}.music-player.accordion{display:grid;gap:10px}.music-now-playing-line{margin:0;display:grid;gap:2px}.music-now-playing-line span{color:var(--text-muted);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.music-now-playing-line strong{color:var(--text-main);font-size:.95rem}.music-select-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.music-controls.compact-row,.volume-row.compact-row{margin-top:0}.category-switch{display:inline-flex;gap:8px;margin-bottom:10px}.category-switch button{border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-soft);padding:5px 10px;cursor:pointer}.category-switch button.active{border-color:var(--accent);color:var(--text-main)}.music-now strong{display:block;color:var(--text-main)}.music-now small{color:var(--text-muted)}.music-label{margin:0 0 4px;color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.music-controls{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.volume-row{margin-top:14px;display:grid;gap:6px}.volume-row input[type=range]{width:100%}.track-list{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:10px;max-height:min(44vh,420px);overflow:auto}.track-list button{width:100%;border:1px solid var(--border);border-radius:10px;padding:11px 12px;background:transparent;color:var(--text-soft);text-align:left;cursor:pointer;display:flex;justify-content:space-between}.track-list button.active{border-color:var(--accent);color:var(--text-main)}.music-track-picker{display:grid;gap:8px}.music-track-dropdown{width:100%}.music-track-picker-label{margin:0;color:var(--text-muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.music-track-list{margin:0;padding:0;list-style:none;display:grid;gap:8px;max-height:min(28vh,220px);overflow:auto}.music-track-list button{width:100%;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);border-radius:12px;padding:10px 12px;background:color-mix(in srgb,var(--panel-bg) 44%,transparent);color:var(--text-soft);text-align:left;cursor:pointer;display:grid;gap:4px}.music-track-list button.active{border-color:var(--accent);color:var(--text-main);background:color-mix(in srgb,var(--accent) 10%,var(--panel-bg))}.music-track-title{font-size:.93rem;font-weight:600}.music-track-list small{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player-wrap{position:fixed;right:20px;bottom:18px;width:min(340px,calc(100vw - 28px));z-index:30}.floating-dock{position:fixed;right:14px;bottom:max(14px,calc(env(safe-area-inset-bottom,0px) + 14px));width:min(396px,calc(100vw - 36px));max-height:calc(100dvh - env(safe-area-inset-bottom,0px) - 28px);overflow:auto;border:1px solid color-mix(in srgb,var(--panel-border) 72%,transparent);background:color-mix(in srgb,var(--panel-bg) 88%,transparent);border-radius:12px;padding:10px;z-index:1700;box-sizing:border-box}.floating-dock.minimized{width:232px;max-height:none;overflow:visible}.floating-dock-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.floating-dock-header strong{font-size:.9rem;color:var(--text-main)}.floating-dock-body{display:grid;gap:12px}.floating-block{border:1px solid color-mix(in srgb,var(--panel-border) 55%,transparent);border-radius:10px;background:var(--bg-base);padding:10px}.floating-audio-block{padding-bottom:8px}.floating-block-toggle{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:0;background:transparent;color:inherit;padding:0;cursor:pointer;text-align:left}.floating-block-toggle-summary{justify-self:end;font-size:.75rem;color:var(--text-muted)}.floating-block-chevron{font-size:1.05rem;color:var(--text-muted);transition:transform .16s ease}.floating-audio-block.open .floating-block-chevron{transform:rotate(180deg)}.floating-block-collapsible{overflow:hidden;max-height:0;opacity:0;transition:max-height .22s ease,opacity .18s ease,margin-top .18s ease}.floating-audio-block.open .floating-block-collapsible{max-height:640px;opacity:1;margin-top:10px}.floating-block-collapsible-inner{display:grid;gap:10px}.floating-retro-timer{width:100%;border:1px solid var(--timer-border);border-radius:10px;background:linear-gradient(180deg,var(--timer-bg),color-mix(in srgb,var(--timer-bg) 92%,black));color:var(--timer-text-main);padding:12px 10px 10px;cursor:pointer}.floating-retro-row{display:flex;justify-content:center;align-items:center;gap:10px;font-family:var(--font-timer);flex-wrap:nowrap}.floating-retro-group{display:grid;justify-items:center;gap:2px}.floating-retro-group small{color:var(--timer-text-soft);letter-spacing:.08em;font-size:.64rem;line-height:1}.floating-retro-cell{min-width:70px;text-align:center;padding:11px 8px;border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--timer-surface) 94%,white),color-mix(in srgb,var(--timer-bg) 96%,black));border:1px solid var(--timer-border);font-size:2.05rem;line-height:1;color:var(--timer-text-main);box-shadow:inset 0 -5px #00000040}.floating-retro-phase{margin-top:10px;display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--timer-text-soft);text-align:center}.mini-player-shell{border:1px solid var(--border-strong);background:var(--bg-panel);border-radius:12px;padding:8px}.mini-player-shell.minimized{width:180px}.mini-player-docked{margin-top:12px}.mini-player-shell.docked{border-color:var(--border);background:var(--bg-surface)}.mini-player-shell.docked.minimized{width:100%}.mini-player-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.mini-player-header strong{font-size:.85rem;color:var(--text-main)}.floating-block .music-label{margin-bottom:8px}.floating-block .music-now{display:grid;gap:4px}.floating-block .music-controls,.floating-block .volume-row{margin-top:12px}.floating-block .track-list{margin-top:12px;gap:8px}.floating-block .track-list button{padding:10px}.mini-timer-actions{display:inline-flex;gap:8px;flex-wrap:wrap;margin-top:8px}.mini-timer-floating{position:fixed;right:20px;bottom:130px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-panel);display:flex;align-items:center;gap:8px;padding:8px;z-index:32}.mini-timer-floating.with-player{bottom:208px}.mini-timer-main{border:1px solid var(--timer-border);background:var(--timer-surface);color:var(--timer-text-main);border-radius:10px;padding:8px 10px;cursor:pointer;display:grid}.mini-timer-main strong{font-size:1.05rem}.mini-timer-main span{font-size:.78rem;color:var(--timer-text-soft)}.mini-timer-actions{display:inline-flex;gap:6px}.focus-mode-screen{--layout-scale: clamp(var(--ui-zoom-min), var(--ui-zoom, 1), var(--ui-zoom-max));--timer-scale: calc(var(--layout-scale) * 1.18);--timer-surface-max: min(100%, clamp(68rem, 78vw, 92rem));--focus-shell-gap: clamp(.5rem, .7vmin, .95rem);--timer-block-gap: var(--focus-shell-gap);--timer-surface-padding: clamp(.85rem, 1.25vmin, 1.5rem);--focus-screen-height: calc(100dvh - var(--timer-surface-padding) * 2);--focus-header-height: clamp(5.5rem, 11vh, 8.25rem);--focus-controls-height: clamp(7rem, 14vh, 10rem);--focus-stage-height: max( 18rem, calc(var(--focus-screen-height) - var(--focus-header-height) - var(--focus-controls-height) - var(--focus-shell-gap) * 2) );--focus-shell-max: min(100%, clamp(52rem, 64vw, 78rem));--focus-shell-min-height: clamp(18rem, calc(var(--focus-stage-height) * .82), 44rem);--focus-shell-padding: clamp(1rem, 1.35vmin, 1.55rem);--focus-visual-size: clamp(24rem, min(52vw, 62vh), 44rem);--focus-copy-size-xl: clamp(4.1rem, min(10.4vw, 12.4vh), 10.4rem);--focus-copy-size-lg: clamp(3.5rem, min(8.8vw, 10.1vh), 8.2rem);--focus-copy-size-md: clamp(2.5rem, min(6.6vw, 7.2vh), 6rem);--focus-label-size: clamp(.88rem, min(1.2vw, 1.4vh), 1.18rem);--timer-shell-min-height: var(--focus-shell-min-height);--timer-shell-padding: var(--focus-shell-padding);--timer-visual-size: var(--focus-visual-size);--timer-copy-size-xl: var(--focus-copy-size-xl);--timer-copy-size-lg: var(--focus-copy-size-lg);--timer-copy-size-md: var(--focus-copy-size-md);--timer-label-size: var(--focus-label-size);--timer-heading-size: clamp(1.2rem, calc(1.55rem * var(--layout-scale)), 2rem);--timer-note-size: clamp(.95rem, calc(1rem * var(--layout-scale)), 1.12rem);--timer-control-height: max(2.35rem, calc(2.8rem * var(--layout-scale)));position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;justify-content:center;padding:max(.9rem,calc(1.2rem * var(--layout-scale)));isolation:isolate;background:radial-gradient(circle at 18% 22%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 42%),radial-gradient(circle at 78% 78%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 46%),color-mix(in srgb,var(--bg-base) 94%,black)}.focus-mode-screen>.ambient-particles-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.focus-mode-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--theme-bg-image);background-size:var(--theme-bg-size);background-position:var(--theme-bg-position);background-repeat:var(--theme-bg-repeat);filter:saturate(.88) brightness(.62) blur(1.5px);transform:scale(1.02);opacity:.8;z-index:-2}.focus-mode-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg-overlay) 78%,transparent);z-index:-1}.focus-mode-screen:focus{outline:none}.focus-mode-shell{position:relative;z-index:1;width:min(100%,var(--timer-surface-max));height:var(--focus-screen-height);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--focus-shell-gap);padding:var(--timer-surface-padding)}.focus-mode-header,.focus-mode-stage,.focus-mode-controls{width:100%;margin-inline:auto}.focus-mode-header{min-height:var(--focus-header-height);display:flex;align-items:flex-start;justify-content:space-between;gap:max(.75rem,calc(1rem * var(--layout-scale)))}.focus-mode-meta{min-width:0;max-width:64ch;display:grid;gap:max(.25rem,calc(.35rem * var(--layout-scale)))}.focus-mode-eyebrow,.focus-mode-phase,.focus-mode-control-label{margin:0;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:var(--timer-micro-size)}.focus-mode-meta h2{margin:0;color:var(--text-main);font-size:var(--timer-heading-size)}.focus-mode-note{margin:0;color:var(--text-soft);font-size:var(--timer-note-size);line-height:1.5}.focus-mode-stage{min-height:0;display:grid;justify-items:center;grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:clamp(.35rem,.55vmin,.75rem)}.focus-mode-display{--timer-shell-max: min(100%, clamp(58rem, 72vw, 84rem));--timer-shell-min-height: clamp(20rem, calc(var(--focus-stage-height) * .86), 48rem);--timer-copy-size-xl: clamp(4.45rem, min(11vw, 13vh), 11rem);--timer-copy-size-lg: clamp(3.7rem, min(9.2vw, 10.6vh), 8.7rem);--timer-copy-size-md: clamp(2.65rem, min(6.9vw, 7.5vh), 6.4rem);--timer-visual-size: clamp(26rem, min(56vw, 66vh), 48rem);--focus-shell-max: var(--timer-shell-max);--focus-shell-min-height: var(--timer-shell-min-height);--focus-copy-size-xl: var(--timer-copy-size-xl);--focus-copy-size-lg: var(--timer-copy-size-lg);--focus-copy-size-md: var(--timer-copy-size-md);--focus-visual-size: var(--timer-visual-size);width:100%;min-height:0;display:grid;place-items:stretch;overflow:hidden}.focus-mode-display .timer-display-shell{border-radius:24px;--timer-shell-width-current: min(100%, var(--focus-shell-max));--timer-shell-min-height-current: var(--focus-shell-min-height);--timer-shell-padding-current: var(--focus-shell-padding);width:var(--timer-shell-width-current);height:100%;min-height:var(--timer-shell-min-height-current);display:grid;align-items:stretch;justify-self:center;border:1px solid rgba(210,235,220,.1);box-shadow:0 24px 70px #00000073,0 0 32px #5aaa6e1a}.focus-mode-controls{min-height:var(--focus-controls-height);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:var(--focus-shell-gap)}.focus-mode-control-group{min-width:0;width:fit-content;display:grid;align-content:start;gap:clamp(.35rem,.5vmin,.65rem)}.focus-mode-control-group:first-child{justify-self:start}.focus-mode-control-group:last-child{justify-self:end}.focus-mode-footer-spacer{min-width:clamp(1rem,2vw,2rem)}.focus-mode-control-row{display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(.4rem,.55vmin,.7rem)}.focus-mode-button{min-height:var(--timer-control-height);min-width:max(5.5rem,calc(6.3rem * var(--layout-scale)));padding:0 max(.7rem,calc(.95rem * var(--layout-scale)));border-radius:var(--surface-radius-sm);border:1px solid color-mix(in srgb,var(--panel-border) 72%,transparent);background:color-mix(in srgb,var(--panel-bg) 60%,transparent);color:var(--text-main);font-size:var(--timer-note-size);font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease}.focus-mode-style-control{min-height:var(--timer-control-height);min-width:max(18rem,calc(8.75rem * var(--layout-scale)));width:max(18rem,calc(8.75rem * var(--layout-scale)));display:inline-flex;align-items:stretch;flex:0 1 auto}.focus-mode-style-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.focus-mode-style-select{min-height:var(--timer-control-height);width:100%;border-radius:var(--surface-radius-sm);border:1px solid color-mix(in srgb,var(--panel-border) 72%,transparent);background:color-mix(in srgb,var(--panel-bg) 60%,transparent);color:var(--text-main);font:inherit;font-size:var(--timer-note-size);font-weight:600;padding:0 max(.7rem,calc(.9rem * var(--layout-scale)));cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.focus-mode-style-select:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}.focus-mode-button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 55%,var(--panel-border))}.focus-mode-button.is-primary{background:var(--button-primary-bg);color:var(--button-primary-text);border-color:transparent}.focus-mode-exit{flex-shrink:0}@media (max-width: 980px){.focus-mode-screen{--timer-surface-max: min(100%, 100%);--focus-shell-max: min(100%, clamp(28rem, 92vw, 46rem));--focus-header-height: clamp(5rem, 10vh, 7rem);--focus-controls-height: clamp(8rem, 20vh, 12rem);--focus-stage-height: max( 16rem, calc(var(--focus-screen-height) - var(--focus-header-height) - var(--focus-controls-height) - var(--focus-shell-gap) * 2) );--focus-shell-min-height: clamp(16rem, calc(var(--focus-stage-height) * .8), 28rem);--focus-visual-size: clamp(17rem, min(66vw, 42vh), 32rem);--focus-copy-size-xl: clamp(2.8rem, min(10vw, 7vh), 5.8rem);--focus-copy-size-lg: clamp(2.45rem, min(8.4vw, 6vh), 4.9rem);--focus-copy-size-md: clamp(1.85rem, min(6vw, 4.8vh), 3.4rem)}.focus-mode-shell{width:100%;padding:clamp(.7rem,1.2vmin,1rem)}.focus-mode-header{flex-direction:column}.focus-mode-controls{grid-template-columns:1fr}.focus-mode-control-group,.focus-mode-footer-spacer,.focus-mode-style-control{width:100%}.focus-mode-style-control{min-width:100%}}@media (min-width: 981px){.focus-mode-control-row{flex-wrap:nowrap}}.timer-main-panel,.timer-side-panel,.completion-overlay,.interrupt-sheet{position:relative;z-index:12}.completion-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:12px;overflow:auto;background:#03060a8c;z-index:40}.app-toast{position:fixed;right:18px;bottom:18px;z-index:60;border:1px solid color-mix(in srgb,var(--panel-border) 72%,transparent);background:color-mix(in srgb,var(--panel-bg) 92%,transparent);color:var(--text-main);border-radius:10px;padding:10px 12px;box-shadow:var(--shadow-soft)}.app-toast.error{border-color:#cc6060b3}.completion-card{width:min(540px,calc(100vw - 24px));border:1px solid var(--border-strong);border-radius:16px;padding:16px;background:var(--bg-panel);max-height:86vh;overflow:auto}.completion-card h3{margin:8px 0 12px}.completion-actions{margin:12px 0;display:flex;gap:8px;flex-wrap:wrap}.completion-card select,.completion-card textarea,.completion-card input{width:100%}.completion-card select option{background:#0e1522;color:#e8edf7}[data-theme=normal] .completion-card select option{background:#fff;color:#1f2937}.interrupt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#03060a8c;z-index:40;padding:12px;overflow:auto}.interrupt-overlay.import-overlay-top{place-items:start center;padding-top:clamp(14px,4vh,42px)}.interrupt-overlay.import-overlay-top{place-items:center!important}.interrupt-sheet{width:min(540px,calc(100vw - 24px));border:1px solid color-mix(in srgb,var(--panel-border) 65%,rgba(255,143,143,.42));border-radius:12px;background:color-mix(in srgb,var(--panel-bg) 88%,transparent);padding:12px;max-height:calc(100dvh - 24px);overflow:auto;display:flex;flex-direction:column;gap:10px;min-height:0}.interrupt-sheet-body{display:grid;gap:10px;min-height:0;overflow-y:auto;padding-right:4px;flex:1 1 auto;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.interrupt-sheet-body::-webkit-scrollbar{width:12px}.interrupt-sheet-body::-webkit-scrollbar-track{background:color-mix(in srgb,var(--panel-bg) 55%,transparent);border-radius:999px}.interrupt-sheet-body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 55%,var(--text-soft));border-radius:999px;border:3px solid transparent;background-clip:padding-box}.interrupt-sheet h3{margin:0}.reason-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.reason-chip{border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-soft);padding:6px 10px;cursor:pointer}.reason-chip.active{border-color:#ff8f8f;color:#ffd2d2}.task-calendar-grid{margin-top:12px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-day{border:1px solid color-mix(in srgb,var(--panel-border) 82%,var(--accent));border-radius:10px;background:color-mix(in srgb,var(--panel-bg) 82%,transparent);padding:8px;display:grid;gap:2px}.calendar-day.active{border:2px solid color-mix(in srgb,var(--accent) 72%,var(--panel-border));background:color-mix(in srgb,var(--accent) 16%,var(--panel-bg))}.calendar-day strong{color:var(--text-main)}.calendar-day small{color:var(--text-soft)}.task-calendar-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:6px}.task-calendar-meta strong{color:var(--text-main)}.task-calendar-meta small{color:var(--text-muted)}input[type=date]{color:var(--text-main);background:color-mix(in srgb,var(--panel-bg) 92%,#ffffff 8%);border:1px solid color-mix(in srgb,var(--panel-border) 70%,var(--accent));border-radius:10px;padding:8px 10px}input[type=date]::-webkit-calendar-picker-indicator{filter:none;opacity:.95;cursor:pointer}input[type=date]:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 82%,var(--panel-border));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.auth-shell{height:100dvh;min-height:100dvh;display:flex;justify-content:flex-start;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:clamp(24px,5vh,56px) clamp(14px,4vw,38px) calc(clamp(72px,10vh,112px) + env(safe-area-inset-bottom,0px));background:radial-gradient(circle at 0% 0%,rgba(90,122,255,.16),transparent 36%),radial-gradient(circle at 100% 0%,rgba(54,197,163,.1),transparent 33%),var(--bg-base)}.auth-center{width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.auth-card-stack{width:min(560px,100%);display:flex;flex-direction:column;align-items:center;gap:clamp(16px,3vh,34px)}.auth-brand-head{width:min(560px,100%);display:flex;position:static;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px;text-align:center}.auth-brand-logo-circle{width:90px;height:90px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border-strong) 70%,#8bc7ef);background:color-mix(in srgb,var(--bg-panel) 82%,transparent);display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 1px #daeeff3d,0 6px 18px #5492c92e}.auth-brand-logo{width:100%;height:100%;object-fit:cover;border-radius:999px;clip-path:circle(50% at 50% 50%);transform:scale(1.6);transform-origin:center 50%;transition:transform .3s ease;filter:drop-shadow(0 2px 9px rgba(84,146,201,.25));image-rendering:auto}.auth-brand-logo:hover{transform:scale(2.25)}.auth-brand-name{margin:0;font-family:var(--font-heading);font-size:clamp(1.6rem,4.4vw,3.2rem);letter-spacing:clamp(.3em,.2vw,.1em);text-transform:uppercase;color:color-mix(in srgb,var(--text-main) 94%,#cbe6ff);text-shadow:0 2px 18px rgba(84,146,201,.18)}.auth-card{width:min(440px,100%);max-width:100%;border:1px solid var(--border);border-radius:18px;background:var(--bg-panel);padding:24px}@media (min-width: 741px) and (min-height: 900px){.auth-center{justify-content:center}}@media (max-width: 740px){.auth-brand-head{justify-content:center;text-align:center}.auth-brand-logo-circle{width:72px;height:72px}}.auth-card h1{margin:8px 0}.auth-subtitle{margin-bottom:18px}.auth-footer{margin-top:16px;color:var(--text-soft)}.auth-footer p{margin:0}.recovery-key-section{display:grid;gap:8px;padding-top:6px}.recovery-key-section h4{margin:0}.recovery-key-once-panel{display:grid;gap:10px;margin-top:6px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--panel-border));border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,var(--panel-bg))}.auth-link{color:var(--accent);border:0;background:transparent;cursor:pointer;padding:0}.error-text{margin:0;color:#ff8f8f}@media (max-width: 1080px){.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh}.sidebar{border-right:0;border-bottom:1px solid var(--border);height:auto;position:static;overflow:visible}.nav-list{flex-direction:row;flex-wrap:wrap}.loop-card{margin-top:0}.top-strip,.stats-grid,.todo-upgraded-grid,.profile-grid{grid-template-columns:1fr 1fr}.history-control-layout,.timer-layout-upgraded{grid-template-columns:1fr}.timer-main-panel,.timer-side-panel,.todo-upgraded-grid .panel:last-child{grid-column:auto}.timer-side-panel{position:static;max-height:none;overflow:visible}}@media (max-height: 860px){.sidebar{overflow-y:auto;gap:10px}.loop-card{margin-top:10px}}@media (max-width: 820px){.content{height:auto;overflow:visible;padding:14px 14px 134px}.page-content{padding:16px}.top-strip,.stats-grid,.todo-upgraded-grid,.profile-grid,.form-row,.todo-board-layout{grid-template-columns:1fr}.preset-create-row{flex-direction:column}.task-list li,.session-list li,.timer-meta-row{flex-direction:column;align-items:flex-start}.timer-hero-layout{grid-template-columns:1fr}.terminal-style{width:100%}.split-cell{min-width:88px;font-size:clamp(1.8rem,10vw,3rem)}.session-meta-grid{grid-template-columns:1fr}.task-calendar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-player-wrap{right:10px;width:calc(100vw - 20px);bottom:12px}.floating-dock{right:10px;width:calc(100vw - 20px);bottom:max(12px,calc(env(safe-area-inset-bottom,0px) + 12px));max-height:calc(100dvh - env(safe-area-inset-bottom,0px) - 24px)}.mini-timer-floating{right:10px;bottom:126px}.mini-timer-floating.with-player{bottom:196px}.task-calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-timebar{flex-direction:column;align-items:flex-start}.app-timebar-values{display:grid;gap:4px}.range-filter-grid{grid-template-columns:1fr}}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}.utility-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:36;pointer-events:none;opacity:0;transition:opacity .18s ease}.utility-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg-overlay) 52%,transparent)}.utility-overlay.open{opacity:1;pointer-events:auto}.timer-side-panel.overlay-mode{position:absolute;left:calc(var(--sidebar-current-width) + var(--shell-pad));top:var(--shell-pad);width:min(26rem,calc(100vw - var(--sidebar-current-width) - var(--shell-pad) * 2));max-height:calc(100dvh - var(--shell-pad) * 2);overflow:auto;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-soft);transform:translate(18px);opacity:0;transition:transform .2s ease,opacity .18s ease}.style-row-wrap.in-overlay{margin-top:var(--space-3)}.nav-global-trigger{position:fixed;left:14px;top:12px;z-index:52;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--panel-border) 70%,transparent);border-radius:10px;background:color-mix(in srgb,var(--panel-bg) 90%,transparent);color:var(--text-main);display:grid;place-items:center;box-shadow:var(--shadow-soft);opacity:0;pointer-events:none;transition:opacity .16s ease}.nav-global-trigger.visible{opacity:1;pointer-events:auto}.timer-action-focus{border-color:color-mix(in srgb,var(--accent) 46%,var(--panel-border));background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 86%,white),color-mix(in srgb,var(--bg-surface) 96%,transparent));background-color:color-mix(in srgb,var(--bg-surface) 92%,transparent);border-color:color-mix(in srgb,var(--panel-border) 70%,transparent);color:var(--text-soft)}.timer-action-energy{border-color:color-mix(in srgb,var(--accent-alt) 46%,var(--panel-border));background-color:color-mix(in srgb,var(--bg-surface) 90%,transparent);border-color:color-mix(in srgb,var(--panel-border) 68%,transparent);color:var(--text-soft)}[data-theme=normal] .focus-mode-screen.normal-theme{background:radial-gradient(circle at 28% 24%,rgba(251,146,60,.24),transparent 44%),radial-gradient(circle at 74% 76%,rgba(239,68,68,.14),transparent 46%),color-mix(in srgb,var(--bg-base) 90%,#0c0806)}[data-theme=normal] .focus-mode-screen.normal-theme:after{background:radial-gradient(circle at 50% 52%,transparent 18%,rgba(12,8,6,.38) 76%,rgba(12,8,6,.46) 100%),color-mix(in srgb,var(--bg-overlay) 68%,transparent)}@media (max-width: 1080px){.nav-global-trigger{opacity:1;pointer-events:auto}.timer-side-panel.overlay-mode{left:10px;top:56px;width:calc(100vw - 20px);max-height:calc(100dvh - 68px)}}.nav-utility-btn{margin-top:6px;text-align:left;border:1px solid transparent;background:transparent;color:var(--text-soft);border-radius:10px;padding:10px 12px;cursor:pointer;transition:.16s ease;display:flex;align-items:center;gap:10px}.nav-utility-btn:hover{border-color:var(--border);background:var(--bg-surface)}.nav-utility-btn.active{color:var(--text-main);background:var(--bg-elevated);border-color:var(--border-strong)}.sidebar.collapsed .nav-utility-btn{justify-content:center;padding:10px}.utility-side-nav,.utility-side-nav-toggle,.utility-side-nav-item{display:none!important}.timer-side-panel.overlay-mode{right:auto;left:calc(var(--nav-width) + 12px);top:84px;width:min(430px,calc(100vw - var(--nav-width) - 24px));max-height:calc(100vh - 120px)}.utility-overlay:before{background:color-mix(in srgb,var(--bg-overlay) 52%,transparent)}.content{padding:clamp(12px,1.8vw,22px);gap:clamp(10px,1.8vh,20px)}.page-content{padding:clamp(12px,1.7vw,24px)}.top-strip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:clamp(8px,1.2vw,12px)}.timer-hero-layout{grid-template-columns:minmax(0,1fr) minmax(250px,320px)}.content.content-timer .timer-display-shell{--timer-shell-min-height-current: clamp(300px, 43vh, 520px)}@media (max-width: 1440px){.app-shell{--timer-scale-factor: clamp(.78, min(100vw, 100vh) / 1160, 1.06)}.timer-hero-layout{grid-template-columns:minmax(0,1fr) 280px;gap:12px}.timer-side-panel.overlay-mode{width:min(390px,calc(100vw - var(--nav-width) - 20px))}}@media (max-height: 840px){.top-strip .stat-card{padding:8px 10px}.top-strip .stat-hint{display:none}.page-header{margin-bottom:8px}.page-header p{font-size:.88rem}.content.content-timer .timer-display-shell{--timer-shell-min-height-current: clamp(260px, 38vh, 380px)}.timer-hero-card{padding:clamp(12px,2.2vh,18px)}}@media (max-width: 1080px){.timer-side-panel.overlay-mode{left:10px;right:auto;top:56px;width:min(430px,calc(100vw - 20px));max-height:calc(100vh - 96px)}}.app-shell{--nav-width: clamp(76px, 16vw, 212px);grid-template-columns:var(--nav-width) minmax(0,1fr);min-height:100dvh;height:auto}.app-shell.nav-expanded{--nav-width: clamp(176px, 18vw, 224px)}.app-shell.nav-collapsed{--nav-width: clamp(64px, 7vw, 82px)}.sidebar{padding:clamp(8px,1.2vh,12px) clamp(8px,.9vw,12px);gap:clamp(6px,.9vh,10px)}.brand-avatar{width:clamp(48px,7vw,68px);height:clamp(48px,7vw,68px);margin-bottom:6px}.brand strong{font-size:clamp(.95rem,1.2vw,1.08rem)}.nav-list{gap:4px}.nav-list button,.nav-utility-btn{min-height:36px;padding:8px 10px;font-size:.9rem}.loop-card{padding:10px}.content{min-height:100dvh;height:auto;padding:clamp(10px,1.4vw,18px);gap:clamp(8px,1.4vh,14px)}.page-content{padding:clamp(10px,1.4vw,18px)}.timer-main-panel{align-self:start;padding-top:10px;padding-bottom:10px}.timer-hero-card{min-height:0!important;height:auto;margin-top:6px;padding:clamp(12px,2vh,20px)}.timer-hero-layout{margin-top:10px;grid-template-columns:minmax(0,1fr) minmax(230px,300px);gap:clamp(10px,1.8vh,16px);align-items:start}.timer-hero-primary{gap:8px}.content.content-timer .timer-display-shell{--timer-shell-min-height-current: clamp(260px, 38vh, 420px) !important;--timer-shell-padding-current: clamp(12px, 2vh, 22px)}.timer-inline-focus-score{margin-top:6px;font-size:large}.timer-task-side{align-self:start}.timer-side-panel.overlay-mode{left:calc(var(--nav-width) + 8px);right:auto;top:clamp(10px,2vh,18px);width:min(390px,calc(100vw - var(--nav-width) - 20px));max-height:calc(100dvh - 20px)}.utility-overlay.open .timer-side-panel.overlay-mode{transform:translate(0);opacity:1}.utility-overlay:before{background:color-mix(in srgb,var(--bg-overlay) 42%,transparent)}@media (max-width: 1366px),(max-height: 820px){.app-shell.nav-expanded{--nav-width: clamp(152px, 16vw, 188px)}.app-shell.nav-collapsed{--nav-width: 64px}.top-strip{gap:6px}.top-strip .stat-card{padding:8px}.top-strip .stat-hint{display:none}.timer-hero-layout{grid-template-columns:minmax(0,1fr) 250px}.content.content-timer .timer-display-shell{--timer-shell-min-height-current: clamp(220px, 34vh, 340px) !important}.timer-side-panel.overlay-mode{width:min(340px,calc(100vw - var(--nav-width) - 18px))}}@media (max-width: 1080px){.app-shell,.app-shell.nav-expanded,.app-shell.nav-collapsed{--nav-width: 0px;grid-template-columns:1fr}.timer-side-panel.overlay-mode{left:10px;top:56px;width:min(390px,calc(100vw - 20px));max-height:calc(100dvh - 68px)}.timer-hero-layout{grid-template-columns:1fr}}.app-timebar-label{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;text-transform:none;letter-spacing:.02em;color:var(--text-soft)}.page-now-chip{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border:1px solid color-mix(in srgb,var(--panel-border) 60%,transparent);border-radius:999px;padding:3px 8px;background:color-mix(in srgb,var(--panel-bg) 75%,transparent)}.app-timebar-label strong{color:var(--text-main);font-size:1.04rem}.core-level-chip{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid color-mix(in srgb,var(--theme-ui-primary) 64%,transparent);color:color-mix(in srgb,var(--theme-ui-primary) 84%,var(--text-main));border-radius:999px;padding:3px 8px;background:color-mix(in srgb,var(--theme-ui-primary) 16%,var(--panel-bg));display:inline-flex;align-items:center;gap:5px}.core-level-progression{position:relative;display:inline-flex;align-items:center;gap:8px}.core-level-icon{font-size:.95rem;line-height:1;color:color-mix(in srgb,var(--theme-ui-secondary) 78%,var(--text-main))}.core-level-points{font-size:.78rem;color:var(--text-muted);letter-spacing:.01em;display:inline-flex;align-items:center;gap:4px}.core-tier-chip{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid color-mix(in srgb,var(--panel-border) 68%,transparent);color:var(--text-soft);border-radius:999px;padding:3px 8px;background:color-mix(in srgb,var(--panel-bg) 82%,transparent)}.xp-float-layer{position:absolute;left:50%;bottom:calc(100% + 2px);transform:translate(-50%);display:grid;gap:4px;pointer-events:none;z-index:20}.xp-float-item{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:2px 7px;border-radius:999px;font-size:.72rem;letter-spacing:.04em;white-space:nowrap;color:color-mix(in srgb,var(--theme-ui-primary) 86%,var(--text-main));border:1px solid color-mix(in srgb,var(--theme-ui-primary) 52%,transparent);background:color-mix(in srgb,var(--panel-bg) 70%,transparent);box-shadow:0 8px 18px #00000029,0 0 14px var(--theme-progress-glow);animation:xp-float-rise .95s ease-out forwards;animation-delay:calc(var(--xp-index, 0) * 45ms)}.xp-float-item .material-symbols-outlined{font-size:.88rem}.progression-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1600;pointer-events:none;display:grid;place-items:center;padding:20px}.progression-overlay-card{min-width:min(92vw,280px);border-radius:16px;border:1px solid color-mix(in srgb,var(--theme-ui-primary) 55%,transparent);background:radial-gradient(circle at top,color-mix(in srgb,var(--theme-ui-primary) 24%,transparent),transparent 60%),color-mix(in srgb,var(--panel-bg) 88%,rgba(8,10,15,.6));box-shadow:0 20px 36px #00000042,0 0 24px var(--theme-progress-glow);padding:18px 22px;text-align:center;animation:progression-overlay-show 2s ease forwards}.progression-overlay-card.tier{border-color:color-mix(in srgb,var(--theme-ui-secondary) 54%,transparent)}.progression-overlay-label{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--text-soft)}.progression-overlay-value{margin-top:8px;display:block;font-size:1.9rem;line-height:1.05;color:color-mix(in srgb,var(--theme-ui-primary) 82%,var(--text-main));text-shadow:0 0 16px var(--theme-progress-glow)}.progression-overlay-subtitle{margin-top:6px;display:block;color:var(--text-muted);letter-spacing:.03em}@keyframes xp-float-rise{0%{opacity:0;transform:translateY(10px) scale(.96)}20%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-16px) scale(1.01)}}@keyframes progression-overlay-show{0%{opacity:0;transform:scale(.95)}12%{opacity:1;transform:scale(1)}78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.985)}}.studio-panel{max-width:760px}.studio-accordion{display:grid;gap:8px}.studio-accordion-item{border:1px solid color-mix(in srgb,var(--panel-border) 58%,transparent);border-radius:12px;background:color-mix(in srgb,var(--panel-bg) 60%,transparent);min-height:0}.studio-accordion-trigger{width:100%;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:minmax(88px,auto) minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;padding:11px 12px;cursor:pointer}.studio-accordion-label{color:var(--text-secondary);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.studio-accordion-summary{min-width:0;color:var(--text-main);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-accordion-chevron{color:var(--text-soft);transition:transform .17s ease}.studio-accordion-item.open .studio-accordion-chevron{transform:rotate(180deg)}.studio-accordion-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}.studio-accordion-item.open .studio-accordion-panel{grid-template-rows:1fr}.studio-accordion-panel-inner{overflow:hidden;min-height:0;display:grid;gap:10px;padding:0 12px}.studio-accordion-item.open .studio-accordion-panel-inner{max-height:min(38vh,320px);overflow-y:auto;padding-bottom:12px}.studio-accordion-panel-inner label{display:inline-flex;gap:6px}.studio-accordion-panel-inner .checkbox-row{margin-top:2px}.timer-inline-select-row{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:12px;margin-top:12px}.timer-inline-select-row label{display:grid;gap:6px;color:var(--text-secondary);font-size:.86rem;letter-spacing:.02em}.timer-inline-select-row select{width:100%}.timer-inline-music-controls{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid color-mix(in srgb,var(--panel-border) 55%,transparent);border-radius:12px;padding:10px 12px;background:color-mix(in srgb,var(--panel-bg) 48%,transparent)}.music-inline-now{margin:0;color:var(--text-soft);font-size:.88rem}.music-inline-actions{display:inline-flex;gap:8px;flex-wrap:wrap}@media (max-width: 980px){.timer-meta-right{justify-items:start}.timer-inline-select-row{grid-template-columns:1fr}.timer-inline-music-controls{flex-direction:column;align-items:flex-start}.music-select-grid{grid-template-columns:1fr}.history-session-scroll,.task-scroll-region,.milestone-scroll-list{max-height:none;overflow:visible;padding-right:0}}.app-shell{height:100dvh;min-height:100dvh;align-items:stretch}.sidebar{height:100dvh;min-height:100dvh;max-height:100dvh;align-self:stretch;top:0;overflow-y:auto}@media (max-width: 1080px){.sidebar{top:0;max-height:100dvh}}.font-mode-switching .app-shell{animation:font-mode-fade .18s ease}[data-expressive-mode=on] .terminal-style{font-family:var(--font-ui)}[data-expressive-mode=on] .forest-cabin-reveal-style .reveal-scene-content p{font-family:var(--font-timer)}@keyframes font-mode-fade{0%{opacity:.94}to{opacity:1}}.nav-zoom-controls{display:grid;gap:6px;margin-top:6px;margin-bottom:4px}.nav-zoom-popover{display:grid;gap:6px}.nav-zoom-presets,.nav-zoom-stepper{display:flex;flex-wrap:wrap;gap:6px}.nav-zoom-level{margin:0 0 6px;color:var(--text-main);font-weight:600;font-size:.9rem}.nav-zoom-hint{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.6rem .75rem;border:1px solid color-mix(in srgb,var(--panel-border) 68%,transparent);border-radius:12px;background:color-mix(in srgb,var(--bg-surface) 88%,white);color:var(--text-main);box-shadow:var(--shadow-soft);font-size:.82rem;line-height:1.2}.nav-zoom-hint-dismiss{border:0;background:transparent;color:var(--accent);font-weight:700;cursor:pointer;padding:0;white-space:nowrap}.sidebar.collapsed .nav-zoom-controls{--rail-control-size: clamp(2.55rem, calc(2.65rem + var(--zoom-delta) * .82rem), 3.2rem);--rail-gap: clamp(.5rem, calc(.56rem + var(--zoom-delta) * .28rem), .9rem);width:100%;justify-items:center;gap:var(--rail-gap);margin:0}.sidebar.collapsed{padding:clamp(.45rem,calc(.52rem + var(--zoom-delta) * .3rem),.8rem);align-items:center;gap:clamp(.5rem,calc(.56rem + var(--zoom-delta) * .28rem),.95rem);overflow-x:hidden}.sidebar.collapsed .sidebar-topbar{justify-content:center}.sidebar.collapsed .nav-toggle-btn,.sidebar.collapsed .nav-list button,.sidebar.collapsed .nav-utility-btn,.sidebar.collapsed .nav-rail-btn,.sidebar.collapsed .logout-btn{width:var(--rail-control-size);min-width:var(--rail-control-size);height:var(--rail-control-size);min-height:var(--rail-control-size);padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:clamp(.62rem,calc(.68rem + var(--zoom-delta) * .3rem),.95rem)}.sidebar.collapsed .nav-toggle-btn{font-size:0}.sidebar.collapsed .nav-toggle-btn .material-symbols-outlined,.sidebar.collapsed .nav-list .nav-icon,.sidebar.collapsed .nav-utility-btn .nav-icon,.sidebar.collapsed .nav-rail-btn .material-symbols-outlined,.sidebar.collapsed .logout-btn .material-symbols-outlined{font-size:clamp(1.34rem,calc(1.42rem + var(--zoom-delta) * .55rem),1.92rem);line-height:1}.sidebar.collapsed .brand{align-items:center;width:100%;margin-top:.2rem;margin-bottom:.35rem}.sidebar.collapsed .brand-avatar{width:clamp(2.5rem,calc(2.7rem + var(--zoom-delta) * .8rem),3.4rem);height:clamp(2.5rem,calc(2.7rem + var(--zoom-delta) * .8rem),3.4rem);margin:0}.sidebar.collapsed .nav-list{width:100%;align-items:center;gap:clamp(.62rem,calc(.68rem + var(--zoom-delta) * .3rem),1rem);overflow-x:hidden;overflow-y:auto;flex:1 1 auto;padding-block:.35rem}.sidebar.collapsed .nav-list button span:not(.nav-icon):last-child,.sidebar.collapsed .nav-utility-btn span:not(.nav-icon):last-child{display:none!important}.sidebar.collapsed .nav-list button{margin:0}.sidebar.collapsed .nav-list button.active{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 56%,transparent)}.sidebar.collapsed .nav-zoom-popover,.sidebar.collapsed .nav-zoom-hint{display:none!important}.sidebar.collapsed .nav-zoom-rail{width:100%;display:grid;gap:var(--rail-gap);justify-items:center;overflow-x:hidden}.sidebar.collapsed .nav-zoom-badge{width:var(--rail-control-size);min-height:clamp(1.35rem,calc(1.42rem + var(--zoom-delta) * .22rem),1.8rem);display:inline-flex;align-items:center;justify-content:center;border-radius:clamp(.55rem,calc(.58rem + var(--zoom-delta) * .2rem),.78rem);border:var(--surface-stroke) solid color-mix(in srgb,var(--panel-border) 70%,transparent);background:color-mix(in srgb,var(--panel-bg) 82%,transparent);color:var(--text-main);font-size:clamp(.66rem,calc(.7rem + var(--zoom-delta) * .2rem),.82rem);font-weight:700;white-space:nowrap}.sidebar.collapsed .nav-utility-btn,.sidebar.collapsed .logout-btn,.sidebar.collapsed .nav-zoom-controls{flex-shrink:0}.sidebar.collapsed .nav-utility-btn{margin-top:auto}.sidebar.collapsed .nav-zoom-controls,.sidebar.collapsed .logout-btn{margin-top:.25rem}.sidebar.collapsed .nav-list button[title],.sidebar.collapsed .nav-utility-btn[title],.sidebar.collapsed .nav-toggle-btn[title],.sidebar.collapsed .nav-rail-btn[title],.sidebar.collapsed .logout-btn[title]{white-space:nowrap}.habit-row{--habit-accent: var(--accent);border:1px solid color-mix(in srgb,var(--panel-border) 56%,transparent);border-radius:12px;padding:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--habit-accent) 14%,transparent),color-mix(in srgb,var(--panel-bg) 72%,transparent) 24%);display:grid;gap:8px}.habit-toggle{border:1px solid color-mix(in srgb,var(--habit-accent) 42%,color-mix(in srgb,var(--panel-border) 62%,transparent));border-radius:10px;background:color-mix(in srgb,var(--panel-bg) 78%,transparent);color:var(--text-main);padding:10px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;cursor:pointer;text-align:left;transition:.16s ease}.habit-toggle.done{border-color:color-mix(in srgb,var(--habit-accent) 78%,#39d98a);box-shadow:0 0 0 1px color-mix(in srgb,var(--habit-accent) 55%,transparent),0 0 16px color-mix(in srgb,var(--habit-accent) 42%,transparent)}.habit-toggle>span{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--habit-accent) 24%,transparent);border:1px solid color-mix(in srgb,var(--habit-accent) 55%,transparent)}.habit-toggle>div{min-width:0;display:flex;flex-direction:column;gap:.15rem}.habit-row.weekly-achieved{border-color:color-mix(in srgb,#39d98a 70%,transparent);box-shadow:0 0 20px color-mix(in srgb,#39d98a 24%,transparent)}.habit-name-missed{color:#ff6a6a}.habit-meta{display:flex;align-items:center;justify-content:space-between}.habit-meta .panel-actions-row{justify-content:flex-end}.habit-create-entry{gap:.55rem}.habit-create-sheet{width:min(920px,calc(100vw - 2rem));max-height:min(88dvh,960px);overflow-y:auto}.habit-create-sheet .settings-list{display:grid;gap:.6rem}.todo-create-entry{gap:.55rem}.todo-create-sheet{width:min(980px,calc(100vw - 2rem));max-height:min(90dvh,980px);overflow-y:auto}.welcome-sheet{width:min(560px,calc(100vw - 24px));background:color-mix(in srgb,var(--panel-bg) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--panel-border) 72%,transparent)}.welcome-quote{margin:12px 0;font-family:var(--font-display);color:var(--text-main);font-size:1.05rem;line-height:1.45}.welcome-sheet .timer-actions-row{column-gap:.35rem;row-gap:.45rem}.welcome-theme-onboarding{margin:.6rem 0 .9rem;padding:.75rem;border:1px solid color-mix(in srgb,var(--panel-border) 72%,transparent);border-radius:12px;background:color-mix(in srgb,var(--panel-bg) 80%,transparent)}.welcome-theme-title{margin:0 0 .55rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.welcome-theme-options{display:grid;gap:.5rem}.welcome-theme-option{border:1px solid color-mix(in srgb,var(--panel-border) 72%,transparent);border-radius:10px;background:color-mix(in srgb,var(--panel-bg) 68%,transparent);color:var(--text-main);text-align:left;padding:.55rem .7rem;display:grid;gap:.1rem}.welcome-theme-option strong{font-size:.9rem}.welcome-theme-option small{color:var(--text-muted)}.welcome-theme-option:hover{border-color:color-mix(in srgb,var(--accent) 52%,var(--panel-border))}.welcome-theme-option.active{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.color-swatch{display:inline-block;width:10px;height:10px;border-radius:999px;background:var(--swatch);margin-right:6px;border:1px solid color-mix(in srgb,var(--swatch) 70%,#fff)}.habit-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.habit-calendar-toolbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:10px}.habit-calendar-month{text-align:center}.habit-calendar-legend{display:flex;flex-wrap:wrap;gap:8px 12px;margin-bottom:10px;color:var(--text-muted);font-size:.78rem}.habit-calendar-legend-item{display:inline-flex;align-items:center;gap:6px}.habit-calendar-legend-swatch{width:10px;height:10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--panel-border) 66%,transparent);background:color-mix(in srgb,var(--panel-bg) 65%,transparent);flex:0 0 auto}.habit-calendar-legend-swatch-done{border-color:color-mix(in srgb,#39d98a 74%,var(--panel-border));background:color-mix(in srgb,#39d98a 28%,var(--panel-bg))}.habit-calendar-legend-swatch-late{border-color:color-mix(in srgb,#ffd166 74%,var(--panel-border));background:color-mix(in srgb,#ffd166 28%,var(--panel-bg))}.habit-calendar-legend-swatch-backfilled{border-color:color-mix(in srgb,#5aa9ff 74%,var(--panel-border));background:color-mix(in srgb,#5aa9ff 28%,var(--panel-bg))}.habit-calendar-legend-swatch-missed{border-color:color-mix(in srgb,#ff6a6a 74%,var(--panel-border));background:color-mix(in srgb,#ff6a6a 24%,var(--panel-bg))}.habit-calendar-legend-swatch-today{border-color:color-mix(in srgb,var(--accent) 78%,var(--panel-border));background:color-mix(in srgb,var(--accent) 18%,var(--panel-bg))}.habit-calendar-legend-swatch-future{opacity:.45}.habit-calendar-head{text-align:center;font-size:.75rem;color:var(--text-muted)}.habit-calendar-cell{border:1px solid color-mix(in srgb,var(--panel-border) 66%,transparent);background:color-mix(in srgb,var(--panel-bg) 65%,transparent);border-radius:8px;color:var(--text-main);min-height:34px;cursor:pointer;font-weight:600}.habit-calendar-cell.done{border:2px solid color-mix(in srgb,#39d98a 74%,var(--panel-border));background:color-mix(in srgb,#39d98a 16%,var(--panel-bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,#39d98a 55%,transparent),0 0 14px color-mix(in srgb,#39d98a 42%,transparent)}.habit-calendar-cell.done-late{border-color:color-mix(in srgb,#ffd166 78%,var(--panel-border));background:color-mix(in srgb,#ffd166 18%,var(--panel-bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,#ffd166 50%,transparent),0 0 14px color-mix(in srgb,#ffd166 34%,transparent)}.habit-calendar-cell.done-backfilled{border-color:color-mix(in srgb,#5aa9ff 78%,var(--panel-border));background:color-mix(in srgb,#5aa9ff 18%,var(--panel-bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,#5aa9ff 50%,transparent),0 0 14px color-mix(in srgb,#5aa9ff 34%,transparent)}.habit-calendar-cell.missed{border:2px solid color-mix(in srgb,#ff6a6a 78%,var(--panel-border));background:color-mix(in srgb,#ff6a6a 16%,var(--panel-bg));color:color-mix(in srgb,#ffb4b4 76%,var(--text-main));box-shadow:inset 0 0 0 1px color-mix(in srgb,#ff6a6a 42%,transparent)}.habit-calendar-cell.today{outline:2px solid color-mix(in srgb,var(--accent) 86%,transparent);outline-offset:2px}.habit-calendar-cell:hover:not(:disabled),.habit-calendar-cell:focus-visible{border-color:color-mix(in srgb,var(--accent) 84%,var(--panel-border));background:color-mix(in srgb,var(--accent) 18%,var(--panel-bg));outline:none}.habit-calendar-cell.today:hover:not(:disabled),.habit-calendar-cell.today:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 86%,transparent);outline-offset:2px}.habit-calendar-cell.empty{border-color:transparent;background:transparent;cursor:default}.habit-calendar-cell.future{opacity:.45;cursor:not-allowed}.point-positive{color:#39d98a}.point-negative{color:#ff6a6a}.inline-help-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--panel-border) 70%,transparent);background:color-mix(in srgb,var(--panel-bg) 72%,transparent);color:var(--text-soft);font-size:.72rem;line-height:1;cursor:help}.inline-help-tip.with-label{width:auto;height:auto;margin-left:0;padding:0;border:0;border-radius:0;background:transparent;align-items:center;justify-content:flex-start;gap:6px}.inline-help-tip-dot{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;border:1px solid color-mix(in srgb,var(--panel-border) 70%,transparent);background:color-mix(in srgb,var(--panel-bg) 72%,transparent);color:var(--text-soft);font-size:.72rem;line-height:1}.inline-help-tip-label{font-size:.76rem;font-weight:600;line-height:1;color:inherit}.inline-help-tip:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);min-width:220px;max-width:280px;padding:8px 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--panel-border) 76%,transparent);background:color-mix(in srgb,var(--panel-bg) 96%,transparent);color:var(--text-main);font-size:.78rem;line-height:1.35;opacity:0;pointer-events:none;transition:opacity .12s ease;box-shadow:var(--shadow-soft);z-index:50}.inline-help-tip.tip-below:after{top:calc(100% + 8px);bottom:auto;left:0;transform:none}.inline-help-tip:hover:after,.inline-help-tip:focus-visible:after{opacity:1}.app-timebar-weather{color:color-mix(in srgb,var(--text-soft) 84%,var(--text-muted));font-size:.88rem;white-space:nowrap;display:inline-flex;align-items:baseline;gap:.35rem;opacity:.9}.app-timebar-location-icon{font-size:1.02rem;color:color-mix(in srgb,var(--accent) 72%,var(--text-main));transform:translateY(1px)}.app-timebar-location-name{font-family:var(--font-ui);font-size:1.22rem;font-weight:700;color:var(--accent);letter-spacing:.03em;line-height:1.1}.app-timebar-weather-temp{font-size:.86rem;font-weight:600;color:color-mix(in srgb,var(--text-soft) 84%,var(--text-muted));opacity:.9}.app-shell{--ui-zoom: 1;--zoom-delta: calc(var(--ui-zoom) - 1);--zoom-factor: clamp(.62, var(--ui-zoom), 1.2);--scale-step: calc(var(--zoom-delta) * 2.4rem);--workspace-max-width: var(--layout-content-max-wide);--content-max-width: var(--layout-content-max);--timer-content-max-width: 1360px;--sidebar-width: clamp(3.5rem, calc(var(--layout-sidebar-width) * var(--zoom-factor)), var(--layout-sidebar-width));--sidebar-collapsed-width: clamp( 4.1rem, calc(var(--layout-sidebar-width-collapsed) * var(--zoom-factor)), 5.5rem );--page-gutter: clamp(.75rem, 1rem + var(--scale-step), var(--layout-page-gutter));--panel-gap: clamp(.75rem, .85rem + var(--scale-step), var(--layout-panel-gap));--section-gap: clamp(.85rem, .95rem + var(--scale-step), 1.25rem);--timer-hero-min: clamp(19rem, 36vh, 27rem);--timer-side-width: clamp(17.5rem, 26vw, 22rem);--dialog-width: var(--layout-dialog-width);--app-font-size: clamp(.8rem, calc(.95rem + var(--zoom-delta) * 1.15rem), 1.26rem);--control-height: clamp(1.9rem, calc(2.15rem + var(--zoom-delta) * 1.7rem), 3.3rem);--control-pad-x: clamp(.5rem, calc(.66rem + var(--zoom-delta) * 1.25rem), 1.25rem);--panel-pad: clamp(.72rem, calc(.88rem + var(--zoom-delta) * 1.5rem), 1.75rem);--surface-radius: clamp(.65rem, calc(.8rem + var(--zoom-delta) * .9rem), 1.15rem);--surface-radius-sm: clamp(.45rem, calc(.58rem + var(--zoom-delta) * .5rem), .85rem);--surface-stroke: clamp(1px, calc(1px + var(--zoom-delta) * 1.1), 2px);--chip-pad-y: clamp(.25rem, calc(.31rem + var(--zoom-delta) * .3rem), .5rem);--chip-pad-x: clamp(.5rem, calc(.66rem + var(--zoom-delta) * .7rem), 1.1rem);--progress-thickness: clamp(.28rem, calc(.34rem + var(--zoom-delta) * .32rem), .7rem);--overlay-panel-width: clamp(16rem, calc(22rem * var(--zoom-factor)), 24rem);font-size:var(--app-font-size);min-height:100dvh;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.app-shell.nav-collapsed{grid-template-columns:var(--sidebar-collapsed-width) minmax(0,1fr)}.app-shell.nav-hidden{grid-template-columns:0 minmax(0,1fr)}.sidebar{width:auto;min-width:0;padding:var(--page-gutter)}.content{gap:var(--section-gap);padding:var(--page-gutter);min-height:100dvh;height:auto;width:100%}.page-content{width:100%;max-width:none;margin-inline:0;padding:clamp(.9rem,.8rem + var(--scale-step),1.35rem);border-radius:var(--surface-radius);border-width:var(--surface-stroke)}.content.content-timer .page-content{width:100%}.page-content.page-width-timer{width:100%;padding:clamp(.65rem,.7rem + var(--scale-step) * .28,1.1rem);background:transparent;border-color:transparent;box-shadow:none}.page-content.page-width-history{width:100%;padding-inline:clamp(.95rem,1vw + var(--scale-step),1.5rem)}.page-content.page-width-readable,.page-content.page-width-default{width:100%}.top-strip,.stats-grid,.todo-upgraded-grid,.profile-grid{gap:var(--panel-gap)}.timer-layout-upgraded{grid-template-columns:1fr;gap:var(--panel-gap)}.timer-main-panel{padding:var(--panel-pad);width:100%;max-width:min(100%,1440px);margin-inline:auto;border-radius:var(--surface-radius);background-color:color-mix(in srgb,var(--panel-bg) 82%,transparent);border-color:color-mix(in srgb,var(--panel-border) 58%,transparent);box-shadow:0 10px 22px color-mix(in srgb,var(--panel-border) 12%,transparent)}.timer-hero-card{padding:clamp(.9rem,calc(1rem + var(--zoom-delta) * 1.1rem),1.8rem);border-radius:var(--surface-radius);background-color:color-mix(in srgb,var(--timer-bg) 86%,transparent);border-color:color-mix(in srgb,var(--timer-border) 88%,var(--accent));box-shadow:0 18px 34px #00000047,inset 0 1px color-mix(in srgb,var(--timer-border) 40%,transparent)}.timer-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,var(--timer-side-width));gap:var(--panel-gap);align-items:start}.content.content-timer .timer-display-shell{--timer-shell-min-height-current: clamp(19rem, calc(var(--timer-hero-min) + var(--zoom-delta) * 11rem), 36rem) !important}.timer-task-side{margin:0;border:1px solid color-mix(in srgb,var(--panel-border) 62%,transparent);border-radius:var(--surface-radius-sm);background-color:color-mix(in srgb,var(--panel-bg) 78%,transparent);border-color:color-mix(in srgb,var(--panel-border) 58%,transparent);box-shadow:var(--shadow-soft)}.timer-task-side-summary{display:none}.timer-task-side-body{display:grid;gap:.8rem;padding:clamp(.75rem,calc(.85rem + var(--zoom-delta) * .8rem),1.3rem)}.app-shell .btn{min-height:var(--control-height);padding:.45rem var(--control-pad-x);border-radius:var(--surface-radius-sm);border-width:var(--surface-stroke)}.app-shell .btn-small{min-height:clamp(1.8rem,calc(1.95rem + var(--zoom-delta) * .9rem),2.65rem);padding:.35rem clamp(.55rem,calc(.65rem + var(--zoom-delta) * .7rem),.95rem);margin-top:10px;display:inline-flex;align-items:center;text-align:center}.app-shell .panel{padding:var(--panel-pad);border-radius:var(--surface-radius);border-width:var(--surface-stroke)}.app-shell .stat-card,.app-shell .app-timebar,.app-shell .timer-config-block,.app-shell .timer-side-panel,.app-shell .timer-main-panel{border-radius:var(--surface-radius);border-width:var(--surface-stroke)}.app-shell .nav-list button,.app-shell .nav-toggle-btn,.app-shell .nav-utility-btn{min-height:clamp(2rem,calc(2.05rem + var(--zoom-delta) * 1.2rem),3rem);padding-block:clamp(.35rem,calc(.46rem + var(--zoom-delta) * .45rem),.75rem);padding-inline:clamp(.45rem,calc(.58rem + var(--zoom-delta) * .55rem),.95rem);border-radius:var(--surface-radius-sm)}.app-shell .app-timebar{gap:clamp(.6rem,calc(.72rem + var(--zoom-delta) * .55rem),1rem);padding:clamp(.55rem,calc(.66rem + var(--zoom-delta) * .65rem),1rem) clamp(.75rem,calc(.88rem + var(--zoom-delta) * .8rem),1.25rem)}.app-shell .app-timebar-time{font-size:clamp(1.02rem,calc(1.05rem + var(--zoom-delta) * .95rem),1.9rem)}.app-shell .app-timebar-label,.app-shell .stat-label{font-size:clamp(.64rem,calc(.68rem + var(--zoom-delta) * .2rem),.92rem)}.app-shell .stat-value{font-size:clamp(1rem,calc(1.04rem + var(--zoom-delta) * 1rem),2rem)}.app-shell .preset-chip,.app-shell .style-pill,.app-shell .reason-chip,.app-shell .task-chip,.app-shell .timer-selection-button{padding:var(--chip-pad-y) var(--chip-pad-x);border-radius:clamp(.6rem,calc(.68rem + var(--zoom-delta) * .45rem),1rem);border-width:var(--surface-stroke)}.app-shell input,.app-shell select,.app-shell textarea,.app-shell input[type=date]{min-height:clamp(1.9rem,calc(2rem + var(--zoom-delta) * 1.3rem),3.2rem);padding-block:clamp(.32rem,calc(.4rem + var(--zoom-delta) * .4rem),.7rem);padding-inline:clamp(.5rem,calc(.62rem + var(--zoom-delta) * .45rem),.95rem);border-radius:var(--surface-radius-sm);border-width:var(--surface-stroke)}.app-shell .progress-track,.app-shell .hero-track,.app-shell .goal-track,.app-shell .split-track{min-height:var(--progress-thickness);height:var(--progress-thickness);border-radius:max(var(--progress-thickness),999px)}.timer-side-panel.overlay-mode{left:calc(var(--sidebar-width) + var(--page-gutter));top:var(--page-gutter);width:min(var(--overlay-panel-width),calc(100vw - var(--sidebar-width) - var(--page-gutter) * 2));max-height:calc(100dvh - var(--page-gutter) * 2)}.app-shell.nav-collapsed .timer-side-panel.overlay-mode{left:calc(var(--sidebar-collapsed-width) + var(--page-gutter));width:min(var(--overlay-panel-width),calc(100vw - var(--sidebar-collapsed-width) - var(--page-gutter) * 2))}.app-shell.nav-hidden .timer-side-panel.overlay-mode{left:var(--page-gutter);width:min(var(--overlay-panel-width),calc(100vw - var(--page-gutter) * 2))}.interrupt-sheet,.welcome-sheet,.auth-card{width:var(--dialog-width);max-width:100%}body.focus-immersive{overflow:hidden}.focus-immersive .focus-mode-button{min-height:2.75rem}.app-shell[data-layout-tier=desktop]{--workspace-max-width: 1780px;--content-max-width: 1600px;--timer-content-max-width: 1540px;--sidebar-width: 250px;--timer-side-width: clamp(20rem, 24vw, 24rem);--timer-hero-min: clamp(22rem, 40vh, 30rem)}.app-shell[data-layout-tier=laptop]{--workspace-max-width: 1540px;--content-max-width: 1480px;--timer-content-max-width: 1420px;--sidebar-width: 204px;--page-gutter: clamp(.6rem, .9vw, .95rem);--panel-gap: clamp(.6rem, .8vw, .95rem);--section-gap: clamp(.65rem, .9vw, 1rem);--panel-pad: clamp(.65rem, calc(.78rem + var(--zoom-delta) * 1.15rem), 1.28rem);--timer-side-width: clamp(16rem, 24vw, 19rem);--timer-hero-min: clamp(17rem, 32vh, 23rem)}.app-shell[data-layout-tier=tablet]{--workspace-max-width: 100%;--content-max-width: 100%;--timer-content-max-width: 100%;--sidebar-width: 0;--page-gutter: clamp(.7rem, 2.2vw, 1rem);--timer-hero-min: clamp(18rem, 34vh, 24rem)}.app-shell[data-layout-tier=tablet] .sidebar{position:fixed;left:0;top:0;bottom:0;z-index:44;width:min(17.5rem,calc(100vw - 2.4rem));transform:translate(0);opacity:1;border-right:1px solid var(--border);border-bottom:0}.app-shell[data-layout-tier=tablet].nav-collapsed .sidebar,.app-shell[data-layout-tier=tablet].nav-hidden .sidebar{transform:translate(-110%);opacity:0;pointer-events:none}.app-shell[data-layout-tier=tablet] .timer-hero-layout{grid-template-columns:1fr}.app-shell[data-layout-tier=tablet] .timer-task-side{border-radius:.85rem;overflow:hidden}.app-shell[data-layout-tier=tablet] .timer-task-side-summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-weight:600;color:var(--text-main);padding:.8rem .9rem;border-bottom:1px solid color-mix(in srgb,var(--panel-border) 52%,transparent);background:color-mix(in srgb,var(--panel-bg) 86%,transparent)}.app-shell[data-layout-tier=tablet] .timer-task-side-summary::-webkit-details-marker{display:none}.app-shell[data-layout-tier=tablet] .timer-task-side:not([open]) .timer-task-side-body{display:none}.app-shell[data-layout-tier=tablet] .timer-side-panel.overlay-mode{left:var(--page-gutter);width:min(23rem,calc(100vw - var(--page-gutter) * 2))}.app-shell[data-layout-tier=tablet] .top-strip,.app-shell[data-layout-tier=tablet] .stats-grid,.app-shell[data-layout-tier=tablet] .todo-upgraded-grid,.app-shell[data-layout-tier=tablet] .profile-grid,.app-shell[data-layout-tier=tablet] .analytics-stats-grid,.app-shell[data-layout-tier=tablet] .todo-board-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell[data-layout-tier=narrow]{--workspace-max-width: 100%;--content-max-width: 100%;--timer-content-max-width: 100%;--sidebar-width: 0;--page-gutter: clamp(.6rem, 3vw, .9rem);--panel-gap: clamp(.6rem, 2.2vw, .85rem);--timer-hero-min: clamp(16rem, 32vh, 22rem);--dialog-width: min(100%, calc(100vw - 1.25rem) )}.app-shell[data-layout-tier=narrow] .sidebar{position:fixed;left:0;top:0;bottom:0;z-index:44;width:min(16rem,calc(100vw - 1.8rem));transform:translate(0);opacity:1}.app-shell[data-layout-tier=narrow].nav-collapsed .sidebar,.app-shell[data-layout-tier=narrow].nav-hidden .sidebar{transform:translate(-110%);opacity:0;pointer-events:none}.app-shell[data-layout-tier=narrow] .top-strip,.app-shell[data-layout-tier=narrow] .stats-grid,.app-shell[data-layout-tier=narrow] .todo-upgraded-grid,.app-shell[data-layout-tier=narrow] .profile-grid,.app-shell[data-layout-tier=narrow] .analytics-stats-grid,.app-shell[data-layout-tier=narrow] .form-row,.app-shell[data-layout-tier=narrow] .timer-hero-layout,.app-shell[data-layout-tier=narrow] .todo-board-layout{grid-template-columns:1fr}.app-shell[data-layout-tier=narrow] .timer-task-side-summary{display:flex}.app-shell[data-layout-tier=narrow] .timer-side-panel.overlay-mode{left:var(--page-gutter);top:calc(var(--page-gutter) + 2.4rem);width:calc(100vw - var(--page-gutter) * 2);max-height:calc(100dvh - var(--page-gutter) * 2 - 2.4rem)}.app-shell[data-layout-tier=tablet] .page-content,.app-shell[data-layout-tier=narrow] .page-content{max-width:100%}.app-shell[data-layout-tier=tablet] .page-content.page-width-timer,.app-shell[data-layout-tier=narrow] .page-content.page-width-timer,.app-shell[data-layout-tier=tablet] .page-content.page-width-history,.app-shell[data-layout-tier=narrow] .page-content.page-width-history{width:100%}.app-shell[data-layout-tier=desktop] .page-content.page-width-timer{max-width:var(--page-max-width-timer);width:100%;margin-inline:auto}.app-shell[data-layout-tier=desktop] .page-content.page-width-history,.app-shell[data-layout-tier=laptop] .page-content.page-width-timer,.app-shell[data-layout-tier=laptop] .page-content.page-width-history,.app-shell[data-layout-tier=desktop] .page-content.page-width-readable,.app-shell[data-layout-tier=laptop] .page-content.page-width-readable{width:100%}.app-shell{height:100dvh!important;min-height:100dvh;overflow:hidden}.content{min-height:0!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important}.app-shell .sidebar{min-width:3.4rem}.interrupt-sheet,.welcome-sheet,.auth-card{min-width:min(18rem,100%)}[data-theme=normal] .content.content-timer .timer-config-block{background:linear-gradient(180deg,#fffaf3eb,#fff6ece0),color-mix(in srgb,var(--panel-bg) 88%,transparent);border-color:color-mix(in srgb,var(--panel-border) 92%,#9a5a28);border-width:2px}[data-theme=normal] .content.content-timer .preset-chip{border:2px solid color-mix(in srgb,var(--panel-border) 86%,#9a5a28);background:linear-gradient(180deg,#fffdf9f5,#fff4e6e6);color:#334155;box-shadow:0 1px 4px #9a5a281f}[data-theme=normal] .content.content-timer .preset-chip:hover{border-color:color-mix(in srgb,#f97316 64%,#9a5a28);background:linear-gradient(180deg,#fff8effa,#feecd6f0)}[data-theme=normal] .content.content-timer .preset-chip.active{border-color:#f97316;background:linear-gradient(180deg,#fed7aa9e,#ffedd5f0);color:#7c2d12;box-shadow:0 0 0 1px #f9731657,0 2px 10px #f9731633}.content.content-timer .timer-actions-row.hero-actions{margin-top:.75rem;gap:.6rem;row-gap:.5rem;align-items:center}[data-theme=normal] .content.content-timer .timer-actions-row.hero-actions .btn{border-width:2px}[data-theme=normal] .content.content-timer .timer-inline-focus-score{margin-top:.7rem;color:#1e293b;font-weight:600;text-shadow:none}[data-theme=beach-vibes] .nav-utility-btn,[data-theme=beach-vibes] input,[data-theme=beach-vibes] select,[data-theme=beach-vibes] textarea,[data-theme=beach-vibes] input[type=date]{border-width:2px!important;border-color:color-mix(in srgb,var(--panel-border) 95%,#0f3f4c)!important}.app-shell[data-layout-tier=tablet] .sidebar,.app-shell[data-layout-tier=narrow] .sidebar{padding:.45rem;gap:.45rem}.app-shell[data-layout-tier=tablet] .nav-list button,.app-shell[data-layout-tier=tablet] .nav-utility-btn,.app-shell[data-layout-tier=narrow] .nav-list button,.app-shell[data-layout-tier=narrow] .nav-utility-btn{min-height:2.45rem;padding:.35rem .4rem}.app-shell[data-layout-tier=tablet] .nav-zoom-presets,.app-shell[data-layout-tier=narrow] .nav-zoom-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{--layout-content-max: 1400px;--layout-content-max-wide: 1400px}.app-shell[data-layout-tier=desktop],.app-shell[data-layout-tier=laptop]{--workspace-max-width: 1800px;--content-max-width: 1800px;--timer-content-max-width: 1800px;--page-gutter: clamp(.9rem, 1vw, 1.25rem);--panel-gap: clamp(.8rem, .95vw, 1.2rem);--section-gap: clamp(1.05rem, 1.2vw, 1.5rem);--panel-pad: clamp(.62rem, calc(.72rem + var(--zoom-delta) * 1rem), 1.24rem)}.content{gap:var(--section-gap)}.content>.app-timebar,.content>.top-strip,.content>.page-content{width:min(100%,var(--content-max-width));margin-inline:auto}.content>.page-content.page-width-timer{width:min(100%,var(--workspace-max-width))}.content>.page-content.page-width-history,.content>.page-content.page-width-readable{width:min(100%,var(--workspace-max-width));max-width:1800px;margin:0 auto}.page-content{padding:clamp(.78rem,calc(.86rem + var(--zoom-delta) * .75rem),1.22rem);border-color:color-mix(in srgb,var(--panel-border) 44%,transparent)}.panel{padding:clamp(.64rem,calc(.72rem + var(--zoom-delta) * .65rem),1.08rem);border-color:color-mix(in srgb,var(--panel-border) 64%,transparent)}.stat-card,.app-timebar,.timer-task-side,.task-chip,.preset-create-panel{border-color:color-mix(in srgb,var(--panel-border) 62%,transparent)}.timer-main-panel{border-color:color-mix(in srgb,var(--panel-border) 58%,transparent)}.timer-hero-card{border-color:color-mix(in srgb,var(--timer-border) 88%,var(--accent))}.timer-hero-primary .digital-style p,.timer-hero-primary .minimal-style p,.timer-hero-primary .card-style p,.timer-hero-primary .timer-overlay,.timer-hero-primary .rect-timer-value{font-size:clamp(2.3rem,calc(1.7rem + var(--ui-zoom) * 3.1rem),6.6rem)}.about-accordion-grid{grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:clamp(.75rem,.9vw,1.05rem);align-items:start}.about-tile{box-shadow:0 8px 20px #00000014;border-color:color-mix(in srgb,var(--panel-border) 44%,transparent)}.about-tile-toggle{min-height:clamp(5.6rem,calc(6rem + var(--zoom-delta) * 2rem),9rem)}.about-tile-content.is-open .about-tile-content-inner{padding:0 1rem 1rem}.milestone-level-stats small{font-size:1rem;line-height:1.55;color:var(--text-main)}.about-page-shell{width:100%;margin-inline:auto;padding-inline:0;display:grid;gap:clamp(1rem,1.1vw,1.4rem)}.about-page-shell .page-header{width:min(100%,1380px);text-align:left;margin-inline:auto;margin-bottom:clamp(.65rem,.82vw,1.05rem);padding-bottom:clamp(.45rem,.55vw,.72rem);border-bottom:1px solid color-mix(in srgb,var(--panel-border) 34%,transparent)}.about-page-shell .page-header h1{font-size:clamp(1.72rem,2.45vw,2.7rem);line-height:1.14;margin:.46rem 0 .75rem}.about-page-shell .page-header p{max-width:70ch;color:var(--text-soft);line-height:1.62}.about-identity-stack{width:min(100%,1380px);margin-inline:auto;display:grid;gap:clamp(.75rem,1vw,1rem);padding-bottom:clamp(.95rem,1.15vw,1.3rem);border-bottom:1px solid color-mix(in srgb,var(--panel-border) 36%,transparent)}.about-identity-hero{width:100%;margin-inline:0;padding:clamp(1rem,1.25vw,1.45rem);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--panel-border));border-radius:var(--surface-radius);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 8%,var(--panel-bg)),color-mix(in srgb,var(--panel-bg) 92%,transparent));box-shadow:var(--shadow-soft);display:grid;gap:.78rem}.about-identity-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(15.5rem,.9fr);gap:clamp(.9rem,1.2vw,1.25rem);align-items:start}.about-identity-main{min-width:0;display:grid;gap:.72rem}.about-identity-header{display:flex;align-items:center;gap:.82rem}.about-identity-emblem{width:50px;height:50px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--panel-border));background:radial-gradient(circle at 28% 24%,color-mix(in srgb,white 40%,transparent),transparent 44%),color-mix(in srgb,var(--accent) 16%,var(--panel-bg));display:grid;place-items:center;flex:0 0 auto;box-shadow:inset 0 1px color-mix(in srgb,white 30%,transparent),0 8px 18px color-mix(in srgb,var(--accent) 14%,transparent)}.about-identity-emblem-logo{width:78%;height:78%;border-radius:999px;object-fit:cover;border:1px solid color-mix(in srgb,var(--panel-border) 55%,transparent)}.about-identity-heading{min-width:0;display:grid;gap:.18rem}.about-identity-heading-title{margin:0;color:var(--text-main);font-weight:700;letter-spacing:.01em}.about-identity-eyebrow{margin:0;font-size:.71rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600}.about-identity-motto{margin:0;padding:.12rem 0 .7rem;font-size:clamp(1.45rem,2vw,2rem);line-height:1.2;letter-spacing:.01em;color:var(--text-main);border-bottom:1px solid color-mix(in srgb,var(--accent) 30%,var(--panel-border))}.about-identity-feature-chips{display:flex;flex-wrap:wrap;gap:.45rem}.about-identity-chip{display:inline-flex;align-items:center;min-height:1.8rem;padding:.18rem .62rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--panel-border));background:color-mix(in srgb,var(--accent) 9%,var(--panel-bg));color:color-mix(in srgb,var(--text-main) 90%,var(--accent));font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;font-weight:600}.about-identity-supporting{margin:0;color:var(--text-soft);line-height:1.6;font-size:clamp(.95rem,1.05vw,1.12rem);max-width:62ch}.about-identity-detail{margin:0;color:color-mix(in srgb,var(--text-soft) 82%,var(--text-main));line-height:1.55;font-size:.92rem;max-width:80ch}.about-identity-principles{min-width:0;border:1px solid color-mix(in srgb,var(--panel-border) 56%,transparent);border-radius:calc(var(--surface-radius) - .2rem);background:color-mix(in srgb,var(--panel-bg) 84%,transparent);padding:.75rem .78rem;display:grid;gap:.6rem}.about-identity-principles-title{margin:0;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:600}.about-identity-principles ul{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}.about-identity-principles li{border:1px solid color-mix(in srgb,var(--panel-border) 52%,transparent);background:color-mix(in srgb,var(--panel-bg) 86%,transparent);color:var(--text-main);border-radius:10px;padding:.46rem .56rem;font-size:.84rem;line-height:1.32}.about-identity-privacy-note{margin:0;color:color-mix(in srgb,var(--text-main) 84%,var(--text-soft));font-size:.82rem;border:1px solid color-mix(in srgb,var(--panel-border) 52%,transparent);background:color-mix(in srgb,var(--panel-bg) 82%,transparent);border-radius:10px;padding:.52rem .62rem}.about-feedback-card{width:100%;margin-inline:0;border:1px solid color-mix(in srgb,var(--panel-border) 56%,transparent);border-radius:var(--surface-radius);background:color-mix(in srgb,var(--panel-bg) 90%,transparent);box-shadow:var(--shadow-soft);padding:clamp(.88rem,1vw,1.08rem);display:flex;align-items:center;justify-content:space-between;gap:.9rem}.about-feedback-copy{display:grid;gap:.3rem}.about-feedback-copy h3,.about-feedback-copy p{margin:0}.about-feedback-copy h3{color:var(--text-main);font-size:1.02rem}.about-feedback-copy p{color:var(--text-soft)}.about-feedback-eyebrow{margin:0;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.about-feedback-email{color:var(--text-main);font-weight:600;word-break:break-word}.about-feedback-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.about-feedback-actions .btn{min-height:2.2rem}.about-group{width:min(100%,1380px);margin-inline:auto;display:grid;gap:.7rem}.about-group-header h2{margin:0;font-size:clamp(1rem,1.1vw,1.22rem);color:var(--text-main);letter-spacing:.01em}.about-page-shell .about-accordion-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.65rem,.85vw,1rem)}.about-page-shell .about-tile{border-color:color-mix(in srgb,var(--panel-border) 42%,transparent);background:color-mix(in srgb,var(--panel-bg) 88%,transparent);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.about-page-shell .about-tile:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 40%,var(--panel-border));box-shadow:0 12px 22px #0000002b,0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}.about-page-shell .about-tile-toggle{min-height:clamp(5.4rem,calc(5.8rem + var(--zoom-delta) * 1.9rem),8rem);padding:clamp(.75rem,calc(.82rem + var(--zoom-delta) * .35rem),1rem)}.about-page-shell .about-tile-heading h3{font-size:clamp(.94rem,calc(.95rem + var(--zoom-delta) * .25rem),1.1rem);line-height:1.35}.about-page-shell .about-tile-heading p{margin-top:.28rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.about-page-shell .about-tile-content{display:none}.about-page-shell .about-tile.is-critical{border-color:color-mix(in srgb,#f97316 62%,var(--panel-border));background:linear-gradient(180deg,color-mix(in srgb,#f97316 7%,var(--panel-bg)),color-mix(in srgb,var(--panel-bg) 91%,transparent))}.about-page-shell .about-tile.is-critical .about-tile-heading h3:after{content:"Important";margin-left:.45rem;padding:.1rem .38rem;border-radius:999px;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,#f97316 88%,#7c2d12);background:color-mix(in srgb,#f97316 16%,transparent);border:1px solid color-mix(in srgb,#f97316 42%,transparent);vertical-align:middle}.about-page-shell .about-tile.is-critical:hover{border-color:color-mix(in srgb,#f97316 78%,var(--panel-border));box-shadow:0 10px 22px #00000029,0 0 0 1px color-mix(in srgb,#f97316 28%,transparent)}.about-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:75;background:color-mix(in srgb,var(--bg-overlay) 92%,rgba(0,0,0,.56));display:grid;place-items:center;padding:clamp(.8rem,1.1vw,1.3rem)}.about-modal{width:min(100%,720px);max-height:min(86dvh,860px);overflow:auto;border:1px solid color-mix(in srgb,var(--panel-border) 56%,transparent);border-radius:clamp(.9rem,1vw,1.15rem);background:color-mix(in srgb,var(--panel-bg) 94%,transparent);box-shadow:0 22px 45px #00000057;padding:clamp(.95rem,calc(1rem + var(--zoom-delta) * .8rem),1.45rem);display:grid;gap:.9rem}.about-modal.is-critical{border-color:color-mix(in srgb,#f97316 68%,var(--panel-border))}.about-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.about-modal-header h3{margin:0;color:var(--text-main);font-size:clamp(1.08rem,calc(1.12rem + var(--zoom-delta) * .45rem),1.4rem)}.about-modal-header p{margin:.35rem 0 0;color:var(--text-soft)}.about-modal-body{color:var(--text-soft);line-height:1.62;display:grid;gap:.72rem}.about-modal-body p,.about-modal-body ul,.about-modal-body ol{margin:0}.about-modal-body ul,.about-modal-body ol{padding-left:1.2rem;display:grid;gap:.35rem}.about-modal-body h4{margin:.45rem 0 .1rem;color:var(--text-main);font-size:.95rem}@media (max-width: 1380px){.about-page-shell .about-accordion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1600px){.about-page-shell{gap:clamp(1.15rem,1.2vw,1.55rem)}.about-group{width:min(100%,1360px)}}@media (max-width: 980px){.about-identity-layout{grid-template-columns:1fr}.about-page-shell .about-accordion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-identity-stack{gap:.7rem;padding-bottom:.95rem}.about-identity-motto{font-size:clamp(1.22rem,3.8vw,1.54rem)}.about-feedback-card{flex-direction:column;align-items:flex-start}.about-feedback-actions{width:100%;justify-content:flex-start}}@media (max-width: 620px){.about-identity-header{gap:.6rem}.about-identity-emblem{width:44px;height:44px}.about-page-shell .about-accordion-grid{grid-template-columns:1fr}.about-feedback-actions .btn{width:100%}}.content.content-timer{--timer-surface-max: min(100%, var(--workspace-max-width, var(--timer-frame-max)))}.content.content-timer .page-grid.timer-layout-upgraded{gap:var(--timer-block-gap);width:min(100%,var(--workspace-max-width, var(--timer-frame-max)));margin-inline:auto}.content.content-timer .timer-main-panel{width:min(100%,var(--workspace-max-width, var(--timer-frame-max)));max-width:none;margin-inline:auto;padding:var(--timer-surface-padding)}.content.content-timer .timer-workspace-top-controls{display:grid;gap:var(--space-2);margin:0}.content.content-timer .timer-quick-start-row{gap:var(--space-2);margin:0}.content.content-timer .timer-hero-card{margin-top:0;padding:var(--timer-surface-padding)}.content.content-timer .timer-hero-layout{width:min(100%,var(--timer-surface-max));margin-inline:auto;grid-template-columns:minmax(0,1.55fr) minmax(0,var(--timer-side-width));gap:var(--timer-block-gap);align-items:start}.content.content-timer .timer-hero-primary{gap:var(--timer-block-gap)}.content.content-timer .timer-display-shell{--timer-shell-width-current: min(100%, var(--timer-shell-max));--timer-shell-min-height-current: var(--timer-shell-min-height);--timer-shell-padding-current: var(--timer-shell-padding)}.content.content-timer .timer-hero-primary .digital-style p,.content.content-timer .timer-hero-primary .minimal-style p,.content.content-timer .timer-hero-primary .immersive-style p,.content.content-timer .timer-hero-primary .card-style p{font-size:var(--timer-copy-size-xl)}.content.content-timer .timer-hero-primary .timer-overlay,.content.content-timer .timer-hero-primary .rect-timer-value{font-size:var(--timer-copy-size-lg)}.content.content-timer .timer-hero-primary .neon-orbit-style svg,.content.content-timer .circular-style svg{width:var(--timer-visual-size);height:var(--timer-visual-size)}.content.content-timer .timer-task-side{align-self:start;overflow:visible}.content.content-timer .timer-task-side-body{gap:var(--space-3);padding:var(--timer-surface-padding)}.content.content-timer .timer-task-selector-row{position:relative;display:grid;gap:.25rem;width:100%;min-width:0}.content.content-timer .timer-task-selector-label{margin:0;color:var(--text-secondary);font-size:.86rem;letter-spacing:.02em}.content.content-timer .timer-task-selector-trigger{width:100%;min-width:0;justify-content:space-between;gap:.4rem;text-align:left}.content.content-timer .timer-task-selector-trigger>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content.content-timer .timer-task-selector-caret{font-size:1rem;line-height:1;flex-shrink:0}.content.content-timer .timer-task-selector-menu{position:absolute;left:0;right:0;bottom:calc(100% + .35rem);z-index:30;display:grid;gap:.25rem;max-height:min(16rem,45vh);overflow-y:auto;padding:.4rem;border-radius:var(--surface-radius-sm);border:1px solid color-mix(in srgb,var(--panel-border) 62%,transparent);background:color-mix(in srgb,var(--panel-bg) 96%,black 4%);box-shadow:var(--shadow-soft)}.content.content-timer .timer-task-selector-option{display:grid;gap:.1rem;width:100%;text-align:left;border:1px solid transparent;border-radius:var(--surface-radius-sm);background:transparent;color:inherit;padding:.45rem .55rem;cursor:pointer}.content.content-timer .timer-task-selector-option small{font-size:.74rem;color:var(--text-soft)}.content.content-timer .timer-task-selector-option:hover{background:color-mix(in srgb,var(--panel-bg) 82%,transparent)}.content.content-timer .timer-task-selector-option.is-selected{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.content.content-timer .timer-actions-row.hero-actions{gap:var(--space-2);row-gap:var(--space-2);align-items:center;flex-wrap:wrap;overflow:visible}.content.content-timer .timer-break-trigger-row{position:relative}.content.content-timer .timer-break-trigger{min-height:var(--control-height);display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;padding-inline:.9rem}#timer-break-menu,.timer-break-menu{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:30;min-width:200px;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:12px;border:1px solid color-mix(in srgb,var(--panel-border) 76%,transparent);background:color-mix(in srgb,var(--panel-bg) 86%,transparent);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(calc(var(--timer-panel-blur) * .45));backdrop-filter:blur(calc(var(--timer-panel-blur) * .45))}#timer-break-menu>.timer-break-option,.timer-break-menu>.timer-break-option{width:100%;min-height:42px;text-align:left;border:1px solid color-mix(in srgb,var(--panel-border) 64%,transparent);border-radius:999px;padding:0 .95rem;display:inline-flex;align-items:center;justify-content:flex-start;gap:.5rem;line-height:1;white-space:nowrap;cursor:pointer;box-sizing:border-box;text-decoration:none;background:linear-gradient(180deg,var(--button-surface-outer),var(--button-surface-inner)),linear-gradient(145deg,rgb(255 255 255 / .12),transparent 58%);background-color:transparent;box-shadow:var(--button-surface-shadow);color:var(--button-text, var(--text-strong, var(--text-main)))}#timer-break-menu>.timer-break-option:hover,.timer-break-menu>.timer-break-option:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--panel-border));background:linear-gradient(180deg,color-mix(in srgb,var(--button-surface-outer) 86%,var(--accent) 14%),color-mix(in srgb,var(--button-surface-inner) 92%,var(--accent) 8%)),linear-gradient(145deg,rgb(255 255 255 / .16),transparent 58%);color:var(--button-text-strong, var(--button-text, var(--text-strong, var(--text-main))))}#timer-break-menu>.timer-break-option:focus-visible,.timer-break-menu>.timer-break-option:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,white);outline-offset:2px}#timer-break-menu>.timer-break-option:active,.timer-break-menu>.timer-break-option:active{color:var(--button-text-strong, var(--button-text, var(--text-strong, var(--text-main))))}.content.content-timer .timer-action-caret{font-size:1rem;line-height:1}.content.content-timer .timer-inline-track-picker{min-width:0;border:0;border-radius:var(--surface-radius-sm);background:transparent;padding:0;display:grid;gap:.5rem}.content.content-timer .timer-inline-track-picker-label{margin:0;font-size:.78rem;color:var(--text-soft)}.content.content-timer .timer-inline-track-dropdown{position:relative}.content.content-timer .timer-inline-track-dropdown-trigger{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden;border:1px solid color-mix(in srgb,var(--panel-border) 62%,transparent);border-radius:var(--surface-radius-sm);background:color-mix(in srgb,var(--panel-bg) 74%,transparent);color:var(--text-main);min-height:2.2rem;padding:.4rem .55rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left;cursor:pointer}.content.content-timer .timer-inline-track-dropdown-trigger span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content.content-timer .timer-inline-track-dropdown-menu{position:absolute;left:0;right:0;top:calc(100% + .35rem);z-index:35;display:grid;gap:.5rem;max-height:14.5rem;overflow-y:auto;padding:.45rem;border:1px solid color-mix(in srgb,var(--panel-border) 62%,transparent);border-radius:var(--surface-radius-sm);background:color-mix(in srgb,var(--panel-bg) 96%,black 4%);box-shadow:var(--shadow-soft)}.content.content-timer .timer-inline-track-group{display:grid;gap:.35rem}.content.content-timer .timer-inline-track-group-title{margin:0;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.content.content-timer .timer-inline-track-list{display:grid;gap:.3rem}.content.content-timer .timer-inline-track-item{width:100%;border:1px solid color-mix(in srgb,var(--panel-border) 50%,transparent);border-radius:var(--surface-radius-sm);background:color-mix(in srgb,var(--panel-bg) 72%,transparent);color:var(--text-main);text-align:left;padding:.42rem .5rem;cursor:pointer;display:grid;gap:.05rem}.content.content-timer .timer-inline-track-item small{color:var(--text-soft);font-size:.72rem}.content.content-timer .timer-inline-track-item:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--panel-border))}.content.content-timer .timer-inline-track-item.is-selected{border-color:color-mix(in srgb,var(--accent) 62%,transparent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.content.content-timer .timer-inline-track-item.is-playing{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 34%,transparent)}.sidebar.collapsed{min-width:var(--sidebar-collapsed-width)}.sidebar.collapsed .nav-list{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar.collapsed .nav-list::-webkit-scrollbar{width:0;height:0}.content.content-timer .timer-quote,.content.content-timer .timer-inline-focus-score{margin:0}.timer-side-panel.overlay-mode{position:fixed;left:calc(var(--sidebar-current-width, var(--sidebar-width, 0px)) + var(--shell-pad, var(--page-gutter, .9rem)));top:var(--shell-pad, var(--page-gutter, .9rem));right:auto;width:min(26rem,calc(100vw - var(--sidebar-current-width, var(--sidebar-width, 0px)) - var(--shell-pad, var(--page-gutter, .9rem)) * 2));max-height:calc(100dvh - var(--shell-pad, var(--page-gutter, .9rem)) * 2);z-index:40}.focus-mode-screen .timer-style,.focus-mode-display .timer-style{width:100%;min-height:100%;height:100%;padding:var(--timer-shell-padding-current);padding-block:calc(var(--timer-shell-padding-current) * 1.18);margin:0 auto;align-self:stretch;border-radius:24px}.focus-mode-display .digital-style p,.focus-mode-display .minimal-style p,.focus-mode-display .immersive-style p,.focus-mode-display .card-style p,.focus-mode-display .monolith-style p,.focus-mode-display .warm-block-style p,.focus-mode-display .paper-card-style p,.focus-mode-display .wave-progress-style p,.focus-mode-display .reveal-scene-content p,.focus-mode-display .luxury-minimal-style p,.focus-mode-display .antique-redesign-core p,.focus-mode-display .rect-timer-value{font-size:var(--focus-copy-size-xl)}.focus-mode-display .terminal-style p,.focus-mode-display .digital-style.neon-style p,.focus-mode-display .neon-orbit-style .timer-overlay,.focus-mode-display .midnight-timer-core p{font-size:var(--focus-copy-size-lg)}.focus-mode-display .monolith-style p{font-size:clamp(calc(var(--focus-copy-size-xl) * 1.02),8.8vmin,calc(var(--focus-copy-size-xl) * 1.14))}.focus-mode-display .minimal-style.mono-style p{font-size:clamp(calc(var(--focus-copy-size-xl) * .94),8.2vmin,calc(var(--focus-copy-size-xl) * 1.02))}.focus-mode-display .digital-style:not(.neon-style) p{font-size:clamp(calc(var(--focus-copy-size-xl) * 1.03),8.8vmin,calc(var(--focus-copy-size-xl) * 1.16))}.focus-mode-display .card-style.cyber-style p{font-size:clamp(calc(var(--focus-copy-size-xl) * 1.01),8.6vmin,calc(var(--focus-copy-size-xl) * 1.1))}.focus-mode-display .immersive-style.glass-style p{font-size:clamp(calc(var(--focus-copy-size-xl) * .98),8.4vmin,calc(var(--focus-copy-size-xl) * 1.08))}.focus-mode-display .split-flap-style{gap:clamp(.55rem,1vmin,.9rem)}.focus-mode-display .split-cell{font-size:clamp(calc(var(--focus-copy-size-md) * 1.02),6.8vmin,calc(var(--focus-copy-size-lg) * .92))}.focus-mode-display .rectangular-progress-style .rect-timer-value{font-size:clamp(calc(var(--focus-copy-size-xl) * .98),8.4vmin,calc(var(--focus-copy-size-xl) * 1.08))}.focus-mode-display .terminal-style p{font-size:clamp(calc(var(--focus-copy-size-lg) * .96),7.4vmin,calc(var(--focus-copy-size-lg) * 1.08))}.focus-mode-display .warm-block-style p{font-size:clamp(calc(var(--focus-copy-size-xl) * 1.02),8.7vmin,calc(var(--focus-copy-size-xl) * 1.12))}.focus-mode-display .paper-card-style p{font-size:clamp(calc(var(--focus-copy-size-xl) * .98),8.3vmin,calc(var(--focus-copy-size-xl) * 1.06))}.focus-mode-display .luxury-minimal-style p{font-size:clamp(calc(var(--focus-copy-size-xl) * 1),8.4vmin,calc(var(--focus-copy-size-xl) * 1.1))}.focus-mode-display .digital-style.neon-style p,.focus-mode-display .neon-orbit-style .timer-overlay{text-shadow:0 0 2px color-mix(in srgb,var(--timer-accent) 64%,transparent),0 0 8px color-mix(in srgb,var(--timer-accent) 34%,transparent),0 0 16px color-mix(in srgb,var(--accent-alt) 16%,transparent)}.focus-mode-display .timer-style small,.focus-mode-display .split-group small,.focus-mode-display .terminal-style small,.focus-mode-display .terminal-style span,.focus-mode-display .card-style small,.focus-mode-display .wave-progress-style small,.focus-mode-display .reveal-scene-content small,.focus-mode-display .reveal-scene-accent,.focus-mode-display .midnight-timer-core small,.focus-mode-display .antique-redesign-core small,.focus-mode-display .antique-redesign-core span{font-size:var(--focus-label-size)}.focus-mode-display .neon-orbit-style svg,.focus-mode-display .midnight-cinematic-center{width:var(--focus-visual-size);height:var(--focus-visual-size)}.focus-mode-display .neon-orbit-style{--neon-orbit-track-stroke-width: clamp(.72rem, calc(var(--focus-visual-size) * .048), 1.2rem);--neon-orbit-progress-stroke-width: clamp(.72rem, calc(var(--focus-visual-size) * .05), 1.28rem)}.focus-mode-display .neon-orbit-style .orbit-track{stroke:color-mix(in srgb,var(--timer-progress-track) 78%,var(--timer-accent) 22%);opacity:.9}.focus-mode-display .neon-orbit-style .orbit-fill{opacity:.98;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--timer-accent) 72%,transparent)) drop-shadow(0 0 18px color-mix(in srgb,var(--accent-alt) 24%,transparent))}.focus-mode-display .neon-orbit-style svg{filter:saturate(1.08) brightness(1.04)}.focus-mode-display .timer-display-shell{box-shadow:0 26px 70px #0000006b,0 0 46px color-mix(in srgb,var(--timer-panel-display-border) 36%,transparent),inset 0 1px #ffffff2e}.focus-mode-controls{gap:var(--focus-shell-gap)}.app-shell[data-layout-tier=tablet] .content.content-timer .timer-hero-layout,.app-shell[data-layout-tier=narrow] .content.content-timer .timer-hero-layout{grid-template-columns:1fr}.app-shell[data-layout-tier=tablet] .content.content-timer .timer-task-side-summary,.app-shell[data-layout-tier=narrow] .content.content-timer .timer-task-side-summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-weight:600;color:var(--text-main);padding:.8rem .9rem;border-bottom:1px solid color-mix(in srgb,var(--panel-border) 52%,transparent);background:color-mix(in srgb,var(--panel-bg) 86%,transparent)}.app-shell[data-layout-tier=tablet] .content.content-timer .timer-task-side-summary::-webkit-details-marker,.app-shell[data-layout-tier=narrow] .content.content-timer .timer-task-side-summary::-webkit-details-marker{display:none}.app-shell[data-layout-tier=tablet] .content.content-timer .timer-task-side:not([open]) .timer-task-side-body,.app-shell[data-layout-tier=narrow] .content.content-timer .timer-task-side:not([open]) .timer-task-side-body{display:none}@media (max-width: 1080px){.timer-side-panel.overlay-mode{left:10px;top:56px;width:calc(100vw - 20px);max-height:calc(100dvh - 68px)}}.app-shell[data-ambient-active=true][data-page-id=timer] .app-theme-overlay{opacity:.92}.app-shell[data-ambient-active=true][data-page-id=timer] .content.content-timer .page-content.page-width-timer,.app-shell[data-ambient-active=true][data-page-id=timer] .content.content-timer .timer-main-panel,.app-shell[data-ambient-active=true][data-page-id=timer] .content.content-timer .timer-hero-card,.app-shell[data-ambient-active=true][data-page-id=timer] .content.content-timer .timer-task-side{background:color-mix(in srgb,var(--panel-bg) 74%,transparent)!important}.app-shell[data-ambient-active=true][data-page-id=timer] .content.content-timer .timer-main-panel,.app-shell[data-ambient-active=true][data-page-id=timer] .content.content-timer .timer-hero-card,.app-shell[data-ambient-active=true][data-page-id=timer] .content.content-timer .timer-task-side{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-shell[data-ambient-active=true][data-page-id=timer][data-layout-tier=tablet] .content.content-timer,.app-shell[data-ambient-active=true][data-page-id=timer][data-layout-tier=narrow] .content.content-timer{padding-inline:clamp(.9rem,2.8vw,1.3rem)}.app-shell[data-ambient-active=true][data-page-id=timer][data-layout-tier=tablet] .content.content-timer .page-content.page-width-timer,.app-shell[data-ambient-active=true][data-page-id=timer][data-layout-tier=narrow] .content.content-timer .page-content.page-width-timer{width:min(100%,calc(100% - clamp(.7rem,2.4vw,1.2rem)));margin-inline:auto}.app-shell[data-ambient-active=true][data-page-id=timer][data-layout-tier=tablet] .content.content-timer .page-grid.timer-layout-upgraded,.app-shell[data-ambient-active=true][data-page-id=timer][data-layout-tier=narrow] .content.content-timer .page-grid.timer-layout-upgraded{width:min(100%,calc(100% - clamp(.45rem,1.8vw,.9rem)));margin-inline:auto}.app-shell{--nav-width-720: 188px;--nav-width-1080: 216px;--nav-width-1440: 244px;--nav-width-2160: 272px;--nav-collapsed-width-720: 64px;--nav-collapsed-width-1080: 70px;--nav-collapsed-width-1440: 76px;--nav-collapsed-width-2160: 82px;--page-max-width-default-720: 1200px;--page-max-width-default-1080: 1320px;--page-max-width-default-1440: 1720px;--page-max-width-default-2160: 2160px;--page-max-width-readable-720: 1120px;--page-max-width-readable-1080: 1200px;--page-max-width-readable-1440: 1400px;--page-max-width-readable-2160: 1480px;--page-max-width-timer-720: 1200px;--page-max-width-timer-1080: 1320px;--page-max-width-timer-1440: 1800px;--page-max-width-timer-2160: 2160px;--page-max-width-default: 1800px;--page-max-width-readable: 1800px;--page-max-width-timer: 1800px;--nav-width-active: var(--layout-sidebar-width);--nav-collapsed-width-active: var(--layout-sidebar-width-collapsed);--timer-copy-size-preset-xl: clamp(2.5rem, calc(6vw * var(--timer-scale, 1)), 6rem);--timer-copy-size-preset-lg: clamp(2.1rem, calc(5.2vw * var(--timer-scale, 1)), 5.4rem);--timer-orbit-text-size-preset: clamp(1.4rem, calc(4.4vw * var(--timer-scale, 1)), 4.2rem);--timer-shell-max-active: var(--timer-shell-max);--timer-shell-padding-active: var(--timer-shell-padding)}.app-shell[data-screen-preset=auto]{--page-max-width-default: var(--page-max-width-default-1080);--page-max-width-readable: var(--page-max-width-readable-1080);--page-max-width-timer: var(--page-max-width-timer-1080);--nav-width-active: var(--nav-width-1080);--nav-collapsed-width-active: var(--nav-collapsed-width-1080);--timer-scale: 1;--timer-copy-size-xl: var(--timer-copy-size-preset-xl);--timer-copy-size-lg: var(--timer-copy-size-preset-lg);--timer-orbit-text-size: var(--timer-orbit-text-size-preset);--timer-shell-max-active: var(--timer-shell-max);--timer-shell-padding-active: var(--timer-shell-padding)}.app-shell[data-screen-preset="720p"]{--page-max-width-default: var(--page-max-width-default-720);--page-max-width-readable: var(--page-max-width-readable-720);--page-max-width-timer: var(--page-max-width-timer-720);--nav-width-active: var(--nav-width-720);--nav-collapsed-width-active: var(--nav-collapsed-width-720);--timer-scale: .8;--timer-copy-size-xl: clamp(1.55rem, calc(3.9vw * var(--timer-scale, 1)), 3.35rem);--timer-copy-size-lg: clamp(1.35rem, calc(3.45vw * var(--timer-scale, 1)), 2.95rem);--timer-orbit-text-size: clamp(.95rem, calc(2.9vw * var(--timer-scale, 1)), 2.3rem);--focus-copy-size-xl: var(--timer-copy-size-xl);--focus-copy-size-lg: var(--timer-copy-size-lg);--timer-shell-max-active: min(100%, 54rem);--timer-shell-padding-active: calc(var(--timer-shell-padding) * .86)}.app-shell[data-screen-preset="1080p"]{--page-max-width-default: var(--page-max-width-default-1080);--page-max-width-readable: var(--page-max-width-readable-1080);--page-max-width-timer: var(--page-max-width-timer-1080);--nav-width-active: var(--nav-width-1080);--nav-collapsed-width-active: var(--nav-collapsed-width-1080);--timer-scale: 1;--timer-copy-size-xl: var(--timer-copy-size-preset-xl);--timer-copy-size-lg: var(--timer-copy-size-preset-lg);--timer-orbit-text-size: var(--timer-orbit-text-size-preset);--focus-copy-size-xl: var(--timer-copy-size-xl);--focus-copy-size-lg: var(--timer-copy-size-lg);--timer-shell-max-active: var(--timer-shell-max);--timer-shell-padding-active: var(--timer-shell-padding)}.app-shell[data-screen-preset="1440p"]{--page-max-width-default: var(--page-max-width-default-1440);--page-max-width-readable: var(--page-max-width-readable-1440);--page-max-width-timer: var(--page-max-width-timer-1440);--nav-width-active: var(--nav-width-1440);--nav-collapsed-width-active: var(--nav-collapsed-width-1440);--timer-scale: 1.15;--timer-copy-size-xl: var(--timer-copy-size-preset-xl);--timer-copy-size-lg: var(--timer-copy-size-preset-lg);--timer-orbit-text-size: var(--timer-orbit-text-size-preset);--focus-copy-size-xl: var(--timer-copy-size-xl);--focus-copy-size-lg: var(--timer-copy-size-lg);--timer-shell-max-active: min(100%, 68rem);--timer-shell-padding-active: calc(var(--timer-shell-padding) * 1.06)}.app-shell[data-screen-preset="2160p"]{--page-max-width-default: var(--page-max-width-default-2160);--page-max-width-readable: var(--page-max-width-readable-2160);--page-max-width-timer: var(--page-max-width-timer-2160);--nav-width-active: var(--nav-width-2160);--nav-collapsed-width-active: var(--nav-collapsed-width-2160);--timer-scale: 1.25;--timer-copy-size-xl: var(--timer-copy-size-preset-xl);--timer-copy-size-lg: var(--timer-copy-size-preset-lg);--timer-orbit-text-size: var(--timer-orbit-text-size-preset);--focus-copy-size-xl: var(--timer-copy-size-xl);--focus-copy-size-lg: var(--timer-copy-size-lg);--timer-shell-max-active: min(100%, 72rem);--timer-shell-padding-active: calc(var(--timer-shell-padding) * 1.1)}.app-shell[data-layout-tier=desktop],.app-shell[data-layout-tier=laptop]{--sidebar-width: var(--nav-width-active);--sidebar-collapsed-width: var(--nav-collapsed-width-active);--sidebar-current-width: var(--sidebar-width);grid-template-columns:var(--sidebar-current-width) minmax(0,1fr)}.app-shell[data-layout-tier=desktop]>.sidebar,.app-shell[data-layout-tier=laptop]>.sidebar{grid-column:1;z-index:70}.app-shell[data-layout-tier=desktop]>.content,.app-shell[data-layout-tier=laptop]>.content{grid-column:2;min-width:0;z-index:20}.app-shell[data-layout-tier=desktop] .app-theme-overlay,.app-shell[data-layout-tier=laptop] .app-theme-overlay,.app-shell[data-layout-tier=desktop] .ambient-particles-layer,.app-shell[data-layout-tier=laptop] .ambient-particles-layer{left:0}.content>.app-timebar,.content>.top-strip{width:100%;max-width:var(--page-max-width-default);margin-inline:auto}.content>.page-content.page-width-default,.content>.page-content.page-width-history,.content>.page-content.page-width-analytics{width:100%;max-width:var(--page-max-width-default);margin-inline:auto}.content>.page-content.page-width-readable{width:100%;max-width:var(--page-max-width-readable);margin-inline:auto}.content>.page-content.page-width-timer{width:100%;max-width:var(--page-max-width-timer);margin-inline:auto}.content.content-timer{--timer-content-frame-max: min(100%, var(--page-max-width-timer));--timer-surface-max: min(100%, var(--page-max-width-timer))}.content.content-timer>.page-content.page-width-timer{width:var(--timer-content-frame-max);max-width:var(--timer-content-frame-max)}.content.content-timer .page-grid.timer-layout-upgraded,.content.content-timer .timer-main-panel{width:var(--timer-content-frame-max);max-width:var(--timer-content-frame-max);margin-inline:auto}.content.content-timer .timer-display-shell{--timer-shell-width-current: min(100%, var(--timer-shell-max-active));--timer-shell-padding-current: var(--timer-shell-padding-active)}.sidebar.collapsed{scrollbar-width:none}.sidebar.collapsed::-webkit-scrollbar{width:0;height:0}.sidebar.collapsed .nav-list{padding-inline:0}.app-shell{--layer-shell-background: 0;--layer-shell-content: 20;--layer-shell-utility: 40;--layer-shell-nav: 60;--layer-shell-modal: 1200}.app-shell>.app-theme-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-shell-background)!important}.app-shell>.ambient-particles-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--layer-shell-background) + 1)!important}.app-shell>.content{position:relative!important;z-index:var(--layer-shell-content)!important;min-width:0}.app-shell>.sidebar{position:relative!important;z-index:var(--layer-shell-nav)!important}.utility-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--layer-shell-utility)!important}.utility-overlay.open{pointer-events:auto}.utility-overlay .timer-side-panel.overlay-mode{position:fixed!important;z-index:calc(var(--layer-shell-utility) + 1)!important}.app-shell[data-layout-tier=desktop],.app-shell[data-layout-tier=laptop]{--sidebar-width: var(--nav-width-active);--sidebar-collapsed-width: var(--nav-collapsed-width-active);--sidebar-current-width: var(--sidebar-width);grid-template-columns:var(--sidebar-current-width) minmax(0,1fr)!important}.app-shell[data-layout-tier=desktop].nav-collapsed,.app-shell[data-layout-tier=laptop].nav-collapsed{--sidebar-current-width: var(--sidebar-collapsed-width)}.app-shell[data-layout-tier=desktop].nav-hidden,.app-shell[data-layout-tier=laptop].nav-hidden{--sidebar-current-width: 0px}.app-shell[data-layout-tier=desktop]>.sidebar,.app-shell[data-layout-tier=laptop]>.sidebar{grid-column:1!important}.app-shell[data-layout-tier=desktop]>.content,.app-shell[data-layout-tier=laptop]>.content{grid-column:2!important}.app-shell[data-layout-tier=desktop]>.app-theme-overlay,.app-shell[data-layout-tier=laptop]>.app-theme-overlay,.app-shell[data-layout-tier=desktop]>.ambient-particles-layer,.app-shell[data-layout-tier=laptop]>.ambient-particles-layer{left:var(--sidebar-current-width)!important}.completion-overlay,.interrupt-overlay,.about-modal-overlay,.progression-overlay{z-index:var(--layer-shell-modal)!important}.app-shell{--app-shell-header-height: 56px;--sidebar-width: 0px;--sidebar-collapsed-width: 0px;--sidebar-current-width: 0px;display:flex!important;flex-direction:column!important;grid-template-columns:none!important;padding-top:0!important;margin-top:0!important;box-sizing:border-box;overflow:hidden!important}.app-shell>.sidebar,.sidebar,.nav-global-trigger,.nav-toggle-btn,.nav-utility-btn,.nav-zoom-controls,.nav-zoom-popover,.nav-zoom-rail,.nav-zoom-hint,.nav-zoom-hint-dismiss,.nav-rail-btn,.logout-btn,.brand,.brand-avatar{display:none!important}.app-shell>.app-theme-overlay,.app-shell>.ambient-particles-layer{left:0!important;right:0!important;top:0!important;bottom:0!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;transform:none!important}.app-shell>.content{flex:1 1 auto!important;min-height:0!important;width:100%!important;height:auto!important;overflow-y:auto!important;margin-top:0!important;padding-top:var(--app-shell-header-height)!important}.app-shell[data-layout-tier=desktop]>.app-theme-overlay,.app-shell[data-layout-tier=laptop]>.app-theme-overlay,.app-shell[data-layout-tier=desktop]>.ambient-particles-layer,.app-shell[data-layout-tier=laptop]>.ambient-particles-layer{left:0!important}.content.content-timer .timer-main-panel>.page-header>p{display:none}.app-shell[data-screen-preset="720p"] .content.content-timer .timer-main-panel>.page-header,.app-shell[data-screen-preset="1080p"] .content.content-timer .timer-main-panel>.page-header{display:none!important;margin:0!important;padding:0!important}.app-header{--app-header-control-height: 42px;position:fixed;inset:0 0 auto 0;height:var(--app-shell-header-height);min-height:var(--app-shell-header-height);max-height:var(--app-shell-header-height);z-index:1000;display:flex;align-items:center;margin-top:0;padding:0 12px;box-sizing:border-box;background:color-mix(in srgb,var(--bg-panel) 88%,transparent);border-bottom:1px solid color-mix(in srgb,var(--panel-border) 72%,transparent);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-header-inner{width:100%;height:100%;min-height:100%;max-height:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:0;padding-top:0}.app-header-brand{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;height:var(--app-header-control-height);min-width:0;white-space:nowrap;padding-inline:.1rem .25rem;color:var(--text-main)}.app-header-brand-mark{--orb-size: clamp(2rem, 2.15rem, 2.35rem);--orb-core: color-mix(in srgb, var(--bg-elevated) 90%, transparent);--orb-track: color-mix(in srgb, var(--panel-border) 78%, transparent);--orb-surface: color-mix(in srgb, var(--bg-elevated) 84%, transparent);width:var(--orb-size);height:var(--orb-size);border-radius:999px;position:relative;isolation:isolate;display:inline-grid;place-items:center;flex:0 0 auto;overflow:visible;color:var(--button-primary-text);background:radial-gradient(circle at 32% 28%,color-mix(in srgb,white 12%,transparent) 0 30%,transparent 56%),linear-gradient(180deg,color-mix(in srgb,var(--orb-accent) 20%,var(--orb-surface)),var(--orb-core));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--orb-accent) 22%,var(--orb-track)),0 0 0 1px color-mix(in srgb,var(--panel-border) 56%,transparent),0 6px 14px color-mix(in srgb,var(--orb-accent) 12%,transparent);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease,background-color .22s ease}.header-status-orb{text-decoration:none}.header-status-orb:before{content:"";position:absolute;top:-.22rem;right:-.22rem;bottom:-.22rem;left:-.22rem;border-radius:inherit;padding:.18rem;z-index:0;background:conic-gradient(from -90deg,var(--orb-accent) 0deg calc(var(--progress) * 1turn),color-mix(in srgb,var(--orb-accent) 18%,transparent) calc(var(--progress) * 1turn) 1turn);opacity:.72;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;box-shadow:0 0 .75rem color-mix(in srgb,var(--orb-accent) 24%,transparent);transition:opacity .18s ease,box-shadow .18s ease,filter .18s ease}.header-status-orb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:.42rem;height:.84rem;border-radius:999px;background:transparent;box-shadow:none;opacity:0;pointer-events:none;z-index:0;transition:opacity .18s ease}.header-status-orb-label{position:relative;z-index:1;line-height:0}.header-status-orb-icon{width:1rem;height:1rem;display:block;object-fit:cover;border-radius:999px;filter:drop-shadow(0 1px 2px color-mix(in srgb,black 16%,transparent))}.header-status-orb-locator{position:absolute;left:50%;top:50%;z-index:1;width:.3rem;height:.3rem;border-radius:999px;pointer-events:none;--orb-locator-radius: calc((var(--orb-size) / 2) - .2rem);transform:translate(-50%,-50%) rotate(calc(var(--progress) * 1turn - .25turn)) translateY(calc(-1 * var(--orb-locator-radius)));background:color-mix(in srgb,white 84%,var(--orb-accent));box-shadow:0 0 0 1px color-mix(in srgb,var(--orb-accent) 44%,transparent),0 0 .42rem color-mix(in srgb,var(--orb-accent) 52%,transparent);opacity:.88;transition:opacity .18s ease}.header-status-orb[data-state=idle]{--orb-accent: color-mix(in srgb, var(--text-muted) 72%, var(--panel-border));--orb-core: color-mix(in srgb, var(--bg-elevated) 94%, transparent);--orb-surface: color-mix(in srgb, var(--bg-elevated) 90%, transparent);--orb-track: color-mix(in srgb, var(--panel-border) 70%, transparent);filter:saturate(.88)}.header-status-orb[data-state=idle]:before{opacity:.36;box-shadow:none}.header-status-orb[data-state=focus-running]{--orb-surface: color-mix(in srgb, var(--accent) 12%, var(--bg-elevated));--orb-core: color-mix(in srgb, var(--accent) 8%, var(--bg-elevated));transform:translateZ(0) scale(1.01);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 34%,var(--panel-border)),0 0 0 1px color-mix(in srgb,var(--accent) 26%,transparent),0 0 .72rem color-mix(in srgb,var(--accent) 28%,transparent),0 8px 16px color-mix(in srgb,var(--accent) 12%,transparent);animation:header-status-orb-focus-pulse 2.8s ease-in-out infinite}.header-status-orb[data-state=focus-running]:before{opacity:1;box-shadow:0 0 .95rem color-mix(in srgb,var(--accent) 28%,transparent)}.header-status-orb[data-state=break-running]{--orb-accent: color-mix(in srgb, var(--accent-alt) 82%, white);--orb-surface: color-mix(in srgb, var(--accent-alt) 9%, var(--bg-elevated));--orb-core: color-mix(in srgb, var(--accent-alt) 6%, var(--bg-elevated));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-alt) 28%,var(--panel-border)),0 0 0 1px color-mix(in srgb,var(--accent-alt) 24%,transparent),0 0 .55rem color-mix(in srgb,var(--accent-alt) 18%,transparent),0 8px 14px color-mix(in srgb,var(--accent-alt) 9%,transparent);animation:header-status-orb-break-glow 3.6s ease-in-out infinite}.header-status-orb[data-state=break-running]:before{opacity:.82;box-shadow:0 0 .68rem color-mix(in srgb,var(--accent-alt) 18%,transparent)}.header-status-orb[data-state=paused]{--orb-accent: #f59e0b;--orb-surface: color-mix(in srgb, #f59e0b 8%, var(--bg-elevated));--orb-core: color-mix(in srgb, var(--bg-elevated) 92%, transparent);filter:saturate(.92);box-shadow:inset 0 0 0 1px color-mix(in srgb,#f59e0b 28%,var(--panel-border)),0 0 .42rem color-mix(in srgb,#f59e0b 14%,transparent)}.header-status-orb[data-state=paused]:before{opacity:.74;box-shadow:0 0 .6rem color-mix(in srgb,#f59e0b 16%,transparent)}.header-status-orb[data-state=paused]:after{opacity:.85;background:linear-gradient(90deg,transparent 0 20%,var(--orb-accent) 20% 38%,transparent 38% 62%,var(--orb-accent) 62% 80%,transparent 80% 100%)}.header-status-orb[data-state=completed]{--orb-accent: color-mix(in srgb, var(--accent) 62%, white);--orb-surface: color-mix(in srgb, var(--accent) 16%, var(--bg-elevated));--orb-core: color-mix(in srgb, var(--accent) 12%, var(--bg-elevated));transform:scale(1.05);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 42%,white),0 0 .95rem color-mix(in srgb,var(--accent) 32%,transparent),0 0 1.35rem color-mix(in srgb,white 12%,transparent);animation:header-status-orb-complete-burst .9s ease-out both}.header-status-orb[data-state=completed]:before{opacity:1;box-shadow:0 0 1.2rem color-mix(in srgb,var(--accent) 32%,transparent)}.header-status-orb[data-state=completed] .header-status-orb-label{text-shadow:0 0 .8rem color-mix(in srgb,white 22%,transparent),0 1px 2px color-mix(in srgb,black 18%,transparent)}.app-header-brand-name{font-size:.84rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1}.app-header-nav{flex:1 1 auto;height:100%;min-width:0;display:flex;align-items:center;gap:.35rem;overflow-x:auto;scrollbar-width:none;margin-top:0;padding-top:0;position:relative;top:0;transform:none;background:transparent}.app-header-nav::-webkit-scrollbar{width:0;height:0}.app-header-nav-item,.app-header-action-btn,.app-header-profile-btn{height:var(--app-header-control-height);border:1px solid color-mix(in srgb,var(--panel-border) 64%,transparent);background:color-mix(in srgb,var(--bg-surface) 82%,transparent);color:var(--text-main);border-radius:999px;padding:0 .85rem;display:inline-flex;align-items:center;gap:.5rem;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:none;margin-top:0;transform:none;opacity:.94;box-sizing:border-box;transition:background .16s ease,border-color .16s ease,transform .16s ease}.app-header-nav-item{background:transparent;border-color:transparent;color:color-mix(in srgb,var(--text-main) 84%,var(--text-soft))}.app-header-nav-item:hover,.app-header-action-btn:hover,.app-header-profile-btn:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--panel-border));background:color-mix(in srgb,var(--bg-elevated) 84%,transparent)}.app-header-nav-item.active,.app-header-action-btn.active{background:color-mix(in srgb,var(--accent) 16%,var(--bg-elevated));border-color:color-mix(in srgb,var(--accent) 58%,var(--panel-border))}.app-header-nav-item.active{background:color-mix(in srgb,var(--accent) 14%,var(--bg-elevated));color:var(--text-main);opacity:1;box-shadow:inset 0 -2px color-mix(in srgb,var(--accent) 72%,white)}.app-header-nav-item:focus-visible,.app-header-action-btn:focus-visible,.app-header-profile-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,white);outline-offset:2px}.app-header-nav-icon,.app-header-action-btn .material-symbols-outlined{font-size:1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem}.app-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:.015rem}.app-header-profile-btn{padding:0 .85rem}.app-header-action-btn,.app-header-profile-btn{border:0;border-radius:0;background:transparent;box-shadow:none}.app-header-action-btn:hover,.app-header-profile-btn:hover,.app-header-action-btn.active{border-color:transparent;background:color-mix(in srgb,var(--bg-elevated) 82%,transparent)}.app-header-feedback-btn{color:color-mix(in srgb,var(--accent) 76%,var(--text-main))}.app-header-feedback-btn:hover{background:color-mix(in srgb,var(--accent) 14%,var(--bg-elevated))}.app-header-divider{flex:0 0 1px;align-self:stretch;background:color-mix(in srgb,var(--panel-border) 56%,transparent);margin-inline:.2rem}.app-header-profile-avatar{width:28px;height:28px;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:var(--bg-base);border:1px solid var(--border-strong);color:var(--text-main);font-size:.78rem;font-weight:700;line-height:1;box-sizing:border-box}.app-shell>.content>.app-timebar{margin-top:0!important}.app-header-profile-avatar img{width:100%;height:100%;object-fit:cover}@keyframes header-status-orb-focus-pulse{0%,to{transform:translateZ(0) scale(1.01);filter:saturate(1) brightness(1)}50%{transform:translateZ(0) scale(1.03);filter:saturate(1.07) brightness(1.02)}}@keyframes header-status-orb-break-glow{0%,to{filter:saturate(.98) brightness(1)}50%{filter:saturate(1.03) brightness(1.03)}}@keyframes header-status-orb-complete-burst{0%{transform:scale(.98);filter:brightness(1)}45%{transform:scale(1.12);filter:brightness(1.18)}to{transform:scale(1);filter:brightness(1)}}@media (prefers-reduced-motion: reduce){.header-status-orb[data-state=focus-running],.header-status-orb[data-state=break-running],.header-status-orb[data-state=completed]{animation:none}.header-status-orb-locator{transition:none}}.audio-theme-popover-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;pointer-events:none;--audio-theme-panel-blur: 9px}.audio-theme-popover{--audio-theme-panel-blur: 9px;pointer-events:auto;width:min(420px,calc(100vw - 24px));max-width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 68px);overflow:auto;padding:1.1rem 1.15rem 1rem;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-bg) 88%,transparent),color-mix(in srgb,var(--panel-bg) 76%,transparent));border:1px solid color-mix(in srgb,var(--panel-border) 64%,transparent);border-radius:calc(var(--surface-radius) + .45rem);box-shadow:var(--popover-shell-shadow);-webkit-backdrop-filter:blur(var(--audio-theme-panel-blur));backdrop-filter:blur(var(--audio-theme-panel-blur))}.audio-theme-popover.panel{-webkit-backdrop-filter:blur(var(--audio-theme-panel-blur));backdrop-filter:blur(var(--audio-theme-panel-blur))}.audio-theme-popover .panel-header{align-items:flex-start;gap:10px;padding:.9rem 1rem;border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-bg) 92%,transparent),color-mix(in srgb,var(--panel-bg) 80%,transparent));border:1px solid color-mix(in srgb,var(--panel-border) 66%,transparent)}.audio-theme-popover .panel-header h2{margin:0;background:none;font-size:.98rem;letter-spacing:.01em;color:var(--text-main);font-weight:700}.audio-theme-popover .panel-subtitle{margin-top:3px;font-size:.8rem;line-height:1.25;color:var(--text-soft);opacity:1}.audio-theme-popover .panel-actions .btn{min-height:34px;padding-inline:.75rem;color:var(--text-main)}@media (max-width: 720px){.app-header{padding-inline:8px}.app-header-brand-name{display:none}.app-header-nav-item,.app-header-action-btn,.app-header-profile-btn{padding:0 .7rem;min-height:var(--app-header-control-height)}.app-header-divider{margin-inline:.1rem}.audio-theme-popover{width:min(420px,calc(100vw - 16px));max-width:min(420px,calc(100vw - 16px))}}.audio-theme-popover .studio-accordion{gap:7px}.audio-theme-popover .studio-accordion-item{border-color:color-mix(in srgb,var(--panel-border) 62%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-bg) 84%,transparent),color-mix(in srgb,var(--panel-bg) 70%,transparent));border-radius:15px}.audio-theme-popover .studio-accordion-panel-inner{background:linear-gradient(180deg,color-mix(in srgb,var(--panel-bg) 82%,transparent),color-mix(in srgb,var(--panel-bg) 68%,transparent))}.audio-theme-popover .music-player.accordion{background:linear-gradient(180deg,color-mix(in srgb,var(--panel-bg) 84%,transparent),color-mix(in srgb,var(--panel-bg) 70%,transparent))}.audio-theme-popover .music-player.accordion+.checkbox-row{background:linear-gradient(180deg,color-mix(in srgb,var(--panel-bg) 82%,transparent),color-mix(in srgb,var(--panel-bg) 70%,transparent))}.audio-theme-popover .studio-accordion-trigger{padding:11px 13px;grid-template-columns:minmax(74px,auto) minmax(0,1fr) auto;gap:8px}.audio-theme-popover .studio-accordion-label{font-size:.76rem;letter-spacing:.1em;color:var(--text-soft);font-weight:700;opacity:1}.audio-theme-popover .studio-accordion-summary{font-size:.88rem;font-weight:600;color:var(--text-main);opacity:1}.audio-theme-popover .studio-accordion-panel-inner{gap:9px;padding-inline:13px}.audio-theme-popover .studio-accordion-item.open .studio-accordion-panel-inner{padding-bottom:13px;max-height:min(34vh,280px)}.audio-theme-popover .studio-accordion-panel-inner label{display:grid;gap:5px;color:var(--text-soft);font-size:.84rem;line-height:1.2;opacity:1}.audio-theme-popover .studio-accordion-panel-inner .checkbox-row{display:inline-flex;align-items:center;gap:8px;margin-top:0;color:var(--text-soft);opacity:1}.audio-theme-popover .music-player.accordion{gap:var(--space-3, 12px)}.music-panel-controls,.audio-theme-panel .music-section,.audio-theme-panel .music-controls,.audio-theme-popover .music-player.accordion,.audio-theme-popover .music-player.accordion+.checkbox-row{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.audio-theme-popover .music-now-playing-line{gap:3px}.audio-theme-popover .music-now-playing-line span{font-size:.69rem;letter-spacing:.11em;color:var(--text-muted)}.audio-theme-popover .music-now-playing-line strong{font-size:.92rem;color:var(--text-main)}.audio-theme-popover .music-controls.compact-row{margin-top:0;gap:6px}.audio-theme-popover .music-controls.compact-row .btn{min-height:34px;padding-inline:.8rem}.audio-theme-popover .music-track-picker{gap:6px}.audio-theme-popover .music-track-picker{margin-top:0}.audio-theme-popover .music-track-picker{color:var(--text-muted);font-size:.84rem;line-height:1.2}.audio-theme-popover .music-track-picker{display:grid}.audio-theme-popover .music-track-dropdown,.audio-theme-popover .studio-accordion-panel-inner select{min-height:38px;color:var(--text-main);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-bg) 86%,transparent),color-mix(in srgb,var(--panel-bg) 72%,transparent));border-color:color-mix(in srgb,var(--panel-border) 64%,transparent)}.audio-theme-panel .continuous-playback-toggle,.audio-theme-popover .music-player.accordion+.checkbox-row{margin-top:10px}.audio-theme-popover .studio-accordion-panel-inner>.checkbox-row:last-child{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;width:100%;gap:8px 10px;margin-top:12px}.audio-theme-popover .studio-accordion-panel-inner>.checkbox-row:last-child>span{display:grid;gap:2px;min-width:0}.audio-theme-popover .studio-accordion-panel-inner>.checkbox-row:last-child small{display:block;color:var(--text-muted);opacity:1}.audio-theme-popover .music-player.accordion .music-track-picker{padding-top:0}.audio-theme-popover .music-player.accordion .music-controls.compact-row{flex-wrap:nowrap}.audio-theme-popover .music-player.accordion .music-controls.compact-row .btn{flex:1 1 0}.audio-theme-popover h2{color:var(--text-main)}.audio-theme-popover label{color:var(--text-soft);opacity:1}.audio-theme-popover select{color:var(--text-main)}.audio-theme-popover .checkbox-row{color:var(--text-soft);opacity:1}.audio-theme-popover .btn{color:var(--text-main)}html,body,#root{margin-top:0!important;padding-top:0!important}.app-shell,.app-header,.app-header-inner,.app-header-nav,.content,.page-grid,.timer-layout-upgraded{margin-top:0!important}.page-grid,.timer-layout-upgraded{padding-top:0!important}.app-shell{--timer-panel-main-outer: rgb(255 255 255 / .14);--timer-panel-main-inner: rgb(255 255 255 / .06);--timer-panel-main-border: rgb(255 255 255 / .18);--timer-panel-main-shadow: 0 24px 44px rgb(0 0 0 / .16), inset 0 1px 0 rgb(255 255 255 / .14);--timer-panel-hero-outer: rgb(255 255 255 / .2);--timer-panel-hero-inner: rgb(255 255 255 / .1);--timer-panel-hero-border: rgb(255 255 255 / .24);--timer-panel-hero-shadow: 0 28px 54px rgb(0 0 0 / .2), inset 0 1px 0 rgb(255 255 255 / .18);--timer-panel-display-outer: rgb(255 255 255 / .28);--timer-panel-display-inner: rgb(255 255 255 / .14);--timer-panel-display-border: rgb(255 255 255 / .28);--timer-panel-display-shadow: 0 22px 42px rgb(0 0 0 / .18), inset 0 1px 0 rgb(255 255 255 / .22), inset 0 -18px 30px rgb(0 0 0 / .05);--timer-panel-side-outer: rgb(255 255 255 / .16);--timer-panel-side-inner: rgb(255 255 255 / .08);--timer-panel-side-border: rgb(255 255 255 / .2);--timer-panel-side-shadow: 0 18px 34px rgb(0 0 0 / .14), inset 0 1px 0 rgb(255 255 255 / .12);--timer-panel-blur: 14px;--support-surface-outer: color-mix(in srgb, var(--panel-bg) 72%, transparent);--support-surface-inner: color-mix(in srgb, var(--panel-bg) 56%, transparent);--support-surface-border: color-mix(in srgb, var(--panel-border) 54%, transparent);--support-surface-shadow: 0 14px 28px rgb(0 0 0 / .12), inset 0 1px 0 rgb(255 255 255 / .08);--support-surface-soft-outer: color-mix(in srgb, var(--panel-bg) 56%, transparent);--support-surface-soft-inner: color-mix(in srgb, var(--panel-bg) 42%, transparent);--support-surface-soft-border: color-mix(in srgb, var(--panel-border) 46%, transparent);--support-surface-soft-shadow: 0 10px 22px rgb(0 0 0 / .1), inset 0 1px 0 rgb(255 255 255 / .06);--button-surface-outer: color-mix(in srgb, var(--panel-bg) 78%, transparent);--button-surface-inner: color-mix(in srgb, var(--panel-bg) 58%, transparent);--button-surface-border: color-mix(in srgb, var(--panel-border) 64%, transparent);--button-surface-shadow: 0 10px 20px rgb(0 0 0 / .12), inset 0 1px 0 rgb(255 255 255 / .12);--popover-shell-bg: rgb(16 25 42 / .45);--popover-shell-bg-image: linear-gradient(180deg, rgb(30 46 73 / .45), rgb(9 15 27 / .45)), radial-gradient(circle at 18% 0%, rgb(120 142 188 / .08), transparent 48%);--popover-shell-border: rgb(127 149 186 / .42);--popover-shell-shadow: 0 22px 44px rgb(0 0 0 / .38), inset 0 1px 0 rgb(255 255 255 / .08);--text-strong: var(--text-main);--text-readable: var(--text-strong);--text-muted-readable: var(--text-soft);--button-text: color-mix(in srgb, var(--text-main) 92%, var(--text-soft));--button-text-strong: color-mix(in srgb, var(--text-main) 98%, var(--text-soft));--button-primary-text: rgb(255 255 255 / .98);--button-destructive-text: rgb(255 247 247 / .98)}[data-theme=normal] .app-shell{--timer-panel-main-outer: rgb(255 250 244 / .56);--timer-panel-main-inner: rgb(255 239 221 / .34);--timer-panel-main-border: rgb(241 180 124 / .48);--timer-panel-main-shadow: 0 26px 52px rgb(154 52 18 / .16), inset 0 1px 0 rgb(255 255 255 / .6);--timer-panel-hero-outer: rgb(255 252 247 / .82);--timer-panel-hero-inner: rgb(255 233 210 / .46);--timer-panel-hero-border: rgb(236 152 89 / .56);--timer-panel-hero-shadow: 0 34px 64px rgb(154 52 18 / .2), 0 8px 22px rgb(251 146 60 / .14), inset 0 1px 0 rgb(255 255 255 / .76);--timer-panel-display-outer: rgb(255 255 252 / .96);--timer-panel-display-inner: rgb(255 243 229 / .84);--timer-panel-display-border: rgb(237 147 76 / .6);--timer-panel-display-shadow: 0 30px 56px rgb(154 52 18 / .18), inset 0 1px 0 rgb(255 255 255 / .82), inset 0 -20px 32px rgb(249 115 22 / .1);--timer-panel-side-outer: rgb(255 251 246 / .66);--timer-panel-side-inner: rgb(255 237 219 / .34);--timer-panel-side-border: rgb(239 165 106 / .44);--timer-panel-side-shadow: 0 22px 42px rgb(154 52 18 / .14), inset 0 1px 0 rgb(255 255 255 / .64);--timer-panel-blur: 16px;--popover-shell-bg: rgb(22 29 38 / .94);--popover-shell-bg-image: linear-gradient(180deg, rgb(52 42 33 / .34), rgb(15 19 25 / .54)), radial-gradient(circle at 14% 0%, rgb(241 168 100 / .14), transparent 52%);--popover-shell-border: rgb(199 148 98 / .4);--popover-shell-shadow: 0 22px 44px rgb(10 8 7 / .42), inset 0 1px 0 rgb(255 235 214 / .12)}[data-theme=beach-vibes] .app-shell{--timer-panel-main-outer: rgb(247 253 253 / .34);--timer-panel-main-inner: rgb(224 245 247 / .16);--timer-panel-main-border: rgb(124 191 205 / .3);--timer-panel-main-shadow: 0 22px 40px rgb(28 94 112 / .1), inset 0 1px 0 rgb(255 255 255 / .56);--timer-panel-hero-outer: rgb(255 255 255 / .62);--timer-panel-hero-inner: rgb(231 248 250 / .3);--timer-panel-hero-border: rgb(96 175 194 / .36);--timer-panel-hero-shadow: 0 28px 52px rgb(27 102 124 / .12), 0 10px 24px rgb(115 210 220 / .08), inset 0 1px 0 rgb(255 255 255 / .68);--timer-panel-display-outer: rgb(255 255 255 / .8);--timer-panel-display-inner: rgb(240 251 252 / .54);--timer-panel-display-border: rgb(84 171 192 / .38);--timer-panel-display-shadow: 0 22px 42px rgb(28 94 112 / .12), inset 0 1px 0 rgb(255 255 255 / .78), inset 0 -18px 32px rgb(126 215 223 / .1);--timer-panel-side-outer: rgb(252 255 255 / .5);--timer-panel-side-inner: rgb(229 247 249 / .22);--timer-panel-side-border: rgb(119 191 205 / .28);--timer-panel-side-shadow: 0 18px 34px rgb(28 94 112 / .1), inset 0 1px 0 rgb(255 255 255 / .62);--timer-panel-blur: 20px;--popover-shell-bg: rgb(13 45 68 / .94);--popover-shell-bg-image: linear-gradient(180deg, rgb(24 78 110 / .42), rgb(9 35 55 / .58)), radial-gradient(circle at 16% 0%, rgb(130 216 232 / .18), transparent 50%);--popover-shell-border: rgb(106 192 208 / .44);--popover-shell-shadow: 0 22px 44px rgb(4 19 33 / .42), inset 0 1px 0 rgb(224 248 252 / .1)}[data-theme=vintage] .app-shell{--timer-panel-main-outer: rgb(244 236 223 / .38);--timer-panel-main-inner: rgb(218 195 160 / .16);--timer-panel-main-border: rgb(150 116 81 / .34);--timer-panel-main-shadow: 0 24px 44px rgb(87 60 35 / .12), inset 0 1px 0 rgb(255 248 238 / .34);--timer-panel-hero-outer: rgb(248 242 232 / .62);--timer-panel-hero-inner: rgb(225 204 172 / .28);--timer-panel-hero-border: rgb(141 108 77 / .42);--timer-panel-hero-shadow: 0 28px 52px rgb(87 60 35 / .16), 0 8px 22px rgb(177 136 95 / .08), inset 0 1px 0 rgb(255 248 238 / .42);--timer-panel-display-outer: rgb(252 247 239 / .82);--timer-panel-display-inner: rgb(235 220 195 / .54);--timer-panel-display-border: rgb(139 94 60 / .42);--timer-panel-display-shadow: 0 22px 42px rgb(87 60 35 / .14), inset 0 1px 0 rgb(255 250 244 / .54), inset 0 -18px 30px rgb(139 94 60 / .08);--timer-panel-side-outer: rgb(246 239 228 / .52);--timer-panel-side-inner: rgb(222 200 169 / .22);--timer-panel-side-border: rgb(146 112 81 / .34);--timer-panel-side-shadow: 0 18px 34px rgb(87 60 35 / .12), inset 0 1px 0 rgb(255 248 238 / .38);--timer-panel-blur: 10px;--popover-shell-bg: rgb(47 34 26 / .95);--popover-shell-bg-image: linear-gradient(180deg, rgb(96 72 50 / .4), rgb(40 28 21 / .58)), radial-gradient(circle at 14% 0%, rgb(186 152 118 / .16), transparent 52%);--popover-shell-border: rgb(171 137 101 / .42);--popover-shell-shadow: 0 22px 44px rgb(22 14 10 / .44), inset 0 1px 0 rgb(244 228 207 / .12)}[data-theme=rustic] .app-shell{--timer-panel-main-outer: rgb(45 28 22 / .52);--timer-panel-main-inner: rgb(23 14 11 / .74);--timer-panel-main-border: rgb(130 86 55 / .34);--timer-panel-main-shadow: 0 28px 54px rgb(7 4 3 / .42), inset 0 1px 0 rgb(255 224 191 / .08);--timer-panel-hero-outer: rgb(69 42 29 / .68);--timer-panel-hero-inner: rgb(27 16 12 / .84);--timer-panel-hero-border: rgb(183 121 70 / .36);--timer-panel-hero-shadow: 0 32px 60px rgb(7 4 3 / .5), 0 10px 24px rgb(183 121 70 / .1), inset 0 1px 0 rgb(255 222 188 / .1);--timer-panel-display-outer: rgb(93 53 37 / .76);--timer-panel-display-inner: rgb(35 21 16 / .9);--timer-panel-display-border: rgb(214 164 107 / .34);--timer-panel-display-shadow: 0 24px 46px rgb(5 3 2 / .52), inset 0 1px 0 rgb(255 228 198 / .12), inset 0 -20px 32px rgb(183 121 70 / .08);--timer-panel-side-outer: rgb(57 35 27 / .62);--timer-panel-side-inner: rgb(26 16 12 / .8);--timer-panel-side-border: rgb(166 117 74 / .28);--timer-panel-side-shadow: 0 20px 38px rgb(7 4 3 / .42), inset 0 1px 0 rgb(255 220 185 / .08);--timer-panel-blur: 8px;--popover-shell-bg: rgb(39 24 18 / .95);--popover-shell-bg-image: linear-gradient(180deg, rgb(95 55 35 / .42), rgb(30 18 14 / .6)), radial-gradient(circle at 16% 0%, rgb(210 142 85 / .16), transparent 50%);--popover-shell-border: rgb(170 112 69 / .42);--popover-shell-shadow: 0 22px 44px rgb(9 5 4 / .5), inset 0 1px 0 rgb(255 220 185 / .08)}[data-theme=forest-cabin] .app-shell{--timer-panel-main-outer: rgb(28 43 32 / .48);--timer-panel-main-inner: rgb(12 20 15 / .74);--timer-panel-main-border: rgb(108 151 104 / .28);--timer-panel-main-shadow: 0 28px 52px rgb(4 8 5 / .38), inset 0 1px 0 rgb(232 245 233 / .08);--timer-panel-hero-outer: rgb(40 60 45 / .64);--timer-panel-hero-inner: rgb(15 24 18 / .82);--timer-panel-hero-border: rgb(111 163 108 / .34);--timer-panel-hero-shadow: 0 32px 58px rgb(4 8 5 / .46), 0 10px 22px rgb(111 163 108 / .08), inset 0 1px 0 rgb(233 245 233 / .1);--timer-panel-display-outer: rgb(56 81 60 / .7);--timer-panel-display-inner: rgb(18 30 21 / .88);--timer-panel-display-border: rgb(125 174 121 / .3);--timer-panel-display-shadow: 0 24px 46px rgb(4 8 5 / .46), inset 0 1px 0 rgb(236 246 236 / .12), inset 0 -18px 30px rgb(111 163 108 / .08);--timer-panel-side-outer: rgb(34 52 38 / .6);--timer-panel-side-inner: rgb(14 22 17 / .78);--timer-panel-side-border: rgb(108 151 104 / .24);--timer-panel-side-shadow: 0 20px 36px rgb(4 8 5 / .4), inset 0 1px 0 rgb(233 245 233 / .08);--timer-panel-blur: 10px;--popover-shell-bg: rgb(20 33 26 / .95);--popover-shell-bg-image: linear-gradient(180deg, rgb(39 63 45 / .42), rgb(15 26 20 / .62)), radial-gradient(circle at 16% 0%, rgb(128 173 123 / .16), transparent 52%);--popover-shell-border: rgb(111 157 107 / .4);--popover-shell-shadow: 0 22px 44px rgb(5 9 6 / .46), inset 0 1px 0 rgb(222 240 222 / .08)}[data-theme=forest-cabin] .app-shell [data-theme=forest-cabin] .btn.btn-primary,[data-theme=forest-cabin] .app-shell [data-theme=forest-cabin] .timer-action-focus,[data-theme=forest-cabin] .app-shell [data-theme=forest-cabin] .timer-action-energy{color:var(--button-primary-text, #fff)}[data-theme=forest-cabin] .app-shell [data-theme=forest-cabin] .timer-action-focus,[data-theme=forest-cabin] .app-shell [data-theme=forest-cabin] .timer-action-energy{background-color:color-mix(in srgb,var(--button-primary-bg) 84%,var(--panel-bg));border-color:color-mix(in srgb,var(--button-primary-bg) 62%,var(--panel-border))}[data-theme=forest-cabin] .app-shell [data-theme=forest-cabin] .timer-action-focus:hover,[data-theme=forest-cabin] .app-shell [data-theme=forest-cabin] .timer-action-energy:hover{color:var(--button-primary-text, #fff)}[data-theme=nightscape] .app-shell{--timer-panel-main-outer: rgb(27 38 77 / .48);--timer-panel-main-inner: rgb(9 14 33 / .72);--timer-panel-main-border: rgb(119 140 255 / .28);--timer-panel-main-shadow: 0 28px 54px rgb(3 6 18 / .42), inset 0 1px 0 rgb(245 247 255 / .08);--timer-panel-hero-outer: rgb(39 53 108 / .62);--timer-panel-hero-inner: rgb(11 17 40 / .82);--timer-panel-hero-border: rgb(138 125 255 / .34);--timer-panel-hero-shadow: 0 34px 62px rgb(3 6 18 / .48), 0 10px 24px rgb(108 125 255 / .14), inset 0 1px 0 rgb(245 247 255 / .12);--timer-panel-display-outer: rgb(53 67 130 / .72);--timer-panel-display-inner: rgb(12 18 44 / .9);--timer-panel-display-border: rgb(145 132 255 / .36);--timer-panel-display-shadow: 0 26px 48px rgb(2 4 16 / .5), 0 0 24px rgb(108 125 255 / .16), inset 0 1px 0 rgb(248 250 255 / .14);--timer-panel-side-outer: rgb(31 44 88 / .58);--timer-panel-side-inner: rgb(10 16 38 / .78);--timer-panel-side-border: rgb(128 138 255 / .26);--timer-panel-side-shadow: 0 20px 38px rgb(3 6 18 / .42), inset 0 1px 0 rgb(245 247 255 / .1);--timer-panel-blur: 12px;--popover-shell-bg: rgb(17 22 50 / .95);--popover-shell-bg-image: linear-gradient(180deg, rgb(46 54 113 / .44), rgb(13 18 44 / .62)), radial-gradient(circle at 16% 0%, rgb(150 135 255 / .2), transparent 50%);--popover-shell-border: rgb(132 137 255 / .44);--popover-shell-shadow: 0 22px 44px rgb(2 4 16 / .52), inset 0 1px 0 rgb(234 238 255 / .1)}[data-theme=midnight-noir] .app-shell{--timer-panel-main-outer: rgb(22 24 31 / .42);--timer-panel-main-inner: rgb(6 7 10 / .78);--timer-panel-main-border: rgb(94 100 116 / .2);--timer-panel-main-shadow: 0 30px 56px rgb(0 0 0 / .48), inset 0 1px 0 rgb(245 245 247 / .05);--timer-panel-hero-outer: rgb(26 29 37 / .56);--timer-panel-hero-inner: rgb(8 9 12 / .88);--timer-panel-hero-border: rgb(119 126 143 / .22);--timer-panel-hero-shadow: 0 34px 64px rgb(0 0 0 / .54), inset 0 1px 0 rgb(245 245 247 / .08);--timer-panel-display-outer: rgb(34 38 48 / .66);--timer-panel-display-inner: rgb(8 9 13 / .94);--timer-panel-display-border: rgb(131 138 156 / .22);--timer-panel-display-shadow: 0 26px 48px rgb(0 0 0 / .56), inset 0 1px 0 rgb(245 245 247 / .1), inset 0 -18px 28px rgb(0 0 0 / .2);--timer-panel-side-outer: rgb(24 26 34 / .5);--timer-panel-side-inner: rgb(8 9 11 / .82);--timer-panel-side-border: rgb(107 114 128 / .18);--timer-panel-side-shadow: 0 22px 40px rgb(0 0 0 / .48), inset 0 1px 0 rgb(245 245 247 / .06);--timer-panel-blur: 8px;--popover-shell-bg: rgb(15 19 27 / .96);--popover-shell-bg-image: linear-gradient(180deg, rgb(34 42 58 / .38), rgb(12 16 24 / .64)), radial-gradient(circle at 16% 0%, rgb(126 145 176 / .14), transparent 50%);--popover-shell-border: rgb(107 121 148 / .36);--popover-shell-shadow: 0 22px 44px rgb(0 0 0 / .56), inset 0 1px 0 rgb(220 230 247 / .08)}[data-theme=himalayan-drift] .app-shell{--timer-panel-main-outer: rgb(223 237 247 / .24);--timer-panel-main-inner: rgb(149 181 205 / .12);--timer-panel-main-border: rgb(167 202 226 / .26);--timer-panel-main-shadow: 0 24px 46px rgb(5 10 18 / .24), inset 0 1px 0 rgb(245 250 255 / .34);--timer-panel-hero-outer: rgb(233 243 250 / .36);--timer-panel-hero-inner: rgb(163 193 216 / .18);--timer-panel-hero-border: rgb(176 208 230 / .3);--timer-panel-hero-shadow: 0 30px 58px rgb(5 10 18 / .28), 0 10px 24px rgb(139 199 239 / .1), inset 0 1px 0 rgb(248 252 255 / .42);--timer-panel-display-outer: rgb(241 247 252 / .52);--timer-panel-display-inner: rgb(188 213 231 / .24);--timer-panel-display-border: rgb(184 214 235 / .34);--timer-panel-display-shadow: 0 24px 46px rgb(5 10 18 / .26), inset 0 1px 0 rgb(252 254 255 / .54), inset 0 -18px 30px rgb(139 199 239 / .08);--timer-panel-side-outer: rgb(228 240 248 / .3);--timer-panel-side-inner: rgb(156 186 209 / .14);--timer-panel-side-border: rgb(172 205 227 / .26);--timer-panel-side-shadow: 0 20px 38px rgb(5 10 18 / .22), inset 0 1px 0 rgb(247 251 255 / .34);--timer-panel-blur: 18px;--popover-shell-bg: rgb(12 31 52 / .95);--popover-shell-bg-image: linear-gradient(180deg, rgb(32 72 106 / .42), rgb(10 25 43 / .62)), radial-gradient(circle at 16% 0%, rgb(172 215 244 / .2), transparent 50%);--popover-shell-border: rgb(150 196 227 / .44);--popover-shell-shadow: 0 22px 44px rgb(4 10 18 / .46), inset 0 1px 0 rgb(236 247 255 / .12)}[data-theme=himalayan-drift] .app-shell [data-theme=himalayan-drift] .btn.btn-primary,[data-theme=himalayan-drift] .app-shell [data-theme=himalayan-drift] .timer-action-focus,[data-theme=himalayan-drift] .app-shell [data-theme=himalayan-drift] .timer-action-energy{color:var(--button-primary-text, #fff)}[data-theme=himalayan-drift] .app-shell [data-theme=himalayan-drift] .timer-action-focus,[data-theme=himalayan-drift] .app-shell [data-theme=himalayan-drift] .timer-action-energy{background-color:color-mix(in srgb,var(--button-primary-bg) 82%,var(--panel-bg));border-color:color-mix(in srgb,var(--button-primary-bg) 60%,var(--panel-border))}[data-theme=himalayan-drift] .app-shell [data-theme=himalayan-drift] .timer-action-focus:hover,[data-theme=himalayan-drift] .app-shell [data-theme=himalayan-drift] .timer-action-energy:hover{color:var(--button-primary-text, #fff)}[data-theme=antique] .app-shell{--text-strong: #2b1a10;--text-readable: #3a2415;--text-main: var(--text-readable);--text-muted-readable: #5a3f2d;--text-soft: var(--text-muted-readable);--text-secondary: var(--text-muted-readable);--button-text: var(--text-readable);--button-text-strong: var(--text-strong);--button-primary-text: var(--text-strong);--button-destructive-text: var(--text-strong);--support-surface-outer: rgb(249 242 231 / .98);--support-surface-inner: rgb(240 228 209 / .96);--support-surface-border: rgb(169 134 101 / .38);--support-surface-shadow: 0 14px 28px rgb(97 63 34 / .12), inset 0 1px 0 rgb(255 251 244 / .7);--support-surface-soft-outer: rgb(244 235 221 / .96);--support-surface-soft-inner: rgb(234 219 199 / .94);--support-surface-soft-border: rgb(158 121 89 / .34);--support-surface-soft-shadow: 0 10px 22px rgb(97 63 34 / .1), inset 0 1px 0 rgb(255 248 240 / .58);--button-surface-outer: rgb(240 229 214 / .98);--button-surface-inner: rgb(226 208 183 / .96);--button-surface-border: rgb(145 109 74 / .44);--button-surface-shadow: 0 10px 20px rgb(90 54 29 / .12), inset 0 1px 0 rgb(255 250 242 / .66);--timer-panel-main-outer: rgb(240 231 218 / .98);--timer-panel-main-inner: rgb(233 220 201 / .96);--timer-panel-main-border: rgb(156 120 88 / .4);--timer-panel-main-shadow: 0 24px 44px rgb(93 60 32 / .12), inset 0 1px 0 rgb(255 250 243 / .72);--timer-panel-hero-outer: rgb(252 247 238 / .99);--timer-panel-hero-inner: rgb(244 235 220 / .98);--timer-panel-hero-border: rgb(147 110 77 / .42);--timer-panel-hero-shadow: 0 26px 48px rgb(84 51 28 / .1), 0 8px 20px rgb(191 153 112 / .08), inset 0 1px 0 rgb(255 252 247 / .8);--timer-panel-display-outer: rgb(255 251 244 / 1);--timer-panel-display-inner: rgb(246 239 226 / .98);--timer-panel-display-border: rgb(150 112 79 / .42);--timer-panel-display-shadow: 0 22px 42px rgb(86 53 28 / .1), inset 0 1px 0 rgb(255 253 249 / .8), inset 0 -18px 30px rgb(165 126 89 / .06);--timer-panel-side-outer: rgb(246 237 223 / .96);--timer-panel-side-inner: rgb(232 219 199 / .94);--timer-panel-side-border: rgb(150 114 82 / .38);--timer-panel-side-shadow: 0 18px 34px rgb(84 51 28 / .1), inset 0 1px 0 rgb(255 250 244 / .64);--timer-panel-blur: 2px;--popover-shell-bg: rgb(248 241 230 / .98);--popover-shell-bg-image: linear-gradient(180deg, rgb(255 252 248 / .96), rgb(238 226 206 / .9)), radial-gradient(circle at 14% 0%, rgb(176 138 91 / .08), transparent 52%);--popover-shell-border: rgb(156 120 87 / .38);--popover-shell-shadow: 0 22px 44px rgb(86 53 28 / .14), inset 0 1px 0 rgb(255 253 249 / .8)}[data-theme=antique] .page-header h1,[data-theme=antique] .panel h2,[data-theme=antique] .timer-meta-row h2,[data-theme=antique] .timer-display-label,[data-theme=antique] .timer-display-mode,[data-theme=antique] .timer-display-clock,[data-theme=antique] .timer-task-name,[data-theme=antique] .timer-context-title,[data-theme=antique] .timer-focus-title,[data-theme=antique] .app-header-nav-item,[data-theme=antique] .app-header-action-btn,[data-theme=antique] .app-header-profile-btn,[data-theme=antique] .weather-location,[data-theme=antique] .weather-temp,[data-theme=antique] .weather-range,[data-theme=antique] .weather-datetime,[data-theme=antique] .audio-theme-popover .panel-header h2,[data-theme=antique] .audio-theme-popover .studio-accordion-summary,[data-theme=antique] .audio-theme-popover .music-now-playing-line strong,[data-theme=antique] .audio-theme-popover .music-track-dropdown,[data-theme=antique] .audio-theme-popover .studio-accordion-panel-inner select,[data-theme=antique] .audio-theme-popover select,[data-theme=antique] .audio-theme-popover h2,[data-theme=antique] .content.content-timer .timer-task-side label,[data-theme=antique] .content.content-timer .timer-task-side .checkbox-row,[data-theme=antique] .content.content-timer .timer-task-side select,[data-theme=antique] .content.content-timer .timer-task-side .timer-task-title{color:var(--text-readable)}[data-theme=antique] .page-header p,[data-theme=antique] .panel-subtitle,[data-theme=antique] .stat-label,[data-theme=antique] .stat-hint,[data-theme=antique] .app-timebar-label,[data-theme=antique] .app-timebar-date,[data-theme=antique] .brand p,[data-theme=antique] .brand small,[data-theme=antique] .loop-card p,[data-theme=antique] .loop-card li,[data-theme=antique] .audio-theme-popover .panel-subtitle,[data-theme=antique] .audio-theme-popover .studio-accordion-label,[data-theme=antique] .audio-theme-popover .studio-accordion-panel-inner label,[data-theme=antique] .audio-theme-popover .studio-accordion-panel-inner .checkbox-row,[data-theme=antique] .audio-theme-popover .music-track-picker,[data-theme=antique] .audio-theme-popover .music-now-playing-line span,[data-theme=antique] .audio-theme-popover .studio-accordion-panel-inner>.checkbox-row:last-child small,[data-theme=antique] .audio-theme-popover label,[data-theme=antique] .audio-theme-popover .checkbox-row,[data-theme=antique] .content.content-timer .timer-task-side .muted,[data-theme=antique] .content.content-timer .timer-quote,[data-theme=antique] .content.content-timer .timer-inline-focus-score,[data-theme=antique] .content.content-timer .timer-task-selector-label{color:var(--text-muted-readable);opacity:1}[data-theme=antique] .btn,[data-theme=antique] .timer-quick-start-row .btn,[data-theme=antique] .timer-actions-row .btn,[data-theme=antique] .audio-theme-popover .btn{color:var(--button-text)}[data-theme=antique] .btn-primary{color:var(--button-primary-text)}[data-theme=antique] .btn.btn-destructive{background:linear-gradient(180deg,#ebbeb6fa,#dca298f5);background-color:transparent;border-color:#b2766c7a;box-shadow:0 10px 20px #5a361d1a,inset 0 1px #fffaf299;color:var(--button-destructive-text, var(--text-strong))}[data-theme=antique] .content.content-timer .page-content.page-width-timer{background:linear-gradient(180deg,var(--support-surface-outer),var(--support-surface-inner)),linear-gradient(145deg,rgb(255 255 255 / .06),transparent 52%);background-color:transparent;border:1px solid var(--support-surface-border);box-shadow:var(--support-surface-shadow);-webkit-backdrop-filter:blur(calc(var(--timer-panel-blur) * .5));backdrop-filter:blur(calc(var(--timer-panel-blur) * .5))}.page-content,.panel,.stat-card,.app-timebar{background:linear-gradient(180deg,var(--support-surface-outer),var(--support-surface-inner)),linear-gradient(145deg,rgb(255 255 255 / .06),transparent 52%);background-color:transparent;border-color:var(--support-surface-border);box-shadow:var(--support-surface-shadow);-webkit-backdrop-filter:blur(calc(var(--timer-panel-blur) * .45));backdrop-filter:blur(calc(var(--timer-panel-blur) * .45))}.history-control-group,.session-list li{background:linear-gradient(180deg,var(--support-surface-soft-outer),var(--support-surface-soft-inner)),linear-gradient(145deg,rgb(255 255 255 / .05),transparent 56%);background-color:transparent;border-color:var(--support-surface-soft-border);box-shadow:var(--support-surface-soft-shadow);-webkit-backdrop-filter:blur(calc(var(--timer-panel-blur) * .32));backdrop-filter:blur(calc(var(--timer-panel-blur) * .32))}.panel-subtitle,.session-list small,.app-timebar-label,.app-timebar-date{color:color-mix(in srgb,var(--text-soft) 72%,var(--text-muted))}.btn{background:linear-gradient(180deg,var(--button-surface-outer),var(--button-surface-inner)),linear-gradient(145deg,rgb(255 255 255 / .12),transparent 58%);background-color:transparent;border-color:var(--button-surface-border);box-shadow:var(--button-surface-shadow);color:var(--button-text, var(--text-strong, var(--text-main)))}.btn:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--button-surface-outer) 86%,var(--accent) 14%),color-mix(in srgb,var(--button-surface-inner) 92%,var(--accent) 8%)),linear-gradient(145deg,rgb(255 255 255 / .16),transparent 58%);color:var(--button-text-strong, var(--button-text, var(--text-strong, var(--text-main))))}.btn:active{color:var(--button-text-strong, var(--button-text, var(--text-strong, var(--text-main))))}.btn-primary{color:var(--button-primary-text, var(--button-text-strong, var(--text-main)));box-shadow:0 0 0 1px color-mix(in srgb,var(--button-primary-bg) 34%,transparent),0 14px 28px color-mix(in srgb,var(--button-primary-bg) 18%,transparent),inset 0 1px #ffffff2e}.btn-primary:hover,.btn-primary:active{color:var(--button-primary-text, var(--button-text-strong, var(--text-main)))}.app-modal .btn.btn-primary,.tour-layer .btn.btn-primary,.tour-launcher-popover .btn.btn-primary,.interrupt-sheet .btn.btn-primary,.completion-card .btn.btn-primary,.about-modal .btn.btn-primary,.todo-create-sheet .btn.btn-primary,.habit-create-sheet .btn.btn-primary,.import-sheet .btn.btn-primary,.app-modal [role=dialog] .btn.btn-primary{background:var(--button-primary-bg);border-color:var(--button-primary-border, var(--button-primary-bg));color:var(--button-primary-text)}.btn.btn-destructive:hover,.btn.btn-destructive:active,.btn.btn-destructive:focus-visible{color:var(--button-destructive-text, #fff)}.app-header-action-btn,.app-header-profile-btn{color:var(--button-text);opacity:1}.app-header-action-btn:hover,.app-header-profile-btn:hover,.app-header-action-btn.active{color:var(--button-text-strong)}.app-header-nav-item{opacity:1}.app-header-nav-item:hover,.app-header-nav-item.active{color:var(--button-text-strong)}.content.content-timer .page-content.page-width-timer{background:transparent;background-color:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.content.content-timer .timer-main-panel,.content.content-timer .timer-hero-card,.content.content-timer .timer-style:not(.reveal-scene-style),.content.content-timer .timer-task-side,.focus-mode-display .timer-style:not(.reveal-scene-style){position:relative;isolation:isolate;overflow:hidden}.content.content-timer .timer-main-panel:before,.content.content-timer .timer-hero-card:before,.content.content-timer .timer-style:not(.reveal-scene-style):before,.content.content-timer .timer-task-side:before,.focus-mode-display .timer-style:not(.reveal-scene-style):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(145deg,rgb(255 255 255 / .1),transparent 48%);opacity:.18;z-index:0}[data-theme=normal] .content.content-timer .timer-style.monolith-style:before,[data-theme=normal] .focus-mode-display .timer-style.monolith-style:before{background:linear-gradient(145deg,rgb(255 255 255 / .08),transparent 42%);opacity:.26}.content.content-timer .timer-main-panel>*,.content.content-timer .timer-hero-card>*,.content.content-timer .timer-style:not(.reveal-scene-style)>*,.content.content-timer .timer-task-side>*,.focus-mode-display .timer-style:not(.reveal-scene-style)>*{position:relative;z-index:2}.content.content-timer .timer-style.neon-orbit-style>svg,.focus-mode-display .timer-style.neon-orbit-style>svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0}.content.content-timer .timer-style.neon-orbit-style>.timer-overlay,.focus-mode-display .timer-style.neon-orbit-style>.timer-overlay{position:relative;z-index:2;justify-self:center;align-self:center}.content.content-timer .timer-style.rectangular-progress-style>.rect-progress-border,.focus-mode-display .timer-style.rectangular-progress-style>.rect-progress-border{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.content.content-timer .timer-style.rectangular-progress-style>.rect-timer-value,.focus-mode-display .timer-style.rectangular-progress-style>.rect-timer-value{position:relative;z-index:2;justify-self:center;align-self:center}.content.content-timer .timer-style.wave-progress-style>.wave-scene-base,.content.content-timer .timer-style.wave-progress-style>.wave-sun-glow,.content.content-timer .timer-style.wave-progress-style>.wave-fill,.content.content-timer .timer-style.wave-progress-style>.wave-shimmer,.focus-mode-display .timer-style.wave-progress-style>.wave-scene-base,.focus-mode-display .timer-style.wave-progress-style>.wave-sun-glow,.focus-mode-display .timer-style.wave-progress-style>.wave-fill,.focus-mode-display .timer-style.wave-progress-style>.wave-shimmer{position:absolute;left:0;right:0;pointer-events:none}.content.content-timer .timer-style.wave-progress-style>.wave-scene-base,.content.content-timer .timer-style.wave-progress-style>.wave-sun-glow,.content.content-timer .timer-style.wave-progress-style>.wave-shimmer,.focus-mode-display .timer-style.wave-progress-style>.wave-scene-base,.focus-mode-display .timer-style.wave-progress-style>.wave-sun-glow,.focus-mode-display .timer-style.wave-progress-style>.wave-shimmer{top:0;bottom:0}.content.content-timer .timer-style.wave-progress-style>.wave-fill,.focus-mode-display .timer-style.wave-progress-style>.wave-fill{bottom:0}.content.content-timer .timer-style.wave-progress-style>.wave-progress-foreground,.focus-mode-display .timer-style.wave-progress-style>.wave-progress-foreground{position:relative;z-index:4}.content.content-timer .timer-main-panel{background:linear-gradient(180deg,var(--timer-panel-main-outer),var(--timer-panel-main-inner)),radial-gradient(circle at top,rgb(255 255 255 / .1),transparent 54%);background-color:transparent;border:1px solid var(--timer-panel-main-border);box-shadow:var(--timer-panel-main-shadow);-webkit-backdrop-filter:blur(calc(var(--timer-panel-blur) * .72));backdrop-filter:blur(calc(var(--timer-panel-blur) * .72))}.content.content-timer .timer-hero-card{background:linear-gradient(180deg,var(--timer-panel-hero-outer),var(--timer-panel-hero-inner)),radial-gradient(circle at 50% 0%,rgb(255 255 255 / .1),transparent 58%);background-color:transparent;border:1px solid var(--timer-panel-hero-border);box-shadow:var(--timer-panel-hero-shadow);-webkit-backdrop-filter:blur(calc(var(--timer-panel-blur) * .92));backdrop-filter:blur(calc(var(--timer-panel-blur) * .92))}.content.content-timer .timer-hero-primary .timer-style:not(.reveal-scene-style),.content.content-timer .timer-style:not(.reveal-scene-style),.focus-mode-display .timer-style:not(.reveal-scene-style){border-radius:inherit;padding:var(--timer-shell-padding-current)}.content.content-timer .timer-style.reveal-scene-style,.focus-mode-display .timer-style.reveal-scene-style{background:transparent;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.content.content-timer .timer-style.reveal-scene-style:before,.focus-mode-display .timer-style.reveal-scene-style:before{content:none}.focus-mode-display .timer-style:not(.reveal-scene-style){border-radius:inherit;padding:var(--timer-shell-padding-current)}[data-theme=antique] .focus-mode-screen{background:radial-gradient(circle at 18% 22%,rgb(176 138 91 / .2),transparent 42%),radial-gradient(circle at 78% 78%,rgb(143 107 67 / .18),transparent 46%),color-mix(in srgb,var(--bg-base) 68%,var(--bg-elevated))}[data-theme=antique] .focus-mode-screen:before{filter:saturate(.88) brightness(.64) blur(1.4px);opacity:.96}[data-theme=antique] .focus-mode-screen:after{background:color-mix(in srgb,var(--bg-overlay) 84%,transparent)}[data-theme=antique] .focus-mode-meta,[data-theme=antique] .focus-mode-control-group,[data-theme=antique] .focus-mode-footer-tools{background:linear-gradient(180deg,#fffbf5fa,#f4ece1f2),linear-gradient(145deg,rgb(255 255 255 / .2),transparent 60%);background-color:transparent;border:1px solid rgb(172 137 104 / .32);border-radius:16px;box-shadow:0 14px 32px #56351c1f,inset 0 1px #ffffffb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}[data-theme=antique] .focus-mode-meta{padding:clamp(.9rem,1.25vmin,1.2rem) clamp(1rem,1.35vmin,1.35rem)}[data-theme=antique] .focus-mode-control-group{padding:clamp(.8rem,1.1vmin,1rem) clamp(.85rem,1.2vmin,1.15rem)}[data-theme=antique] .focus-mode-display .timer-display-shell{border-color:#9672525c;background:linear-gradient(180deg,#fff9f1f5,#f2e6d3f0),radial-gradient(circle at 50% 0%,rgb(255 255 255 / .24),transparent 58%);box-shadow:0 26px 66px #52321a2e,0 0 30px #a57e590f,inset 0 1px #fffdf9b3}[data-theme=antique] .focus-mode-display .timer-style{background:linear-gradient(180deg,var(--timer-panel-display-outer),var(--timer-panel-display-inner)),radial-gradient(circle at 50% 0%,rgb(255 255 255 / .18),transparent 56%);border-color:var(--timer-panel-display-border);box-shadow:var(--timer-panel-display-shadow);-webkit-backdrop-filter:blur(calc(var(--timer-panel-blur) * .8));backdrop-filter:blur(calc(var(--timer-panel-blur) * .8))}[data-theme=antique] .focus-mode-display .antique-redesign-core small{color:var(--text-muted-readable)}[data-theme=antique] .focus-mode-display .antique-redesign-core p{color:var(--button-destructive-text, var(--text-strong));text-shadow:0 1px 0 rgb(255 251 244 / .8),0 10px 24px rgb(87 55 30 / .14)}[data-theme=antique] .focus-mode-display .antique-redesign-core span{color:var(--text-readable)}[data-theme=antique] .focus-mode-meta .focus-mode-eyebrow,[data-theme=antique] .focus-mode-meta .focus-mode-phase,[data-theme=antique] .focus-mode-meta .focus-mode-control-label{color:var(--text-muted-readable)}[data-theme=antique] .focus-mode-meta h2,[data-theme=antique] .focus-mode-note{color:var(--text-readable)}[data-theme=antique] .focus-mode-control-label{color:var(--button-destructive-text, var(--text-strong));display:inline-block;width:fit-content;padding:.22rem .45rem;border-radius:999px;background:#fffcf7e6;box-shadow:inset 0 1px #fffc}[data-theme=antique] .focus-mode-button,[data-theme=antique] .focus-mode-style-select{background:linear-gradient(180deg,var(--support-surface-soft-outer),var(--support-surface-soft-inner)),linear-gradient(145deg,rgb(255 255 255 / .08),transparent 56%);background-color:transparent;border-color:var(--support-surface-soft-border);box-shadow:var(--support-surface-soft-shadow);color:var(--text-readable)}[data-theme=antique] .focus-mode-exit{background:linear-gradient(180deg,var(--support-surface-soft-outer),var(--support-surface-soft-inner)),linear-gradient(145deg,rgb(255 255 255 / .08),transparent 56%);background-color:#f3e6d2;border-color:var(--support-surface-soft-border);box-shadow:var(--support-surface-soft-shadow);color:var(--text-readable)}[data-theme=antique] .focus-mode-button.is-primary{background:linear-gradient(180deg,#f0d4abfa,#dbb987f5),linear-gradient(145deg,rgb(255 255 255 / .1),transparent 56%);border-color:#aa7e4e80;color:var(--button-destructive-text, var(--text-strong))}[data-theme=antique] .app-header-profile-avatar{background:#3a2415;border-color:#8b623e;color:#fff7ea}[data-theme=antique] .app-header-profile-avatar span{color:#fff7ea}[data-theme=antique] .focus-mode-meta,[data-theme=antique] .focus-mode-control-group,[data-theme=antique] .avatar-editor,[data-theme=antique] .floating-dock,[data-theme=antique] .floating-block,[data-theme=antique] .content.content-timer .timer-task-side,[data-theme=antique] .music-player,[data-theme=antique] .audio-theme-popover,[data-theme=antique] .focus-mode-footer-tools{background:#f3e6d2;border-color:#b4875d;color:#342113}[data-theme=antique] .floating-dock-header strong,[data-theme=antique] .floating-block-toggle-summary,[data-theme=antique] .floating-block-chevron,[data-theme=antique] .floating-block .music-label,[data-theme=antique] .floating-block .music-now small,[data-theme=antique] .content.content-timer .timer-task-side .music-label,[data-theme=antique] .content.content-timer .timer-task-side .music-now small,[data-theme=antique] .preset-menu-trigger-active,[data-theme=antique] .preset-menu-heading{color:#6a4a31}[data-theme=antique] .floating-block .music-now strong,[data-theme=antique] .floating-block .volume-row,[data-theme=antique] .content.content-timer .timer-task-side .music-now strong,[data-theme=antique] .content.content-timer .timer-task-side .volume-row,[data-theme=antique] .preset-menu-trigger,[data-theme=antique] .preset-menu-trigger-label{color:#342113}[data-theme=antique] .preset-chip,[data-theme=antique] .preset-menu-trigger,[data-theme=antique] .preset-menu-popover{background:#fff7ea;border-color:#b4875d;color:#342113}[data-theme=antique] .preset-chip.active,[data-theme=antique] .preset-menu-trigger.active{background:#5a351f;border-color:#8b623e;color:#fff7ea;box-shadow:0 0 0 1px #8b623e3d}[data-theme=antique] .preset-chip.active .preset-menu-trigger-label,[data-theme=antique] .preset-chip.active .preset-menu-trigger-active,[data-theme=antique] .preset-menu-trigger.active .preset-menu-trigger-label,[data-theme=antique] .preset-menu-trigger.active .preset-menu-trigger-active{color:#fff7ea}[data-theme=antique] .floating-retro-timer{background:#3a2415;border-color:#8b623e;color:#fff7ea}[data-theme=antique] .floating-retro-cell{background:#fff7ea;border-color:#b4875d;color:#342113}[data-theme=antique] .floating-retro-group small,[data-theme=antique] .floating-retro-phase{color:#e9d7bf}[data-theme=antique] .avatar-preview{background:#fff7ea;border-color:#7a5334;color:#342113}[data-theme=antique] .avatar-preview span{color:#342113}[data-theme=antique] .music-player *,[data-theme=antique] .audio-theme-popover *{color:inherit}[data-theme=antique] .music-player .btn,[data-theme=antique] .audio-theme-popover .btn{color:#342113;border-color:#8b623e;background:#fff7ea}[data-theme=antique] .music-player .btn-primary,[data-theme=antique] .audio-theme-popover .btn-primary{background:#5a351f;border-color:#5a351f;color:#fff7ea}[data-theme=normal] .content.content-timer .timer-hero-card.normal-lit .monolith-style{background:radial-gradient(circle at 50% 46%,rgb(255 198 112 / .18),transparent 46%),radial-gradient(circle at 50% 0%,rgb(255 255 255 / .44),transparent 34%),linear-gradient(180deg,#faf5ecfc,#f0e7d9fb 56%,#e5dac9fc);border-color:color-mix(in srgb,var(--timer-panel-display-border) 84%,#d08b45);box-shadow:var(--timer-panel-display-shadow),0 0 0 1px #d08b4524,0 18px 40px #b885441f,inset 0 1px #ffffffd1,inset 0 -14px 28px #81623a14;animation:none;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=normal] .content.content-timer .timer-launch-shell.session-start .monolith-style{box-shadow:var(--timer-panel-display-shadow),0 0 0 1px #ffb84d38,0 24px 58px #fb923c38,0 0 60px #ffb84d38,inset 0 1px #fffffff2;animation:normalTimerBorderPulse 3.2s ease-in-out infinite,normalTimerStartPop .46s ease-out 1}[data-theme=normal] .content.content-timer .timer-hero-card.normal-lit .monolith-style p,[data-theme=normal] .content.content-timer .timer-hero-card.normal-lit .monolith-style small{color:#0f172a;opacity:1;text-shadow:0 1px 0 rgb(255 255 255 / .64)}[data-theme=normal] .content.content-timer .timer-hero-card.normal-lit .monolith-style p{animation:none;font-weight:700;filter:none}[data-theme=normal] .content.content-timer .timer-launch-shell .monolith-style,[data-theme=normal] .content.content-timer .timer-hero-card.normal-lit .monolith-style{color:var(--text-main)}[data-theme=normal] .content.content-timer .timer-launch-shell .monolith-style p,[data-theme=normal] .content.content-timer .timer-launch-shell .monolith-style small,[data-theme=normal] .content.content-timer .timer-hero-card.normal-lit .monolith-style p,[data-theme=normal] .content.content-timer .timer-hero-card.normal-lit .monolith-style small{color:#000;opacity:1;mix-blend-mode:normal;text-shadow:none;-webkit-text-fill-color:#000000}[data-theme=normal] .content.content-timer .timer-launch-shell .monolith-style p,[data-theme=normal] .content.content-timer .timer-hero-card.normal-lit .monolith-style p{font-weight:700;filter:none;animation:none}[data-theme=normal] .content.content-timer .timer-main-panel{background:linear-gradient(180deg,#fffaf3fa,#f8eedff5),radial-gradient(circle at top,rgb(255 255 255 / .18),transparent 54%);border-color:color-mix(in srgb,#d97706 48%,var(--timer-panel-main-border));box-shadow:0 30px 62px #9a341233,inset 0 1px #ffffffb8}[data-theme=normal] .content.content-timer .timer-hero-card{border-color:color-mix(in srgb,#f97316 44%,var(--timer-border));box-shadow:0 18px 42px #9a34121f,inset 0 1px #ffffffb8}.content.content-timer .timer-style.monolith-style,.content.content-timer .timer-style.neon-orbit-style,.content.content-timer .timer-style.digital-style.neon-style,.content.content-timer .timer-style.minimal-style.mono-style,.content.content-timer .timer-style.card-style.cyber-style,.content.content-timer .timer-style.immersive-style.glass-style,.content.content-timer .timer-style.split-flap-style,.content.content-timer .timer-style.rectangular-progress-style,.content.content-timer .timer-style.terminal-style,.content.content-timer .timer-style.warm-block-style,.content.content-timer .timer-style.paper-card-style,.content.content-timer .timer-style.luxury-minimal-style,.focus-mode-display .timer-style.monolith-style,.focus-mode-display .timer-style.neon-orbit-style,.focus-mode-display .timer-style.digital-style.neon-style,.focus-mode-display .timer-style.minimal-style.mono-style,.focus-mode-display .timer-style.card-style.cyber-style,.focus-mode-display .timer-style.immersive-style.glass-style,.focus-mode-display .timer-style.split-flap-style,.focus-mode-display .timer-style.rectangular-progress-style,.focus-mode-display .timer-style.terminal-style,.focus-mode-display .timer-style.warm-block-style,.focus-mode-display .timer-style.paper-card-style,.focus-mode-display .timer-style.luxury-minimal-style{position:relative;isolation:isolate;overflow:hidden}.focus-mode-screen .focus-mode-display{overflow:visible}.focus-mode-screen .focus-mode-display .timer-display-shell{position:relative;isolation:isolate;box-shadow:0 26px 70px #0000006b,0 0 46px color-mix(in srgb,var(--timer-panel-display-border) 36%,transparent),inset 0 1px #ffffff2e}.content.content-timer .timer-style.neon-orbit-style>svg,.focus-mode-display .timer-style.neon-orbit-style>svg,.content.content-timer .timer-style.rectangular-progress-style>.rect-progress-border,.focus-mode-display .timer-style.rectangular-progress-style>.rect-progress-border{z-index:1}.content.content-timer .timer-style.neon-orbit-style>.timer-overlay,.focus-mode-display .timer-style.neon-orbit-style>.timer-overlay,.content.content-timer .timer-style.neon-orbit-style>.orbit-dots,.focus-mode-display .timer-style.neon-orbit-style>.orbit-dots,.content.content-timer .timer-style.rectangular-progress-style>.rect-timer-value,.focus-mode-display .timer-style.rectangular-progress-style>.rect-timer-value,.content.content-timer .timer-style.split-flap-style .split-cell,.focus-mode-display .timer-style.split-flap-style .split-cell{position:relative;z-index:2}.content.content-timer .timer-style.monolith-style:after,.content.content-timer .timer-style.neon-orbit-style:after,.content.content-timer .timer-style.digital-style.neon-style:after,.content.content-timer .timer-style.minimal-style.mono-style:after,.content.content-timer .timer-style.card-style.cyber-style:after,.content.content-timer .timer-style.immersive-style.glass-style:after,.content.content-timer .timer-style.split-flap-style:after,.content.content-timer .timer-style.rectangular-progress-style:after,.content.content-timer .timer-style.terminal-style:after,.content.content-timer .timer-style.warm-block-style:after,.content.content-timer .timer-style.paper-card-style:after,.content.content-timer .timer-style.luxury-minimal-style:after,.focus-mode-display .timer-style.monolith-style:after,.focus-mode-display .timer-style.neon-orbit-style:after,.focus-mode-display .timer-style.digital-style.neon-style:after,.focus-mode-display .timer-style.minimal-style.mono-style:after,.focus-mode-display .timer-style.card-style.cyber-style:after,.focus-mode-display .timer-style.immersive-style.glass-style:after,.focus-mode-display .timer-style.split-flap-style:after,.focus-mode-display .timer-style.rectangular-progress-style:after,.focus-mode-display .timer-style.terminal-style:after,.focus-mode-display .timer-style.warm-block-style:after,.focus-mode-display .timer-style.paper-card-style:after,.focus-mode-display .timer-style.luxury-minimal-style:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.content.content-timer .timer-style.monolith-style,.focus-mode-display .timer-style.monolith-style{background:radial-gradient(circle at 50% 44%,rgb(255 205 136 / .34),transparent 55%),radial-gradient(circle at 50% 0%,rgb(255 255 255 / .72),transparent 46%),linear-gradient(180deg,#fcf9f3fa,#eee7dcf5 58%,#e1d9cdfa);border-color:color-mix(in srgb,var(--timer-panel-display-border) 84%,#c39b6a);box-shadow:var(--timer-panel-display-shadow),0 16px 42px #79583029,inset 0 1px #ffffffe6,inset 0 -16px 28px #7660431a}.content.content-timer .timer-style.monolith-style:after,.focus-mode-display .timer-style.monolith-style:after{background:radial-gradient(circle at 50% 60%,rgb(214 147 73 / .28),transparent 42%),linear-gradient(120deg,transparent 18%,rgb(255 255 255 / .44) 49%,transparent 80%);opacity:.76;animation:timerMonolithSweep 8.8s ease-in-out infinite}.content.content-timer .timer-style.monolith-style p,.focus-mode-display .timer-style.monolith-style p{color:#000;opacity:1;filter:none;text-shadow:none;-webkit-text-fill-color:#000000}.content.content-timer .timer-style.monolith-style small,.focus-mode-display .timer-style.monolith-style small{color:#111827}[data-theme=normal] .content.content-timer .timer-style.monolith-style p,[data-theme=normal] .focus-mode-display .timer-style.monolith-style p{color:#000;opacity:1;filter:none;animation:none;text-shadow:none;-webkit-text-fill-color:#000000}[data-theme=normal] .content.content-timer .timer-style.monolith-style small,[data-theme=normal] .focus-mode-display .timer-style.monolith-style small{color:#111827}[data-theme=normal] .content.content-timer .timer-style.monolith-style,[data-theme=normal] .focus-mode-display .timer-style.monolith-style{-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=normal] .content.content-timer .timer-style.monolith-style:after,[data-theme=normal] .focus-mode-display .timer-style.monolith-style:after{background:radial-gradient(circle at 50% 60%,rgb(214 147 73 / .14),transparent 36%),linear-gradient(120deg,transparent 24%,rgb(255 255 255 / .18) 49%,transparent 78%);opacity:.42}.content.content-timer .timer-style.neon-orbit-style,.focus-mode-display .timer-style.neon-orbit-style{background:radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--timer-accent) 30%,transparent),transparent 34%),radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--accent-alt) 18%,transparent),transparent 52%),linear-gradient(180deg,color-mix(in srgb,var(--timer-bg) 84%,#0d1327),color-mix(in srgb,var(--timer-bg) 96%,#030611));border-color:color-mix(in srgb,var(--timer-accent) 54%,var(--timer-panel-display-border));box-shadow:var(--timer-panel-display-shadow),0 0 40px color-mix(in srgb,var(--timer-accent) 26%,transparent),inset 0 1px #adeeff29}.content.content-timer .timer-style.neon-orbit-style:after,.focus-mode-display .timer-style.neon-orbit-style:after{top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgb(93 214 255 / .26),transparent 44%),radial-gradient(circle at 22% 24%,rgb(154 245 255 / .44) 0 1.4%,transparent 2.8%),radial-gradient(circle at 78% 60%,rgb(169 145 255 / .36) 0 1.2%,transparent 2.4%),radial-gradient(circle at 40% 82%,rgb(123 241 255 / .28) 0 1%,transparent 2.1%);opacity:.9;animation:timerOrbitGlint 6.2s linear infinite}.content.content-timer .timer-style.neon-orbit-style .orbit-fill,.focus-mode-display .timer-style.neon-orbit-style .orbit-fill{opacity:1;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--timer-accent) 82%,transparent)) drop-shadow(0 0 30px color-mix(in srgb,var(--accent-alt) 34%,transparent))}.content.content-timer .timer-style.neon-orbit-style .orbit-dots span,.focus-mode-display .timer-style.neon-orbit-style .orbit-dots span{box-shadow:0 0 10px color-mix(in srgb,var(--timer-accent) 58%,transparent),0 0 20px color-mix(in srgb,var(--accent-alt) 22%,transparent)}.content.content-timer .timer-style.digital-style.neon-style,.focus-mode-display .timer-style.digital-style.neon-style{background:radial-gradient(circle at 50% 54%,rgb(50 164 255 / .22),transparent 40%),linear-gradient(180deg,#0a101dfa,#03070ffa);border-color:color-mix(in srgb,var(--timer-accent) 44%,var(--timer-panel-display-border));box-shadow:var(--timer-panel-display-shadow),0 0 34px color-mix(in srgb,var(--timer-accent) 22%,transparent),inset 0 0 0 1px #ffffff0d}.content.content-timer .timer-style.digital-style.neon-style:after,.focus-mode-display .timer-style.digital-style.neon-style:after{background:radial-gradient(circle at 50% 52%,rgb(69 206 255 / .18),transparent 34%),repeating-linear-gradient(to bottom,rgb(133 215 255 / .14) 0px,rgb(133 215 255 / .14) 1px,transparent 1px,transparent 4px);opacity:.86;animation:timerScanlineDrift 7.2s linear infinite}.content.content-timer .timer-style.digital-style.neon-style p,.focus-mode-display .timer-style.digital-style.neon-style p{text-shadow:0 0 2px color-mix(in srgb,var(--timer-accent) 70%,transparent),0 0 12px color-mix(in srgb,var(--timer-accent) 46%,transparent),0 0 26px color-mix(in srgb,var(--accent-alt) 24%,transparent)}.content.content-timer .timer-style.minimal-style.mono-style,.focus-mode-display .timer-style.minimal-style.mono-style{background:linear-gradient(180deg,#f8fafcfc,#e9eef4fa),linear-gradient(90deg,rgb(148 163 184 / .08) 1px,transparent 1px),linear-gradient(rgb(148 163 184 / .08) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;border-color:color-mix(in srgb,var(--timer-panel-display-border) 62%,#94a3b8);box-shadow:0 10px 28px #242e4024,inset 0 1px #fffffff0}.content.content-timer .timer-style.minimal-style.mono-style:after,.focus-mode-display .timer-style.minimal-style.mono-style:after{background:linear-gradient(110deg,transparent 22%,rgb(255 255 255 / .34) 48%,transparent 74%),linear-gradient(0deg,transparent 0%,rgb(71 85 105 / .08) 50%,transparent 100%);opacity:.74;animation:timerMonoSheen 12s ease-in-out infinite}.content.content-timer .timer-style.minimal-style.mono-style p,.focus-mode-display .timer-style.minimal-style.mono-style p{color:#111827;opacity:1;filter:none;text-shadow:0 1px 0 rgb(255 255 255 / .68)}.content.content-timer .timer-style.card-style.cyber-style,.focus-mode-display .timer-style.card-style.cyber-style{background:linear-gradient(140deg,#122239fa,#060b18fa),linear-gradient(135deg,transparent 0 72%,rgb(81 227 255 / .08) 72% 75%,transparent 75% 100%);border-color:color-mix(in srgb,var(--timer-accent) 58%,var(--timer-panel-display-border));box-shadow:var(--timer-panel-display-shadow),0 0 0 1px color-mix(in srgb,var(--timer-accent) 40%,transparent),0 0 34px color-mix(in srgb,var(--timer-accent) 24%,transparent),inset 0 1px #ffffff1f}.content.content-timer .timer-style.card-style.cyber-style:after,.focus-mode-display .timer-style.card-style.cyber-style:after{background:linear-gradient(125deg,transparent 0 26%,rgb(66 153 255 / .28) 26% 28%,transparent 28% 100%),linear-gradient(90deg,transparent 0 74%,rgb(74 240 255 / .18) 74% 75%,transparent 75% 100%),linear-gradient(0deg,transparent 0 70%,rgb(74 240 255 / .15) 70% 71%,transparent 71% 100%);opacity:.82;animation:timerCyberPulse 4.8s ease-in-out infinite}.content.content-timer .timer-style.immersive-style.glass-style,.focus-mode-display .timer-style.immersive-style.glass-style{background:radial-gradient(circle at 22% 22%,rgb(255 255 255 / .36),transparent 20%),radial-gradient(circle at 78% 76%,rgb(192 238 255 / .22),transparent 24%),linear-gradient(145deg,#ffffff57,#ffffff1a),linear-gradient(180deg,color-mix(in srgb,var(--timer-panel-display-outer) 78%,transparent),color-mix(in srgb,var(--timer-panel-display-inner) 66%,transparent));border-color:color-mix(in srgb,var(--timer-panel-display-border) 74%,rgb(255 255 255 / .58));box-shadow:var(--timer-panel-display-shadow),0 18px 48px #0c182c3d,inset 0 1px #ffffff8f,inset 0 -16px 28px #86b2d614;-webkit-backdrop-filter:blur(calc(var(--timer-panel-blur) * 1.28)) saturate(1.14);backdrop-filter:blur(calc(var(--timer-panel-blur) * 1.28)) saturate(1.14)}.content.content-timer .timer-style.immersive-style.glass-style:after,.focus-mode-display .timer-style.immersive-style.glass-style:after{background:radial-gradient(circle at 28% 24%,rgb(255 255 255 / .4),transparent 22%),radial-gradient(circle at 74% 70%,rgb(183 228 255 / .24),transparent 26%);opacity:.88;animation:timerGlassFloat 9.6s ease-in-out infinite}.content.content-timer .timer-style.split-flap-style,.focus-mode-display .timer-style.split-flap-style{background:linear-gradient(180deg,color-mix(in srgb,var(--timer-surface) 92%,#fff5eb),color-mix(in srgb,var(--timer-bg) 92%,#1e130b)),linear-gradient(90deg,rgb(255 255 255 / .08),transparent 18%,transparent 82%,rgb(0 0 0 / .1));border-color:color-mix(in srgb,var(--timer-border) 82%,#805533);box-shadow:var(--timer-panel-display-shadow),inset 0 1px #ffffff52,inset 0 -18px 30px #0000001f}.content.content-timer .timer-style.split-flap-style:after,.focus-mode-display .timer-style.split-flap-style:after{background:linear-gradient(180deg,rgb(255 255 255 / .18),transparent 28%),linear-gradient(180deg,transparent 49.2%,rgb(0 0 0 / .24) 49.2% 50.8%,transparent 50.8%);opacity:.86;animation:timerRetroDivider 6.8s ease-in-out infinite}.content.content-timer .timer-style.split-flap-style .split-cell,.focus-mode-display .timer-style.split-flap-style .split-cell{background:linear-gradient(180deg,color-mix(in srgb,var(--timer-bg) 74%,#fff4de),color-mix(in srgb,var(--timer-bg) 94%,#120d0a));border-color:color-mix(in srgb,var(--timer-border) 82%,#6b4a33);box-shadow:inset 0 -8px #00000047,inset 0 1px #ffffff38,0 10px 20px #0000002e}.content.content-timer .timer-style.rectangular-progress-style,.focus-mode-display .timer-style.rectangular-progress-style{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--timer-accent) 14%,transparent),transparent 44%),linear-gradient(180deg,color-mix(in srgb,var(--timer-bg) 82%,#f7fafc),color-mix(in srgb,var(--timer-bg) 95%,#0b1020));border-color:color-mix(in srgb,var(--timer-panel-display-border) 78%,var(--timer-accent));box-shadow:var(--timer-panel-display-shadow),0 12px 32px #00000038,inset 0 1px #ffffff6b,inset 0 0 0 1px #ffffff14}.content.content-timer .timer-style.rectangular-progress-style:after,.focus-mode-display .timer-style.rectangular-progress-style:after{background:radial-gradient(circle at 8% 10%,color-mix(in srgb,var(--timer-accent) 42%,transparent),transparent 18%),radial-gradient(circle at 92% 88%,color-mix(in srgb,var(--accent-alt) 30%,transparent),transparent 18%);opacity:.92;animation:timerRectCornerPulse 5.6s ease-in-out infinite}.content.content-timer .timer-style.rectangular-progress-style .rect-border-fill,.focus-mode-display .timer-style.rectangular-progress-style .rect-border-fill{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--timer-accent) 76%,transparent)) drop-shadow(0 0 24px color-mix(in srgb,var(--accent-alt) 30%,transparent))}.content.content-timer .timer-style.terminal-style,.focus-mode-display .timer-style.terminal-style{background:radial-gradient(circle at 50% 54%,rgb(52 255 155 / .08),transparent 38%),linear-gradient(180deg,#050a09fc,#020505fc),repeating-linear-gradient(to bottom,rgb(124 255 192 / .11) 0px,rgb(124 255 192 / .11) 1px,transparent 1px,transparent 4px);border-color:color-mix(in srgb,#66d9a1 46%,var(--timer-panel-display-border));box-shadow:var(--timer-panel-display-shadow),0 0 28px #5ceca429,inset 0 1px #baffe11f}.content.content-timer .timer-style.terminal-style:after,.focus-mode-display .timer-style.terminal-style:after{background:radial-gradient(circle at 24% 34%,rgb(107 255 195 / .24) 0 1.2%,transparent 2.3%),radial-gradient(circle at 76% 62%,rgb(107 255 195 / .2) 0 1%,transparent 2.1%),radial-gradient(circle at 58% 78%,rgb(107 255 195 / .16) 0 .9%,transparent 1.9%);opacity:.9;animation:timerTerminalGlyphPulse 6.2s steps(3,end) infinite}.content.content-timer .timer-style.terminal-style p,.focus-mode-display .timer-style.terminal-style p{color:#daffedfc;opacity:1;text-shadow:0 0 3px rgb(173 255 223 / .56),0 0 12px rgb(122 248 183 / .46)}.content.content-timer .timer-style.terminal-style small,.content.content-timer .timer-style.terminal-style span,.focus-mode-display .timer-style.terminal-style small,.focus-mode-display .timer-style.terminal-style span{color:#97dfbce6}.content.content-timer .timer-style.warm-block-style,.focus-mode-display .timer-style.warm-block-style{background:radial-gradient(circle at 50% 42%,rgb(255 195 104 / .3),transparent 50%),linear-gradient(180deg,#ffdfb1fa,#d4833feb 62%,#8f4b20f5);border-color:color-mix(in srgb,var(--timer-border) 86%,#c47a42);box-shadow:var(--timer-panel-display-shadow),0 0 34px #ffac542e,inset 0 1px #fff8e87a,inset 0 -18px 32px #6330131f}.content.content-timer .timer-style.warm-block-style:after,.focus-mode-display .timer-style.warm-block-style:after{background:radial-gradient(circle at 50% 58%,rgb(255 208 136 / .24),transparent 54%),linear-gradient(180deg,rgb(255 255 255 / .12),transparent 30%);opacity:.88;animation:timerWarmEmber 7.4s ease-in-out infinite}.content.content-timer .timer-style.paper-card-style,.focus-mode-display .timer-style.paper-card-style{background:linear-gradient(180deg,#fcf7effc,#f2e9d9fa),radial-gradient(circle at 12% 18%,rgb(126 95 61 / .08) 0 1px,transparent 1px),radial-gradient(circle at 74% 36%,rgb(126 95 61 / .06) 0 1px,transparent 1px),repeating-linear-gradient(14deg,rgb(133 104 72 / .04) 0 1px,transparent 1px 6px);background-size:auto,4px 4px,5px 5px,auto;border-color:color-mix(in srgb,var(--timer-border) 82%,#ad835a);box-shadow:0 12px 28px #654a2e1f,inset 0 1px #fffcf5d1}.content.content-timer .timer-style.paper-card-style:after,.focus-mode-display .timer-style.paper-card-style:after{background:radial-gradient(circle at 18% 18%,rgb(114 84 52 / .2) 0 .9%,transparent 1.8%),radial-gradient(circle at 72% 38%,rgb(114 84 52 / .16) 0 .8%,transparent 1.6%),radial-gradient(circle at 42% 76%,rgb(114 84 52 / .14) 0 .7%,transparent 1.5%);opacity:.88;animation:timerPaperDrift 11s linear infinite}.content.content-timer .timer-style.luxury-minimal-style,.focus-mode-display .timer-style.luxury-minimal-style{background:radial-gradient(ellipse at center,#ffd7a014,#0000 55%),linear-gradient(135deg,#050505,#0a0a0a 40%,#111);border-color:color-mix(in srgb,var(--timer-border) 72%,#c9ab7d);box-shadow:var(--timer-panel-display-shadow),0 16px 42px #00000052,inset 0 1px #fff4e229,inset 0 0 0 1px #e0bc8438}.content.content-timer .timer-style.luxury-minimal-style:after,.focus-mode-display .timer-style.luxury-minimal-style:after{background:linear-gradient(108deg,transparent 22%,rgb(255 237 205 / .3) 48%,transparent 76%),linear-gradient(180deg,transparent 0%,rgb(255 244 226 / .06) 38%,transparent 100%);opacity:.82;animation:timerLuxurySheen 8.2s ease-in-out infinite}.content.content-timer .timer-style.luxury-minimal-style:before,.focus-mode-display .timer-style.luxury-minimal-style:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 32% 42%,rgb(255 128 64 / .06),transparent 38%),radial-gradient(circle at 68% 58%,rgb(235 78 48 / .05),transparent 42%),radial-gradient(circle at 50% 50%,rgb(255 176 120 / .035),transparent 55%);mix-blend-mode:screen;opacity:.5;z-index:0;animation:luxuryDrift 18s ease-in-out infinite}.content.content-timer .timer-style.luxury-minimal-style small,.focus-mode-display .timer-style.luxury-minimal-style small{text-transform:uppercase;letter-spacing:.18em;font-size:clamp(.62rem,.92vw,.82rem);color:#d0af7ce6}.content.content-timer .timer-style.luxury-minimal-style p,.focus-mode-display .timer-style.luxury-minimal-style p{color:#ffe9c5fa;text-shadow:0 0 8px rgb(255 220 168 / .28),0 0 18px rgb(196 153 95 / .24);animation:timerLuxuryValuePulse 7.8s ease-in-out infinite}.focus-mode-display .timer-style.luxury-minimal-style p{font-size:clamp(calc(var(--focus-copy-size-xl) * 1.06),9.3vmin,calc(var(--focus-copy-size-xl) * 1.2))}.content.content-timer .timer-style.luxury-minimal-style .timer-value,.focus-mode-display .timer-style.luxury-minimal-style .timer-value{text-shadow:0 0 10px rgb(255 180 120 / .35),0 0 20px rgb(255 120 60 / .25)}.content.content-timer .timer-style.luxury-minimal-style .luxury-progress-line,.focus-mode-display .timer-style.luxury-minimal-style .luxury-progress-line{position:absolute;left:clamp(1rem,3.2%,1.8rem);right:clamp(1rem,3.2%,1.8rem);bottom:clamp(.7rem,2.8%,1.2rem);height:2px;border-radius:999px;background:linear-gradient(90deg,#ffeccd2e,#d8ad7033);overflow:hidden;pointer-events:none;z-index:2}.content.content-timer .timer-style.luxury-minimal-style .luxury-progress-line:after,.focus-mode-display .timer-style.luxury-minimal-style .luxury-progress-line:after{content:"";display:block;height:100%;width:calc(var(--luxury-progress, 0) * 100%);border-radius:inherit;background:linear-gradient(90deg,#ffe5b8e6,#d2a25ff0);box-shadow:0 0 8px #ffd8a070,0 0 16px #b88c5447;transition:width .32s ease}@keyframes timerLuxuryValuePulse{0%,to{text-shadow:0 0 6px rgb(255 220 168 / .22),0 0 14px rgb(196 153 95 / .2)}50%{text-shadow:0 0 10px rgb(255 226 182 / .38),0 0 24px rgb(211 167 107 / .34)}}@keyframes luxuryDrift{0%{transform:translate3d(-2%,-1%,0) scale(1)}50%{transform:translate3d(2%,1%,0) scale(1.02)}to{transform:translate3d(-2%,-1%,0) scale(1)}}@keyframes timerMonolithSweep{0%{transform:translate(-12%);opacity:.58}50%{transform:translate(10%);opacity:.82}to{transform:translate(-12%);opacity:.58}}@keyframes timerOrbitGlint{0%{transform:rotate(0) scale(.98);opacity:.72}50%{transform:rotate(180deg) scale(1.02);opacity:.96}to{transform:rotate(360deg) scale(.98);opacity:.72}}@keyframes timerScanlineDrift{0%{background-position:0 0,0 0;opacity:.72}50%{opacity:.92}to{background-position:0 0,0 24px;opacity:.72}}@keyframes timerMonoSheen{0%,to{transform:translate(-8%);opacity:.46}50%{transform:translate(8%);opacity:.72}}@keyframes timerCyberPulse{0%,to{opacity:.56}50%{opacity:.86}}@keyframes timerGlassFloat{0%,to{transform:translateY(0);opacity:.68}50%{transform:translateY(-4px);opacity:.92}}@keyframes timerRetroDivider{0%,to{opacity:.68}50%{opacity:.94}}@keyframes timerRectCornerPulse{0%,to{opacity:.58}50%{opacity:.94}}@keyframes timerTerminalGlyphPulse{0%,to{opacity:.62;transform:translateY(0)}50%{opacity:.92;transform:translateY(-1px)}}@keyframes timerWarmEmber{0%,to{opacity:.56;transform:scale(.985)}50%{opacity:.84;transform:scale(1.02)}}@keyframes timerPaperDrift{0%{transform:translateY(-2px);opacity:.54}50%{transform:translateY(2px);opacity:.82}to{transform:translateY(-2px);opacity:.54}}@keyframes timerLuxurySheen{0%,to{transform:translate(-10%);opacity:.54}50%{transform:translate(10%);opacity:.88}}@media (prefers-reduced-motion: reduce){[data-theme=normal] .content.content-timer .timer-hero-card.normal-lit .monolith-style,[data-theme=normal] .content.content-timer .timer-launch-shell.session-start .monolith-style,[data-theme=normal] .content.content-timer .timer-hero-card.normal-lit .monolith-style p{animation:none}.content.content-timer .timer-style.monolith-style:after,.content.content-timer .timer-style.neon-orbit-style:after,.content.content-timer .timer-style.digital-style.neon-style:after,.content.content-timer .timer-style.minimal-style.mono-style:after,.content.content-timer .timer-style.card-style.cyber-style:after,.content.content-timer .timer-style.immersive-style.glass-style:after,.content.content-timer .timer-style.split-flap-style:after,.content.content-timer .timer-style.rectangular-progress-style:after,.content.content-timer .timer-style.terminal-style:after,.content.content-timer .timer-style.warm-block-style:after,.content.content-timer .timer-style.paper-card-style:after,.content.content-timer .timer-style.luxury-minimal-style:after,.focus-mode-display .timer-style.monolith-style:after,.focus-mode-display .timer-style.neon-orbit-style:after,.focus-mode-display .timer-style.digital-style.neon-style:after,.focus-mode-display .timer-style.minimal-style.mono-style:after,.focus-mode-display .timer-style.card-style.cyber-style:after,.focus-mode-display .timer-style.immersive-style.glass-style:after,.focus-mode-display .timer-style.split-flap-style:after,.focus-mode-display .timer-style.rectangular-progress-style:after,.focus-mode-display .timer-style.terminal-style:after,.focus-mode-display .timer-style.warm-block-style:after,.focus-mode-display .timer-style.paper-card-style:after,.focus-mode-display .timer-style.luxury-minimal-style:after{animation:none}.content.content-timer .timer-style.luxury-minimal-style p,.focus-mode-display .timer-style.luxury-minimal-style p{animation:none}.content.content-timer .timer-style.luxury-minimal-style:before,.focus-mode-display .timer-style.luxury-minimal-style:before,.focus-mode-screen .luxury-minimal-style:before{animation:none}}.content.content-timer .timer-task-side{background:linear-gradient(180deg,var(--timer-panel-side-outer),var(--timer-panel-side-inner)),radial-gradient(circle at 50% 0%,rgb(255 255 255 / .08),transparent 58%);background-color:transparent;border:1px solid var(--timer-panel-side-border);box-shadow:var(--timer-panel-side-shadow);-webkit-backdrop-filter:blur(calc(var(--timer-panel-blur) * .82));backdrop-filter:blur(calc(var(--timer-panel-blur) * .82))}.content.content-timer .timer-task-side .muted,.content.content-timer .timer-quote,.content.content-timer .timer-inline-focus-score,.content.content-timer .timer-task-selector-label,.focus-mode-meta .focus-mode-eyebrow,.focus-mode-meta .focus-mode-phase,.focus-mode-meta .focus-mode-control-label,.focus-mode-note{color:color-mix(in srgb,var(--text-soft) 74%,var(--text-main))}.content.content-timer .timer-style,.focus-mode-display .timer-style{color:var(--timer-text-main);isolation:isolate}.content.content-timer .timer-style .timer-value,.focus-mode-display .timer-style .timer-value{color:inherit}.content.content-timer .timer-style .timer-label,.content.content-timer .timer-style small,.focus-mode-display .timer-style .timer-label,.focus-mode-display .timer-style small{color:var(--timer-text-soft)}.content.content-timer .timer-style:before,.focus-mode-display .timer-style:before{pointer-events:none}.focus-mode-screen .timer-value{font-size:clamp(72px,10vw,160px)!important}.timer-style.card-style.cyber-style{color:#fff;text-shadow:0 0 6px rgb(0 255 255 / .6),0 0 12px rgb(0 150 255 / .4)}.timer-style.card-style.cyber-style p{color:inherit;text-shadow:inherit}@keyframes cyberPulse{0%,to{text-shadow:0 0 6px rgb(0 255 255 / .6)}50%{text-shadow:0 0 14px rgb(0 255 255 / .9)}}.timer-style.card-style.cyber-style[data-running=true] .timer-value{animation:cyberPulse 2.5s ease-in-out infinite}.timer-style.card-style.cyber-style .timer-value{text-shadow:0 0 5px rgb(0 255 255 / .46),0 0 10px rgb(0 150 255 / .28)}.timer-style.terminal-style{color:#7cffb2;text-shadow:0 0 6px rgb(124 255 178 / .4)}.timer-style.terminal-style p,.timer-style.terminal-style small,.timer-style.terminal-style span{color:inherit}[data-theme=normal] .content.content-timer .timer-style.terminal-style,[data-theme=normal] .focus-mode-display .timer-style.terminal-style{color:#0f5132;text-shadow:none}.timer-style.warm-block-style{background:linear-gradient(145deg,#f4a261,#e76f51);color:#2b1a12}.focus-mode-screen .warm-block-style{background:linear-gradient(145deg,#f4a261,#e76f51)}@media (prefers-reduced-motion: reduce){.timer-style.card-style.cyber-style[data-running=true] .timer-value{animation:none}}.session-distraction-review-block{display:grid;gap:8px;margin-top:4px}.session-distraction-review-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.session-distraction-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,560px)}.session-distraction-metrics-note{grid-column:1 / -1;margin:0;color:var(--text-muted)}.session-distraction-metric{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--panel-border) 58%,transparent);border-radius:10px;padding:8px 10px;background:color-mix(in srgb,var(--panel-bg) 58%,transparent)}.session-distraction-metric span{color:var(--text-soft);font-size:.85rem}.session-distraction-metric strong{color:var(--text-main);font-size:.98rem}.session-distraction-metric.legacy{grid-column:1 / -1}@media (max-width: 760px){.session-distraction-metrics{grid-template-columns:1fr;width:100%}}.app-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;overflow:auto;background:color-mix(in srgb,var(--bg-overlay) 84%,rgba(0,0,0,.56));z-index:75}.app-modal{--app-modal-width: 760px;width:min(var(--app-modal-width),calc(100vw - 48px));max-width:100%;max-height:calc(100dvh - 48px);overflow:hidden;display:flex;flex-direction:column;min-width:0;min-height:0;padding:0;border:1px solid color-mix(in srgb,var(--panel-border) 62%,transparent);border-radius:16px;background:color-mix(in srgb,var(--panel-bg) 94%,transparent);box-shadow:0 24px 50px #00000052}.app-modal-sm{--app-modal-width: 540px}.app-modal-md{--app-modal-width: 760px}.app-modal-lg{--app-modal-width: 920px}.app-modal-header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:1rem 1.1rem .8rem}.app-modal-header h3{margin:0}.app-modal-header p{margin:.35rem 0 0}.app-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;display:grid;gap:.9rem;padding:0 1.1rem 1rem;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.app-modal-footer{flex:0 0 auto;display:grid;gap:.75rem;padding:0 1.1rem 1rem}.app-modal-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.65rem}.app-modal-actions .btn{min-height:40px}.app-modal-body .settings-list,.app-modal-body .task-form{min-width:0}@media (max-width: 560px){.app-modal-overlay{padding:12px}.app-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.app-modal-header,.app-modal-body,.app-modal-footer{padding-left:.9rem;padding-right:.9rem}.app-modal-actions{flex-direction:column;align-items:stretch}.app-modal-actions .btn{width:100%}}.interrupt-sheet.app-modal,.completion-card.app-modal,.about-modal.app-modal,.todo-create-sheet.app-modal,.habit-create-sheet.app-modal,.import-sheet.app-modal{width:min(var(--app-modal-width, 760px),calc(100vw - 48px));max-width:100%;max-height:calc(100dvh - 48px);overflow:hidden;display:flex;flex-direction:column;padding:0;min-width:0;min-height:0}.interrupt-sheet.app-modal .interrupt-sheet-body,.completion-card.app-modal .completion-actions,.about-modal.app-modal .about-modal-body,.todo-create-sheet.app-modal .task-form,.habit-create-sheet.app-modal .settings-list,.import-sheet.app-modal .import-sheet-body{min-height:0}.tour-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:14000;pointer-events:auto}.tour-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#080c122e;-webkit-backdrop-filter:none;backdrop-filter:none}.tour-spotlight{position:absolute;border-radius:14px;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px #00000040,0 0 0 9999px #070a1014;pointer-events:none;transition:top .18s ease,left .18s ease,width .18s ease,height .18s ease}.tour-card{position:fixed;z-index:14001;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(180deg,#111722fa,#0b101afa);color:#f4f8ff;box-shadow:0 24px 48px #00000073;padding:14px}.tour-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.tour-card-body{display:grid;gap:8px}.tour-card-body p{margin:0}.tour-card-actions{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.tour-step-count{color:#e9f2ffd1;font-size:.85rem}@media (prefers-reduced-motion: reduce){.tour-spotlight{transition:none}}.tour-launcher-popover-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:13000;pointer-events:none}.tour-launcher-popover{pointer-events:auto}.tour-launcher{border-radius:14px;border:1px solid color-mix(in srgb,var(--panel-border) 72%,transparent);background:color-mix(in srgb,var(--panel-bg) 95%,transparent);box-shadow:0 18px 34px #00000057;padding:.9rem;display:grid;gap:.75rem}.tour-launcher-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.tour-launcher-header h3{margin:0}.tour-launcher-header p{margin:.2rem 0 0;color:var(--text-muted)}.tour-launcher-list{display:grid;gap:.55rem;max-height:min(58vh,420px);overflow-y:auto;padding-right:.2rem}.tour-launcher-item{border-radius:12px;border:1px solid color-mix(in srgb,var(--panel-border) 70%,transparent);background:color-mix(in srgb,var(--surface-1) 86%,transparent);padding:.7rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}.tour-launcher-copy{display:grid;gap:.22rem}.tour-launcher-copy strong{line-height:1.2}.tour-launcher-copy p{margin:0;color:var(--text-muted);font-size:.92rem}.tour-launcher-meta{display:flex;gap:.55rem;color:var(--text-muted)}.tour-launcher-badge{border-radius:999px;border:1px solid color-mix(in srgb,var(--panel-border) 72%,transparent);background:color-mix(in srgb,var(--surface-2) 82%,transparent);color:var(--text-muted);font-size:.8rem;padding:.18rem .52rem;align-self:center}.tour-launcher-item.is-disabled{opacity:.72}.app-page-fallback{display:inline-flex;align-items:center;gap:.75rem;min-height:180px;padding:1rem 1.25rem;border:1px solid var(--panel-border, rgba(255, 255, 255, .12));border-radius:18px;background:var(--panel-bg, rgba(12, 18, 28, .72));color:var(--text-primary, inherit);box-shadow:var(--shadow-lg, 0 18px 40px rgba(0, 0, 0, .18))}.app-page-fallback .material-symbols-outlined{font-size:1.2rem}.focus-mode-controls{min-height:var(--focus-controls-height);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--focus-shell-gap);flex-wrap:wrap}.focus-mode-control-group-left{flex:1 1 0;min-width:0}.focus-mode-footer-tools{display:flex;align-items:flex-end;justify-content:flex-end;gap:clamp(.45rem,.65vmin,.8rem);flex-wrap:wrap;margin-left:auto}.focus-mode-tool-anchor{position:relative;display:inline-flex;align-items:flex-end}.focus-mode-tool-button{min-width:max(7.8rem,calc(8.2rem * var(--layout-scale)));justify-content:center}.focus-mode-tool-button .material-symbols-outlined{font-size:1rem;line-height:1}.focus-mode-tool-chevron{font-size:.92rem!important}.focus-mode-tool-popover-shell{position:absolute;right:0;bottom:calc(100% + .7rem);z-index:30;width:min(21rem,calc(100vw - 1rem));pointer-events:auto}.focus-mode-tool-popover-theme{width:min(19rem,calc(100vw - 1rem))}.focus-mode-tool-popover-audio{width:min(21.5rem,calc(100vw - 1rem))}.focus-mode-tool-popover{padding:.85rem;border:1px solid color-mix(in srgb,var(--panel-border) 68%,transparent);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-bg) 88%,transparent),color-mix(in srgb,var(--panel-bg) 74%,transparent)),linear-gradient(145deg,rgb(255 255 255 / .06),transparent 58%);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.focus-mode-tool-popover .panel-header{margin-bottom:.8rem;align-items:flex-start}.focus-mode-tool-popover .panel-header h2{margin:0;font-size:.92rem;letter-spacing:.08em;text-transform:uppercase}.focus-mode-tool-popover .panel-subtitle{margin-top:.25rem;font-size:.82rem}.focus-mode-menu-list{display:grid;gap:.5rem;max-height:min(42dvh,20rem,calc(100dvh - 10rem));overflow-y:auto;padding-right:.2rem;scrollbar-gutter:stable;overscroll-behavior:contain}.focus-mode-menu-item{width:100%;border:1px solid color-mix(in srgb,var(--panel-border) 62%,transparent);border-radius:12px;padding:.75rem .8rem;background:color-mix(in srgb,var(--panel-bg) 76%,transparent);color:var(--text-main);display:flex;align-items:center;gap:.7rem;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.focus-mode-menu-item:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 46%,var(--panel-border));background:color-mix(in srgb,var(--bg-elevated) 84%,transparent)}.focus-mode-menu-item.is-active{border-color:color-mix(in srgb,var(--accent) 60%,var(--panel-border));background:color-mix(in srgb,var(--accent) 12%,var(--bg-elevated));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 26%,transparent)}.focus-mode-menu-item-icon,.focus-mode-menu-item-arrow{font-size:1rem;line-height:1;flex:0 0 auto}.focus-mode-menu-item-copy{min-width:0;display:grid;gap:.14rem;flex:1 1 auto}.focus-mode-menu-item-copy strong{font-size:.88rem;font-weight:700}.focus-mode-menu-item-copy small{color:var(--text-muted);font-size:.76rem;line-height:1.2}.focus-mode-menu-item-hero{padding-block:.85rem}.focus-mode-menu-divider{height:1px;margin:.2rem 0 .35rem;background:color-mix(in srgb,var(--panel-border) 58%,transparent)}.focus-mode-transport-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.focus-mode-transport-button{width:100%;min-height:2.4rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding-inline:.72rem}[data-theme=himalayan-drift] .focus-mode-tool-popover .focus-mode-transport-button.btn-primary{color:#fffffffa}[data-theme=himalayan-drift] .focus-mode-tool-popover .focus-mode-transport-button.btn-primary>span,[data-theme=himalayan-drift] .focus-mode-tool-popover .focus-mode-transport-button.btn-primary>.material-symbols-outlined{color:#fffffffa}.focus-mode-transport-button .material-symbols-outlined{font-size:.98rem}@media (max-width: 980px){.focus-mode-shell{overflow-y:auto}.focus-mode-controls{align-items:stretch}.focus-mode-footer-tools{justify-content:flex-start;width:100%;margin-left:0}.focus-mode-tool-anchor{flex:1 1 14rem;min-width:min(100%,14rem)}.focus-mode-tool-button{width:100%}.focus-mode-tool-popover-shell{width:min(100%,24rem)}}@media (max-width: 640px){.focus-mode-control-group-left{flex-basis:100%}.focus-mode-control-row{flex-wrap:wrap}.focus-mode-control-row .focus-mode-button{flex:1 1 calc(50% - .35rem)}.focus-mode-tool-anchor{flex-basis:100%}.focus-mode-tool-popover-shell{left:0;right:0;width:auto}.focus-mode-transport-row{grid-template-columns:1fr}}[data-theme=antique] .focus-mode-meta,[data-theme=antique] .focus-mode-control-group,[data-theme=antique] .focus-mode-footer-tools{background:linear-gradient(180deg,#fffbf5d6,#f4ece1c7),linear-gradient(145deg,rgb(255 255 255 / .12),transparent 60%);background-color:transparent;border:1px solid rgb(172 137 104 / .22);box-shadow:0 10px 24px #56351c14,inset 0 1px #ffffff94}[data-theme=antique] .focus-mode-display .timer-display-shell{border-color:#9672523d;background:linear-gradient(180deg,#fff9f1d6,#f2e6d3c7),radial-gradient(circle at 50% 0%,rgb(255 255 255 / .14),transparent 58%);box-shadow:0 20px 48px #52321a1f,0 0 24px #a57e590a,inset 0 1px #fffdf980}[data-theme=antique] .focus-mode-display .timer-style{background:linear-gradient(180deg,#fff9f1b8,#f2e6d39e),radial-gradient(circle at 50% 0%,rgb(255 255 255 / .12),transparent 56%);border-color:#9672522e;box-shadow:0 16px 38px #52321a1a,inset 0 1px #fffdf975}[data-theme=antique] .focus-mode-control-label{background:#fffcf7c7;box-shadow:inset 0 1px #ffffff9e}[data-theme=antique] .focus-mode-button,[data-theme=antique] .focus-mode-style-select,[data-theme=antique] .focus-mode-exit{background:linear-gradient(180deg,#fffaf2cc,#f3e6d5b8),linear-gradient(145deg,rgb(255 255 255 / .06),transparent 56%);background-color:#f3e6d2c7;border-color:#b48f6b42;box-shadow:0 8px 18px #56351c14,inset 0 1px #ffffff85}[data-theme=antique] .focus-mode-screen .focus-mode-display .timer-display-shell{border-color:#9672522e;background:linear-gradient(180deg,#fff9f1b8,#f2e6d3a3),radial-gradient(circle at 50% 0%,rgb(255 255 255 / .1),transparent 58%);box-shadow:0 16px 38px #52321a1a,0 0 18px #a57e5908,inset 0 1px #fffdf96b}[data-theme=antique] .focus-mode-screen .focus-mode-display .timer-style{background:linear-gradient(180deg,#fff9f194,#f2e6d37a),radial-gradient(circle at 50% 0%,rgb(255 255 255 / .08),transparent 56%);border-color:#96725224;box-shadow:0 12px 28px #52321a14,inset 0 1px #fffdf961}[data-theme=antique] .focus-mode-controls{justify-content:flex-start;gap:clamp(.75rem,1vmin,1rem)}[data-theme=antique] .focus-mode-control-group-left{flex:0 1 auto;min-width:max-content}[data-theme=antique] .focus-mode-footer-tools{flex:0 0 auto;margin-left:0;padding:clamp(.8rem,1.05vmin,1rem) clamp(.95rem,1.25vmin,1.15rem);min-width:max-content;gap:clamp(.35rem,.5vmin,.6rem)}[data-theme=antique] .focus-mode-tool-button{min-width:max(8.4rem,calc(8.8rem * var(--layout-scale)))}[data-theme=antique] .focus-mode-footer-tools .focus-mode-tool-button{min-width:max(8rem,calc(8.35rem * var(--layout-scale)))}[data-theme=antique] .focus-mode-controls{justify-content:center;gap:clamp(.55rem,.8vmin,.9rem)}[data-theme=antique] .focus-mode-control-group-left,[data-theme=antique] .focus-mode-footer-tools{flex:0 0 auto;min-width:max-content}[data-theme=antique] .focus-mode-footer-tools{margin-left:0;padding:clamp(.8rem,1.05vmin,1rem) clamp(.95rem,1.25vmin,1.15rem);min-width:max(16.5rem,calc(17.75rem * var(--layout-scale)));gap:clamp(.35rem,.5vmin,.6rem)}[data-theme=antique] .focus-mode-tool-anchor{flex:0 0 auto}[data-theme=antique] .focus-mode-tool-button{min-width:max(8.25rem,calc(8.6rem * var(--layout-scale)))}[data-theme=antique] .focus-mode-footer-tools .focus-mode-tool-button{min-width:max(8rem,calc(8.25rem * var(--layout-scale)))}[data-theme=antique] .focus-mode-controls{justify-content:space-between;align-items:flex-end;gap:clamp(.75rem,1vmin,1rem)}[data-theme=antique] .focus-mode-control-group-left{flex:0 0 auto;min-width:max-content}[data-theme=antique] .focus-mode-footer-tools{flex:0 0 auto;margin-left:auto;min-width:max(16.5rem,calc(17.75rem * var(--layout-scale)))}
