:root{--bg-color: #ffffff;--text-color: #000000;--border-color: #000000;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--time-size: 100px;--date-size: 36px;--lunar-size: 22px;--padding-min: 12px}.dark-theme{--bg-color: #000000;--text-color: #ffffff;--border-color: #ffffff}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color .3s,color .3s}.rotate-90{transform:rotate(90deg);transform-origin:center center;width:100vh;height:100vw;position:absolute;top:50%;left:50%;margin-left:-50vh;margin-top:-50vw}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loading__content{text-align:center}.loading__text{font-size:1.2rem;opacity:.7}.app{text-align:center;padding:var(--padding-min);padding-top:max(var(--padding-min),env(safe-area-inset-top));padding-right:max(var(--padding-min),env(safe-area-inset-right));padding-bottom:max(var(--padding-min),env(safe-area-inset-bottom));padding-left:max(var(--padding-min),env(safe-area-inset-left));width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.clock{width:100%;max-width:100%;height:100%;max-height:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.clock>*+*{margin-top:.5em}.clock__time{font-size:5rem;font-size:var(--time-size);font-weight:500;line-height:1.2;letter-spacing:.02em;max-width:100%;overflow:hidden}.clock__hms{display:inline-flex;align-items:baseline}.clock__ampm{font-size:.4em;font-weight:400;vertical-align:baseline}.clock__ampm--left{margin-right:.15em}.clock__ampm--right{margin-left:.15em}.locale-en .clock__ampm--left,.locale-zh .clock__ampm--right{display:none}.clock__second{font-size:.6em;vertical-align:baseline}.clock__date{font-size:1.3rem;font-size:var(--date-size);opacity:.7}.clock__date-left{display:inline-block}.clock__lunar{font-size:1.1rem;font-size:var(--lunar-size);opacity:.6}.format-nosec .clock__second{display:none}.settings-btn{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));background:transparent;border:none;cursor:pointer;padding:8px;opacity:0;font-size:20px;color:var(--text-color);display:flex;align-items:center;justify-content:center;transition:opacity .3s;z-index:100}.settings-btn:hover,.settings-btn:focus{opacity:1}.settings-btn.visible{opacity:1}.settings-btn svg{width:20px;height:20px}body.rotate-90 .settings-btn{top:auto;left:auto;bottom:max(12px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right));transform:rotate(90deg)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal[hidden]{display:none}.modal__content{background-color:var(--bg-color);color:var(--text-color);border-radius:12px;max-width:400px;width:calc(100% - 32px);max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.3)}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.modal__header h2{font-size:1.2rem;font-weight:500}.modal__close-btn{background:transparent;border:none;cursor:pointer;padding:4px;color:var(--text-color);opacity:.7}.modal__close-btn:hover{opacity:1}.modal__close-btn svg{width:24px;height:24px}.modal__body{padding:16px 20px}.setting-item__group{display:flex;flex-direction:column}.setting-item__group>*+*{margin-top:16px}.setting-item{display:flex;justify-content:space-between;align-items:center}.setting-item label{font-size:14px}.setting-item__label-group{display:flex;flex-direction:column}.setting-item__label-group small{font-size:11px;opacity:.6}.setting-select{padding:8px 12px;font-size:14px;border:1px solid var(--border-color);background:transparent;color:var(--text-color);border-radius:6px;cursor:pointer;max-width:50%}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.switch__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);opacity:.3;transition:.3s;border-radius:24px}.switch__slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--bg-color);transition:.3s;border-radius:50%}.switch input:checked+.switch__slider{opacity:1}.switch input:checked+.switch__slider:before{transform:translate(20px)}.segment-control{display:inline-flex;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.segment-control__btn{padding:6px 14px;border:none;background:transparent;color:var(--text-color);cursor:pointer;font-size:14px;transition:background-color .2s,color .2s}.segment-control__btn:not(:last-child){border-right:1px solid var(--border-color)}.segment-control__btn--active{background:var(--text-color);color:var(--bg-color)}.number-control{display:inline-flex;align-items:center;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.number-control__btn{width:32px;height:32px;border:none;background:transparent;color:var(--text-color);cursor:pointer;font-size:18px;font-weight:700}.number-control__btn:hover{background:var(--text-color);color:var(--bg-color)}.number-control input{width:50px;height:32px;border:none;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);background:transparent;color:var(--text-color);text-align:center;font-size:14px}.number-control input::-webkit-inner-spin-button,.number-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-control input[type=number]{-moz-appearance:textfield}.modal__footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap}.modal__footer>*{margin-right:12px;margin-bottom:12px}.modal__footer>*:last-child{margin-right:0}.link-btn{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);text-decoration:none;font-size:14px;transition:background-color .2s,color .2s}.link-btn:hover{background:var(--text-color);color:var(--bg-color)}.link-btn svg{margin-right:4px}.version-info{margin-top:16px;text-align:center;font-size:12px;opacity:.5}#toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%);background-color:var(--text-color);color:var(--bg-color);padding:8px 16px;border-radius:4px;font-size:14px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:1001;max-width:80%;text-align:center}#toast.show{opacity:.9;visibility:visible}noscript{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-color);color:var(--text-color);z-index:10000}noscript div{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;padding:20px}noscript h2{margin-bottom:20px;font-size:24px}noscript p{margin-bottom:10px;font-size:18px}@media(max-width:400px){.modal__content{width:calc(100% - 16px);max-height:calc(100vh - 16px)}.setting-item{flex-direction:column;align-items:flex-start}.setting-item>*+*{margin-top:8px}.setting-select{max-width:100%;width:100%}.segment-control{width:100%;justify-content:center}.segment-control__btn{flex:1;text-align:center}}@media(min-width:401px)and (max-width:600px){.setting-select{max-width:60%}}