.app-root{margin:0;padding:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;background-color:var(--bg-color);color:var(--text-color);font-family:var(--cn-font);user-select:none;-webkit-user-select:none;transition:background-color .4s ease,color .4s ease}.rotate-overlay{position:fixed;inset:0;z-index:2000;display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:var(--bg-color);color:var(--text-color);font-family:var(--cn-font);text-align:center;user-select:none;-webkit-user-select:none}@media(pointer:coarse)and (max-width:640px)and (orientation:portrait){body.fullscreen .rotate-overlay{display:flex}}.rotate-phone-icon{width:72px;height:72px;animation:rotate-hint 2.4s cubic-bezier(.4,0,.2,1) infinite}@keyframes rotate-hint{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.rotate-overlay-title{margin:0;font-size:1.1rem;font-weight:600;line-height:1.4}.rotate-overlay-desc{margin:0;font-size:.85rem;line-height:1.8;color:var(--text-secondary)}.rotate-exit-btn{margin-top:8px;padding:10px 28px;border:1px solid color-mix(in srgb,var(--text-color) 25%,transparent);border-radius:30px;background:transparent;color:var(--text-color);font-family:inherit;font-size:.85rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent}.rotate-exit-btn:hover{border-color:var(--text-color);background:color-mix(in srgb,var(--text-color) 9%,transparent)}@font-face{font-family:SourceSans;src:url(/time/fonts/sourcesans.woff2) format("woff2");font-display:swap}@font-face{font-family:LXGW;src:url(/time/fonts/LXGWWenKai.woff2) format("woff2");font-display:swap}:root{--cn-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", sans-serif;--clock-font-size: clamp(3.5rem, min(23vw, 48dvh), 24rem);--stopwatch-font-size: clamp(3.5rem, min(20vw, 42dvh), 22rem);--date-font-size: clamp(1.5rem, min(4vw, 8dvh), 6rem);--date-gap: clamp(32px, 5dvh, 50px);--bg-color: #121212;--text-color: #e8e8e8;--text-secondary: rgba(232, 232, 232, .85);--text-tertiary: rgba(232, 232, 232, .6);--time-hover: .9;--tool-bg: var(--bg-color);--tool-surface: color-mix(in srgb, var(--bg-color) 88%, var(--text-color) 12%);--tool-text: var(--text-color);--tool-text-secondary: color-mix(in srgb, var(--text-color) 78%, transparent);--tool-border: color-mix(in srgb, var(--text-color) 25%, transparent);--tool-border-strong: color-mix(in srgb, var(--text-color) 48%, transparent);--tool-hover-bg: color-mix(in srgb, var(--text-color) 9%, transparent);--tool-active-bg: color-mix(in srgb, var(--text-color) 20%, transparent);--tool-active-border: var(--text-color);--tool-focus: color-mix(in srgb, var(--text-color) 60%, transparent);--chrome-bg: #121212;--chrome-surface: #1a1d22;--chrome-border: #2a2f36;--chrome-border-strong: #40464f;--chrome-text: #e8e8e8;--chrome-text-secondary: rgba(232, 232, 232, .78);--chrome-text-tertiary: rgba(232, 232, 232, .55);--chrome-hover-bg: #1d2025;--chrome-active-border: #e8e8e8;--control-bg: transparent;--control-bg-hover: #171a20;--control-border: #40464f;--control-border-strong: #5c6470;--control-text: #e8e8e8;--focus-color: #9aa1ab}[data-chrome=light]{--chrome-bg: #f5f5f7;--chrome-surface: #f5f5f7;--chrome-border: #e4e7ec;--chrome-border-strong: #c3c9d2;--chrome-text: #1d1d1f;--chrome-text-secondary: rgba(29, 29, 31, .76);--chrome-text-tertiary: rgba(29, 29, 31, .58);--chrome-hover-bg: #eceef1;--chrome-active-border: #1d1d1f;--control-bg: transparent;--control-bg-hover: #f5f6f8;--control-border: #c3c9d2;--control-border-strong: #8b95a3;--control-text: #1d1d1f;--focus-color: #575c66}[data-theme=light]{--bg-color: #f5f5f7;--text-color: #1d1d1f;--text-secondary: rgba(29, 29, 31, .85);--text-tertiary: rgba(29, 29, 31, .6);--time-hover: .85}[data-theme=nordic]{--bg-color: #eceff4;--text-color: #2e3440;--text-secondary: rgba(46, 52, 64, .85);--text-tertiary: rgba(46, 52, 64, .6);--time-hover: .85}[data-theme=dawn]{--bg-color: #faf4ed;--text-color: #575279;--text-secondary: rgba(87, 82, 121, .85);--text-tertiary: rgba(87, 82, 121, .6);--time-hover: .85}[data-theme=sepia]{--bg-color: #f4ecd8;--text-color: #5b4636;--text-secondary: rgba(91, 70, 54, .85);--text-tertiary: rgba(91, 70, 54, .6);--time-hover: .85}[data-theme=matcha]{--bg-color: #e2e8ce;--text-color: #3e4a3d;--text-secondary: rgba(62, 74, 61, .85);--text-tertiary: rgba(62, 74, 61, .6);--time-hover: .85}[data-theme=sakura]{--bg-color: #fce4ec;--text-color: #c2185b;--text-secondary: rgba(194, 24, 91, .85);--text-tertiary: rgba(194, 24, 91, .6);--time-hover: .85}[data-theme=lavender]{--bg-color: #e0c3fc;--text-color: #2b2d42;--text-secondary: rgba(43, 45, 66, .85);--text-tertiary: rgba(43, 45, 66, .6);--time-hover: .85}[data-theme=vintage]{--bg-color: #f4a261;--text-color: #264653;--text-secondary: rgba(38, 70, 83, .85);--text-tertiary: rgba(38, 70, 83, .6);--time-hover: .85}[data-theme=chikugeki]{--bg-color: #dbe6ea;--text-color: #3a4a52;--text-secondary: rgba(58, 74, 82, .85);--text-tertiary: rgba(58, 74, 82, .6);--time-hover: .85}[data-theme=wakakusa]{--bg-color: #e6edda;--text-color: #45503b;--text-secondary: rgba(69, 80, 59, .85);--text-tertiary: rgba(69, 80, 59, .6);--time-hover: .85}[data-theme=solarized]{--bg-color: #fdf6e3;--text-color: #657b83;--text-secondary: rgba(101, 123, 131, .85);--text-tertiary: rgba(101, 123, 131, .6);--time-hover: .85}[data-theme=gruvbox]{--bg-color: #fbf1c7;--text-color: #3c3836;--text-secondary: rgba(60, 56, 54, .85);--text-tertiary: rgba(60, 56, 54, .6);--time-hover: .85}[data-theme=latte]{--bg-color: #eff1f5;--text-color: #4c4f69;--text-secondary: rgba(76, 79, 105, .85);--text-tertiary: rgba(76, 79, 105, .6);--time-hover: .85}[data-theme=snow]{--bg-color: #f8fafc;--text-color: #0f172a;--text-secondary: rgba(15, 23, 42, .85);--text-tertiary: rgba(15, 23, 42, .6);--time-hover: .85}[data-theme=dim]{--bg-color: #040404;--text-color: #b0b0b0;--text-secondary: rgba(176, 176, 176, .85);--text-tertiary: rgba(176, 176, 176, .6);--time-hover: .9}[data-theme=dim] #time,[data-theme=dim] #stopwatch,[data-theme=dim] #date{color:#3a3a3a}[data-theme=luxury]{--bg-color: #161616;--text-color: #d4af37;--text-secondary: rgba(212, 175, 55, .85);--text-tertiary: rgba(212, 175, 55, .6);--time-hover: .9}[data-theme=crt]{--bg-color: #2b2b2b;--text-color: #f3c55a;--text-secondary: rgba(243, 197, 90, .85);--text-tertiary: rgba(243, 197, 90, .6);--time-hover: .9}[data-theme=sunset]{--bg-color: #d4684a;--text-color: #fce4d6;--text-secondary: rgba(252, 228, 214, .85);--text-tertiary: rgba(252, 228, 214, .6);--time-hover: .9}[data-theme=catppuccin]{--bg-color: #1e1e2e;--text-color: #cdd6f4;--text-secondary: rgba(205, 214, 244, .85);--text-tertiary: rgba(205, 214, 244, .6);--time-hover: .9}[data-theme=rosepine]{--bg-color: #191724;--text-color: #e0def4;--text-secondary: rgba(224, 222, 244, .85);--text-tertiary: rgba(224, 222, 244, .6);--time-hover: .9}[data-theme=forest]{--bg-color: #1c2b23;--text-color: #93d5a6;--text-secondary: rgba(147, 213, 166, .85);--text-tertiary: rgba(147, 213, 166, .6);--time-hover: .9}[data-theme=matrix]{--bg-color: #0d1117;--text-color: #8de66e;--text-secondary: rgba(141, 230, 110, .85);--text-tertiary: rgba(141, 230, 110, .6);--time-hover: .9}[data-theme=cyberpunk]{--bg-color: #12141d;--text-color: #78efd0;--text-secondary: rgba(120, 239, 208, .85);--text-tertiary: rgba(120, 239, 208, .6);--time-hover: .9}[data-theme=klein]{--bg-color: #002fa7;--text-color: #f7e77a;--text-secondary: rgba(247, 231, 122, .85);--text-tertiary: rgba(247, 231, 122, .6);--time-hover: .9}[data-theme=tokyonight]{--bg-color: #1a1b26;--text-color: #c0caf5;--text-secondary: rgba(192, 202, 245, .85);--text-tertiary: rgba(192, 202, 245, .6);--time-hover: .9}[data-theme=dracula]{--bg-color: #282a36;--text-color: #f8f8f2;--text-secondary: rgba(248, 248, 242, .85);--text-tertiary: rgba(248, 248, 242, .6);--time-hover: .9}[data-theme=shoen]{--bg-color: #232226;--text-color: #d6d3cd;--text-secondary: rgba(214, 211, 205, .85);--text-tertiary: rgba(214, 211, 205, .6);--time-hover: .9}html,body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);transition:background-color .4s ease,color .4s ease}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body.locked{overflow:hidden!important;overscroll-behavior:none;-webkit-overflow-scrolling:auto;touch-action:none;-ms-touch-action:none}h1,h2,h3,h4,h5,h6,p,span,div,li,a,button,input,textarea,select,strong,em,b,i{font-family:inherit}#main-content.no-date-pad{padding-top:0}#main-content{position:relative;box-sizing:border-box;margin:0;padding:44px 0 0;width:100%;height:100vh;height:100dvh;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;user-select:none;-webkit-user-select:none;transition:padding-top .5s cubic-bezier(.4,0,.2,1)}#toolbar-wrapper{position:absolute;bottom:0;left:0;width:100%;z-index:100}.site-brand{position:absolute;top:12px;left:16px;z-index:110;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--tool-text-secondary);text-decoration:none;padding:4px 8px;border-radius:6px;border:1px solid transparent;-webkit-tap-highlight-color:transparent;transition:color .18s ease,border-color .18s ease,background-color .18s ease}.site-brand:hover{color:var(--tool-text);border-color:var(--tool-border);background-color:var(--tool-hover-bg)}#time,#stopwatch,#timer{text-align:center;line-height:1;word-break:keep-all;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:font-size .5s cubic-bezier(.4,0,.2,1),letter-spacing .5s cubic-bezier(.4,0,.2,1),font-weight .5s ease,opacity .3s ease}html.autofit-snap #time,html.autofit-snap #date,html.autofit-snap #stopwatch,html.autofit-snap #timer{transition:none!important}.colon,.stopwatch-colon,.timer-colon{display:inline-block;transform:translateY(-8%);transition:transform .5s cubic-bezier(.4,0,.2,1)}#time .seconds-colon,#time .seconds-part{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:top;max-width:2.5ch;transition:max-width .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,transform .5s cubic-bezier(.4,0,.2,1)}#time.hide-seconds .seconds-colon,#time.hide-seconds .seconds-part{max-width:0;opacity:0}body[data-font=SourceSans] #time,body[data-font=SourceSans] #stopwatch,body[data-font=SourceSans] #timer,body[data-font=SourceSans] .date-num{font-family:SourceSans,monospace;font-weight:700}body[data-font=SourceSans] #time{font-size:var(--clock-font-size, clamp(3.5rem, min(23vw, 48dvh), 24rem));letter-spacing:.01em}body[data-font=Kosugi] #time,body[data-font=Kosugi] #stopwatch,body[data-font=Kosugi] #timer,body[data-font=Kosugi] .date-num{font-family:Kosugi,monospace;font-weight:700}body[data-font=Kosugi] #time{font-size:var(--clock-font-size, clamp(3.5rem, min(22vw, 46dvh), 24rem));letter-spacing:0px}#date{font-size:var(--date-font-size, clamp(1.5rem, min(4vw, 8dvh), 6rem));letter-spacing:1px;opacity:.85;text-align:center;margin-top:var(--date-gap);max-width:92vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;touch-action:manipulation;transition:margin-top .5s cubic-bezier(.4,0,.2,1),font-size .5s cubic-bezier(.4,0,.2,1),opacity .3s ease}#time.hide-seconds+#date{--date-gap: clamp(12px, 2.5dvh, 24px)}#date.hidden{display:none}.date-cn{font-family:LXGW,Microsoft YaHei,PingFang SC,sans-serif;font-weight:400}#toolbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 12px;padding:10px 16px;width:100%;box-sizing:border-box;background:var(--tool-bg);border-top:1px solid var(--tool-border);z-index:100;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s,background-color .4s ease,border-color .4s ease;opacity:1;pointer-events:auto}#toolbar.hidden{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(100%);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),visibility 0s linear .4s}.toolbar-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.toolbar-btn,.share-copy-btn{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;font-weight:550;letter-spacing:.02em;line-height:1.35;border:1px solid currentColor;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background .18s ease,border-color .18s ease,color .18s ease}.toolbar-btn{height:40px;min-width:68px;padding:0 16px;font-size:.925rem;display:inline-flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0;color:var(--tool-text);background:transparent;border-color:var(--tool-border)}.toolbar-btn:hover:not(:disabled){background:var(--tool-hover-bg);border-color:var(--tool-border-strong)}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--tool-border);pointer-events:none}.share-copy-btn{padding:clamp(6px,.9vw,8px) clamp(12px,1.3vw,16px);font-size:clamp(.85rem,1.3vw,.95rem);flex-shrink:0;width:auto;height:auto;min-height:clamp(28px,3vw,32px);text-align:center;display:inline-flex;align-items:center;justify-content:center;color:var(--control-text);background:var(--control-bg);border-color:var(--control-border)}.share-copy-btn:hover:not(:disabled){background:var(--control-bg-hover);border-color:var(--control-border-strong)}#toolbar,.mode-dropdown,.theme-panel{--focus-color: var(--tool-focus)}.toolbar-divider{width:1px;height:24px;margin:0 2px;background:var(--tool-border)}.preload *{transition:none!important}.hide-cursor #main-content,.hide-cursor #main-content *{cursor:none!important}.share-qrcode{margin-bottom:24px}.share-qrcode img{display:block;width:min(240px,calc(100vw - 80px));height:auto;aspect-ratio:1;padding:12px;margin:0 auto;background:#fff;border:1px solid var(--chrome-border);border-radius:6px;image-rendering:pixelated}.share-url{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;padding:12px 16px;background:transparent;border:1px solid var(--chrome-border);border-radius:8px}.share-url-text{font-size:.95rem;color:var(--chrome-text-secondary);word-break:break-all}.share-copy-btn.copied{background:#1a7f37;border-color:#1a7f37;color:#fff}.share-copy-btn.copied:hover{background:#176b30;border-color:#176b30}.first-time-tip{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:2000;pointer-events:none;animation:fadeInDown .6s ease-out}.tip-content{padding:14px 28px;background:var(--tool-surface);border:1px solid var(--tool-border);border-radius:8px;font-size:1rem;font-family:var(--cn-font);color:var(--tool-text-secondary)}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--focus-color);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}#time:focus,#stopwatch:focus,#timer:focus{outline:none}@media(prefers-contrast:high){:root{--text-color: #ffffff;--bg-color: #000000;--text-secondary: #ffffff;--chrome-border: #ffffff;--tool-border: #ffffff;--tool-border-strong: #ffffff}.toolbar-btn{border:2px solid currentColor}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media screen and (max-width:600px){#date{font-size:var(--date-font-size, min(3.5vw, 8dvh))}#toolbar{padding:8px 10px;gap:8px 8px}.toolbar-btn{height:44px;min-width:56px;padding:0 14px;font-size:.9rem;letter-spacing:.01em;font-weight:550}.toolbar-group{gap:6px}.toolbar-divider{height:24px}}@media screen and (min-width:601px)and (max-width:768px){#toolbar{padding:9px 16px}}@media screen and (min-width:769px){#toolbar{padding:10px 20px}.toolbar-btn{height:40px;padding:0 16px;font-size:.925rem}}@media screen and (min-width:1920px){#toolbar{padding:12px 24px}.toolbar-btn{height:44px;padding:0 18px;font-size:.95rem}}@media screen and (min-aspect-ratio:15/10){#date{font-size:var(--date-font-size, clamp(1.5rem, min(4vw, 8.5dvh), 6.5rem))}.stopwatch-controls{margin-top:clamp(16px,3dvh,32px);gap:10px}.stopwatch-btn{padding:clamp(8px,1.2vw,12px) clamp(24px,4vw,44px);font-size:clamp(.9rem,1.6vw,1.2rem);min-width:120px}.timer-controls{margin-top:clamp(16px,3dvh,32px);gap:10px}.timer-btn{padding:clamp(8px,1.2vw,12px) clamp(24px,4vw,44px);font-size:clamp(.9rem,1.6vw,1.2rem);min-width:120px}}@media screen and (min-aspect-ratio:20/10){.stopwatch-controls{margin-top:clamp(12px,2.5dvh,24px);gap:8px}.stopwatch-btn{padding:clamp(6px,1vw,10px) clamp(20px,3.5vw,40px);font-size:clamp(.85rem,1.4vw,1.1rem);min-width:110px}.timer-controls{margin-top:clamp(12px,2.5dvh,24px);gap:8px}.timer-btn{padding:clamp(6px,1vw,10px) clamp(20px,3.5vw,40px);font-size:clamp(.85rem,1.4vw,1.1rem);min-width:110px}}.toast-enter-active{animation:fadeInDown .6s ease-out}.toast-leave-active{transition:opacity .3s ease}.toast-leave-to{opacity:0}.stopwatch-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.stopwatch-inner{display:flex;flex-direction:column;align-items:center}#stopwatch{pointer-events:auto}body[data-font=SourceSans] #stopwatch{font-size:var(--stopwatch-font-size, clamp(3.5rem, min(20vw, 42dvh), 22rem));letter-spacing:.01em}body[data-font=Kosugi] #stopwatch{font-size:var(--stopwatch-font-size, clamp(3.5rem, min(19vw, 40dvh), 22rem));letter-spacing:0px}.stopwatch-num{display:inline-block}.stopwatch-centis{font-size:30%;vertical-align:-.15em;display:inline-block;overflow:hidden;white-space:nowrap;max-width:2.5ch;transition:max-width .35s cubic-bezier(.4,0,.2,1),opacity .3s ease}#stopwatch.hide-centis .stopwatch-centis{max-width:0;opacity:0}.stopwatch-controls{display:flex;gap:12px;margin-top:clamp(24px,5dvh,60px);pointer-events:auto}.stopwatch-btn{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;font-weight:600;letter-spacing:.05em;line-height:1.25;border:1px solid color-mix(in srgb,var(--text-color) 42%,transparent);border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:clamp(10px,1.5vw,14px) clamp(32px,5vw,52px);font-size:clamp(1rem,2vw,1.4rem);color:var(--text-color);background:transparent;flex:1 1 0;min-width:140px;max-width:260px;transition:background .18s ease,border-color .18s ease}.stopwatch-btn:hover{background:color-mix(in srgb,var(--text-color) 10%,transparent);border-color:color-mix(in srgb,var(--text-color) 62%,transparent)}.stopwatch-btn-key{font-size:.5em;font-weight:400;color:var(--text-tertiary);margin-left:3px}.timer-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.timer-inner{display:flex;flex-direction:column;align-items:center}#timer{pointer-events:auto}body[data-font=SourceSans] #timer{font-size:var(--timer-font-size, clamp(3.5rem, min(20vw, 42dvh), 22rem));letter-spacing:.01em}body[data-font=Kosugi] #timer{font-size:var(--timer-font-size, clamp(3.5rem, min(19vw, 40dvh), 22rem));letter-spacing:0px}.timer-num{display:inline-block}#timer.timer-finished{opacity:.6}.timer-controls{display:flex;align-items:center;gap:12px;margin-top:clamp(24px,5dvh,60px);pointer-events:auto;flex-wrap:wrap;justify-content:center}.timer-btn{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;font-weight:600;letter-spacing:.05em;line-height:1.25;border:1px solid color-mix(in srgb,var(--text-color) 42%,transparent);border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:clamp(10px,1.5vw,14px) clamp(32px,5vw,52px);font-size:clamp(1rem,2vw,1.4rem);color:var(--text-color);background:transparent;flex:1 1 0;min-width:140px;max-width:260px;transition:background .18s ease,border-color .18s ease}.timer-btn:hover{background:color-mix(in srgb,var(--text-color) 10%,transparent);border-color:color-mix(in srgb,var(--text-color) 62%,transparent)}.timer-btn-key{font-size:.5em;font-weight:400;color:var(--text-tertiary);margin-left:3px}.timer-setup{display:flex;align-items:center;gap:8px}.timer-input{width:clamp(72px,12vw,120px);height:clamp(40px,6vh,56px);padding:0 12px;text-align:center;font-size:clamp(1.2rem,2.4vw,1.8rem);font-weight:600;font-family:inherit;color:var(--text-color);background:transparent;border:1px solid color-mix(in srgb,var(--text-color) 42%,transparent);border-radius:6px;-moz-appearance:textfield;appearance:textfield;transition:border-color .18s ease,background .18s ease}.timer-input::-webkit-outer-spin-button,.timer-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.timer-input::placeholder{color:var(--text-tertiary)}.timer-input:focus{outline:none;border-color:color-mix(in srgb,var(--text-color) 72%,transparent);background:color-mix(in srgb,var(--text-color) 6%,transparent)}.timer-input-colon{font-size:clamp(1.2rem,2.4vw,1.8rem);font-weight:600;color:var(--text-tertiary);transform:translateY(-2%)}.mode-dropdown-wrapper,.theme-panel-wrapper{position:relative}.mode-dropdown-overlay,.theme-panel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99}.mode-dropdown,.theme-panel{position:absolute;bottom:calc(100% + 10px);left:0;background:var(--tool-surface);border:1px solid var(--tool-border);border-radius:8px;z-index:100;max-width:calc(100vw - 24px)}.mode-dropdown{display:flex;flex-direction:column;gap:4px;padding:6px;min-width:112px}.mode-dropdown-item,.theme-panel-item{appearance:none;position:relative;padding:9px 14px;font-size:.9rem;color:var(--tool-text);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;text-align:center;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;font-weight:550;letter-spacing:.02em;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .18s ease,border-color .18s ease,color .18s ease}.mode-dropdown-item-active,.theme-panel-item-active{background:var(--tool-active-bg);border-color:var(--tool-active-border);color:var(--tool-text);font-weight:700;cursor:default}.mode-dropdown-item:not(.mode-dropdown-item-active):hover,.theme-panel-item:not(.theme-panel-item-active):hover{background:var(--tool-hover-bg);border-color:var(--tool-border-strong)}.theme-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px}