.g-side-tools.g-left-tools{overflow-y:auto;scrollbar-width:none}
.g-app .g-timer-rail{position:relative;flex:none;z-index:10;writing-mode:horizontal-tb;flex-direction:column;width:38px;height:74px;min-height:74px;padding:5px 1px;gap:4px;letter-spacing:0}.g-timer-rail>span:first-child{writing-mode:vertical-rl;letter-spacing:.15em;font-size:13px}.g-timer-mini{font:600 9px/1.3 system-ui,sans-serif;letter-spacing:0;font-variant-numeric:tabular-nums}.g-timer-rail.is-running{color:#f2d381;border-color:#b5a16a;background:#38372de8}.g-timer-rail.is-finished{color:#fff0dc;background:#8a2426;border-color:#f0856f}
.g-timer-panel{position:absolute;left:46px;top:8px;z-index:30;width:348px;max-height:calc(var(--g-viewport-height,100dvh) - 24px);padding:12px;border:1px solid #a1a49a88;border-radius:9px;background:#10181df5;color:#eee9db;backdrop-filter:blur(10px);box-shadow:0 4px 22px #0006;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.g-timer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.g-timer-panel h2{font-size:16px;font-weight:500;line-height:1.5;margin:0;color:#eee9db}.g-timer-panel #gTimerClose{min-height:28px;width:28px;height:28px;padding:0;border:0;background:transparent;color:#bcc1bd;font-size:22px}.g-timer-panel .g-button{min-height:36px;padding:6px 10px;border-radius:6px;font-size:13px}.g-timer-modes,.g-timer-presets,.g-timer-actions{display:flex;gap:7px;margin-top:10px}.g-timer-modes .g-button,.g-timer-actions .g-button{flex:1}.g-timer-modes .g-button[aria-pressed=true]{background:#4b4938;border-color:#d9c078;color:#fff1b5}.g-timer-display{display:block;text-align:center;font:600 56px/1.25 ui-monospace,Consolas,monospace;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#f1d795;margin:10px 0 4px}.g-timer-panel progress{display:block;width:100%;height:5px;accent-color:#e1c47c;border:0;border-radius:4px;overflow:hidden}.g-timer-panel progress::-webkit-progress-bar{background:#303b3c}.g-timer-panel progress::-webkit-progress-value{background:#e1c47c}.g-timer-panel progress::-moz-progress-bar{background:#e1c47c}.g-timer-inputs{display:flex;gap:12px;margin-top:12px}.g-timer-inputs label{display:flex;flex:1;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:7px;font-size:12px;color:#bfc4bc}.g-timer-panel input[type=number]{width:70px;min-width:0;height:36px;min-height:36px;padding:5px 6px;border:1px solid #68716a;border-radius:5px;background:#080e11;color:#f3eddb;font-size:16px}.g-timer-presets{flex-wrap:wrap}.g-timer-presets .g-button{flex:1;padding:4px;white-space:nowrap;font-size:12px}.g-timer-panel label.g-timer-sound{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:12px;color:#bac3bc}.g-timer-sound input{width:15px;height:15px;margin:0;accent-color:#e1c47c}.g-timer-status{font-size:12px;line-height:1.5;color:#b5beb7;margin:8px 0 0;height:36px;min-height:36px;overflow:auto;overflow-wrap:anywhere}.g-timer-panel.is-finished{border-color:#e78170}.g-timer-panel.is-finished .g-timer-display,.g-timer-panel.is-finished .g-timer-status{color:#ffb1a0}.g-timer-panel button:disabled{opacity:.5;cursor:default}
@media(max-width:700px){.g-app .g-timer-rail{width:32px}.g-timer-panel{left:40px;right:40px;width:auto;max-height:calc(var(--g-viewport-height,100dvh) - 16px);padding:10px}.g-timer-display{font-size:48px}.g-timer-panel .g-button{min-height:40px}.g-timer-presets{gap:4px}.g-timer-presets .g-button{font-size:11px}.g-timer-inputs{gap:8px}.g-timer-panel input[type=number]{width:60px}}
@media(max-height:500px){.g-left-tools{gap:4px}.g-left-tools .g-rail-button:not(.g-timer-rail){height:40px;min-height:40px;padding:4px 6px;line-height:1.1;writing-mode:horizontal-tb;letter-spacing:0}.g-app .g-timer-rail{height:44px;min-height:44px;padding:3px 1px;gap:2px}.g-timer-rail>span:first-child{writing-mode:horizontal-tb;font-size:12px}.g-timer-panel{padding:9px 12px}.g-timer-display{font-size:40px;margin-block:4px}.g-timer-modes,.g-timer-presets,.g-timer-actions{margin-top:6px}.g-timer-inputs{margin-top:6px}.g-timer-panel label.g-timer-sound{margin-top:7px}.g-timer-status{margin-top:5px}.g-timer-panel .g-button{min-height:32px}}
@media print{.g-timer-panel,.g-timer-rail{display:none!important}}
.g-timer-options{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px}.g-timer-panel .g-timer-options label.g-timer-sound{margin:0;white-space:nowrap}
.g-timer-center{position:absolute;left:50%;top:58%;z-index:2;display:flex;align-items:center;justify-content:center;gap:9px;padding:5px 12px;border-radius:8px;transform:translateX(-50%);pointer-events:none;user-select:none;color:#f6f5f1;max-width:calc(100% - 20px);white-space:nowrap}
.g-timer-center-display{font:650 clamp(20px,calc(var(--token-size,112px)*.3),34px)/1.2 "Microsoft YaHei","PingFang SC",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.g-timer-hourglass{display:block;flex:none;width:25px;height:29px;transform-origin:50% 50%}
.g-timer-center[hidden] .g-timer-hourglass{animation:none!important}
.g-timer-center.is-paused{color:#d4cec0}.g-timer-center.is-finished{color:#ffb1a0;border-color:#e7817066}
@media(prefers-reduced-motion:no-preference){.g-timer-center .g-timer-hourglass{animation:g-timer-hourglass-flip 2.8s cubic-bezier(.4,0,.2,1) infinite;animation-play-state:paused}.g-timer-center.is-animating .g-timer-hourglass{animation-play-state:running}.g-timer-center.is-finished .g-timer-hourglass{animation:none}}
@keyframes g-timer-hourglass-flip{0%{transform:rotate(0deg)}28%,100%{transform:rotate(180deg)}}
@media print{.g-timer-center{display:none!important}}