*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,textarea,select,button{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1}a{color:#55f;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;background:transparent;border:none}button:disabled{cursor:not-allowed;opacity:.5}hr{border:0;height:1px;background-image:linear-gradient(to right,#0000,#000000bf,#0000)}.dark-theme hr{background-image:linear-gradient(to right,#fff0,#ffffffbf,#fff0)}.app{width:100%;height:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}.text-center{text-align:center}.text-muted,.dark-theme .text-muted{color:#9e9e9e}.invert-colors{filter:invert(1)}.light-theme{background-color:#fff;color:#212121}.light-theme a{color:#55f}.dark-theme{background-color:#000;color:#fff}.dark-theme a{color:#77f}.banner{z-index:1000;position:fixed;display:none;width:100%;top:0;left:0;padding:.25rem;text-align:center;background-color:#212121;color:#fff}body.rotate-90 .banner{width:100vh;top:0;right:0;left:auto;transform-origin:top right;transform:rotate(90deg);z-index:1001}.clock{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;height:100dvh;padding:max(1.5vh,env(safe-area-inset-top)) max(1.5vw,env(safe-area-inset-right)) max(1.5vh,env(safe-area-inset-bottom)) max(1.5vw,env(safe-area-inset-left));font-family:var(--font-clock, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);-webkit-user-select:none;user-select:none;overflow:hidden}.clock h1,.clock h2,.clock h3,.clock h4,.clock h5,.clock p{padding:0;margin:0}body.rotate-90 .clock{position:fixed;width:100vh;height:100vw;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center center;overflow:hidden;margin:0;padding:0;z-index:1}.clock__time{margin:0;padding:0;width:100%;display:flex;justify-content:center;align-items:baseline;white-space:nowrap;line-height:1}.clock__ampm{font-size:.4em;font-weight:700;line-height:1;vertical-align:baseline}.clock__ampm--left{margin-right:.15em}.clock__ampm--right{margin-left:.15em}.locale-zh .clock__ampm--right,.locale-en .clock__ampm--left{display:none}.clock__hms{margin:0;padding:0;font-weight:900;display:flex;align-items:baseline}.clock__hour,.clock__minute{padding:0;margin:0}.clock__second{font-size:.5em;padding-left:.1em}.clock__date,.clock__lunar{display:block;width:100%;text-align:center;white-space:nowrap;font-weight:600;font-style:italic}.clock__date-left,.clock__week{padding:0 .5em}.clock.format-24h.format-sec .clock__hms{font-size:var(--dynamic-time-size, clamp(12vw, 22vw, 50vh))}.clock.format-24h.format-nosec .clock__hms{font-size:var(--dynamic-time-size, clamp(18vw, 35vw, 70vh))}.clock.format-12h.format-sec .clock__hms{font-size:var(--dynamic-time-size, clamp(10vw, 18vw, 42vh))}.clock.format-12h.format-nosec .clock__hms{font-size:var(--dynamic-time-size, clamp(16vw, 28vw, 58vh))}.clock__date{font-size:var(--dynamic-date-size, clamp(4vw, 6vw, 12vh));margin-top:.15em}.clock__lunar{font-size:var(--dynamic-lunar-size, clamp(3vw, 4vw, 8vh));margin-top:.1em}@media(orientation:landscape){.clock.format-24h.format-sec .clock__hms{font-size:var(--dynamic-time-size, clamp(10vh, 20vh, 50vw))}.clock.format-24h.format-nosec .clock__hms{font-size:var(--dynamic-time-size, clamp(16vh, 32vh, 70vw))}.clock.format-12h.format-sec .clock__hms{font-size:var(--dynamic-time-size, clamp(8vh, 16vh, 42vw))}.clock.format-12h.format-nosec .clock__hms{font-size:var(--dynamic-time-size, clamp(14vh, 26vh, 58vw))}.clock__date{font-size:var(--dynamic-date-size, clamp(4vh, 6vh, 12vw));margin-top:.15em}.clock__lunar{font-size:var(--dynamic-lunar-size, clamp(3vh, 4vh, 8vw));margin-top:.1em}}body.rotate-90 .clock{padding:max(1.5vw,env(safe-area-inset-top)) max(1.5vh,env(safe-area-inset-right)) max(1.5vw,env(safe-area-inset-bottom)) max(1.5vh,env(safe-area-inset-left))}body.rotate-90 .clock.format-24h.format-sec .clock__hms{font-size:var(--dynamic-time-size, clamp(10vh, 20vh, 50vw))}body.rotate-90 .clock.format-24h.format-nosec .clock__hms{font-size:var(--dynamic-time-size, clamp(16vh, 32vh, 70vw))}body.rotate-90 .clock.format-12h.format-sec .clock__hms{font-size:var(--dynamic-time-size, clamp(8vh, 16vh, 42vw))}body.rotate-90 .clock.format-12h.format-nosec .clock__hms{font-size:var(--dynamic-time-size, clamp(14vh, 26vh, 58vw))}body.rotate-90 .clock__date{font-size:var(--dynamic-date-size, clamp(4vh, 6vh, 12vw));margin-top:.15em}body.rotate-90 .clock__lunar{font-size:var(--dynamic-lunar-size, clamp(3vh, 4vh, 8vw));margin-top:.1em}.error-boundary{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;display:flex;align-items:center;justify-content:center;padding-top:max(16px,env(safe-area-inset-top));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));opacity:0;pointer-events:none;transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.error-boundary.visible{opacity:1;pointer-events:auto}.error-boundary__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#00000080;cursor:pointer}.dark-theme .error-boundary__overlay{background-color:#000000b3}.error-boundary__content{position:relative;max-width:90vw;min-width:280px;max-height:calc(100vh - max(32px,2 * env(safe-area-inset-top)) - max(32px,2 * env(safe-area-inset-bottom)));padding:1rem 1.25rem;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;overflow:hidden}.light-theme .error-boundary__content{background-color:#fff;border:1px solid #e0e0e0;color:#757575}.dark-theme .error-boundary__content{background-color:#1a1a1a;border:1px solid #424242;color:#bdbdbd}.error-boundary__icon{font-size:1.25rem;text-align:center;margin-bottom:.5rem}.error-boundary__message{font-size:.875rem;text-align:center;line-height:1.5;margin-bottom:.5rem}.error-boundary__close{position:absolute;top:.5rem;right:.5rem;font-size:1.5rem;cursor:pointer;padding:.5rem;line-height:1;border-radius:4px;border-width:1px;border-style:solid;transition-property:all;transition-duration:.25s;transition-timing-function:ease-out}.light-theme .error-boundary__close{background-color:#8080801a;border-color:#e0e0e0;color:#757575}.light-theme .error-boundary__close:hover{background-color:#80808033}.dark-theme .error-boundary__close{background-color:#ffffff1a;border-color:#424242;color:#bdbdbd}.dark-theme .error-boundary__close:hover{background-color:#fff3}.error-boundary__details{font-size:.75rem;opacity:.7;overflow:hidden;display:flex;flex-direction:column;min-height:0}.error-boundary__details summary{cursor:pointer;text-align:center;padding:.25rem 0;flex-shrink:0}.error-boundary__details summary:hover{opacity:1}.error-boundary__details[open]{display:flex;flex-direction:column;flex:1;min-height:0}.error-boundary__detail-content{margin:.5rem 0 0;padding:.5rem;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.75rem;white-space:pre-wrap;word-break:break-all;max-height:calc(100vh - 200px - max(32px,2 * env(safe-area-inset-top)) - max(32px,2 * env(safe-area-inset-bottom)));overflow-y:auto;flex:1;min-height:80px}.light-theme .error-boundary__detail-content{background-color:#8080801a}.dark-theme .error-boundary__detail-content{background-color:#ffffff1a}.link-btn{display:inline-flex;align-items:center;color:inherit;text-decoration:none;font-size:.875rem;opacity:.7;padding:.5rem 1rem;border-radius:9999px;background-color:#8080801a;transition-property:all;transition-duration:.25s;transition-timing-function:ease-out;margin:6px}.dark-theme .link-btn{background-color:#ffffff1a}.link-btn:hover{opacity:1;background-color:#80808033;text-decoration:none}.dark-theme .link-btn:hover{background-color:#fff3}.link-btn svg{margin-right:4px;vertical-align:middle}.loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:2147483647;background-color:#fff}.dark-theme .loading{background-color:#1a1a1a}.loading__content{text-align:center;padding:1.25rem;font-size:1.125rem;color:#757575}.dark-theme .loading__content{color:#bdbdbd}.loading__text{display:block}.loading__device{display:none;font-size:.875rem;color:#9e9e9e;margin-top:.5rem}.loading__warning{display:none;font-size:.875rem;color:#f59e0b;margin-top:.75rem;padding:.5rem .75rem;background-color:#f59e0b1a;border-radius:4px}.dark-theme .loading__warning{color:#f7b13c;background-color:#f59e0b33}.loading__error{color:#ef4444}.dark-theme .loading__error{color:#f15757}.loading__error-message{font-size:1.125rem;margin-bottom:1rem}.loading__error-details{text-align:left;font-size:.875rem;color:#757575;cursor:pointer}.dark-theme .loading__error-details{color:#bdbdbd}.loading__error-details summary{margin-bottom:.5rem;outline:none}.loading__error-details summary:focus{outline:2px solid currentColor;outline-offset:2px}.loading__error-details pre{background-color:#8080801a;padding:.75rem;border-radius:4px;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.75rem;line-height:1.5;max-width:80vw;max-height:60vh;overflow:auto}.dark-theme .loading__error-details pre{background-color:#ffffff1a}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001}.dark-theme .modal{background-color:#000000b3}.modal[hidden]{display:none}.modal__content{width:90%;max-width:400px;max-height:90vh;max-height:90dvh;height:auto;overflow:hidden;border-radius:16px;padding:1.5rem;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column}.light-theme .modal__content{background-color:#fff;color:#212121}.dark-theme .modal__content{background-color:#1a1a1a;color:#fff;border:1px solid #424242}.modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-shrink:0}.modal__header h2{margin:0;font-size:1.25rem;font-weight:600}.modal__close-btn{background:transparent;border:none;cursor:pointer;padding:.25rem;color:inherit;opacity:.6;transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.modal__close-btn:hover{opacity:1}.modal__body{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.3) transparent}.modal__body::-webkit-scrollbar{width:4px;height:4px}.modal__body::-webkit-scrollbar-track{background:transparent}.modal__body::-webkit-scrollbar-thumb{background-color:#8080804d;border-radius:4px}.modal__footer{margin-top:2rem;margin-bottom:1rem;text-align:center}@media(max-width:480px){.modal__content{width:100%;height:100%;max-height:100%;max-width:100%;border-radius:0;padding-top:max(1rem,env(safe-area-inset-top));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left))}.modal__body{margin-right:0;padding-right:0}}.number-control{display:flex;align-items:center;background-color:#8080801a;border-radius:8px;padding:2px}.dark-theme .number-control{background-color:#ffffff1a}.number-control__btn{border:none;background:transparent;width:32px;height:32px;cursor:pointer;font-size:1.25rem;color:inherit;display:flex;justify-content:center;align-items:center}.number-control__btn:hover{background-color:#80808033;border-radius:4px}.dark-theme .number-control__btn:hover{background-color:#fff3}.number-control input{width:40px;text-align:center;border:none;background:transparent;font-size:1rem;color:inherit;font-weight:500;-moz-appearance:textfield}.number-control input::-webkit-outer-spin-button,.number-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.segment-control{display:flex;background-color:#8080801a;border-radius:8px;padding:2px}.dark-theme .segment-control{background-color:#ffffff1a}.segment-control__btn{border:none;background:transparent;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.875rem;color:inherit;opacity:.7;transition-property:all;transition-duration:.25s;transition-timing-function:ease-out}.segment-control__btn.segment-control__btn--active{background-color:#fff;box-shadow:0 1px 2px #0000000d;opacity:1;font-weight:500}.dark-theme .segment-control__btn.segment-control__btn--active{background-color:#424242}.segment-control__btn:hover:not(.segment-control__btn--active){opacity:.9}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #eeeeee}.setting-item:last-child{border-bottom:none}.dark-theme .setting-item{border-bottom-color:#616161}.setting-item label{font-size:1rem;font-weight:500}.setting-item__label-group{display:flex;flex-direction:column}.setting-item__label-group small{font-size:.75rem;opacity:.6;margin-top:.25rem}.setting-select{padding:.5rem 2rem .5rem .75rem;border-radius:8px;border:1px solid #e0e0e0;background-color:#8080801a;color:inherit;font-size:.875rem;font-family:inherit;outline:none;min-width:140px;max-width:200px;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.dark-theme .setting-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-color:#ffffff1a;border-color:#424242}.dark-theme .setting-select option{background-color:#1a1a1a;color:#fff}.version-info{text-align:center;padding-bottom:1.5rem;opacity:.4;font-size:.75rem}.settings-btn{position:fixed;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));background:transparent;border:none;cursor:pointer;padding:.5rem;z-index:100;opacity:0;transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out;color:inherit}.settings-btn.visible,.settings-btn:hover{opacity:1}body.rotate-90 .settings-btn{top:auto;left:auto;bottom:max(1rem,env(safe-area-inset-bottom));right:max(1rem,env(safe-area-inset-right));transform:rotate(90deg)}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.switch .switch__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#bdbdbd;transition-property:all;transition-duration:.25s;transition-timing-function:ease-out;border-radius:9999px}.dark-theme .switch .switch__slider{background-color:#616161}.switch .switch__slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition-property:all;transition-duration:.25s;transition-timing-function:ease-out;border-radius:50%}.switch input:checked+.switch__slider{background-color:#55f}.switch input:checked+.switch__slider:before{transform:translate(22px)}.switch input:focus+.switch__slider{outline:2px solid currentColor;outline-offset:2px}.toast-container{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;align-items:center;pointer-events:none}.toast{padding:.75rem 1.25rem;border-radius:8px;font-size:.875rem;text-align:center;max-width:90vw;min-width:200px;box-shadow:0 10px 25px #00000026;opacity:0;transform:translateY(20px);transition-property:all;transition-duration:.25s;transition-timing-function:ease-out;margin-top:.5rem}.toast.toast--visible{opacity:1;transform:translateY(0)}.light-theme .toast.toast-info{background-color:#212121;color:#fff}.dark-theme .toast.toast-info{background-color:#f5f5f5;color:#212121}.toast.toast-warning{background-color:#f59e0b;color:#fff}.toast.toast-error{background-color:#ef4444;color:#fff}.container{max-width:800px;margin:0 auto;padding:1.25rem}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eeeeee;padding-bottom:1.25rem;margin-bottom:30px}.dark-theme header{border-bottom-color:#616161}header h1{font-size:1.5rem;margin:0}header .back-btn{padding:.5rem 1rem;border:1px solid currentColor;border-radius:4px;text-decoration:none;font-size:.875rem;transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}header .back-btn:hover{opacity:.7}section{margin-bottom:40px}section h2{font-size:1.25rem;margin-bottom:15px;border-left:4px solid currentColor;padding-left:10px}section h3{font-size:1.125rem;margin-top:20px;margin-bottom:10px;opacity:.9}section ul,section ol{padding-left:20px}section ul li,section ol li{margin-bottom:10px}section code{background:#8080801a;padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:1.1em;font-weight:700}.dark-theme section code{background:#ffffff1a}.feature-list li strong{display:inline-block;min-width:140px;margin-right:.5rem}.links{margin-top:1.25rem}.links p{margin-bottom:10px}.copyright{margin-top:40px;font-size:.875rem;opacity:.6;text-align:center}@media(max-width:480px){.feature-list li strong{display:block;margin-bottom:4px}}body{overflow:hidden}
