/* Optional desktop appearance and a compact, metallic media player. */
.desktop-page[data-wallpaper=blue]{background:radial-gradient(ellipse at 65% 15%,#084b9f,#003785 72%,#00317b)}
.desktop-page[data-wallpaper=teal]{background:#007b7b}.desktop-page[data-wallpaper=midnight]{background:#142139}
.wallpaper-tiles,.desktop-page[data-wallpaper=tiles]{background-color:#326f75;background-image:repeating-linear-gradient(45deg,#ffffff18 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,#00000015 0 1px,transparent 1px 4px)}
.wallpaper-dusk,.desktop-page[data-wallpaper=dusk]{background:linear-gradient(145deg,#26214e,#713559 55%,#bd6049)}
.wallpaper-confetti,.desktop-page[data-wallpaper=confetti]{background-color:#222643;background-image:radial-gradient(#88c5c6 1px,transparent 1px),radial-gradient(#deae6b 1px,transparent 1px);background-size:23px 27px,37px 41px;background-position:0 0,11px 13px}
.desktop-page[data-wallpaper=custom]{background-image:var(--custom-wallpaper);background-size:cover;background-position:center;background-color:#142139}
body[data-chrome]{--chrome-start:#000080;--chrome-end:#175bbb}body[data-chrome=plum]{--chrome-start:#542163;--chrome-end:#97496f;--surface:#c9c1c8}body[data-chrome=forest]{--chrome-start:#154d43;--chrome-end:#438679;--surface:#bdc9c4}body[data-chrome=graphite]{--chrome-start:#343a44;--chrome-end:#65717b;--surface:#c2c6ca}
body[data-chrome] .is-active>.titlebar,body[data-chrome] .standalone-window>.titlebar,body[data-chrome] .viewer-titlebar{background:linear-gradient(90deg,var(--chrome-start),var(--chrome-end))}
.settings-intro{margin:12px 0 22px;color:#444}.chrome-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.chrome-options button{border:0;box-shadow:var(--raise);background:var(--surface);padding:10px;display:flex;gap:10px;align-items:center;font-size:14px;min-height:44px}.chrome-options span{display:block;width:28px;height:20px;background:var(--sample);box-shadow:var(--sink)}.chrome-options [aria-pressed=true]{outline:2px solid var(--chrome-start,#000080);outline-offset:2px}.upload-wallpaper{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.upload-wallpaper label{position:relative;cursor:pointer}.upload-wallpaper label:focus-within{outline:2px solid #000080;outline-offset:2px}.settings-note{font-size:13px;line-height:1.5;margin-top:12px}.preferences-content fieldset{margin-top:20px}.secret-folder-link{padding:0 28px 22px}.secret-folder-link a{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:#555;text-decoration:none}.secret-folder-link .pixel-icon{width:24px;height:24px;opacity:.8}.secret-folder-link a:hover{text-decoration:underline;color:#000080}
.personal-files{padding-bottom:20px}.personal-intro{margin:0 25px 24px;color:#555}.personal-files details{margin:12px 22px;border:1px solid #aaa;background:#f6f5ef}.personal-files summary{padding:14px;cursor:pointer;font:14px 'Courier New',monospace;background:#e4e3db}.personal-files details>div{padding:18px}.personal-files h2{font-size:21px;margin:0 0 13px}.personal-files p{line-height:1.6;font-size:15px;margin-bottom:16px}.personal-files .retro-button{margin:0 7px 8px 0}
.music-window>.window-body{background:#303a40}.hariamp{--amp-metal:#b4ccd0;--amp-light:#efffff;--amp-dark:#4e6c78;--amp-screen:#053d49;--amp-ink:#adf2e9;--amp-glow:#66ded5;padding:12px;color:#152e37;background:linear-gradient(135deg,var(--amp-light),var(--amp-metal) 16%,var(--amp-light) 19%,var(--amp-metal) 23%,var(--amp-dark));min-height:100%;font-family:Tahoma,Arial,sans-serif}
.hariamp[data-skin=silver]{--amp-metal:#aeb8c4;--amp-light:#f6f7fb;--amp-dark:#535f72;--amp-screen:#131e38;--amp-ink:#c7defd;--amp-glow:#81b4ff}.hariamp[data-skin=amber]{--amp-metal:#c4b88e;--amp-light:#fff5d3;--amp-dark:#716548;--amp-screen:#342c11;--amp-ink:#f8d983;--amp-glow:#e7b548}
.amp-topline{display:flex;justify-content:space-between;align-items:center;padding:1px 5px 10px;gap:10px;font-size:12px;letter-spacing:2px;text-shadow:1px 1px var(--amp-light)}.amp-topline label{display:flex;gap:7px;align-items:center;letter-spacing:0;font-size:13px}.amp-topline select{font-size:13px;padding:4px;color:#1a3038;background:var(--amp-light);border:1px solid var(--amp-dark);border-radius:3px}
.amp-display{border:3px solid;border-color:var(--amp-dark) var(--amp-light) var(--amp-light) var(--amp-dark);border-radius:10px;background:linear-gradient(180deg,#0006,transparent 55%),var(--amp-screen);color:var(--amp-ink);padding:12px;box-shadow:inset 0 0 10px #0008;display:grid;grid-template-columns:86px minmax(0,1fr);gap:7px 12px;font-family:'Courier New',monospace}.amp-readout{display:flex;flex-direction:column;justify-content:space-between}.amp-readout #amp-clock{font-size:27px;letter-spacing:-1px}.amp-readout #amp-state{font-size:11px;letter-spacing:1px}.amp-now{min-width:0;display:flex;flex-direction:column;gap:6px;justify-content:center}.amp-now span{font-size:11px;letter-spacing:1px}.amp-now strong{font-size:15px;line-height:1.3;overflow-wrap:anywhere}.amp-spectrum{grid-column:1/-1;height:38px;display:flex;gap:3px;align-items:flex-end;border-bottom:1px solid #ffffff22;overflow:hidden}.amp-spectrum i{flex:1;height:100%;transform:scaleY(.08);transform-origin:bottom;background:repeating-linear-gradient(to top,transparent 0 2px,var(--amp-glow) 2px 5px);min-width:2px}.amp-display-label{grid-column:1/-1;text-align:right;font-size:10px;letter-spacing:2px;opacity:.7}
@keyframes amp-spectrum{0%{transform:scaleY(.12)}35%{transform:scaleY(.75)}70%{transform:scaleY(.3)}100%{transform:scaleY(1)}}
.amp-seek{display:flex;align-items:center;gap:9px;margin:10px 2px;font:12px 'Courier New',monospace}.amp-seek label{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.amp-seek input{min-width:0;flex:1}.hariamp input[type=range]{accent-color:var(--amp-dark);height:22px;cursor:pointer}
.amp-transport{display:flex;gap:5px;align-items:center;padding:0 2px 12px}.amp-transport button{border:1px solid var(--amp-dark);border-radius:50%;width:36px;height:34px;padding:0;background:linear-gradient(var(--amp-light),var(--amp-metal) 55%,var(--amp-dark));box-shadow:inset 1px 1px #fff,1px 2px 2px #0005;color:#163340;font:bold 14px Arial}.amp-transport button:active{box-shadow:inset 1px 2px 3px #0006}.amp-transport #amp-play{width:44px;height:41px;font-size:19px}.amp-volume{display:flex;gap:6px;align-items:center;font:11px 'Courier New',monospace;min-width:0;margin-left:auto}.amp-volume input{width:75px;min-width:35px}
.amp-video{background:#0b151b;border:2px solid var(--amp-dark);width:100%;min-height:200px;position:relative}.amp-video iframe{display:block;width:100%;height:clamp(200px,28vw,270px);min-height:200px;border:0}#amp-idle{min-height:200px;padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#bed9de;background:radial-gradient(ellipse,#244650,#0b151b)}#amp-idle[hidden]{display:none}.amp-load{padding:10px 22px;background:var(--amp-metal);border:1px solid var(--amp-light);color:#102b35;box-shadow:var(--raise);font-size:14px}#amp-idle small{font-size:12px;line-height:1.4;max-width:290px}
.amp-note{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 2px;font-size:12px;line-height:1.45}.amp-note p{margin:0;flex:1}.amp-note a{color:#102e41;font-size:12px;white-space:nowrap}.amp-playlist-head{display:flex;justify-content:space-between;gap:10px;align-items:center;background:linear-gradient(var(--amp-light),var(--amp-metal));padding:7px 10px;border:1px solid var(--amp-dark);font:12px 'Courier New',monospace;letter-spacing:1px}.amp-playlist-head button{font:12px Tahoma,sans-serif;color:#122f3b;background:var(--amp-light);border:1px solid var(--amp-dark);padding:6px 9px;letter-spacing:0;min-height:30px}
.amp-playlist{list-style:none;padding:5px;margin:0;border:2px solid;border-color:var(--amp-dark) var(--amp-light) var(--amp-light) var(--amp-dark);background:var(--amp-screen);max-height:245px;overflow:auto;scrollbar-color:var(--amp-metal) var(--amp-screen)}.amp-playlist li{margin:0}.amp-playlist button{display:grid;grid-template-columns:25px minmax(0,1fr);gap:2px 5px;text-align:left;border:0;background:none;color:var(--amp-ink);padding:8px;width:100%;font:13px/1.35 'Courier New',monospace;min-height:48px}.amp-playlist button:hover,.amp-playlist button[aria-current=true]{background:var(--amp-ink);color:var(--amp-screen)}.amp-track-number{grid-row:span 2;opacity:.6}.amp-track-title{font-weight:bold}.amp-track-artist{font-size:12px;opacity:.8}.amp-bottom{display:flex;justify-content:space-between;gap:10px;padding:9px 3px 0;font:10px/1.4 'Courier New',monospace;letter-spacing:1px}
@container(max-width:380px){.hariamp{padding:8px}.amp-transport{gap:3px}.amp-transport button{width:32px;height:32px}.amp-volume{gap:3px}.amp-volume input{width:48px}.amp-display{padding:10px;gap:7px}.amp-note{flex-wrap:wrap}.amp-note a{white-space:normal}.amp-bottom{letter-spacing:0}}
@media(min-width:701px){.desktop-icons{grid-template-columns:84px 84px;width:180px;grid-auto-flow:column;grid-template-rows:repeat(5,76px)}}
@media(prefers-reduced-motion:reduce){}

@media(min-width:701px) and (max-height:590px){.desktop-icons{grid-template-rows:repeat(4,70px);gap:10px 12px}.desktop-icon{min-height:70px}}

/* Personal files, tucked inside the Recycle Bin. */
.personal-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;padding:20px 22px}
.personal-folder-grid>a{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 8px;min-height:135px;color:#171717;text-align:center;text-decoration:none;border:1px solid transparent;font:14px/1.4 Tahoma,Arial,sans-serif}
.personal-folder-grid>a:hover,.personal-folder-grid>a:focus-visible{background:#000080;color:#fff;border-color:#fff;outline:1px dotted #fff;outline-offset:-4px}
.personal-folder-grid .pixel-icon{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}
.personal-folder-grid small{font-size:12px;opacity:.75}
.personal-breadcrumb{align-items:center;gap:3px;font-size:13px}
.personal-breadcrumb>span{padding:7px 3px}
@media(max-width:700px){.personal-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}}