.clock-tools-page{background:linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff05 1px, transparent 1px), var(--background);background-size:56px 56px;min-height:100vh;padding:0 32px 28px;position:relative;overflow:hidden}.clock-tools-page:before{content:"";background:radial-gradient(circle at 48% -12%, #6c53ff24, transparent 36%), linear-gradient(180deg, #06080d05, var(--background));pointer-events:none;position:absolute;inset:0}.clock-tools-glow{pointer-events:none;border-radius:50%;position:absolute}.clock-tools-glow-one{background:#6753ff1f;width:480px;height:480px;top:-350px;left:8%}.clock-tools-glow-two{background:#3d83ff14;width:430px;height:430px;bottom:7%;right:-310px}.clock-tools-header,.clock-tools-hero,.clock-workspace,.clock-tools-footer{z-index:1;width:min(1120px,100%);margin-inline:auto;position:relative}.clock-tools-back:hover{color:#fff;background:#6953ff1a;border-color:#765dff66}.clock-tools-hero{grid-template-columns:auto 1fr;align-items:start;gap:20px;padding:64px 0 30px;display:grid}.clock-tools-title-icon{color:#9b89ff;background:linear-gradient(145deg,#6953ff2b,#4674e614);border:1px solid #785fff57;border-radius:15px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 18px 48px #4935d026}.clock-tools-title-icon svg{width:28px;height:28px}.clock-tools-hero span,.clock-panel-heading span{color:#9b89ff;font-family:var(--font-geist-mono), monospace;font-size:var(--font-size-meta);letter-spacing:.16em;font-weight:680}.clock-tools-hero h1{color:#f5f7fb;letter-spacing:-.052em;word-break:keep-all;margin:10px 0 11px;font-size:clamp(32px,4vw,46px);line-height:1.1}.clock-tools-hero p{color:#838c9c;word-break:keep-all;max-width:700px;margin:0;font-size:13px;line-height:1.7}.clock-workspace{border:1px solid var(--border-strong);background:radial-gradient(circle at 100% 0,#6552ff14,#0000 38%),#0b0f18f5;border-radius:19px;overflow:hidden;box-shadow:0 34px 90px #00000059,inset 0 1px #ffffff09}.clock-tabs{border-bottom:1px solid var(--border);background:#04070c4d;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;display:grid}.clock-tabs button{color:#7f8999;min-height:48px;font-size:var(--font-size-meta);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;font-weight:620;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.clock-tabs button svg{width:20px;height:20px}.clock-tabs button:hover{color:#d9deea;background:#ffffff08}.clock-tabs button.selected{color:#fff;background:linear-gradient(145deg,#6c53ff2e,#416cd70f);border-color:#6c53ff5c;box-shadow:inset 0 1px #ffffff0a}.clock-tabs button:focus-visible,.clock-actions button:focus-visible,.countdown-inputs input:focus-visible,.countdown-presets button:focus-visible{outline-offset:2px;outline:2px solid #9b89ff}.clock-panel{padding:29px 30px 31px}.clock-panel-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px;display:flex}.clock-panel-heading h2{color:#edf0f6;letter-spacing:-.03em;margin:7px 0 0;font-size:21px}.clock-panel-heading p{color:#737d8d;max-width:500px;font-size:var(--font-size-meta);text-align:right;word-break:keep-all;margin:0;line-height:1.65}.current-clock-layout{grid-template-columns:310px 1fr;align-items:stretch;gap:18px;display:grid}.analog-clock{aspect-ratio:1;background:radial-gradient(circle at 50% 44%,#745bff1f,#0000 58%),#04070cad;border:1px solid #ffffff1c;border-radius:50%;width:280px;margin:0 auto;position:relative;box-shadow:inset 0 0 40px #0006,0 22px 60px #0000003d}.analog-clock>i{transform-origin:1px 128px;background:#737d90;border-radius:2px;width:2px;height:9px;position:absolute;top:12px;left:calc(50% - 1px)}.analog-clock>i:nth-child(3n+1){background:#dce1eb;width:3px;height:15px}.clock-hand{transform-origin:50% 100%;border-radius:999px;position:absolute;bottom:50%;left:50%}.clock-hour{background:#e8ebf2;width:6px;height:73px}.clock-minute{background:#b8c0d0;width:4px;height:98px}.clock-second{background:#8971ff;width:2px;height:108px;box-shadow:0 0 10px #8971ff8c}.analog-clock>b{z-index:2;background:#927cff;border:3px solid #111724;border-radius:50%;width:13px;height:13px;position:absolute;top:calc(50% - 6.5px);left:calc(50% - 6.5px)}.digital-clock{background:linear-gradient(145deg,#6b54ff1a,#05080d85);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;justify-content:center;min-height:280px;padding:35px 42px;display:flex}.digital-clock>span{color:#8f7cff;font-size:var(--font-size-meta);font-weight:680}.digital-clock>strong{color:#f4f6fb;font:650 clamp(42px, 7vw, 72px)/1 var(--font-geist-mono), monospace;letter-spacing:-.065em;margin:11px 0 8px}.digital-clock>p{color:#8993a3;margin:0;font-size:13px}.digital-clock>div{color:#667184;width:max-content;font:12px var(--font-geist-mono), monospace;background:#ffffff06;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:7px;margin-top:24px;padding:8px 10px;display:inline-flex}.digital-clock>div svg{width:16px;height:16px}.world-clock-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.world-clock-card{background:#05080d7a;border:1px solid #ffffff13;border-radius:13px;min-width:0;padding:18px}.world-clock-card>div{flex-direction:column;gap:4px;display:flex}.world-clock-card>div span{color:#5f6979;font-size:var(--font-size-meta)}.world-clock-card>div strong{color:#c7cedb;font-size:var(--font-size-meta)}.world-clock-card time{color:#f0f3f8;font:650 clamp(19px, 2.4vw, 27px)/1 var(--font-geist-mono), monospace;letter-spacing:-.04em;margin:24px 0 6px;display:block;overflow:hidden}.world-clock-card>p{color:#768192;font-size:var(--font-size-meta);margin:0}.world-clock-card footer{color:#596373;font:12px var(--font-geist-mono), monospace;border-top:1px solid #ffffff0e;justify-content:space-between;margin-top:24px;padding-top:11px;display:flex}.stopwatch-layout,.countdown-layout{grid-template-columns:1.15fr .85fr;gap:12px;display:grid}.stopwatch-display,.countdown-display{text-align:center;background:linear-gradient(145deg,#6c53ff18,#04070c91);border:1px solid #6c53ff33;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:30px;display:flex}.stopwatch-display>span,.countdown-display>span{color:#7d8798;font-size:var(--font-size-meta);letter-spacing:.08em;font-weight:650}.stopwatch-display>strong,.countdown-display>strong{color:#f1f4fa;font:650 clamp(34px, 5.1vw, 56px)/1 var(--font-geist-mono), monospace;letter-spacing:-.06em;white-space:nowrap;margin:14px 0 25px}.clock-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.clock-actions button{color:#929cac;min-height:40px;font-size:var(--font-size-meta);cursor:pointer;background:#ffffff08;border:1px solid #ffffff17;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.clock-actions button svg{width:18px;height:18px}.clock-actions button.clock-primary-action{color:#fff;background:linear-gradient(145deg,#705bf0,#5543d4);border-color:#715bff7a;min-width:108px;box-shadow:0 9px 25px #523dc72e}.clock-actions button:disabled{opacity:.38;cursor:not-allowed}.lap-list{background:#04070c73;border:1px solid #ffffff13;border-radius:15px;max-height:280px;overflow:auto}.lap-list header,.lap-list>div{border-bottom:1px solid #ffffff0e;grid-template-columns:45px 1fr 1fr;align-items:center;gap:12px;min-height:47px;padding:0 16px;display:grid}.lap-list header{color:#596475;font-size:var(--font-size-meta);background:#090d15;position:sticky;top:0}.lap-list header span:not(:first-child),.lap-list>div strong,.lap-list>div time{text-align:right}.lap-list>div span{color:#656f80;font:12px var(--font-geist-mono), monospace}.lap-list>div strong{color:#b5becc;font:12px var(--font-geist-mono), monospace}.lap-list>div time{color:#727d8f;font:12px var(--font-geist-mono), monospace}.lap-list>div:last-child{border-bottom:0}.lap-list>p{color:#505a69;height:230px;font-size:var(--font-size-meta);place-items:center;margin:0;display:grid}.countdown-display.finished{background:linear-gradient(145deg,#e148481c,#04070c91);border-color:#ff6b6b47}.countdown-display.finished>strong{color:#ffb0ad}.countdown-display>strong{margin-bottom:18px}.countdown-display>p{color:#687384;font-size:var(--font-size-meta);margin:11px 0 0}.countdown-progress{background:#ffffff12;border-radius:999px;width:min(410px,90%);height:4px;overflow:hidden}.countdown-progress i{transform-origin:0;border-radius:inherit;background:linear-gradient(90deg,#7864f6,#638bff);width:100%;height:100%;transition:transform .2s linear;display:block}.countdown-controls{background:#04070c73;border:1px solid #ffffff13;border-radius:15px;flex-direction:column;justify-content:center;min-height:280px;padding:25px;display:flex}.countdown-inputs{grid-template-columns:1fr auto 1fr auto 1fr;align-items:end;gap:8px;display:grid}.countdown-inputs label{gap:8px;display:grid}.countdown-inputs label span{color:#778193;font-size:var(--font-size-meta);text-align:center}.countdown-inputs input{color:#e8ebf2;width:100%;min-width:0;min-height:50px;font:600 17px var(--font-geist-mono), monospace;text-align:center;background:#ffffff06;border:1px solid #ffffff17;border-radius:9px;outline:0}.countdown-inputs input:disabled{opacity:.5}.countdown-inputs>b{color:#596474;font:16px var(--font-geist-mono), monospace;padding-bottom:15px}.countdown-presets{grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0 18px;display:grid}.countdown-presets button{color:#737e8f;min-height:35px;font-size:var(--font-size-meta);cursor:pointer;background:#ffffff05;border:1px solid #ffffff13;border-radius:7px}.countdown-presets button:hover:not(:disabled){color:#fff;background:#6c53ff14;border-color:#6c53ff4d}.countdown-presets button:disabled{opacity:.35;cursor:not-allowed}@media (width<=900px){.world-clock-grid{grid-template-columns:repeat(3,1fr)}.current-clock-layout{grid-template-columns:270px 1fr}.analog-clock{width:250px}.analog-clock>i{transform-origin:1px 113px}}@media (width<=720px){.clock-panel-heading{flex-direction:column;align-items:start;gap:9px}.clock-panel-heading p{text-align:left}.current-clock-layout,.stopwatch-layout,.countdown-layout{grid-template-columns:1fr}.world-clock-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.clock-tools-page{padding-inline:18px}.clock-tools-hero{grid-template-columns:1fr;padding-top:42px}.clock-tools-hero h1{font-size:34px}.clock-tabs{grid-template-columns:repeat(2,1fr)}.clock-tabs button{min-height:42px}.clock-panel{padding:23px 16px 25px}.analog-clock{width:230px}.analog-clock>i{transform-origin:1px 103px}.clock-hour{height:60px}.clock-minute{height:82px}.clock-second{height:91px}.digital-clock{min-height:230px;padding:25px 20px}.digital-clock>strong{font-size:41px}.world-clock-grid{grid-template-columns:1fr}.world-clock-card time{font-size:28px}.stopwatch-display>strong,.countdown-display>strong{font-size:34px}.clock-actions button{flex:1}.clock-tools-footer{flex-direction:column;gap:14px}}@media (prefers-reduced-motion:reduce){.clock-tools-back,.clock-tabs button,.countdown-progress i{transition:none}}