/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@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-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.contents{display:contents}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--font-modern:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-soft:"Snell Roundhand", "Bradley Hand", "Segoe Print", "Noteworthy", cursive;--font-editorial:"New York", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Baskerville, Georgia, serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#eef1f4;width:100%;height:100%;margin:0;overflow:hidden}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{height:100dvh;font-family:var(--font-editorial);transition:background-color .3s}button,input{font:inherit;font-family:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.clock-app button{-webkit-tap-highlight-color:transparent;transition-property:transform,background-color,border-color,box-shadow,color,opacity;transition-duration:.66s,.58s,.56s,.66s,.52s,.48s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.clock-app button:not(:disabled):active{transition-duration:.32s;transition-timing-function:cubic-bezier(.33,1,.68,1);transform:translateY(1px)scale(.982)}.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:min(34vw, 42dvh, 430px);--logo-base:#080a0d;--logo-a:#72d4ff;--logo-b:#b8a8ff;--logo-c:#f0a8d2;--logo-d:#83e1bd;--logo-ring:#f1f4f7ad;--logo-hour:#d7dbe0;--logo-minute:#f7f8f9;--logo-second:#e7a1d8;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--header-height:82px;--header-total:calc(var(--header-height) + var(--safe-top));--scene-center-x:50vw;--scene-center-y:50dvh;--scene-scale:1;--chosen-font:var(--font-editorial);--ui-font:var(--font-editorial);background:var(--bg);color:var(--ink);grid-template-rows:var(--header-total) minmax(0,1fr) auto auto auto;isolation:isolate;width:100%;height:100dvh;min-height:0;font-family:var(--chosen-font);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:background-color .58s,background-image .58s,color .52s;display:grid;position:relative;overflow:hidden}.clock-app[data-language=ko]{word-break:keep-all}.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-aurora.mode-light{--bg:#eef1f4;--ink:#12151a;--muted:#6c737d;--panel:#ffffffa8;--panel-solid:#fdfdfe;--line:#1e242c1f;--accent:#aaa2ef;--accent-strong:#626a75;--button-ink:#fff;--shadow:0 28px 78px #12161c33}.theme-aurora.mode-dark{--bg:#07090c;--ink:#f3f5f7;--muted:#969da7;--panel:#14171cb8;--panel-solid:#14171c;--line:#ffffff1f;--accent:#aea7ff;--accent-strong:#e8ebef;--button-ink:#0b0d10;--shadow:0 28px 90px #00000085}.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-light{--panel:var(--bg)}@supports (color:color-mix(in lab, red, red)){.theme-custom.mode-light{--panel:color-mix(in srgb,var(--bg) 35%,#ffffff94)}}.theme-custom.mode-light{--line:var(--accent)}@supports (color:color-mix(in lab, red, red)){.theme-custom.mode-light{--line:color-mix(in srgb,var(--accent) 20%,#2a2f381a)}}.theme-custom.mode-light{--accent-strong:var(--accent)}@supports (color:color-mix(in lab, red, red)){.theme-custom.mode-light{--accent-strong:color-mix(in srgb,var(--accent) 78%,#6f7190)}}.theme-custom.mode-light{--button-ink:#fff}.theme-minimal.mode-light{--logo-base:#f8f9fa;--logo-a:#d8dce1;--logo-b:#aeb4bc;--logo-c:#eef0f2;--logo-d:#7a818a;--logo-ring:#21252a7a;--logo-hour:#68707a;--logo-minute:#202327;--logo-second:#a3a9b0}.theme-minimal.mode-dark{--logo-base:#111315;--logo-a:#5f6670;--logo-b:#aeb4bc;--logo-c:#33383e;--logo-d:#e4e7ea;--logo-ring:#f4f6f899;--logo-hour:#aeb4bc;--logo-minute:#f5f6f7;--logo-second:#777f89}.theme-forest.mode-light{--logo-base:#173325;--logo-a:#b8d8ac;--logo-b:#6f9772;--logo-c:#dce9d4;--logo-d:#315d40;--logo-ring:#f4fcf1ad;--logo-hour:#c8ddc3;--logo-minute:#f6fbf4;--logo-second:#8fbd85}.theme-forest.mode-dark{--logo-base:#0e1d16;--logo-a:#5f8f69;--logo-b:#9fc194;--logo-c:#335c43;--logo-d:#d2e6ca;--logo-ring:#e9f6e69e;--logo-hour:#a8c9a0;--logo-minute:#f0f7ed;--logo-second:#78aa7c}.theme-cosmic.mode-light{--logo-base:#211b3e;--logo-a:#8170d1;--logo-b:#c0b4ff;--logo-c:#e0a5dc;--logo-d:#6653bd;--logo-ring:#f6f2ffb3;--logo-hour:#c9c0f1;--logo-minute:#faf8ff;--logo-second:#e7a8de}.theme-cosmic.mode-dark{--logo-base:#0d0b1c;--logo-a:#5d4fb2;--logo-b:#a998ff;--logo-c:#d58bd2;--logo-d:#493b95;--logo-ring:#ede8ffa3;--logo-hour:#bcb1eb;--logo-minute:#f5f2ff;--logo-second:#e198d8}.theme-sunset.mode-light{--logo-base:#4b2834;--logo-a:#f3a076;--logo-b:#ec8166;--logo-c:#ffd4b2;--logo-d:#bd5870;--logo-ring:#fff6ecb8;--logo-hour:#ffd5bd;--logo-minute:#fff8f0;--logo-second:#f2a175}.theme-sunset.mode-dark{--logo-base:#25131f;--logo-a:#bb526a;--logo-b:#f39a72;--logo-c:#7d3e63;--logo-d:#ffc19c;--logo-ring:#ffeee0a8;--logo-hour:#efad94;--logo-minute:#fff3e9;--logo-second:#f38d76}.theme-custom{--logo-base:var(--ink);--logo-a:var(--accent);--logo-b:var(--accent)}@supports (color:color-mix(in lab, red, red)){.theme-custom{--logo-b:color-mix(in srgb,var(--accent) 58%,white)}}.theme-custom{--logo-c:var(--accent)}@supports (color:color-mix(in lab, red, red)){.theme-custom{--logo-c:color-mix(in srgb,var(--accent) 46%,#f0a8d2)}}.theme-custom{--logo-d:var(--accent)}@supports (color:color-mix(in lab, red, red)){.theme-custom{--logo-d:color-mix(in srgb,var(--accent) 54%,#83e1bd)}}.theme-custom{--logo-ring:var(--bg)}@supports (color:color-mix(in lab, red, red)){.theme-custom{--logo-ring:color-mix(in srgb,var(--bg) 72%,transparent)}}.theme-custom{--logo-hour:var(--bg)}@supports (color:color-mix(in lab, red, red)){.theme-custom{--logo-hour:color-mix(in srgb,var(--bg) 74%,white)}}.theme-custom{--logo-minute:var(--bg)}@supports (color:color-mix(in lab, red, red)){.theme-custom{--logo-minute:color-mix(in srgb,var(--bg) 48%,white)}}.theme-custom{--logo-second:var(--accent)}.theme-custom.mode-dark:not(.has-photo){filter:brightness(.72)saturate(.92)}.clock-app.has-photo{background-image:linear-gradient(rgba(0,0,0,var(--photo-shade)),rgba(0,0,0,var(--photo-shade))),var(--custom-photo)}.photo-background{z-index:0;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-repeat:no-repeat;background-size:cover;animation:.58s cubic-bezier(.22,1,.36,1) both theme-scene-in;position:fixed;inset:-2px}.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:1;pointer-events:none;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 .58s;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.has-grid .ambient-grid{opacity:.42}.theme-minimal .ambient-grid{opacity:.27;background-size:60px 60px}.app-header{height:var(--header-total);padding-top:var(--safe-top);padding-right:max(clamp(22px,4vw,68px),calc(var(--safe-right) + 16px));padding-bottom:0;padding-left:max(clamp(22px,4vw,68px),calc(var(--safe-left) + 16px));border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:var(--ui-font);grid-template-columns:1fr auto 1fr;align-items:center;transition:border-color .32s,background-color .36s;display:grid;position:relative}.brand{font-family:var(--font-editorial);letter-spacing:-.025em;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:12px;padding:0;font-size:21px;font-weight:600;display:inline-flex}.brand-mark{isolation:isolate;background:radial-gradient(circle at 18% 18%,var(--logo-a),transparent 38%),radial-gradient(circle at 82% 20%,var(--logo-b),transparent 38%),radial-gradient(circle at 78% 84%,var(--logo-c),transparent 40%),radial-gradient(circle at 18% 82%,var(--logo-d),transparent 40%),var(--logo-base);border-radius:9px;width:30px;height:30px;display:block;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.brand-mark{background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--logo-a) 62%,transparent),transparent 38%),radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--logo-b) 58%,transparent),transparent 38%),radial-gradient(circle at 78% 84%,color-mix(in srgb,var(--logo-c) 54%,transparent),transparent 40%),radial-gradient(circle at 18% 82%,color-mix(in srgb,var(--logo-d) 50%,transparent),transparent 40%),var(--logo-base)}}.brand-mark{transition:background .72s cubic-bezier(.22,1,.36,1),box-shadow .58s;box-shadow:0 5px 14px #14171d38,inset 0 0 0 1px #ffffff24}.live-logo:after{content:"";border:1px solid var(--logo-ring);box-shadow:0 0 0 1px var(--logo-b);border-radius:50%;position:absolute;inset:5px}@supports (color:color-mix(in lab, red, red)){.live-logo:after{box-shadow:0 0 0 1px color-mix(in srgb,var(--logo-b) 24%,transparent)}}.live-logo:after{transition:border-color .62s,box-shadow .62s}.live-logo-hand{z-index:2;transform-origin:50% 100%;width:1.5px;height:27%;transform:translateX(-50%) rotate(var(--hand-rotation));background:#f4f6f8;border-radius:999px;transition:background-color .62s;position:absolute;bottom:50%;left:50%}.live-logo-hour{background:var(--logo-hour);width:2.3px;height:20%}.live-logo-minute{background:var(--logo-minute);height:28%}.live-logo-second{background:var(--logo-second);width:1px;height:31%}.live-logo b{z-index:3;background:var(--logo-minute);border-radius:50%;width:3.5px;height:3.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mode-nav{border:1px solid var(--line);background:var(--panel);border-radius:999px;gap:4px;padding:4px;transition:background-color .36s,border-color .32s,box-shadow .36s;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:background .62s cubic-bezier(.16,1,.3,1),color .56s,box-shadow .62s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1)}.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;transition:transform .52s cubic-bezier(.16,1,.3,1),background-color .36s,border-color .32s,color .3s,box-shadow .46s;display:grid}.todo-button{color:var(--ink);font-size:15px;position:relative}.todo-button.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.todo-button b{background:var(--accent-strong);min-width:17px;height:17px;color:var(--button-ink);border:2px solid var(--bg);border-radius:999px;place-items:center;padding:0 4px;font-size:8px;line-height:1;display:grid;position:absolute;top:-5px;right:-5px}.language-toggle{border:1px solid var(--line);background:var(--panel);height:38px;color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:2px;padding:3px;transition:transform .52s cubic-bezier(.16,1,.3,1),background-color .36s,border-color .32s,color .3s,box-shadow .46s;display:flex}.language-toggle span{letter-spacing:.04em;border-radius:999px;place-items:center;min-width:27px;height:30px;padding:0 6px;font-size:8px;font-weight:800;transition:background .46s cubic-bezier(.16,1,.3,1),color .4s,box-shadow .46s cubic-bezier(.16,1,.3,1);display:grid}.language-toggle span.active{color:var(--bg);background:var(--ink);box-shadow:0 4px 12px #0000001f}.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;transition:transform .52s cubic-bezier(.16,1,.3,1),background-color .36s,border-color .32s,color .3s,box-shadow .46s;display:flex}.mode-toggle i{background:var(--ink);border-radius:50%;width:23px;height:23px;transition:transform .52s cubic-bezier(.16,1,.3,1);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)}.todo-layer{inset:var(--header-total) 0 0;z-index:90;padding:18px max(clamp(22px,4vw,68px),calc(var(--safe-right) + 14px)) max(18px,var(--safe-bottom)) max(clamp(22px,4vw,68px),calc(var(--safe-left) + 14px));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(135deg,#080a0c0a,#080a0c24);justify-content:flex-end;align-items:flex-start;animation:.22s both todo-layer-in;display:flex;position:fixed}.todo-panel{border:1px solid var(--line);width:min(384px,100%);max-height:min(610px,100svh - 118px);padding:0 24px 20px}@supports (color:color-mix(in lab, red, red)){.todo-panel{border:1px solid color-mix(in srgb,var(--line) 82%,transparent)}}.todo-panel{background:var(--panel-solid);border-radius:28px}@supports (color:color-mix(in lab, red, red)){.todo-panel{background:color-mix(in srgb,var(--panel-solid) 94%,transparent)}}.todo-panel{color:var(--ink);isolation:isolate;flex-direction:column;animation:.4s cubic-bezier(.16,1,.3,1) both todo-panel-in;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 90px #00000038,inset 0 1px #ffffff1a}.todo-panel:before{content:"";z-index:-1;filter:blur(38px);opacity:.22;pointer-events:none;background:linear-gradient(90deg,#72d4ff,#b8a8ff 36%,#f0a8d2 68%,#83e1bd);border-radius:50%;width:270px;height:145px;position:absolute;top:-105px;right:45px}@keyframes todo-layer-in{0%{opacity:0}}@keyframes todo-panel-in{0%{opacity:0;transform:translateY(-9px)scale(.975)}}.todo-header{border-bottom:1px solid var(--line);align-items:center;gap:13px;margin:0 -24px;padding:25px 24px 20px;display:flex}@supports (color:color-mix(in lab, red, red)){.todo-header{border-bottom:1px solid color-mix(in srgb,var(--line) 68%,transparent)}}.todo-heading{flex:1;min-width:0}.todo-header .eyebrow{margin-bottom:7px}.todo-header h2{letter-spacing:-.052em;margin:0;font-size:27px;line-height:1.05}.todo-header p{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.55}.todo-progress{--todo-progress:0deg;background:conic-gradient(var(--accent-strong) var(--todo-progress),var(--line) 0);border-radius:50%;flex:none;grid-template-columns:auto auto;place-content:center;align-items:baseline;width:49px;height:49px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.todo-progress{background:conic-gradient(var(--accent-strong) var(--todo-progress),color-mix(in srgb,var(--line) 72%,transparent) 0)}}.todo-progress:before{content:"";border-radius:inherit;background:var(--panel-solid);position:absolute;inset:4px}.todo-progress strong,.todo-progress span{z-index:1;position:relative}.todo-progress strong{letter-spacing:-.04em;font-size:12px;line-height:1}.todo-progress span{color:var(--muted);margin-left:1px;font-size:7px}.todo-header>button{border:1px solid var(--line);background:var(--panel-solid);border-radius:50%;flex:none;width:32px;height:32px}@supports (color:color-mix(in lab, red, red)){.todo-header>button{background:color-mix(in srgb,var(--panel-solid) 80%,transparent)}}.todo-header>button{color:var(--ink);cursor:pointer;font-size:17px;transition:transform .4s cubic-bezier(.16,1,.3,1),background-color .3s}.todo-header>button:hover{background:var(--panel-solid);transform:rotate(7deg)}.todo-form{border:1px solid var(--line);background:var(--bg);border-radius:17px;grid-template-columns:1fr 44px;gap:8px;margin:18px 0 14px;padding:5px;display:grid}@supports (color:color-mix(in lab, red, red)){.todo-form{background:color-mix(in srgb,var(--bg) 48%,var(--panel-solid))}}.todo-form{box-shadow:inset 0 1px 4px #00000006}.todo-form input{min-width:0;height:38px;color:var(--ink);background:0 0;border:0;border-radius:12px;outline:0;padding:0 10px;font-size:16px}.todo-form input:focus{border-color:var(--accent-strong)}@supports (color:color-mix(in lab, red, red)){.todo-form input:focus{border-color:color-mix(in srgb,var(--accent-strong) 50%,var(--line))}}.todo-form input:focus{box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.todo-form input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}}.todo-form button{background:var(--ink);width:44px;height:38px;color:var(--bg);cursor:pointer;border:0;border-radius:12px;font-size:18px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;box-shadow:0 7px 18px #00000021}.todo-form button:not(:disabled):hover{transform:translateY(-1px)scale(1.02)}.todo-form button:disabled{opacity:.28;cursor:default}.todo-list{scrollbar-width:thin;flex-direction:column;gap:8px;min-height:70px;max-height:318px;padding:1px 2px;display:flex;overflow-y:auto}.todo-list.is-empty{border:1px dashed var(--line);background:var(--accent);border-radius:18px;grid-template-columns:42px 1fr;place-items:center start;gap:12px;padding:19px;display:grid}@supports (color:color-mix(in lab, red, red)){.todo-list.is-empty{background:color-mix(in srgb,var(--accent) 4%,transparent)}}.todo-list.is-empty p{text-align:left;max-width:220px;color:var(--muted);margin:0;font-size:10px;line-height:1.6}.todo-empty-mark{background:var(--accent);border-radius:14px;place-items:center;width:42px;height:42px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.todo-empty-mark{background:color-mix(in srgb,var(--accent) 13%,var(--panel-solid))}}.todo-empty-mark{box-shadow:inset 0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.todo-empty-mark{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}}.todo-empty-mark:before,.todo-empty-mark:after,.todo-empty-mark i{content:"";background:var(--muted);width:15px;height:1px;box-shadow:-6px 0 0 -.1px var(--accent-strong);border-radius:2px;display:block;position:absolute;left:16px}.todo-empty-mark:before{top:13px}.todo-empty-mark i{top:20px}.todo-empty-mark:after{top:27px}.todo-item{border:1px solid var(--line);align-items:center;gap:8px;min-height:51px;padding:7px 7px 7px 11px;display:flex}@supports (color:color-mix(in lab, red, red)){.todo-item{border:1px solid color-mix(in srgb,var(--line) 84%,transparent)}}.todo-item{background:linear-gradient(135deg,var(--panel-solid),var(--panel));border-radius:16px}@supports (color:color-mix(in lab, red, red)){.todo-item{background:linear-gradient(135deg,color-mix(in srgb,var(--panel-solid) 82%,transparent),color-mix(in srgb,var(--panel) 56%,transparent))}}.todo-item{transition:opacity .3s,background-color .3s,transform .4s cubic-bezier(.16,1,.3,1),border-color .3s;animation:.38s cubic-bezier(.16,1,.3,1) both todo-item-in;box-shadow:0 5px 18px #00000009}@keyframes todo-item-in{0%{opacity:0;transform:translateY(7px)scale(.985)}}.todo-item:hover{border-color:var(--accent-strong);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.todo-item:hover{border-color:color-mix(in srgb,var(--accent-strong) 24%,var(--line))}}.todo-check{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.todo-check input{opacity:0;pointer-events:none;position:absolute}.todo-check i{border:1px solid var(--line);background:var(--panel-solid);border-radius:8px;flex:none;place-items:center;width:21px;height:21px;transition:background-color .32s,border-color .32s,transform .4s cubic-bezier(.16,1,.3,1);display:grid}.todo-check input:checked+i{background:var(--accent-strong);border-color:var(--accent-strong);transform:scale(.94)}.todo-check input:checked+i:after{content:"✓";color:var(--button-ink);font-size:12px;font-style:normal;font-weight:800;animation:.34s cubic-bezier(.16,1,.3,1) both todo-check-in}@keyframes todo-check-in{0%{opacity:0;transform:scale(.45)rotate(-18deg)}}.todo-check input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}.todo-check span{overflow-wrap:anywhere;min-width:0;font-size:12px;line-height:1.4}.todo-item.done{opacity:.55;background:var(--panel)}@supports (color:color-mix(in lab, red, red)){.todo-item.done{background:color-mix(in srgb,var(--panel) 42%,transparent)}}.todo-item.done{box-shadow:none}.todo-item.done .todo-check span{text-decoration:line-through}.todo-delete{width:31px;height:31px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;font-size:16px}.todo-delete:hover{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.todo-delete:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}}.todo-delete:hover{color:var(--ink)}.todo-summary{border-top:1px solid var(--line);min-height:37px;color:var(--muted);justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;padding-top:12px;font-size:9px;display:flex}.todo-summary>div{flex:1;gap:7px;min-width:95px;display:grid}.todo-progress-track{background:var(--line);border-radius:99px;width:min(145px,100%);height:3px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.todo-progress-track{background:color-mix(in srgb,var(--line) 82%,transparent)}}.todo-progress-track i{border-radius:inherit;background:linear-gradient(90deg,var(--accent-strong),var(--accent));height:100%;transition:width .48s cubic-bezier(.16,1,.3,1);display:block}.todo-summary button{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.focus-stage{z-index:3;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:0;padding:clamp(8px,1.8dvh,24px) 20px;transition:min-height .64s cubic-bezier(.16,1,.3,1),padding .64s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:visible;container-type:size}.clock-mode-pomodoro:not(.is-running) .focus-stage{animation:.62s cubic-bezier(.16,1,.3,1) both focus-mode-in}.clock-mode-timer:not(.is-running) .focus-stage{animation:.62s cubic-bezier(.16,1,.3,1) both timer-mode-in}.clock-mode-stopwatch:not(.is-running) .focus-stage{animation:.62s cubic-bezier(.16,1,.3,1) both stopwatch-mode-in}@keyframes focus-mode-in{0%{opacity:.72;transform:translateY(5px)scale(.994)}}@keyframes timer-mode-in{0%{opacity:.72;transform:translateY(5px)scale(.994)}}@keyframes stopwatch-mode-in{0%{opacity:.72;transform:translateY(5px)scale(.994)}}.session-meta{text-align:center;z-index:2;opacity:1;height:48px;min-height:0;transition:height .34s cubic-bezier(.16,1,.3,1),opacity .24s,transform .32s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:translateY(0)}.eyebrow{color:var(--muted);font-family:var(--ui-font);text-transform:uppercase;letter-spacing:.14em;margin-bottom:10px;font-size:9px;font-weight:700;line-height:1;display:block}.session-meta input{text-align:center;color:var(--ink);font-family:var(--font-editorial);letter-spacing:-.015em;background:0 0;border:0;border-bottom:1px solid #0000;min-width:240px;padding:3px 10px 5px;font-size:19px;font-weight:500}.session-meta input:hover,.session-meta input:focus{border-color:var(--line);outline:0}.timer-shell{--running-offset:0px;width:var(--timer-size);height:var(--timer-size);aspect-ratio:1;flex:0 auto;align-self:center;place-items:center;max-width:calc(100cqh - 112px);max-height:calc(100cqh - 112px);margin:8px auto 12px;transition:width .68s cubic-bezier(.16,1,.3,1),height .68s cubic-bezier(.16,1,.3,1),margin .68s cubic-bezier(.16,1,.3,1),transform .68s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.is-running .focus-stage{height:100%;min-height:0;padding:0 max(20px,var(--safe-right)) 0 max(20px,var(--safe-left));justify-content:center;transition-duration:.88s,.88s}.is-running .session-meta{opacity:0;pointer-events:none;height:0;transition-duration:.62s,.42s,.58s;transform:translateY(-10px)}.is-running .timer-shell{max-width:min(76vw,100cqh - 28px);max-height:calc(100cqh - 28px);margin:0 auto;transition-duration:.88s,.88s,.88s,.88s;animation:.88s cubic-bezier(.16,1,.3,1) both timer-settle}.is-running .theme-scene{height:auto;min-height:100dvh;inset:0}.is-running footer{opacity:0;pointer-events:none;height:0;padding-top:0;padding-bottom:0;transition-duration:.82s,.82s,.52s}@keyframes timer-settle{0%{transform:translateY(calc(var(--running-offset) + 18px)) scale(.985);opacity:.86}to{transform:translateY(var(--running-offset)) scale(1);opacity:1}}.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,box-shadow .36s}.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;transition:background .36s,border-color .32s,box-shadow .36s;display:flex;position:relative;overflow:hidden}.theme-aurora .timer-shell:before{opacity:.95;filter:blur(8px);background:radial-gradient(circle at 28% 25%,#72d4ff33,#0000 38%),radial-gradient(circle at 75% 25%,#b8a8ff38,#0000 40%),radial-gradient(circle at 77% 78%,#f0a8d22e,#0000 38%),radial-gradient(circle at 24% 78%,#83e1bd2b,#0000 40%)}.theme-aurora .timer-ring{background:conic-gradient(var(--accent-strong) 0 var(--progress),#ffffff1f var(--progress) 360deg) padding-box, conic-gradient(from 210deg,#83e1bd,#72d4ff,#b8a8ff,#f0a8d2,#83e1bd) border-box;box-shadow:var(--shadow), 0 0 36px #9189e22b, inset 0 1px #fff6;border:2px solid #0000;padding:4px}.theme-aurora .timer-face{--ink:#f4f6f8;--muted:#9299a3;--panel:#21252ccc;--panel-solid:#15181d;--line:#ffffff21;--accent:#afa8f4;--accent-strong:#e6e9ed;--button-ink:#0b0d10;background:radial-gradient(circle at 42% 36%,#24282e,#111318 58%,#080a0d);box-shadow:inset 0 0 0 1px #ffffff09,inset 0 -28px 55px #00000047}.theme-aurora.mode-light .timer-face{--ink:#202632;--muted:#737b89;--panel:#f7faff94;--panel-solid:#e9edf5;--line:#5c657f29;--accent:#aaa2ef;--accent-strong:#8179cd;--button-ink:#fff;background:radial-gradient(circle at 24% 22%,#bfe6f2d6,#0000 47%),radial-gradient(circle at 80% 25%,#d8caf4b8,#0000 50%),radial-gradient(circle at 72% 84%,#f2cde080,#0000 48%),linear-gradient(145deg,#edf4f7eb,#e0e5f1d6);box-shadow:inset 0 0 0 1px #ffffff9e,inset 0 -28px 52px #686f9113,0 20px 60px #6870941a}.theme-custom.mode-light:not(.has-photo) .timer-face{--panel:var(--bg)}@supports (color:color-mix(in lab, red, red)){.theme-custom.mode-light:not(.has-photo) .timer-face{--panel:color-mix(in srgb,var(--bg) 32%,#ffffff85)}}.theme-custom.mode-light:not(.has-photo) .timer-face{--line:var(--accent)}@supports (color:color-mix(in lab, red, red)){.theme-custom.mode-light:not(.has-photo) .timer-face{--line:color-mix(in srgb,var(--accent) 22%,#30343c17)}}.theme-custom.mode-light:not(.has-photo) .timer-face{background:radial-gradient(circle at 30% 22%,var(--accent),transparent 52%),linear-gradient(145deg,var(--bg),var(--bg))}@supports (color:color-mix(in lab, red, red)){.theme-custom.mode-light:not(.has-photo) .timer-face{background:radial-gradient(circle at 30% 22%,color-mix(in srgb,var(--accent) 14%,#ffffff85),transparent 52%),linear-gradient(145deg,color-mix(in srgb,var(--bg) 62%,#ffffff8a),color-mix(in srgb,var(--bg) 76%,#ffffff47))}}.theme-custom.mode-light:not(.has-photo) .timer-face{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.theme-custom.mode-light:not(.has-photo) .timer-face{border-color:color-mix(in srgb,var(--accent) 20%,#ffffff80)}}.theme-custom.mode-light:not(.has-photo) .timer-face{box-shadow:inset 0 0 0 1px #ffffff61,inset 0 -28px 48px var(--accent),0 18px 54px var(--accent)}@supports (color:color-mix(in lab, red, red)){.theme-custom.mode-light:not(.has-photo) .timer-face{box-shadow:inset 0 0 0 1px #ffffff61,inset 0 -28px 48px color-mix(in srgb,var(--accent) 7%,transparent),0 18px 54px color-mix(in srgb,var(--accent) 10%,transparent)}}.theme-custom.mode-light:not(.has-photo) .timer-face{-webkit-backdrop-filter:blur(30px)saturate(1.08);backdrop-filter:blur(30px)saturate(1.08)}.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{font-family:var(--ui-font);text-transform:uppercase;letter-spacing:.14em;color:var(--accent-strong);border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:9px;font-weight:700;position:absolute;top:19%}.time-display{color:var(--ink);cursor:text;font-family:var(--ui-font);letter-spacing:-.065em;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:320;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:10%}.secondary-control{border:1px solid var(--line);background:var(--panel);width:45px;height:45px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;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 .48s cubic-bezier(.16,1,.3,1),box-shadow .48s cubic-bezier(.16,1,.3,1),background-color .42s;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;width:min(680px,100vw - 32px);font-family:var(--ui-font);border-radius:22px;padding:12px;position:relative;box-shadow:0 12px 30px #0000000d}.pomodoro-settings{opacity:1;max-height:190px;transition:max-height .36s cubic-bezier(.16,1,.3,1),padding .36s cubic-bezier(.16,1,.3,1),opacity .24s,transform .32s cubic-bezier(.16,1,.3,1),border-color .24s;overflow:hidden;transform:translateY(0)}.is-running .pomodoro-settings{opacity:0;pointer-events:none;border-color:#0000;max-height:0;padding-top:0;padding-bottom:0;transition-duration:.68s,.68s,.42s,.58s,.42s;transform:translateY(12px)}.timer-presets{z-index:4;opacity:1;width:min(540px,100vw - 32px);max-height:76px;font-family:var(--ui-font);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:4px;transition:max-height .36s cubic-bezier(.16,1,.3,1),margin .36s cubic-bezier(.16,1,.3,1),opacity .24s,transform .32s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:translateY(0)}.is-running .timer-presets{opacity:0;pointer-events:none;max-height:0;margin-top:0;transition-duration:.68s,.68s,.42s,.58s;transform:translateY(12px)}.timer-presets button{border:1px solid var(--line);background:var(--panel-solid);border-radius:999px;min-width:82px;height:42px}@supports (color:color-mix(in lab, red, red)){.timer-presets button{background:color-mix(in srgb,var(--panel-solid) 82%,transparent)}}.timer-presets button{color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:4px;padding:2px 17px 0;font-size:13px;font-weight:760;line-height:1;transition:transform .62s cubic-bezier(.16,1,.3,1),border-color .56s,background .56s,box-shadow .62s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 7px 20px #0000000e}.timer-presets button:hover{border-color:var(--accent-strong);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.timer-presets button:hover{border-color:color-mix(in srgb,var(--accent-strong) 36%,var(--line))}}.timer-presets button.selected{background:var(--ink);border-color:var(--ink);color:var(--bg);box-shadow:0 10px 26px #00000021}.timer-presets strong{font:inherit;font-variant-numeric:tabular-nums}.timer-presets span{opacity:.7;text-transform:uppercase;letter-spacing:.05em;font-size:8px;font-weight:700}.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}.time-wheel{z-index:4;width:72%;max-width:292px;position:relative;transform:translateY(-24px)}.time-wheel-unit-headings{width:min(264px,100%);color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.13em;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 auto 2px;font-size:7px;font-weight:800;display:grid}.time-wheel-scrolls{isolation:isolate;grid-template-columns:repeat(3,1fr);gap:6px;width:min(264px,100%);height:102px;margin:0 auto;display:grid;position:relative}.time-wheel-scrolls:before{content:"";z-index:-1;border:1px solid var(--line);background:var(--panel-solid);border-radius:12px;height:34px;position:absolute;top:34px;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.time-wheel-scrolls:before{background:color-mix(in srgb,var(--panel-solid) 78%,transparent)}}.time-wheel-scrolls:before{pointer-events:none;box-shadow:0 5px 16px #0000000b,inset 0 1px #ffffff4d}.wheel-separator{z-index:2;width:16px;height:34px;color:var(--muted);pointer-events:none;place-items:center;font-size:16px;font-style:normal;font-weight:500;display:grid;position:absolute;top:34px}.separator-one{left:calc(33.333% - 8px)}.separator-two{left:calc(66.666% - 8px)}.time-wheel-column{overscroll-behavior:contain;touch-action:pan-y;scroll-snap-type:y mandatory;scrollbar-width:none;height:102px;padding-block:34px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 29% 71%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 29% 71%,#0000 100%)}.time-wheel-column::-webkit-scrollbar{display:none}.time-wheel-column button{scroll-snap-align:center;width:100%;height:34px;color:var(--muted);font-variant-numeric:tabular-nums;cursor:ns-resize;background:0 0;border:0;padding:0;font-size:16px;font-weight:450;transition:color .18s,transform .18s;display:block}.time-wheel-column button.selected{color:var(--ink);font-size:20px;font-weight:650;transform:scale(1.04)}.shade-control input{appearance:none;background:var(--line);border-radius:10px;height:3px}.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}.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;font-size:16px}.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);max-height:128px}@supports (color:color-mix(in lab, red, red)){.theme-dock{background:color-mix(in srgb,var(--panel) 42%,transparent)}}.theme-dock{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;opacity:1;font-family:var(--ui-font);grid-template-columns:minmax(140px,165px) minmax(0,1080px);justify-content:center;align-items:center;gap:20px;padding:12px clamp(20px,4vw,68px);transition:max-height .68s cubic-bezier(.16,1,.3,1),padding .68s cubic-bezier(.16,1,.3,1),opacity .5s,border-color .52s,background-color .58s;display:grid;position:relative;overflow:hidden}.is-running .theme-dock{opacity:0;pointer-events:none;border-color:#0000;max-height:0;padding-top:0;padding-bottom:0;transition-duration:.88s,.88s,.58s,.58s,.58s}.mobile-mode-dock{display:none}.dock-heading span{font-family:var(--font-editorial);letter-spacing:-.025em;font-size:18px;font-weight:600;line-height:1.08;display:block}.dock-heading p{max-width:160px;color:var(--muted);letter-spacing:.005em;margin:5px 0 0;font-size:9px;line-height:1.35}.theme-list{grid-template-columns:repeat(6,minmax(100px,1fr));gap:8px;display:grid}.theme-card{text-align:left;cursor:pointer;min-width:0;min-height:52px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:15px;align-items:center;gap:9px;padding:7px 9px;transition:transform .6s cubic-bezier(.16,1,.3,1),background .54s,border-color .54s,box-shadow .6s cubic-bezier(.16,1,.3,1),color .5s;display:flex;position:relative}.theme-card:hover{background:var(--panel-solid)}@supports (color:color-mix(in lab, red, red)){.theme-card:hover{background:color-mix(in srgb,var(--panel-solid) 68%,transparent)}}.theme-card:hover{color:var(--ink)}.theme-card.selected{background:var(--panel-solid);border-color:var(--line);color:var(--ink);box-shadow:0 5px 16px #0000000e}.theme-card strong{min-width:0;font-family:var(--font-editorial);letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;display:block;overflow:hidden}.swatch-preview{border:1px solid #00000012;border-radius:11px;flex-shrink:0;width:34px;height:34px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3,0 4px 12px #0000000f}.swatch-preview i{flex:1}footer{height:54px;color:var(--muted);font-family:var(--ui-font);z-index:5;opacity:1;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,4vw,68px);font-size:10px;transition:height .36s cubic-bezier(.16,1,.3,1),padding .36s cubic-bezier(.16,1,.3,1),opacity .22s;display:grid;position:relative;overflow:hidden}footer button{color:var(--ink);cursor:pointer;background:0 0;border:0;font-weight:700}footer b{margin-left:4px}.creator-credit{color:var(--muted);letter-spacing:0;justify-self:center;font-size:10px}.creator-credit strong{color:var(--ink);margin-left:4px;font-weight:800}.theme-scene{z-index:0;pointer-events:none;opacity:.95;width:100%;min-height:100dvh;transition:opacity .58s;animation:.58s cubic-bezier(.22,1,.36,1) both theme-scene-in;position:fixed;inset:0;overflow:hidden}.theme-scene-art{transform-origin:50%;transform:translate3d(calc(var(--scene-center-x) - 50vw),calc(var(--scene-center-y) - 50dvh),0) scale(var(--scene-scale));will-change:transform;transition:transform .16s linear;position:absolute;inset:-8dvh -8vw}.theme-transition-wash{z-index:90;pointer-events:none;background:var(--bg);animation:.62s cubic-bezier(.22,1,.36,1) both theme-wash-out;position:fixed;inset:0}@keyframes theme-scene-in{0%{opacity:.08}to{opacity:.95}}@keyframes theme-wash-out{0%{opacity:.26}to{opacity:0}}.scene-aurora .theme-scene-art{background:radial-gradient(circle,#0b0e1314,#0000 43%)}.aurora-glow{filter:blur(82px);opacity:.22;border-radius:50%;width:360px;height:360px;position:absolute}.glow-blue{background:#72d4ff;top:-110px;left:-90px}.glow-lilac{background:#b8a8ff;top:-120px;right:-80px}.glow-pink{background:#f0a8d2;bottom:-160px;right:2%}.glow-mint{background:#83e1bd;bottom:-170px;left:3%}.mode-dark .aurora-glow{opacity:.29}.aurora-orbit{border:1px solid var(--ink);border-radius:50%;position:absolute}@supports (color:color-mix(in lab, red, red)){.aurora-orbit{border:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}}.aurora-orbit{top:48%;left:50%;transform:translate(-50%,-50%)}.orbit-outer{width:660px;height:660px;box-shadow:0 0 55px #9189e214}.orbit-inner{border-color:var(--ink);width:580px;height:580px}@supports (color:color-mix(in lab, red, red)){.orbit-inner{border-color:color-mix(in srgb,var(--ink) 8%,transparent)}}.aurora-marker{background:var(--bg);border:5px solid #e6a0dc;border-radius:50%;width:24px;height:24px;position:absolute;top:152px;left:calc(50% + 270px);box-shadow:0 0 24px #e6a0dc59}.has-motion .orbit-outer{animation:38s linear infinite auroraOrbitSpin}.has-motion .aurora-marker{animation:3.4s ease-in-out infinite auroraPulse}@keyframes auroraOrbitSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes auroraPulse{50%{transform:scale(1.13);box-shadow:0 0 34px #e6a0dc8c}}.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 .theme-scene-art{background:radial-gradient(circle at 22% 24%, var(--accent), transparent 28%)}@supports (color:color-mix(in lab, red, red)){.scene-forest .theme-scene-art{background:radial-gradient(circle at 22% 24%, color-mix(in srgb,var(--accent) 20%,transparent), transparent 28%)}}.scene-forest .theme-scene-art{will-change:auto;transition:none;transform:none}.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)}.scene-forest.has-motion .forest-sun{animation:none}@keyframes breathe{50%{opacity:.65;transform:scale(1.12)}}.scene-cosmic .theme-scene-art{background:radial-gradient(circle at 75% 20%, var(--accent), transparent 30%)}@supports (color:color-mix(in lab, red, red)){.scene-cosmic .theme-scene-art{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 .theme-scene-art{background:linear-gradient(to bottom,transparent 45%,var(--accent))}@supports (color:color-mix(in lab, red, red)){.scene-sunset .theme-scene-art{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,.about-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{isolation:isolate;perspective:1400px;justify-content:center;align-items:center;padding:20px;animation:.48s cubic-bezier(.16,1,.3,1) both tutorialVeilIn;overflow:hidden}.tutorial-backdrop:before{content:"";z-index:-2;aspect-ratio:1;filter:blur(34px);mix-blend-mode:screen;opacity:.72;pointer-events:none;background:conic-gradient(from 15deg,#73d8ff33,#ab8fff4d 24%,#ff94c438 48%,#69e7b947 72%,#73d8ff33);border-radius:50%;width:min(780px,92vw);animation:.82s cubic-bezier(.16,1,.3,1) both tutorialAuroraIn;position:absolute;transform:scale(.25)rotate(-35deg)}.tutorial-backdrop:after{content:"";z-index:-1;aspect-ratio:1;opacity:0;pointer-events:none;border:1px solid #ffffff5c;border-radius:50%;width:min(510px,70vw);animation:.88s cubic-bezier(.16,1,.3,1) 40ms both tutorialRippleIn;position:absolute;box-shadow:0 0 0 34px #ffffff0e,0 0 0 92px #bfb5ff0b,0 0 90px #7fd5ff38}.tutorial-backdrop.is-closing{pointer-events:none;animation:.52s cubic-bezier(.7,0,.84,0) both tutorialVeilOut}.tutorial-backdrop.is-closing:before{animation:.52s cubic-bezier(.7,0,.84,0) both tutorialAuroraOut}.tutorial-backdrop.is-closing:after{animation:.46s cubic-bezier(.7,0,.84,0) both tutorialRippleOut}.about-backdrop{justify-content:center;align-items:center;padding:20px}.about-card{border:1px solid var(--line);background:var(--panel-solid);border-radius:28px;width:min(440px,100%);padding:42px 42px 36px}@supports (color:color-mix(in lab, red, red)){.about-card{background:color-mix(in srgb,var(--panel-solid) 96%,transparent)}}.about-card{color:var(--ink);text-align:center;animation:.35s both tutorialIn;position:relative;overflow:hidden;box-shadow:0 35px 100px #00000047}.about-card:before{content:"";filter:blur(42px);opacity:.2;pointer-events:none;background:linear-gradient(90deg,#72d4ff,#b8a8ff 36%,#f0a8d2 68%,#83e1bd);width:280px;height:160px;position:absolute;top:-100px;left:calc(50% - 140px)}.about-close{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);cursor:pointer;z-index:2;background:0 0;border-radius:50%;font-size:20px;position:absolute;top:16px;right:16px}.about-icon{border-radius:23px;width:82px;height:82px;margin:0 auto 25px;display:block;position:relative;box-shadow:0 16px 36px #0003}.about-card h2{letter-spacing:-.055em;margin:0;font-size:34px;line-height:1.04}.about-card>p{max-width:325px;color:var(--muted);margin:18px auto 24px;font-size:11px;line-height:1.7}.about-creator{border:1px solid var(--line);background:var(--accent);border-radius:16px;flex-direction:column;gap:6px;padding:18px;display:flex}@supports (color:color-mix(in lab, red, red)){.about-creator{background:color-mix(in srgb,var(--accent) 7%,transparent)}}.about-creator span{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:8px;font-weight:750}.about-creator strong{letter-spacing:-.025em;font-size:18px}.about-site{color:var(--ink);align-items:center;gap:8px;margin-top:22px;font-size:10px;font-weight:750;text-decoration:none;display:inline-flex}.about-site span{font-size:13px}.tutorial-card{color:#1b1d1f;transform-origin:50%;will-change:transform,opacity,filter,clip-path;background:#f8f8f6;border-radius:30px;grid-template-columns:45% 55%;width:min(760px,100%);min-height:470px;animation:.72s cubic-bezier(.16,1,.3,1) both tutorialPortalIn;display:grid;position:relative;overflow:hidden;box-shadow:0 35px 100px #00000047}@keyframes tutorialIn{0%{opacity:0;transform:translateY(14px)scale(.98)}}.tutorial-backdrop.is-opening .tutorial-visual>*{animation:.62s cubic-bezier(.16,1,.3,1) .2s both tutorialContentIn}.tutorial-backdrop.is-opening .tutorial-copy{animation:.6s cubic-bezier(.16,1,.3,1) .27s both tutorialContentIn}.tutorial-backdrop.is-opening .tutorial-nav{animation:.55s cubic-bezier(.16,1,.3,1) .34s both tutorialContentIn}.tutorial-backdrop.is-closing .tutorial-card{animation:.52s cubic-bezier(.7,0,.84,0) both tutorialPortalOut}@keyframes tutorialVeilIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#080a0c00}to{opacity:1}}@keyframes tutorialAuroraIn{0%{opacity:0;transform:scale(.2)rotate(-40deg)}58%{opacity:.82}to{opacity:.48;transform:scale(1)rotate(0)}}@keyframes tutorialRippleIn{0%{opacity:0;transform:scale(.18)}45%{opacity:.82}to{opacity:.18;transform:scale(1.36)}}@keyframes tutorialPortalIn{0%{opacity:0;filter:blur(16px);clip-path:inset(47% 10% round 70px);transform:translateY(30px)scale(.82)rotateX(10deg)}56%{opacity:1;filter:blur();transform:translateY(-5px)scale(1.012)rotateX(-1deg)}to{opacity:1;filter:blur();clip-path:inset(0 round 30px);transform:none}}@keyframes tutorialContentIn{0%{opacity:0;filter:blur(5px);transform:translateY(13px)scale(.985)}to{opacity:1;filter:blur();transform:none}}@keyframes tutorialPortalOut{0%{opacity:1;filter:blur();clip-path:inset(0 round 30px);transform:none}32%{opacity:1;transform:translateY(-3px)scale(1.012)}to{opacity:0;filter:blur(14px);clip-path:inset(48% 11% round 80px);transform:translateY(-22px)scale(.86)rotateX(-8deg)}}@keyframes tutorialAuroraOut{0%{opacity:.48;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.18)rotate(32deg)}}@keyframes tutorialRippleOut{0%{opacity:.18;transform:scale(1.36)}to{opacity:0;transform:scale(.18)}}@keyframes tutorialVeilOut{0%{opacity:1}to{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#080a0c00}}.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}.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)}}.todo-demo{z-index:1;background:#ffffffd6;border-radius:22px;gap:8px;width:238px;padding:16px;display:grid;transform:rotate(-2deg);box-shadow:0 22px 60px #00000021}.todo-demo>span{color:#24272a;background:#fff;border:1px solid #14181c14;border-radius:13px;align-items:center;gap:10px;min-height:42px;padding:8px 11px;font-size:10px;display:flex}.todo-demo i{color:#fff;border:1px solid #c7cbcf;border-radius:7px;flex:none;place-items:center;width:19px;height:19px;font-style:normal;display:grid}.todo-demo span:first-child{opacity:.55}.todo-demo span:first-child i{background:#24272a;border-color:#24272a}.todo-demo span:first-child b{text-decoration:line-through}.todo-demo b{font-weight:650}.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){.clock-app{--header-height:74px}.app-header{-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:1fr auto}.header-mode-nav{display:none}.mobile-mode-dock{border-top:1px solid var(--line);background:var(--panel);max-height:58px;padding:8px 16px 4px}@supports (color:color-mix(in lab, red, red)){.mobile-mode-dock{background:color-mix(in srgb,var(--panel) 42%,transparent)}}.mobile-mode-dock{z-index:5;opacity:1;font-family:var(--ui-font);justify-content:center;align-items:center;transition:max-height .68s cubic-bezier(.16,1,.3,1),padding .68s cubic-bezier(.16,1,.3,1),opacity .5s,border-color .52s;display:flex;position:relative;overflow:hidden}.mobile-mode-dock .mode-nav{background:var(--panel-solid);border-radius:16px;justify-content:center;width:min(360px,100vw - 32px);padding:3px}@supports (color:color-mix(in lab, red, red)){.mobile-mode-dock .mode-nav{background:color-mix(in srgb,var(--panel-solid) 68%,transparent)}}.mobile-mode-dock .mode-nav{box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-mode-dock .mode-nav button{flex:1;min-width:0;padding:8px 12px;font-size:12px}.is-running .mobile-mode-dock{opacity:0;pointer-events:none;border-color:#0000;max-height:0;padding-top:0;padding-bottom:0;transition-duration:.88s,.88s,.58s,.58s}.focus-stage{height:100%;min-height:0;padding:clamp(8px,1.8dvh,20px) 16px}.theme-dock{border-top:0;grid-template-columns:1fr;gap:8px;padding:4px 16px 10px}.dock-heading{display:none}.theme-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:0;display:grid;overflow:hidden}.theme-card{min-width:0}footer{height:calc(42px + var(--safe-bottom));padding:0 16px var(--safe-bottom);grid-template-columns:1fr;align-items:center}.device-note{display:none}.creator-credit{justify-self:center}.is-running .focus-stage{height:100%;min-height:0;padding:0 max(12px,var(--safe-right)) 0 max(12px,var(--safe-left))}.timer-shell{--running-offset:0px}.is-running .theme-scene{height:auto;min-height:100dvh;inset:0}}@media (width<=620px){.clock-app{--header-height:68px;--timer-size:min(72vw,36dvh,315px)}.app-header{padding-top:var(--safe-top);padding-right:max(12px,calc(var(--safe-right) + 9px));padding-bottom:0;padding-left:max(12px,calc(var(--safe-left) + 9px))}.brand{gap:8px;font-size:15px}.brand-mark{border-radius:8px;width:25px;height:25px}.header-actions{gap:3px}.icon-button{width:31px;height:31px}.language-toggle{height:32px;padding:2px}.language-toggle span{min-width:23px;height:26px;padding:0 3px}.mode-toggle{gap:2px;height:32px;padding:3px 5px}.mode-toggle span{width:18px;font-size:14px}.mode-toggle i{width:19px;height:19px}.mode-dark .mode-toggle i{transform:translate(20px)}.todo-layer{padding:max(72px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));background:#080a0c3d;align-items:flex-end;inset:0}.todo-panel{border-radius:25px;width:100%;max-height:72svh;padding:22px 18px 18px;animation-name:todo-sheet-in}@keyframes todo-sheet-in{0%{opacity:0;transform:translateY(24px)scale(.985)}}.focus-stage{height:100%;min-height:0;padding:6px 10px}.session-meta{height:42px}.eyebrow{margin-bottom:6px}.session-meta input{padding-top:1px;padding-bottom:2px;font-size:17px}.timer-shell{margin:4px auto 8px}.time-display{font-size:clamp(46px,17vw,70px)}.main-controls{bottom:7%}.play-control{width:52px;height:52px}.secondary-control{width:38px;height:38px}.quick-settings{border-radius:15px;padding:6px}.preset-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid}.preset-row button{min-width:0;padding:7px 3px;font-size:10px}.time-wheel{width:74%;transform:translateY(-17px)}.time-wheel-scrolls,.time-wheel-unit-headings{width:min(218px,100%)}.timer-presets{flex-wrap:nowrap;gap:5px;width:min(350px,100vw - 20px);margin-top:2px}.timer-presets button{flex:1;min-width:0;height:36px;padding:0 5px;font-size:11px}.pomo-custom-row{gap:4px;margin-top:4px;padding-top:5px}.pomo-custom-row label{font-size:8px}.pomo-custom-row input{width:39px;margin:0 2px;padding:4px 2px;font-size:14px}.clock-mode-pomodoro .timer-shell,.clock-mode-stopwatch.has-laps .timer-shell{--timer-size:min(66vw,32dvh,270px)}.lap-list{margin-top:2px;padding:3px 12px}.lap-list div{padding:6px 0;font-size:10px}.mobile-mode-dock{padding:7px 10px 3px}.theme-dock{padding:3px 10px 7px}.theme-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 6px}.theme-card{border-radius:12px;gap:6px;min-width:0;min-height:37px;padding:3px 5px}.swatch-preview{border-radius:8px;width:24px;height:24px}.theme-card strong{font-size:10px}footer{height:calc(38px + var(--safe-bottom));padding-left:12px;padding-right:12px;padding-bottom:var(--safe-bottom)}.creator-credit{font-size:8px}.creator-credit strong{margin-left:3px}.about-card{border-radius:24px;padding:38px 24px 30px}.about-card h2{font-size:30px}.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}}@media (width<=390px){.mobile-mode-dock .mode-nav{width:calc(100vw - max(24px,calc(var(--safe-left) + var(--safe-right) + 18px)));justify-content:center;gap:2px;padding:3px}.mobile-mode-dock .mode-nav button{flex:1;padding:8px 10px;font-size:11px}.header-actions{gap:3px}.language-toggle span{min-width:21px}}@media (width<=350px){.brand>span{display:none}}@media (height<=700px) and (width>=621px){.clock-app{--header-height:68px;--timer-size:clamp(210px,min(32vw,38dvh),320px)}.focus-stage{padding:6px 16px}.session-meta{height:40px}.timer-shell{margin:3px auto 7px}.timer-presets button{height:36px}.theme-dock{padding-top:7px;padding-bottom:7px}.theme-card{min-height:42px;padding:4px 6px}.swatch-preview{width:28px;height:28px}footer{height:46px}}@media (orientation:landscape) and (height<=560px) and (width>=520px){.clock-app{--header-height:60px;--timer-size:min(34vw,54dvh,280px);grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);grid-template-rows:var(--header-total) minmax(0,1fr) auto}.app-header{padding-left:max(12px,calc(var(--safe-left) + 8px));padding-right:max(12px,calc(var(--safe-right) + 8px));grid-area:1/1/auto/-1;grid-template-columns:auto minmax(0,1fr) auto}.brand>span{display:none}.header-mode-nav{-webkit-backdrop-filter:none;backdrop-filter:none;justify-self:center;padding:3px;display:flex;position:static;transform:none;box-shadow:0 6px 22px #0000000a}.mobile-mode-dock{display:none}.mode-nav button{padding:7px 12px;font-size:11px}.header-actions{gap:3px}.focus-stage{grid-area:2/1/4;height:100%;min-height:0;padding:3px 10px}.session-meta{height:36px}.session-meta input{font-size:15px}.eyebrow{margin-bottom:4px;font-size:7px}.timer-shell{margin:2px auto 5px}.timer-presets{gap:4px;width:min(430px,100% - 18px)}.timer-presets button{height:32px;font-size:10px}.quick-settings,.lap-list{width:min(440px,100% - 18px)}.theme-dock{border-top:0;border-left:1px solid var(--line);grid-area:2/2;grid-template-columns:1fr;align-content:center;gap:5px;height:100%;max-height:none;padding:7px 9px}.dock-heading{display:block}.dock-heading span{font-size:14px}.dock-heading p{display:none}.theme-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.theme-card{min-height:34px;padding:3px 5px}.swatch-preview{width:22px;height:22px}.theme-card strong{font-size:9px}footer{height:42px;padding:0 max(10px,var(--safe-right)) max(4px,var(--safe-bottom)) 10px;border-left:1px solid var(--line);grid-area:3/2;grid-template-columns:1fr;font-size:8px}.creator-credit{justify-self:center;font-size:7px}.creator-credit strong{margin-left:3px}.is-running .focus-stage{width:100%;padding-left:max(12px,var(--safe-left));padding-right:max(12px,var(--safe-right));grid-area:2/1/4/-1}.is-running .theme-dock,.is-running footer{border:0;width:0;min-width:0;height:0;padding:0;overflow:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}