.app-root{margin:0;padding:0;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg-color);color:var(--text-color);font-family:var(--cn-font);overflow:hidden;user-select:none;-webkit-user-select:none;transition:background-color .4s ease,color .4s ease}@font-face{font-family:SourceSans;src:url(/fonts/sourcesans.woff2) format("woff2");font-display:swap}@font-face{font-family:LXGW;src:url(/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;--bg-color: #121212;--text-color: #e8e8e8;--text-secondary: rgba(232, 232, 232, .85);--text-tertiary: rgba(232, 232, 232, .65);--toolbar-bg: rgba(232, 232, 232, .08);--toolbar-border: rgba(232, 232, 232, .15);--toolbar-hover: rgba(232, 232, 232, .12);--toolbar-border-hover: rgba(232, 232, 232, .25);--divider-color: rgba(232, 232, 232, .2);--time-hover: .9;--modal-bg: rgba(0, 0, 0, .7);--modal-content-bg: #1a1a1a;--modal-border: rgba(232, 232, 232, .15);--btn-bg: rgba(232, 232, 232, .92);--btn-color: #1a1a1a;--btn-hover-bg: rgba(215, 215, 215, .92);--btn-disabled-bg: rgba(200, 200, 200, .6);--btn-disabled-color: #666666;--btn-shadow: 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .1);--focus-color: #4a90e2;--focus-contrast-color: #ffffff;--surface-bg: color-mix(in srgb, var(--bg-color) 80%, var(--text-color) 20%);--surface-bg-strong: color-mix(in srgb, var(--bg-color) 74%, var(--text-color) 26%);--surface-border-soft: color-mix(in srgb, var(--text-color) 18%, transparent);--surface-border-strong: color-mix(in srgb, var(--text-color) 28%, transparent);--surface-shadow: 0 18px 50px color-mix(in srgb, var(--bg-color) 35%, black 65%);--modal-surface-bg: color-mix(in srgb, var(--bg-color) 86%, var(--text-color) 14%);--modal-surface-shadow: 0 24px 70px color-mix(in srgb, var(--bg-color) 22%, black 78%);--control-bg: color-mix(in srgb, var(--text-color) 22%, transparent);--control-bg-hover: color-mix(in srgb, var(--text-color) 32%, transparent);--control-bg-active: color-mix(in srgb, var(--text-color) 42%, transparent);--control-border: color-mix(in srgb, var(--text-color) 32%, transparent);--control-text: var(--text-color);--control-text-muted: var(--text-secondary)}[data-theme=light]{--bg-color: #f5f5f7;--text-color: #1d1d1f;--text-secondary: rgba(29, 29, 31, .85);--text-tertiary: rgba(29, 29, 31, .65);--toolbar-bg: rgba(29, 29, 31, .06);--toolbar-border: rgba(29, 29, 31, .12);--toolbar-hover: rgba(29, 29, 31, .08);--toolbar-border-hover: rgba(29, 29, 31, .2);--divider-color: rgba(29, 29, 31, .15);--time-hover: .85;--modal-bg: rgba(245, 245, 247, .7);--modal-content-bg: #e8e8ea;--modal-border: rgba(29, 29, 31, .12);--btn-bg: rgba(29, 29, 31, .92);--btn-color: #f5f5f7;--btn-hover-bg: rgba(45, 45, 47, .92);--btn-disabled-bg: rgba(100, 100, 100, .4);--btn-disabled-color: rgba(245, 245, 247, .5);--btn-shadow: 0 2px 4px rgba(29, 29, 31, .18), 0 1px 2px rgba(29, 29, 31, .12);--focus-color: #2b6cb0}[data-theme=sepia]{--bg-color: #f4ecd8;--text-color: #5b4636;--text-secondary: rgba(91, 70, 54, .85);--text-tertiary: rgba(91, 70, 54, .6);--toolbar-bg: rgba(91, 70, 54, .08);--toolbar-border: rgba(91, 70, 54, .18);--toolbar-hover: rgba(91, 70, 54, .12);--toolbar-border-hover: rgba(91, 70, 54, .28);--divider-color: rgba(91, 70, 54, .2);--time-hover: .85;--modal-bg: rgba(244, 236, 216, .7);--modal-content-bg: #ebe3cf;--modal-border: rgba(91, 70, 54, .15);--btn-bg: rgba(91, 70, 54, .88);--btn-color: #f4ecd8;--btn-hover-bg: rgba(110, 88, 70, .92);--btn-disabled-bg: rgba(91, 70, 54, .3);--btn-disabled-color: rgba(244, 236, 216, .5);--btn-shadow: 0 2px 4px rgba(91, 70, 54, .18), 0 1px 2px rgba(91, 70, 54, .1);--focus-color: #8b6914}[data-theme=forest]{--bg-color: #1c2b23;--text-color: #93d5a6;--text-secondary: rgba(147, 213, 166, .84);--text-tertiary: rgba(147, 213, 166, .58);--toolbar-bg: rgba(163, 230, 181, .07);--toolbar-border: rgba(163, 230, 181, .12);--toolbar-hover: rgba(163, 230, 181, .1);--toolbar-border-hover: rgba(163, 230, 181, .2);--divider-color: rgba(163, 230, 181, .15);--time-hover: .9;--modal-bg: rgba(28, 43, 35, .7);--modal-content-bg: #263830;--modal-border: rgba(163, 230, 181, .1);--btn-bg: rgba(163, 230, 181, .9);--btn-color: #1c2b23;--btn-hover-bg: rgba(143, 210, 161, .92);--btn-disabled-bg: rgba(163, 230, 181, .3);--btn-disabled-color: #666666;--btn-shadow: 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--focus-color: #a3be8c}[data-theme=sakura]{--bg-color: #fce4ec;--text-color: #c2185b;--text-secondary: rgba(194, 24, 91, .85);--text-tertiary: rgba(194, 24, 91, .6);--toolbar-bg: rgba(194, 24, 91, .06);--toolbar-border: rgba(194, 24, 91, .12);--toolbar-hover: rgba(194, 24, 91, .08);--toolbar-border-hover: rgba(194, 24, 91, .2);--divider-color: rgba(194, 24, 91, .15);--time-hover: .85;--modal-bg: rgba(252, 228, 236, .7);--modal-content-bg: #f8bbd0;--modal-border: rgba(194, 24, 91, .12);--btn-bg: rgba(194, 24, 91, .88);--btn-color: #fce4ec;--btn-hover-bg: rgba(174, 20, 81, .92);--btn-disabled-bg: rgba(194, 24, 91, .3);--btn-disabled-color: rgba(252, 228, 236, .5);--btn-shadow: 0 2px 4px rgba(194, 24, 91, .18), 0 1px 2px rgba(194, 24, 91, .1);--focus-color: #c2185b}[data-theme=dim]{--bg-color: #040404;--text-color: #b0b0b0;--text-secondary: rgba(176, 176, 176, .85);--text-tertiary: rgba(176, 176, 176, .6);--toolbar-bg: rgba(176, 176, 176, .07);--toolbar-border: rgba(176, 176, 176, .12);--toolbar-hover: rgba(176, 176, 176, .1);--toolbar-border-hover: rgba(176, 176, 176, .2);--divider-color: rgba(176, 176, 176, .15);--time-hover: .9;--modal-bg: rgba(0, 0, 0, .7);--modal-content-bg: #0a0a0a;--modal-border: rgba(176, 176, 176, .1);--btn-bg: rgba(176, 176, 176, .9);--btn-color: #040404;--btn-hover-bg: rgba(160, 160, 160, .92);--btn-disabled-bg: rgba(176, 176, 176, .3);--btn-disabled-color: #666666;--btn-shadow: 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--focus-color: #b0b0b0}[data-theme=dim] #time,[data-theme=dim] #stopwatch,[data-theme=dim] #date{color:#3a3a3a}[data-theme=catppuccin]{--bg-color: #2a1520;--text-color: #ffb8c6;--text-secondary: rgba(255, 184, 198, .85);--text-tertiary: rgba(255, 184, 198, .6);--toolbar-bg: rgba(255, 184, 198, .07);--toolbar-border: rgba(255, 184, 198, .12);--toolbar-hover: rgba(255, 184, 198, .1);--toolbar-border-hover: rgba(255, 184, 198, .2);--divider-color: rgba(255, 184, 198, .15);--time-hover: .9;--modal-bg: rgba(42, 21, 32, .7);--modal-content-bg: #3d2030;--modal-border: rgba(255, 184, 198, .1);--btn-bg: rgba(255, 184, 198, .9);--btn-color: #2a1520;--btn-hover-bg: rgba(235, 164, 178, .92);--btn-disabled-bg: rgba(255, 184, 198, .3);--btn-disabled-color: #666666;--btn-shadow: 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--focus-color: #ff8fa8}[data-theme=rosepine]{--bg-color: #1f1720;--text-color: #eab1d5;--text-secondary: rgba(234, 177, 213, .85);--text-tertiary: rgba(234, 177, 213, .6);--toolbar-bg: rgba(234, 177, 213, .07);--toolbar-border: rgba(234, 177, 213, .12);--toolbar-hover: rgba(234, 177, 213, .1);--toolbar-border-hover: rgba(234, 177, 213, .2);--divider-color: rgba(234, 177, 213, .15);--time-hover: .9;--modal-bg: rgba(31, 23, 32, .7);--modal-content-bg: #2e2230;--modal-border: rgba(234, 177, 213, .1);--btn-bg: rgba(234, 177, 213, .9);--btn-color: #1f1720;--btn-hover-bg: rgba(214, 157, 193, .92);--btn-disabled-bg: rgba(234, 177, 213, .3);--btn-disabled-color: #666666;--btn-shadow: 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--focus-color: #d48cb8}[data-theme=dawn]{--bg-color: #faf4ed;--text-color: #575279;--text-secondary: rgba(87, 82, 121, .85);--text-tertiary: rgba(87, 82, 121, .6);--toolbar-bg: rgba(87, 82, 121, .06);--toolbar-border: rgba(87, 82, 121, .12);--toolbar-hover: rgba(87, 82, 121, .08);--toolbar-border-hover: rgba(87, 82, 121, .2);--divider-color: rgba(87, 82, 121, .15);--time-hover: .85;--modal-bg: rgba(250, 244, 237, .7);--modal-content-bg: #fffaf3;--modal-border: rgba(87, 82, 121, .12);--btn-bg: rgba(87, 82, 121, .88);--btn-color: #faf4ed;--btn-hover-bg: rgba(105, 100, 140, .92);--btn-disabled-bg: rgba(87, 82, 121, .3);--btn-disabled-color: rgba(250, 244, 237, .5);--btn-shadow: 0 2px 4px rgba(87, 82, 121, .18), 0 1px 2px rgba(87, 82, 121, .1);--focus-color: #907aa9}[data-theme=luxury]{--bg-color: #161616;--text-color: #d4af37;--text-secondary: rgba(212, 175, 55, .85);--text-tertiary: rgba(212, 175, 55, .6);--toolbar-bg: rgba(212, 175, 55, .07);--toolbar-border: rgba(212, 175, 55, .12);--toolbar-hover: rgba(212, 175, 55, .1);--toolbar-border-hover: rgba(212, 175, 55, .2);--divider-color: rgba(212, 175, 55, .15);--time-hover: .9;--modal-bg: rgba(22, 22, 22, .7);--modal-content-bg: #222222;--modal-border: rgba(212, 175, 55, .1);--btn-bg: rgba(212, 175, 55, .9);--btn-color: #161616;--btn-hover-bg: rgba(192, 155, 35, .92);--btn-disabled-bg: rgba(212, 175, 55, .3);--btn-disabled-color: #666666;--btn-shadow: 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--focus-color: #f0d060}[data-theme=matcha]{--bg-color: #e2e8ce;--text-color: #3e4a3d;--text-secondary: rgba(62, 74, 61, .85);--text-tertiary: rgba(62, 74, 61, .6);--toolbar-bg: rgba(62, 74, 61, .06);--toolbar-border: rgba(62, 74, 61, .12);--toolbar-hover: rgba(62, 74, 61, .08);--toolbar-border-hover: rgba(62, 74, 61, .2);--divider-color: rgba(62, 74, 61, .15);--time-hover: .85;--modal-bg: rgba(226, 232, 206, .7);--modal-content-bg: #d6dcc2;--modal-border: rgba(62, 74, 61, .12);--btn-bg: rgba(62, 74, 61, .88);--btn-color: #e2e8ce;--btn-hover-bg: rgba(78, 92, 77, .92);--btn-disabled-bg: rgba(62, 74, 61, .3);--btn-disabled-color: rgba(226, 232, 206, .5);--btn-shadow: 0 2px 4px rgba(62, 74, 61, .18), 0 1px 2px rgba(62, 74, 61, .1);--focus-color: #6b8f5e}[data-theme=klein]{--bg-color: #002fa7;--text-color: #f7e77a;--text-secondary: rgba(247, 231, 122, .84);--text-tertiary: rgba(247, 231, 122, .58);--toolbar-bg: rgba(255, 240, 0, .07);--toolbar-border: rgba(255, 240, 0, .12);--toolbar-hover: rgba(255, 240, 0, .1);--toolbar-border-hover: rgba(255, 240, 0, .2);--divider-color: rgba(255, 240, 0, .15);--time-hover: .9;--modal-bg: rgba(0, 47, 167, .7);--modal-content-bg: #0a3ab8;--modal-border: rgba(255, 240, 0, .1);--btn-bg: rgba(255, 240, 0, .9);--btn-color: #002fa7;--btn-hover-bg: rgba(230, 215, 0, .92);--btn-disabled-bg: rgba(255, 240, 0, .3);--btn-disabled-color: #666666;--btn-shadow: 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--focus-color: #f4f1c8;--focus-contrast-color: #002fa7}[data-theme=lavender]{--bg-color: #e0c3fc;--text-color: #2b2d42;--text-secondary: rgba(43, 45, 66, .85);--text-tertiary: rgba(43, 45, 66, .6);--toolbar-bg: rgba(43, 45, 66, .06);--toolbar-border: rgba(43, 45, 66, .12);--toolbar-hover: rgba(43, 45, 66, .08);--toolbar-border-hover: rgba(43, 45, 66, .2);--divider-color: rgba(43, 45, 66, .15);--time-hover: .85;--modal-bg: rgba(224, 195, 252, .7);--modal-content-bg: #d0adf0;--modal-border: rgba(43, 45, 66, .12);--btn-bg: rgba(43, 45, 66, .88);--btn-color: #e0c3fc;--btn-hover-bg: rgba(60, 62, 82, .92);--btn-disabled-bg: rgba(43, 45, 66, .3);--btn-disabled-color: rgba(224, 195, 252, .5);--btn-shadow: 0 2px 4px rgba(43, 45, 66, .18), 0 1px 2px rgba(43, 45, 66, .1);--focus-color: #7c5cbf}[data-theme=crt]{--bg-color: #2b2b2b;--text-color: #f3c55a;--text-secondary: rgba(243, 197, 90, .84);--text-tertiary: rgba(243, 197, 90, .58);--toolbar-bg: rgba(255, 183, 3, .07);--toolbar-border: rgba(255, 183, 3, .12);--toolbar-hover: rgba(255, 183, 3, .1);--toolbar-border-hover: rgba(255, 183, 3, .2);--divider-color: rgba(255, 183, 3, .15);--time-hover: .9;--modal-bg: rgba(43, 43, 43, .7);--modal-content-bg: #363636;--modal-border: rgba(255, 183, 3, .1);--btn-bg: rgba(255, 183, 3, .9);--btn-color: #2b2b2b;--btn-hover-bg: rgba(230, 165, 3, .92);--btn-disabled-bg: rgba(255, 183, 3, .3);--btn-disabled-color: #666666;--btn-shadow: 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--focus-color: #fca311}[data-theme=cyberpunk]{--bg-color: #12141d;--text-color: #78efd0;--text-secondary: rgba(120, 239, 208, .84);--text-tertiary: rgba(120, 239, 208, .58);--toolbar-bg: rgba(0, 255, 198, .07);--toolbar-border: rgba(0, 255, 198, .12);--toolbar-hover: rgba(0, 255, 198, .1);--toolbar-border-hover: rgba(0, 255, 198, .2);--divider-color: rgba(0, 255, 198, .15);--time-hover: .9;--modal-bg: rgba(18, 20, 29, .7);--modal-content-bg: #1a1d2e;--modal-border: rgba(0, 255, 198, .1);--btn-bg: rgba(0, 255, 198, .9);--btn-color: #12141d;--btn-hover-bg: rgba(0, 230, 178, .92);--btn-disabled-bg: rgba(0, 255, 198, .3);--btn-disabled-color: #666666;--btn-shadow: 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--focus-color: #7df5d6}[data-theme=orange]{--bg-color: #1a1a1a;--text-color: #ff8a63;--text-secondary: rgba(255, 138, 99, .84);--text-tertiary: rgba(255, 138, 99, .58);--toolbar-bg: rgba(255, 87, 34, .07);--toolbar-border: rgba(255, 87, 34, .12);--toolbar-hover: rgba(255, 87, 34, .1);--toolbar-border-hover: rgba(255, 87, 34, .2);--divider-color: rgba(255, 87, 34, .15);--time-hover: .9;--modal-bg: rgba(26, 26, 26, .7);--modal-content-bg: #2a2a2a;--modal-border: rgba(255, 87, 34, .1);--btn-bg: rgba(255, 87, 34, .9);--btn-color: #1a1a1a;--btn-hover-bg: rgba(230, 78, 30, .92);--btn-disabled-bg: rgba(255, 87, 34, .3);--btn-disabled-color: #666666;--btn-shadow: 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--focus-color: #ff9b78}[data-theme=deepocean]{--bg-color: #0b132b;--text-color: #84e8d8;--text-secondary: rgba(132, 232, 216, .84);--text-tertiary: rgba(132, 232, 216, .58);--toolbar-bg: rgba(111, 255, 233, .07);--toolbar-border: rgba(111, 255, 233, .12);--toolbar-hover: rgba(111, 255, 233, .1);--toolbar-border-hover: rgba(111, 255, 233, .2);--divider-color: rgba(111, 255, 233, .15);--time-hover: .9;--modal-bg: rgba(11, 19, 43, .7);--modal-content-bg: #111d42;--modal-border: rgba(111, 255, 233, .1);--btn-bg: rgba(111, 255, 233, .9);--btn-color: #0b132b;--btn-hover-bg: rgba(90, 230, 210, .92);--btn-disabled-bg: rgba(111, 255, 233, .3);--btn-disabled-color: #666666;--btn-shadow: 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--focus-color: #94f0e2}[data-theme=matrix]{--bg-color: #0d1117;--text-color: #8de66e;--text-secondary: rgba(141, 230, 110, .84);--text-tertiary: rgba(141, 230, 110, .58);--toolbar-bg: rgba(57, 255, 20, .07);--toolbar-border: rgba(57, 255, 20, .12);--toolbar-hover: rgba(57, 255, 20, .1);--toolbar-border-hover: rgba(57, 255, 20, .2);--divider-color: rgba(57, 255, 20, .15);--time-hover: .9;--modal-bg: rgba(13, 17, 23, .7);--modal-content-bg: #161b22;--modal-border: rgba(57, 255, 20, .1);--btn-bg: rgba(57, 255, 20, .9);--btn-color: #0d1117;--btn-hover-bg: rgba(50, 230, 18, .92);--btn-disabled-bg: rgba(57, 255, 20, .3);--btn-disabled-color: #666666;--btn-shadow: 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--focus-color: #9ff184}[data-theme=nordic]{--bg-color: #f0f4f8;--text-color: #102a43;--text-secondary: rgba(16, 42, 67, .85);--text-tertiary: rgba(16, 42, 67, .6);--toolbar-bg: rgba(16, 42, 67, .06);--toolbar-border: rgba(16, 42, 67, .12);--toolbar-hover: rgba(16, 42, 67, .08);--toolbar-border-hover: rgba(16, 42, 67, .2);--divider-color: rgba(16, 42, 67, .15);--time-hover: .85;--modal-bg: rgba(240, 244, 248, .7);--modal-content-bg: #e2e8f0;--modal-border: rgba(16, 42, 67, .12);--btn-bg: rgba(16, 42, 67, .88);--btn-color: #f0f4f8;--btn-hover-bg: rgba(30, 58, 82, .92);--btn-disabled-bg: rgba(16, 42, 67, .3);--btn-disabled-color: rgba(240, 244, 248, .5);--btn-shadow: 0 2px 4px rgba(16, 42, 67, .18), 0 1px 2px rgba(16, 42, 67, .1);--focus-color: #334e68}[data-theme=sunset]{--bg-color: #d4684a;--text-color: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--toolbar-bg: rgba(255, 255, 255, .07);--toolbar-border: rgba(255, 255, 255, .12);--toolbar-hover: rgba(255, 255, 255, .1);--toolbar-border-hover: rgba(255, 255, 255, .2);--divider-color: rgba(255, 255, 255, .15);--time-hover: .9;--modal-bg: rgba(212, 104, 74, .7);--modal-content-bg: #b85840;--modal-border: rgba(255, 255, 255, .1);--btn-bg: rgba(255, 255, 255, .9);--btn-color: #d4684a;--btn-hover-bg: rgba(240, 240, 240, .92);--btn-disabled-bg: rgba(255, 255, 255, .3);--btn-disabled-color: #666666;--btn-shadow: 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--focus-color: #fff3ea;--focus-contrast-color: #8c412b}[data-theme=vintage]{--bg-color: #f4a261;--text-color: #264653;--text-secondary: rgba(38, 70, 83, .85);--text-tertiary: rgba(38, 70, 83, .6);--toolbar-bg: rgba(38, 70, 83, .06);--toolbar-border: rgba(38, 70, 83, .12);--toolbar-hover: rgba(38, 70, 83, .08);--toolbar-border-hover: rgba(38, 70, 83, .2);--divider-color: rgba(38, 70, 83, .15);--time-hover: .85;--modal-bg: rgba(244, 162, 97, .7);--modal-content-bg: #e8944e;--modal-border: rgba(38, 70, 83, .12);--btn-bg: rgba(38, 70, 83, .88);--btn-color: #f4a261;--btn-hover-bg: rgba(50, 82, 96, .92);--btn-disabled-bg: rgba(38, 70, 83, .3);--btn-disabled-color: rgba(244, 162, 97, .5);--btn-shadow: 0 2px 4px rgba(38, 70, 83, .18), 0 1px 2px rgba(38, 70, 83, .1);--focus-color: #2a4a55}html,body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);transition:background-color .4s ease,color .4s ease}body{overflow:hidden}h1,h2,h3,h4,h5,h6,p,span,div,li,a,button,input,textarea,select,strong,em,b,i{font-family:inherit}#main-content{margin:0;padding:0;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;user-select:none;-webkit-user-select:none}#time,#stopwatch{text-align:center;line-height:1;word-break:keep-all;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;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}#time{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.colon,.stopwatch-colon{display:inline-block;transform:translateY(-8%);transition:transform .5s cubic-bezier(.4,0,.2,1)}#time.hide-seconds .seconds-part,#time.hide-seconds .seconds-colon{display:none}body[data-font=SourceSans] #time,body[data-font=SourceSans] #stopwatch,body[data-font=SourceSans] .date-num{font-family:SourceSans,monospace;font-weight:700}body[data-font=SourceSans] #time,body[data-font=SourceSans] #stopwatch{font-size:clamp(3.5rem,min(23vw,48vh),24rem);letter-spacing:2px}body[data-font=SourceSans] #time.hide-seconds{font-size:clamp(5rem,min(36vw,72vh),42rem)}body[data-font=Kosugi] #time,body[data-font=Kosugi] #stopwatch,body[data-font=Kosugi] .date-num{font-family:Kosugi,monospace;font-weight:700}body[data-font=Kosugi] #time,body[data-font=Kosugi] #stopwatch{font-size:clamp(3.5rem,min(22vw,46vh),24rem);letter-spacing:0px}body[data-font=Kosugi] #time.hide-seconds{font-size:clamp(5rem,min(35vw,70vh),42rem)}#date{font-size:clamp(1.5rem,min(4vw,8vh),6rem);letter-spacing:1px;opacity:.85;text-align:center;position:absolute;top:calc(50% + clamp(3.5rem,min(23vw,48vh),24rem)/2 + 50px);left:50%;transform:translate(-50%);white-space:nowrap;transition:top .5s cubic-bezier(.4,0,.2,1),font-size .5s cubic-bezier(.4,0,.2,1),opacity .3s ease}body[data-font=SourceSans] #time.hide-seconds+#date{top:calc(50% + clamp(5rem,min(36vw,72vh),42rem)/2 - 10px)}body[data-font=Kosugi] #date{top:calc(50% + clamp(3.5rem,min(22vw,46vh),24rem)/2 + 50px)}body[data-font=Kosugi] #time.hide-seconds+#date{top:calc(50% + clamp(5rem,min(35vw,70vh),42rem)/2 - 10px)}#date.hidden{display:none}.date-cn{font-family:LXGW,Microsoft YaHei,PingFang SC,sans-serif;font-weight:400}#toolbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:10px;padding:12px 14px;background:color-mix(in srgb,var(--surface-bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid var(--surface-border-strong);box-shadow:var(--surface-shadow);z-index:100;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:1;pointer-events:auto;flex-wrap:wrap;justify-content:center;width:max-content;max-width:90vw}#toolbar.hidden{opacity:0;pointer-events:none;bottom:0;transform:translate(-50%) translateY(100%)}.toolbar-btn,.modal-close,.modal-btn,.share-copy-btn{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;font-weight:610;letter-spacing:.55px;line-height:1.35;border:none;border-radius:clamp(7px,1vw,9px);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;box-shadow:var(--btn-shadow);color:var(--control-text);background:var(--control-bg);border:1px solid var(--control-border);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.toolbar-btn{padding:clamp(6px,.9vw,8px) clamp(10px,1.2vw,14px);font-size:clamp(.88rem,1.52vw,1rem);flex-shrink:0}.toolbar-btn:hover:not(:disabled),.modal-close:hover:not(:disabled),.share-copy-btn:hover:not(:disabled),.stopwatch-btn:hover{background:var(--control-bg-hover);border-color:color-mix(in srgb,var(--text-color) 44%,transparent)}.toolbar-btn:disabled,.modal-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--btn-disabled-bg);color:var(--btn-disabled-color);border-color:transparent;box-shadow:none;pointer-events:none}.toolbar-divider{width:1px;background:var(--divider-color);margin:0 6px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--modal-surface-bg);border:1px solid var(--surface-border-soft);border-radius:12px;padding:12px 40px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--modal-surface-shadow)}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:color-mix(in srgb,var(--surface-bg) 85%,transparent);border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:var(--surface-border-strong);border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-color) 36%,transparent)}.modal-text{font-size:1rem;line-height:1.8;color:var(--text-secondary);text-align:justify;margin-bottom:24px}.modal-close{display:block;width:100%;padding:clamp(10px,1.2vw,12px);font-size:clamp(.88rem,1.4vw,1rem)}.modal-buttons{display:flex;gap:clamp(10px,1.2vw,12px);margin-top:clamp(20px,2.5vw,24px)}.modal-btn{flex:1;padding:clamp(10px,1.2vw,12px);font-size:clamp(.88rem,1.4vw,1rem)}.modal-btn-confirm{color:#fff;background:#e74c3ceb}.modal-btn-confirm:hover{background:#d24132eb}.modal-btn-cancel:hover:not(:disabled){background:var(--btn-hover-bg)}.modal-btn-cancel{color:var(--control-text);background:var(--control-bg)}.modal-feedback-content{max-width:480px}.feedback-title{font-size:1.3rem;font-weight:700;color:var(--text-color);text-align:center;margin:0 0 20px;font-family:var(--cn-font)}.feedback-types{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px}.feedback-type-option{display:flex;align-items:center;justify-content:center;padding:10px 8px;background:var(--toolbar-bg);border:1px solid var(--toolbar-border);border-radius:10px;cursor:pointer;transition:all .2s ease}.feedback-type-option:hover{background:var(--toolbar-hover);border-color:var(--toolbar-border-hover);transform:translateY(-1px)}.feedback-type-option.selected{background:var(--control-bg-active);border-color:color-mix(in srgb,var(--text-color) 40%,transparent)}.feedback-type-option.selected .feedback-type-label{color:var(--control-text);font-weight:600}.feedback-type-label{font-size:.88rem;color:var(--text-secondary);transition:color .2s ease}.feedback-content-wrapper{position:relative;margin-bottom:8px}.feedback-textarea{width:100%;padding:14px 16px 32px;font-size:.95rem;line-height:1.6;color:var(--text-color);background:var(--toolbar-bg);border:1px solid var(--toolbar-border);border-radius:10px;resize:vertical;min-height:100px;box-sizing:border-box;transition:border-color .2s ease;font-family:var(--cn-font)}.feedback-textarea:focus{outline:none;border-color:var(--text-secondary)}.feedback-textarea::placeholder{color:var(--text-tertiary)}.feedback-textarea:disabled{opacity:.6}.feedback-char-count{position:absolute;bottom:10px;right:14px;font-size:.8rem;color:var(--text-tertiary);pointer-events:none}#btn-reset{background:#e74c3c;color:#fff}#btn-reset:hover{background:#c0392b}.modal-about-content{max-width:600px;padding:26px 30px 22px}.about-header{display:flex;align-items:center;justify-content:flex-start;padding-bottom:0;margin-bottom:10px;border-bottom:0}.about-title-text{font-size:clamp(1.55rem,3vw,1.95rem);font-weight:700;color:var(--text-color);font-family:var(--cn-font);line-height:1.15}.about-intro{margin-bottom:18px;text-align:left}.intro-main{font-size:clamp(1rem,2vw,1.18rem);line-height:1.6;color:var(--text-color);margin:0;font-family:var(--cn-font)}.intro-main strong{color:var(--text-color);font-weight:600}.about-text{font-family:var(--cn-font)}.about-text p{font-size:.92rem;line-height:1.7;color:var(--text-secondary);margin:0 0 10px}.about-text p:last-child{margin-bottom:0}.about-text strong{color:var(--text-color);font-weight:600}.about-section{margin-bottom:20px}.section-title{display:flex;align-items:center;font-size:.82rem;font-weight:600;color:var(--text-tertiary);margin:0 0 9px;font-family:var(--cn-font);letter-spacing:.02em;text-transform:uppercase}.shortcuts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 8px}.shortcut-item{display:flex;align-items:center;gap:9px;min-height:38px;padding:7px 9px;background:transparent;border:1px solid var(--toolbar-border);border-radius:6px}.shortcut-item:hover{background:transparent;border-color:var(--toolbar-border)}.shortcut-item kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:24px;padding:0 7px;background:color-mix(in srgb,var(--text-color) 18%,transparent);color:var(--text-color);border:1px solid var(--toolbar-border);border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:12px;font-weight:700;box-shadow:none;line-height:1;-webkit-user-select:none;user-select:none;flex-shrink:0}.shortcut-item span{flex:1;font-size:.84rem;color:var(--text-secondary);line-height:1.3;font-family:var(--cn-font)}.about-footer{margin-bottom:16px;padding:10px 0 0;background:transparent;border:0;border-top:1px solid var(--toolbar-border);border-radius:0}.online-visitors{display:flex;align-items:center;justify-content:flex-start;gap:6px;font-family:var(--cn-font);margin-bottom:18px;padding:9px 0 0;background:transparent;border:0;border-top:1px solid var(--toolbar-border);border-radius:0}.visitors-label{font-size:.95rem;color:var(--text-secondary)}.visitors-count{font-size:1.08rem;font-weight:700;color:var(--text-color);min-width:32px;text-align:center;transition:opacity .4s ease}.visitors-count.updating{animation:visitorsFadeIn .4s ease-out}@keyframes visitorsFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.visitors-unit{font-size:.95rem;color:var(--text-secondary)}.about-footer-text{font-size:.9rem;color:var(--text-tertiary);margin:0;font-family:var(--cn-font);line-height:1.6}.about-footer-text .contact-link{font-weight:600;color:var(--text-color);text-decoration:none;transition:opacity .2s ease}.about-footer-text .contact-link:hover{opacity:.9}.modal-about-content .modal-close{min-height:42px;background:color-mix(in srgb,var(--text-color) 22%,transparent);color:var(--text-color);border:1px solid var(--toolbar-border);border-radius:8px;font-weight:600;font-size:.95rem;letter-spacing:0;width:100%}[data-theme=light] #btn-reset,[data-theme=sepia] #btn-reset,[data-theme=sakura] #btn-reset,[data-theme=dawn] #btn-reset,[data-theme=matcha] #btn-reset,[data-theme=lavender] #btn-reset,[data-theme=nordic] #btn-reset,[data-theme=vintage] #btn-reset,[data-theme=sunset] #btn-reset{background:#c0392b;color:#fff}[data-theme=light] #btn-reset:hover,[data-theme=sepia] #btn-reset:hover,[data-theme=sakura] #btn-reset:hover,[data-theme=dawn] #btn-reset:hover,[data-theme=matcha] #btn-reset:hover,[data-theme=lavender] #btn-reset:hover,[data-theme=nordic] #btn-reset:hover,[data-theme=vintage] #btn-reset:hover,[data-theme=sunset] #btn-reset:hover{background:#a93226}.preload *{transition:none!important}.hide-cursor,.hide-cursor *{cursor:none!important}.modal-share-content{text-align:center}.share-title{font-size:1.3rem;font-weight:600;color:var(--text-color);margin:0 0 12px;font-family:var(--cn-font)}.share-desc{font-size:.95rem;color:var(--text-secondary);margin:0 0 24px;font-family:var(--cn-font);line-height:1.6}.share-qrcode{margin-bottom:24px}.share-qrcode img{max-width:200px;width:100%;height:auto;border-radius:8px}.share-url{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;padding:12px 16px;background:var(--toolbar-bg);border:1px solid var(--toolbar-border);border-radius:8px}.share-url-text{font-size:.95rem;color:var(--text-secondary);word-break:break-all}.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}.share-copy-btn.copied{background:#27ae60eb;color:#fff}.share-copy-btn.copied:hover{background:#1e9650eb}.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blurred-content{filter:blur(0);-webkit-user-select:none;user-select:none;color:var(--text-secondary);font-size:.95rem;text-align:center;margin-bottom:16px}.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(--toolbar-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--toolbar-border);border-radius:12px;font-size:1rem;font-family:var(--cn-font);color:var(--text-secondary);box-shadow:0 8px 32px #0003}@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{outline:none}#stopwatch:focus{outline:none}a.sr-only:focus{position:fixed;top:10px;left:10px;z-index:10000;width:auto;height:auto;clip:auto;white-space:normal;padding:12px 24px;background:var(--focus-color);color:var(--focus-contrast-color);text-decoration:none;border-radius:8px;font-size:16px;font-weight:700}@media(prefers-contrast:high){:root{--text-color: #ffffff;--bg-color: #000000;--text-secondary: #ffffff;--toolbar-border: #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(prefers-reduced-motion:reduce),(update:slow){#toolbar,.modal-overlay,.tip-content,.mode-dropdown,.theme-panel{backdrop-filter:none;-webkit-backdrop-filter:none}#toolbar,.modal-content,.tip-content,.mode-dropdown,.theme-panel,.toolbar-btn,.modal-close,.modal-btn,.share-copy-btn,.stopwatch-btn,.theme-panel-item{box-shadow:none}}@media screen and (max-width:480px){#toolbar{gap:clamp(6px,1.6vw,9px);padding:clamp(9px,2.2vw,12px) clamp(11px,2.8vw,14px);border-radius:12px;max-width:96vw}.toolbar-btn{padding:6px 10px;font-size:.88rem;border-radius:7px;letter-spacing:.52px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;font-weight:610}.toolbar-divider{margin:0 4px;height:18px}.modal-content{padding:12px 16px;width:95%;max-height:90vh;border-radius:12px}.modal-feedback-content{max-width:100%}.modal-about-content{padding:20px 18px 18px}.shortcuts-grid{grid-template-columns:1fr}.about-section{margin-bottom:16px}.online-visitors{flex-wrap:wrap}.feedback-title{font-size:1.1rem}.feedback-types{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px}.feedback-type-option{padding:8px 4px;border-radius:8px}.feedback-type-label{font-size:.78rem}.feedback-textarea{padding:10px 12px 28px;font-size:.88rem;border-radius:8px;min-height:80px}.feedback-char-count{bottom:8px;right:10px;font-size:.75rem}}@media screen and (min-width:481px)and (max-width:768px){#toolbar{gap:clamp(6px,1.2vw,10px);padding:clamp(10px,2vw,14px) clamp(12px,2.5vw,16px)}}@media screen and (min-width:769px){#toolbar{gap:10px;padding:12px 16px;border-radius:14px}.toolbar-btn{padding:7px 13px;font-size:.95rem;border-radius:8px;letter-spacing:.58px}}@media screen and (min-width:1920px){#toolbar{gap:12px;padding:13px 17px}.toolbar-btn{padding:8px 15px;font-size:1.02rem;border-radius:9px;letter-spacing:.62px}}@media screen and (min-aspect-ratio:15/10){body[data-font=SourceSans] #time{font-size:clamp(3.5rem,min(23vw,52vh),26rem)}body[data-font=SourceSans] #time.hide-seconds{font-size:clamp(5rem,min(36vw,78vh),46rem)}body[data-font=Kosugi] #time{font-size:clamp(3.5rem,min(22vw,50vh),26rem)}body[data-font=Kosugi] #time.hide-seconds{font-size:clamp(5rem,min(35vw,76vh),46rem)}#date{font-size:clamp(1.5rem,min(4vw,8.5vh),6.5rem);top:calc(50% + clamp(3.5rem,min(23vw,52vh),26rem)/2 + 45px)}body[data-font=SourceSans] #time.hide-seconds+#date{top:calc(50% + clamp(5rem,min(36vw,78vh),46rem)/2 - 15px)}body[data-font=Kosugi] #date{top:calc(50% + clamp(3.5rem,min(22vw,50vh),26rem)/2 + 45px)}body[data-font=Kosugi] #time.hide-seconds+#date{top:calc(50% + clamp(5rem,min(35vw,76vh),46rem)/2 - 15px)}body[data-font=SourceSans] #stopwatch{font-size:clamp(3.5rem,min(20vw,46vh),24rem)}body[data-font=Kosugi] #stopwatch{font-size:clamp(3.5rem,min(19vw,44vh),24rem)}.stopwatch-controls{margin-top:clamp(16px,3vh,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}}@media screen and (min-aspect-ratio:20/10){body[data-font=SourceSans] #time{font-size:clamp(3.5rem,min(25vw,56vh),28rem)}body[data-font=SourceSans] #time.hide-seconds{font-size:clamp(5rem,min(38vw,84vh),50rem)}body[data-font=Kosugi] #time{font-size:clamp(3.5rem,min(24vw,54vh),28rem)}body[data-font=Kosugi] #time.hide-seconds{font-size:clamp(5rem,min(37vw,82vh),50rem)}body[data-font=SourceSans] #stopwatch{font-size:clamp(3.5rem,min(22vw,50vh),26rem)}body[data-font=Kosugi] #stopwatch{font-size:clamp(3.5rem,min(21vw,48vh),26rem)}.stopwatch-controls{margin-top:clamp(12px,2.5vh,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}}@media(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi),(min-resolution:1.25dppx){.toolbar-btn{letter-spacing:.56px;font-size:clamp(.89rem,1.5vw,1.01rem)}}@media(-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi),(min-resolution:3dppx){.toolbar-btn{letter-spacing:.6px;font-size:clamp(.91rem,1.48vw,1.03rem);padding:clamp(7px,1vw,9px) clamp(11px,1.35vw,16px)}}@media(max-resolution:95dpi),(max-resolution:1dppx){.toolbar-btn{letter-spacing:.54px;font-size:clamp(.91rem,1.58vw,1.02rem)}}.modal-enter-active,.modal-leave-active{transition:opacity .3s ease}.modal-enter-active .modal-content,.modal-leave-active .modal-content{transition:transform .3s ease}.modal-enter-from{opacity:0}.modal-enter-from .modal-content{transform:scale(.9) translateY(20px)}.modal-leave-active,.modal-leave-to{opacity:0}.modal-leave-active .modal-content{transform:scale(.9) translateY(20px)}.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:clamp(3.5rem,min(20vw,42vh),22rem);letter-spacing:2px}body[data-font=Kosugi] #stopwatch{font-size:clamp(3.5rem,min(19vw,40vh),22rem);letter-spacing:0px}.stopwatch-num{display:inline-block}.stopwatch-centis{font-size:30%;vertical-align:baseline}#stopwatch.hide-centis .stopwatch-centis{display:none}.stopwatch-controls{display:flex;gap:12px;margin-top:clamp(24px,5vh,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:.8px;line-height:1.25;border:1px solid var(--control-border);border-radius:clamp(10px,1.2vw,14px);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;box-shadow:var(--btn-shadow);padding:clamp(10px,1.5vw,14px) clamp(32px,5vw,52px);font-size:clamp(1rem,2vw,1.4rem);color:var(--control-text);background:var(--control-bg);flex:1 1 0;min-width:140px;max-width:260px}.stopwatch-btn-key{font-size:.5em;font-weight:400;color:var(--control-text-muted);margin-left:3px}.mode-dropdown-wrapper{position:relative}#btn-mode,#btn-theme{display:inline-flex;align-items:center;gap:4px}.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% + 14px);left:50%;transform:translate(-50%);background:color-mix(in srgb,var(--surface-bg) 92%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;border:1px solid var(--surface-border-strong);box-shadow:var(--surface-shadow);z-index:100}.theme-panel{background:color-mix(in srgb,var(--surface-bg-strong) 94%,transparent)}.mode-dropdown{display:flex;flex-direction:column;gap:4px;padding:6px;min-width:90px}.mode-dropdown-item{position:relative;padding:clamp(6px,.9vw,8px) clamp(10px,1.2vw,14px);font-size:clamp(.88rem,1.52vw,1rem);color:var(--control-text);background:var(--control-bg);border:1px solid var(--control-border);border-radius:clamp(7px,1vw,9px);cursor:pointer;text-align:center;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;font-weight:610;letter-spacing:.55px;-webkit-user-select:none;user-select:none;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.mode-dropdown-item-active,.theme-panel-item-active{opacity:1;cursor:default;color:color-mix(in srgb,var(--control-text) 92%,white 8%);background:color-mix(in srgb,var(--text-color) 28%,var(--bg-color) 72%);border-color:color-mix(in srgb,var(--text-color) 42%,transparent);font-weight:700;padding-left:clamp(18px,1.7vw,22px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-color) 22%,white 8%),0 10px 24px color-mix(in srgb,var(--bg-color) 52%,black 48%);filter:saturate(1.02) brightness(1.02)}.mode-dropdown-item:not(.mode-dropdown-item-active):hover,.theme-panel-item:not(.theme-panel-item-active):hover{background:var(--control-bg-hover);border-color:color-mix(in srgb,var(--text-color) 38%,transparent)}.theme-panel-wrapper{position:relative}.theme-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px}.theme-panel-item{position:relative;padding:clamp(5px,.8vw,7px) clamp(10px,1.2vw,14px);font-size:clamp(.82rem,1.4vw,.92rem);color:var(--control-text);background:var(--control-bg);border:1px solid var(--control-border);border-radius:clamp(6px,.8vw,8px);cursor:pointer;text-align:center;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;font-weight:610;letter-spacing:.5px;-webkit-user-select:none;user-select:none;box-shadow:var(--btn-shadow);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.mode-dropdown-item-active:before,.theme-panel-item-active:before{content:"•";position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:.9em;line-height:1;color:color-mix(in srgb,var(--text-color) 88%,white 12%)}@supports (height: 1dvh){#main-content{height:100dvh}body[data-font=SourceSans] #time,body[data-font=SourceSans] #stopwatch{font-size:clamp(3.5rem,min(23vw,48dvh),24rem)}body[data-font=SourceSans] #time.hide-seconds{font-size:clamp(5rem,min(36vw,72dvh),42rem)}body[data-font=Kosugi] #time,body[data-font=Kosugi] #stopwatch{font-size:clamp(3.5rem,min(22vw,46dvh),24rem)}body[data-font=Kosugi] #time.hide-seconds{font-size:clamp(5rem,min(35vw,70dvh),42rem)}#date{font-size:clamp(1.5rem,min(4vw,8dvh),6rem);top:calc(50% + clamp(3.5rem,min(23vw,48dvh),24rem)/2 + 50px)}body[data-font=SourceSans] #time.hide-seconds+#date{top:calc(50% + clamp(5rem,min(36vw,72dvh),42rem)/2 - 10px)}body[data-font=Kosugi] #date{top:calc(50% + clamp(3.5rem,min(22vw,46dvh),24rem)/2 + 50px)}body[data-font=Kosugi] #time.hide-seconds+#date{top:calc(50% + clamp(5rem,min(35vw,70dvh),42rem)/2 - 10px)}body[data-font=SourceSans] #stopwatch{font-size:clamp(3.5rem,min(20vw,42dvh),22rem)}body[data-font=Kosugi] #stopwatch{font-size:clamp(3.5rem,min(19vw,40dvh),22rem)}.stopwatch-controls{margin-top:clamp(24px,5dvh,60px)}.modal-content{max-height:80dvh}@media screen and (max-width:480px){.modal-content{max-height:90dvh}}@media screen and (min-aspect-ratio:15/10){body[data-font=SourceSans] #time{font-size:clamp(3.5rem,min(23vw,52dvh),26rem)}body[data-font=SourceSans] #time.hide-seconds{font-size:clamp(5rem,min(36vw,78dvh),46rem)}body[data-font=Kosugi] #time{font-size:clamp(3.5rem,min(22vw,50dvh),26rem)}body[data-font=Kosugi] #time.hide-seconds{font-size:clamp(5rem,min(35vw,76dvh),46rem)}#date{font-size:clamp(1.5rem,min(4vw,8.5dvh),6.5rem);top:calc(50% + clamp(3.5rem,min(23vw,52dvh),26rem)/2 + 45px)}body[data-font=SourceSans] #time.hide-seconds+#date{top:calc(50% + clamp(5rem,min(36vw,78dvh),46rem)/2 - 15px)}body[data-font=Kosugi] #date{top:calc(50% + clamp(3.5rem,min(22vw,50dvh),26rem)/2 + 45px)}body[data-font=Kosugi] #time.hide-seconds+#date{top:calc(50% + clamp(5rem,min(35vw,76dvh),46rem)/2 - 15px)}body[data-font=SourceSans] #stopwatch{font-size:clamp(3.5rem,min(20vw,46dvh),24rem)}body[data-font=Kosugi] #stopwatch{font-size:clamp(3.5rem,min(19vw,44dvh),24rem)}.stopwatch-controls{margin-top:clamp(16px,3dvh,32px)}}@media screen and (min-aspect-ratio:20/10){body[data-font=SourceSans] #time{font-size:clamp(3.5rem,min(25vw,56dvh),28rem)}body[data-font=SourceSans] #time.hide-seconds{font-size:clamp(5rem,min(38vw,84dvh),50rem)}body[data-font=Kosugi] #time{font-size:clamp(3.5rem,min(24vw,54dvh),28rem)}body[data-font=Kosugi] #time.hide-seconds{font-size:clamp(5rem,min(37vw,82dvh),50rem)}body[data-font=SourceSans] #stopwatch{font-size:clamp(3.5rem,min(22vw,50dvh),26rem)}body[data-font=Kosugi] #stopwatch{font-size:clamp(3.5rem,min(21vw,48dvh),26rem)}.stopwatch-controls{margin-top:clamp(12px,2.5dvh,24px)}}}