.time-app{--bg:#080808;--fg:#f4f4f2;--muted:#858581;--line:#242424;--panel:#111;--accent:#d4b483;background:var(--bg);color:var(--fg);box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex-direction:column;width:100%;min-height:100svh;padding:32px 44px 22px;font-family:Arial,Helvetica,sans-serif;transition:background .3s,color .3s;display:flex;position:relative}.time-app *{box-sizing:border-box}.time-app.light{--bg:#f6f5f1;--fg:#171715;--muted:#6b6b66;--line:#ddddd5;--panel:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.time-app button,.time-app input,.time-app select{font:inherit}.time-app button{cursor:pointer;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:9px;transition:background .2s,color .2s,opacity .2s;display:inline-flex}.time-app button:disabled{opacity:.3;cursor:default}.time-app button:hover:not(:disabled){background:var(--line)}.time-app :focus-visible{outline:2px solid var(--accent);outline-offset:5px}.time-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{letter-spacing:6px;font-size:22px;font-weight:800}.brand span{letter-spacing:2px;color:var(--muted);margin-top:10px;font-size:8px;font-weight:400;display:block}.top-actions{align-items:center;gap:12px;display:flex}.time-app .icon-button{border-radius:50%;width:44px;height:44px}.time-app .fullscreen{border:1px solid var(--line);border-radius:8px;padding:12px 16px;font-size:12px}.time-nav{border:1px solid var(--line);border-radius:12px;align-self:center;gap:4px;margin-top:30px;padding:5px;display:flex}.time-nav button{color:var(--muted);border-radius:8px;padding:11px 21px;font-size:12px}.time-nav button[aria-current]{color:var(--fg);background:var(--line)}.time-main{flex:1;justify-content:center;align-items:center;min-height:65vh;padding:36px 0;display:flex}.stage{text-align:center;width:100%}.eyebrow{letter-spacing:3px;color:var(--muted);justify-content:center;align-items:center;gap:9px;margin-bottom:26px;font-size:9px;display:flex}.eyebrow i,.time-footer i{background:var(--accent);border-radius:50%;width:5px;height:5px;display:inline-block}.digits{font-variant-numeric:tabular-nums;letter-spacing:-.065em;white-space:nowrap;justify-content:center;align-items:baseline;font-size:clamp(50px,17.5vw,300px);font-weight:650;line-height:1.06;display:flex;position:relative}.digits>span{display:block}.digits.no-seconds{font-size:clamp(80px,24vw,400px)}.digits .period{letter-spacing:.03em;color:var(--accent);margin-left:18px;font-family:Arial,sans-serif;font-size:clamp(11px,1.7vw,26px);font-weight:400}.clock-date{min-height:22px;color:var(--muted);letter-spacing:.6px;margin-top:25px;font-size:14px}.mode-controls{margin-top:38px}.clock-options{justify-content:center;align-items:center;gap:6px;display:flex}.clock-options button{letter-spacing:1px;color:var(--muted);border-radius:6px;padding:10px;font-size:10px}.clock-options button[aria-pressed=true]{color:var(--fg)}.clock-options .divider{background:var(--line);width:1px;height:14px;margin:0 10px}.clock-options i{background:var(--muted);border-radius:50%;width:5px;height:5px}.clock-options i.on{background:var(--accent)}.time-footer{color:var(--muted);letter-spacing:1.7px;justify-content:space-between;gap:20px;font-size:8px;display:flex}.time-footer span{align-items:center;gap:8px;display:flex}.time-footer b{color:var(--line);margin:0 7px;font-weight:400}.chrome{transition:opacity .35s,visibility .35s}.quiet .chrome{opacity:0;visibility:hidden;pointer-events:none}.quiet{cursor:none}.immersive{height:100dvh;min-height:100dvh;overflow:auto}.immersive .time-main{min-height:0}.time-app:-webkit-full-screen{background:var(--bg);width:100%;height:100%}.time-app:fullscreen{background:var(--bg);width:100%;height:100%}.time-app:-webkit-full-screen .digits{font-size:min(18vw,35vh)}.time-app:fullscreen .digits{font-size:min(18vw,35vh)}.time-app:-webkit-full-screen .digits.no-seconds{font-size:min(27vw,45vh)}.time-app:fullscreen .digits.no-seconds{font-size:min(27vw,45vh)}.time-notice{color:var(--accent);text-align:center;max-width:560px;min-height:25px;margin:0 auto 18px;font-size:12px;line-height:1.6}.duration-fields{justify-content:center;gap:14px;margin-bottom:24px;display:flex}.duration-fields label{flex-direction:column;align-items:center;gap:8px;display:flex}.duration-fields input{border:1px solid var(--line);background:var(--panel);width:76px;color:var(--fg);text-align:center;font-variant-numeric:tabular-nums;-webkit-appearance:textfield;appearance:textfield;border-radius:8px;padding:12px 5px;font-size:19px}.duration-fields input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.duration-fields label>span{color:var(--muted);letter-spacing:1px;font-size:9px}.transport{justify-content:center;align-items:center;gap:22px;display:flex}.time-app .primary{background:var(--fg);min-width:126px;color:var(--bg);border-radius:30px;padding:14px 23px;font-size:12px;font-weight:600}.time-app .primary:hover{opacity:.85;background:var(--fg)}.progress{background:var(--line);width:190px;height:2px;margin:25px auto 0;overflow:hidden}.progress>span{background:var(--accent);height:100%;transition:width .1s linear;display:block}.mode-stopwatch .digits{font-size:clamp(45px,14vw,240px)}.milliseconds{letter-spacing:-.03em;color:var(--accent);margin-left:12px;font-size:.27em;font-weight:400}.lap-list{font-variant-numeric:tabular-nums;max-width:460px;max-height:150px;margin:28px auto 0;font-size:12px;overflow:auto}.lap-list>div{text-align:right;border-bottom:1px solid var(--line);grid-template-columns:.5fr 1fr 1fr;gap:20px;padding:12px 8px;display:grid}.lap-list>div>span:first-child{text-align:left;color:var(--muted)}.lap-list .lap-head{letter-spacing:1px;color:var(--muted);background:var(--bg);font-size:9px;position:sticky;top:0}.hourglass{width:150px;height:195px;margin:0 auto 16px;animation:.65s glass-in;display:block}.mode-hourglass .digits{letter-spacing:-.04em;font-size:clamp(44px,6vw,88px)}.mode-hourglass .eyebrow{margin-bottom:18px}.mode-hourglass .mode-controls{margin-top:22px}.presets{justify-content:center;gap:8px;margin-bottom:23px;display:flex}.presets button{color:var(--muted);border:1px solid #0000;border-radius:7px;gap:3px;padding:9px 12px;font-size:12px}.presets button[aria-pressed=true]{color:var(--fg);border-color:var(--line)}.presets span{font-size:9px}.sand-stream{animation:.6s linear infinite sand-fall}.settings-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0007;justify-content:flex-end;align-items:flex-start;padding:90px 35px 24px;display:flex;position:fixed;inset:0}.settings-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:350px;max-width:100%;max-height:100%;padding:24px;overflow:auto;box-shadow:0 20px 80px #0005}.settings-heading{justify-content:space-between;align-items:center;display:flex}.settings-panel h2{letter-spacing:-.6px;margin:0;font-size:20px;font-weight:500}.settings-panel p{color:var(--muted);margin:4px 0 25px;font-size:12px;line-height:1.7}.settings-panel label{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-size:12px;display:flex}.settings-panel select{background:var(--bg);max-width:145px;color:var(--fg);border:1px solid var(--line);border-radius:5px;padding:7px;font-size:12px}.settings-panel input{accent-color:var(--accent)}.settings-panel input[type=color]{background:0 0;border:0;width:35px;height:28px;padding:0}.settings-panel input[type=checkbox]{width:17px;height:17px}.settings-panel .settings-note{margin:18px 0 0;font-size:10px}.font-mono .digits{letter-spacing:-.07em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(48px,16vw,280px);font-weight:400}.font-rounded .digits{letter-spacing:-.04em;font-family:ui-rounded,Arial Rounded MT Bold,Arial,sans-serif;font-weight:800}.font-mono .mode-stopwatch .digits{font-size:clamp(40px,13vw,220px)}.font-mono .mode-hourglass .digits{font-size:clamp(44px,6vw,88px)}@keyframes sand-fall{to{stroke-dashoffset:-10px}}@keyframes glass-in{0%{opacity:.2;transform:rotate(-180deg)}to{opacity:1;transform:rotate(0)}}@media (min-width:1500px){.time-app{padding:40px 64px 28px}.time-main{min-height:70vh}}@media (max-width:600px){.time-app{padding:24px 18px 20px}.brand{letter-spacing:4px;font-size:18px}.brand span{letter-spacing:1.3px;font-size:6px}.top-actions{gap:3px}.time-app .fullscreen{gap:7px;padding:11px;font-size:10px}.time-nav{justify-content:space-between;gap:0;width:100%;max-width:390px;margin-top:36px}.time-nav button{gap:5px;padding:10px 9px;font-size:10px}.time-nav svg{width:13px}.time-main{min-height:60vh;padding:38px 0}.eyebrow{letter-spacing:2px;margin-bottom:25px;font-size:8px}.digits{font-size:17vw}.digits .period{margin-left:8px}.clock-date{letter-spacing:.1px;margin-top:22px;font-size:11px}.mode-controls{margin-top:32px}.time-footer{letter-spacing:.8px;justify-content:center;font-size:7px}.time-footer>span:first-child{display:none}.time-notice{font-size:11px}.mode-stopwatch .digits{font-size:14vw}.milliseconds{margin-left:5px}.hourglass{width:125px;height:163px}.settings-backdrop{padding:80px 15px 20px}.settings-panel{width:100%}.duration-fields input{width:65px}.presets{gap:4px}.presets button{padding:9px 10px}}@media (max-height:600px) and (orientation:landscape){.time-app{padding:14px 25px}.brand span,.time-footer{display:none}.time-nav{margin-top:8px}.time-main{min-height:0;padding:18px 0}.eyebrow{margin-bottom:12px}.digits{font-size:18vh}.clock-date{margin-top:10px}.mode-controls{margin-top:14px}.duration-fields{margin-bottom:12px}.duration-fields input{padding:6px}.hourglass{width:70px;height:91px;margin-bottom:7px}.mode-hourglass .digits{font-size:32px}.mode-hourglass .eyebrow{display:none}.mode-hourglass .mode-controls{margin-top:12px}.presets{margin-bottom:12px}.time-notice{margin-bottom:0}.progress{margin-top:12px}.time-app:-webkit-full-screen .digits{font-size:22vh}.time-app:fullscreen .digits{font-size:22vh}}@media (prefers-reduced-motion:reduce){.time-app *{transition:none!important;animation:none!important}}.time-app:-webkit-full-screen .mode-stopwatch .digits{font-size:min(14vw,30vh)}.time-app:fullscreen .mode-stopwatch .digits{font-size:min(14vw,30vh)}.time-app:-webkit-full-screen .mode-hourglass .digits{font-size:min(6vw,12vh)}.time-app:fullscreen .mode-hourglass .digits{font-size:min(6vw,12vh)}.immersive .time-header{z-index:3;position:absolute;top:24px;left:28px;right:28px}.immersive .time-nav{z-index:3;margin-top:0;position:absolute;top:90px;left:50%;transform:translate(-50%)}.immersive .time-main{padding:135px 0 65px}.immersive .time-footer{position:absolute;bottom:24px;left:28px;right:28px}.immersive .time-notice{position:absolute;bottom:38px;left:20px;right:20px}.immersive .mode-clock .stage{position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (max-width:600px){.immersive .time-nav{max-width:calc(100% - 36px)}.immersive .time-header{left:18px;right:18px}}@media (max-height:600px) and (orientation:landscape){.immersive .time-nav{top:65px}.immersive .time-main{padding-top:100px;padding-bottom:20px}.immersive .mode-clock .stage{top:58%}.time-app:-webkit-full-screen .mode-hourglass .digits{font-size:30px}.time-app:fullscreen .mode-hourglass .digits{font-size:30px}}