/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.grid{display:grid}.hidden{display:none}.table{display:table}}:root{--font-modern:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-soft:ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", sans-serif;--font-editorial:Iowan Old Style, Baskerville, "Times New Roman", serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{min-height:100%;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.clock-app{--bg:#f5f6f7;--ink:#151719;--muted:#70757c;--panel:#ffffffb3;--panel-solid:#fff;--line:#22262b1f;--accent:#9ca3ad;--accent-strong:#5b626b;--accent-ink:#111315;--button-ink:#fff;--shadow:0 24px 70px #1b1e2221;--timer-size:clamp(280px, 37vw, 470px);--chosen-font:var(--font-modern);background:var(--bg);color:var(--ink);isolation:isolate;min-height:100svh;font-family:var(--chosen-font);transition:background .55s,color .4s;position:relative;overflow-x:hidden}.mode-dark{--bg:#17191b;--ink:#f3f4f5;--muted:#999fa7;--panel:#24272ab8;--panel-solid:#26282b;--line:#ffffff1f;--accent:#b7bdc5;--accent-strong:#e6e9ed;--accent-ink:#f7f8f9;--button-ink:#17191b;--shadow:0 24px 80px #00000059}.theme-forest.mode-light{--bg:#eef3ea;--ink:#183226;--muted:#63756a;--panel:#f9fcf6b8;--panel-solid:#f8fbf5;--line:#1a462d26;--accent:#6f9772;--accent-strong:#315d40;--button-ink:#f5fff7}.theme-forest.mode-dark{--bg:#13241c;--ink:#eef7ef;--muted:#9db3a2;--panel:#1c3529c2;--panel-solid:#1c3529;--line:#cdebd321;--accent:#93b98d;--accent-strong:#c4dfbb;--button-ink:#14251c}.theme-cosmic.mode-light{--bg:#efedfa;--ink:#25213d;--muted:#716b8b;--panel:#f9f8ffb8;--panel-solid:#faf9ff;--line:#3c2f6f24;--accent:#8170d1;--accent-strong:#5f48b4;--button-ink:#fff}.theme-cosmic.mode-dark{--bg:#121024;--ink:#f3f0ff;--muted:#aaa3ca;--panel:#231e44ba;--panel-solid:#231e44;--line:#e0d8ff21;--accent:#a998ff;--accent-strong:#d5ccff;--button-ink:#171229}.theme-sunset.mode-light{--bg:#fff2e6;--ink:#4b2834;--muted:#916f71;--panel:#fff9f0b3;--panel-solid:#fff9f1;--line:#682f3521;--accent:#ec8166;--accent-strong:#cc5d52;--button-ink:#fff8f0}.theme-sunset.mode-dark{--bg:#2d1a2a;--ink:#fff3e9;--muted:#d0a6a2;--panel:#4e2a3db8;--panel-solid:#4e2a3d;--line:#ffe2d121;--accent:#f39a72;--accent-strong:#ffc19c;--button-ink:#38202b}.theme-custom.mode-dark:not(.has-photo){filter:brightness(.72)saturate(.92)}.photo-background{z-index:-4;background-image:linear-gradient(rgba(0,0,0,var(--photo-shade)), rgba(0,0,0,var(--photo-shade))), var(--custom-photo);background-position:50%;background-size:cover;position:fixed;inset:0}.has-photo{--panel:#1416198a;--panel-solid:#1d1f22eb;--ink:#fff;--muted:#ffffffb3;--line:#ffffff2e;--button-ink:#17191b;text-shadow:0 1px 16px #00000026}.ambient-grid{z-index:-3;opacity:0;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:42px 42px;transition:opacity .4s;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.has-grid .ambient-grid{opacity:.42}.theme-minimal .ambient-grid{opacity:.27;background-size:60px 60px}.app-header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:1fr auto 1fr;align-items:center;height:82px;padding:0 clamp(22px,4vw,68px);display:grid;position:relative}.brand{letter-spacing:-.04em;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:11px;padding:0;font-size:18px;font-weight:750;display:inline-flex}.brand-mark{border:1px solid var(--ink);border-radius:50%;width:27px;height:27px;display:block;position:relative}.brand-mark i{background:var(--ink);transform-origin:bottom;width:1px;height:7px;position:absolute;top:6px;left:12px}.brand-mark i:last-child{height:8px;transform:rotate(122deg)}.mode-nav{border:1px solid var(--line);background:var(--panel);border-radius:999px;gap:4px;padding:4px;display:flex;box-shadow:0 6px 22px #0000000a}.mode-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 19px;font-size:13px;font-weight:650;transition:all .25s}.mode-nav button.active{color:var(--ink);background:var(--panel-solid);box-shadow:0 4px 14px #00000014}.header-actions{justify-self:end;align-items:center;gap:8px;display:flex}.icon-button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:50%;place-items:center;width:37px;height:37px;font-weight:700;display:grid}.mode-toggle{border:1px solid var(--line);background:var(--panel);cursor:pointer;height:38px;color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:4px 7px;display:flex}.mode-toggle i{background:var(--ink);border-radius:50%;width:23px;height:23px;transition:transform .3s;position:absolute}.mode-toggle span{z-index:1;text-align:center;width:23px;font-size:16px}.mode-light .mode-toggle i{transform:translate(0)}.mode-dark .mode-toggle i{transform:translate(30px)}.mode-light .sun-symbol,.mode-dark .moon-symbol{color:var(--bg)}.focus-stage{z-index:3;flex-direction:column;align-items:center;min-height:690px;padding:46px 20px 48px;display:flex;position:relative}.session-meta{text-align:center;z-index:2;min-height:58px;position:relative}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.2em;margin-bottom:9px;font-size:10px;font-weight:800;line-height:1;display:block}.session-meta input{text-align:center;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #0000;min-width:220px;padding:4px 10px;font-size:16px;font-weight:600}.session-meta input:hover,.session-meta input:focus{border-color:var(--line);outline:0}.timer-shell{width:var(--timer-size);height:var(--timer-size);place-items:center;margin:15px 0 23px;display:grid;position:relative}.timer-shell:before{content:"";background:radial-gradient(circle, var(--accent), transparent 66%);border-radius:50%;position:absolute;inset:-34px}@supports (color:color-mix(in lab, red, red)){.timer-shell:before{background:radial-gradient(circle, color-mix(in srgb,var(--accent) 20%, transparent), transparent 66%)}}.timer-shell:before{opacity:0;z-index:-1;transition:opacity .4s;transform:scale(.9)}.has-glow .timer-shell:before{opacity:.75}.timer-ring{background:conic-gradient(var(--accent-strong) 0 var(--progress), var(--line) var(--progress) 360deg);width:100%;height:100%;box-shadow:var(--shadow), inset 0 1px #ffffff8c;border-radius:50%;padding:3px;transition:border-radius .35s}.timer-face{border-radius:inherit;border:1px solid var(--line);height:100%}@supports (color:color-mix(in lab, red, red)){.timer-face{border:1px solid color-mix(in srgb,var(--line) 70%, transparent)}}.timer-face{background:var(--panel-solid)}@supports (color:color-mix(in lab, red, red)){.timer-face{background:color-mix(in srgb,var(--panel-solid) 88%, transparent)}}.timer-face{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.timer-face:after{content:"";background:linear-gradient(100deg,#0000,#ffffff47,#0000);width:120%;height:30%;position:absolute;top:-4%;left:-10%;transform:rotate(-8deg)translate(-90%)}.has-motion .timer-face:after{animation:7s ease-in-out infinite chromeSweep}@keyframes chromeSweep{0%,22%{transform:rotate(-8deg)translate(-90%)}70%,to{transform:rotate(-8deg)translate(90%)}}.shape-soft .timer-ring,.shape-soft .timer-shell:before{border-radius:28%}.shape-square .timer-ring,.shape-square .timer-shell:before{border-radius:9%}.phase-badge{text-transform:uppercase;letter-spacing:.2em;color:var(--accent-strong);border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:9px;font-weight:800;position:absolute;top:19%}.time-display{color:var(--ink);cursor:text;letter-spacing:-.075em;font-variant-numeric:tabular-nums;z-index:2;background:0 0;border:0;flex-direction:column;align-items:center;padding:12px;font-size:clamp(58px,8vw,98px);font-weight:350;line-height:.95;display:flex;position:relative}.time-display>span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);opacity:0;margin-top:14px;font-size:8px;font-weight:700;transition:all .2s;transform:translateY(-2px)}.time-display:hover>span{opacity:1;transform:translateY(0)}.time-editor{z-index:4;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:4px;width:82%;display:grid;position:relative}.time-editor label{flex-direction:column;align-items:center;gap:7px;display:flex}.time-editor input{border:0;border-bottom:1px solid var(--line);width:100%;min-width:0;color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;background:0 0;padding:0;font-size:clamp(37px,5vw,62px);font-weight:400}.time-editor input::-webkit-inner-spin-button{display:none}.time-editor label span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:7px;font-weight:800}.time-colon{color:var(--muted);margin-top:-19px;font-size:33px}.apply-time{background:var(--ink);color:var(--bg);cursor:pointer;border:0;border-radius:999px;padding:9px 17px;font-size:11px;font-weight:700;position:absolute;top:calc(100% + 24px);left:50%;transform:translate(-50%)}.main-controls{z-index:5;align-items:center;gap:13px;display:flex;position:absolute;bottom:12%}.secondary-control{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:50%;place-items:center;width:45px;height:45px;font-size:14px;font-weight:700;display:grid}.play-control{background:var(--accent-strong);width:62px;height:62px;color:var(--button-ink);box-shadow:0 12px 26px var(--accent-strong);border:0;border-radius:50%}@supports (color:color-mix(in lab, red, red)){.play-control{box-shadow:0 12px 26px color-mix(in srgb,var(--accent-strong) 35%,transparent)}}.play-control{cursor:pointer;place-items:center;transition:transform .2s;display:grid}.play-control:hover{transform:scale(1.06)}.play-triangle{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:13px solid;width:0;height:0;margin-left:4px}.pause-bars{gap:5px;display:flex}.pause-bars i{background:currentColor;border-radius:3px;width:4px;height:17px;display:block}.quick-settings{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);z-index:4;border-radius:22px;width:min(680px,100vw - 32px);padding:12px;position:relative;box-shadow:0 12px 30px #0000000d}.preset-row{justify-content:center;gap:6px;display:flex}.preset-row button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;min-width:78px;padding:10px 15px;font-size:12px;font-weight:650}.preset-row button.selected{color:var(--ink);border-color:var(--line);background:var(--panel-solid);box-shadow:0 5px 14px #0000000f}.preset-row small{color:var(--muted);text-transform:uppercase;margin-top:3px;font-size:7px;display:block}.drag-time{color:var(--muted);grid-template-columns:105px 1fr 35px;align-items:center;gap:12px;padding:9px 9px 3px;font-size:10px;font-weight:700;display:grid}.drag-time input,.shade-control input{appearance:none;background:var(--line);border-radius:10px;height:3px}.drag-time input::-webkit-slider-thumb{appearance:none;background:var(--accent-strong);border:3px solid var(--panel-solid);cursor:ew-resize;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #0003}.shade-control input::-webkit-slider-thumb{appearance:none;background:var(--accent-strong);border:3px solid var(--panel-solid);cursor:ew-resize;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #0003}.drag-time strong{color:var(--ink);text-align:right}.pomo-custom-row{border-top:1px solid var(--line);justify-content:center;gap:20px;margin-top:8px;padding-top:10px;display:flex}.pomo-custom-row label{color:var(--muted);font-size:10px;font-weight:650}.pomo-custom-row input{border:1px solid var(--line);background:var(--panel-solid);width:52px;color:var(--ink);text-align:center;border-radius:8px;margin:0 5px;padding:6px 4px}.lap-list{border:1px solid var(--line);background:var(--panel);border-radius:17px;width:min(420px,100vw - 36px);margin-top:5px;padding:6px 16px}.lap-list div{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:9px 0;font-size:11px;display:flex}.lap-list div:last-child{border:0}.lap-list strong{color:var(--ink);font-variant-numeric:tabular-nums}.theme-dock{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}@supports (color:color-mix(in lab, red, red)){.theme-dock{background:color-mix(in srgb,var(--panel) 66%,transparent)}}.theme-dock{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:5;grid-template-columns:180px 1fr;align-items:center;gap:30px;padding:21px clamp(20px,4vw,68px);display:grid;position:relative}.dock-heading span{margin-bottom:4px;font-size:13px;font-weight:750;display:block}.dock-heading small{color:var(--muted);font-size:9px}.theme-list{grid-template-columns:repeat(5,minmax(130px,1fr));gap:9px;display:grid}.theme-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-radius:15px;align-items:center;gap:9px;min-width:0;padding:8px 10px 8px 8px;transition:all .2s;display:flex;position:relative}.theme-card:hover,.theme-card.selected{background:var(--panel-solid);transform:translateY(-2px);box-shadow:0 7px 19px #00000012}.theme-card.selected{border-color:var(--accent)}.theme-card>span:nth-child(2){min-width:0}.theme-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.theme-card small{color:var(--muted);white-space:nowrap;font-size:7px}.theme-card b{margin-left:auto;font-size:14px}.swatch-preview{border:1px solid #00000014;border-radius:10px;flex-shrink:0;width:36px;height:36px;display:flex;overflow:hidden}.swatch-preview i{flex:1}footer{height:66px;color:var(--muted);z-index:5;justify-content:space-between;align-items:center;padding:0 clamp(22px,4vw,68px);font-size:9px;display:flex;position:relative}footer button{color:var(--ink);cursor:pointer;background:0 0;border:0;font-weight:700}footer b{margin-left:4px}.theme-scene{z-index:0;pointer-events:none;opacity:.95;height:700px;position:absolute;inset:82px 0 auto;overflow:hidden}.orbit{border:1px solid var(--line);border-radius:50%;position:absolute}.o-one{opacity:.58;border-style:dashed;width:620px;height:620px;top:12px;left:calc(50% - 310px)}.o-two{opacity:.5;width:790px;height:290px;top:185px;left:calc(50% - 395px);transform:rotate(-12deg)}.chrome-dot{background:var(--accent-strong);width:10px;height:10px;box-shadow:0 0 22px var(--accent);border-radius:50%;position:absolute;top:300px;left:calc(50% + 298px)}.has-motion .o-one{animation:45s linear infinite spin}.has-motion .o-two{animation:12s ease-in-out infinite floatOrbit}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatOrbit{0%,to{transform:rotate(-12deg)translateY(0)}50%{transform:rotate(-9deg)translateY(-12px)}}.scene-forest{background:radial-gradient(circle at 22% 24%, var(--accent), transparent 28%)}@supports (color:color-mix(in lab, red, red)){.scene-forest{background:radial-gradient(circle at 22% 24%, color-mix(in srgb,var(--accent) 20%,transparent), transparent 28%)}}.forest-sun{filter:blur(1px);background:#f7d98b59;border-radius:50%;width:160px;height:160px;position:absolute;top:8%;left:14%}.mountain{border-left:350px solid #0000;border-right:350px solid #0000;border-bottom:260px solid var(--accent);width:0;height:0;position:absolute;bottom:35px}@supports (color:color-mix(in lab, red, red)){.mountain{border-bottom:260px solid color-mix(in srgb,var(--accent) 12%,transparent)}}.m-one{left:-130px}.m-two{border-bottom-color:var(--accent-strong);right:-160px;transform:scale(.8)}@supports (color:color-mix(in lab, red, red)){.m-two{border-bottom-color:color-mix(in srgb,var(--accent-strong) 9%,transparent)}}.tree{border-left:47px solid #0000;border-right:47px solid #0000;border-bottom:180px solid var(--accent-strong);width:0;height:0;position:absolute;bottom:0}@supports (color:color-mix(in lab, red, red)){.tree{border-bottom:180px solid color-mix(in srgb,var(--accent-strong) 38%,transparent)}}.tree:after{content:"";background:var(--accent-strong);width:8px;height:75px;position:absolute}@supports (color:color-mix(in lab, red, red)){.tree:after{background:color-mix(in srgb,var(--accent-strong) 28%,transparent)}}.tree:after{top:175px;left:-4px}.t-one{left:4%;transform:scale(.9)}.t-two{left:19%;transform:scale(.55)}.t-three{right:6%;transform:scale(1.1)}.t-four{right:22%;transform:scale(.62)}.t-five{opacity:.45;left:42%;transform:scale(.35)}.has-motion .forest-sun{animation:7s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.65;transform:scale(1.12)}}.scene-cosmic{background:radial-gradient(circle at 75% 20%, var(--accent), transparent 30%)}@supports (color:color-mix(in lab, red, red)){.scene-cosmic{background:radial-gradient(circle at 75% 20%, color-mix(in srgb,var(--accent) 25%,transparent), transparent 30%)}}.planet{background:radial-gradient(circle at 35% 30%,var(--accent),var(--accent-strong));border-radius:50%;width:230px;height:230px;position:absolute;top:38px;right:5%}@supports (color:color-mix(in lab, red, red)){.planet{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--accent) 70%,white),var(--accent-strong))}}.planet{box-shadow:inset -35px -30px 60px #00000052, 0 0 70px var(--accent)}@supports (color:color-mix(in lab, red, red)){.planet{box-shadow:inset -35px -30px 60px #00000052, 0 0 70px color-mix(in srgb,var(--accent) 25%,transparent)}}.planet{opacity:.42}.planet:after{content:"";border:2px solid var(--accent);width:310px;height:74px;position:absolute}@supports (color:color-mix(in lab, red, red)){.planet:after{border:2px solid color-mix(in srgb,var(--accent) 50%,transparent)}}.planet:after{border-radius:50%;top:78px;left:-40px;transform:rotate(-14deg)}.moon{background:var(--accent);opacity:.3;border-radius:50%;width:50px;height:50px;position:absolute;top:145px;left:9%;box-shadow:inset -13px -8px 16px #00000040}.star{background:var(--accent-strong);width:3px;height:3px;box-shadow:0 0 12px var(--accent);border-radius:50%;position:absolute}.star-1{top:8%;left:8%}.star-2{top:43%;left:17%}.star-3{top:16%;left:30%}.star-4{top:61%;left:39%}.star-5{top:5%;left:53%}.star-6{top:45%;left:66%}.star-7{top:56%;left:83%}.star-8{top:14%;left:93%}.star-9{top:76%;left:12%}.star-10{top:88%;left:28%}.star-11{top:31%;left:47%}.star-12{top:82%;left:71%}.star-13{top:90%;left:90%}.star-14{top:72%;left:59%}.has-motion .planet{animation:8s ease-in-out infinite planetFloat}.has-motion .star:nth-child(2n){animation:3s ease-in-out infinite twinkle}@keyframes planetFloat{50%{transform:translateY(15px)rotate(2deg)}}@keyframes twinkle{50%{opacity:.15;transform:scale(.6)}}.scene-sunset{background:linear-gradient(to bottom,transparent 45%,var(--accent))}@supports (color:color-mix(in lab, red, red)){.scene-sunset{background:linear-gradient(to bottom,transparent 45%,color-mix(in srgb,var(--accent) 9%,transparent))}}.sunset-sun{background:linear-gradient(#ffcf9d,var(--accent));opacity:.25;width:240px;height:240px;box-shadow:0 0 80px var(--accent);border-radius:50%;position:absolute;top:230px;left:calc(50% - 120px)}@supports (color:color-mix(in lab, red, red)){.sunset-sun{box-shadow:0 0 80px color-mix(in srgb,var(--accent) 30%,transparent)}}.horizon-line{border-top:1px solid var(--accent);height:90px;position:absolute;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.horizon-line{border-top:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}}.horizon-line{border-radius:50%}.h-one{top:490px}.h-two{top:530px;left:-15%;right:-15%}.h-three{top:575px;left:-25%;right:-25%}.bird{color:var(--accent-strong);opacity:.35;font-size:34px;position:absolute}.b-one{top:130px;left:15%}.b-two{font-size:22px;top:185px;right:17%}.has-motion .sunset-sun{animation:8s ease-in-out infinite breathe}.drawer-backdrop,.tutorial-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a0c5c;justify-content:flex-end;display:flex;position:fixed;inset:0}.custom-drawer{background:var(--panel-solid);width:min(485px,100%);height:100%;color:var(--ink);padding:30px 32px 110px;animation:.35s both drawerIn;overflow-y:auto;box-shadow:-20px 0 70px #00000040}@keyframes drawerIn{0%{transform:translate(100%)}}.drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:28px;display:flex}.drawer-header h2{letter-spacing:-.04em;margin:0;font-size:26px}.drawer-header button,.tutorial-close{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;width:38px;height:38px;font-size:21px}.drawer-section{border-bottom:1px solid var(--line);padding:25px 0}.section-label{align-items:center;gap:10px;margin-bottom:15px;display:flex}.section-label span{color:var(--accent-strong);font-size:8px;font-weight:800}.section-label h3{margin:0;font-size:12px}.color-controls{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.color-controls label{border:1px solid var(--line);height:70px;color:var(--muted);border-radius:12px;flex-direction:column;justify-content:space-between;padding:9px;font-size:9px;display:flex}.color-controls input{cursor:pointer;background:0 0;border:0;width:100%;height:26px;padding:0}.color-controls input::-webkit-color-swatch{border:0;border-radius:6px}.font-options{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.font-options button{border:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-radius:11px;justify-content:space-between;align-items:center;height:51px;padding:0 13px;font-size:11px;display:flex}.font-options button small{color:var(--muted);font-size:17px}.font-options button.selected{border-color:var(--accent-strong);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.font-options button.selected{background:color-mix(in srgb,var(--accent) 10%,transparent)}}.photo-upload{border:1px dashed var(--line);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.photo-upload{background:color-mix(in srgb,var(--accent) 5%,transparent)}}.photo-upload{width:100%;min-height:100px;color:var(--ink);cursor:pointer;background-position:50%;background-size:cover;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;display:flex}.photo-upload span{font-size:11px;font-weight:700}.photo-upload small{color:var(--muted);margin-top:6px;font-size:8px}.photo-upload.has-image{color:#fff;text-shadow:0 1px 8px #000}.shade-control{color:var(--muted);grid-template-columns:80px 1fr 30px;align-items:center;gap:10px;margin-top:13px;font-size:9px;display:grid}.shade-control strong{color:var(--ink)}.remove-photo{color:#b45151;cursor:pointer;background:0 0;border:0;padding:10px 0 0;font-size:9px}.element-toggles{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.element-toggles button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:11px;padding:12px 4px;font-size:8px}.element-toggles i{border:1px solid var(--line);border-radius:50%;width:13px;height:13px;margin:0 auto 7px;display:block}.element-toggles button.on{color:var(--ink);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.element-toggles button.on{background:color-mix(in srgb,var(--accent) 10%,transparent)}}.element-toggles button.on{border-color:var(--accent)}.element-toggles button.on i{background:var(--accent-strong);box-shadow:inset 0 0 0 3px var(--panel-solid)}.shape-options{align-items:center;gap:6px;margin-top:15px;display:flex}.shape-options>span{color:var(--muted);margin-right:auto;font-size:9px}.shape-options button{border:1px solid var(--line);text-transform:capitalize;cursor:pointer;background:0 0;border-radius:8px;padding:7px 10px;font-size:8px}.shape-options button.selected{background:var(--ink);color:var(--bg)}.drawer-actions{width:min(485px,100%);padding:15px 32px max(15px,env(safe-area-inset-bottom));background:var(--panel-solid);position:fixed;bottom:0;right:0}@supports (color:color-mix(in lab, red, red)){.drawer-actions{background:color-mix(in srgb,var(--panel-solid) 90%,transparent)}}.drawer-actions{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid var(--line);gap:9px;display:flex}.drawer-actions button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:11px;flex:1;padding:13px;font-size:10px;font-weight:700}.drawer-actions .save-theme{background:var(--accent-strong);color:var(--button-ink);border-color:#0000;flex:2}.tutorial-backdrop{justify-content:center;align-items:center;padding:20px}.tutorial-card{color:#1b1d1f;background:#f8f8f6;border-radius:30px;grid-template-columns:45% 55%;width:min(760px,100%);min-height:470px;animation:.4s both tutorialIn;display:grid;position:relative;overflow:hidden;box-shadow:0 35px 100px #00000047}@keyframes tutorialIn{0%{opacity:0;transform:translateY(14px)scale(.98)}}.tutorial-close{z-index:2;position:absolute;top:18px;right:18px}.tutorial-visual{background:#e7e9e8;place-items:center;min-height:470px;display:grid;position:relative;overflow:hidden}.tutorial-visual:before,.tutorial-visual:after{content:"";border:1px solid #0000001a;border-radius:50%;width:420px;height:420px;position:absolute}.tutorial-visual:after{border-style:dashed;width:260px;height:260px;animation:35s linear infinite spin}.mini-clock{z-index:1;letter-spacing:-.06em;background:#ffffffbf;border-radius:50%;place-items:center;width:195px;height:195px;font-size:38px;display:grid;box-shadow:0 25px 60px #00000024}.mini-clock i{background:#25282b;border-radius:50%;width:45px;height:45px;position:absolute;bottom:118px}.gesture-demo{z-index:1;background:#fff;border-radius:23px;flex-direction:column;justify-content:center;align-items:center;width:230px;height:120px;font-size:36px;display:flex;box-shadow:0 20px 60px #0000001f}.gesture-demo i{color:#777;margin-top:15px;font-size:25px;font-style:normal;animation:1.6s ease-in-out infinite gesture}@keyframes gesture{50%{transform:scaleX(1.45)}}.theme-demo{z-index:1;grid-template-columns:repeat(2,80px);gap:9px;display:grid}.theme-demo i,.theme-demo b{background:linear-gradient(135deg,#d8e8d2,#315d40);border-radius:18px;width:80px;height:80px;display:block;box-shadow:0 10px 25px #0000001f}.theme-demo i:nth-child(2){background:linear-gradient(135deg,#e4ddff,#4b3b95)}.theme-demo i:nth-child(3){background:linear-gradient(135deg,#ffe1c7,#df735c)}.theme-demo b{background:#fff;place-items:center;font-size:25px;display:grid}.ready-demo{z-index:1;color:#fff;background:#1e2123;border-radius:50%;place-items:center;width:150px;height:150px;font-size:43px;display:grid;box-shadow:0 25px 55px #00000038}.tutorial-copy{align-self:start;padding:95px 54px 20px}.tutorial-copy h2{letter-spacing:-.055em;max-width:390px;margin:0 0 19px;font-size:clamp(30px,4vw,45px);line-height:1.02}.tutorial-copy p{color:#676c72;max-width:350px;font-size:12px;line-height:1.7}.tutorial-nav{grid-column:2;justify-content:space-between;align-self:end;align-items:center;padding:18px 54px 35px;display:flex}.tutorial-nav>div{gap:5px;display:flex}.tutorial-nav i{background:#c0c3c5;border-radius:50%;width:5px;height:5px;display:block}.tutorial-nav i.active{background:#24272a;border-radius:8px;width:20px}.tutorial-nav button{color:#fff;cursor:pointer;background:#24272a;border:0;border-radius:999px;padding:12px 18px;font-size:10px;font-weight:700}.tutorial-nav button span{margin-left:20px}@media (width<=900px){.app-header{-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:1fr auto;height:74px}.mode-nav{bottom:max(13px,env(safe-area-inset-bottom));z-index:60;background:var(--panel-solid);position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 45px #00000038}@supports (color:color-mix(in lab, red, red)){.mode-nav{background:color-mix(in srgb,var(--panel-solid) 88%,transparent)}}.mode-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-actions .icon-button:first-child{display:none}.focus-stage{min-height:660px;padding-top:34px;padding-bottom:34px}.theme-dock{grid-template-columns:1fr;gap:13px;padding-bottom:25px}.theme-list{scrollbar-width:none;padding-bottom:5px;display:flex;overflow-x:auto}.theme-card{min-width:145px}footer{height:118px;padding-bottom:72px}}@media (width<=620px){.app-header{padding:0 16px}.brand{font-size:16px}.brand-mark{width:24px;height:24px}.brand-mark i{left:11px}.header-actions{gap:5px}.icon-button{width:34px;height:34px}.mode-toggle{gap:4px;height:35px}.mode-toggle span{width:20px}.mode-toggle i{width:20px;height:20px}.mode-dark .mode-toggle i{transform:translate(24px)}.focus-stage{min-height:610px;padding-left:12px;padding-right:12px}.timer-shell{--timer-size:min(84vw,355px);margin-top:8px}.time-display{font-size:clamp(55px,20vw,74px)}.main-controls{bottom:10%}.play-control{width:56px;height:56px}.secondary-control{width:41px;height:41px}.quick-settings{border-radius:17px}.preset-row{scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.preset-row button{min-width:73px;padding:9px 10px}.drag-time{grid-template-columns:1fr 38px}.drag-time span{display:none}.pomo-custom-row{gap:5px}.pomo-custom-row input{width:45px}.theme-dock{padding:18px 16px 23px}.dock-heading{justify-content:space-between;align-items:center;display:flex}.dock-heading small{font-size:7px}footer{padding-left:16px;padding-right:16px}.custom-drawer{padding:24px 20px 105px}.drawer-actions{padding-left:20px;padding-right:20px}.drawer-header h2{font-size:23px}.element-toggles{grid-template-columns:repeat(4,1fr)}.tutorial-card{grid-template-columns:1fr;min-height:620px;max-height:92svh;overflow-y:auto}.tutorial-visual{min-height:260px}.tutorial-copy{padding:35px 30px 10px}.tutorial-copy h2{font-size:32px}.tutorial-nav{grid-column:1;padding:18px 30px 28px}.tutorial-visual:before{width:320px;height:320px}.tutorial-visual:after{width:210px;height:210px}.mini-clock{width:145px;height:145px;font-size:30px}.mini-clock i{width:37px;height:37px;bottom:43px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}