@font-face{font-family:Kosugi;src:url(../fonts/KosugiMaru.woff2) format("woff2");font-display:swap}@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: "LXGW", "Microsoft YaHei", "PingFang SC", sans-serif;--bg-color: #000000;--text-color: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .65);--toolbar-bg: rgba(255, 255, 255, .08);--toolbar-border: rgba(255, 255, 255, .15);--toolbar-hover: rgba(255, 255, 255, .12);--toolbar-border-hover: rgba(255, 255, 255, .25);--divider-color: rgba(255, 255, 255, .2);--time-hover: .9;--modal-bg: rgba(0, 0, 0, .7);--modal-content-bg: #1a1a1a;--modal-border: rgba(255, 255, 255, .15)}[data-theme=light]{--bg-color: #ffffff;--text-color: #000000;--text-secondary: rgba(0, 0, 0, .85);--text-tertiary: rgba(0, 0, 0, .65);--toolbar-bg: rgba(0, 0, 0, .06);--toolbar-border: rgba(0, 0, 0, .12);--toolbar-hover: rgba(0, 0, 0, .08);--toolbar-border-hover: rgba(0, 0, 0, .2);--divider-color: rgba(0, 0, 0, .15);--time-hover: .85;--modal-bg: rgba(255, 255, 255, .7);--modal-content-bg: #f5f5f5;--modal-border: rgba(0, 0, 0, .12)}body{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);overflow:hidden;user-select:none;-webkit-user-select:none;transition:background-color .4s ease,color .4s ease}#time{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);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:hover{opacity:var(--time-hover)}#time.dimmed{opacity:.3!important}.colon{display:inline-block;transform:translateY(-8%);transition:transform .5s cubic-bezier(.4,0,.2,1)}#time.hide-seconds .seconds-part{display:none}body[data-font=SourceSans] #time,body[data-font=SourceSans] .date-num{font-family:SourceSans,monospace;font-weight:700}body[data-font=SourceSans] #time{font-size:clamp(3.5rem,23vw,24rem);letter-spacing:2px}body[data-font=SourceSans] #time.hide-seconds{font-size:clamp(5rem,36vw,42rem)}body[data-font=Kosugi] #time,body[data-font=Kosugi] .date-num{font-family:Kosugi,monospace;font-weight:700}body[data-font=Kosugi] #time{font-size:clamp(3.5rem,22vw,24rem);letter-spacing:0px}body[data-font=Kosugi] #time.hide-seconds{font-size:clamp(5rem,35vw,42rem)}#date{font-size:clamp(1.5rem,4vw,6rem);letter-spacing:1px;opacity:.85;text-align:center;position:absolute;top:calc(50% + clamp(3rem,19vw,18rem)/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}#date.dimmed{opacity:.3!important}#date.hidden{display:none}.date-cn{font-family:var(--cn-font);font-weight:400}#toolbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:10px;padding:12px 14px;background:var(--toolbar-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid var(--toolbar-border);z-index:100;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:1;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{padding:8px 14px;font-size:.85rem;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-weight:500;color:var(--text-tertiary);background:transparent;border:1px solid var(--toolbar-border);border-radius:8px;cursor:pointer;transition:all .25s ease;-webkit-user-select:none;user-select:none;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.toolbar-btn:hover{color:var(--text-color);background:var(--toolbar-hover);border-color:var(--toolbar-border-hover)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.toolbar-btn.hidden{display: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:-1;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible;z-index:1000}.modal-content{background:var(--modal-content-bg);border:1px solid var(--modal-border);border-radius:16px;padding:32px 40px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;transform:scale(.9) translateY(20px);transition:all .3s ease}.modal-overlay.active .modal-content{transform:scale(1) translateY(0)}.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:12px;font-size:.95rem;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-weight:500;color:var(--text-color);background:var(--toolbar-hover);border:1px solid var(--toolbar-border);border-radius:8px;cursor:pointer;transition:all .25s ease}.modal-close:hover{background:var(--toolbar-border-hover)}.modal-buttons{display:flex;gap:12px;margin-top:24px}.modal-btn{flex:1;padding:12px;font-size:.95rem;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-weight:500;border-radius:8px;cursor:pointer;transition:all .25s ease}.modal-btn-confirm{color:#fff;background:#e74c3c;border:1px solid #c0392b}.modal-btn-confirm:hover{background:#c0392b}.modal-btn-cancel{color:var(--text-color);background:var(--toolbar-hover);border:1px solid var(--toolbar-border)}.modal-btn-cancel:hover{background:var(--toolbar-border-hover)}#btn-reset{color:#e74c3c;border-color:#e74c3c66}#btn-reset:hover{background:#e74c3c26;border-color:#e74c3c99}[data-theme=light] #btn-reset{color:#c0392b;border-color:#c0392b66}[data-theme=light] #btn-reset:hover{background:#c0392b1a;border-color:#c0392b99}body.preload *{transition:none!important}