.modal-backdrop{position:fixed;inset:0;background:var(--skin-overlay);display:grid;place-items:center;z-index:1000}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92vw,420px);background:var(--skin-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--skin-border);border-radius:12px;box-shadow:0 8px 24px var(--skin-overlay);padding:16px;content-visibility:auto;contain-intrinsic-size:320px 240px;z-index:1000}.modal-header{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:8px;min-height:32px}.modal-title{margin:0;font-size:18px;font-weight:700;color:var(--skin-highlight);text-align:center}.modal-close{position:absolute;top:50%;right:-4px;transform:translateY(-50%);width:32px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--sub);font-size:22px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--fg);background:var(--skin-hover)}.modal-close:disabled{opacity:.45;cursor:not-allowed}.modal-body{color:var(--fg);margin-bottom:0;max-height:64vh;overflow-y:auto;margin-right:-16px;padding-right:16px}.modal-body::-webkit-scrollbar{width:10px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background-color:var(--skin-scroll-thumb);border-radius:8px}.proxy-result-pre::-webkit-scrollbar{width:10px}.proxy-result-pre::-webkit-scrollbar-track{background:transparent}.proxy-result-pre::-webkit-scrollbar-thumb{background-color:var(--skin-scroll-thumb);border-radius:8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.modal-actions-single{justify-content:stretch}.modal-actions-single .btn-danger{width:100%;display:block;box-sizing:border-box;padding:12px 16px;font-size:15px}.modal-actions .btn-ghost{padding:10px 18px;font-size:14px;border-radius:12px}.modal-actions .btn-danger{width:100%}.btn-ghost{background:transparent;border:1px solid var(--muted);color:var(--fg);padding:8px 12px;border-radius:10px;cursor:pointer}.btn-ghost:hover{background:var(--skin-hover)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-label{font-size:12px;color:var(--fg)}.form-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--muted);background:var(--skin-surface-mid);color:var(--fg);outline:none;font-family:inherit}.form-input:focus{border-color:#6b7280}select.form-input{background:var(--skin-surface-mid);color:var(--fg);appearance:none;-webkit-appearance:none;border-radius:10px;border:1px solid var(--muted);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding-right:28px;font-family:inherit}select.form-input:focus{border-color:#6b7280}.form-input option{background:var(--skin-surface-strong);color:var(--fg);font-family:inherit}.form-actions{display:flex;justify-content:center}.hr{border:none;height:1px;background:var(--muted);margin:12px 0;opacity:.8}.section-title{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--skin-highlight)}.form-tip{font-size:12px;color:var(--sub);margin-top:4px}.btn-danger{background:linear-gradient(180deg,#ef4444,#b91c1c);border:1px solid #ef4444;color:#fff;padding:10px 16px;border-radius:8px;box-shadow:0 6px 14px #ef444459;cursor:pointer}.btn-danger:hover{filter:brightness(1.05)}.btn-danger:active{transform:translateY(1px)}.playlist-container{margin-top:0;background:var(--skin-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--skin-border);border-radius:12px;max-height:400px;overflow-y:auto;overflow-x:hidden;content-visibility:auto;contain-intrinsic-size:600px 320px;color:var(--fg);box-shadow:0 0 32px var(--skin-panel-glow, transparent)}.virtual-playlist-shell{position:relative;isolation:isolate;grid-area:playlist;min-height:0;height:100%;max-height:100%;overflow:visible}.virtual-playlist{position:relative;z-index:1;background:var(--skin-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--skin-highlight) 55%,transparent);border-radius:12px;height:100%;min-height:0;max-height:100%;color:var(--fg);box-shadow:0 8px 24px var(--skin-overlay),0 0 32px var(--skin-panel-glow, transparent);contain:style;overflow:hidden;margin-top:0;margin-bottom:0;transition:box-shadow .08s linear}.virtual-playlist-shell>.audio-aura{z-index:0}.virtual-playlist>.locate-fab{z-index:2}.virtual-scroll-container{position:relative;overflow-y:auto;overflow-x:hidden;height:100%;contain:layout style;will-change:scroll-position}.virtual-scroll-container::-webkit-scrollbar{width:10px}.virtual-scroll-container::-webkit-scrollbar-track{background:transparent}.virtual-scroll-container::-webkit-scrollbar-thumb{background-color:var(--skin-scroll-thumb);border-radius:8px}.playlist-item{padding:8px 20px 8px 30px;cursor:pointer;display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;color:#fff;height:45px;min-height:45px;box-sizing:border-box;contain:layout style}.playlist-item:hover{background:transparent}.playlist-item.active{background:transparent;color:var(--skin-highlight)}.playlist-item-placeholder{height:100%;opacity:0;pointer-events:none}.audio-cache-indicator{position:fixed;bottom:20px;right:20px;background:var(--skin-surface-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--skin-border);border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sub);z-index:1000}.indicator-dot{width:8px;height:8px;border-radius:50%;background:var(--ac);animation:pulse 2s infinite}.cache-status{margin-bottom:20px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:8px;background:var(--skin-hover);border-radius:6px}.status-item .label{font-size:12px;color:var(--sub)}.status-item .value{font-size:12px;font-weight:600}.status-item .value.idle{color:var(--sub)}.cache-usage{margin-top:15px}.usage-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;color:var(--sub)}.usage-bar{height:6px;background:var(--skin-border-soft);border-radius:3px;overflow:hidden}.usage-fill{height:100%;background:linear-gradient(90deg,var(--skin-bar-from),var(--skin-bar-to));border-radius:3px;transition:width .3s ease}.cache-settings{margin-bottom:20px}.setting-item{margin-bottom:12px}.setting-item label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--fg)}.setting-item input[type=checkbox]{width:16px;height:16px}.setting-item input[type=number]{width:80px;padding:4px 8px;border:1px solid var(--muted);border-radius:4px;background:var(--skin-surface-mid);color:var(--fg);font-size:12px}.advanced-settings{margin-bottom:20px}.advanced-content{margin-top:15px;padding:15px;background:var(--skin-hover-soft);border-radius:8px;border:1px solid var(--skin-border-soft)}.cache-actions{display:flex;gap:10px;margin-bottom:20px}.cache-actions button{flex:1;min-height:44px;font-size:14px;white-space:normal;line-height:1.3}.playlist-container{position:relative}.playlist-container::-webkit-scrollbar{width:10px}.playlist-container::-webkit-scrollbar-track{background:transparent}.playlist-container::-webkit-scrollbar-thumb{background-color:var(--skin-scroll-thumb);border-radius:8px}:root{--bg: #0b0b0c;--fg: #e8e8ea;--sub: #a0a0a7;--ac: var(--ac);--card: #151518;--muted: #2a2a2f;--font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial;--pwa-chrome-bg: rgba(21, 21, 24, .94);--pwa-chrome-border: rgba(255, 255, 255, .12);--pwa-chrome-shadow: 0 -4px 24px rgba(0, 0, 0, .28)}.sw-update-banner,.pwa-install-banner{position:fixed;left:0;right:0;bottom:0;z-index:99999;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));font:14px/1.4 var(--font-family);color:var(--pwa-chrome-fg, var(--fg));background:var(--pwa-chrome-bg);border-top:1px solid var(--pwa-chrome-border);box-shadow:var(--pwa-chrome-shadow)}.pwa-install-banner{z-index:99998}.sw-update-banner-text,.pwa-install-banner-text{flex:1 1 auto;min-width:0}.sw-update-banner-btn,.pwa-install-banner-btn{cursor:pointer;border-radius:10px;padding:10px 16px;font:inherit;border:none}.sw-update-banner-btn-primary,.pwa-install-banner-btn-primary{font-weight:600;padding-inline:18px;color:#fff;background:var(--pwa-chrome-primary);box-shadow:var(--pwa-chrome-primary-shadow)}.sw-update-banner-btn-ghost,.pwa-install-banner-btn-ghost{color:var(--fg);background:transparent;border:1px solid var(--skin-border-strong)}*{box-sizing:border-box;font-family:inherit}*{contain:layout style}div{contain:layout style;will-change:auto}.container>*{contain:layout style;will-change:auto}input,textarea,select,button,a{font-family:inherit}html,body,#root{height:100%;color:var(--fg)}html{background-color:var(--bg);--user-bg-image: url(/images/background.webp);--skin-page-scrim: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3))}body,#root{margin:0;background-color:var(--bg);background-attachment:fixed;background-repeat:no-repeat;background-position:center;background-size:cover;color:var(--fg);background-image:var(--skin-page-scrim),var(--user-bg-image)}body{font-family:var(--font-family)}#root{color:var(--fg)}.container{--aura-energy: 0;--aura-bass: 0;--aura-mid: 0;--aura-treble: 0;--aura-angle: 0;--aura-intensity: 1;max-width:900px;margin:0 auto;padding:2px 24px 4px;contain:layout style;height:100vh;box-sizing:border-box;display:grid;grid-template-rows:auto auto 1fr;grid-template-areas:"player" "search" "playlist";gap:2px;color:var(--fg);position:relative;transform:translateZ(0);will-change:auto;overflow:hidden}h1{font-size:20px;margin:0 0 12px;font-weight:600}.error{color:#f87171}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:20px;background:var(--skin-surface-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;margin:20px}.error-boundary-content{text-align:center;max-width:500px;color:#fff}.error-boundary-icon{font-size:48px;margin-bottom:16px}.error-boundary-title{font-size:24px;font-weight:700;margin:0 0 12px;color:#f87171}.error-boundary-message{font-size:16px;margin:0 0 20px;color:var(--fg);line-height:1.5}.error-boundary-details{text-align:left;margin:20px 0;background:#0000004d;border-radius:8px;padding:16px}.error-boundary-details summary{cursor:pointer;font-weight:600;margin-bottom:12px;color:#fbbf24}.error-boundary-stack,.error-boundary-component-stack{background:#00000080;border-radius:4px;padding:12px;font-family:Courier New,monospace;font-size:12px;color:#f87171;white-space:pre-wrap;overflow-x:auto;margin:8px 0}.error-boundary-actions{display:flex;gap:12px;justify-content:center;margin:20px 0}.error-boundary-actions .btn{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.error-boundary-actions .btn-primary{background:#3b82f6;color:#fff}.error-boundary-actions .btn-primary:hover:not(:disabled){background:#2563eb}.error-boundary-actions .btn-primary:disabled{background:#6b7280;cursor:not-allowed}.error-boundary-actions .btn-secondary{background:transparent;color:#fff;border:1px solid var(--skin-border)}.error-boundary-actions .btn-secondary:hover{background:var(--skin-border-soft)}.error-boundary-retry-info{font-size:14px;color:var(--sub);margin:12px 0 0}.error-notification-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px}.error-toast{background:#ef4444e6;color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--skin-border-soft);overflow:hidden;animation:slideInRight .3s ease;transition:all .3s ease}.error-toast.visible{opacity:1;transform:translate(0)}.error-toast.hidden{opacity:0;transform:translate(100%)}.error-toast-content{padding:16px}.error-toast-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.error-toast-icon{font-size:18px}.error-toast-title{font-weight:600;font-size:14px;flex:1}.error-toast-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.error-toast-close:hover{background:var(--skin-border)}.error-toast-message{font-size:13px;line-height:1.4;margin-bottom:8px;color:var(--fg)}.error-toast-details{margin-top:8px}.error-toast-details summary{cursor:pointer;font-size:12px;color:var(--sub);margin-bottom:4px}.error-toast-context{background:#0000004d;border-radius:4px;padding:8px;font-size:11px;color:var(--fg);white-space:pre-wrap;overflow-x:auto;margin:4px 0}.error-toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--skin-border)}.error-toast-progress-bar{height:100%;background:var(--sub);transition:width .1s linear}.error-toast.success{background:#22c55ee6}.error-toast.warning{background:#f59e0be6}.error-toast.info{background:#3b82f6e6}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.loading-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--fg);text-align:center}.loading-error-icon{font-size:48px;margin-bottom:16px;color:#f87171}.loading-error-title{font-size:20px;font-weight:600;margin:0 0 8px;color:#f87171}.loading-error-message{font-size:14px;margin:0 0 20px;color:var(--sub)}.loading-error-actions{display:flex;gap:12px;justify-content:center}.loading-error-actions .btn{padding:8px 16px;border-radius:6px;border:1px solid var(--skin-border);background:transparent;color:#fff;cursor:pointer;font-size:14px;transition:all .2s ease}.loading-error-actions .btn:hover{background:var(--skin-border-soft)}.player{background:var(--skin-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--skin-highlight) 55%,transparent);border-radius:12px;padding:16px;box-shadow:0 8px 24px var(--skin-overlay),0 0 40px var(--skin-panel-glow, transparent);contain:style;grid-area:player;min-height:200px;height:200px;color:var(--fg);position:relative;isolation:isolate;transition:box-shadow .08s linear}.audio-aura{position:absolute;inset:-6px;border-radius:16px;pointer-events:none;z-index:0;opacity:0;transition:opacity .25s ease;background:conic-gradient(from calc(var(--aura-angle) * 1deg),var(--skin-highlight) 0deg,transparent 55deg,var(--skin-highlight-soft) 120deg,transparent 180deg,var(--skin-highlight) 240deg,transparent 300deg,var(--skin-highlight-soft) 360deg);filter:blur(calc(1.5px + var(--aura-bass) * 5px));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:calc(3px + var(--aura-energy) * 3px);box-sizing:border-box}.search-bar>.audio-aura{border-radius:14px}.container.audio-aura-active .player,.container.audio-aura-active .virtual-playlist{box-shadow:0 8px 24px var(--skin-overlay),0 0 calc(20px + var(--aura-energy) * 28px * var(--aura-intensity)) var(--skin-progress-glow),0 0 calc(36px + var(--aura-bass) * 40px * var(--aura-intensity)) var(--skin-panel-glow)}.container.audio-aura-active .virtual-playlist-shell>.audio-aura{opacity:calc((.62 + var(--aura-energy) * .28) * var(--aura-intensity))}.container.audio-aura-active .search-input{box-shadow:0 0 calc(16px + var(--aura-energy) * 22px * var(--aura-intensity)) var(--skin-progress-glow),0 0 calc(28px + var(--aura-bass) * 32px * var(--aura-intensity)) var(--skin-panel-glow)}.container.audio-aura-active .audio-aura{opacity:calc((.62 + var(--aura-energy) * .28) * var(--aura-intensity))}.container.audio-aura-disabled .audio-aura{display:none}.container.audio-aura-disabled.audio-aura-active .player,.container.audio-aura-disabled.audio-aura-active .virtual-playlist{box-shadow:0 8px 24px var(--skin-overlay),0 0 40px var(--skin-panel-glow, transparent)}.container.audio-aura-disabled.audio-aura-active .search-input{box-shadow:none}.aura-switch-label{display:flex;align-items:center;gap:10px;cursor:pointer}.modal input.aura-intensity-slider[type=range],input.form-input.aura-intensity-slider[type=range]{width:100%!important;max-width:none!important;padding:0!important;height:28px!important;margin:0;cursor:pointer;appearance:none!important;-webkit-appearance:none!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;accent-color:var(--skin-highlight)!important;color:var(--skin-highlight)!important;filter:none!important;outline:none!important;box-sizing:border-box}.modal input.aura-intensity-slider[type=range]:focus,input.form-input.aura-intensity-slider[type=range]:focus{border:none!important;outline:none!important;box-shadow:none!important}.modal input.aura-intensity-slider[type=range]::-webkit-slider-runnable-track,input.form-input.aura-intensity-slider[type=range]::-webkit-slider-runnable-track{height:6px!important;border-radius:999px!important;border:none!important;background:linear-gradient(90deg,var(--skin-highlight) 0%,var(--skin-highlight) var(--aura-slider-pct, 0%),color-mix(in srgb,var(--skin-highlight) 28%,#2c2c33) var(--aura-slider-pct, 0%),color-mix(in srgb,var(--skin-highlight) 28%,#2c2c33) 100%)!important}.modal input.aura-intensity-slider[type=range]::-webkit-slider-thumb,input.form-input.aura-intensity-slider[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:16px!important;height:16px!important;margin-top:-5px;border-radius:50%!important;background:#fff!important;border:2px solid var(--skin-highlight)!important;box-shadow:0 0 0 calc(2px * var(--aura-intensity, 1)) color-mix(in srgb,var(--skin-highlight) 45%,transparent),0 0 calc(8px * var(--aura-intensity, 1)) var(--skin-progress-glow)!important;filter:none!important}.modal input.aura-intensity-slider[type=range]:active::-webkit-slider-thumb,input.form-input.aura-intensity-slider[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 calc(3px * var(--aura-intensity, 1)) color-mix(in srgb,var(--skin-highlight) 55%,transparent),0 0 calc(12px * var(--aura-intensity, 1)) var(--skin-progress-glow)!important}.modal input.aura-intensity-slider[type=range]::-moz-range-track,input.form-input.aura-intensity-slider[type=range]::-moz-range-track{height:6px!important;border-radius:999px!important;border:none!important;background:color-mix(in srgb,var(--skin-highlight) 35%,#2c2c33)!important}.modal input.aura-intensity-slider[type=range]::-moz-range-progress,input.form-input.aura-intensity-slider[type=range]::-moz-range-progress{height:6px!important;border-radius:999px!important;background:var(--skin-highlight)!important}.modal input.aura-intensity-slider[type=range]::-moz-range-thumb,input.form-input.aura-intensity-slider[type=range]::-moz-range-thumb{width:16px!important;height:16px!important;border-radius:50%!important;background:#fff!important;border:2px solid var(--skin-highlight)!important;box-shadow:0 0 0 calc(2px * var(--aura-intensity, 1)) color-mix(in srgb,var(--skin-highlight) 45%,transparent),0 0 calc(8px * var(--aura-intensity, 1)) var(--skin-progress-glow)!important;filter:none!important}.modal input.aura-intensity-slider[type=range]:disabled,input.form-input.aura-intensity-slider[type=range]:disabled{opacity:.45!important;cursor:not-allowed}.player>.top,.player>.progress-under{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.audio-aura{display:none}.container.audio-aura-active .player,.container.audio-aura-active .virtual-playlist{box-shadow:0 8px 24px var(--skin-overlay),0 0 40px var(--skin-panel-glow, transparent)}.container.audio-aura-active .search-input{box-shadow:none}}.settings-icon{position:absolute;top:8px;right:8px;background:transparent;border:none;color:var(--fg);font-size:22px;padding:8px;cursor:pointer;border-radius:50%;transition:background .15s ease,transform .2s ease;z-index:1000;pointer-events:auto;user-select:none;contain:none;-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box}.settings-icon:hover{background:#ffffff14;transform:rotate(18deg)}.settings-icon:active{background:#ffffff1f;transform:rotate(18deg) scale(.95)}.settings-icon:focus{outline:none}.now-playing{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.now-playing .title:before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--skin-highlight-soft),var(--skin-accent-to));box-shadow:0 0 10px var(--skin-progress-glow)}.now-playing .title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing .meta{color:var(--sub)}.controls{display:grid;grid-template-columns:auto auto auto 1fr auto auto auto;grid-gap:10px;align-items:center}.controls-group{display:flex;align-items:center;gap:10px}.btn{background:var(--skin-btn-bg, var(--skin-surface-strong));border:1px solid var(--skin-border);color:var(--fg);padding:8px 12px;border-radius:10px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .02s ease;font-family:inherit}.btn:hover{background:var(--skin-btn-bg-hover, var(--skin-surface-mid))}.btn:active{transform:translateY(1px)}.btn.active{border-color:var(--ac);background:var(--muted)}.btn-primary{background:linear-gradient(180deg,var(--skin-primary-from),var(--skin-primary-to));border:1px solid var(--skin-primary-border);color:#fff;padding:10px 16px;box-shadow:var(--skin-primary-shadow)}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:active{transform:translateY(1px)}.btn-sakura,.btn-favorite{background:linear-gradient(180deg,var(--skin-accent-from),var(--skin-accent-to));border:1px solid var(--skin-accent-border);color:var(--skin-accent-fg);padding:10px 20px;border-radius:999px;box-shadow:var(--skin-accent-shadow);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;transition:filter .15s ease,transform .02s ease}.btn-sakura:hover,.btn-favorite:hover{filter:brightness(1.05)}.btn-sakura:active,.btn-favorite:active{transform:translateY(1px)}.btn-sakura:disabled,.btn-favorite:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.15)}.settings-form .btn-ghost,.modal .settings-form button.btn-ghost{background:linear-gradient(180deg,var(--skin-accent-from),var(--skin-accent-to));border:1px solid var(--skin-accent-border);color:var(--skin-accent-fg);border-radius:999px;box-shadow:var(--skin-accent-shadow)}.settings-form .btn-ghost:hover{filter:brightness(1.05);background:linear-gradient(180deg,var(--skin-accent-from),var(--skin-accent-to))}.progress{display:flex;align-items:center;gap:8px}.time{font-variant-numeric:tabular-nums;color:var(--sub);font-size:12px}input[type=range]{width:200px}input.progress-rail-input[type=range]{width:100%;max-width:none}input.vol-line[type=range]{width:100%;min-width:0;max-width:120px}.slider::-webkit-slider-runnable-track{height:6px;background:linear-gradient(90deg,#2c2c33,#2c2c33);border-radius:999px}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #9aa0ff;box-shadow:0 2px 6px #0006}.slider::-moz-range-track{height:6px;background:#2c2c33;border-radius:999px}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #9aa0ff}.playlist{margin:0;padding:0;list-style:none}.search-bar{position:relative;isolation:isolate;margin:0;grid-area:search;height:44px;min-height:44px}.search-bar>.search-input,.search-bar>.search-hint{position:relative;z-index:1}.search-bar>.search-hint{position:absolute}.search-input{width:100%;padding:10px 148px 10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--skin-highlight) 55%,transparent);background:var(--skin-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--fg);outline:none;height:44px;min-height:44px;box-sizing:border-box;contain:style;transition:box-shadow .08s linear}.search-input:hover{border-color:var(--skin-highlight)}.search-input::placeholder{color:var(--skin-highlight)}.search-input:focus{border-color:var(--skin-highlight)}.search-hint{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--skin-highlight);font-size:12px;line-height:1;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.playlist li{padding:10px 20px 10px 30px;cursor:pointer;display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;color:var(--fg)}.playlist li:hover{background:transparent}.playlist li.active{background:transparent;color:var(--skin-highlight)}.playlist .index,.playlist-item .index{color:var(--skin-highlight)}.locate-fab{position:absolute;left:8px;background:transparent;border:none;color:var(--sub);padding:0;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,color .15s ease,background .15s ease}.locate-fab.visible{opacity:1;pointer-events:auto;color:var(--skin-highlight)}.locate-fab:hover{color:var(--skin-highlight-soft)}.playlist .name{white-space:nowrap;overflow:hidden}.actions-inline{display:inline-flex;align-items:center;gap:12px}.download-link{color:var(--skin-highlight);text-decoration:none;font-size:13px;padding:0;border:none;vertical-align:baseline;font-family:inherit}.download-link:hover{color:var(--skin-highlight-soft);text-decoration:none;border:none;background:transparent}.delete-link{color:var(--skin-highlight);background:transparent;border:none;font-size:13px;padding:0;cursor:pointer;vertical-align:baseline;font-family:inherit}.delete-link:hover{color:var(--skin-highlight-soft);border:none;background:transparent}.actions-inline .download-link[aria-label*=MV]{font-size:13px}footer{margin-top:0;margin-bottom:0;color:var(--sub);font-family:inherit;contain:layout style;grid-area:footer;height:0;min-height:0;max-height:0;display:none;align-items:center;justify-content:center;transform:translateZ(0);will-change:auto;position:relative;overflow:hidden}footer a{color:var(--skin-highlight);font-family:inherit}.player-card{padding:20px 20px 16px;min-height:200px;contain:layout style;position:relative;overflow:visible;box-sizing:border-box}.top{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:16px;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.art-lg{position:relative;width:140px;height:140px;min-width:140px;min-height:140px;contain:layout style;will-change:transform;transform:translateZ(0)}.disc{position:relative;width:100%;height:100%;border-radius:50%;background-image:url(/images/cd.webp);background-size:contain;background-repeat:no-repeat;background-position:center;display:grid;place-items:center;overflow:hidden;transition:transform .3s ease;will-change:transform;contain:layout style;transform:translateZ(0)}.disc img{width:70%;height:70%;object-fit:cover;border-radius:50%;transition:transform .3s ease;will-change:transform;contain:layout style;transform:translateZ(0)}.art-lg:before{content:"";position:absolute;right:-28px;top:0;width:64px;height:64px;background-image:url(/images/cd_tou.webp);background-size:contain;background-repeat:no-repeat;background-position:center;transform-origin:right top;transform:rotate(-15deg);transition:transform .5s ease;z-index:10;pointer-events:none}.disc{animation:none}.disc img{animation:spin 12s linear 0s infinite;animation-play-state:paused}.disc.playing,.disc.playing img{animation-play-state:running}.art-lg.playing:before{transform:rotate(0)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.meta{min-width:0;width:100%;max-width:100%;margin-left:20px;overflow:hidden;box-sizing:border-box}.track-title{font-size:24px;font-weight:700;letter-spacing:.2px;margin:0 0 6px 8px;color:var(--skin-highlight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.time-inline{color:var(--sub);font-size:12px;min-width:84px;text-align:right}.track-sub{margin:0 0 10px;color:var(--sub)}.controls-row{display:flex;align-items:center;flex-wrap:nowrap;gap:clamp(4px,1.2vw,12px);margin-left:-6px;min-width:0;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.controls-row>.icon-btn{flex:0 0 auto}.controls-row .vol{margin-left:auto;margin-right:200px;flex:1 1 0;min-width:0;max-width:160px}.progress-under{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:20px;margin-top:3px}.progress-rail{position:relative;width:100%;height:6px;border-radius:999px}.progress-rail-base,.progress-rail-buffer,.progress-rail-played{position:absolute;top:0;left:0;height:100%;border-radius:inherit;pointer-events:none}.progress-rail-base{width:100%;z-index:0;background:#fff3}.progress-rail-buffer{z-index:1;width:0%;background:#ffffff80}.progress-under .progress-rail-played{z-index:2;width:0%;background:linear-gradient(90deg,var(--skin-progress-from),var(--skin-progress-to))!important}.progress-under input.progress-rail-input[type=range]{position:absolute;inset:0;z-index:3;width:100%!important;min-width:100%;max-width:none!important;height:100%;margin:0;padding:0;appearance:none!important;-webkit-appearance:none!important;background:transparent!important;cursor:pointer;accent-color:transparent!important;color:transparent!important;box-sizing:border-box;filter:none!important;outline:none}.progress-under .progress-rail-input::-webkit-slider-runnable-track{height:6px;background:transparent!important;border-radius:999px;border:none!important}.progress-under .progress-rail-input::-moz-range-track{height:6px;background:transparent!important;border-radius:999px;border:none!important}.progress-under .progress-rail-input::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:16px!important;height:16px!important;margin-top:-5px;border-radius:50%!important;background:#fff!important;border:2px solid var(--skin-highlight)!important;box-shadow:0 0 0 calc(2px * var(--aura-intensity, 1)) color-mix(in srgb,var(--skin-highlight) 45%,transparent),0 0 calc(8px * var(--aura-intensity, 1)) var(--skin-progress-glow)!important;filter:none!important}.progress-under .progress-rail-input:active::-webkit-slider-thumb{box-shadow:0 0 0 calc(3px * var(--aura-intensity, 1)) color-mix(in srgb,var(--skin-highlight) 55%,transparent),0 0 calc(12px * var(--aura-intensity, 1)) var(--skin-progress-glow)!important}.progress-under .progress-rail-input::-moz-range-thumb{width:16px!important;height:16px!important;border-radius:50%!important;background:#fff!important;border:2px solid var(--skin-highlight)!important;box-shadow:0 0 0 calc(2px * var(--aura-intensity, 1)) color-mix(in srgb,var(--skin-highlight) 45%,transparent),0 0 calc(8px * var(--aura-intensity, 1)) var(--skin-progress-glow)!important;filter:none!important}.progress-under .progress-rail-input:active::-moz-range-thumb{box-shadow:0 0 0 calc(3px * var(--aura-intensity, 1)) color-mix(in srgb,var(--skin-highlight) 55%,transparent),0 0 calc(12px * var(--aura-intensity, 1)) var(--skin-progress-glow)!important}.container.audio-aura-disabled .progress-under .progress-rail-input::-webkit-slider-thumb,.container.audio-aura-disabled .progress-under .progress-rail-input:active::-webkit-slider-thumb{border:2px solid #fff!important;box-shadow:none!important}.container.audio-aura-disabled .progress-under .progress-rail-input::-moz-range-thumb,.container.audio-aura-disabled .progress-under .progress-rail-input:active::-moz-range-thumb{border:2px solid #fff!important;box-shadow:none!important}.progress-under .time-right{justify-self:end}.actions{display:flex;align-items:center}.vol{display:flex;align-items:center;gap:6px;flex-shrink:1;min-width:0;max-width:100%;overflow:hidden}#mute-btn.icon-btn{flex:0 0 auto;min-width:36px;min-height:36px;width:36px;height:36px;padding:4px;margin:0}#mute-btn.icon-btn svg{width:28px;height:28px}.vol-line{flex:1 1 auto;width:auto;min-width:0;max-width:120px;height:6px;appearance:none;-webkit-appearance:none;cursor:pointer;background:linear-gradient(90deg,var(--skin-progress-from) 0%,var(--skin-progress-to) 100%) 0 / var(--p, 0%) 100% no-repeat,#fff3;border-radius:999px;accent-color:transparent}.vol-line::-webkit-slider-runnable-track{height:6px;background:#fff3!important;border-radius:999px}.vol-line:active::-webkit-slider-runnable-track{background:#ffffff47}.vol-line::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px;width:16px;height:16px;border-radius:50%;background:#fff!important;border:2px solid var(--skin-highlight)!important;box-shadow:0 0 0 calc(2px * var(--aura-intensity, 1)) color-mix(in srgb,var(--skin-highlight) 45%,transparent),0 0 calc(8px * var(--aura-intensity, 1)) var(--skin-progress-glow)!important;filter:none!important}.vol-line:active::-webkit-slider-thumb{box-shadow:0 0 0 calc(3px * var(--aura-intensity, 1)) color-mix(in srgb,var(--skin-highlight) 55%,transparent),0 0 calc(12px * var(--aura-intensity, 1)) var(--skin-progress-glow)!important}.vol-line::-moz-range-track{height:6px;background:#fff3!important;border-radius:999px}.vol-line::-moz-range-progress{height:6px;background:transparent!important;border-radius:999px}.vol-line::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--skin-highlight)!important;box-shadow:0 0 0 calc(2px * var(--aura-intensity, 1)) color-mix(in srgb,var(--skin-highlight) 45%,transparent),0 0 calc(8px * var(--aura-intensity, 1)) var(--skin-progress-glow)!important;filter:none!important}.container.audio-aura-disabled .vol-line::-webkit-slider-thumb,.container.audio-aura-disabled .vol-line:active::-webkit-slider-thumb{border:2px solid #fff!important;box-shadow:none!important}.container.audio-aura-disabled .vol-line::-moz-range-thumb{border:2px solid #fff!important;box-shadow:none!important}.progress-row{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:10px;margin-top:12px}.time-left,.time-right{color:#e5e7eb;font-size:12px;text-shadow:0 1px 1px var(--skin-overlay)}.icon-btn{background:transparent;border:none;color:var(--fg);font-size:18px;padding:8px;margin:0 2px;min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s ease,transform .02s ease}.icon-btn:hover{color:var(--skin-highlight)}.icon-btn:active{transform:translateY(1px)}.icon-btn.active,.icon-btn-primary{color:var(--skin-highlight)}.icon-btn-primary:hover{color:var(--skin-highlight-soft)}.icon-btn svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.bar-center{width:100%}@media(max-width:720px){.meta{margin-left:8px}.controls-row{gap:4px}.controls-row .vol{max-width:120px}input.vol-line[type=range]{max-width:80px}#mute-btn.icon-btn{min-width:32px;min-height:32px;width:32px;height:32px}#mute-btn.icon-btn svg{width:24px;height:24px}}@media(max-width:480px){.container{max-width:100%;height:100vh;height:100dvh;padding:2px 2px 4px;grid-template-rows:auto auto 1fr;gap:2px}.player{padding:12px;height:180px;min-height:180px}.player-card{padding:14px 14px 12px}.search-hint{display:none}.search-input{padding-right:12px}.top{grid-template-columns:110px minmax(0,1fr);gap:12px}.art-lg{width:110px;height:110px;min-width:110px;min-height:110px;max-width:110px;max-height:110px;margin-left:-10px}.meta{margin-left:0;text-align:center}.track-title{font-size:17px;text-align:left;margin-left:5px}.track-sub{text-align:center}.track-sub{font-size:12px}.controls{grid-template-columns:auto 1fr auto;grid-gap:8px}.controls-group{gap:8px}.icon-btn{min-width:32px;min-height:32px;padding:6px}.icon-btn svg{width:24px;height:24px}.time-inline{min-width:64px;font-size:11px}.progress-row{grid-template-columns:40px 1fr 40px;gap:8px}.progress-under{grid-template-columns:32px 1fr auto;gap:20px}.vol-line,input[type=range]{width:100%}.controls-row{justify-content:center;gap:8px}.vol,.controls-row .vol{display:none}.playlist-container{max-height:65vh}.playlist li{grid-template-columns:20px 1fr auto;padding:10px 16px;gap:10px}.playlist .name{min-width:0;padding-right:28px}.actions-inline{gap:10px;margin-left:6px}.virtual-playlist-shell,.virtual-playlist{height:100%;min-height:0;max-height:100%;margin-bottom:0;margin-top:0}.virtual-scroll-container{max-height:100%}.playlist-item{grid-template-columns:20px 1fr auto;padding:10px 16px;gap:10px}.playlist-item .name{min-width:0;padding-right:28px}.playlist-item .actions-inline{gap:10px;margin-left:6px}.modal{width:96vw;padding:12px}.modal-body{max-height:70vh;margin-right:-12px;padding-right:12px}.modal-actions .btn-ghost{padding:9px 14px;font-size:13px}.form-row{grid-template-columns:1fr}.form-input{padding:10px}.section-title{font-size:15px}.modal-title{font-size:16px}.modal-body::-webkit-scrollbar{width:8px}.modal-actions{flex-direction:column;gap:8px}.modal-actions .btn-ghost,.modal-actions .btn-danger{width:100%}.form-group{gap:5px;margin-bottom:8px}.form-label{font-size:11px}.form-input{font-size:14px}.locate-fab{left:8px;top:50%;transform:translateY(-50%)}footer{position:fixed;left:0;right:0;bottom:0;margin-top:0;text-align:center;margin-bottom:0;padding-bottom:0;z-index:50;contain:layout style;will-change:transform;min-height:40px;display:flex;align-items:center;justify-content:center}footer div{margin-top:0;line-height:0}.settings-icon{position:absolute!important;top:8px!important;right:8px!important;z-index:1000!important;background:transparent!important;background-color:transparent!important;border:none!important;color:#fff!important;font-size:22px!important;padding:8px!important;cursor:pointer!important;border-radius:50%!important;pointer-events:auto!important;box-shadow:none!important;-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;touch-action:manipulation!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-clip:padding-box!important;-webkit-background-clip:padding-box!important;outline:none!important}.settings-icon:hover,.settings-icon:active,.settings-icon:focus,.settings-icon:focus-visible{background:transparent!important;background-color:transparent!important;box-shadow:none!important;outline:none!important}}.cache-status{margin-bottom:16px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--skin-hover);border-radius:8px;border:1px solid var(--skin-border-soft)}.status-item .label{font-size:12px;color:#fff}.status-item .value{font-size:12px;font-weight:600;color:var(--fg)}.status-item .value.enabled{color:#10b981}.status-item .value.disabled{color:#ef4444}.status-item .value.loading{color:#f59e0b}.status-item .value.idle{color:#6b7280}.cache-usage{margin-top:12px}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;color:#fff}.usage-bar{width:100%;height:6px;background:var(--skin-border-soft);border-radius:3px;overflow:hidden}.usage-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;transition:width .3s ease}.cache-settings{margin-bottom:16px}.cache-settings h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#fff}.cache-actions{display:flex;gap:10px;margin-top:16px}input[type=checkbox]:hover{cursor:pointer}input[type=checkbox]:hover:not(:disabled){filter:none!important;transform:none!important;box-shadow:none!important;background:none!important}.form-label:hover{background:none!important;color:#fff!important}.form-group:hover{background:none!important}.progress-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--skin-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--skin-border);border-radius:12px;box-shadow:0 8px 24px var(--skin-overlay);width:min(90vw,400px);max-height:90vh;overflow:hidden;z-index:1000;animation:slideUp .3s ease-out}.progress-dialog-header{position:relative;display:flex;align-items:center;justify-content:center;padding:16px 40px 12px;border-bottom:1px solid var(--skin-border-soft);min-height:48px}.progress-dialog-title{margin:0;font-size:18px;font-weight:600;color:var(--fg);display:flex;align-items:center;justify-content:center;gap:8px}.progress-dialog-close{position:absolute;top:50%;right:10px;transform:translateY(-50%)}.progress-dialog-icon{display:inline-flex;align-items:center;margin-right:8px}.progress-dialog-title:before{content:"";width:4px;height:4px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.progress-dialog-body{padding:16px 20px}.progress-dialog-message{margin:0 0 20px;color:var(--fg);font-size:14px;line-height:1.5}.progress-dialog-progress{margin-bottom:20px}.progress-dialog-progress-track{width:100%;height:8px;background:var(--skin-border-soft);border-radius:4px;overflow:hidden;position:relative}.progress-dialog-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .3s ease;position:relative;overflow:hidden}.progress-dialog-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--skin-border),transparent);animation:shimmer 2s infinite}.progress-dialog-progress-text{text-align:center;margin-top:8px;font-size:12px;color:var(--sub);font-weight:500}.progress-dialog-animation{display:flex;justify-content:center;margin-bottom:16px}.progress-dots{display:flex;gap:4px}.dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}.progress-dialog-footer{padding:12px 20px 16px;border-top:1px solid var(--skin-border-soft);display:flex;justify-content:center}.progress-dialog-cancel-btn{background:linear-gradient(180deg,#ef4444,#b91c1c);border:1px solid #ef4444;color:#fff;padding:10px 16px;border-radius:8px;box-shadow:0 6px 14px #ef444459;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.progress-dialog-cancel-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.progress-dialog-cancel-btn:active{transform:translateY(1px)}.progress-dialog-success{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:8px;color:#10b981;font-weight:500;animation:successFadeIn .5s ease-out}.progress-dialog-success svg{animation:successCheck .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-50%) translateY(20px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes successFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes successCheck{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@media(max-width:480px){.progress-dialog{width:95vw;margin:20px}.progress-dialog-header,.progress-dialog-body,.progress-dialog-footer{padding-left:16px;padding-right:16px}.progress-dialog-title{font-size:16px}}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:16px;height:16px;border:2px solid #6b7280;border-radius:3px;background:transparent;cursor:pointer;position:relative;margin-right:8px;vertical-align:middle}input[type=checkbox]:checked{background:#10b981;border-color:#10b981}input[type=checkbox]:checked:hover{background:#10b981!important;border-color:#10b981!important;filter:none!important;transform:none!important;box-shadow:none!important}input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-2px;left:2px;color:#fff;font-size:12px;font-weight:700}input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}input[type=checkbox]:disabled:checked{background:#6b7280;border-color:#6b7280}:root,[data-skin=sakura]{--sakura: 255, 143, 179;--sakura-soft: 255, 188, 209;--sakura-deep: 204, 114, 143;--sakura-deeper: 178, 100, 125;--bg: #1a0812;--fg: #f3e8ee;--sub: rgb(var(--sakura-soft));--card: #1c1218;--muted: #3a2430;--ac: rgb(var(--sakura));--skin-page-gradient: linear-gradient(155deg, #3a1428 0%, #1a0812 48%, #2a1020 100%);--skin-body-veil: linear-gradient(180deg, rgba(var(--sakura), .28), rgba(20, 8, 16, .62));--skin-page-wash: linear-gradient( 135deg, rgba(var(--sakura), .28), transparent 52%, rgba(var(--sakura), .12) );--skin-surface: rgba(40, 20, 32, .48);--skin-surface-mid: rgba(40, 20, 32, .58);--skin-surface-strong: rgba(28, 14, 22, .9);--skin-border: rgba(var(--sakura), .32);--skin-border-strong: rgba(var(--sakura), .55);--skin-border-soft: rgba(var(--sakura), .14);--skin-hover: rgba(var(--sakura), .12);--skin-hover-soft: rgba(var(--sakura), .06);--skin-overlay: rgba(20, 8, 16, .55);--skin-scroll-thumb: rgba(var(--sakura-soft), .35);--skin-panel-glow: rgba(var(--sakura), .2);--skin-btn-bg: var(--skin-surface-strong);--skin-btn-bg-hover: var(--skin-surface-mid);--skin-accent-from: rgb(var(--sakura-soft));--skin-accent-to: rgb(var(--sakura));--skin-accent-border: rgba(var(--sakura), .85);--skin-accent-shadow: 0 6px 14px rgba(var(--sakura), .35);--skin-accent-fg: #3a2a2a;--skin-highlight: rgb(var(--sakura));--skin-highlight-soft: rgb(var(--sakura-soft));--skin-progress-from: rgb(var(--sakura-soft));--skin-progress-to: rgb(var(--sakura));--skin-progress-glow: rgba(var(--sakura), .35);--skin-progress-active: rgba(var(--sakura), .55);--skin-primary-from: rgb(var(--sakura-deep));--skin-primary-to: rgb(var(--sakura-deeper));--skin-primary-border: rgb(var(--sakura));--skin-primary-shadow: 0 6px 14px rgba(var(--sakura), .35);--skin-bar-from: rgb(var(--sakura));--skin-bar-to: rgb(var(--sakura-deep));--pwa-chrome-bg: rgba(28, 14, 22, .94);--pwa-chrome-border: rgba(var(--sakura-soft), .18);--pwa-chrome-primary: linear-gradient(180deg, rgb(var(--sakura)), rgb(var(--sakura-deep)));--pwa-chrome-primary-shadow: 0 4px 12px rgba(var(--sakura), .35)}[data-skin=ocean]{--bg: #061018;--fg: #e0f2fe;--sub: #7dd3fc;--card: #0c1a24;--muted: #163040;--ac: #38bdf8;--skin-page-gradient: linear-gradient(165deg, #063246 0%, #061018 50%, #0a1f2e 100%);--skin-body-veil: linear-gradient(180deg, rgba(6, 40, 60, .55), rgba(4, 14, 24, .65));--skin-page-wash: linear-gradient( 140deg, rgba(56, 189, 248, .25), transparent 50%, rgba(20, 184, 166, .15) );--skin-surface: rgba(12, 36, 52, .48);--skin-surface-mid: rgba(12, 36, 52, .58);--skin-surface-strong: rgba(8, 24, 36, .9);--skin-border: rgba(56, 189, 248, .32);--skin-border-strong: rgba(56, 189, 248, .55);--skin-border-soft: rgba(56, 189, 248, .14);--skin-hover: rgba(56, 189, 248, .12);--skin-hover-soft: rgba(56, 189, 248, .06);--skin-overlay: rgba(4, 16, 28, .55);--skin-scroll-thumb: rgba(56, 189, 248, .35);--skin-panel-glow: rgba(56, 189, 248, .2);--skin-btn-bg: var(--skin-surface-strong);--skin-btn-bg-hover: var(--skin-surface-mid);--skin-accent-from: #7dd3fc;--skin-accent-to: #38bdf8;--skin-accent-border: rgba(56, 189, 248, .85);--skin-accent-shadow: 0 6px 14px rgba(14, 165, 233, .35);--skin-accent-fg: #0c2a3a;--skin-highlight: #38bdf8;--skin-highlight-soft: #7dd3fc;--skin-progress-from: #67e8f9;--skin-progress-to: #0ea5e9;--skin-progress-glow: rgba(14, 165, 233, .35);--skin-progress-active: rgba(14, 165, 233, .55);--skin-primary-from: #0284c7;--skin-primary-to: #0369a1;--skin-primary-border: #0ea5e9;--skin-primary-shadow: 0 6px 14px rgba(2, 132, 199, .35);--skin-bar-from: #06b6d4;--skin-bar-to: #2563eb;--pwa-chrome-bg: rgba(8, 24, 36, .94);--pwa-chrome-border: rgba(125, 211, 252, .18);--pwa-chrome-primary: linear-gradient(180deg, #38bdf8, #0284c7);--pwa-chrome-primary-shadow: 0 4px 12px rgba(14, 165, 233, .35)}[data-skin=sunset]{--bg: #1a0e08;--fg: #fff7ed;--sub: #fdba74;--card: #24140c;--muted: #3d2416;--ac: #f97316;--skin-page-gradient: linear-gradient(155deg, #3a1808 0%, #1a0e08 48%, #2a100c 100%);--skin-body-veil: linear-gradient(180deg, rgba(60, 24, 8, .55), rgba(18, 8, 4, .65));--skin-page-wash: linear-gradient( 135deg, rgba(249, 115, 22, .28), transparent 52%, rgba(239, 68, 68, .12) );--skin-surface: rgba(48, 24, 12, .48);--skin-surface-mid: rgba(48, 24, 12, .58);--skin-surface-strong: rgba(32, 14, 8, .9);--skin-border: rgba(251, 146, 60, .32);--skin-border-strong: rgba(251, 146, 60, .55);--skin-border-soft: rgba(251, 146, 60, .14);--skin-hover: rgba(249, 115, 22, .12);--skin-hover-soft: rgba(249, 115, 22, .06);--skin-overlay: rgba(20, 8, 4, .55);--skin-scroll-thumb: rgba(251, 146, 60, .35);--skin-panel-glow: rgba(249, 115, 22, .2);--skin-btn-bg: var(--skin-surface-strong);--skin-btn-bg-hover: var(--skin-surface-mid);--skin-accent-from: #fdba74;--skin-accent-to: #f97316;--skin-accent-border: rgba(249, 115, 22, .85);--skin-accent-shadow: 0 6px 14px rgba(249, 115, 22, .35);--skin-accent-fg: #3a220c;--skin-highlight: #fb923c;--skin-highlight-soft: #fdba74;--skin-progress-from: #fcd34d;--skin-progress-to: #f97316;--skin-progress-glow: rgba(249, 115, 22, .35);--skin-progress-active: rgba(249, 115, 22, .55);--skin-primary-from: #ea580c;--skin-primary-to: #c2410c;--skin-primary-border: #f97316;--skin-primary-shadow: 0 6px 14px rgba(234, 88, 12, .35);--skin-bar-from: #f59e0b;--skin-bar-to: #ef4444;--pwa-chrome-bg: rgba(32, 14, 8, .94);--pwa-chrome-border: rgba(253, 186, 116, .18);--pwa-chrome-primary: linear-gradient(180deg, #fb923c, #ea580c);--pwa-chrome-primary-shadow: 0 4px 12px rgba(249, 115, 22, .35)}[data-skin=forest]{--bg: #07140c;--fg: #ecfdf5;--sub: #86efac;--card: #0e1f14;--muted: #1a3324;--ac: #22c55e;--skin-page-gradient: linear-gradient(160deg, #0c2818 0%, #07140c 50%, #0a2014 100%);--skin-body-veil: linear-gradient(180deg, rgba(8, 40, 24, .55), rgba(4, 16, 10, .65));--skin-page-wash: linear-gradient( 140deg, rgba(34, 197, 94, .24), transparent 50%, rgba(16, 185, 129, .12) );--skin-surface: rgba(14, 40, 24, .48);--skin-surface-mid: rgba(14, 40, 24, .58);--skin-surface-strong: rgba(8, 28, 16, .9);--skin-border: rgba(74, 222, 128, .32);--skin-border-strong: rgba(74, 222, 128, .55);--skin-border-soft: rgba(74, 222, 128, .14);--skin-hover: rgba(34, 197, 94, .12);--skin-hover-soft: rgba(34, 197, 94, .06);--skin-overlay: rgba(4, 16, 10, .55);--skin-scroll-thumb: rgba(74, 222, 128, .35);--skin-panel-glow: rgba(34, 197, 94, .18);--skin-btn-bg: var(--skin-surface-strong);--skin-btn-bg-hover: var(--skin-surface-mid);--skin-accent-from: #86efac;--skin-accent-to: #22c55e;--skin-accent-border: rgba(34, 197, 94, .85);--skin-accent-shadow: 0 6px 14px rgba(34, 197, 94, .35);--skin-accent-fg: #12301c;--skin-highlight: #4ade80;--skin-highlight-soft: #86efac;--skin-progress-from: #6ee7b7;--skin-progress-to: #16a34a;--skin-progress-glow: rgba(22, 163, 74, .35);--skin-progress-active: rgba(22, 163, 74, .55);--skin-primary-from: #159e4a;--skin-primary-to: #15803d;--skin-primary-border: #22c55e;--skin-primary-shadow: 0 6px 14px rgba(21, 128, 61, .35);--skin-bar-from: #10b981;--skin-bar-to: #22c55e;--pwa-chrome-bg: rgba(8, 28, 16, .94);--pwa-chrome-border: rgba(134, 239, 172, .18);--pwa-chrome-primary: linear-gradient(180deg, #4ade80, #16a34a);--pwa-chrome-primary-shadow: 0 4px 12px rgba(34, 197, 94, .35)}[data-skin=aurora]{--bg: #0a0a18;--fg: #eef2ff;--sub: #a5b4fc;--card: #121228;--muted: #242448;--ac: #818cf8;--skin-page-gradient: linear-gradient(165deg, #14143a 0%, #0a0a18 48%, #1a1030 100%);--skin-body-veil: linear-gradient(180deg, rgba(24, 20, 56, .55), rgba(8, 8, 24, .65));--skin-page-wash: linear-gradient( 130deg, rgba(34, 211, 238, .2), transparent 45%, rgba(192, 132, 252, .22) );--skin-surface: rgba(28, 28, 56, .48);--skin-surface-mid: rgba(28, 28, 56, .58);--skin-surface-strong: rgba(16, 16, 40, .9);--skin-border: rgba(167, 139, 250, .32);--skin-border-strong: rgba(167, 139, 250, .55);--skin-border-soft: rgba(167, 139, 250, .14);--skin-hover: rgba(129, 140, 248, .12);--skin-hover-soft: rgba(129, 140, 248, .06);--skin-overlay: rgba(8, 8, 24, .55);--skin-scroll-thumb: rgba(167, 139, 250, .35);--skin-panel-glow: rgba(167, 139, 250, .2);--skin-btn-bg: var(--skin-surface-strong);--skin-btn-bg-hover: var(--skin-surface-mid);--skin-accent-from: #a5b4fc;--skin-accent-to: #818cf8;--skin-accent-border: rgba(129, 140, 248, .85);--skin-accent-shadow: 0 6px 14px rgba(99, 102, 241, .35);--skin-accent-fg: #1e1b4b;--skin-highlight: #a78bfa;--skin-highlight-soft: #c4b5fd;--skin-progress-from: #67e8f9;--skin-progress-to: #a78bfa;--skin-progress-glow: rgba(167, 139, 250, .35);--skin-progress-active: rgba(167, 139, 250, .55);--skin-primary-from: #6366f1;--skin-primary-to: #4f46e5;--skin-primary-border: #818cf8;--skin-primary-shadow: 0 6px 14px rgba(99, 102, 241, .35);--skin-bar-from: #22d3ee;--skin-bar-to: #c084fc;--pwa-chrome-bg: rgba(16, 16, 40, .94);--pwa-chrome-border: rgba(165, 180, 252, .18);--pwa-chrome-primary: linear-gradient(180deg, #67e8f9, #a78bfa);--pwa-chrome-primary-shadow: 0 4px 12px rgba(167, 139, 250, .35)}[data-skin=glacier]{--bg: #0b1218;--fg: #f1f5f9;--sub: #94a3b8;--card: #121a22;--muted: #243040;--ac: #38bdf8;--skin-page-gradient: linear-gradient(170deg, #152028 0%, #0b1218 50%, #101820 100%);--skin-body-veil: linear-gradient(180deg, rgba(20, 32, 44, .55), rgba(8, 12, 18, .68));--skin-page-wash: linear-gradient( 145deg, rgba(186, 230, 253, .18), transparent 50%, rgba(148, 163, 184, .16) );--skin-surface: rgba(24, 36, 48, .48);--skin-surface-mid: rgba(24, 36, 48, .58);--skin-surface-strong: rgba(14, 22, 30, .92);--skin-border: rgba(125, 211, 252, .32);--skin-border-strong: rgba(125, 211, 252, .55);--skin-border-soft: rgba(125, 211, 252, .14);--skin-hover: rgba(125, 211, 252, .1);--skin-hover-soft: rgba(125, 211, 252, .05);--skin-overlay: rgba(8, 12, 18, .55);--skin-scroll-thumb: rgba(125, 211, 252, .35);--skin-panel-glow: rgba(125, 211, 252, .16);--skin-btn-bg: var(--skin-surface-strong);--skin-btn-bg-hover: var(--skin-surface-mid);--skin-accent-from: #bae6fd;--skin-accent-to: #94a3b8;--skin-accent-border: rgba(148, 163, 184, .9);--skin-accent-shadow: 0 6px 14px rgba(100, 116, 139, .35);--skin-accent-fg: #0f172a;--skin-highlight: #7dd3fc;--skin-highlight-soft: #e2e8f0;--skin-progress-from: #e0f2fe;--skin-progress-to: #38bdf8;--skin-progress-glow: rgba(56, 189, 248, .3);--skin-progress-active: rgba(56, 189, 248, .5);--skin-primary-from: #64748b;--skin-primary-to: #475569;--skin-primary-border: #94a3b8;--skin-primary-shadow: 0 6px 14px rgba(71, 85, 105, .35);--skin-bar-from: #38bdf8;--skin-bar-to: #64748b;--pwa-chrome-bg: rgba(14, 22, 30, .94);--pwa-chrome-border: rgba(186, 230, 253, .16);--pwa-chrome-primary: linear-gradient(180deg, #bae6fd, #64748b);--pwa-chrome-primary-shadow: 0 4px 12px rgba(100, 116, 139, .35)}[data-skin=ember]{--bg: #16080c;--fg: #fff1f2;--sub: #fda4af;--card: #221014;--muted: #3a1820;--ac: #f43f5e;--skin-page-gradient: linear-gradient(155deg, #3a1018 0%, #16080c 48%, #2a0c14 100%);--skin-body-veil: linear-gradient(180deg, rgba(56, 12, 24, .55), rgba(16, 6, 10, .65));--skin-page-wash: linear-gradient( 135deg, rgba(244, 63, 94, .26), transparent 50%, rgba(249, 115, 22, .14) );--skin-surface: rgba(48, 16, 24, .48);--skin-surface-mid: rgba(48, 16, 24, .58);--skin-surface-strong: rgba(32, 10, 16, .9);--skin-border: rgba(251, 113, 133, .32);--skin-border-strong: rgba(251, 113, 133, .55);--skin-border-soft: rgba(251, 113, 133, .14);--skin-hover: rgba(244, 63, 94, .12);--skin-hover-soft: rgba(244, 63, 94, .06);--skin-overlay: rgba(16, 6, 10, .55);--skin-scroll-thumb: rgba(251, 113, 133, .35);--skin-panel-glow: rgba(244, 63, 94, .2);--skin-btn-bg: var(--skin-surface-strong);--skin-btn-bg-hover: var(--skin-surface-mid);--skin-accent-from: #fda4af;--skin-accent-to: #f43f5e;--skin-accent-border: rgba(244, 63, 94, .85);--skin-accent-shadow: 0 6px 14px rgba(244, 63, 94, .35);--skin-accent-fg: #3f0d16;--skin-highlight: #fb7185;--skin-highlight-soft: #fda4af;--skin-progress-from: #fdba74;--skin-progress-to: #e11d48;--skin-progress-glow: rgba(225, 29, 72, .35);--skin-progress-active: rgba(225, 29, 72, .55);--skin-primary-from: #e11d48;--skin-primary-to: #be123c;--skin-primary-border: #f43f5e;--skin-primary-shadow: 0 6px 14px rgba(225, 29, 72, .35);--skin-bar-from: #f97316;--skin-bar-to: #e11d48;--pwa-chrome-bg: rgba(32, 10, 16, .94);--pwa-chrome-border: rgba(253, 164, 175, .18);--pwa-chrome-primary: linear-gradient(180deg, #fb7185, #e11d48);--pwa-chrome-primary-shadow: 0 4px 12px rgba(244, 63, 94, .35)}[data-skin=grape]{--bg: #12081c;--fg: #f5eefc;--sub: #d8b4fe;--card: #1c1028;--muted: #342048;--ac: #a855f7;--skin-page-gradient: linear-gradient(160deg, #2a1040 0%, #12081c 48%, #1c0c2e 100%);--skin-body-veil: linear-gradient(180deg, rgba(48, 16, 72, .55), rgba(12, 6, 22, .66));--skin-page-wash: linear-gradient( 135deg, rgba(168, 85, 247, .26), transparent 50%, rgba(217, 70, 239, .12) );--skin-surface: rgba(40, 20, 56, .48);--skin-surface-mid: rgba(40, 20, 56, .58);--skin-surface-strong: rgba(28, 12, 42, .9);--skin-border: rgba(192, 132, 252, .32);--skin-border-strong: rgba(192, 132, 252, .55);--skin-border-soft: rgba(192, 132, 252, .14);--skin-hover: rgba(168, 85, 247, .12);--skin-hover-soft: rgba(168, 85, 247, .06);--skin-overlay: rgba(12, 6, 22, .55);--skin-scroll-thumb: rgba(192, 132, 252, .35);--skin-panel-glow: rgba(168, 85, 247, .22);--skin-btn-bg: var(--skin-surface-strong);--skin-btn-bg-hover: var(--skin-surface-mid);--skin-accent-from: #e9d5ff;--skin-accent-to: #a855f7;--skin-accent-border: rgba(168, 85, 247, .85);--skin-accent-shadow: 0 6px 14px rgba(147, 51, 234, .35);--skin-accent-fg: #2e1065;--skin-highlight: #c084fc;--skin-highlight-soft: #e9d5ff;--skin-progress-from: #e9d5ff;--skin-progress-to: #9333ea;--skin-progress-glow: rgba(147, 51, 234, .35);--skin-progress-active: rgba(147, 51, 234, .55);--skin-primary-from: #9333ea;--skin-primary-to: #7e22ce;--skin-primary-border: #a855f7;--skin-primary-shadow: 0 6px 14px rgba(126, 34, 206, .35);--skin-bar-from: #c084fc;--skin-bar-to: #d946ef;--pwa-chrome-bg: rgba(28, 12, 42, .94);--pwa-chrome-border: rgba(216, 180, 254, .18);--pwa-chrome-primary: linear-gradient(180deg, #c084fc, #9333ea);--pwa-chrome-primary-shadow: 0 4px 12px rgba(168, 85, 247, .35)}[data-skin=honey]{--bg: #161008;--fg: #fffbeb;--sub: #fcd34d;--card: #22180c;--muted: #3a2c14;--ac: #f59e0b;--skin-page-gradient: linear-gradient(155deg, #3a2810 0%, #161008 48%, #2a1c0c 100%);--skin-body-veil: linear-gradient(180deg, rgba(56, 36, 8, .55), rgba(18, 12, 4, .66));--skin-page-wash: linear-gradient( 135deg, rgba(245, 158, 11, .26), transparent 52%, rgba(234, 179, 8, .12) );--skin-surface: rgba(48, 36, 16, .48);--skin-surface-mid: rgba(48, 36, 16, .58);--skin-surface-strong: rgba(32, 22, 10, .9);--skin-border: rgba(251, 191, 36, .32);--skin-border-strong: rgba(251, 191, 36, .55);--skin-border-soft: rgba(251, 191, 36, .14);--skin-hover: rgba(245, 158, 11, .12);--skin-hover-soft: rgba(245, 158, 11, .06);--skin-overlay: rgba(18, 12, 4, .55);--skin-scroll-thumb: rgba(251, 191, 36, .35);--skin-panel-glow: rgba(245, 158, 11, .2);--skin-btn-bg: var(--skin-surface-strong);--skin-btn-bg-hover: var(--skin-surface-mid);--skin-accent-from: #fde68a;--skin-accent-to: #f59e0b;--skin-accent-border: rgba(245, 158, 11, .85);--skin-accent-shadow: 0 6px 14px rgba(217, 119, 6, .35);--skin-accent-fg: #3a2a0c;--skin-highlight: #fbbf24;--skin-highlight-soft: #fde68a;--skin-progress-from: #fef3c7;--skin-progress-to: #d97706;--skin-progress-glow: rgba(217, 119, 6, .35);--skin-progress-active: rgba(217, 119, 6, .55);--skin-primary-from: #d97706;--skin-primary-to: #b45309;--skin-primary-border: #f59e0b;--skin-primary-shadow: 0 6px 14px rgba(180, 83, 9, .35);--skin-bar-from: #fbbf24;--skin-bar-to: #ea580c;--pwa-chrome-bg: rgba(32, 22, 10, .94);--pwa-chrome-border: rgba(252, 211, 77, .18);--pwa-chrome-primary: linear-gradient(180deg, #fbbf24, #d97706);--pwa-chrome-primary-shadow: 0 4px 12px rgba(245, 158, 11, .35)}[data-skin=wine]{--bg: #14080c;--fg: #fdf2f4;--sub: #f0abbc;--card: #201014;--muted: #3a1822;--ac: #be123c;--skin-page-gradient: linear-gradient(155deg, #3a101c 0%, #14080c 48%, #280c16 100%);--skin-body-veil: linear-gradient(180deg, rgba(56, 12, 28, .55), rgba(14, 6, 10, .66));--skin-page-wash: linear-gradient( 135deg, rgba(190, 18, 60, .26), transparent 50%, rgba(127, 29, 29, .14) );--skin-surface: rgba(44, 16, 24, .48);--skin-surface-mid: rgba(44, 16, 24, .58);--skin-surface-strong: rgba(30, 10, 16, .9);--skin-border: rgba(225, 29, 72, .32);--skin-border-strong: rgba(225, 29, 72, .55);--skin-border-soft: rgba(225, 29, 72, .14);--skin-hover: rgba(190, 18, 60, .12);--skin-hover-soft: rgba(190, 18, 60, .06);--skin-overlay: rgba(14, 6, 10, .55);--skin-scroll-thumb: rgba(225, 29, 72, .35);--skin-panel-glow: rgba(190, 18, 60, .2);--skin-btn-bg: var(--skin-surface-strong);--skin-btn-bg-hover: var(--skin-surface-mid);--skin-accent-from: #fda4af;--skin-accent-to: #be123c;--skin-accent-border: rgba(190, 18, 60, .85);--skin-accent-shadow: 0 6px 14px rgba(159, 18, 57, .35);--skin-accent-fg: #3f0a16;--skin-highlight: #e11d48;--skin-highlight-soft: #fda4af;--skin-progress-from: #fecdd3;--skin-progress-to: #9f1239;--skin-progress-glow: rgba(159, 18, 57, .35);--skin-progress-active: rgba(159, 18, 57, .55);--skin-primary-from: #9f1239;--skin-primary-to: #881337;--skin-primary-border: #be123c;--skin-primary-shadow: 0 6px 14px rgba(136, 19, 55, .35);--skin-bar-from: #e11d48;--skin-bar-to: #7f1d1d;--pwa-chrome-bg: rgba(30, 10, 16, .94);--pwa-chrome-border: rgba(240, 171, 188, .18);--pwa-chrome-primary: linear-gradient(180deg, #e11d48, #9f1239);--pwa-chrome-primary-shadow: 0 4px 12px rgba(190, 18, 60, .35)}[data-skin=mist]{--bg: #0a1416;--fg: #ecfeff;--sub: #99f6e4;--card: #101c1e;--muted: #1e3234;--ac: #2dd4bf;--skin-page-gradient: linear-gradient(165deg, #123028 0%, #0a1416 50%, #0e2022 100%);--skin-body-veil: linear-gradient(180deg, rgba(16, 40, 40, .55), rgba(6, 16, 18, .66));--skin-page-wash: linear-gradient( 140deg, rgba(45, 212, 191, .22), transparent 50%, rgba(148, 163, 184, .12) );--skin-surface: rgba(16, 40, 42, .48);--skin-surface-mid: rgba(16, 40, 42, .58);--skin-surface-strong: rgba(10, 28, 30, .9);--skin-border: rgba(94, 234, 212, .32);--skin-border-strong: rgba(94, 234, 212, .55);--skin-border-soft: rgba(94, 234, 212, .14);--skin-hover: rgba(45, 212, 191, .12);--skin-hover-soft: rgba(45, 212, 191, .06);--skin-overlay: rgba(6, 16, 18, .55);--skin-scroll-thumb: rgba(94, 234, 212, .35);--skin-panel-glow: rgba(45, 212, 191, .18);--skin-btn-bg: var(--skin-surface-strong);--skin-btn-bg-hover: var(--skin-surface-mid);--skin-accent-from: #99f6e4;--skin-accent-to: #2dd4bf;--skin-accent-border: rgba(45, 212, 191, .85);--skin-accent-shadow: 0 6px 14px rgba(13, 148, 136, .35);--skin-accent-fg: #0f2a28;--skin-highlight: #5eead4;--skin-highlight-soft: #ccfbf1;--skin-progress-from: #ccfbf1;--skin-progress-to: #0d9488;--skin-progress-glow: rgba(13, 148, 136, .35);--skin-progress-active: rgba(13, 148, 136, .55);--skin-primary-from: #0f766e;--skin-primary-to: #115e59;--skin-primary-border: #2dd4bf;--skin-primary-shadow: 0 6px 14px rgba(15, 118, 110, .35);--skin-bar-from: #2dd4bf;--skin-bar-to: #64748b;--pwa-chrome-bg: rgba(10, 28, 30, .94);--pwa-chrome-border: rgba(153, 246, 228, .16);--pwa-chrome-primary: linear-gradient(180deg, #5eead4, #0d9488);--pwa-chrome-primary-shadow: 0 4px 12px rgba(45, 212, 191, .35)}[data-skin=citrus]{--bg: #101408;--fg: #f7fee7;--sub: #bef264;--card: #181e0c;--muted: #2c3418;--ac: #a3e635;--skin-page-gradient: linear-gradient(160deg, #243010 0%, #101408 50%, #1a220c 100%);--skin-body-veil: linear-gradient(180deg, rgba(36, 48, 12, .55), rgba(12, 16, 6, .66));--skin-page-wash: linear-gradient( 140deg, rgba(163, 230, 53, .24), transparent 50%, rgba(234, 179, 8, .1) );--skin-surface: rgba(36, 44, 16, .48);--skin-surface-mid: rgba(36, 44, 16, .58);--skin-surface-strong: rgba(22, 28, 10, .9);--skin-border: rgba(190, 242, 100, .32);--skin-border-strong: rgba(190, 242, 100, .55);--skin-border-soft: rgba(190, 242, 100, .14);--skin-hover: rgba(163, 230, 53, .12);--skin-hover-soft: rgba(163, 230, 53, .06);--skin-overlay: rgba(12, 16, 6, .55);--skin-scroll-thumb: rgba(190, 242, 100, .35);--skin-panel-glow: rgba(163, 230, 53, .18);--skin-btn-bg: var(--skin-surface-strong);--skin-btn-bg-hover: var(--skin-surface-mid);--skin-accent-from: #d9f99d;--skin-accent-to: #a3e635;--skin-accent-border: rgba(163, 230, 53, .85);--skin-accent-shadow: 0 6px 14px rgba(132, 204, 22, .35);--skin-accent-fg: #1a2e05;--skin-highlight: #bef264;--skin-highlight-soft: #d9f99d;--skin-progress-from: #ecfccb;--skin-progress-to: #65a30d;--skin-progress-glow: rgba(101, 163, 13, .35);--skin-progress-active: rgba(101, 163, 13, .55);--skin-primary-from: #65a30d;--skin-primary-to: #4d7c0f;--skin-primary-border: #a3e635;--skin-primary-shadow: 0 6px 14px rgba(77, 124, 15, .35);--skin-bar-from: #a3e635;--skin-bar-to: #eab308;--pwa-chrome-bg: rgba(22, 28, 10, .94);--pwa-chrome-border: rgba(190, 242, 100, .18);--pwa-chrome-primary: linear-gradient(180deg, #bef264, #65a30d);--pwa-chrome-primary-shadow: 0 4px 12px rgba(163, 230, 53, .35)}