:root{--xp-blue:#245edb;--xp-blue-dark:#003cbd;--xp-blue-mid:#1674e8;--xp-green:#3c9b28;--xp-green-dark:#1f6b13;--chrome:#ece9d8;--cream:#fff;--menu-right:#d3e5fa;--select:#316ac5;--shadow:rgba(0,32,94,.45);font-family:Tahoma,"Trebuchet MS",Arial,sans-serif;font-size:13px;color:#111}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}.hidden{display:none!important}.scene{position:fixed;inset:0}.scene button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px dotted #111;outline-offset:1px}
#bios{background:#050505;color:#ddd;font:15px/1.55 "Courier New",monospace;padding:5vh 6vw}.bios-text b{font-size:18px;color:#fff}.bios-text span{color:#8f8}.bios-text i{animation:blink .65s steps(1) infinite}@keyframes blink{50%{opacity:0}}
#boot{background:#050505;color:#fff;display:grid;place-content:center;text-align:center}.boot-logo{display:flex;align-items:center;gap:18px}.boot-logo small,.boot-logo span{display:block;text-align:left}.boot-logo small{font-size:10px;color:#bbb}.boot-logo strong{display:block;font-size:50px;line-height:1;letter-spacing:-4px;font-weight:500}.boot-logo em,.logon-brand em,.about-body em{color:#f18521;font:italic 22px Georgia}.boot-logo span{font-size:12px;letter-spacing:3px;color:#c9c9c9}.petal-grid{display:grid;grid-template-columns:repeat(2,28px);gap:3px;transform:skewY(-5deg)}.petal-grid i{height:25px;background:#f24e3e}.petal-grid i:nth-child(2){background:#78b82a}.petal-grid i:nth-child(3){background:#32a6e8}.petal-grid i:nth-child(4){background:#f7bd18}.petal-grid.large{grid-template-columns:repeat(2,38px)}.petal-grid.large i{height:34px}.boot-progress{width:170px;height:14px;border:2px solid #aaa;border-radius:4px;padding:2px;margin:45px auto 0;overflow:hidden}.boot-progress i{display:block;width:42px;height:6px;background:linear-gradient(90deg,#14356d,#60a7ff,#14356d);animation:bootbar 1.25s linear infinite}@keyframes bootbar{from{transform:translateX(-50px)}to{transform:translateX(180px)}}.boot-copy{position:fixed;bottom:20px;left:0;right:0;color:#aaa;font-size:10px}
#logon{display:grid;grid-template-rows:11% 1fr 14%;background:#5a7edc;color:#fff}.logon-top{background:#003399;border-bottom:3px solid #8db7ff}.logon-bottom{background:#003399;border-top:3px solid #ff9d32;display:flex;align-items:center;padding:0 6vw;gap:9px}.logon-bottom p{margin-left:auto;width:310px;font-size:11px}.power-icon{width:31px;height:31px;border:2px solid #fff;border-radius:6px;background:#e45636;color:#fff;font-size:0}.power-icon:after{content:"⏻";font-size:20px}.logon-center{display:grid;grid-template-columns:1fr 2px 1fr;align-items:center;max-width:1120px;width:100%;margin:auto}.logon-brand{justify-self:end;text-align:right;padding-right:40px}.logon-brand .petal-grid{margin-left:auto}.logon-brand h1{font-size:47px;margin:10px 0 0;letter-spacing:-4px}.logon-brand h1 em{font-size:20px;color:#ff9b29}.logon-brand p{font-size:18px;margin:10px 0}.logon-rule{height:72%;background:linear-gradient(transparent,#9ec1ff,transparent)}.accounts{padding-left:32px}.account{display:flex;align-items:center;gap:12px;width:310px;margin:15px 0;padding:7px;border:2px solid transparent;border-radius:8px;background:transparent;color:#fff;text-align:left}.account:hover{background:linear-gradient(90deg,#0a51c4bb,transparent);border-color:#b8ceff}.avatar{display:inline-grid;place-items:center;width:52px;height:52px;border:2px solid #fff;border-radius:4px;box-shadow:1px 1px 3px #12469e;background:linear-gradient(135deg,#f5b942,#df742b);font-size:30px}.avatar-guests{background:linear-gradient(135deg,#89c9ff,#7253c7)}.account b{display:block;font-size:20px;text-shadow:1px 1px 1px #17346b}.account small{display:block;color:#dfeaff;margin-top:3px}
#welcome{display:grid;place-items:center;background:#5a7edc;color:#fff;border-top:12vh solid #003399;border-bottom:14vh solid #003399}#welcome>div{width:min(760px,80vw);padding:28px 0;border-top:1px solid #a2bfff;border-bottom:1px solid #3c62bc}#welcome b{display:block;font-size:46px;font-weight:400;font-style:italic;text-align:center}#welcome span{display:block;text-align:center;margin-top:12px}
#desktop{background:#2f79bd url("assets/ceska-louka.png") center/cover no-repeat;user-select:none}.theme-olive{--xp-blue:#7b8f42;--xp-blue-dark:#596c28;--xp-blue-mid:#91a45c;--xp-green:#708d36;--xp-green-dark:#4e6924;--menu-right:#e6e4c8}.theme-silver{--xp-blue:#8d98b8;--xp-blue-dark:#566282;--xp-blue-mid:#a6b1cb;--xp-green:#77899c;--xp-green-dark:#526779;--menu-right:#e0e3ed}
#desktop-icons{position:absolute;inset:0 0 38px 0;overflow:hidden}.desktop-icon{position:absolute;width:86px;min-height:76px;border:1px solid transparent;border-radius:2px;background:transparent;color:#fff;text-shadow:1px 1px 2px #123;padding:3px;display:grid;justify-items:center;align-content:start;gap:2px;touch-action:none}.desktop-icon:hover,.desktop-icon.selected{background:#2460b277;border-color:#9ec4ff}.desktop-icon.dragging{z-index:4;cursor:grabbing;background:#2460b299;border-color:#d8e9ff;filter:drop-shadow(3px 5px 4px #1238)}.desktop-icon b{font-weight:400;font-size:11px;line-height:1.22;text-align:center}.pixel-icon{font-size:34px;line-height:39px;filter:drop-shadow(1px 2px 1px #17477f)}.cards{font-family:Georgia;color:white}
.window{position:absolute;z-index:5;min-width:240px;max-width:calc(100vw - 8px);max-height:calc(100vh - 43px);border:3px solid var(--xp-blue-dark);border-top-width:0;border-radius:8px 8px 2px 2px;background:var(--chrome);box-shadow:2px 4px 14px var(--shadow);overflow:hidden}.window.active{box-shadow:4px 7px 20px rgba(0,30,90,.6)}.window.maximized{inset:0 0 38px 0!important;width:auto!important;height:auto!important;max-width:none;max-height:none;border-radius:0}.titlebar{height:30px;margin:0 -1px;display:flex;align-items:center;background:linear-gradient(#6da4f9 0,#1763dc 14%,#0e58d3 55%,#003bad 88%,#2d6fe5);color:#fff;text-shadow:1px 1px #003399;padding:0 4px;border-radius:6px 6px 0 0;cursor:move}.window:not(.active)>.titlebar{filter:saturate(.45) brightness(1.15)}.titlebar>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-icon{font-size:16px;margin:0 5px 0 2px;text-shadow:none}.window-buttons{display:flex;gap:2px;margin-left:auto}.window-buttons button{width:24px;height:22px;line-height:16px;padding:0;border:1px solid #fff;border-radius:3px;background:linear-gradient(#78aef9,#2364cc);box-shadow:inset 0 0 0 1px #0647b1;color:#fff;font-weight:bold;text-shadow:1px 1px #02419f}.window-buttons button[data-win=close]{background:linear-gradient(#f28a64,#d4442c);box-shadow:inset 0 0 0 1px #9e260e;font-size:18px}.menubar,.classic-menu{height:24px;background:#f5f4ea;padding:4px 8px;border-bottom:1px solid #aaa;font-size:11px}.classic-menu button{border:0;background:transparent;padding:0}.toolbar{height:39px;display:flex;align-items:center;gap:4px;padding:3px 7px;background:#f6f4e8;border-bottom:1px solid #aaa}.toolbar button,.browser-tools button{border:1px solid transparent;background:transparent;padding:3px 7px}.toolbar button:hover,.browser-tools button:hover{border-color:#aaa;background:#fff}.toolbar span{height:28px;border-left:1px solid #bbb}.addressbar{height:29px;display:flex;gap:5px;align-items:center;padding:3px 6px;background:#eeeada;border-bottom:1px solid #aaa}.addressbar label{font-size:11px}.addressbar div,.addressbar input{height:21px;flex:1;background:#fff;border:1px inset #9b9b8e;padding:2px 5px;min-width:0}.addressbar button{height:22px;padding:1px 8px}.statusbar{position:absolute;left:0;right:0;bottom:0;height:22px;padding:2px;display:flex;background:#eeeadd;border-top:1px solid #aaa}.statusbar span{padding:2px 6px;border-right:1px solid #bbb;flex:1}.explorer-window{height:430px}.explorer-body{display:grid;grid-template-columns:170px 1fr;height:315px;background:#fff}.explorer-body aside{background:linear-gradient(90deg,#748fd8,#6784cb);padding:9px}.task-box{background:#d6e6ff;border-radius:6px;margin-bottom:10px;overflow:hidden}.task-box h3{margin:0;padding:5px 7px;background:linear-gradient(90deg,#fff,#c7dcff);color:#1c52a3;font-size:12px}.task-box p{font-size:10px;padding:5px 8px;margin:0;line-height:1.5}.task-box button{display:block;border:0;background:transparent;color:#114ca6;font-size:10px;padding:4px 8px;text-align:left}.drives{padding:15px}.drives h3{color:#2458a7;font-size:11px;border-bottom:1px solid #c7daf1;padding-bottom:3px}.drives button{display:grid;grid-template-columns:44px 1fr;text-align:left;border:0;background:transparent;width:100%;padding:7px}.drives button:hover{background:#dbe8ff}.drives button span{grid-row:1/3;font-size:32px}.drives small{color:#555}.folder-grid{display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:15px 8px;height:315px;padding:18px;background:#fff}.folder-grid button{border:1px solid transparent;background:transparent;display:grid;grid-template-columns:45px 1fr;align-items:center;text-align:left;padding:4px}.folder-grid button:hover{background:#d9e8ff;border-color:#96b8e8}.folder-grid span{font-size:33px}.folder-grid b{font-size:11px;font-weight:400}.bin-body,.photo-error{height:calc(100% - 55px);display:flex;align-items:center;justify-content:center;gap:20px;background:#fff;padding:25px}.bin-body>span,.photo-error>span{font-size:60px}.bin-body h2,.photo-error h2{font-size:18px;color:#2455a0}.dialog-window{height:auto}.dialog-actions{padding:8px;text-align:right}.dialog-actions button,.bin-body button{min-width:75px;margin-left:6px}.about-body{display:flex;gap:20px;background:#fff;padding:23px}.about-body h2{font-size:26px;color:#333;margin:0}.tabs{padding:8px 8px 0}.tabs button{margin-right:-4px;border:1px solid #777;border-radius:4px 4px 0 0;background:#e8e5d8;padding:4px 8px;font-size:10px}.tabs button.active{background:#fff;border-bottom-color:#fff}.display-props{margin:0 8px;padding:15px;background:#fff;border:1px solid #777}.display-props select{width:100%}.monitor-preview{width:170px;height:120px;margin:12px auto;background:#555;border:8px solid #444;border-bottom-width:18px;padding:4px}.monitor-preview div{width:100%;height:100%;background:url("assets/ceska-louka.png") center/cover}
.amp-window{border-color:#20242b;border-radius:2px;background:#222831;color:#c5ccd2;font-family:Arial,sans-serif}.amp-title{border-radius:0;height:23px;background:repeating-linear-gradient(0deg,#3d454c 0 2px,#1c2228 2px 4px);font:700 10px Arial;letter-spacing:1px;color:#dbe3e5}.amp-title .window-buttons button{width:17px;height:16px;font-size:9px;border-radius:0;background:#777;border-color:#aaa;color:#111;text-shadow:none}.amp-main{padding:7px;background:linear-gradient(135deg,#303740,#151a20)}.amp-display{height:69px;display:grid;grid-template-columns:72px 1fr 83px;gap:6px;padding:7px;background:#080d0e;border:2px inset #677078;color:#77ff56;font-family:"Courier New",monospace}.amp-display>#amp-time{font-size:25px;font-weight:bold}.amp-info{overflow:hidden}.amp-info b{display:block;white-space:nowrap;overflow:hidden;text-overflow:clip;font-size:12px;margin-bottom:12px}.amp-info span{font-size:8px;color:#b4dd9f}.amp-viz{display:flex;align-items:end;gap:2px;height:50px}.amp-viz i{flex:1;background:linear-gradient(#f84,#ff5 35%,#3f5 36%);min-height:2px}.amp-viz.playing i{animation:eq .45s infinite alternate}.amp-viz.playing i:nth-child(2n){animation-delay:.12s}.amp-viz.playing i:nth-child(3n){animation-delay:.25s}@keyframes eq{from{height:8%}to{height:95%}}.amp-sliders{display:flex;align-items:center;gap:5px;padding-top:5px;font-size:8px}.amp-sliders input{width:90px;height:10px;accent-color:#9eaaaf}.seek{width:100%;height:10px;accent-color:#c1c8cc}.amp-controls{display:flex;align-items:center;gap:3px}.amp-controls button{height:24px;min-width:31px;border:2px outset #8d969e;background:#59636c;color:#111;font-weight:bold}.amp-controls label{font-size:7px;color:#d5e8d0}.drop-zone{height:39px;margin-top:6px;border:1px dashed #69747a;display:flex;align-items:center;gap:8px;padding:5px}.drop-zone.drag{background:#455967;border-color:#c8f55b}.drop-zone button{font-size:9px;background:#39444d;border:1px outset #84919a;color:#e3e8ea}.drop-zone span{font-size:9px}.playlist-head{height:20px;padding:4px 6px;background:repeating-linear-gradient(0deg,#3d454c 0 2px,#1c2228 2px 4px);font-size:9px}.playlist-head span{float:right}.playlist{height:125px;margin:0;padding:3px 3px 3px 25px;overflow:auto;background:#080d0e;color:#6cff50;font:11px "Courier New",monospace}.playlist li{padding:2px 4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist li.active{background:#183477;color:#fff}.playlist-empty{color:#89918d;font-style:italic}
.game-window{background:#c0c0c0;border-color:var(--xp-blue-dark)}.mines-shell{padding:9px;border:3px outset #fff}.mine-top{height:45px;border:3px inset #fff;display:flex;justify-content:space-between;align-items:center;padding:4px}.mine-top span{background:#000;color:red;font:25px "Courier New",monospace;padding:0 3px}.mine-top button{width:35px;height:34px;border:3px outset #fff;background:#c0c0c0;font-size:20px;padding:0}.mine-board{display:grid;grid-template-columns:repeat(9,26px);margin-top:8px;border:3px inset #fff}.mine-cell{width:26px;height:26px;padding:0;border:3px outset #fff;background:#c0c0c0;font-weight:bold;font-size:14px}.mine-cell.open{border:1px solid #888;background:#c0c0c0}.mine-cell.flagged{font-size:13px}.mine-cell[data-n="1"]{color:#00f}.mine-cell[data-n="2"]{color:#080}.mine-cell[data-n="3"]{color:red}.mine-cell[data-n="4"]{color:#008}.solitaire-window{background:#07803a}.solitaire-window .classic-menu{background:#f0eee2}.sol-board{height:calc(100% - 54px);display:grid;grid-template-columns:70px 70px 1fr repeat(4,70px);grid-template-rows:100px 1fr;gap:10px;padding:14px;background:#087b37}.card-slot{position:relative;width:66px;height:90px;border:2px solid #d0e4c8;border-radius:6px;background:transparent;color:#cbe6d0;font:bold 26px Georgia}.stock.back,.playing-card.back{background:repeating-linear-gradient(45deg,#163b9d 0 3px,#fff 3px 5px,#b31d25 5px 8px);border:4px double #fff;color:transparent}.stock:after{content:""}.waste{grid-column:2}.sol-gap{grid-column:3}.foundation{font-size:25px}.tableau{grid-column:1/8;display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.pile{position:relative;min-width:66px}.playing-card{position:absolute;width:66px;height:90px;border:1px solid #222;border-radius:5px;background:#fff;color:#111;text-align:left;padding:4px;font:bold 16px Georgia;box-shadow:1px 2px 2px #034b20}.playing-card.red{color:#d31324}.playing-card.selected{outline:3px solid #ff0;transform:translateY(-3px)}.playing-card small{display:block;font-size:20px;text-align:center}.foundation .playing-card,.waste .playing-card{inset:-2px}.sol-status{float:right;margin-right:8px;color:#555}
.browser-window{background:#fff}.browser-tools{height:42px;display:flex;align-items:center;background:#f5f3e8;border-bottom:1px solid #aaa;padding:3px}.browser-tools button{font-size:11px}.web-page{height:calc(100% - 147px);overflow:auto;background:#fff}.seznam{font-family:Arial,sans-serif;text-align:center;padding:20px}.seznam h1{font-size:47px;margin:0;color:#d00;letter-spacing:-3px}.seznam h1 span{color:#111}.seznam>form input{width:52%;height:25px}.seznam>form button{height:26px;font-weight:bold}.seznam nav{margin:10px}.portal-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:20px;text-align:left;max-width:580px;margin:20px auto}.portal-grid h2{font-size:15px;color:#c00;border-bottom:2px solid #c00}.fake-ad{text-align:center;padding:10px;border:3px dashed #e22;background:#fffb7b;color:#e20;animation:adflash .7s steps(2) infinite}.fake-ad button{display:block;margin:9px auto 0;background:#0c0;color:#fff;font-weight:bold}@keyframes adflash{50%{background:#4ff;color:#00f}}
.messenger-window{background:#f5f8fc}.messenger-head{display:flex;gap:9px;padding:12px;background:linear-gradient(#e8f4ff,#c7def6)}.messenger-head .avatar{width:46px;height:46px;font-size:25px}.messenger-head b,.messenger-head small{display:block}.contact-group{padding:8px;border-top:1px solid #abc}.contact-group>b{display:block;color:#31649e;margin-bottom:4px}.contact-group button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:5px}.contact-group button:hover{background:#dcecff}.messenger-ad{margin:8px;border:1px solid #fb6;background:#fff6ce;padding:8px;text-align:center;font-size:10px}.wide-button{width:calc(100% - 16px);margin:8px;padding:6px}.notepad-window textarea{width:100%;height:calc(100% - 54px);border:0;resize:none;padding:4px;font:14px "Lucida Console","Courier New",monospace}.paint-window{background:#c0c0c0}.paint-tools{height:42px;display:flex;align-items:center;gap:8px;padding:5px}.paint-tools input{width:80px}.paint-tools button{font-size:10px}#paint-colors{display:flex}.paint-color{width:20px;height:20px;border:2px outset #fff}.paint-color.active{border:3px inset #fff}#paint-canvas{display:block;width:calc(100% - 12px);height:calc(100% - 104px);margin:0 6px;background:#fff;border:2px inset #777;cursor:crosshair;touch-action:none}
.start-menu{position:absolute;z-index:100;left:0;bottom:38px;width:390px;border:2px solid var(--xp-blue-dark);border-radius:7px 7px 0 0;background:#fff;box-shadow:3px -3px 12px rgba(0,30,85,.55);overflow:hidden}.start-menu>header{height:63px;display:flex;align-items:center;gap:10px;padding:6px 8px;background:linear-gradient(#5296ed,#1b64d6 50%,#0d4eb7);color:#fff;font-size:18px;text-shadow:1px 1px #03409d;border-bottom:2px solid #f28b26}.start-menu header .avatar{width:48px;height:48px;font-size:27px}.start-columns{display:grid;grid-template-columns:1fr 1fr}.start-columns section{padding:7px}.start-left{background:#fff}.start-right{background:var(--menu-right);border-left:1px solid #9dbde5}.start-columns button{display:grid;grid-template-columns:36px 1fr;align-items:center;width:100%;min-height:34px;border:0;background:transparent;text-align:left;padding:3px;color:#111}.start-columns button:hover{background:var(--select);color:#fff}.start-columns button>span{grid-row:1/3;font-size:23px;text-align:center}.start-columns button b{font-size:11px}.start-columns button small{font-size:9px;color:#777}.start-columns button:hover small{color:#fff}.start-columns hr{border:0;border-top:1px solid #ccc;border-bottom:1px solid #fff}.start-left #all-programs{display:flex;justify-content:flex-end;gap:10px;height:31px}.start-menu>footer{height:46px;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:5px 8px;background:linear-gradient(#286fd1,#0c54bb);border-top:1px solid #69a0e4}.start-menu>footer button{border:0;background:transparent;color:#fff;font-size:11px}.start-menu>footer span{font-size:18px}.programs-menu{position:absolute;z-index:101;left:186px;bottom:69px;width:200px;padding:4px;border:2px outset #fff;background:#fff}.programs-menu button,.context-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:6px}.programs-menu button:hover,.context-menu button:hover{background:var(--select);color:#fff}.context-menu{position:absolute;z-index:105;width:205px;padding:3px;border:2px outset #fff;background:#f2f0e5;box-shadow:2px 2px 5px #333}.context-menu hr{border:0;border-top:1px solid #999}.context-menu button:disabled{color:#999}
#taskbar{position:absolute;z-index:110;left:0;right:0;bottom:0;height:38px;display:flex;background:linear-gradient(#3f8cf2,#1e67d5 20%,#1458ca 70%,#1249aa);border-top:1px solid #69a8ff;color:#fff}.petal-mini{display:grid;grid-template-columns:repeat(2,7px);gap:1px;transform:skewY(-5deg)}.petal-mini i{height:6px;background:#f33}.petal-mini i:nth-child(2){background:#7c3}.petal-mini i:nth-child(3){background:#3af}.petal-mini i:nth-child(4){background:#fc2}#start-button{width:104px;border:0;border-radius:0 18px 18px 0;background:linear-gradient(#70c85a,#39982c 35%,#25771d 75%,#3b9d2a);box-shadow:inset -3px 0 5px #185b13;color:#fff;display:flex;align-items:center;gap:7px;padding-left:12px;text-shadow:1px 1px #1b5c17;font-size:17px;font-style:italic}#start-button.open{filter:brightness(.82)}#quick-launch{display:flex;align-items:center;border-right:1px solid #0b46a3;padding:0 5px}#quick-launch button,#tray button{border:0;background:transparent;padding:4px;font-size:15px}#tasks{flex:1;display:flex;gap:3px;padding:3px 6px;overflow:hidden}.task-button{width:155px;border:1px solid #0c3d9c;border-radius:3px;background:#3980dc;color:#fff;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 8px;font-size:10px}.task-button.active{background:#1754b5;box-shadow:inset 1px 2px 3px #0b3c91}.task-button.minimized{opacity:.7}#tray{min-width:112px;background:linear-gradient(#1ab5ee,#0b91d0);border-left:1px solid #61c7ef;display:flex;align-items:center;padding:0 7px;gap:3px}#clock{margin-left:auto;font-size:11px;white-space:nowrap}
.notification{position:absolute;z-index:120;right:7px;bottom:43px;width:255px;padding:10px 12px;border:1px solid #2458a5;border-radius:8px;background:#fff9d8;box-shadow:1px 2px 7px #555;font-size:11px}.notification:after{content:"";position:absolute;right:30px;bottom:-9px;border:9px solid transparent;border-top-color:#fff9d8;border-bottom:0}.notification button{float:right;border:0;background:transparent}.notification b{color:#2457a4}.notification p{margin:5px 0}.toast{animation:toastin .3s;position:absolute;right:10px;bottom:48px;z-index:130;width:270px;background:#ffffdf;border:1px solid #2c64ad;border-radius:6px;padding:9px;box-shadow:2px 3px 7px #333}.toast b{display:block;color:#2457a4}.toast p{margin:4px 0}.toast button{position:absolute;right:4px;top:3px;border:0;background:transparent}@keyframes toastin{from{transform:translateY(20px);opacity:0}}
.modal{position:fixed;z-index:500;inset:0;background:#183c7fa8;display:grid;place-items:center}.shutdown-box{width:470px;border:3px solid #003c9c;background:#5b7edb;color:#fff;box-shadow:5px 6px 18px #001c4f}.shutdown-box h2{margin:0;padding:12px 20px;background:#003399;font-size:18px}.shutdown-box>p{padding:0 20px}.shutdown-box>div{display:flex;justify-content:center;gap:35px;padding:20px;background:#6d8de0}.shutdown-box>div button{width:90px;border:0;background:transparent;color:#fff;font-size:11px}.shutdown-box>div span{display:grid;place-items:center;width:45px;height:45px;margin:auto auto 5px;border:2px solid #fff;border-radius:6px;background:#e55;font-size:27px}.shutdown-box>div button:first-child span{background:#e9ba37}.shutdown-box>div button:last-child span{background:#5aaa38}.shutdown-box>#shutdown-cancel{float:right;margin:10px 15px 12px}#offline{display:grid;place-items:center;text-align:center;background:#050505;color:#fff}#offline .petal-grid{margin:auto}#offline button{margin-top:25px}#bsod{z-index:1000;background:#0000aa;color:#fff;padding:9vh 10vw;font:17px/1.5 "Courier New",monospace}#crt-overlay{pointer-events:none;position:fixed;z-index:2000;inset:0}.crt #crt-overlay{background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0,rgba(0,0,0,.14) 1px,transparent 1px,transparent 3px);box-shadow:inset 0 0 70px #0008}
@media(max-width:740px){#desktop-icons{grid-auto-flow:row;grid-template-columns:repeat(4,75px);grid-template-rows:none}.desktop-icon{width:72px}.window{left:4px!important;top:4px!important;width:calc(100vw - 8px)!important;height:calc(100vh - 46px)!important}.amp-window{height:auto!important;top:12px!important}.start-menu{width:min(390px,100vw)}.logon-center{grid-template-columns:1fr}.logon-brand{justify-self:center;text-align:center;padding:0}.logon-brand .petal-grid{margin:auto}.logon-rule{display:none}.accounts{padding:0}.account{margin:8px auto}.logon-bottom p{display:none}.sol-board{overflow:auto}.task-button{width:95px}#quick-launch{display:none}}

/* Deeper desktop behavior: application menus, browser, Run, CMD and Calculator */
.menubar{display:flex;align-items:center;padding:1px 4px;gap:0}.menubar>button{height:21px;border:1px solid transparent;background:transparent;padding:1px 6px;font-size:11px}.menubar>button:hover,.menubar>button:focus{border-color:#316ac5;background:#dce8f8}.menu-dropdown{position:fixed;z-index:700;width:245px;padding:3px;border:2px outset #fff;background:#f2f0e5;box-shadow:2px 3px 7px #333}.menu-dropdown button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:6px 20px;font-size:11px}.menu-dropdown button:hover{background:var(--select);color:#fff}.menu-dropdown hr{margin:3px 2px;border:0;border-top:1px solid #999;border-bottom:1px solid #fff}.menu-selected{background:#316ac5!important;color:#fff!important}
.linksbar{height:26px;display:flex;align-items:center;gap:3px;padding:2px 6px;background:#f5f3e8;border-bottom:1px solid #aaa;overflow:hidden;white-space:nowrap}.linksbar b{font-size:10px;color:#666;margin-right:5px}.linksbar button{border:1px solid transparent;background:transparent;padding:2px 7px;font-size:10px}.linksbar button:hover{border-color:#aaa;background:#fff}.browser-content{height:calc(100% - 173px);display:flex;position:relative}.browser-content>.web-page{height:100%;flex:1;position:relative;overflow:auto}.favorites-panel{width:210px;flex:0 0 210px;padding:8px 5px;background:linear-gradient(90deg,#f3f6ff,#fff);border-right:1px solid #8eaada;overflow:auto}.favorites-panel h3{margin:2px 4px 9px;color:#1e4e9a;font-size:12px}.favorites-panel>b{display:block;padding:4px;color:#555;font-size:10px}.favorites-panel button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:5px 6px;font-size:10px}.favorites-panel button:hover{background:#316ac5;color:#fff}.favorites-panel hr{border:0;border-top:1px solid #c3c3c3}.web-page iframe{display:block;width:100%;height:100%;border:0;background:#fff}.frame-hint{position:absolute;left:8px;right:8px;bottom:8px;padding:7px 10px;border:1px solid #e0b333;background:#fff7c7;box-shadow:1px 2px 4px #555;font-size:10px}.frame-hint button{float:right;margin-left:8px;color:#164fa3}.browser-window.maximized .browser-content{height:calc(100% - 173px)}
.run-body{display:grid;grid-template-columns:58px 1fr;gap:6px;padding:18px 15px 10px;background:#f4f1e6}.run-body>span{grid-row:1/3;font-size:45px}.run-body p{margin:0 0 9px;line-height:1.4}.run-body label{display:flex;align-items:center;gap:6px}.run-body input{flex:1;min-width:0;height:23px}.cmd-window{border-color:#777;background:#000}.cmd-window>.titlebar{background:linear-gradient(#999,#555)}.cmd-window pre{height:calc(100% - 54px);margin:0;padding:5px;overflow:auto;background:#000;color:#ddd;font:14px/1.25 "Lucida Console","Courier New",monospace;white-space:pre-wrap;user-select:text}.cmd-window form{position:absolute;left:5px;right:5px;bottom:3px;display:flex;background:#000;color:#ddd;font:14px "Lucida Console","Courier New",monospace}.cmd-window form input{flex:1;border:0;outline:0;background:#000;color:#ddd;font:inherit}.calculator-window{background:#d4d0c8}.calculator{padding:10px}.calculator>input{width:100%;height:28px;margin-bottom:8px;border:2px inset #fff;background:#e9f1dc;text-align:right;font:16px "Courier New",monospace}.calculator #calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.calculator button{height:30px;border:2px outset #fff;background:#d4d0c8;color:#003399}.calculator button:nth-child(4n){color:#c00}.calculator button.wide{grid-column:span 2}.shutdown-warning{position:absolute;z-index:720;right:7px;bottom:45px;width:310px;padding:11px 13px;border:1px solid #2458a5;border-radius:7px;background:#fff9d8;box-shadow:2px 3px 8px #333}.shutdown-warning>button{float:right;border:0;background:transparent}.shutdown-warning>b{display:block;color:#2457a4}.shutdown-warning p{margin:7px 0}.shutdown-warning small{color:#555}
@media(max-width:740px){.favorites-panel{position:absolute;z-index:2;left:0;top:0;bottom:0}.linksbar{display:none}.browser-content,.browser-window.maximized .browser-content{height:calc(100% - 147px)}.menu-dropdown{max-width:calc(100vw - 8px)}.shutdown-warning{width:calc(100vw - 14px)}}

/* Display Properties */
.display-window .display-props{height:390px;overflow:auto}.display-window .tabs{white-space:nowrap}.prop-panel{display:none}.prop-panel.active{display:block}.prop-panel>label{display:flex;align-items:center;gap:8px;margin:9px 0}.prop-panel select:not([size]){min-width:210px}.prop-note{color:#666;font-size:10px}.desktop-settings{display:grid;grid-template-columns:1fr 200px;gap:15px}.desktop-settings label{display:grid;gap:4px}.desktop-settings select{width:100%;height:120px}.desktop-settings>div{text-align:center}.mini-monitor{width:185px;height:135px;margin:0 auto 8px;padding:8px 8px 19px;background:linear-gradient(135deg,#777,#333);border-radius:8px;box-shadow:inset 2px 2px 3px #aaa}.mini-monitor>div{position:relative;width:100%;height:100%;overflow:hidden;background:#000 center/cover no-repeat;color:#fff}.screensaver-settings{display:grid;grid-template-columns:200px 1fr;gap:10px;align-items:center}.screensaver-settings .mini-monitor{grid-row:1/5}.screensaver-settings label{display:grid;gap:4px}.screensaver-settings input[type=number]{width:48px}.appearance-preview{width:315px;margin:5px auto 15px;border:3px solid var(--xp-blue-dark);background:#fff}.appearance-preview>div{display:flex;justify-content:space-between;padding:4px;background:var(--xp-blue);color:#fff}.appearance-preview p{padding:6px}.appearance-preview>button{margin:0 0 8px 240px}.theme-classic{--xp-blue:#000080;--xp-blue-dark:#000080;--xp-blue-mid:#000080;--xp-green:#c0c0c0;--xp-green-dark:#808080;--menu-right:#d4d0c8}.theme-classic .window{border-color:#d4d0c8;border-width:3px;border-radius:0;box-shadow:2px 2px #000}.theme-classic .titlebar{height:25px;border-radius:0;background:#000080}.theme-classic #taskbar{background:#c0c0c0;border:2px outset #fff}.theme-classic #start-button{border-radius:0;background:#c0c0c0;color:#000;text-shadow:none;box-shadow:none;border:2px outset #fff;font-style:normal}.theme-classic .petal-mini{display:none}.theme-classic #tray{background:#c0c0c0;color:#000;border:2px inset #fff}.scheme-blueberry{--xp-blue:#6b4ab1;--xp-blue-dark:#40247f;--xp-blue-mid:#8a6bc7;--xp-green:#7650bd;--xp-green-dark:#41256f;--menu-right:#e9dcf7}.scheme-pumpkin{--xp-blue:#d56b22;--xp-blue-dark:#8d390b;--xp-blue-mid:#ef8b42;--xp-green:#cf7c1d;--xp-green-dark:#8e4b0a;--menu-right:#fae4c6}.scheme-highcontrast{--xp-blue:#000;--xp-blue-dark:#fff;--xp-blue-mid:#000;--xp-green:#000;--xp-green-dark:#fff;--menu-right:#000;color:#fff}.scheme-highcontrast .window,.scheme-highcontrast .start-menu,.scheme-highcontrast .start-columns section{background:#000;color:#fff}.scheme-highcontrast .start-columns button{color:#fff}.scheme-highcontrast .titlebar{background:#000;border:2px solid #fff}.font-large{font-size:15px}.font-huge{font-size:18px}.font-huge .desktop-icon b,.font-huge .task-button{font-size:13px}.no-window-animations *{animation-duration:0s!important;transition-duration:0s!important}.wallpaper-azul{background-image:radial-gradient(ellipse at 18% 35%,#63ddff 0 7%,transparent 8%),radial-gradient(ellipse at 60% 70%,#b1f5ff 0 5%,transparent 15%),linear-gradient(135deg,#0523a9,#007ddf 48%,#47d4ff)!important}.wallpaper-matrix{background-color:#020702!important;background-image:repeating-linear-gradient(90deg,transparent 0 23px,#0f4 24px,transparent 25px),repeating-linear-gradient(0deg,#001400 0 9px,#063d0d 10px,transparent 11px)!important;background-size:25px 17px!important}.wallpaper-clouds{background-image:radial-gradient(ellipse at 20% 25%,#fff 0 6%,#ffffffcc 7%,transparent 14%),radial-gradient(ellipse at 65% 32%,#fff 0 8%,transparent 17%),radial-gradient(ellipse at 85% 20%,#fff 0 5%,transparent 12%),linear-gradient(#2096ef 0 62%,#53a936 63% 100%)!important}.wallpaper-none{background-image:none!important}

/* Online arcade */
.game-player-window{background:#111;border-color:#111}.game-player-window>.titlebar{background:repeating-linear-gradient(0deg,#4c5358 0 2px,#20252a 2px 4px)}.game-toolbar{height:34px;display:flex;align-items:center;gap:6px;padding:4px 7px;background:#d4d0c8;border-bottom:2px outset #fff}.game-toolbar button{height:25px}.game-toolbar a{margin-left:auto;color:#174b9b;font-size:10px}.game-player-window iframe{display:block;width:100%;height:calc(100% - 64px);border:0;background:#000}.game-loading{position:absolute;inset:64px 0 0;display:grid;place-content:center;text-align:center;gap:8px;background:#000;color:#74ff4f;font:14px "Courier New",monospace;pointer-events:none}.game-loading span{font-size:10px;color:#aaa}.game-player-window.maximized iframe{height:calc(100% - 64px)}

/* Screen savers and intentional failure modes */
.screensaver-overlay{position:fixed;z-index:1800;inset:0;overflow:hidden;background:#000;color:#fff;cursor:none}.screensaver-overlay>p{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#777;font-size:10px}.screensaver-logo{position:absolute;font:bold italic 42px Tahoma;color:#fff;text-shadow:2px 2px #1462c8;animation:saver-logo 7s linear infinite alternate}.screensaver-marquee{position:absolute;top:45%;white-space:nowrap;font:bold 36px "Comic Sans MS",cursive;color:#ff0;animation:marquee 8s linear infinite}.saver-star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:starfly 2s linear infinite}.saver-pipe{position:absolute;width:18px;height:180px;background:linear-gradient(90deg,#064,#4f8,#052);border-radius:9px;transform-origin:top;animation:pipegrow 2.5s steps(10) infinite alternate}.saver-pipe:after{content:"";position:absolute;right:-92px;bottom:0;width:100px;height:18px;background:linear-gradient(#4f8,#052);border-radius:9px}.glitch-overlay{position:fixed;z-index:1900;inset:0;pointer-events:none;overflow:hidden;background:#0010;mix-blend-mode:difference}.glitch-overlay i{position:absolute;left:0;right:0;height:14%;background:repeating-linear-gradient(90deg,#f0f 0 30px,#0ff 30px 52px,#ff0 52px 65px);opacity:.75;animation:glitchslice .14s steps(2) infinite}.glitch-overlay i:nth-child(2){top:35%;animation-delay:.04s}.glitch-overlay i:nth-child(3){top:72%;animation-delay:.09s}.glitch-overlay b{position:absolute;top:48%;left:20%;font:30px "Courier New";color:#fff;text-shadow:5px 0 #f00,-5px 0 #0ff}.glitching #desktop{animation:screenshake .08s steps(2) infinite}@keyframes saver-logo{0%{left:2%;top:3%;color:#fff}25%{left:70%;top:20%;color:#0ff}50%{left:25%;top:78%;color:#f0f}75%{left:75%;top:65%;color:#ff0}100%{left:5%;top:40%;color:#0f0}}@keyframes marquee{from{transform:translateX(100vw)}to{transform:translateX(-110%)}}@keyframes starfly{from{transform:scale(.2);opacity:.2}to{transform:scale(5);opacity:1}}@keyframes pipegrow{from{height:20px;transform:rotate(0deg)}to{height:240px;transform:rotate(90deg)}}@keyframes glitchslice{from{transform:translateX(-3%)}to{transform:translateX(4%) skewX(20deg)}}@keyframes screenshake{0%{transform:translate(0)}25%{transform:translate(5px,-2px)}50%{transform:translate(-3px,4px)}75%{transform:translate(4px,2px)}}
@media(max-width:740px){.display-window .display-props{height:calc(100% - 104px)}.desktop-settings,.screensaver-settings{grid-template-columns:1fr}.screensaver-settings .mini-monitor{grid-row:auto}.game-toolbar a{display:none}}

/* Pokec 6.0 conversations */
.messenger-head select{display:block;margin-top:4px;font-size:9px}.contact-group button small{display:block;margin-left:20px;color:#777;font-size:9px}.contact-group button:hover small{color:#fff}.chat-window{background:#eef5fd}.chat-contact{height:58px;display:flex;align-items:center;gap:9px;padding:6px 10px;background:linear-gradient(#fff,#d7e9fb);border-bottom:1px solid #9dbbe0}.chat-contact>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #5e8fc7;background:#fff;font-size:25px}.chat-contact b,.chat-contact small{display:block}.chat-contact small{color:#4c7a41}.chat-contact button{margin-left:auto;font-size:10px}.chat-log{height:calc(100% - 205px);margin:7px 8px 0;padding:8px;overflow:auto;border:2px inset #fff;background:#fff;user-select:text}.chat-message{margin:0 0 10px;line-height:1.35}.chat-message b{color:#174f9d}.chat-message.me b{color:#1a7e25}.chat-message time{float:right;color:#999;font-size:9px}.chat-message p{margin:2px 0;white-space:pre-wrap}.chat-typing{height:19px;padding:2px 11px;color:#777;font-size:10px;font-style:italic}.chat-window form{position:absolute;left:8px;right:8px;bottom:8px;height:88px;display:grid;grid-template-columns:1fr 75px;grid-template-rows:25px 1fr;gap:3px}.chat-format{grid-column:1/3;display:flex;align-items:center;gap:3px;background:#e7e3d8;border:1px solid #bbb}.chat-format button{height:21px;border:1px outset #fff;background:#e7e3d8}.chat-format span{margin-left:auto;padding-right:7px;font:10px "Comic Sans MS",cursive}.chat-window textarea{resize:none;border:2px inset #fff;padding:5px;font:13px "Comic Sans MS",cursive}.chat-window #chat-send{border:2px outset #fff;background:#e7e3d8}.chat-window.buzzing{animation:chatbuzz .07s steps(2) 9}@keyframes chatbuzz{from{transform:translateX(-8px)}to{transform:translateX(8px)}}

/* Desktop Destroyer */
.destroyer-body{padding:20px;background:linear-gradient(#fff,#dbeafa);text-align:center}.destroyer-body h2{margin:0 0 8px;color:#164d9e}.weapon-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:18px 0}.weapon-picker button{height:72px;border:2px outset #fff;background:#e7e3d8;font-size:27px}.weapon-picker button b{display:block;font-size:10px}.weapon-picker button.selected{border:2px inset #fff;background:#b8d1ef}.destruction-layer{position:fixed;z-index:1750;inset:0;cursor:crosshair}.destruction-toolbar{position:absolute;z-index:3;top:6px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:4px 7px;border:2px outset #fff;background:#d4d0c8;box-shadow:2px 3px 8px #222;white-space:nowrap;cursor:default}.destruction-toolbar button{height:25px;font-size:10px}.destruction-toolbar button.active{border:2px inset #fff;background:#aabfd9}.destruction-toolbar span{font-size:10px;padding:0 5px}.destruction-layer #damage-canvas{position:absolute;inset:0;overflow:hidden}.bullet-hole{position:absolute;width:25px;height:25px;border-radius:50%;background:radial-gradient(circle,#000 0 15%,#292929 16% 27%,#aaa 28% 31%,transparent 34%);filter:drop-shadow(2px 2px 2px #000);transform:translate(-50%,-50%)}.bullet-hole:before,.bullet-hole:after{content:"";position:absolute;left:12px;top:-16px;width:1px;height:57px;background:#eef7ff;box-shadow:0 0 2px #000;transform:rotate(37deg)}.bullet-hole:after{transform:rotate(-51deg)}.hammer-crack{position:absolute;width:95px;height:95px;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 10deg,transparent 0 18deg,#eaf7ff 19deg 20deg,transparent 21deg 44deg);filter:drop-shadow(1px 1px 1px #000)}.hammer-crack:after{content:"";position:absolute;inset:32px;border:4px solid #eef7ff;transform:rotate(22deg);box-shadow:0 0 2px #000}.paint-splat{position:absolute;width:50px;height:50px;border-radius:46% 54% 41% 59%;transform:translate(-50%,-50%) rotate(var(--rot));background:var(--paint);box-shadow:18px -11px 0 -13px var(--paint),-17px -16px 0 -14px var(--paint),22px 15px 0 -15px var(--paint),-20px 16px 0 -13px var(--paint);opacity:.88}.impact-flash{position:absolute;width:90px;height:90px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0,#ff9 12%,#f40 25%,transparent 65%);animation:impact .22s forwards;pointer-events:none}@keyframes impact{to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}@media(max-width:740px){.destruction-toolbar{left:4px;right:4px;transform:none;overflow:auto}.destruction-toolbar b,.destruction-toolbar span{display:none}.weapon-picker{grid-template-columns:repeat(2,1fr)}}

/* Shared Pergola room */
.pergola-room-window{background:#edf5ff}.room-layout{display:grid;grid-template-columns:220px 1fr;height:calc(100% - 30px)}.room-layout>aside{padding:14px;text-align:center;background:linear-gradient(#e7f2ff,#c8def8);border-right:1px solid #8daed7}.room-layout h2{margin:0 0 8px;color:#174e9d;font-size:15px}.room-layout aside img{display:block;width:170px;height:170px;margin:8px auto;border:8px solid #fff;box-shadow:1px 2px 5px #777;background:#fff}.room-layout aside p{font-size:10px}.room-layout aside code{display:block;padding:5px;border:1px inset #fff;background:#fff;overflow-wrap:anywhere;font-size:9px;user-select:text}.room-layout aside button{width:100%;margin-top:6px;font-size:10px}.room-layout aside small{display:block;margin-top:8px;color:#386b35}.room-layout>section{display:grid;grid-template-rows:34px 1fr 112px;padding:8px}.room-operator-note{padding:7px;border:1px solid #9eb8d8;background:#fffbd8;color:#38516f;font-size:10px}.room-log{overflow:auto;border:2px inset #fff;background:#fff;padding:8px;user-select:text}.room-message{margin:0 0 9px;padding-bottom:7px;border-bottom:1px dotted #c1cce0}.room-message.mine{margin-left:12%;padding:6px 8px;border:1px solid #99c28c;background:#e4f7df}.room-message b{color:#174f9d}.room-message.mine b{color:#2b7628}.room-message time{float:right;color:#999;font-size:9px}.room-message p{margin:3px 0;white-space:pre-wrap;overflow-wrap:anywhere}.room-layout form{display:grid;grid-template-columns:1fr 72px;grid-template-rows:29px 1fr;gap:4px;padding-top:6px}.room-layout form label{grid-column:1/3;display:flex;align-items:center;gap:5px;font-size:10px}.room-layout form label input{flex:1}.room-layout form textarea{resize:none;padding:5px}@media(max-width:740px){.room-layout{grid-template-columns:1fr;height:100%;overflow:auto}.room-layout>aside{border:0;border-bottom:1px solid #8daed7}.room-layout aside img{width:150px;height:150px}.room-layout>section{min-height:420px}}

/* Pergola jukebox and persistent music requests */
.jukebox-window{background:#dce9f8}.jukebox-layout{display:grid;grid-template-columns:210px 1fr;height:calc(100% - 30px)}.jukebox-layout>aside{padding:12px;text-align:center;border-right:1px solid #86a5cc;background:linear-gradient(#eff7ff,#c2d9f3)}.jukebox-layout aside h2{margin:0;color:#194f9e;font-size:15px}.jukebox-layout aside img{display:block;width:160px;height:160px;margin:8px auto;border:7px solid #fff;background:#fff;box-shadow:1px 2px 5px #777}.jukebox-layout aside code{display:block;padding:5px;border:1px inset #fff;background:#fff;overflow-wrap:anywhere;font-size:9px;user-select:text}.jukebox-layout aside button{width:100%;margin-top:5px;font-size:10px}.jukebox-layout aside p{font-size:10px;line-height:1.4}.jukebox-layout>section{display:grid;grid-template-rows:42px 1fr;padding:8px;min-width:0}.jukebox-toolbar{display:flex;align-items:center;gap:5px}.jukebox-toolbar button{font-size:10px}.jukebox-toolbar span{margin-left:auto;color:#477541;font-size:9px}.jukebox-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:0}.jukebox-columns>div{display:grid;grid-template-rows:25px 1fr;min-width:0}.jukebox-columns h3{margin:0;padding:5px 7px;background:#2d63ae;color:#fff;font-size:11px}.jukebox-list{overflow:auto;border:2px inset #fff;background:#fff}.jukebox-item{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center;padding:7px;border-bottom:1px solid #d3dce8;font-size:10px}.jukebox-item:nth-child(even){background:#f2f7fd}.jukebox-item b,.jukebox-item small{display:block;overflow-wrap:anywhere}.jukebox-item small{color:#777}.jukebox-item button{font-size:9px}.jukebox-empty{padding:20px 10px;text-align:center;color:#777;font-size:10px}@media(max-width:740px){.jukebox-layout{grid-template-columns:1fr;overflow:auto}.jukebox-layout>aside{border:0;border-bottom:1px solid #86a5cc}.jukebox-columns{grid-template-columns:1fr}.jukebox-layout>section{min-height:500px}}

/* Pergola Centrum, shared photos and slideshow */
.party-center-body{height:calc(100% - 30px);padding:18px;text-align:center;background:linear-gradient(#f7fbff,#c8ddf7)}.party-center-body h2{margin:0;color:#1b55a6}.party-center-body img{display:block;width:245px;height:245px;margin:12px auto 7px;border:9px solid #fff;background:#fff;box-shadow:2px 3px 8px #678}.party-center-body code{display:block;padding:5px;border:1px inset #fff;background:#fff;user-select:text;overflow-wrap:anywhere}.party-center-body p{color:#526d91}.party-center-body button{min-width:145px}.photos-window{background:#eef4fc}.photo-toolbar{height:39px;display:flex;align-items:center;gap:5px;padding:5px 7px;border-bottom:1px solid #aaa;background:#f2efe4}.photo-toolbar button{font-size:10px}.photo-toolbar span{margin-left:auto;color:#55708f;font-size:9px}.desktop-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);align-content:start;gap:10px;height:calc(100% - 115px);padding:12px;overflow:auto;background:#fff}.desktop-photo{padding:5px;border:1px solid transparent;background:transparent;text-align:left}.desktop-photo:hover{border-color:#84a8d8;background:#dbeaff}.desktop-photo img{display:block;width:100%;height:105px;border:1px solid #999;object-fit:cover;background:#eee}.desktop-photo b,.desktop-photo small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.desktop-photo small{color:#777;font-size:9px}.desktop-photo-empty{grid-column:1/-1;padding:60px 10px;color:#71839b;text-align:center}.photo-slideshow{position:absolute;z-index:20;inset:78px 0 21px;display:grid;grid-template-columns:55px 1fr 55px;place-items:center;background:#000e}.photo-slideshow>button{border:0;background:transparent;color:#fff;font-size:45px}.photo-slideshow #photo-slide-close{position:absolute;z-index:2;top:4px;right:8px;font-size:28px}.photo-slideshow img{max-width:100%;max-height:calc(100% - 45px);object-fit:contain}.photo-slideshow footer{position:absolute;left:0;right:0;bottom:4px;color:#fff;text-align:center;font-size:11px}@media(max-width:740px){.desktop-photo-grid{grid-template-columns:repeat(2,1fr)}.party-center-body img{width:200px;height:200px}.photo-toolbar span{display:none}}

/* Shared pergola dashboard */
.pergola-dashboard{background:#dce8f7}.dash-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:190px 1fr;gap:8px;height:calc(100% - 54px);padding:8px;overflow:auto}.dash-weather,.dash-card{min-width:0;padding:10px;border:1px solid #8aa3c3;background:#fff;box-shadow:1px 2px 3px #6785}.dash-weather{position:relative;background:linear-gradient(135deg,#2872cc,#8bc0f0);color:#fff;text-shadow:1px 1px #24517c}.dash-weather small,.dash-weather strong,.dash-weather span{display:block}.dash-weather strong{font-size:47px}.dash-weather>b{position:absolute;right:15px;top:28px;font-size:58px}.dash-weather details{margin-top:8px;font-size:9px}.dash-weather details input{width:24%;min-width:65px}.dash-card h2{margin:0 0 7px;color:#1c55a2;font-size:14px}.dash-inline{display:flex;gap:4px}.dash-inline input{min-width:0;flex:1}.dash-inline input[type=number]{max-width:58px}.dash-inline button{font-size:9px}.dash-list{height:112px;margin-top:7px;overflow:auto;border:1px inset #fff}.dash-list>div{display:flex;align-items:center;gap:5px;padding:5px;border-bottom:1px solid #d4dfec;font-size:10px}.dash-list b{margin-left:auto;color:#c32;font:14px "Courier New",monospace}.dash-list small{margin-left:auto;color:#777}.dash-list button{border:0;background:transparent}.dash-list .done span{text-decoration:line-through;color:#999}.dash-scores{display:grid;grid-template-columns:1fr 1fr;gap:5px}.dash-score{padding:6px;border:1px solid #b1bfd1;background:#eef4fc;text-align:center}.dash-score strong{display:block;color:#174e9c;font-size:30px}.dash-score button{width:40%}.dash-wifi{grid-column:2/4}.dash-wifi-layout{display:grid;grid-template-columns:150px 1fr;gap:9px}.dash-wifi img{width:145px;height:145px;border:5px solid #fff;background:#fff;box-shadow:1px 2px 4px #789}.dash-wifi label{display:grid;grid-template-columns:90px 1fr;align-items:center;margin-bottom:4px;font-size:9px}.dash-wifi input,.dash-wifi select{min-width:0}.dash-wifi small{display:block;margin-top:5px;color:#777}@media(max-width:760px){.dash-grid{grid-template-columns:1fr;grid-template-rows:auto}.dash-wifi{grid-column:auto}.dash-wifi-layout{grid-template-columns:1fr}.dash-wifi img{margin:auto}}

/* Desktop, Celebration and Administrator modes */
.mode-window{background:#edf4fd}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px}.mode-cards button{min-height:165px;border:2px outset #fff;background:linear-gradient(#fff,#d9e7f8);color:#174e9b}.mode-cards button:hover{background:#cfe3fb}.mode-cards span,.mode-cards b,.mode-cards small{display:block}.mode-cards span{font-size:48px}.mode-cards b{margin:7px;font-size:15px}.mode-cards small{color:#5f7390}.mode-window>p{text-align:center}.admin-body{height:calc(100% - 30px);padding:14px;overflow:auto;background:#f4f7fb}.admin-body h2{color:#1b54a2}.admin-warning{padding:9px;border:1px solid #d09c25;background:#fff3b8;color:#6a4b00}.admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.admin-actions button{min-height:48px}.admin-body fieldset{margin:12px 0}.admin-body fieldset label{display:grid;grid-template-columns:90px 1fr;align-items:center;margin:5px}.admin-autostart{padding:9px;border:1px solid #aebdce;background:#fff}.admin-autostart p{margin:5px 0}.admin-login-box{width:min(380px,calc(100vw - 30px));padding:22px;border:3px outset #fff;background:#ece9d8;text-align:center;box-shadow:5px 8px 25px #0008}.admin-login-box>span{font-size:50px}.admin-login-box h2{color:#174f9c}.admin-login-box input{width:100%;height:42px;margin:8px 0;padding:8px;font-size:20px;text-align:center}.admin-login-box button{min-width:100px}.admin-login-box small{display:block;margin-top:10px;color:#777}.celebration-mode{position:fixed;z-index:1600;inset:0;display:grid;grid-template-rows:72px 1fr;background:radial-gradient(circle at 15% 0,#224d8d,#071629 58%,#030b14);color:#fff;font-family:Tahoma,Arial,sans-serif}.celebration-mode>header{display:flex;align-items:center;gap:18px;padding:10px 20px;border-bottom:3px solid #f28a24;background:linear-gradient(#246dd1,#0b438f);box-shadow:0 4px 15px #000}.celebration-mode>header div b,.celebration-mode>header div span{display:block}.celebration-mode>header div b{font-size:25px}.celebration-mode>header div span{font-size:9px;letter-spacing:2px}.celebration-mode>header time{margin-left:auto;font:bold 34px "Trebuchet MS"}.celebration-mode>header button{height:38px;border:1px solid #8bb9f5;background:#0b438f;color:#fff}.celebration-mode>main{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:1.2fr 1fr 95px;gap:12px;padding:16px;min-height:0}.celebration-mode section{padding:18px;border:1px solid #4e78a5;border-radius:6px;background:linear-gradient(135deg,#152f4d,#0b1e32);box-shadow:0 5px 18px #0008}.celebration-now{grid-column:1/3}.celebration-now small{color:#b8e658;letter-spacing:2px}.celebration-now h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:32px;color:#dbff87}.celebration-controls{display:flex;gap:8px}.celebration-controls button{width:70px;height:46px;border:2px outset #75915a;background:#253a22;color:#e9ffbd;font-size:18px}.celebration-weather{display:grid;grid-template-columns:80px 1fr;align-content:center}.celebration-weather>b{grid-row:1/3;font-size:60px}.celebration-weather>strong{font-size:45px}.celebration-qr{grid-column:1/2;display:flex;align-items:center;gap:18px}.celebration-qr img{width:150px;height:150px;border:7px solid #fff;background:#fff}.celebration-timers{grid-column:2/4;overflow:auto}.celebration-timers h2{margin-top:0}.celebration-timers div div{display:flex;padding:7px;border-bottom:1px solid #37556f}.celebration-timers b{margin-left:auto;color:#ffcc45;font:22px "Courier New"}.celebration-mode nav{grid-column:1/4;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.celebration-mode nav button{border:1px solid #5279a8;border-radius:5px;background:linear-gradient(#1c4a7b,#0b2949);color:#fff;font-size:29px}.celebration-mode nav b{display:block;font-size:11px}@media(max-width:760px){.mode-cards{grid-template-columns:1fr}.celebration-mode>main{grid-template-columns:1fr;grid-template-rows:auto;overflow:auto}.celebration-mode section,.celebration-now,.celebration-qr,.celebration-timers,.celebration-mode nav{grid-column:1}.celebration-mode>header button{font-size:0}.celebration-mode>header button:first-letter{font-size:16px}}
.admin-diagnostics{display:grid;gap:5px;margin:10px 0;padding:9px;border:1px solid #9eb2cc;background:#eaf3ff}.admin-diagnostics p{margin:2px 0}.admin-diagnostics code{padding:5px;border:1px inset #fff;background:#fff;user-select:text;overflow-wrap:anywhere}.admin-diagnostics small{color:#60748c}.admin-body progress{width:100%}
.admin-diagnostics>pre{max-height:170px;margin:0;padding:7px;overflow:auto;border:2px inset #fff;background:#101510;color:#74ff74;font:11px/1.35 "Lucida Console","Courier New",monospace;white-space:pre-wrap}.admin-diagnostic-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.admin-diagnostic-actions button{min-height:30px}

/* Task Manager and turn-of-the-century diagnostics */
.task-manager-window{background:#ece9d8}.task-tabs{height:27px;padding-left:6px;border-bottom:1px solid #777}.task-tabs button{height:27px;margin-right:-4px;border:1px solid #777;border-radius:4px 4px 0 0;background:#ddd9cb;font-size:10px}.task-tabs button.active{background:#fff;border-bottom-color:#fff}.task-panel{display:none;height:calc(100% - 106px);margin:0 6px;border:1px solid #777;background:#fff}.task-panel.active{display:block}.task-panel table{width:100%;border-collapse:collapse;font-size:10px}.task-panel th{position:sticky;top:0;padding:4px;border-right:1px solid #aaa;border-bottom:1px solid #777;background:#eee;text-align:left}.task-panel td{padding:4px;border-bottom:1px solid #eee}.task-panel tr.selected{background:#316ac5;color:#fff}.task-manager-window>footer{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:14px;height:32px;padding:4px 7px;border-top:1px solid #999}.task-manager-window>footer button{margin-left:auto}.performance-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.performance-grid>div{padding:8px;border:1px solid #aaa;background:#f4f4f4}.performance-grid meter{display:block;width:100%;height:25px}.performance-grid strong{display:block;text-align:center}.performance-grid canvas{grid-column:1/3;width:100%;height:145px;border:2px inset #fff;background:#001500}.network-status{padding:35px;text-align:center}.network-status>span{font-size:60px}.network-status h2{color:#174e9b}.network-status small{display:block;margin-top:15px;color:#667}
.playlist-head button{height:15px;margin:-2px 0 0 8px;padding:0 4px;border:1px outset #89939a;background:#39444d;color:#cfff7b;font-size:7px;vertical-align:top}

/* RetroAmp 2.91 — třípanelové uživatelské rozhraní inspirované přehrávači přelomu tisíciletí. */
.amp-window{border:0!important;border-radius:0!important;background:#10131a!important;color:#d7d9d2!important;font-family:Arial,Tahoma,sans-serif!important;box-shadow:2px 3px 9px #000b!important;overflow:visible!important;image-rendering:auto}
.amp-module{position:relative;border:2px ridge #7d8192;background:linear-gradient(110deg,#252a3c 0,#161b2c 48%,#303247 100%);box-shadow:inset 0 0 0 1px #0b0d16,1px 1px #02030a}
.amp-module+.amp-module{margin-top:2px}
.amp-title,.amp-module-title{height:22px;min-height:22px;padding:2px 5px;display:flex;align-items:center;gap:5px;border-radius:0;background:linear-gradient(#404354,#191c2b 45%,#101321 55%,#343749);color:#d8dae0;text-shadow:1px 1px #05060b;font:700 10px Arial;letter-spacing:1px;box-sizing:border-box}
.amp-title b,.amp-module-title b{white-space:nowrap}.amp-title small{font-size:7px;color:#a5a6ad}.amp-title-lines,.amp-module-title>span{height:7px;flex:1;border-top:2px solid #d1b942;border-bottom:2px solid #9d8d38;box-shadow:0 -1px #05060b,0 1px #05060b}
.amp-title .window-buttons{position:static;margin-left:auto;display:flex;gap:2px}.amp-title .window-buttons button,.amp-module-title>button{width:15px!important;min-width:15px;height:14px!important;padding:0;border:1px outset #7d8192!important;border-radius:1px!important;background:#4e5365!important;color:#d9d9c6!important;font:700 8px Arial!important;line-height:10px;text-shadow:1px 1px #000!important}
.amp-main{padding:5px 7px 6px!important;background:linear-gradient(135deg,#282d3f,#111522 70%,#25283a)!important}
.amp-display{height:65px!important;display:grid!important;grid-template-columns:142px 1fr!important;gap:6px!important;padding:5px!important;border:2px inset #5f6474!important;background:#030507!important;color:#29e61d!important;font-family:"Courier New",monospace!important;box-sizing:border-box}
.amp-meter{min-width:0;border-right:1px solid #242a35;padding-right:5px}.amp-state-line{height:27px;display:flex;align-items:center;gap:8px}.amp-state-line span{color:#00ef25;font-size:18px;text-shadow:0 0 5px #0f3}.amp-state-line strong{font:700 27px/1 "Courier New",monospace;letter-spacing:1px;text-shadow:0 0 5px #13c82a}
.amp-info{position:relative;min-width:0;padding-top:2px!important;overflow:hidden}.amp-info b{display:block!important;margin:0 0 8px!important;padding:2px 4px;background:#080b12;border:1px inset #33394a;color:#24e72c;font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 4px #0b971d}.amp-info>span{font-size:9px!important;color:#22e328!important}.amp-info small{position:absolute;right:2px;bottom:3px;font:8px Arial;color:#727781}.amp-info small i{font-style:normal}.amp-info small em{margin-left:8px;color:#22e328;font-style:normal;font-weight:bold}
.amp-viz{height:25px!important;display:flex!important;align-items:end!important;gap:1px!important;padding-top:1px}.amp-viz i{display:block;flex:1;min-width:2px;min-height:2px;background:linear-gradient(to top,#16e83f 0 60%,#f4ee28 61% 80%,#ff5a32 81%);box-shadow:0 0 2px #0f5}.amp-viz.playing i{animation:eq .42s infinite alternate}.amp-viz.playing i:nth-child(3n){animation-delay:.09s}.amp-viz.playing i:nth-child(4n){animation-delay:.2s}
.seek{display:block;width:100%!important;height:12px!important;margin:4px 0 2px;accent-color:#b7b063}
.amp-mixer{height:25px;display:flex;align-items:center;gap:6px}.amp-mixer label{display:flex;align-items:center;gap:3px;color:#bfc2ca;font-size:7px}.amp-mixer input[type=range]{width:74px;height:10px;accent-color:#b7b063}.amp-tiny{height:17px;padding:0 7px;border:2px outset #858a97;background:#596070;color:#17202a;font:bold 8px Arial}.amp-tiny.active{color:#a8ff86;box-shadow:inset 0 0 0 1px #202838}.amp-source-toggle{height:17px;margin-left:auto;padding:0 4px;display:flex;align-items:center;gap:3px;border:2px outset #747b89;background:#323746;color:#c7c9cd;font:bold 7px Arial}.amp-source-toggle span{width:5px;height:5px;border-radius:50%;background:#71767c;box-shadow:inset 1px 1px #111}.amp-source-toggle.net span,.amp-source-toggle.connected span{background:#31ef4b;box-shadow:0 0 5px #36ff4e}.amp-source-toggle.busy span{background:#f5db37;animation:netblink .7s infinite}@keyframes netblink{50%{opacity:.25}}
.amp-controls{height:27px;display:flex!important;align-items:center!important;gap:3px!important}.amp-controls>button{width:34px!important;min-width:34px!important;height:24px!important;padding:0!important;border:2px outset #89909d!important;background:linear-gradient(#aeb4ba,#626a77)!important;color:#1b2430!important;font:700 11px Arial!important;text-shadow:0 1px #dde0e1}.amp-controls>button:active{border-style:inset!important;padding:1px 0 0 1px!important}.amp-check{position:relative;display:block;font:700 7px Arial!important;color:#cdd2cc!important}.amp-check input{position:absolute;opacity:0}.amp-check span{display:block;padding:3px 4px;border:1px outset #707684;background:#292e3d}.amp-check input:checked+span{color:#72ff63;border-style:inset;background:#111725}
.amp-source-status{height:14px;padding:2px 4px;box-sizing:border-box;background:#050708;border:1px inset #4b5060;color:#6dff50;font:8px/8px "Courier New",monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eq-toolbar{height:25px;display:flex;align-items:center;gap:6px;padding:2px 8px}.eq-toolbar label{position:relative}.eq-toolbar input{position:absolute;opacity:0}.eq-toolbar span,.eq-toolbar select,.eq-toolbar button{display:block;padding:2px 8px;border:2px outset #777e8d;background:#4c5361;color:#d8dbd8;font:bold 8px Arial}.eq-toolbar input:checked+span{color:#67ff65;border-style:inset;background:#202636}.eq-toolbar button{height:20px;padding:0 5px}.eq-toolbar button:active{border-style:inset}.eq-toolbar select{margin-left:auto;height:20px;padding:0 5px;color:#d9dbe0}
.eq-curve{height:31px;margin:0 14px 0 49px;border:1px inset #697080;background:repeating-linear-gradient(90deg,transparent 0 24px,#33384d 25px),repeating-linear-gradient(0deg,#151a28 0 9px,#33384d 10px);overflow:hidden}.eq-curve svg{display:block;width:100%;height:100%}.eq-curve line{stroke:#6f6b31;stroke-width:1}.eq-curve polyline{fill:none;stroke:#f0db35;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 2px #e6d35a)}
.eq-sliders{height:116px;padding:2px 8px 6px;display:flex;justify-content:space-between;box-sizing:border-box}.eq-sliders label{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#c9c6a5;font:7px Arial}.eq-sliders input{width:12px;height:88px;margin:0;writing-mode:vertical-lr;direction:rtl;accent-color:#d5c336}.eq-sliders label:first-child{margin-right:9px;border-right:1px solid #44495b;padding-right:9px}.eq-status{display:block;height:15px;padding:2px 8px;box-sizing:border-box;background:#090c11;color:#68ff61;font:7px "Courier New",monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amp-equalizer-module.eq-unavailable .eq-curve,.amp-equalizer-module.eq-unavailable .eq-sliders{filter:saturate(.15);opacity:.5}.amp-equalizer-module.eq-unavailable .eq-status{color:#f1df50}.amp-equalizer-module.collapsed .eq-toolbar,.amp-equalizer-module.collapsed .eq-curve,.amp-equalizer-module.collapsed .eq-sliders,.amp-equalizer-module.collapsed .eq-status{display:none}
.amp-playlist-module{background:#111521}.playlist{height:226px!important;margin:0!important;padding:4px 7px 4px 28px!important;overflow:auto!important;border:2px inset #464b5b!important;background:#020403!important;color:#1def29!important;font:700 13px/1.35 "Courier New",monospace!important;box-sizing:border-box;counter-reset:amptrack}.playlist li{position:relative;padding:1px 58px 1px 1px!important;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist li::marker{color:#1def29}.playlist li.active{background:#174789!important;color:#fff!important}.playlist li.selected:not(.active){background:#263238}.playlist li time{position:absolute;right:3px;color:inherit}.playlist li.spotify-context{color:#e7df4b}.playlist-empty{padding-right:4px!important;color:#6d7b71!important;font-style:normal!important;white-space:normal!important}.playlist-footer{height:31px;padding:4px 5px;display:flex;align-items:center;gap:5px;box-sizing:border-box;background:linear-gradient(#303548,#151a29)}.playlist-footer>div{display:flex;gap:3px}.playlist-footer button{height:21px;padding:0 8px;border:2px outset #7d8493;background:#596170;color:#1a222b;font:bold 8px Arial}.playlist-footer output{margin-left:auto;color:#4bff3c;font:700 9px "Courier New",monospace}.playlist-net-button{color:#7dff70!important;background:#283044!important}.playlist-net-button.active{border-style:inset;color:#fff!important;background:#12632c!important}.drop-zone{height:20px!important;margin:0!important;padding:3px 7px!important;border:1px dashed #596071!important;background:#171c2b!important;color:#9da6ae;font:7px Arial;box-sizing:border-box}.drop-zone.drag{background:#26412e!important;border-color:#7eff77!important;color:#d8ffd5}.amp-playlist-module.collapsed .playlist,.amp-playlist-module.collapsed .playlist-footer,.amp-playlist-module.collapsed .drop-zone{display:none}
.playlist-footer{position:relative;overflow:visible}.playlist-footer button[data-tooltip]{position:relative}.playlist-footer button[data-tooltip]::after{content:attr(data-tooltip);position:absolute;z-index:40;left:50%;bottom:calc(100% + 7px);min-width:max-content;max-width:230px;padding:5px 7px;border:1px solid #111;background:#ffffd5;color:#111;box-shadow:2px 2px 2px #0008;font:10px/1.2 Tahoma,Arial,sans-serif;text-align:left;white-space:normal;transform:translateX(-50%);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .08s}.playlist-footer button[data-tooltip]:hover::after,.playlist-footer button[data-tooltip]:focus-visible::after{opacity:1;visibility:visible}.playlist-footer>div button:first-child[data-tooltip]::after{left:0;transform:none}.playlist-footer>button:last-child[data-tooltip]::after{left:auto;right:0;transform:none}
.spotify-drawer{position:absolute;z-index:-1;left:calc(100% - 2px);top:0;width:310px;max-height:610px;overflow:auto;border:2px ridge #7b8190;background:#161b2b;color:#d7dae2;box-shadow:4px 5px 15px #000c;font:10px Arial}.spotify-drawer-head{height:23px;padding:3px 6px;display:flex;align-items:center;background:linear-gradient(#424758,#191e2d);box-sizing:border-box;letter-spacing:.7px}.spotify-drawer-head button{margin-left:auto;width:18px;height:17px;padding:0;border:1px outset #858b98;background:#5b6270;color:#111}.spotify-setup,.spotify-connected{padding:10px}.spotify-setup p{margin:0 0 8px;color:#adb5be;line-height:1.35}.spotify-setup label,.spotify-connected>label{display:grid;gap:4px;margin:7px 0;font-weight:bold;color:#d0d3b2}.spotify-setup input,.spotify-connected select{width:100%;height:24px;padding:3px 5px;border:2px inset #777e8b;background:#050708;color:#38f342;font:10px "Courier New",monospace;box-sizing:border-box}.spotify-actions{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0}.spotify-actions button,.spotify-profile button{height:23px;padding:0 7px;border:2px outset #828897;background:#555d6c;color:#171d26;font:bold 8px Arial}.spotify-setup code{display:block;padding:5px;background:#050708;color:#6cff65;font:8px "Courier New",monospace;overflow:hidden;text-overflow:ellipsis}.spotify-profile{display:flex;align-items:center;gap:5px;padding-bottom:7px;border-bottom:1px solid #3f4556}.spotify-profile span{width:7px;height:7px;border-radius:50%;background:#30ed4c;box-shadow:0 0 5px #22e43f}.spotify-profile b{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6aff66}.spotify-playlists{max-height:355px;overflow:auto;border:2px inset #4c5260;background:#020403}.spotify-playlists button{width:100%;min-height:34px;padding:4px 6px;display:grid;grid-template-columns:1fr auto;gap:2px 6px;border:0;border-bottom:1px solid #19221d;background:#020403;color:#28ee32;text-align:left;font:10px "Courier New",monospace}.spotify-playlists button:hover,.spotify-playlists button.active{background:#164a27;color:#fff}.spotify-playlists button small{grid-column:1;color:#95a99a}.spotify-playlists button span{grid-row:1/3;grid-column:2;align-self:center}.spotify-status{position:sticky;bottom:0;margin:0;padding:6px;border-top:1px solid #4b5260;background:#080b10;color:#d9c83d;font:8px "Courier New",monospace}.amp-window.spotify-open .spotify-drawer{z-index:1}.amp-window.spotify-mode .amp-display,.amp-window.spotify-mode .playlist{box-shadow:inset 0 0 8px #0c4d20}.amp-window.spotify-mode .playlist-net-button{border-style:inset;color:#fff!important;background:#12632c!important}
@media(max-width:850px){.amp-window{overflow:auto!important}.spotify-drawer{position:absolute;z-index:3!important;left:0;top:22px;width:100%;max-height:calc(100vh - 75px);box-sizing:border-box}.amp-window:not(.spotify-open) .spotify-drawer{display:none}.amp-display{grid-template-columns:132px 1fr!important}.playlist{height:185px!important}}

/* Skutečná místní hudební složka a kredity uvnitř PetrOS */
.music-folder-window{background:#fff}.music-folder-toolbar{gap:5px}.music-folder-body{display:grid;grid-template-columns:190px 1fr;height:calc(100% - 125px);min-height:0;background:#fff}.music-folder-body>aside{padding:8px;background:linear-gradient(135deg,#7394d1,#d6e4fa);overflow:auto}.music-copy-guide code{display:block;padding:5px;border:1px inset #fff;background:#fff;color:#174e9b;font:9px "Courier New",monospace;overflow-wrap:anywhere;user-select:text}.music-copy-guide p{font-size:9px}.music-file-grid{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));align-content:start;gap:9px;padding:12px;overflow:auto}.music-file{min-width:0;padding:7px;border:1px solid transparent;background:transparent;text-align:left}.music-file:hover,.music-file:focus{border-color:#7da2ce;background:#dbeaff}.music-file span{float:left;margin-right:7px;font-size:30px}.music-file b,.music-file small{display:block;overflow:hidden;text-overflow:ellipsis}.music-file b{font-size:10px;white-space:nowrap}.music-file small{margin-top:4px;color:#777;font-size:8px}.music-file[draggable=true]{cursor:grab}.music-file[draggable=true]:active{cursor:grabbing}.music-folder-empty{grid-column:1/-1;padding:55px 20px;color:#6c7f98;text-align:center}.credits-window{background:#ece9d8}.credits-body{height:calc(100% - 30px);padding:13px 17px;overflow:auto}.credits-body h2{margin-top:0;color:#174e9b}.credits-body h3{margin-bottom:4px}.credits-body ol{columns:2;margin-top:4px;padding-left:25px}.credits-body li{padding:2px}.credits-license{padding:8px;border:1px solid #9bb1ca;background:#fff}.credits-license p{margin:4px 0}.credits-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.credits-actions button:last-of-type{margin-left:auto;min-width:65px}.credits-body pre{max-height:210px;margin-top:10px;padding:9px;border:2px inset #fff;background:#fff;white-space:pre-wrap;font:9px "Courier New",monospace;overflow:auto}@media(max-width:720px){.music-folder-body{grid-template-columns:1fr}.music-folder-body>aside{display:none}.music-file-grid{grid-template-columns:repeat(2,minmax(100px,1fr))}.credits-body ol{columns:1}}

/* Vestavěný Spotify Web Playback výstup */
.spotify-local-output{margin:8px 0;padding:6px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;border:1px inset #505666;background:#080b10}.spotify-local-output button{height:27px;padding:0 9px;border:2px outset #89909d;background:#596270;color:#14201b;font:bold 8px Arial}.spotify-local-output button.ready{color:#06250e;background:#48db62}.spotify-local-output button.busy{color:#332900;background:#d8c64a}.spotify-local-output span{color:#6dff64;font:8px/1.3 "Courier New",monospace}
.spotify-search{margin:8px 0}.spotify-search label{display:grid;gap:4px;color:#d0d3b2;font-weight:bold}.spotify-search input{width:100%;height:25px;padding:3px 6px;border:2px inset #777e8b;background:#050708;color:#38f342;font:10px "Courier New",monospace;box-sizing:border-box}.spotify-search-results{max-height:180px;overflow:auto;background:#020403}.spotify-search-results button{width:100%;padding:5px 6px;display:block;border:0;border-bottom:1px solid #19301e;background:#020403;color:#36ef43;text-align:left}.spotify-search-results button:hover{background:#164a27;color:#fff}.spotify-search-results b,.spotify-search-results small{display:block}.spotify-search-results small{color:#9bad9d;font-size:8px}

/* Sponka 2003 – místní most mezi PetrOS a Codexem */
.codex-helper-window{background:#ece9d8}.codex-helper-body{min-height:330px;padding:15px;display:grid;grid-template-columns:82px 1fr;gap:12px}.codex-clip{position:relative;width:78px;height:100px;padding:0;border:0;background:transparent;font-size:70px;line-height:1;filter:drop-shadow(3px 4px 2px #777);cursor:pointer;animation:clipFloat 2.7s ease-in-out infinite}.codex-clip i{position:absolute;left:19px;top:19px;font:normal 18px Arial;animation:clipLook 4s steps(1) infinite}.clip-excited .codex-clip{animation:clipDance .45s ease-in-out infinite alternate}.codex-helper-copy h2{margin:0 0 8px;color:#183f80;font-size:14px}.codex-helper-copy p{margin:0 0 9px;font-size:10px;line-height:1.4}.codex-helper-copy label{display:grid;gap:4px;font-weight:bold;font-size:9px}.codex-helper-copy textarea{width:100%;padding:6px;border:2px inset #fff;background:#fff;font:11px Arial;box-sizing:border-box;resize:vertical}.codex-helper-check{display:flex!important;align-items:center;margin:7px 0;font-weight:normal!important}.codex-helper-copy>div{display:flex;gap:6px}.codex-helper-copy button{min-height:25px;padding:2px 8px}.codex-helper-copy small{display:block;margin-top:9px;color:#397235;font:8px "Courier New",monospace}.codex-helper-launcher{font-size:15px!important}.codex-helper-diagnostics{padding:7px;border:2px inset #fff;background:#101820}.codex-helper-diagnostics span{display:inline-block;margin:0 5px 4px 0;color:#e4c84a;font:8px "Courier New",monospace}.codex-helper-diagnostics span.ok{color:#42ef59}.codex-helper-diagnostics span.bad{color:#ff6868}.codex-helper-diagnostics p{min-height:28px;margin:3px 0 0;color:#d9e5d9;font:9px/1.35 "Courier New",monospace}.codex-helper-actions{margin:6px 0}.codex-helper-actions button:last-child{margin-left:auto}@keyframes clipFloat{50%{transform:translateY(12px) rotate(4deg)}}@keyframes clipLook{0%,44%,100%{transform:translateX(0)}45%,70%{transform:translateX(8px)}71%,90%{transform:translateX(-5px)}}@keyframes clipDance{to{transform:translate(9px,12px) rotate(14deg)}}@media(max-width:600px){.codex-helper-window{left:3%!important;top:6%!important;width:94%!important}.codex-helper-body{grid-template-columns:55px 1fr}.codex-clip{width:52px;font-size:48px}.codex-clip i{left:12px;top:12px;font-size:13px}}
.sandbox-mode-card{position:relative;min-height:66px;padding:9px 42px 9px 48px;display:grid;align-content:center;border:2px outset #fff;background:#d8d5c4;cursor:pointer;box-sizing:border-box}.sandbox-mode-card>span{position:absolute;left:12px;top:15px;font-size:27px}.sandbox-mode-card b{color:#173f83}.sandbox-mode-card small{margin-top:3px;font-size:9px;line-height:1.25}.sandbox-mode-card input{position:absolute;right:14px;top:24px;width:18px;height:18px}.sandbox-mode-card:has(input:checked){background:#c9e8c9;box-shadow:inset 0 0 0 2px #4b9b52}
.amp-controls button[data-tooltip]{position:relative}.amp-controls button[data-tooltip]::after{content:attr(data-tooltip);position:absolute;z-index:80;left:50%;bottom:calc(100% + 6px);min-width:max-content;max-width:180px;padding:5px 7px;border:1px solid #111;background:#ffffd5;color:#111;box-shadow:2px 2px 2px #0008;font:10px/1.2 Tahoma,Arial,sans-serif;white-space:normal;transform:translateX(-50%);pointer-events:none;opacity:0;visibility:hidden}.amp-controls button[data-tooltip]:hover::after,.amp-controls button[data-tooltip]:focus-visible::after{opacity:1;visibility:visible}
.vlacek-window{min-width:420px;background:#bdbdbd}.vlacek-window .classic-menu{display:flex;gap:12px;align-items:center}.vlacek-window .classic-menu button{border:0;background:transparent}.vlacek-window #vlacek-level-label{margin-left:auto}.vlacek-shell{padding:8px;border:3px outset #fff;background:#bdbdbd}.vlacek-shell>header,.vlacek-shell>footer{display:flex;justify-content:space-between;gap:8px;padding:6px 9px;border:2px inset #fff;background:#080808;color:#75ff64;font:12px "Lucida Console","Courier New",monospace}.vlacek-shell>header b{color:#fff}.vlacek-stage{position:relative;margin:7px auto;background:#06141f;border:4px inset #eee;max-width:568px}.vlacek-stage canvas{display:block;width:100%;height:auto;image-rendering:pixelated;outline:none}.vlacek-stage canvas:focus{box-shadow:inset 0 0 0 2px #ffff54}.vlacek-stage canvas.paused{filter:brightness(.55)}#vlacek-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#00162dcc;color:#fff;font-family:"Lucida Console","Courier New",monospace}#vlacek-overlay.hidden{display:none}#vlacek-overlay>b{font-size:36px;color:#ffef4d;text-shadow:3px 3px #c32}#vlacek-overlay p{max-width:360px}#vlacek-overlay button{padding:8px 16px;border:3px outset #fff;background:#c0c0c0;font-weight:bold}.vlacek-mobile{display:none;grid-template-columns:repeat(5,44px);justify-content:center;gap:4px;margin:5px}.vlacek-mobile button{height:34px;border:2px outset #fff;background:#c0c0c0}.vlacek-shell>footer{align-items:center;background:#eee;color:#222;font:11px Tahoma,Arial,sans-serif}.vlacek-shell>footer button{font-size:10px}@media(max-width:740px),(pointer:coarse){.vlacek-mobile{display:grid}.vlacek-window{height:auto!important}.vlacek-stage{margin-top:5px}}
.playlist-mix-panel{padding:6px;border:2px inset #52596a;background:#111827;color:#9dff8c;font:9px Arial}.playlist-mix-panel.hidden{display:none}.mix-head{display:flex;align-items:center;margin-bottom:5px;color:#e3e7e8}.mix-head button{margin-left:auto;width:20px;border:1px outset #9299a6;background:#596170}.mix-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.mix-buttons button{min-height:24px;padding:2px 4px;border:2px outset #7d8493;background:#353d4c;color:#cbd2d7;font:bold 8px Arial}.mix-buttons button.active{border-style:inset;background:#174789;color:#fff}.mix-buttons small{color:#77ff56}.playlist-mix-panel label{display:flex;align-items:center;gap:6px;margin-top:5px}.playlist-mix-panel input{min-width:0;flex:1;height:22px;border:2px inset #777;background:#020403;color:#65ff54;font:10px "Courier New",monospace}.playlist-mix-panel p{margin:5px 0 0;color:#8d969e}.playlist-fav{position:absolute;right:42px;top:0;width:18px;height:17px;padding:0;border:0;background:transparent;color:#66716b;font-size:12px}.playlist-fav.active{color:#ffdd43;text-shadow:0 0 3px #f80}.playlist li{padding-right:78px!important}.amp-playlist-module.collapsed .playlist-mix-panel{display:none}@media(max-width:520px){.mix-buttons{grid-template-columns:repeat(2,1fr)}.playlist-footer button{padding:0 4px!important}}
.window-buttons button[data-win=pin]{font-size:10px!important;filter:grayscale(1)}.window-buttons button[data-win=pin].active{filter:none;background:linear-gradient(#ffe987,#d19b22)!important;color:#111!important;text-shadow:none!important}.pinned-window>.titlebar{box-shadow:inset 0 -2px #ffd94a}
#playlist-requests.has-requests{background:#6f8d22!important;color:#eaff79!important;box-shadow:0 0 7px #aaff38}#playlist-requests small{color:#7dff57}
.live-chat-users{margin-top:5px;padding:5px;border:1px inset #fff;background:#f4f9ff}.live-chat-users>small{display:block;padding:4px;color:#6b7c90}.live-chat-users button{color:#175a20;font-weight:bold}.contact-group button.real-user{background:#e1f5dd;color:#175a20;font-weight:bold}.contact-group button.real-user small{color:#33723a}.live-room-group>b{color:#19702a}
#playlist-requests.active{border-style:inset!important;background:#174789!important;color:#fff!important}.request-track{color:#dfff83!important}.request-track.active{background:#315b13!important}
.music-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:7px;background:#dbe8f7;border-bottom:1px solid #91aac8}.music-overview>div{padding:7px;border:1px solid #9cb2cc;background:#fff;text-align:center}.music-overview b,.music-overview small{display:block}.music-overview b{color:#174f9d;font-size:18px}.music-overview small{color:#647992;font-size:9px}
.party-control-stats{display:grid!important;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.party-control-stats>div{display:block!important;padding:8px!important;border:1px solid #486e91!important;background:#091a2b;text-align:center}.party-control-stats b,.party-control-stats small{display:block;margin:0}.party-control-stats b{font-size:25px!important;color:#c7ff5e}.party-control-stats b.offline{color:#ff756d}.party-control-stats small{font-size:9px;color:#a9c3dc}.party-control-columns{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.party-control-columns>div{display:block!important;padding:0!important;border:0!important}.party-control-columns h3{margin:0 0 4px;color:#b8e658;font-size:11px}.party-control-columns>div>div>div{display:flex;padding:5px;border-bottom:1px solid #37556f}.party-control-columns span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-control-columns b{font-size:13px!important}@media(max-width:760px){.party-control-columns{grid-template-columns:1fr}.party-control-stats{grid-template-columns:repeat(2,1fr)}}
.music-folder-toolbar{gap:4px}.music-folder-toolbar input{min-width:120px;flex:1;height:24px;padding:3px 6px;border:2px inset #fff;font:11px Tahoma}.music-folder-toolbar #music-folder-select{min-width:205px;background:linear-gradient(#eaffae,#9fc543);color:#244000;font-weight:bold}.music-directory{background:linear-gradient(#fffbe1,#e6d9a1)!important}.music-directory span{filter:none!important}.music-folder-window .music-file-grid{align-content:start}
#amp-guest-qr{display:flex;align-items:center;gap:3px;margin-left:4px;padding:1px 4px!important;border:1px solid #80925a!important;background:#172315!important;color:#cfff73!important;font:8px Tahoma!important}#amp-guest-qr img{width:24px;height:24px;background:#fff;image-rendering:auto}.playlist li.selected{outline:1px dotted #eaff87;background:#315b13!important;color:#fff}
.playlist-footer{height:36px;gap:4px;padding:5px}.playlist-main-actions{display:flex;gap:4px;min-width:0}.playlist-main-actions button{height:25px;padding:0 7px;color:#e9edf0;background:linear-gradient(#626b7b,#343b49);white-space:nowrap}.playlist-main-actions #pick-mp3{color:#173100;background:linear-gradient(#eaffae,#9fc543)}.playlist-main-actions #playlist-mixes{color:#402f00;background:linear-gradient(#fff4a8,#cfac36)}.playlist-main-actions #playlist-clear{color:#5a1309;background:linear-gradient(#ffd4c8,#d98977)}.playlist-footer output{font-size:8px}.playlist-footer .playlist-net-button{height:25px;padding:0 6px;color:#7dff70!important}.playlist-more-panel{display:flex;flex-wrap:wrap;gap:4px;padding:5px;border-top:1px solid #596071;border-bottom:1px solid #090b10;background:#1a2030}.playlist-more-panel.hidden{display:none}.playlist-more-panel button{min-height:24px;padding:2px 8px;border:2px outset #7d8493;background:#596170;color:#e8edf2;font:bold 8px Arial}.amp-playlist-module.collapsed .playlist-more-panel{display:none}@media(max-width:620px){.playlist-main-actions button{padding:0 4px;font-size:7px}.playlist-main-actions #playlist-clear{font-size:0}.playlist-main-actions #playlist-clear::after{content:'🧹';font-size:11px}.playlist-footer .playlist-net-button{font-size:0}.playlist-footer .playlist-net-button::after{content:'NET';font-size:8px}}