html,body,#app{width:100%;min-height:100%}html,body{margin:0}#app{width:100%;min-height:100vh;min-height:100dvh}main#app-view{display:block;width:100%;min-width:0;min-height:100vh;min-height:100dvh}#app-view>*{width:100%;min-width:0}#app-persistent-layer{position:relative;z-index:auto}[data-vb-shell-window]{will-change:auto;touch-action:auto}[data-vb-shell-window] *{touch-action:auto}[data-vb-shell-window] .vb-floating-drag-handle,[data-vb-shell-window] .milkdrop-resize-handle{touch-action:none}html.vb-floating-drag-active{overscroll-behavior:none;touch-action:none}html.vb-floating-drag-active body{overscroll-behavior:none}[data-vb-shell-window-active=true]{box-shadow:0 0 0 1px color-mix(in srgb,var(--calc-accent, #10b981) 24%,transparent),var(--calc-shadow, var(--player-shadow, 0 18px 50px rgba(0, 0, 0, .2)))}[data-vb-shell-window-state=minimized]{display:none!important}[data-vb-shell-snap-preview]{outline:2px solid color-mix(in srgb,var(--calc-accent, #10b981) 48%,transparent);outline-offset:2px;box-shadow:0 0 0 1px color-mix(in srgb,var(--calc-accent, #10b981) 28%,transparent),var(--calc-shadow, var(--player-shadow, 0 18px 50px rgba(0, 0, 0, .2)))}.vb-shell-taskbar{--vb-shell-taskbar-max-width: min(520px, calc(100vw - 24px) );--vb-shell-taskbar-padding-x: 12px;--vb-shell-taskbar-padding-inline-total: 24px;--vb-shell-taskbar-handle-width: 44px;position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:calc(var(--vb-z-floating, 1000) - 1);display:flex;align-items:center;justify-content:center;width:fit-content;max-width:var(--vb-shell-taskbar-max-width);min-height:58px;overflow:visible;overscroll-behavior:contain;padding:6px var(--vb-shell-taskbar-padding-x);box-sizing:border-box;border:1px solid color-mix(in srgb,var(--calc-border, rgba(0, 0, 0, .14)) 80%,transparent);border-radius:999px;background:color-mix(in srgb,var(--calc-surface, #fff) 86%,transparent);box-shadow:0 8px 22px #0f172a24;cursor:grab;font-family:var(--calc-font, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.vb-shell-taskbar-tray{display:flex;align-items:center;justify-content:center;flex:0 1 auto;flex-wrap:wrap;gap:8px;width:auto;max-width:max(52px,calc(var(--vb-shell-taskbar-max-width) - var(--vb-shell-taskbar-handle-width) - var(--vb-shell-taskbar-padding-inline-total)));max-height:none;min-width:0;padding:0;margin:0;box-sizing:border-box;overflow:visible;overscroll-behavior:contain;touch-action:none}.vb-shell-taskbar-drag-handle{position:relative;flex:0 0 var(--vb-shell-taskbar-handle-width);align-self:stretch;min-width:var(--vb-shell-taskbar-handle-width);min-height:40px;margin:0;border-radius:999px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.vb-shell-taskbar-drag-handle:before{content:"";position:absolute;left:50%;top:50%;width:3px;height:24px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--calc-text, #111827) 44%,transparent) 1.5px,transparent 2px) center / 3px 8px repeat-y;transform:translate(-50%,-50%)}.vb-shell-taskbar[hidden]{display:none}.vb-shell-taskbar[data-vb-shell-taskbar-empty=true]{min-width:58px}.vb-shell-taskbar.is-detached{z-index:calc(var(--vb-z-floating, 1000) - 1)}.vb-shell-taskbar.is-dragging{cursor:grabbing;overflow:visible;transition:none;touch-action:none;will-change:transform;z-index:calc(var(--vb-z-floating, 1000) + 850)}.vb-shell-taskbar.is-dragging .vb-shell-taskbar-tray{overflow:visible}.vb-shell-taskbar[data-vb-shell-taskbar-position=left],[data-vb-shell-taskbar-position=left] .vb-shell-taskbar{left:max(10px,env(safe-area-inset-left));top:50%;bottom:auto;transform:translateY(-50%);max-width:64px;max-height:min(70vh,560px);flex-direction:column}.vb-shell-taskbar[data-vb-shell-taskbar-position=left] .vb-shell-taskbar-tray,[data-vb-shell-taskbar-position=left] .vb-shell-taskbar .vb-shell-taskbar-tray{flex-direction:column;flex-wrap:nowrap;width:auto;max-width:100%;max-height:inherit;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.vb-shell-taskbar[data-vb-shell-taskbar-position=left] .vb-shell-taskbar-drag-handle,[data-vb-shell-taskbar-position=left] .vb-shell-taskbar .vb-shell-taskbar-drag-handle{flex:0 0 28px;align-self:center;width:40px;min-height:28px;margin-left:0;margin-top:-6px}.vb-shell-taskbar[data-vb-shell-taskbar-position=left] .vb-shell-taskbar-drag-handle:before,[data-vb-shell-taskbar-position=left] .vb-shell-taskbar .vb-shell-taskbar-drag-handle:before{width:24px;height:3px;background:radial-gradient(circle,color-mix(in srgb,var(--calc-text, #111827) 44%,transparent) 1.5px,transparent 2px) center / 8px 3px repeat-x}.vb-shell-taskbar[data-vb-shell-taskbar-position=right],[data-vb-shell-taskbar-position=right] .vb-shell-taskbar{left:auto;right:max(10px,env(safe-area-inset-right));top:50%;bottom:auto;transform:translateY(-50%);max-width:64px;max-height:min(70vh,560px);flex-direction:column}.vb-shell-taskbar[data-vb-shell-taskbar-position=right] .vb-shell-taskbar-tray,[data-vb-shell-taskbar-position=right] .vb-shell-taskbar .vb-shell-taskbar-tray{flex-direction:column;flex-wrap:nowrap;width:auto;max-width:100%;max-height:inherit;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.vb-shell-taskbar[data-vb-shell-taskbar-position=right] .vb-shell-taskbar-drag-handle,[data-vb-shell-taskbar-position=right] .vb-shell-taskbar .vb-shell-taskbar-drag-handle{flex:0 0 28px;align-self:center;width:40px;min-height:28px;margin-left:0;margin-top:-6px}.vb-shell-taskbar[data-vb-shell-taskbar-position=right] .vb-shell-taskbar-drag-handle:before,[data-vb-shell-taskbar-position=right] .vb-shell-taskbar .vb-shell-taskbar-drag-handle:before{width:24px;height:3px;background:radial-gradient(circle,color-mix(in srgb,var(--calc-text, #111827) 44%,transparent) 1.5px,transparent 2px) center / 8px 3px repeat-x}.vb-shell-taskbar-item{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:52px;min-width:52px;height:52px;min-height:52px;padding:0;border:1px solid color-mix(in srgb,var(--calc-border, rgba(0, 0, 0, .14)) 85%,transparent);border-radius:999px;background:var(--calc-surface, #fff);color:var(--calc-text, #111827);box-shadow:0 10px 22px #0f172a29;cursor:pointer;font:inherit;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.vb-shell-taskbar-item[data-vb-shell-taskbar-active=true]{border-color:color-mix(in srgb,var(--calc-accent, #10b981) 45%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--calc-accent, #10b981) 18%,transparent),0 12px 24px #0f172a2e}.vb-shell-taskbar-item[data-vb-shell-taskbar-state=minimized]{opacity:.76}.vb-shell-taskbar-item.is-detached{z-index:calc(var(--vb-z-floating, 1000) - 1)}.vb-shell-taskbar-item.is-dragging{cursor:grabbing;z-index:calc(var(--vb-z-floating, 1000) + 850)}.vb-shell-taskbar-item.is-drag-source{opacity:.32}.vb-shell-drag-layer{position:fixed;inset:0;z-index:calc(var(--vb-z-floating, 1000) + 850);overflow:visible;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}.vb-shell-drag-ghost{position:fixed;margin:0;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.vb-shell-taskbar-trash{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));z-index:calc(var(--vb-z-floating, 1000) + 860);display:flex;align-items:center;gap:10px;min-height:52px;padding:0 18px;box-sizing:border-box;border:1px solid color-mix(in srgb,#dc2626 38%,transparent);border-radius:999px;background:color-mix(in srgb,var(--calc-surface, #fff) 92%,#fee2e2);color:#991b1b;box-shadow:0 14px 32px #7f1d1d33;font:700 13px/1 var(--calc-font, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);opacity:0;pointer-events:none;transform:translate(-50%) translateY(8px) scale(.96);transition:opacity .12s ease,transform .12s ease,border-color .12s ease,background-color .12s ease;-webkit-user-select:none;user-select:none;visibility:hidden}.vb-shell-taskbar-trash[hidden]{display:none}.vb-shell-taskbar-trash.is-visible{opacity:1;transform:translate(-50%) translateY(0) scale(1);visibility:visible}.vb-shell-taskbar-trash[data-vb-shell-taskbar-trash-active=true]{border-color:#dc2626;background:#fee2e2;box-shadow:0 0 0 4px #dc262624,0 16px 34px #7f1d1d3d}.vb-shell-taskbar-trash-icon{position:relative;width:18px;height:20px;flex:0 0 auto;display:inline-block;border:2px solid currentColor;border-top-width:0;border-radius:0 0 4px 4px}.vb-shell-taskbar-trash-icon:before,.vb-shell-taskbar-trash-icon:after{content:"";position:absolute;left:50%;background:currentColor;transform:translate(-50%)}.vb-shell-taskbar-trash-icon:before{top:-7px;width:22px;height:2px;border-radius:999px}.vb-shell-taskbar-trash-icon:after{top:-11px;width:10px;height:3px;border-radius:999px 999px 0 0}.vb-shell-taskbar-trash-label{white-space:nowrap}.vb-shell-taskbar-icon,.vb-shell-taskbar-icon svg{width:22px;height:22px;display:block;pointer-events:none}.vb-shell-taskbar-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;pointer-events:none}@media(prefers-reduced-motion:no-preference){[data-vb-shell-snap-preview]{transition:outline-color .12s ease}}@media(max-width:640px){.vb-shell-taskbar{--vb-shell-taskbar-safe-left: max(4px, env(safe-area-inset-left));--vb-shell-taskbar-safe-right: max(4px, env(safe-area-inset-right));--vb-shell-taskbar-max-width: calc(100vw - var(--vb-shell-taskbar-safe-left) - var(--vb-shell-taskbar-safe-right));--vb-shell-taskbar-padding-x: 8px;--vb-shell-taskbar-padding-inline-total: 16px;--vb-shell-taskbar-handle-width: 44px;left:var(--vb-shell-taskbar-safe-left);right:auto;bottom:max(8px,env(safe-area-inset-bottom));transform:none}}.app-start-menu-list{position:fixed;width:min(320px,calc(100vw - 16px));max-height:min(680px,calc(100dvh - 16px));overflow:auto;z-index:calc(var(--vb-z-floating, 1000) + 20);border:1px solid var(--calc-border, rgba(0, 0, 0, .14));border-radius:14px;background:var(--calc-surface, #fff);color:var(--calc-text, #111827);box-shadow:var(--calc-shadow, 0 18px 50px rgba(0, 0, 0, .2));padding:10px;display:grid;gap:6px;font-family:var(--calc-font, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial)}.app-start-menu-list>[data-player-toggle-anchor]{display:none}.app-start-menu-list[hidden]{display:none}.app-start-menu-list .btn-with-icon{display:inline-flex;align-items:center;gap:10px;justify-content:flex-start;width:100%;min-height:42px;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:var(--calc-btn, rgba(0, 0, 0, .06));color:inherit;cursor:pointer;font:inherit;text-align:left}.app-start-menu-list .btn-icon{display:inline-grid;place-items:center;width:22px;height:22px;flex:0 0 22px}.app-start-menu-list .btn-icon svg{width:20px;height:20px}.app-start-menu-list [data-current-page=true]{border-color:color-mix(in srgb,var(--calc-accent, #10b981) 42%,var(--calc-border, rgba(0, 0, 0, .14)));background:color-mix(in srgb,var(--calc-accent, #10b981) 14%,transparent)}.app-start-menu-brand{margin-bottom:4px}.app-shell-error{margin:0;padding:24px;font-family:system-ui,sans-serif}.board-launcher-page{margin:0;min-height:100vh;background:#f8fafc;color:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media(prefers-color-scheme:dark){.board-launcher-page{background:#111827;color:#f9fafb}}.board-launcher{min-height:100vh;display:grid;align-content:start;gap:24px;padding:18px}.board-launcher-brand{display:flex;align-items:center;gap:10px;min-height:44px}.board-launcher-brand .brand-logo{display:inline-flex;width:min(220px,58vw)}.board-launcher-brand .brand-logo img{display:block;width:100%;height:auto}.board-launcher-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;max-width:760px}.board-launcher-btn{justify-content:flex-start;min-height:48px}:root{color-scheme:light dark;--player-bg: #ffffff;--player-surface: rgba(250, 250, 250, .96);--player-text: #111827;--player-muted: rgba(0, 0, 0, .55);--player-border: rgba(0, 0, 0, .1);--player-accent: #10b981;--player-accent-soft: rgba(16, 185, 129, .1);--player-btn: rgba(0, 0, 0, .06);--player-btn-hover: rgba(0, 0, 0, .1);--player-shadow: 0 18px 50px rgba(0, 0, 0, .2);--player-radius: 16px;--player-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;--player-queue-bg: rgba(255, 255, 255, .98);--player-badge-offline: #10b981;--player-badge-remote: #6366f1;--player-focus-ring: rgba(16, 185, 129, .2);--player-range-track: rgba(15, 23, 42, .14);--player-range-thumb: rgba(255, 255, 255, .98);--player-range-thumb-border: rgba(15, 23, 42, .14);--player-range-thumb-shadow: 0 1px 4px rgba(15, 23, 42, .18);--vb-z-floating: 1000;--vb-z-floating-secondary: 990;--vb-z-modal: 2000;--vb-z-emergency: 2147483647}@media(prefers-color-scheme:dark){:root{--player-bg: #0f1012;--player-surface: rgba(27, 29, 34, .96);--player-text: rgba(255, 255, 255, .92);--player-muted: rgba(255, 255, 255, .5);--player-border: rgba(255, 255, 255, .1);--player-accent: #34d399;--player-accent-soft: rgba(52, 211, 153, .15);--player-btn: rgba(255, 255, 255, .07);--player-btn-hover: rgba(255, 255, 255, .12);--player-shadow: 0 18px 50px rgba(0, 0, 0, .55);--player-queue-bg: rgba(20, 22, 26, .98);--player-badge-offline: #34d399;--player-badge-remote: #818cf8;--player-focus-ring: rgba(52, 211, 153, .22);--player-range-track: rgba(255, 255, 255, .16);--player-range-thumb: rgba(246, 248, 251, .95);--player-range-thumb-border: rgba(255, 255, 255, .14);--player-range-thumb-shadow: 0 1px 5px rgba(0, 0, 0, .48)}}.player-panel,.player-panel *{touch-action:auto}.player-content-sheet.is-open{-webkit-overflow-scrolling:touch}.vb-floating-drag-handle,.milkdrop-resize-handle{touch-action:none}html.vb-floating-drag-active,html.vb-floating-drag-active body{overscroll-behavior:none}html.vb-floating-drag-active body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.player-panel{position:fixed;left:16px;right:auto;bottom:76px;z-index:var(--vb-z-floating, 1000);width:340px;border-radius:var(--player-radius);border:1px solid var(--player-border);background:var(--player-surface);color:var(--player-text);box-shadow:var(--player-shadow);overflow:hidden;font-family:var(--player-font);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}.player-panel[hidden]{display:none}.player-header{position:relative;display:flex;justify-content:center;align-items:center;padding:8px 10px 0;cursor:grab;user-select:none;-webkit-user-select:none;background:linear-gradient(180deg,color-mix(in srgb,var(--player-surface) 96%,#ffffff 4%),color-mix(in srgb,var(--player-surface) 92%,var(--player-btn) 8%) 58%,color-mix(in srgb,var(--player-surface) 100%,transparent))}.player-header:active{cursor:grabbing}.player-header:after{content:"";position:absolute;left:14px;right:14px;bottom:-12px;height:18px;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--player-surface) 72%,var(--player-btn) 28%) 0%,color-mix(in srgb,var(--player-surface) 92%,transparent) 58%,transparent 100%)}.player-header-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px 0 4px}.player-header-grip{width:40px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--player-muted) 36%,transparent)}.player-close{position:absolute;top:8px;right:8px;z-index:3;border:1px solid color-mix(in srgb,var(--player-border) 96%,transparent);background:color-mix(in srgb,var(--player-surface) 68%,transparent);color:color-mix(in srgb,var(--player-muted) 76%,var(--player-text) 24%);border-radius:999px;cursor:pointer;font-family:var(--player-font);transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .18s ease,opacity .16s ease;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 18px #0f172a24;opacity:.84}.player-close:hover{background:color-mix(in srgb,var(--player-surface) 82%,var(--player-btn-hover) 18%);color:var(--player-text);opacity:1}.player-close:focus-visible{outline:none;box-shadow:0 0 0 3px var(--player-focus-ring)}.player-close{width:34px;min-height:34px;padding:0;display:grid;place-items:center}.player-close svg{width:16px;height:16px}.player-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--player-surface) 94%,var(--player-btn) 6%) 0%,var(--player-surface) 26px)}.player-now-playing{display:flex;align-items:center;gap:12px;min-width:0;padding:6px 8px;margin:-2px -2px 0;border-radius:12px;cursor:grab;user-select:none;-webkit-user-select:none;transition:background .16s ease}.player-now-playing:hover{background:color-mix(in srgb,var(--player-btn-hover) 56%,transparent)}.player-now-playing:active{cursor:grabbing}.player-artwork-compact{width:48px;height:48px;border-radius:10px;background:var(--player-btn);flex-shrink:0;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;color:var(--player-muted);overflow:hidden}.player-artwork-compact svg{width:24px;height:24px;opacity:.5}.player-artwork-compact.has-image svg{display:none}.player-meta{flex:1;min-width:0}.player-meta-title{font-size:.9rem;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-meta-artist{font-size:.75rem;color:var(--player-muted);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-meta-genre{display:inline-block;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:3px;margin-top:3px;background:var(--player-accent-soft);color:var(--player-accent)}.player-source-badge{display:inline-block;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;border-radius:4px;margin-top:3px}.player-source-badge.offline{background:var(--player-accent-soft);color:var(--player-badge-offline)}.player-source-badge.remote{background:#6366f11a;color:var(--player-badge-remote)}.player-visualizer-strip{--media-player-visualizer-bar: rgba(34, 197, 94, .9);--media-player-visualizer-bar-low: rgba(34, 197, 94, .9);--media-player-visualizer-bar-mid: rgba(190, 242, 100, .92);--media-player-visualizer-bar-high: rgba(251, 146, 60, .94);--media-player-visualizer-peak: rgba(214, 214, 206, .96);--media-player-visualizer-peak-glow: rgba(226, 226, 216, .3);--media-player-visualizer-glow: rgba(34, 197, 94, .2);--media-player-visualizer-line: rgba(34, 197, 94, .92);--media-player-visualizer-grid: rgba(107, 114, 128, .14);--media-player-visualizer-baseline: rgba(107, 114, 128, .22);appearance:none;position:relative;display:block;width:100%;min-width:0;height:48px;margin:0;padding:0;border:1px solid var(--player-border);border-radius:8px;background:#7f7f7f0f;color:var(--player-muted);cursor:pointer;overflow:hidden}.player-visualizer-strip[hidden]{display:none}.player-visualizer-strip:hover{border-color:color-mix(in srgb,var(--player-accent) 32%,var(--player-border))}.player-visualizer-strip:focus-visible{outline:none;box-shadow:0 0 0 3px var(--player-focus-ring)}.player-visualizer-host{position:absolute;inset:0}.player-visualizer-host .media-player-audio-canvas{display:block;width:100%;height:100%}.player-visualizer-label{position:absolute;right:9px;bottom:6px;z-index:1;font-size:.58rem;font-weight:700;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--player-muted) 76%,transparent);pointer-events:none}.player-visualizer-strip[data-visualizer-state=ready] .player-visualizer-label{opacity:.42}.player-visualizer-strip[data-visualizer-state=error]{border-color:color-mix(in srgb,#ef4444 36%,var(--player-border))}.player-visualizer-strip[data-visualizer-state=error] .player-visualizer-label{opacity:.9}.player-error{font-size:.75rem;color:#ef4444;text-align:center;padding:4px 0}.player-progress-section{width:100%;min-width:0;align-self:stretch;display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0;padding:0}.player-panel input.player-progress[type=range],.player-panel input.player-volume[type=range]{--player-range-percent: 0%;--player-range-track-height: 4px;--player-range-thumb-size: 13px;-webkit-appearance:none;appearance:none;width:100%;inline-size:100%;min-width:0;min-inline-size:0;max-width:none;max-inline-size:none;height:24px;margin:0;padding:0;border:none;box-sizing:border-box;border-radius:999px;background:linear-gradient(to right,var(--player-accent) 0%,var(--player-accent) var(--player-range-percent),var(--player-range-track) var(--player-range-percent),var(--player-range-track) 100%) center / 100% var(--player-range-track-height) no-repeat;background-color:transparent;outline:none;cursor:pointer;touch-action:pan-y}.player-panel input.player-progress[type=range]{--player-range-track-height: 5px;--player-range-thumb-size: 14px;display:block;flex:1 1 auto;align-self:stretch;justify-self:stretch}.player-panel input.player-progress[type=range]::-webkit-slider-runnable-track,.player-panel input.player-volume[type=range]::-webkit-slider-runnable-track{height:var(--player-range-track-height);background:transparent;border-radius:999px}.player-panel input.player-progress[type=range]::-webkit-slider-thumb,.player-panel input.player-volume[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--player-range-thumb-size);height:var(--player-range-thumb-size);border-radius:50%;background:var(--player-range-thumb);border:1px solid var(--player-range-thumb-border);box-shadow:var(--player-range-thumb-shadow);cursor:pointer;margin-top:calc((var(--player-range-track-height) - var(--player-range-thumb-size)) / 2);transition:transform .15s ease,box-shadow .18s ease,border-color .18s ease}.player-panel input.player-progress[type=range]::-moz-range-track,.player-panel input.player-volume[type=range]::-moz-range-track{height:var(--player-range-track-height);background:var(--player-range-track);border:none;border-radius:999px}.player-panel input.player-progress[type=range]::-moz-range-progress,.player-panel input.player-volume[type=range]::-moz-range-progress{height:var(--player-range-track-height);background:var(--player-accent);border:none;border-radius:999px}.player-panel input.player-progress[type=range]::-moz-range-thumb,.player-panel input.player-volume[type=range]::-moz-range-thumb{width:var(--player-range-thumb-size);height:var(--player-range-thumb-size);border-radius:50%;background:var(--player-range-thumb);border:1px solid var(--player-range-thumb-border);box-shadow:var(--player-range-thumb-shadow);cursor:pointer;transition:transform .15s ease,box-shadow .18s ease,border-color .18s ease}.player-panel input.player-progress[type=range]:hover::-webkit-slider-thumb,.player-panel input.player-volume[type=range]:hover::-webkit-slider-thumb,.player-panel input.player-progress[type=range]:hover::-moz-range-thumb,.player-panel input.player-volume[type=range]:hover::-moz-range-thumb{transform:scale(1.05)}.player-panel input.player-progress[type=range]:active::-webkit-slider-thumb,.player-panel input.player-volume[type=range]:active::-webkit-slider-thumb,.player-panel input.player-progress[type=range]:active::-moz-range-thumb,.player-panel input.player-volume[type=range]:active::-moz-range-thumb{transform:scale(1.1);box-shadow:0 0 0 5px var(--player-accent-soft),var(--player-range-thumb-shadow)}.player-panel input.player-progress[type=range]:focus-visible,.player-panel input.player-volume[type=range]:focus-visible{box-shadow:0 0 0 3px var(--player-focus-ring)}.player-panel input.player-progress[type=range]:focus-visible::-webkit-slider-thumb,.player-panel input.player-volume[type=range]:focus-visible::-webkit-slider-thumb,.player-panel input.player-progress[type=range]:focus-visible::-moz-range-thumb,.player-panel input.player-volume[type=range]:focus-visible::-moz-range-thumb{border-color:var(--player-accent);box-shadow:0 0 0 4px var(--player-accent-soft),var(--player-range-thumb-shadow)}.player-time-row{display:flex;align-items:center;justify-content:space-between;width:100%;inline-size:100%;min-width:0;min-inline-size:0;margin:0;padding:0;font-size:.7rem;color:var(--player-muted);font-variant-numeric:tabular-nums;letter-spacing:.01em}.player-transport{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:50px}.player-transport button{background:none;border:none;color:var(--player-text);cursor:pointer;width:40px;height:40px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.player-transport button:hover{background:var(--player-btn-hover)}.player-transport button .btn-icon{display:flex}.player-transport button svg{width:19px;height:19px}.player-btn-play-main{background:var(--player-accent)!important;color:#fff!important;width:50px!important;height:50px!important;padding:0!important}.player-btn-play-main:hover{filter:brightness(1.08)}.player-btn-play-main svg{width:22px!important;height:22px!important}.player-transport button.active{color:var(--player-accent)}.player-btn-repeat[data-repeat-mode=one]:after{content:"1";position:absolute;font-size:.5rem;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.player-btn-repeat{position:relative}.player-volume-row{display:flex;align-items:center;width:100%;min-width:0;gap:10px;padding:0}.player-btn-mute{background:none;border:none;color:var(--player-muted);cursor:pointer;width:36px;height:36px;flex:0 0 36px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,box-shadow .18s ease}.player-btn-mute svg{width:17px;height:17px}.player-btn-mute:hover{background:var(--player-btn-hover);color:var(--player-text)}.player-btn-mute:focus-visible{outline:none;box-shadow:0 0 0 3px var(--player-focus-ring)}.player-panel input.player-volume[type=range]{flex:1 1 auto}.player-utility-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.player-utility-btn{min-width:0;min-height:46px;padding:0 10px;border:1px solid color-mix(in srgb,var(--player-border) 96%,transparent);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--player-surface) 18%,transparent),color-mix(in srgb,var(--player-btn) 84%,transparent));color:color-mix(in srgb,var(--player-muted) 84%,var(--player-text) 16%);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:var(--player-font);transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}.player-utility-btn:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--player-surface) 24%,transparent),color-mix(in srgb,var(--player-btn-hover) 88%,transparent));color:var(--player-text)}.player-utility-btn.active{color:var(--player-accent);background:linear-gradient(180deg,color-mix(in srgb,var(--player-accent-soft) 92%,var(--player-surface) 8%),color-mix(in srgb,var(--player-accent-soft) 76%,var(--player-btn) 24%));border-color:color-mix(in srgb,var(--player-accent) 34%,var(--player-border))}.player-utility-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--player-focus-ring)}.player-utility-btn .btn-icon{display:inline-flex;align-items:center;justify-content:center}.player-utility-btn svg{width:17px;height:17px}.player-utility-btn-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:800;line-height:1.1;letter-spacing:.01em}.player-content-sheet{display:flex;flex-direction:column;background:var(--player-queue-bg);border-top:1px solid var(--player-border);height:0;max-height:0;overflow:hidden;transition:height .25s cubic-bezier(.4,0,.2,1),max-height .25s cubic-bezier(.4,0,.2,1)}.player-content-sheet.is-open{height:min(340px,56vh);max-height:min(340px,56vh)}.player-content-sheet-header{position:relative;display:flex;align-items:flex-end;gap:8px;padding:10px 10px 0;border-bottom:none;flex-shrink:0;background:linear-gradient(180deg,color-mix(in srgb,var(--player-queue-bg) 86%,var(--player-btn) 14%),color-mix(in srgb,var(--player-queue-bg) 98%,transparent))}.player-content-sheet-header:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid var(--player-border);pointer-events:none}.player-content-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;flex:1;min-width:0;border:1px solid color-mix(in srgb,var(--player-border) 96%,transparent);border-bottom:none;border-radius:12px 12px 0 0;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--player-btn) 72%,transparent),color-mix(in srgb,var(--player-btn) 46%,transparent));box-shadow:inset 0 1px color-mix(in srgb,#ffffff 14%,transparent),0 0 0 1px color-mix(in srgb,var(--player-border) 24%,transparent)}.player-content-tab-btn{min-width:0;min-height:46px;border:none;border-right:1px solid color-mix(in srgb,var(--player-border) 88%,transparent);border-radius:0;background:linear-gradient(180deg,color-mix(in srgb,var(--player-surface) 18%,transparent),color-mix(in srgb,var(--player-btn) 84%,transparent));color:color-mix(in srgb,var(--player-muted) 84%,var(--player-text) 16%);display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;font-size:.75rem;font-weight:800;font-family:var(--player-font);cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;transition:background .16s ease,color .16s ease}.player-content-tab-btn:last-child{border-right:none}.player-content-tab-btn:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:color-mix(in srgb,var(--player-border) 92%,transparent)}.player-content-tab-btn:hover{color:var(--player-text);background:linear-gradient(180deg,color-mix(in srgb,var(--player-surface) 24%,transparent),color-mix(in srgb,var(--player-btn-hover) 88%,transparent))}.player-content-tab-btn.active{color:var(--player-text);background:linear-gradient(180deg,color-mix(in srgb,var(--player-surface) 78%,#ffffff 22%) 0%,var(--player-queue-bg) 100%);box-shadow:inset 0 2px color-mix(in srgb,var(--player-accent) 58%,transparent),inset 0 1px color-mix(in srgb,#ffffff 18%,transparent)}.player-content-tab-btn.active:after{background:var(--player-queue-bg)}.player-content-tab-btn svg{width:16px;height:16px}.player-content-tab-btn .btn-icon{display:inline-flex;align-items:center;justify-content:center;color:color-mix(in srgb,currentColor 82%,var(--player-accent) 18%)}.player-content-tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-content-sheet-close{flex:0 0 44px;width:44px;height:42px;border:1px solid color-mix(in srgb,var(--player-border) 96%,transparent);border-bottom:none;border-radius:12px 12px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--player-surface) 20%,transparent),color-mix(in srgb,var(--player-btn) 84%,transparent));color:color-mix(in srgb,var(--player-muted) 80%,var(--player-text) 20%);cursor:pointer;display:grid;place-items:center;position:relative;transition:background .16s ease,color .16s ease}.player-content-sheet-close:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:color-mix(in srgb,var(--player-border) 92%,transparent)}.player-content-sheet-close svg{width:16px;height:16px}.player-content-sheet-close:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--player-surface) 26%,transparent),color-mix(in srgb,var(--player-btn-hover) 88%,transparent));color:var(--player-text)}.player-content-pane-stack{flex:1 1 auto;min-height:0;overflow:hidden;overscroll-behavior:contain}.player-content-pane{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;touch-action:pan-y}.player-content-pane[hidden]{display:none}.player-content-pane-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:8px 12px;border-bottom:1px solid var(--player-border);font-weight:600;font-size:.8rem;color:var(--player-muted);text-transform:uppercase;letter-spacing:.04em}.player-content-pane-toolbar>span{flex:0 0 auto}.player-queue-search{flex:1 1 128px;min-width:120px;min-height:34px;padding:6px 9px;border:1px solid var(--player-border);border-radius:6px;background:transparent;color:var(--player-text);font-size:.75rem;font-family:var(--player-font);outline:none}.player-queue-search::placeholder{color:var(--player-muted)}.player-queue-search:focus{border-color:var(--player-accent)}.player-queue-list{list-style:none;margin:0;padding:0}.player-queue-item{display:grid;grid-template-columns:1fr auto auto auto;grid-template-rows:auto auto;align-items:center;padding:8px 12px;cursor:pointer;transition:background .12s ease;border-bottom:1px solid var(--player-border);gap:0 8px}.player-queue-item:last-child{border-bottom:none}.player-queue-item:hover{background:var(--player-btn-hover)}.player-queue-item.active{background:var(--player-accent-soft)}.player-queue-item-name{grid-column:1;grid-row:1;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-queue-item-artist{grid-column:1;grid-row:2;font-size:.7rem;color:var(--player-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-queue-item-artist:empty{display:none}.player-queue-item-duration{grid-column:2;grid-row:1 / -1;font-size:.7rem;color:var(--player-muted);white-space:nowrap}.player-queue-item-duration:empty{display:none}.player-queue-item.active .player-queue-item-name{color:var(--player-accent);font-weight:600}.player-queue-item-badge{grid-column:3;grid-row:1 / -1;width:7px;height:7px;border-radius:50%;flex-shrink:0}.player-queue-item-badge.offline{background:var(--player-badge-offline)}.player-queue-remove-btn{grid-column:4;grid-row:1 / -1;background:none;border:none;color:var(--player-muted);font-size:1rem;cursor:pointer;padding:4px 6px;line-height:1;border-radius:4px;opacity:.45;transition:opacity .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}.player-queue-item:hover .player-queue-remove-btn{opacity:1}.player-queue-remove-btn:active{opacity:1;color:var(--player-fg)}.player-queue-remove-btn:hover{color:var(--player-fg)}.player-queue-clear-btn{background:none;border:1px solid var(--player-border);color:var(--player-muted);font-size:.7rem;min-height:34px;padding:5px 9px;border-radius:6px;cursor:pointer;transition:color .12s ease,border-color .12s ease}.player-queue-clear-btn:hover{color:var(--player-fg);border-color:var(--player-fg)}.player-queue-empty{padding:16px 12px;text-align:center;color:var(--player-muted);font-size:.8rem}.player-playlist-track-item{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;padding:8px 12px;cursor:pointer;transition:background .12s ease;border-bottom:1px solid var(--player-border);gap:0 8px}.player-playlist-track-item.unavailable{opacity:.5}.player-playlist-track-name{grid-column:1;grid-row:1;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-playlist-track-artist{grid-column:1;grid-row:2;font-size:.7rem;color:var(--player-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-playlist-track-artist:empty{display:none}.player-playlist-track-duration{grid-column:2;grid-row:1 / -1;font-size:.7rem;color:var(--player-muted);white-space:nowrap}.player-playlist-track-duration:empty{display:none}.player-playlist-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--player-border)}.player-playlist-offline-status{font-size:.7rem;color:var(--player-muted);flex:1}.player-playlist-offline-status.fully-offline{color:var(--player-badge-offline, #22c55e)}.player-playlist-download-btn{background:none;border:1px solid var(--player-border);color:var(--player-muted);font-size:.7rem;padding:2px 8px;border-radius:4px;cursor:pointer;transition:color .12s ease,border-color .12s ease;white-space:nowrap}.player-playlist-download-btn:hover:not(:disabled){color:var(--player-fg);border-color:var(--player-fg)}.player-playlist-download-btn:disabled{opacity:.5;cursor:default}.player-playlist-track-badge{width:7px;height:7px;border-radius:50%;flex-shrink:0}.player-playlist-track-badge.offline{background:var(--player-badge-offline)}.player-playlist-track-badge.cloud{background:var(--player-badge-remote, #64748b);opacity:.4}.player-panel.loading .player-artwork-compact{animation:player-pulse 1.2s ease-in-out infinite}.player-panel.error .player-artwork-compact{box-shadow:0 0 0 2px #ef444466}@keyframes player-pulse{0%,to{opacity:1}50%{opacity:.6}}.player-panel.is-dragging{opacity:.92;transition:none}.player-demo-page{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--player-bg);color:var(--player-text);font-family:var(--player-font);-webkit-font-smoothing:antialiased}.player-demo{max-width:600px;padding:24px;display:grid;gap:16px}.player-demo h1{font-size:1.4rem;font-weight:700}.player-demo p{color:var(--player-muted);font-size:.9rem;line-height:1.5}.player-demo-btn{padding:10px 18px;border-radius:10px;border:1px solid var(--player-border);background:var(--player-surface);color:var(--player-text);font-size:.9rem;font-family:var(--player-font);cursor:pointer;justify-self:start}.player-demo-btn:hover{background:var(--player-btn-hover)}@media(max-width:400px){.player-panel{width:calc(100vw - 32px);right:16px;left:16px}.player-header{padding:8px 8px 0}.player-close{top:8px;right:8px;width:32px;min-height:32px}.player-now-playing{gap:10px;padding:5px 6px}.player-utility-row{gap:6px}.player-utility-btn{min-height:42px;padding:0 8px;gap:6px}.player-utility-btn-label{font-size:.68rem}.player-transport button svg{width:16px;height:16px}.player-btn-play-main{width:40px;height:40px}.player-btn-play-main svg{width:20px!important;height:20px!important}}.milkdrop-panel{--mk-bg: rgba(12, 12, 14, .92);--mk-surface: rgba(28, 28, 32, .9);--mk-border: rgba(255, 255, 255, .08);--mk-text: rgba(230, 230, 230, .92);--mk-text-dim: rgba(180, 180, 180, .7);--mk-accent: rgba(16, 185, 129, .9);--mk-radius: 14px;--mk-shadow: 0 8px 32px rgba(0, 0, 0, .55), 0 0 0 1px var(--mk-border);position:fixed;right:24px;bottom:120px;z-index:var(--vb-z-floating-secondary, 990);width:480px;height:380px;min-width:320px;min-height:260px;display:flex;flex-direction:column;background:var(--mk-bg);border:1px solid var(--mk-border);border-radius:var(--mk-radius);box-shadow:var(--mk-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--mk-text);font-family:var(--player-font, system-ui, -apple-system, sans-serif);overflow:hidden;resize:both;-webkit-user-select:none;user-select:none;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);transition:opacity .18s ease,transform .18s ease}.milkdrop-panel[hidden]{display:none!important}.milkdrop-panel.is-fullscreen{width:100vw!important;width:100dvw!important;height:100vh!important;height:100dvh!important;border-radius:0;resize:none;inset:0!important}.milkdrop-panel.is-window-fullscreen{max-width:none;max-height:none}.milkdrop-header{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--mk-surface);border-bottom:1px solid var(--mk-border);cursor:grab;flex-shrink:0;min-height:42px}.milkdrop-header:active{cursor:grabbing}.milkdrop-title{font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--mk-text-dim);margin-right:6px;flex:0 0 auto;white-space:nowrap;pointer-events:none}.milkdrop-preset-label{font-size:11px;color:var(--mk-text-dim);flex:1 1 120px;min-width:72px;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.milkdrop-spacer{flex:0 0 4px}.milkdrop-btn{display:inline-flex;align-items:center;justify-content:center;min-width:38px;width:38px;height:34px;border:none;border-radius:8px;background:transparent;color:var(--mk-text-dim);cursor:pointer;padding:0;transition:background .15s,color .15s;flex-shrink:0}.milkdrop-btn:hover{background:#ffffff14;color:var(--mk-text)}.milkdrop-btn:active{background:#ffffff1f}.milkdrop-btn .btn-icon{display:flex;align-items:center;justify-content:center}.milkdrop-btn svg{width:17px;height:17px}.milkdrop-preset-prev,.milkdrop-preset-next,.milkdrop-preset-shuffle{min-width:42px}.milkdrop-stage{flex:1;overflow:hidden;background:#000;position:relative;display:flex;align-items:center;justify-content:center}.milkdrop-canvas{display:block;width:100%;height:100%;object-fit:contain}.milkdrop-resize-handle{position:absolute;right:0;bottom:0;width:44px;height:44px;cursor:nwse-resize;touch-action:none;z-index:2}.milkdrop-resize-handle:before{content:"";position:absolute;right:8px;bottom:8px;width:18px;height:18px;border-right:2px solid color-mix(in srgb,var(--mk-text-dim) 72%,transparent);border-bottom:2px solid color-mix(in srgb,var(--mk-text-dim) 72%,transparent);border-radius:2px}.milkdrop-panel.is-fullscreen .milkdrop-resize-handle,.milkdrop-panel.is-window-fullscreen .milkdrop-resize-handle{display:none}.milkdrop-panel.is-resizing{transition:none}@media(max-width:600px){.milkdrop-panel{width:calc(100vw - 16px);height:300px;right:8px;bottom:80px;min-width:0;min-height:200px;border-radius:12px}}.player-playlist-sheet{position:relative;background:var(--player-queue-bg);border-top:1px solid var(--player-border);max-height:0;overflow:hidden;transition:max-height .25s cubic-bezier(.4,0,.2,1)}.player-playlist-sheet.is-open{max-height:260px;overflow-y:auto}.player-playlist-sheet-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--player-border);font-weight:600;font-size:.8rem;color:var(--player-muted);text-transform:uppercase;letter-spacing:.04em}.player-playlist-toolbar-header span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-playlist-back-btn{background:none;border:none;color:var(--player-muted);cursor:pointer;padding:3px 6px;border-radius:6px;font-size:.8rem}.player-playlist-back-btn:hover{background:var(--player-btn-hover)}.player-playlist-list{list-style:none;margin:0;padding:0}.player-playlist-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;cursor:pointer;transition:background .12s ease;border-bottom:1px solid var(--player-border)}.player-playlist-item:last-child{border-bottom:none}.player-playlist-item:hover{background:var(--player-btn-hover)}.player-playlist-item-name{font-size:.82rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.player-playlist-item-count{flex-shrink:0;font-size:.7rem;color:var(--player-muted)}.player-playlist-empty{padding:16px 12px;text-align:center;color:var(--player-muted);font-size:.8rem}.player-playlist-play-all{padding:8px 12px;border-bottom:1px solid var(--player-border)}.player-playlist-play-all-btn{width:100%;padding:8px 12px;border:1px solid var(--player-accent);border-radius:8px;background:var(--player-accent-soft);color:var(--player-accent);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .12s ease}.player-playlist-play-all-btn:hover{background:var(--player-accent);color:var(--player-queue-bg)}.player-playlist-track-item{padding:8px 12px;cursor:pointer;transition:background .12s ease;border-bottom:1px solid var(--player-border)}.player-playlist-track-item:last-child{border-bottom:none}.player-playlist-track-item:hover{background:var(--player-btn-hover)}.player-playlist-track-name{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.player-queue-save-btn{flex:0 0 auto;background:none;border:1px solid var(--player-border);color:var(--player-muted);font-size:.7rem;min-height:34px;padding:5px 9px;border-radius:6px;cursor:pointer;transition:color .12s ease,border-color .12s ease;white-space:nowrap}.player-queue-save-btn:hover:not(:disabled){color:var(--player-fg);border-color:var(--player-fg)}.player-queue-save-btn:disabled{opacity:.5;cursor:default}.player-library-search{flex:1 1 150px;min-width:130px;min-height:34px;background:transparent;border:1px solid var(--player-border);border-radius:6px;padding:6px 9px;font-size:.75rem;color:var(--player-fg);outline:none}.player-library-search::placeholder{color:var(--player-muted)}.player-library-search:focus{border-color:var(--player-accent)}.player-library-list{list-style:none;margin:0;padding:0}.player-library-item{display:flex;flex-direction:column;padding:8px 12px;cursor:pointer;transition:background .12s ease;border-bottom:1px solid var(--player-border);gap:4px}.player-library-item:last-child{border-bottom:none}.player-library-item:hover{background:var(--player-btn-hover)}.player-library-item-info{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:0 8px}.player-library-item-name{grid-column:1;grid-row:1;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-library-item-artist{grid-column:1;grid-row:2;font-size:.7rem;color:var(--player-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-library-item-artist:empty{display:none}.player-library-item-duration{grid-column:2;grid-row:1 / -1;font-size:.7rem;color:var(--player-muted);white-space:nowrap}.player-library-item-duration:empty{display:none}.player-library-item-badge{display:none}.player-library-item-badge.offline{display:inline;font-size:.6rem;color:var(--player-badge-offline, #22c55e);margin-left:4px}.player-library-item-badge.offline:after{content:"●"}.player-library-item-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.player-library-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:40px;padding:7px 8px;background:color-mix(in srgb,var(--player-btn-bg) 72%,transparent);border:1px solid var(--player-border);color:var(--player-muted);font-size:.68rem;font-weight:700;line-height:1.12;border-radius:8px;cursor:pointer;transition:color .12s ease,border-color .12s ease,background .12s ease,transform .08s ease;white-space:normal;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.player-library-action-btn .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex:0 0 auto}.player-library-action-btn .btn-icon svg{width:14px;height:14px;display:block}.player-library-action-btn .player-action-label{min-width:0}.player-library-action-btn:hover,.player-library-action-btn:focus-visible{color:var(--player-fg);border-color:var(--player-fg);background:color-mix(in srgb,var(--player-btn-hover) 74%,transparent)}.player-library-action-btn:active{transform:translateY(1px)}.player-library-action-btn--primary{background:color-mix(in srgb,var(--player-accent-soft) 84%,transparent);border-color:color-mix(in srgb,var(--player-accent) 28%,var(--player-border));color:var(--player-accent)}.player-library-action-btn--primary:hover,.player-library-action-btn--primary:focus-visible{border-color:var(--player-accent);color:var(--player-accent);background:color-mix(in srgb,var(--player-accent-soft) 92%,transparent)}.player-library-empty{padding:16px 12px;text-align:center;color:var(--player-muted);font-size:.8rem}.player-playlist-track-info{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:0 8px}.player-playlist-track-actions{display:flex;gap:6px;margin-top:4px}.player-playlist-track-action-btn{background:none;border:1px solid var(--player-border);color:var(--player-muted);font-size:.65rem;padding:1px 6px;border-radius:3px;cursor:pointer;transition:color .12s ease,border-color .12s ease;white-space:nowrap}.player-playlist-track-action-btn:hover{color:var(--player-fg);border-color:var(--player-fg)}.player-playlist-item-cover{flex-shrink:0;width:36px;height:36px;border-radius:6px;background:var(--player-btn);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:var(--player-muted);overflow:hidden}.player-playlist-item-cover svg{width:18px;height:18px;opacity:.45}.player-playlist-item-cover.has-image svg{display:none}.player-playlist-item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.player-playlist-detail-cover{flex-shrink:0;width:56px;height:56px;border-radius:8px;background:var(--player-btn);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:var(--player-muted);overflow:hidden;margin:0 auto 8px}.player-playlist-detail-cover svg{width:24px;height:24px;opacity:.45}.player-playlist-detail-cover.has-image svg{display:none}:root{--activity-surface: rgba(255, 255, 255, .88);--activity-surface-strong: rgba(255, 255, 255, .96);--activity-border: rgba(15, 23, 42, .13);--activity-text: #111827;--activity-muted: rgba(15, 23, 42, .74);--activity-shadow: 0 18px 46px rgba(15, 23, 42, .18);--activity-speed: #10b981;--activity-accel: #f59e0b;--activity-focus: rgba(16, 185, 129, .22);--vb-z-activity: 38}@media(prefers-color-scheme:dark){:root{--activity-surface: rgba(24, 26, 30, .86);--activity-surface-strong: rgba(32, 34, 39, .96);--activity-border: rgba(255, 255, 255, .12);--activity-text: rgba(255, 255, 255, .92);--activity-muted: rgba(255, 255, 255, .74);--activity-shadow: 0 18px 46px rgba(0, 0, 0, .48);--activity-speed: #34d399;--activity-accel: #fbbf24;--activity-focus: rgba(52, 211, 153, .24)}}.activity-indicator{position:fixed;left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:var(--vb-z-activity, 38);box-sizing:border-box;width:min(360px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:7px;border:1px solid var(--activity-border);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--activity-surface-strong) 72%,transparent) 0%,var(--activity-surface) 100%);color:var(--activity-text);box-shadow:var(--activity-shadow);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);cursor:grab;font-family:var(--player-font, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.activity-indicator[hidden]{display:none}.activity-indicator.is-dragging,.activity-indicator:active{cursor:grabbing}.activity-indicator-list{display:grid;gap:6px}.activity-indicator-row{min-width:0;min-height:50px;width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) 8px;align-items:center;gap:7px;padding:6px 9px 6px 6px;border:1px solid color-mix(in srgb,var(--activity-border) 82%,transparent);border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--activity-surface-strong) 86%,transparent),color-mix(in srgb,var(--activity-surface) 92%,transparent));color:inherit;box-shadow:0 8px 20px #0f172a17;cursor:pointer;font:inherit;text-align:left}.activity-indicator-row:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--activity-surface-strong) 96%,transparent),color-mix(in srgb,var(--activity-surface) 96%,transparent))}.activity-indicator-row:focus-visible{outline:none;box-shadow:0 0 0 3px var(--activity-focus),0 8px 20px #0f172a17}.activity-indicator-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:color-mix(in srgb,currentColor 12%,transparent);color:var(--activity-speed)}.activity-indicator-icon svg{width:18px;height:18px;display:block}.activity-indicator-copy{min-width:0;display:grid;gap:2px}.activity-indicator-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--activity-text);font-size:13px;font-weight:760;line-height:1.12}.activity-indicator-meta{min-width:0;display:-webkit-box;overflow:hidden;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--activity-muted);font-size:11.5px;font-weight:650;line-height:1.15}.activity-indicator-dot{width:8px;height:8px;border-radius:999px;color:var(--activity-speed);background:var(--activity-speed);box-shadow:0 0 0 4px color-mix(in srgb,var(--activity-speed) 16%,transparent)}.activity-indicator-row[data-activity-kind=accel] .activity-indicator-icon{color:var(--activity-accel)}.activity-indicator-row[data-activity-kind=accel] .activity-indicator-dot{color:var(--activity-accel);background:var(--activity-accel);box-shadow:0 0 0 4px color-mix(in srgb,var(--activity-accel) 18%,transparent)}@media(prefers-reduced-motion:no-preference){.activity-indicator-row[data-activity-state=recording] .activity-indicator-dot,.activity-indicator-row[data-activity-state=running] .activity-indicator-dot{animation:activity-indicator-pulse 1.8s ease-out infinite}@keyframes activity-indicator-pulse{0%{box-shadow:0 0 color-mix(in srgb,currentColor 22%,transparent)}70%{box-shadow:0 0 0 7px color-mix(in srgb,currentColor 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,currentColor 0%,transparent)}}}@media(max-width:520px){.activity-indicator{bottom:calc(76px + env(safe-area-inset-bottom,0px));left:calc(8px + env(safe-area-inset-left,0px));width:min(340px,calc(100vw - 16px));max-width:calc(100vw - 16px)}}@media(max-height:460px)and (orientation:landscape){.activity-indicator{width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}.activity-indicator-row{min-height:46px}}.vb-confirm-backdrop{position:fixed;inset:0;z-index:var(--vb-z-modal, 2000);display:flex;align-items:flex-end;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#00000003;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);opacity:0;transition:none}.vb-confirm-backdrop.vb-confirm-entering{animation:vbBackdropIn .22s cubic-bezier(.22,.68,0,1.04) forwards}.vb-confirm-backdrop.vb-confirm-exiting{animation:vbBackdropOut .18s ease-in forwards}@keyframes vbBackdropIn{0%{background:#00000003;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);opacity:0}to{background:#00000061;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:1}}@keyframes vbBackdropOut{0%{background:#00000061;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:1}to{background:#00000003;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);opacity:0}}.vb-confirm-card{position:relative;width:calc(100% - 16px);max-width:380px;margin-bottom:8px;padding:28px 24px 20px;border-radius:var(--radius, 18px);background:var(--surface, #ffffff);border:1px solid var(--border, rgba(0, 0, 0, .14));box-shadow:0 24px 64px #0000002e,0 0 0 1px #ffffff0f inset;color:var(--btn-fg, #111827);display:flex;flex-direction:column;gap:8px;outline:none;transform:translateY(40px);opacity:0}.vb-confirm-card.vb-confirm-entering{animation:vbCardIn .26s cubic-bezier(.22,.68,0,1.04) forwards}.vb-confirm-card.vb-confirm-exiting{animation:vbCardOut .16s ease-in forwards}@keyframes vbCardIn{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes vbCardOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@media(min-width:600px){.vb-confirm-backdrop{align-items:center}.vb-confirm-card{margin-bottom:0}}.vb-confirm-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-bottom:4px;color:var(--btn-fg, #111827)}.vb-confirm-card--destructive .vb-confirm-icon{color:var(--danger-fg, #b91c1c)}.vb-confirm-icon svg{width:28px;height:28px;display:block}.vb-confirm-title{margin:0;font-size:17px;font-weight:800;line-height:1.25;letter-spacing:-.01em}.vb-confirm-message{margin:0;font-size:14px;font-weight:500;line-height:1.45;color:var(--muted, rgba(0, 0, 0, .55))}.vb-confirm-description{margin:0;font-size:12.5px;font-weight:500;line-height:1.45;color:var(--muted, rgba(0, 0, 0, .55));opacity:.78}.vb-confirm-input{display:block;width:100%;margin:4px 0;padding:12px 14px;font-size:15px;font-weight:600;color:var(--btn-fg, #111827);background:var(--btn-bg, rgba(0, 0, 0, .06));border:1px solid var(--border, rgba(0, 0, 0, .14));border-radius:var(--radius-sm, 12px);outline:none;transition:border-color .12s ease;-webkit-tap-highlight-color:transparent}.vb-confirm-input:focus{border-color:var(--btn-fg, #111827);box-shadow:0 0 0 2px color-mix(in srgb,var(--btn-fg, #111827) 12%,transparent)}.vb-confirm-actions{display:flex;gap:10px;margin-top:8px}.vb-confirm-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;font-size:15px;font-weight:800;border-radius:var(--radius-sm, 12px);border:1px solid var(--border, rgba(0, 0, 0, .14));cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .12s ease,transform .05s ease,opacity .12s ease;touch-action:manipulation}.vb-confirm-btn:disabled{opacity:.5;cursor:default;transform:none}.vb-confirm-btn:active{transform:translateY(1px);opacity:.95}.vb-confirm-btn--cancel{background:var(--btn-bg, rgba(0, 0, 0, .06));color:var(--btn-fg, #111827)}.vb-confirm-btn--cancel:hover:not(:disabled){background:var(--btn-hover-bg, rgba(0, 0, 0, .1))}.vb-confirm-btn--confirm{background:var(--btn-active-bg, #111827);color:var(--btn-active-fg, #ffffff);border-color:transparent}.vb-confirm-btn--confirm:hover:not(:disabled){opacity:.92}.vb-confirm-btn--destructive{background:var(--danger-fg, #b91c1c);color:#fff;border-color:transparent}.vb-confirm-btn--destructive:hover:not(:disabled){opacity:.9}@media(prefers-reduced-motion:reduce){.vb-confirm-backdrop,.vb-confirm-backdrop.vb-confirm-entering,.vb-confirm-backdrop.vb-confirm-exiting,.vb-confirm-card,.vb-confirm-card.vb-confirm-entering,.vb-confirm-card.vb-confirm-exiting{animation:none;transition:none;opacity:1;transform:none}.vb-confirm-backdrop.vb-confirm-entering{background:#00000061;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}:root{color-scheme:light dark;--calc-bg: #ffffff;--calc-surface: #ffffff;--calc-border: rgba(0, 0, 0, .14);--calc-muted: rgba(0, 0, 0, .55);--calc-text: #111827;--calc-btn: rgba(0, 0, 0, .06);--calc-btn-hover: rgba(0, 0, 0, .1);--calc-accent: #10b981;--calc-display-bg: rgba(0, 0, 0, .05);--calc-shadow: 0 18px 50px rgba(0, 0, 0, .2);--calc-radius: 16px;--calc-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;--vb-z-floating: 1000;--vb-z-floating-secondary: 990;--vb-z-modal: 2000;--vb-z-emergency: 2147483647}@media(prefers-color-scheme:dark){:root{--calc-bg: #0f1012;--calc-surface: #1a1b1e;--calc-border: rgba(255, 255, 255, .1);--calc-text: rgba(255, 255, 255, .92);--calc-muted: rgba(255, 255, 255, .56);--calc-btn: rgba(255, 255, 255, .07);--calc-btn-hover: rgba(255, 255, 255, .11);--calc-display-bg: rgba(255, 255, 255, .05);--calc-shadow: 0 18px 50px rgba(0, 0, 0, .65);--calc-accent: #10b981}}.calc-fab{position:fixed;right:16px;bottom:16px;z-index:var(--vb-z-floating, 1000);width:52px;height:52px;border-radius:999px;border:1px solid var(--calc-border);background:var(--calc-surface);color:var(--calc-text);box-shadow:var(--calc-shadow);display:grid;place-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--calc-font);-webkit-tap-highlight-color:transparent;transition:box-shadow .2s ease,transform .12s ease}.calc-fab:active{transform:translateY(1px)}.calc-fab svg{width:22px;height:22px;opacity:.9}.calc-panel{position:fixed;right:16px;bottom:76px;z-index:var(--vb-z-floating, 1000);width:320px;border-radius:var(--calc-radius);border:1px solid var(--calc-border);background:var(--calc-surface);color:var(--calc-text);box-shadow:var(--calc-shadow);overflow:hidden;font-family:var(--calc-font);-webkit-tap-highlight-color:transparent}.calc-panel[hidden]{display:none}.calc-header{position:relative;display:flex;justify-content:center;align-items:center;padding:8px 10px 0;cursor:grab;user-select:none;-webkit-user-select:none;background:linear-gradient(180deg,color-mix(in srgb,var(--calc-surface) 96%,#ffffff 4%),color-mix(in srgb,var(--calc-surface) 92%,var(--calc-btn) 8%) 58%,color-mix(in srgb,var(--calc-surface) 100%,transparent))}.calc-header:active{cursor:grabbing}.calc-header:after{content:"";position:absolute;left:14px;right:14px;bottom:-12px;height:18px;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--calc-surface) 72%,var(--calc-btn) 28%) 0%,color-mix(in srgb,var(--calc-surface) 92%,transparent) 58%,transparent 100%)}.calc-header-main{display:flex;align-items:center;justify-content:center;padding:2px 0 4px}.calc-header-grip{width:40px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--calc-muted) 36%,transparent)}.calc-close{position:absolute;top:8px;right:8px;z-index:3;width:34px;min-height:34px;padding:0;border:1px solid color-mix(in srgb,var(--calc-border) 96%,transparent);background:color-mix(in srgb,var(--calc-surface) 68%,transparent);color:color-mix(in srgb,var(--calc-muted) 76%,var(--calc-text) 24%);border-radius:999px;display:grid;place-items:center;cursor:pointer;font-family:var(--calc-font);transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .18s ease,opacity .16s ease;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 18px #0f172a24;opacity:.84}.calc-close:hover{background:color-mix(in srgb,var(--calc-surface) 82%,var(--calc-btn-hover) 18%);color:var(--calc-text);opacity:1}.calc-close:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--calc-accent) 20%,transparent)}.calc-close svg{width:16px;height:16px}.calc-display{padding:10px 12px 8px;position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--calc-surface) 94%,var(--calc-btn) 6%) 0%,var(--calc-surface) 34px)}.calc-icon-btn{background:transparent;border:none;color:var(--calc-muted);cursor:pointer;padding:4px;border-radius:6px;display:grid;place-items:center;flex-shrink:0}.calc-icon-btn:hover{background:var(--calc-btn-hover);color:var(--calc-text)}.calc-icon-btn svg{width:18px;height:18px}.calc-history-text{color:var(--calc-muted);font-size:13px;text-align:right;min-height:18px;padding:0 42px 8px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calc-utility-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 12px;background:linear-gradient(180deg,color-mix(in srgb,var(--calc-surface) 96%,transparent) 0%,var(--calc-surface) 100%)}.calc-utility-row-two{grid-template-columns:repeat(2,minmax(0,1fr))}.calc-utility-btn{min-width:0;min-height:48px;padding:0 10px;border:1px solid color-mix(in srgb,var(--calc-border) 96%,transparent);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--calc-surface) 18%,transparent),color-mix(in srgb,var(--calc-btn) 84%,transparent));color:color-mix(in srgb,var(--calc-muted) 84%,var(--calc-text) 16%);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:var(--calc-font);transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}.calc-utility-btn:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--calc-surface) 24%,transparent),color-mix(in srgb,var(--calc-btn-hover) 88%,transparent));color:var(--calc-text)}.calc-utility-btn.active{color:var(--calc-accent);background:linear-gradient(180deg,color-mix(in srgb,var(--calc-accent) 12%,var(--calc-surface) 88%),color-mix(in srgb,var(--calc-accent) 14%,var(--calc-btn) 86%));border-color:color-mix(in srgb,var(--calc-accent) 34%,var(--calc-border))}.calc-utility-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--calc-accent) 20%,transparent)}.calc-utility-btn-icon{display:inline-flex;align-items:center;justify-content:center}.calc-utility-btn svg{width:17px;height:17px}.calc-utility-btn-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:700}.calc-history-sheet{position:absolute;left:0;right:0;bottom:0;background:var(--calc-surface);border-top:1px solid var(--calc-border);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026;z-index:10;max-height:280px;overflow:hidden;display:flex;flex-direction:column;transform:translateY(100%);opacity:0;visibility:hidden;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s}.calc-history-sheet.is-open{transform:translateY(0);opacity:1;visibility:visible}.calc-history-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--calc-border);font-weight:700;font-size:14px}.calc-history-sheet-actions{display:flex;align-items:center;gap:8px}.calc-history-clear{background:transparent;border:1px solid var(--calc-border);color:var(--calc-muted);border-radius:8px;padding:4px 10px;font-size:12px;cursor:pointer}.calc-history-clear:hover{color:var(--calc-text);background:var(--calc-btn-hover)}.calc-history-close{background:transparent;border:1px solid var(--calc-border);color:var(--calc-muted);border-radius:8px;padding:4px 10px;cursor:pointer;display:grid;place-items:center}.calc-history-close:hover{color:var(--calc-text);background:var(--calc-btn-hover)}.calc-history-close svg{width:16px;height:16px}.calc-history-list{flex:1;overflow-y:auto;padding:8px 0}.calc-settings-sheet{position:absolute;left:0;right:0;bottom:0;background:var(--calc-surface);border-top:1px solid var(--calc-border);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026;z-index:11;overflow:hidden;display:flex;flex-direction:column;transform:translateY(100%);opacity:0;visibility:hidden;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s}.calc-settings-sheet.is-open{transform:translateY(0);opacity:1;visibility:visible}.calc-settings-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--calc-border);font-weight:700;font-size:14px}.calc-settings-close{background:transparent;border:1px solid var(--calc-border);color:var(--calc-muted);border-radius:8px;padding:4px 10px;font-size:12px;cursor:pointer}.calc-settings-close:hover{color:var(--calc-text);background:var(--calc-btn-hover)}.calc-settings-body{padding:12px 16px 16px;display:grid;gap:12px}.calc-settings-row{display:grid;gap:6px;font-size:13px;color:var(--calc-muted)}.calc-settings-row-inline{display:flex;align-items:center;justify-content:space-between;gap:12px}.calc-settings-row-box{border:1px solid var(--calc-border);border-radius:10px;padding:8px 10px;background:var(--calc-surface)}.calc-settings-label{color:var(--calc-text);font-weight:600}.calc-settings-thousands{width:100%;border:1px solid var(--calc-border);border-radius:10px;padding:8px 10px;background:var(--calc-display-bg);color:var(--calc-text);font-size:13px;font-family:var(--calc-font);outline:none}.calc-settings-stepper{display:inline-flex;align-items:center;gap:8px}.calc-settings-decimals-minus,.calc-settings-decimals-plus{border:1px solid var(--calc-border);background:transparent;color:var(--calc-text);border-radius:8px;padding:4px 10px;font-size:14px;cursor:pointer}.calc-settings-decimals-minus:hover,.calc-settings-decimals-plus:hover{background:var(--calc-btn-hover)}.calc-settings-decimals-value{min-width:24px;text-align:center;font-weight:700;color:var(--calc-text)}.calc-settings-switch{position:relative;display:inline-flex;align-items:center;width:44px;height:24px}.calc-settings-thousands{appearance:none;-webkit-appearance:none;width:44px;height:24px;margin:0;border:1px solid var(--calc-border);border-radius:999px;background:var(--calc-display-bg);cursor:pointer;transition:background .2s ease,border-color .2s ease}.calc-settings-slider{position:absolute;left:3px;width:18px;height:18px;border-radius:50%;background:var(--calc-text);pointer-events:none;transition:transform .2s ease}.calc-settings-thousands:checked{background:color-mix(in srgb,var(--calc-accent) 15%,var(--calc-display-bg));border-color:color-mix(in srgb,var(--calc-accent) 30%,var(--calc-border))}.calc-settings-thousands:checked+.calc-settings-slider{transform:translate(20px)}.calc-history-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;background:transparent;border:none;color:var(--calc-text);cursor:pointer;text-align:left;font-family:var(--calc-font)}.calc-history-item:hover{background:var(--calc-btn-hover)}.calc-history-item-expr{color:var(--calc-muted);font-size:13px}.calc-history-item-result{font-weight:700;font-size:15px}.calc-history-empty{padding:20px 16px;text-align:center;color:var(--calc-muted);font-size:13px}.calc-expr{width:100%;border:1px solid var(--calc-border);border-radius:12px;padding:14px 12px;background:var(--calc-display-bg);color:var(--calc-text);font-size:20px;font-weight:600;text-align:right;outline:none;min-height:52px;white-space:nowrap;overflow-x:auto;scrollbar-width:thin}.calc-expr::-webkit-scrollbar{height:6px}@media(max-width:420px){.calc-expr{font-size:16px}}.calc-secondary-keys{padding:8px 12px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.calc-key.calc-key-secondary{padding:8px 0;font-size:14px;border-radius:10px;opacity:.85}.calc-key.calc-key-secondary:hover{opacity:1}.calc-keys{padding:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.calc-key{border:1px solid var(--calc-border);background:var(--calc-btn);color:var(--calc-text);border-radius:14px;padding:12px 0;font-size:16px;font-weight:800;cursor:pointer;-webkit-user-select:none;user-select:none}.calc-key:hover{background:var(--calc-btn-hover)}.calc-key:active{transform:translateY(1px)}.calc-key.zero{grid-column:span 2}.calc-key.op{background:color-mix(in srgb,var(--calc-btn) 55%,var(--calc-accent) 10%)}.calc-key.eq{background:var(--calc-accent);color:#062018;border-color:color-mix(in srgb,var(--calc-accent) 75%,var(--calc-border))}.calc-key.danger{background:color-mix(in srgb,#ef4444 18%,var(--calc-btn));border-color:color-mix(in srgb,#ef4444 25%,var(--calc-border))}@media(max-width:420px){.calc-panel{width:calc(100vw - 24px);right:12px}.calc-fab{right:12px;bottom:12px}.calc-header{padding:8px 8px 0}.calc-close{top:8px;right:8px;width:32px;min-height:32px}.calc-utility-row{gap:6px}.calc-utility-btn{min-height:44px;padding:0 8px;gap:6px}.calc-utility-btn-label{font-size:.68rem}}.calc-panel.is-dragging,.calc-fab.is-dragging{user-select:none;-webkit-user-select:none}.energy-panel{position:fixed;right:16px;bottom:76px;z-index:var(--vb-z-floating-secondary, 990);width:320px;border-radius:var(--calc-radius);border:1px solid var(--calc-border);background:var(--calc-surface);color:var(--calc-text);box-shadow:var(--calc-shadow);overflow:hidden;font-family:var(--calc-font);-webkit-tap-highlight-color:transparent;transition:width .3s ease}.energy-panel.is-multi-mode{width:640px}.energy-panel[hidden]{display:none}.energy-header{position:relative;display:flex;justify-content:center;align-items:center;padding:8px 10px 0;cursor:grab;user-select:none;-webkit-user-select:none;background:linear-gradient(180deg,color-mix(in srgb,var(--calc-surface) 96%,#ffffff 4%),color-mix(in srgb,var(--calc-surface) 92%,var(--calc-btn) 8%) 58%,color-mix(in srgb,var(--calc-surface) 100%,transparent))}.energy-header:active{cursor:grabbing}.energy-header:after{content:"";position:absolute;left:14px;right:14px;bottom:-12px;height:18px;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--calc-surface) 72%,var(--calc-btn) 28%) 0%,color-mix(in srgb,var(--calc-surface) 92%,transparent) 58%,transparent 100%)}.energy-header-main{display:flex;align-items:center;justify-content:center;padding:2px 0 4px}.energy-header-grip{width:40px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--calc-muted) 36%,transparent)}.energy-close{position:absolute;top:8px;right:8px;z-index:3;width:34px;min-height:34px;padding:0;border:1px solid color-mix(in srgb,var(--calc-border) 96%,transparent);background:color-mix(in srgb,var(--calc-surface) 68%,transparent);color:color-mix(in srgb,var(--calc-muted) 76%,var(--calc-text) 24%);border-radius:999px;display:grid;place-items:center;cursor:pointer;font-family:var(--calc-font);transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .18s ease,opacity .16s ease;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 18px #0f172a24;opacity:.84}.energy-close:hover{background:color-mix(in srgb,var(--calc-surface) 82%,var(--calc-btn-hover) 18%);color:var(--calc-text);opacity:1}.energy-close:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--calc-accent) 20%,transparent)}.energy-close svg{width:16px;height:16px}.energy-icon-btn{background:transparent;border:none;color:var(--calc-muted);cursor:pointer;padding:4px;border-radius:6px;display:grid;place-items:center;flex-shrink:0}.energy-icon-btn:hover{background:var(--calc-btn-hover);color:var(--calc-text)}.energy-icon-btn svg{width:18px;height:18px}.energy-toolbar-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:28px 12px 12px;background:linear-gradient(180deg,color-mix(in srgb,var(--calc-surface) 96%,transparent) 0%,var(--calc-surface) 100%)}.energy-toolbar-btn{min-width:0;min-height:48px;padding:0 10px;border:1px solid color-mix(in srgb,var(--calc-border) 96%,transparent);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--calc-surface) 18%,transparent),color-mix(in srgb,var(--calc-btn) 84%,transparent));color:color-mix(in srgb,var(--calc-muted) 84%,var(--calc-text) 16%);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--calc-font);cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}.energy-toolbar-btn:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--calc-surface) 24%,transparent),color-mix(in srgb,var(--calc-btn-hover) 88%,transparent));color:var(--calc-text)}.energy-toolbar-btn.active{color:var(--calc-accent);background:linear-gradient(180deg,color-mix(in srgb,var(--calc-accent) 12%,var(--calc-surface) 88%),color-mix(in srgb,var(--calc-accent) 14%,var(--calc-btn) 86%));border-color:color-mix(in srgb,var(--calc-accent) 34%,var(--calc-border))}.energy-toolbar-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--calc-accent) 20%,transparent)}.energy-toolbar-btn-icon{display:inline-flex;align-items:center;justify-content:center}.energy-toolbar-btn svg{width:17px;height:17px}.energy-toolbar-btn-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:700}.energy-mode-btn.is-active{color:var(--calc-accent);background:linear-gradient(180deg,color-mix(in srgb,var(--calc-accent) 12%,var(--calc-surface) 88%),color-mix(in srgb,var(--calc-accent) 14%,var(--calc-btn) 86%));border-color:color-mix(in srgb,var(--calc-accent) 34%,var(--calc-border))}.energy-body{padding:14px 12px 16px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--calc-surface) 94%,var(--calc-btn) 6%) 0%,var(--calc-surface) 34px)}.energy-input-group{display:flex;flex-direction:column;gap:4px}.energy-label{font-size:12px;font-weight:600;color:var(--calc-muted);padding-left:4px}.energy-input{width:100%;border:1px solid var(--calc-border);border-radius:12px;padding:12px;background:var(--calc-display-bg);color:var(--calc-text);font-size:16px;font-weight:600;font-family:var(--calc-font);outline:none;box-sizing:border-box;min-height:44px;transition:border-color .15s ease}.energy-input::placeholder{color:var(--calc-muted);opacity:.5}.energy-input:focus{border-color:var(--calc-accent)}.energy-input.is-invalid{border-color:#ef4444}.energy-input-error{display:none}.energy-slider{-webkit-appearance:none;appearance:none;display:block;width:100%;height:6px;border-radius:3px;background:var(--calc-display-bg);border:1px solid var(--calc-border);outline:none;margin:8px 0 0;padding:0;cursor:pointer;box-sizing:border-box}.energy-panel input.energy-slider{width:calc(100% - 12px);max-width:none;margin-left:6px;margin-right:6px}.energy-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--calc-accent);border:2px solid var(--calc-surface);box-shadow:0 2px 6px #0003;cursor:grab;transition:transform .1s ease,box-shadow .1s ease}.energy-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #00000040}.energy-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.energy-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--calc-accent);border:2px solid var(--calc-surface);box-shadow:0 2px 6px #0003;cursor:grab;transition:transform .1s ease,box-shadow .1s ease}.energy-slider::-moz-range-thumb:hover{transform:scale(1.1)}.energy-slider::-moz-range-track{height:6px;border-radius:3px;background:var(--calc-display-bg);border:1px solid var(--calc-border)}.energy-results{margin-top:8px;padding:12px;background:var(--calc-surface);border-radius:12px;border:1px solid color-mix(in srgb,var(--calc-border) 70%,var(--calc-text))}.energy-result-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.energy-result-row:first-child{padding-top:0}.energy-result-row:last-child{padding-bottom:0}.energy-result-row+.energy-result-row{border-top:1px solid var(--calc-border)}.energy-result-label{font-size:13px;color:color-mix(in srgb,var(--calc-text) 70%,var(--calc-muted))}.energy-result-value{font-size:15px;font-weight:700;color:var(--calc-text)}.energy-result-total .energy-result-value{color:var(--calc-accent);font-size:18px}.energy-settings-sheet{position:absolute;left:0;right:0;bottom:0;background:var(--calc-surface);border-top:1px solid var(--calc-border);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026;z-index:11;overflow:hidden;display:flex;flex-direction:column;transform:translateY(100%);opacity:0;visibility:hidden;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s}.energy-settings-sheet.is-open{transform:translateY(0);opacity:1;visibility:visible}.energy-settings-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--calc-border);font-weight:700;font-size:14px}.energy-settings-close svg{width:16px;height:16px}.energy-settings-body{padding:16px;display:flex;flex-direction:column;gap:16px}.energy-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.energy-settings-row-box{border:1px solid var(--calc-border);border-radius:10px;padding:8px 10px;background:var(--calc-surface)}.energy-settings-label{font-size:14px;font-weight:600;color:var(--calc-text)}.energy-unit-toggle{display:flex;gap:2px;background:var(--calc-display-bg);border-radius:8px;padding:3px;border:1px solid var(--calc-border)}.energy-unit-btn{padding:6px 12px;border:none;border-radius:6px;background:transparent;color:var(--calc-muted);font-size:12px;font-weight:600;font-family:var(--calc-font);cursor:pointer;transition:background .15s ease,color .15s ease}.energy-unit-btn:hover{color:var(--calc-text)}.energy-unit-btn.is-active{background:var(--calc-accent);color:#062018}.energy-settings-switch{position:relative;display:inline-flex;align-items:center;width:44px;height:24px}.energy-settings-thousands{appearance:none;-webkit-appearance:none;width:44px;height:24px;margin:0;border:1px solid var(--calc-border);border-radius:999px;background:var(--calc-display-bg);cursor:pointer;transition:background .2s ease,border-color .2s ease}.energy-settings-slider{position:absolute;left:3px;width:18px;height:18px;border-radius:50%;background:var(--calc-text);pointer-events:none;transition:transform .2s ease}.energy-settings-thousands:checked{background:color-mix(in srgb,var(--calc-accent) 15%,var(--calc-display-bg));border-color:color-mix(in srgb,var(--calc-accent) 30%,var(--calc-border))}.energy-settings-thousands:checked+.energy-settings-slider{transform:translate(20px)}.energy-panel.is-dragging{user-select:none;-webkit-user-select:none}.energy-multi-view{display:grid;grid-template-columns:320px 320px;height:480px}.energy-multi-view[hidden],.energy-simple-view[hidden]{display:none}.energy-multi-sidebar{display:flex;flex-direction:column;padding:10px;gap:8px;border-right:1px solid var(--calc-border);background:var(--calc-surface)}.energy-multi-sidebar .energy-input-group{gap:4px}.energy-multi-sidebar .energy-input-group:first-of-type .energy-input{padding:12px;font-size:16px;min-height:44px;border-radius:12px}.energy-multi-sidebar .energy-input{padding:8px;font-size:14px;min-height:36px;border-radius:8px}.energy-multi-sidebar .energy-slider{margin-top:8px;margin-bottom:8px}.energy-multi-form-title{font-size:11px;font-weight:700;color:var(--calc-muted);text-transform:uppercase;letter-spacing:.5px;padding:2px 0}.energy-multi-actions{display:flex;gap:6px;margin-top:auto}.energy-multi-save-btn{flex:1;padding:8px;border:none;border-radius:8px;background:var(--calc-accent);color:#062018;font-size:12px;font-weight:600;font-family:var(--calc-font);cursor:pointer;transition:opacity .15s ease}.energy-multi-save-btn:hover:not(:disabled){opacity:.9}.energy-multi-save-btn:disabled{background:var(--calc-border);color:var(--calc-muted);cursor:not-allowed;opacity:.6}.energy-multi-cancel-btn{padding:8px 12px;border:1px solid var(--calc-border);border-radius:8px;background:transparent;color:var(--calc-muted);font-size:12px;font-weight:600;font-family:var(--calc-font);cursor:pointer;transition:background .15s ease,color .15s ease}.energy-multi-cancel-btn:hover{background:var(--calc-display-bg);color:var(--calc-text)}.energy-multi-cancel-btn[hidden]{display:none}.energy-multi-right{display:flex;flex-direction:column;background:var(--calc-display-bg)}.energy-trips-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px;display:flex;flex-direction:column;gap:6px;min-height:0}.energy-multi-footer{display:flex;flex-direction:column;gap:8px;padding:12px;border-top:1px solid var(--calc-border);background:var(--calc-surface)}.energy-trip-item{border:1px solid var(--calc-border);border-radius:10px;background:var(--calc-surface);overflow:hidden;transition:border-color .2s ease,background .2s ease}.energy-trip-item.is-active{border-color:var(--calc-accent);background:color-mix(in srgb,var(--calc-accent) 5%,var(--calc-surface))}.energy-trip-card{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease}.energy-trip-card:hover{background:var(--calc-display-bg)}.energy-trip-card-name{flex:1;color:var(--calc-text);font-size:13px;font-weight:600;font-family:var(--calc-font)}.energy-trip-card-subtotal{font-size:13px;font-weight:700;color:var(--calc-accent);margin-right:4px}.energy-trip-delete{background:transparent;border:none;color:var(--calc-muted);font-size:16px;cursor:pointer;padding:4px;border-radius:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,color .15s ease}.energy-trip-delete:hover{background:color-mix(in srgb,#ef4444 10%,transparent);color:#ef4444}.energy-multi-total{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--calc-display-bg);border-radius:10px;border:1px solid var(--calc-border)}.energy-multi-total-label{font-size:13px;font-weight:600;color:var(--calc-muted);text-transform:uppercase;letter-spacing:.5px}.energy-multi-total-value{font-size:18px;font-weight:800;color:var(--calc-accent)}.energy-reset-all-btn{width:100%;padding:8px;border:1px solid var(--calc-border);border-radius:8px;background:transparent;color:var(--calc-muted);font-size:11px;font-weight:600;font-family:var(--calc-font);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.energy-reset-all-btn:hover{background:color-mix(in srgb,#ef4444 5%,transparent);color:#ef4444;border-color:#ef4444}.energy-modal{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center}.energy-modal[hidden]{display:none}.energy-modal-overlay{position:absolute;inset:0;background:#00000080;border-radius:var(--calc-radius)}.energy-modal-content{position:relative;background:var(--calc-surface);border:1px solid var(--calc-border);border-radius:12px;padding:20px;min-width:320px;max-width:92%;box-shadow:0 4px 20px #0000004d}.energy-modal-message{font-size:14px;font-weight:600;color:var(--calc-text);text-align:center;margin-bottom:20px}.energy-modal-actions{display:flex;gap:10px;justify-content:center}.energy-modal-btn{flex:1;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;font-family:var(--calc-font);cursor:pointer;transition:background .15s ease,color .15s ease}.energy-modal-cancel{background:transparent;border:1px solid var(--calc-border);color:var(--calc-muted)}.energy-modal-cancel:hover{background:var(--calc-display-bg);color:var(--calc-text)}.energy-modal-confirm{background:#ef4444;border:none;color:#fff}.energy-modal-confirm:hover{background:#dc2626}@media(max-width:700px){.energy-panel.is-multi-mode{width:calc(100vw - 24px);right:12px}.energy-multi-view{grid-template-columns:1fr;height:auto;max-height:80vh}.energy-multi-sidebar{border-right:none;border-bottom:1px solid var(--calc-border)}.energy-multi-right{max-height:400px}}@media(max-width:420px){.energy-panel{width:calc(100vw - 24px);right:12px}.energy-header{padding:8px 8px 0}.energy-close{top:8px;right:8px;width:32px;min-height:32px}.energy-toolbar-row{gap:6px}.energy-toolbar-btn{min-height:44px;padding:0 8px;gap:6px}.energy-toolbar-btn-label{font-size:.68rem}.energy-input{font-size:16px}}.backend-auth{--backend-auth-border: var(--calc-border, var(--border, rgba(0, 0, 0, .14)));--backend-auth-surface: var(--calc-surface, var(--surface, #ffffff));--backend-auth-control-bg: var(--calc-btn, var(--btn-bg, rgba(0, 0, 0, .06)));--backend-auth-control-hover: var(--calc-btn-hover, var(--btn-hover-bg, rgba(0, 0, 0, .1)));--backend-auth-text: var(--calc-text, var(--btn-fg, #111827));--backend-auth-muted: var(--calc-muted, var(--muted, rgba(0, 0, 0, .55)));--backend-auth-accent: var(--calc-accent, var(--success-bg, #10b981));--backend-auth-danger: var(--danger-fg, #b91c1c);display:grid;gap:8px;width:100%;min-width:0;margin:4px 0 0;padding:8px;border:1px solid color-mix(in srgb,var(--backend-auth-border) 90%,transparent);border-radius:8px;background:color-mix(in srgb,var(--backend-auth-surface) 82%,var(--backend-auth-control-bg) 18%);color:var(--backend-auth-text);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 18%,transparent)}.backend-auth [hidden]{display:none!important}.backend-auth .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tools-menu-list>.compact-tools-menu-brand,.tools-menu-list>.board-tools-menu-brand{order:-2}.tools-menu-list>.backend-auth{margin:0 0 4px;order:-1}.backend-auth-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.backend-auth-copy{display:grid;gap:2px;min-width:0;flex:1 1 auto}.backend-auth-title{margin:0;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--backend-auth-muted);overflow-wrap:anywhere}.backend-auth-status{margin:0;font-size:12px;line-height:1.35;font-weight:700;color:var(--backend-auth-muted);overflow-wrap:anywhere}.backend-auth-status[data-tone=success]{color:var(--backend-auth-accent)}.backend-auth-status[data-tone=danger]{color:var(--backend-auth-danger)}.backend-auth-fields{display:grid;gap:6px}.backend-auth-input{width:100%;appearance:none;border:1px solid color-mix(in srgb,var(--backend-auth-border) 94%,transparent);border-radius:8px;background:var(--backend-auth-surface);color:var(--backend-auth-text);min-height:40px;padding:9px 12px;font:inherit;font-size:13px;font-weight:700;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--inner-ring, rgba(0, 0, 0, .06)) 65%,transparent)}.backend-auth-input:focus-visible{border-color:color-mix(in srgb,var(--backend-auth-accent) 70%,var(--backend-auth-border));outline:3px solid color-mix(in srgb,var(--backend-auth-accent) 20%,transparent);outline-offset:0}.backend-auth-input::placeholder{color:var(--backend-auth-muted)}.backend-auth-password-wrap{position:relative}.backend-auth-password-wrap .backend-auth-input{width:100%;padding-right:36px}.backend-auth-password-wrap .backend-auth-password-toggle{all:unset;position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--backend-auth-muted);cursor:pointer;opacity:.55;transition:opacity .15s ease,color .15s ease;box-sizing:border-box;-webkit-tap-highlight-color:transparent;z-index:1}.backend-auth-password-wrap .backend-auth-password-toggle svg{display:block;width:14px;height:14px;pointer-events:none}.backend-auth-password-wrap .backend-auth-password-toggle:hover{opacity:1}.backend-auth-password-wrap .backend-auth-password-toggle:active{transform:translateY(-50%);opacity:.85}.backend-auth-password-wrap .backend-auth-password-toggle.is-revealed{opacity:1;color:var(--backend-auth-accent)}.backend-auth-actions{display:grid;grid-template-columns:minmax(104px,.9fr) minmax(0,1.1fr);align-items:center;gap:8px}.backend-auth-sso-button{grid-column:1 / -1;min-height:42px;border-color:color-mix(in srgb,var(--backend-auth-accent) 48%,var(--backend-auth-border));border-radius:8px;background:color-mix(in srgb,var(--backend-auth-accent) 24%,var(--backend-auth-control-bg));color:var(--backend-auth-text);font-weight:850}.backend-auth-sso-button:hover{background:color-mix(in srgb,var(--backend-auth-accent) 30%,var(--backend-auth-control-bg))}.backend-auth button:not(.backend-auth-password-toggle):not(.backend-auth-logout-button){display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center;text-align:center;min-width:0}.backend-auth .backend-auth-login-button{min-height:42px;border-color:color-mix(in srgb,var(--backend-auth-accent) 38%,var(--backend-auth-border));border-radius:8px;background:color-mix(in srgb,var(--backend-auth-accent) 16%,var(--backend-auth-control-bg));color:var(--backend-auth-text);font-weight:800}.backend-auth .backend-auth-login-button:hover{background:color-mix(in srgb,var(--backend-auth-accent) 22%,var(--backend-auth-control-bg))}.backend-auth .backend-auth-header .backend-auth-logout-button{display:inline-grid;place-items:center;justify-content:center;align-content:center;flex:0 0 auto;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border-color:color-mix(in srgb,var(--backend-auth-danger) 30%,var(--backend-auth-border));border-radius:8px;background:color-mix(in srgb,var(--backend-auth-danger) 10%,var(--backend-auth-control-bg));color:var(--backend-auth-danger)}.backend-auth .backend-auth-header .backend-auth-logout-button:hover{background:color-mix(in srgb,var(--backend-auth-danger) 16%,var(--backend-auth-control-bg))}.backend-auth button:disabled,.backend-auth-input:disabled{cursor:wait;opacity:.62}.backend-auth-action-icon{display:inline-grid;place-items:center;width:18px;height:18px;flex:0 0 18px}.backend-auth-action-icon svg{display:block;width:18px;height:18px}.backend-auth-authenticated-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.backend-auth-authenticated-actions button{min-height:38px;border-radius:8px;font-weight:800}.backend-auth-links{display:grid;gap:2px;min-width:0}.backend-auth-link{display:inline-flex;align-items:center;min-height:18px;font-size:12px;font-weight:700;color:var(--backend-auth-muted);text-decoration:none;line-height:1.2;overflow-wrap:anywhere}.backend-auth-link:hover{color:var(--backend-auth-text);text-decoration:underline}@media(max-width:340px){.backend-auth-actions{grid-template-columns:1fr}.backend-auth-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}}