:root{--z-desktop-field:#406198;--z-desktop-mango:#ffd67a;--z-shell-surface:#d4d0c8;--z-shell-surface-light:#fff;--z-shell-surface-mid:gray;--z-shell-surface-dark:#404040;--z-shell-surface-deep:#111;--z-shell-title-active-start:#0a246a;--z-shell-title-active-end:#a6caf0;--z-shell-title-inactive-start:gray;--z-shell-title-inactive-end:silver;--z-shell-selection:#0a246a;--z-shell-selection-text:#fff;--z-shell-text:#111;--z-shell-text-muted:#585858;--z-shell-disabled:#7d7d7d;--z-shell-focus:#0a246a;--z-shell-dock-height:82px;--z-shell-font:Tahoma, "MS Sans Serif", "Segoe UI", sans-serif;--z-dock-font:"Courier New", Courier, ui-monospace, monospace}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{block-size:100%;inline-size:100%;margin:0}body{min-block-size:100dvh;font-family:var(--z-shell-font);background:var(--z-desktop-field);overflow:hidden}button,input,select{font:inherit}*,:before,:after{box-sizing:border-box}body.desktop{background:var(--z-desktop-field);overscroll-behavior:none}desktop-shell,app-dock,window-frame,light-dom-app-host{display:block}desktop-shell{min-block-size:100dvh}desktop-shell[wallpaper=blue]{--z-desktop-wallpaper-color:var(--z-desktop-field);--z-desktop-wallpaper-image:none}desktop-shell[wallpaper=black]{--z-desktop-wallpaper-color:#000;--z-desktop-wallpaper-image:none}desktop-shell[wallpaper=mango]{--z-desktop-wallpaper-color:var(--z-desktop-mango);--z-desktop-wallpaper-image:none}window-frame[data-app=webamp]{inline-size:min(100%,446px)}window-frame[data-app=webamp][maximized]{inline-size:calc(100vw - 16px)}light-dom-app-host [data-app-mount]{isolation:isolate;min-block-size:140px;position:relative;overflow:visible}light-dom-app-host [data-app-mount]>#webamp{transform-origin:0 0;pointer-events:auto;position:relative}.webamp-app-host{pointer-events:none;min-block-size:100%;position:absolute;inset:0}.webamp-app-host[hidden]{display:none}.webamp-app-host [data-app-mount]{pointer-events:none;block-size:100%;min-block-size:100%;inline-size:100%}.settings-window{--window-frame-width:100%;--window-frame-height:100%;--window-frame-min-height:100%;--window-frame-content-overflow:auto;max-inline-size:calc(100vw - 28px);position:absolute}.settings-panel{flex-direction:column;gap:12px;min-block-size:100%;display:flex}.settings-panel settings-footer{margin-block-start:auto}.settings-content{font:400 11px / 1.35 var(--z-shell-font);align-content:start;gap:12px;display:grid}.settings-content fieldset{border-block-start:1px solid var(--z-shell-surface-mid);border-inline-start:1px solid var(--z-shell-surface-mid);border-inline-end:1px solid var(--z-shell-surface-light);border-block-end:1px solid var(--z-shell-surface-light);gap:10px;min-inline-size:0;margin:0;padding:12px 10px 10px;display:grid}.settings-content legend{padding-inline:4px}.classic-checkbox{align-items:center;gap:7px;min-block-size:24px;display:flex}.classic-checkbox input{block-size:14px;inline-size:14px;accent-color:var(--z-shell-selection);margin:0}.wallpaper-setting{gap:5px;display:grid}.setting-label{font-weight:700}.wallpaper-options{overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;gap:8px;min-inline-size:0;max-inline-size:100%;padding:2px 2px 8px;display:flex;overflow:auto hidden}.wallpaper-option{min-inline-size:0;font:400 11px / 1.2 var(--z-shell-font);cursor:pointer;scroll-snap-align:start;flex:0 0 76px;grid-template-rows:48px auto;grid-template-columns:14px minmax(0,1fr);place-items:center;gap:3px;padding:2px;display:grid}.wallpaper-option input{block-size:13px;inline-size:13px;accent-color:var(--z-shell-selection);grid-area:2/1;margin:0}.wallpaper-thumbnail{box-sizing:border-box;border-block-start:2px solid var(--z-shell-surface-dark);border-inline-start:2px solid var(--z-shell-surface-dark);border-inline-end:2px solid var(--z-shell-surface-light);border-block-end:2px solid var(--z-shell-surface-light);background-position:50%;grid-area:1/1/auto/-1;block-size:48px;inline-size:72px;display:block;box-shadow:inset 1px 1px #000}.wallpaper-option>span:last-child{grid-area:2/2;justify-self:start}.wallpaper-thumbnail--blue{background:var(--z-desktop-field)}.wallpaper-thumbnail--black{background:#000}.wallpaper-thumbnail--mango{background:var(--z-desktop-mango)}.wallpaper-option input:checked+.wallpaper-thumbnail{outline:2px solid var(--z-shell-selection);outline-offset:1px}.wallpaper-option input:focus-visible+.wallpaper-thumbnail{outline:1px dotted var(--z-shell-focus);outline-offset:3px}.setting-row{grid-template-columns:minmax(0,1fr) minmax(130px,auto);align-items:center;gap:8px;display:grid}.setting-row output{border-block-start:1px solid var(--z-shell-surface-dark);border-inline-start:1px solid var(--z-shell-surface-dark);border-inline-end:1px solid var(--z-shell-surface-light);border-block-end:1px solid var(--z-shell-surface-light);background:#fff;min-block-size:23px;padding:4px 6px}.settings-content p{color:var(--z-shell-text-muted);margin:0}.settings-content button,.mobile-radio-start{min-block-size:25px;color:var(--z-shell-text);background:var(--z-shell-surface);border-block-start:1px solid var(--z-shell-surface-light);border-inline-start:1px solid var(--z-shell-surface-light);border-inline-end:1px solid var(--z-shell-surface-dark);border-block-end:1px solid var(--z-shell-surface-dark);box-shadow:inset -1px -1px 0 var(--z-shell-surface-mid), inset 1px 1px 0 var(--z-shell-surface-light);font:400 11px / 1 var(--z-shell-font);justify-self:start;padding:3px 12px}.settings-content button:active,.mobile-radio-start:active{border-block-start-color:var(--z-shell-surface-dark);border-inline-start-color:var(--z-shell-surface-dark);border-inline-end-color:var(--z-shell-surface-light);border-block-end-color:var(--z-shell-surface-light);box-shadow:inset 1px 1px 0 var(--z-shell-surface-mid)}.settings-content button:focus-visible,.classic-checkbox input:focus-visible,.mobile-radio-start:focus-visible{outline:1px dotted var(--z-shell-focus);outline-offset:2px}.mobile-radio-start{z-index:60;white-space:nowrap;min-block-size:40px;padding-inline:18px;font-weight:700;position:fixed;inset-block-end:calc(var(--shell-dock-height) + env(safe-area-inset-bottom,0px) + 10px);inset-inline-start:50%;translate:-50%}.radio-error-dialog{--window-frame-width:310px;z-index:60;inline-size:min(310px,100vw - 20px);position:fixed;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.radio-error-content{font:400 12px / 1.4 var(--z-shell-font);gap:12px;display:grid}.radio-error-content p{margin:0}.radio-error-content button{min-block-size:25px;color:var(--z-shell-text);background:var(--z-shell-surface);border-block-start:1px solid var(--z-shell-surface-light);border-inline-start:1px solid var(--z-shell-surface-light);border-inline-end:1px solid var(--z-shell-surface-dark);border-block-end:1px solid var(--z-shell-surface-dark);box-shadow:inset -1px -1px 0 var(--z-shell-surface-mid), inset 1px 1px 0 var(--z-shell-surface-light);font:400 11px / 1 var(--z-shell-font);justify-self:end;padding:3px 12px}.radio-error-content button:focus-visible{outline:1px dotted var(--z-shell-focus);outline-offset:2px}@media (width<=599px){light-dom-app-host [data-app-mount]{min-block-size:112px}.settings-content button{min-block-size:40px}.wallpaper-option{min-block-size:64px}.radio-error-content button{min-block-size:40px}}@media (prefers-reduced-motion:reduce){desktop-shell,app-dock,window-frame,light-dom-app-host [data-app-mount]>#webamp{scroll-behavior:auto;transition-duration:0s;animation-duration:0s}}