:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#dce5f6;background:#0b1221;color-scheme:dark;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 5%,#1d3259 0,transparent 65%),#0b1221;display:flex;flex-direction:column}header,footer{max-width:1100px;width:100%;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;color:#8a9bb5;font-size:14px}.logo{display:flex;align-items:center;gap:10px;color:#edf3ff;text-decoration:none}.logo b{font-size:20px;letter-spacing:.1em}.logo-mark{font-size:30px;color:#86aefb}.logo small{font-size:12px;letter-spacing:.1em;color:#8a9bb5;margin-left:5px}main{flex:1;text-align:center;padding:35px 24px 28px}.eyebrow{font-size:14px;color:#a6b5cb;letter-spacing:.05em}h1{font-size:clamp(28px,5vw,44px);font-weight:550;letter-spacing:-.04em;margin:16px 0 36px}.timer-card{width:480px;max-width:100%;margin:auto;border:1px solid #b7cef11b;border-radius:28px;padding:28px 32px;background:linear-gradient(140deg,#ffffff09,#ffffff03);box-shadow:0 25px 70px #0003}.modes{display:flex;gap:8px;justify-content:center}.modes button{border:0;background:none;color:#a1afc8;padding:10px 18px;border-radius:30px;font-size:14px}.modes button.active{background:#8aabec20;color:#c4d7ff}button,input{font:inherit}button{cursor:pointer}#timer{font-size:clamp(62px,10vw,94px);font-variant-numeric:tabular-nums;font-weight:350;letter-spacing:-.06em;margin:32px 0 16px;line-height:1.1;color:#f1f5ff}#timer-caption{font-size:14px;color:#9eadc7;min-height:24px;margin:0 0 28px}.actions{display:flex;justify-content:center;gap:12px}.actions button{border:1px solid #ffffff15;border-radius:12px;padding:12px 18px;color:#e9f1ff;background:#ffffff05}.actions .start{width:165px;background:#a0bdf5;color:#142746;font-weight:550;border-color:transparent}.actions .start:hover{background:#bcd1fb}.custom{margin-top:28px;padding-top:22px;border-top:1px solid #ffffff0d;display:flex;gap:9px;align-items:center;justify-content:center;font-size:14px;color:#91a2bf}.custom input{width:68px;background:#0002;border:1px solid #ffffff17;color:#dce5ff;border-radius:8px;padding:7px;text-align:center}.custom button{border:0;background:none;color:#b3cafa;font-size:14px;padding:7px 10px}.local-note{font-size:13px;color:#7c8fae;margin:24px 0}footer{margin-top:20px;font-size:13px}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #abcaff;outline-offset:3px}@media(max-width:600px){header{padding:22px 20px;align-items:start}.logo small{display:none}#today{font-size:12px;margin-top:8px}main{padding:26px 18px}h1{font-size:30px}.timer-card{padding:24px 18px;border-radius:24px}#timer{font-size:76px}footer{padding:22px 20px}.modes button{padding:9px 16px}}
:root [hidden]{display:none!important}.header-actions{display:flex;align-items:center;gap:18px}.header-link{color:#b3cafa;font-size:13px;white-space:nowrap;border:1px solid #a8c3f326;border-radius:8px;background:#aac5f808;text-decoration:none;padding:8px 12px}.header-link:hover{background:#aac5f81a}.work-summary{display:flex;max-width:480px;margin:0 auto 24px;justify-content:space-between;gap:14px;border-bottom:1px solid #ffffff12;padding-bottom:22px;text-align:left}.work-summary span{display:block;font-size:12px;color:#8fa1be;margin-bottom:8px}.work-summary b{font-size:16px;font-weight:500;color:#c8daf9}dialog{width:420px;max-width:calc(100vw - 32px);border:1px solid #a8c3f32b;border-radius:24px;background:#141f34;color:#edf3ff;padding:30px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#050c19b0;backdrop-filter:blur(6px)}.login-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.login-heading h2{font-size:25px;font-weight:550;margin:8px 0}.login-heading .eyebrow{font-size:10px;letter-spacing:.14em}.login-description{font-size:14px;color:#9dadc7;line-height:1.8;margin:12px 0 24px}#login-form label{display:block;color:#b9c9e2;font-size:13px;margin-top:18px}#login-form input{display:block;width:100%;background:#091225;border:1px solid #a8c3f323;color:#edf3ff;border-radius:10px;padding:13px 14px;margin-top:8px;font-size:15px}#login-form input::placeholder{color:#627590}.login-submit{width:100%;border:0;border-radius:10px;background:#a0bdf5;color:#142746;padding:13px;font-weight:550}#login-message{color:#edb7ac;font-size:13px;min-height:20px;line-height:1.5;margin:12px 0}.login-footnote{font-size:12px;color:#8193ae;line-height:1.7;text-align:center;margin-bottom:0}button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.header-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:62%}.header-actions #today{display:none}.header-link{font-size:12px;padding:8px}.work-summary{gap:8px}.work-summary b{font-size:14px}dialog{padding:26px 22px}.logo{gap:6px}}