.app-root{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);font-family:var(--cn-font);overflow:hidden;user-select:none;-webkit-user-select:none;transition:background-color .4s ease,color .4s ease}@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: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK 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;overflow:hidden;background-color:#000}h1,h2,h3,h4,h5,h6,p,span,div,li,a,button,input,textarea,select,strong,em,b,i{font-family:inherit}#main-content{margin:0;padding:0;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;user-select:none;-webkit-user-select:none}#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.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,#time.hide-seconds .seconds-colon{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,min(23vw,48vh),24rem);letter-spacing:2px}body[data-font=SourceSans] #time.hide-seconds{font-size:clamp(5rem,min(36vw,72vh),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,min(22vw,46vh),24rem);letter-spacing:0px}body[data-font=Kosugi] #time.hide-seconds{font-size:clamp(5rem,min(35vw,70vh),42rem)}#date{font-size:clamp(1.5rem,min(4vw,8vh),6rem);letter-spacing:1px;opacity:.85;text-align:center;position:absolute;top:calc(50% + clamp(3rem,min(19vw,38vh),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}body[data-font=SourceSans] #time.hide-seconds+#date{top:calc(50% + clamp(5rem,min(36vw,72vh),42rem)/2 - 10px)}body[data-font=Kosugi] #time.hide-seconds+#date{top:calc(50% + clamp(5rem,min(35vw,70vh),42rem)/2 - 10px)}#date.dimmed{opacity:.3!important}#date.hidden{display:none}.date-cn{font-family:LXGW,Microsoft YaHei,PingFang SC,sans-serif;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;pointer-events:auto;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%)}.btn-base,.toolbar-btn,.modal-close,.modal-btn,.share-copy-btn{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;font-weight:610;letter-spacing:.55px;line-height:1.35;border:none;border-radius:clamp(7px,1vw,9px);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;box-shadow:0 2px 4px #00000026,0 1px 2px #0000001a}[data-theme=light] .btn-base,[data-theme=light] .toolbar-btn,[data-theme=light] .modal-close,[data-theme=light] .modal-btn-cancel{color:#fff;background:#2d2d2deb;box-shadow:0 2px 4px #0000002e,0 1px 2px #0000001f}.toolbar-btn{padding:clamp(6px,.9vw,8px) clamp(10px,1.2vw,14px);font-size:clamp(.88rem,1.52vw,1rem);color:#1a1a1a;background:#ffffffeb;flex-shrink:0}.toolbar-btn:hover:not(:disabled),.modal-close:hover:not(:disabled),.share-copy-btn:hover:not(:disabled){background:#ebebebeb}.toolbar-btn:disabled,.modal-btn:disabled{opacity:.5;cursor:not-allowed;background:#c8c8c899;color:#666;box-shadow:none;pointer-events:none}[data-theme=light] .toolbar-btn:hover:not(:disabled),[data-theme=light] .modal-close:hover:not(:disabled),[data-theme=light] .modal-btn-cancel:hover:not(:disabled),[data-theme=light] .share-copy-btn:hover:not(:disabled){background:#3c3c3ceb}[data-theme=light] .toolbar-btn:disabled,[data-theme=light] .modal-btn-cancel:disabled,[data-theme=light] .modal-close:disabled{background:#64646466;color:#ffffff80}.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:1000}.modal-content{background:var(--modal-content-bg);border:1px solid var(--modal-border);border-radius:16px;padding:12px 40px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:var(--toolbar-bg);border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:var(--toolbar-border);border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--toolbar-border-hover)}.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:clamp(10px,1.2vw,12px);font-size:clamp(.88rem,1.4vw,1rem);color:#1a1a1a;background:#ffffffeb}.modal-buttons{display:flex;gap:clamp(10px,1.2vw,12px);margin-top:clamp(20px,2.5vw,24px)}.modal-btn{flex:1;padding:clamp(10px,1.2vw,12px);font-size:clamp(.88rem,1.4vw,1rem)}.modal-btn-confirm{color:#fff;background:#e74c3ceb}.modal-btn-confirm:hover{background:#d24132eb}.modal-btn-cancel:hover:not(:disabled){background:#ebebebeb}.modal-btn-cancel{color:#1a1a1a;background:#ffffffeb}#btn-reset{background:#e74c3c;color:#fff}#btn-reset:hover{background:#c0392b}.modal-about-content{max-width:540px}.about-header{display:flex;align-items:center;justify-content:center;gap:12px;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--divider-color)}.about-icon{font-size:2rem;line-height:1}.about-title-text{font-size:1.4rem;font-weight:700;color:var(--text-color);font-family:var(--cn-font)}.about-intro{margin-bottom:10px;text-align:center}.intro-main{font-size:1.15rem;line-height:1.6;color:var(--text-color);margin:0 0 12px;font-family:var(--cn-font)}.intro-main strong{color:var(--text-color);font-weight:600}.intro-sub{font-size:.95rem;line-height:1.8;color:var(--text-tertiary);margin:0;font-family:var(--cn-font)}.about-section{margin-bottom:28px}.section-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:600;color:var(--text-color);margin:0 0 16px;font-family:var(--cn-font)}.section-icon{font-size:1.2rem}.feature-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.feature-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--toolbar-bg);border:1px solid var(--toolbar-border);border-radius:10px;transition:all .2s ease}.feature-item:hover{background:var(--toolbar-hover);border-color:var(--toolbar-border-hover);transform:translateY(-1px)}.feature-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.feature-info{display:flex;flex-direction:column;gap:2px;min-width:0}.feature-info strong{font-size:.95rem;color:var(--text-color);font-weight:600}.feature-info span{font-size:.85rem;color:var(--text-tertiary);line-height:1.3}.shortcuts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.shortcut-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--toolbar-bg);border:1px solid var(--toolbar-border);border-radius:8px;transition:all .2s ease}.shortcut-item:hover{background:var(--toolbar-hover);border-color:var(--toolbar-border-hover)}.shortcut-item kbd{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:30px;padding:0 10px;background:var(--text-secondary);color:var(--bg-color);border:none;border-radius:6px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px;font-weight:700;box-shadow:0 2px 4px #00000026,inset 0 1px #ffffff26;line-height:1;-webkit-user-select:none;user-select:none;flex-shrink:0}.shortcut-item span{flex:1;font-size:.9rem;color:var(--text-secondary);line-height:1.3;font-family:var(--cn-font)}.about-footer{margin-bottom:24px;padding:18px 20px;background:var(--toolbar-bg);border:1px solid var(--toolbar-border);border-radius:12px}.online-visitors{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--cn-font)}.visitors-label{font-size:.95rem;color:var(--text-secondary)}.visitors-count{font-size:1.6rem;font-weight:700;color:var(--text-color);min-width:32px;text-align:center;transition:opacity .4s ease}.visitors-count.updating{animation:visitorsFadeIn .4s ease-out}@keyframes visitorsFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.visitors-unit{font-size:.95rem;color:var(--text-tertiary)}.contact-info{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-family:var(--cn-font)}.contact-label{font-size:.95rem;color:var(--text-secondary)}.contact-link{font-size:1.1rem;font-weight:700;color:var(--bg-color);text-decoration:none;padding:4px 12px;background:var(--text-secondary);border-radius:6px;transition:all .2s ease}.contact-link:hover{opacity:.9;transform:translateY(-1px);color:var(--bg-color)}.contact-hint{font-size:.9rem;color:var(--text-tertiary)}.contact-hint strong{color:var(--text-secondary);font-weight:600}.modal-about-content .modal-close{background:var(--text-secondary);color:var(--bg-color);border:none;font-weight:600;font-size:1rem;letter-spacing:.5px}[data-theme=light] #btn-reset{background:#c0392b;color:#fff}[data-theme=light] #btn-reset:hover{background:#a93226}.preload *{transition:none!important}.hide-cursor,.hide-cursor *{cursor:none!important}.modal-share-content{text-align:center}.share-title{font-size:1.3rem;font-weight:600;color:var(--text-color);margin:0 0 12px;font-family:var(--cn-font)}.share-desc{font-size:.95rem;color:var(--text-secondary);margin:0 0 24px;font-family:var(--cn-font);line-height:1.6}.share-qrcode{margin-bottom:24px}.share-qrcode img{max-width:200px;width:100%;height:auto;border-radius:8px}.share-url{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;padding:12px 16px;background:var(--toolbar-bg);border:1px solid var(--toolbar-border);border-radius:8px}.share-url-text{font-size:.95rem;color:var(--text-secondary);word-break:break-all}.share-copy-btn{padding:clamp(6px,.9vw,8px) clamp(12px,1.3vw,16px);font-size:clamp(.85rem,1.3vw,.95rem);color:#1a1a1a;background:#ffffffeb;flex-shrink:0;width:auto;height:auto;min-height:clamp(28px,3vw,32px);text-align:center;display:inline-flex;align-items:center;justify-content:center}.share-copy-btn.copied{background:#27ae60eb;color:#fff}.share-copy-btn.copied:hover{background:#1e9650eb}.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blurred-content{filter:blur(0);-webkit-user-select:none;user-select:none;color:var(--text-secondary);font-size:.95rem;text-align:center;margin-bottom:16px}.first-time-tip{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:50;pointer-events:none;animation:fadeInDown .6s ease-out}.tip-content{padding:14px 28px;background:var(--toolbar-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--toolbar-border);border-radius:12px;font-size:1rem;font-family:var(--cn-font);color:var(--text-secondary);box-shadow:0 8px 32px #0003}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid #4a90e2;outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}#time:focus{outline:none}#stopwatch:focus{outline:none}a.sr-only:focus{position:fixed;top:10px;left:10px;z-index:10000;width:auto;height:auto;clip:auto;white-space:normal;padding:12px 24px;background:#4a90e2;color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:700}@media(prefers-contrast:high){:root{--text-color: #ffffff;--bg-color: #000000;--text-secondary: #ffffff;--toolbar-border: #ffffff}.toolbar-btn{border:2px solid currentColor}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media screen and (max-width:480px){#toolbar{gap:clamp(6px,1.6vw,9px);padding:clamp(9px,2.2vw,12px) clamp(11px,2.8vw,14px);border-radius:12px;max-width:96vw}.toolbar-btn{padding:6px 10px;font-size:.88rem;border-radius:7px;letter-spacing:.52px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;font-weight:610}.toolbar-divider{margin:0 4px;height:18px}}@media screen and (min-width:481px)and (max-width:768px){#toolbar{gap:clamp(6px,1.2vw,10px);padding:clamp(10px,2vw,14px) clamp(12px,2.5vw,16px)}}@media screen and (min-width:769px){#toolbar{gap:10px;padding:12px 16px;border-radius:14px}.toolbar-btn{padding:7px 13px;font-size:.95rem;border-radius:8px;letter-spacing:.58px}}@media screen and (min-width:1920px){#toolbar{gap:12px;padding:13px 17px}.toolbar-btn{padding:8px 15px;font-size:1.02rem;border-radius:9px;letter-spacing:.62px}}@media screen and (min-aspect-ratio:15/10){body[data-font=SourceSans] #time{font-size:clamp(3.5rem,min(23vw,52vh),26rem)}body[data-font=SourceSans] #time.hide-seconds{font-size:clamp(5rem,min(36vw,78vh),46rem)}body[data-font=Kosugi] #time{font-size:clamp(3.5rem,min(22vw,50vh),26rem)}body[data-font=Kosugi] #time.hide-seconds{font-size:clamp(5rem,min(35vw,76vh),46rem)}#date{font-size:clamp(1.5rem,min(4vw,8.5vh),6.5rem);top:calc(50% + clamp(3rem,min(19vw,41vh),19rem)/2 + 45px)}body[data-font=SourceSans] #time.hide-seconds+#date{top:calc(50% + clamp(5rem,min(36vw,78vh),46rem)/2 - 15px)}body[data-font=Kosugi] #time.hide-seconds+#date{top:calc(50% + clamp(5rem,min(35vw,76vh),46rem)/2 - 15px)}body[data-font=SourceSans] #stopwatch{font-size:clamp(2.5rem,min(18vw,30vh),16rem)}body[data-font=Kosugi] #stopwatch{font-size:clamp(2.5rem,min(17vw,28vh),16rem)}.stopwatch-controls{margin-top:clamp(16px,3vh,32px);gap:10px}.stopwatch-btn{padding:clamp(8px,1.2vw,12px) clamp(24px,4vw,44px);font-size:clamp(.9rem,1.6vw,1.2rem);min-width:120px}}@media screen and (min-aspect-ratio:20/10){body[data-font=SourceSans] #time{font-size:clamp(3.5rem,min(25vw,56vh),28rem)}body[data-font=SourceSans] #time.hide-seconds{font-size:clamp(5rem,min(38vw,84vh),50rem)}body[data-font=Kosugi] #time{font-size:clamp(3.5rem,min(24vw,54vh),28rem)}body[data-font=Kosugi] #time.hide-seconds{font-size:clamp(5rem,min(37vw,82vh),50rem)}body[data-font=SourceSans] #stopwatch{font-size:clamp(2rem,min(16vw,26vh),14rem)}body[data-font=Kosugi] #stopwatch{font-size:clamp(2rem,min(15vw,24vh),14rem)}.stopwatch-controls{margin-top:clamp(12px,2.5vh,24px);gap:8px}.stopwatch-btn{padding:clamp(6px,1vw,10px) clamp(20px,3.5vw,40px);font-size:clamp(.85rem,1.4vw,1.1rem);min-width:110px}}@media(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi),(min-resolution:1.25dppx){.toolbar-btn{letter-spacing:.56px;font-size:clamp(.89rem,1.5vw,1.01rem)}}@media(-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi),(min-resolution:3dppx){.toolbar-btn{letter-spacing:.6px;font-size:clamp(.91rem,1.48vw,1.03rem);padding:clamp(7px,1vw,9px) clamp(11px,1.35vw,16px)}}@media(max-resolution:95dpi),(max-resolution:1dppx){.toolbar-btn{letter-spacing:.54px;font-size:clamp(.91rem,1.58vw,1.02rem);box-shadow:0 1px 4px #00000029,0 1px 2px #0000001f}[data-theme=light] .toolbar-btn{box-shadow:0 1px 4px #0003,0 1px 2px #00000024}}.modal-enter-active,.modal-leave-active{transition:opacity .3s ease}.modal-enter-active .modal-content,.modal-leave-active .modal-content{transition:transform .3s ease}.modal-enter-from{opacity:0}.modal-enter-from .modal-content{transform:scale(.9) translateY(20px)}.modal-leave-active,.modal-leave-to{opacity:0}.modal-leave-active .modal-content{transform:scale(.9) translateY(20px)}.toast-enter-active{animation:fadeInDown .6s ease-out}.toast-leave-active{transition:opacity .3s ease}.toast-leave-to{opacity:0}.stopwatch-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.stopwatch-inner{display:flex;flex-direction:column;align-items:center}#stopwatch{text-align:center;line-height:1;word-break:keep-all;white-space:nowrap;cursor:pointer;pointer-events:auto;-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}body[data-font=SourceSans] #stopwatch{font-family:SourceSans,monospace;font-weight:700;font-size:clamp(3.5rem,min(23vw,48vh),24rem);letter-spacing:2px}body[data-font=Kosugi] #stopwatch{font-family:Kosugi,monospace;font-weight:700;font-size:clamp(3.5rem,min(22vw,46vh),24rem);letter-spacing:0px}.stopwatch-num{display:inline-block}.stopwatch-colon{display:inline-block;transform:translateY(-8%);transition:transform .5s cubic-bezier(.4,0,.2,1)}.stopwatch-centis{font-size:30%;vertical-align:baseline}#stopwatch.hide-centis .stopwatch-centis{display:none}.stopwatch-controls{display:flex;gap:12px;margin-top:clamp(24px,5vh,60px);pointer-events:auto}.stopwatch-btn{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;font-weight:600;letter-spacing:.8px;line-height:1.25;border:none;border-radius:clamp(10px,1.2vw,14px);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;box-shadow:0 2px 8px #0003,0 1px 3px #0000001f;padding:clamp(10px,1.5vw,14px) clamp(32px,5vw,52px);font-size:clamp(1rem,2vw,1.4rem);color:#1a1a1a;background:#fffffff2;flex:1 1 0;min-width:140px;max-width:260px}.stopwatch-btn:hover{background:#ebebebf2}.stopwatch-btn-key{font-size:.5em;font-weight:400;opacity:.5;margin-left:3px}[data-theme=light] .stopwatch-btn{color:#fff;background:#1e1e1eeb;box-shadow:0 2px 8px #00000038,0 1px 3px #00000024}[data-theme=light] .stopwatch-btn:hover{background:#323232eb}.mode-dropdown-wrapper{position:relative}#btn-mode{display:inline-flex;align-items:center;gap:4px}.mode-dropdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99}.mode-dropdown{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--toolbar-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid var(--toolbar-border);z-index:100;min-width:90px}.mode-dropdown-item{padding:clamp(6px,.9vw,8px) clamp(10px,1.2vw,14px);font-size:clamp(.88rem,1.52vw,1rem);color:#1a1a1a;background:#ffffffeb;border:none;border-radius:clamp(7px,1vw,9px);cursor:pointer;text-align:center;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;font-weight:610;letter-spacing:.55px;-webkit-user-select:none;user-select:none}.mode-dropdown-item-active{opacity:.45;cursor:default}.mode-dropdown-item:not(.mode-dropdown-item-active):hover{background:#ebebebeb}[data-theme=light] .mode-dropdown-item{color:#fff;background:#2d2d2deb}[data-theme=light] .mode-dropdown-item:not(.mode-dropdown-item-active):hover{background:#414141eb}