:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Microsoft JhengHei",sans-serif;background:#07090b;color:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cdeaf7;outline-offset:3px}button{color:inherit}svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}[hidden]{display:none!important}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.display{position:relative;width:min(100vw,calc(100svh * 4 / 3));aspect-ratio:4/3;isolation:isolate;overflow:hidden;background:#172028;container-type:inline-size;touch-action:pan-y}.display:fullscreen{width:100vw;height:100vh;max-width:none;aspect-ratio:auto;background:#07090b}.page{position:absolute;inset:0;overflow:hidden;isolation:isolate}.page h1,.page h2,.page p{margin:0}.chrome{opacity:0;transition:opacity .2s;pointer-events:none}.show-chrome .chrome,.chrome:focus-within{opacity:1;pointer-events:auto}.icon-button{border:0;background:transparent;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;padding:10px}.icon-button:hover:not(:disabled){background:#ffffff1c}.icon-button:active:not(:disabled){background:#ffffff30;transform:scale(.95)}.utility-bar{position:absolute;right:16px;top:12px;z-index:4;display:flex;gap:0;background:#11182052;border-radius:24px}.utility-bar svg{width:19px;height:19px}.page-dots{position:absolute;right:4px;top:50%;transform:translateY(-50%);z-index:4;display:flex;flex-direction:column}.page-dots button{position:relative;display:grid;place-items:center;border:0;background:transparent;width:44px;height:44px;padding:0}.page-dots button>span:first-child{width:6px;height:6px;background:#ffffff70;border-radius:5px;transition:height .18s,background .18s}.page-dots button[aria-current=page]>span:first-child{height:20px;background:#fff}.dot-label{position:absolute;right:40px;font-size:12px;opacity:0;padding:5px 9px;border-radius:6px;background:#13202de8;white-space:nowrap}.page-dots button:hover .dot-label,.page-dots button:focus-visible .dot-label{opacity:1}.home-wallpaper,.home-scrim,.weather-background,.weather-scrim,.music-backdrop,.music-shade{position:absolute;inset:0;z-index:-1}.home-wallpaper{background-image:url('assets/home-atlas.png');background-size:200% 200%;background-color:#294f58;transition:opacity .35s}.home-scrim{background:linear-gradient(180deg,#07162116,#0005 54%,#0005)}.lock-clock{position:absolute;top:20%;left:0;right:0;text-align:center;text-shadow:0 2px 24px #0006}.lock-clock time{font-size:15.6cqw;font-weight:500;letter-spacing:-.055em;line-height:1.1;font-variant-numeric:tabular-nums}.lock-clock #clock-date{font-size:3.75cqw;font-weight:500;margin-top:1.3cqw;letter-spacing:.015em}.wallpaper-caption{position:absolute;left:4.4cqw;bottom:4.4cqw;font-size:2.2cqw;display:flex;align-items:center;gap:1.4cqw;text-shadow:0 1px 6px #000b}.caption-mark{height:6px;width:6px;background:white;border-radius:50%}.wallpaper-change{position:absolute;right:3.6cqw;bottom:2.5cqw;background:#12232a66}.music-page{padding:4.4cqw 6.25cqw 3.75cqw;background:#182323}.music-backdrop{background:#2c4744 center/cover;filter:blur(35px);transform:scale(1.25);opacity:.65}.music-shade{background:linear-gradient(135deg,#1a282d55,#0c1314d9)}.music-header{display:flex;justify-content:space-between;align-items:center;padding-right:10cqw;height:6.9cqw}.music-header h1{display:flex;align-items:center;gap:1.1cqw;font-size:3.1cqw;letter-spacing:-.04em;font-weight:600}.spotify-logo{width:4.4cqw;height:4.4cqw;color:#1ed760}.text-button{font-size:2.2cqw;border:0;background:#ffffff17;border-radius:30px;padding:1.6cqw 2.2cqw;min-height:6.9cqw}.music-main{display:grid;grid-template-columns:36cqw 1fr;gap:4.375cqw;align-items:center;margin-top:5.4cqw;padding-right:1.5cqw}.album-art{height:36cqw;width:36cqw;border-radius:2.5cqw;overflow:hidden;position:relative;display:grid;place-items:center;text-decoration:none;color:#e1ece5;background:#243a38}.album-art img{width:100%;height:100%;object-fit:cover}.album-empty{display:grid;place-items:center;width:20cqw;height:20cqw;border-radius:50%;background:#ffffff08}.album-empty svg{width:8cqw;height:8cqw;stroke-width:1.2}.track-panel{min-width:0}.track-label{font-size:2.05cqw;color:#d9e4ddba;margin-bottom:1.6cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-panel h2{font-size:4.375cqw;font-weight:600;letter-spacing:-.04em;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.track-artist{font-size:2.65cqw;line-height:1.5;color:#d9e4ddc9;margin-top:1.2cqw;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.playback-controls{display:flex;align-items:center;justify-content:space-between;margin-top:3.2cqw;max-width:32cqw}.playback-controls .icon-button{width:7.5cqw;height:7.5cqw}.playback-controls svg{width:3.75cqw;height:3.75cqw}.play-button{width:10cqw;height:10cqw;display:grid;place-items:center;background:#f3f6f1;color:#14211d;border:0;border-radius:50%}.play-button svg{width:4.4cqw;height:4.4cqw}.play-button:hover:not(:disabled){background:#fff}.device-button{display:flex;align-items:center;gap:1.2cqw;background:transparent;border:0;padding:1.25cqw 0;font-size:2.1cqw;color:#c1d5ca;max-width:34cqw;min-height:6.9cqw}.device-button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-button svg{width:2.8cqw;height:2.8cqw}.music-bottom{margin-top:4.5cqw}.seek-row{display:flex;align-items:center;gap:1.6cqw;font-size:1.95cqw;font-variant-numeric:tabular-nums;color:#dbe6dfbf}.seek-row input{flex:1;min-width:0}.seek-row>span{min-width:4.5cqw}.seek-row>span:last-child{text-align:right}input[type=range]{accent-color:#eff5ef;cursor:pointer;height:24px}.music-status-row{display:flex;align-items:center;justify-content:space-between;gap:2cqw;margin-top:.6cqw}.music-status-row p{font-size:1.9cqw;color:#bfcec5;max-width:58cqw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.volume-control{display:flex;align-items:center;gap:1.2cqw}.volume-control svg{width:2.6cqw;height:2.6cqw;color:#c1cfc7}.volume-control input{width:14cqw}.weather-background{background-image:url('assets/weather-atlas.png');background-size:300% 400%;background-position:100% 0;background-color:#586a75;transition:filter .3s}.weather-scrim{background:linear-gradient(180deg,#07162324,#0715230a 55%,#07121f55)}.weather-page{text-align:center}.weather-page h1{position:absolute;top:7.8cqw;left:0;right:0;font-size:3.44cqw;font-weight:600;text-shadow:0 1px 8px #0005}.weather-card{position:absolute;left:50%;top:18.2cqw;transform:translateX(-50%);width:26.9cqw;height:43cqw;background:#c1c7cf30;backdrop-filter:blur(12px);border-radius:4.4cqw;border:1px solid #e4edf383;box-shadow:inset 0 0 0 2px #f2f7fa18,0 4px 12px #0d1a2725;color:#fff;padding:0;text-align:center;overflow:hidden;display:flex;flex-direction:column;align-items:center}.weather-card:hover{background:#c1c7cf42}.weather-card-top{height:21.4cqw;align-self:stretch;border-radius:4cqw;background:#1c243936;position:relative;box-shadow:0 10px 12px #11192312}.weather-card-label{position:absolute;left:3.1cqw;top:2.5cqw;font-size:2.2cqw;font-weight:600}.weather-symbol{position:absolute;left:50%;top:3.5cqw;transform:translateX(-50%);height:19cqw;width:25.333cqw;background-image:url('assets/inforest-icons/cloudy.png');background-size:contain;background-position:center}.weather-temperature{font-size:12.5cqw;font-weight:250;letter-spacing:-.06em;line-height:1;margin-top:4cqw;text-shadow:0 2px 12px #ffffff26}.weather-range{position:absolute;bottom:2.6cqw;left:0;right:0;display:flex;justify-content:center;gap:1.5cqw;font-size:2.05cqw;white-space:nowrap}.weather-range b{font-weight:400}.weather-footer{position:absolute;top:64.2cqw;left:4cqw;right:4cqw}.weather-place{font-size:3.2cqw;font-weight:600;text-shadow:0 1px 10px #0006}.weather-freshness{font-size:1.85cqw;margin-top:.8cqw;color:#ffffffce;text-shadow:0 1px 8px #0009}.preview-tag{position:absolute;top:13cqw;left:0;right:0;font-size:1.8cqw;color:#fff}.toast{position:absolute;bottom:3cqw;left:50%;transform:translateX(-50%);width:max-content;max-width:88cqw;background:#142027f0;border-radius:12px;padding:12px 18px;font-size:14px;z-index:20;text-align:center}dialog{border:1px solid #ffffff1c;background:#182026;color:#f4f6f7;border-radius:18px;width:calc(100% - 40px);max-width:560px;max-height:calc(100% - 40px);padding:0;position:absolute;margin:auto;inset:0;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#050b1280;backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 12px 24px;border-bottom:1px solid #ffffff12}.dialog-header h2{margin:0;font-size:20px;font-weight:600}.dialog-body{padding:0 24px 24px;overflow:auto;max-height:340px}.settings-section{padding:22px 0;border-bottom:1px solid #ffffff12}.settings-section h3{font-size:16px;font-weight:600;margin:0 0 16px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;font-size:15px;margin:4px 0}.setting-row input[type=checkbox]{width:22px;height:22px;accent-color:#cadfd9}.setting-row select{width:auto;max-width:55%;font-size:14px}.field-label{display:block;font-size:14px;margin:12px 0 8px}select,input[type=text]{width:100%;min-height:42px;border:1px solid #ffffff26;border-radius:8px;background:#ffffff09;color:#f2f6f6;padding:9px 10px;font-size:16px}select option{background:#182026}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.field-pair label{font-size:14px}.field-pair select{margin-top:8px}.primary-button,.secondary-button{min-height:44px;padding:10px 16px;border:0;border-radius:9px;font-size:14px;margin:10px 0 0}.primary-button{background:#e2ece7;color:#15231f}.secondary-button{background:#ffffff13;color:#f4f6f5}.setting-help{font-size:13px;line-height:1.6;color:#b9c6cd;margin:12px 0}.settings-credit{font-size:12px;line-height:1.6;color:#b9c6cd;padding-top:22px}.settings-credit a{color:inherit}code{display:block;font-size:12px;overflow-wrap:anywhere;background:#ffffff08;padding:12px;border-radius:8px;user-select:all}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.detail-grid div{background:#ffffff08;border-radius:10px;padding:15px}.detail-grid span{display:block;color:#b9c6cd;font-size:13px;margin-bottom:8px}.detail-grid strong{font-size:24px;font-weight:500}.device-item{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:14px;background:#ffffff09;border:0;border-radius:10px;min-height:54px;margin-top:12px;font-size:15px}.device-item small{color:#bbc9cf}.muted{color:#b9c6cd}noscript{padding:24px}@media(max-width:480px){.icon-button,.page-dots button{width:40px;height:40px}.utility-bar{right:8px;top:6px}.utility-bar .icon-button{padding:10px}.page-dots{right:0}.music-header{padding-right:14cqw}.dialog-body{padding-left:16px;padding-right:16px;max-height:55vh}.dialog-header{padding-left:16px}dialog{width:calc(100% - 16px);max-height:calc(100% - 16px)}.field-pair{grid-template-columns:1fr}.music-status-row p{font-size:2.5cqw}.volume-control{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}