/* Classic Macintosh and Linux browser shells. No operating-system binaries. */
:root{--desktop-top:0px}.platform-topbar,.mac-menus,#mac-apps-button{display:none}
:root[data-family=mac]{--desktop-top:29px;--chrome:#ddd;--sidebar:#e7e7e7;--paper:#fff;--navy:#222;--ink:#111;--os-border:#333;--os-title:linear-gradient(#fff,#ccc);--os-inactive:#ddd;--os-font:Geneva,Arial,sans-serif}
:root[data-os=system7]{--chrome:#fff;--sidebar:#eee;--navy:#000;--os-title:#fff;--os-inactive:#fff;--os-font:Geneva,'Courier New',monospace}
:root[data-family=mac] :is(.main-window,.app-window,.detail-window){border:1px solid #111;padding:3px;border-radius:0;box-shadow:1px 1px #111,2px 2px #6668}
:root[data-family=mac] :is(.main-window,.app-window,.detail-window)>.titlebar{color:#111;border:1px solid #888;height:27px;min-height:27px;position:relative;justify-content:center;background:var(--os-title);padding:3px 60px 3px 32px}
:root[data-family=mac] .window-title{width:100%;justify-content:center;color:#111;font:700 13px Geneva,Arial,sans-serif;z-index:1;max-width:100%;gap:0;text-shadow:none}
:root[data-family=mac] .window-title>svg{display:none}:root[data-family=mac] .window-title>span{background:var(--chrome);padding:0 8px;max-width:100%}
:root[data-family=mac] [data-window-id].is-focused>.titlebar:before,:root[data-family=mac] .detail-window>.titlebar:before{content:'';position:absolute;inset:4px 30px;background:repeating-linear-gradient(#777 0 1px,#fff 1px 2px,transparent 2px 3px)}
:root[data-family=mac].desktop-ready [data-window-id]:not(.is-focused)>.titlebar{color:#777;background:var(--chrome)}:root[data-family=mac] [data-window-id]:not(.is-focused)>.titlebar .window-title{color:#777}
:root[data-family=mac] .window-controls{display:contents}:root[data-family=mac] .window-controls>button,:root[data-family=mac] .dialog-close{position:absolute;top:5px;right:5px;width:15px;height:15px;min-height:0;padding:0;line-height:10px;font:12px Arial,sans-serif;background:linear-gradient(135deg,#aaa,#fff);border:1px solid #222;box-shadow:inset 1px 1px #fff;color:#111;border-radius:0;z-index:2}
:root[data-family=mac] .window-controls>button:is([data-win-control=close],[data-action=close-projects]),:root[data-family=mac] .dialog-close{left:6px;right:auto;font-size:0}:root[data-family=mac] .window-controls>button:is([data-win-control=close],[data-action=close-projects]):hover,:root[data-family=mac] .dialog-close:hover{background:#888}
:root[data-family=mac] .window-controls>button:is([data-win-control=minimize],[data-action=minimize]){right:25px;font-size:11px}
:root[data-family=mac] .bevel-button:not(.start-button){border:1px solid #333;border-radius:3px;background:linear-gradient(#fff,#ccc);box-shadow:inset 1px 1px #fff;color:#111}:root[data-family=mac] .classic-tabs .selected{background:#fff}
:root[data-os=system7] :is(.window,.bevel-button,.task-button,.clock-tray,.version-option){box-shadow:1px 1px #000;background:#fff}:root[data-os=system7] :is(.desktop-shortcut>svg,.task-button>svg,.program-icon>svg){filter:grayscale(1) contrast(2);image-rendering:pixelated}
:root[data-os=system7] .desktop-shortcut>span{background:#fff;color:#000;text-shadow:none}:root[data-family=mac] .desktop-shortcut.is-selected>span{background:#222;color:#fff}
:root[data-family=mac] .taskbar{top:0;bottom:auto;height:29px;min-height:29px;padding:0 8px;gap:3px;border:0;border-bottom:1px solid #111;border-radius:0 0 6px 6px;background:linear-gradient(#fff,#ddd);box-shadow:none;z-index:210}
:root[data-os=system7] .taskbar{background:#fff}:root[data-family=mac] .task-separator{display:none}:root[data-family=mac] #start-button{min-height:27px;border:0;box-shadow:none;background:transparent;padding:0 8px;border-radius:0;font:bold 13px Geneva,Arial,sans-serif}
:root[data-family=mac] #start-button svg{width:20px;height:20px}:root[data-family=mac] #start-button strong{display:none}:root[data-family=mac] #start-button:hover{background:#111;color:white}
:root[data-family=mac] .mac-menus{display:flex;gap:1px;align-items:stretch;height:28px}:root[data-family=mac] .mac-menus button{padding:0 9px;background:transparent;font:13px Geneva,Arial,sans-serif}:root[data-family=mac] .mac-menus .finder-label{font-weight:bold}
:root[data-family=mac] .mac-menus button:hover,:root[data-family=mac] #mac-apps-button[aria-expanded=true]{background:#111;color:#fff}
:root[data-family=mac] #mac-apps-button{display:block;background:transparent;padding:4px 9px;font:bold 12px Geneva,Arial,sans-serif;max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
:root[data-family=mac] #environment-button{margin-left:auto;border:0;background:transparent;min-height:26px;padding:0 5px}:root[data-family=mac] .clock-tray{border:0;background:transparent;min-height:26px;padding:0 8px}:root[data-family=mac] .clock-tray .online-dot{display:none}
:root[data-family=mac] #task-list{display:none;position:absolute;right:7px;top:28px;width:240px;max-height:calc(100dvh - 35px);overflow:auto;background:#fff;border:1px solid #111;box-shadow:2px 2px #111;flex:none;gap:0;padding:3px;z-index:1}
:root[data-family=mac] .mac-apps-open #task-list{display:flex;flex-direction:column}:root[data-family=mac] #task-list .task-button{flex:none;max-width:none;width:100%;min-height:31px;margin:0;border:0;box-shadow:none;background:#fff;text-align:left}:root[data-family=mac] #task-list .is-active{background:#ddd;font-weight:bold}
:root[data-family=mac] #start-menu{top:29px;bottom:auto;left:8px;width:265px;border:1px solid #111;background:#fff;box-shadow:2px 2px #111;max-height:calc(100dvh - 35px)}:root[data-family=mac] .start-brand{display:none}:root[data-family=mac] .start-submenu{background:#fff;top:0;bottom:auto}
:root[data-family=mac] .classic-menu{background:#fff;border:1px solid #111;box-shadow:2px 2px #111}:root[data-family=mac] .desktop-signature{bottom:18px}
:root[data-os=ubuntu]{--desktop-top:29px;--chrome:#f2f1f0;--sidebar:#ebe9e5;--navy:#c65b2b;--os-title:linear-gradient(#4b4943,#302f2a);--os-inactive:#68665f;--os-border:#3d3c36;--os-font:'DejaVu Sans',Arial,sans-serif;--ink:#333}
:root[data-os=ubuntu] :is(.main-window,.app-window,.detail-window){border:1px solid #34342f;border-radius:7px 7px 2px 2px;padding:0;box-shadow:0 3px 10px #0006}:root[data-os=ubuntu] :is(.main-window,.app-window,.detail-window)>.titlebar{position:relative;border-radius:6px 6px 0 0;min-height:31px;padding:4px 8px 4px 84px;color:#eee;justify-content:center}
:root[data-os=ubuntu] .window-title{justify-content:center;font:bold 12px 'DejaVu Sans',Arial,sans-serif;color:#eee;max-width:100%;width:100%}:root[data-os=ubuntu] .window-title>svg{display:none}:root[data-os=ubuntu] .window-controls{display:contents}
:root[data-os=ubuntu] .window-controls>button,:root[data-os=ubuntu] .dialog-close{position:absolute;top:7px;left:56px;right:auto;width:18px;height:18px;background:linear-gradient(#858078,#504e47);color:#ddd;border:1px solid #282724;border-radius:50%;font:bold 13px Arial,sans-serif;box-shadow:0 1px #777}
:root[data-os=ubuntu] .window-controls>button:is([data-win-control=close],[data-action=close-projects]),:root[data-os=ubuntu] .dialog-close{left:8px;background:linear-gradient(#f09464,#c55021);color:#302d29}:root[data-os=ubuntu] .window-controls>button:is([data-win-control=minimize],[data-action=minimize]){left:32px}
:root[data-os=ubuntu] .taskbar{background:linear-gradient(#494840,#302f2a);color:#eee;border:0;min-height:33px;height:33px;padding:3px 6px}:root[data-os=ubuntu] .taskbar>#start-button,:root[data-os=ubuntu] .taskbar>.clock-tray,:root[data-os=ubuntu] .taskbar>.environment-button{display:none}
:root[data-os=ubuntu] .task-button{border:1px solid #24231f;background:linear-gradient(#68665e,#4b4a43);color:#eee;box-shadow:inset 0 1px #777;min-height:26px;border-radius:2px}:root[data-os=ubuntu] .task-button.is-active{background:#2c2c27;color:#fff;border-bottom:2px solid #e98249;box-shadow:none}
:root[data-os=ubuntu] .bevel-button:not(.start-button){background:linear-gradient(#fff,#dedbd5);border:1px solid #a7a49b;color:#333;border-radius:3px;box-shadow:inset 0 1px #fff}:root[data-os=ubuntu] .folder-button.is-active{background:#cb642f}
:root[data-os=ubuntu] .platform-topbar{display:flex;position:fixed;inset:0 0 auto;height:29px;background:linear-gradient(#45443c,#302f2a);color:#eee;align-items:stretch;padding:0 6px;gap:2px;z-index:210;border-bottom:1px solid #1b1b17}
.platform-topbar button{color:inherit;background:transparent;font:12px 'DejaVu Sans',Arial,sans-serif;padding:3px 10px}.platform-topbar button:hover{background:#67635a}.platform-topbar .platform-clock{margin-left:auto}
:root[data-os=ubuntu] #start-menu{top:29px;bottom:auto;left:4px;background:#f3f1ed;max-height:calc(100dvh - 66px);width:245px}:root[data-os=ubuntu] .start-brand{display:none}:root[data-os=ubuntu] .start-submenu{top:0;bottom:auto;background:#f3f1ed}
:root[data-os=kde]{--chrome:#efefef;--sidebar:#e5edf5;--navy:#3c70b5;--os-title:linear-gradient(#89a9dc,#477fbe 48%,#3765a3);--os-inactive:linear-gradient(#dbe2ed,#8d9cba);--os-border:#52749e;--os-font:'DejaVu Sans',Arial,sans-serif}
:root[data-os=kde] :is(.main-window,.app-window,.detail-window){border:1px solid #466795;border-radius:6px 6px 2px 2px;padding:3px;background:#eee;box-shadow:1px 2px 5px #0005}:root[data-os=kde] .titlebar{border-radius:3px 3px 0 0;min-height:29px}:root[data-os=kde] .window-title{font:bold 12px 'DejaVu Sans',Arial,sans-serif;text-shadow:1px 1px #355780}
:root[data-os=kde] .window-controls>button,:root[data-os=kde] .dialog-close{background:linear-gradient(#ccdcf3,#74a0d7);border:1px solid #466795;border-radius:3px;color:#16324f;box-shadow:inset 0 1px #eef7ff}:root[data-os=kde] .window-controls>button:is([data-win-control=close],[data-action=close-projects]){background:linear-gradient(#f1c2bb,#d78883)}
:root[data-os=kde] .taskbar{min-height:43px;background:linear-gradient(#f8f8fc,#c2ccdd);border-top:1px solid #829cbe;padding:4px 8px;box-shadow:inset 0 1px #fff}:root[data-os=kde] .start-button{background:linear-gradient(#eef4fe,#b9cced);border:1px solid #6f8fbf;border-radius:6px;color:#24446f;font:bold 14px Arial,sans-serif}
:root[data-os=kde] .task-button{background:linear-gradient(#fff,#ccd8ed);border:1px solid #91a8c8;border-radius:3px;color:#263e63;box-shadow:inset 0 1px #fff}:root[data-os=kde] .task-button.is-active{background:linear-gradient(#7394bf,#c2d4ef);border-color:#537aaa;box-shadow:inset 1px 1px #557aab}
:root[data-os=kde] .start-brand{background:linear-gradient(#244573,#5a87bd);color:#fff}:root[data-os=kde] .bevel-button:not(.start-button){background:linear-gradient(#fff,#e0e5ed);border:1px solid #879ab7;border-radius:3px;box-shadow:inset 0 1px white}:root[data-os=kde] .classic-menu{border:1px solid #8a9dbb;background:#f6f7f9}
.version-family-label{font:bold 12px Tahoma,Arial,sans-serif;margin:14px 0 8px;color:inherit}.version-family-label:first-of-type{margin-top:0}
.version-mini[data-preview-os=system7]{background:repeating-conic-gradient(#888 0 25%,#ccc 0 50%) 0/2px 2px}.version-mini[data-preview-os=mac9]{background:#b3b3da url('wallpapers/mac9-mac-os-background.jpg') center/cover}
.version-mini:is([data-preview-os=system7],[data-preview-os=mac9])>b{top:0;bottom:auto;height:9px;background:#fff;border:0;border-bottom:1px solid #333}.version-mini:is([data-preview-os=system7],[data-preview-os=mac9])>i:before{background:repeating-linear-gradient(#fff 0 1px,#888 1px 2px)}.version-mini:is([data-preview-os=system7],[data-preview-os=mac9])>i{background:#eee;border:1px solid #000}
.version-mini[data-preview-os=ubuntu]{background:#482439 url('wallpapers/ubuntu-lucid.png') center/cover}.version-mini[data-preview-os=ubuntu]>i:before{background:#3c3b35}.version-mini[data-preview-os=ubuntu]>b{background:#3c3b35;border:0}.version-mini[data-preview-os=kde]{background:#4179b2 url('wallpapers/kde-blue.jpg') center/cover}.version-mini[data-preview-os=kde]>i:before{background:linear-gradient(#aac0e0,#4176b4)}.version-mini[data-preview-os=kde]>b{background:linear-gradient(#fff,#b4c7e7)}
.pinball-app{min-height:0}.pinball-app iframe{flex:1 1 0;min-height:80px;min-width:0}.pinball-app>.app-menubar,.pinball-app>.pinball-touch,.pinball-app>.accessory-note{flex:0 0 auto}
@media(min-width:821px){:root[data-family=mac] .desktop-dock{bottom:0}:root[data-os=ubuntu] .desktop-dock{bottom:33px}}
@media(max-width:820px){:root[data-family=mac] body,:root[data-os=ubuntu] body{padding-top:40px}:root[data-family=mac] body{padding-bottom:14px}:root[data-family=mac] .taskbar{min-height:29px;height:29px}:root[data-family=mac] #start-button{min-height:27px;padding:0 4px}:root[data-family=mac] .mac-menus button{font-size:12px;padding:0 6px}:root[data-family=mac] .finder-label{display:none}:root[data-family=mac] .taskbar .clock-tray{padding:0 4px;font-size:10px}:root[data-family=mac] #mac-apps-button{font-size:11px;max-width:100px;padding:4px 6px}:root[data-family=mac] #start-menu{top:29px;bottom:auto;max-height:calc(100dvh - 40px)}:root[data-family=mac] .start-group.submenu-open>.start-submenu{position:relative;top:auto;left:0}:root[data-os=ubuntu] .taskbar{min-height:35px;height:35px}:root[data-os=ubuntu] #start-menu{top:29px;bottom:auto;max-height:calc(100dvh - 70px)}:root[data-os=ubuntu] .start-group.submenu-open>.start-submenu{position:relative;top:auto;left:0}:root[data-os=kde] .taskbar{min-height:44px}:root[data-os=kde] .start-menu{bottom:44px}.pinball-app{min-height:0}.pinball-app iframe{min-height:60px}.platform-topbar button{font-size:11px;padding:3px 6px}}
@media(max-width:450px){:root[data-family=mac] .mac-menus [data-platform-menu=special]{display:none}:root[data-family=mac] #mac-apps-button{max-width:85px}:root[data-family=mac] .environment-button{font-size:9px!important;padding:0 3px!important}.platform-topbar button{font-size:10px;padding:3px 5px}.platform-topbar>button:last-child{font-size:0}.platform-topbar>button:last-child:after{content:'OS ▾';font-size:10px}}
@media print{.platform-topbar,.mac-menus,#mac-apps-button{display:none!important}}

.classic-app{container-type:inline-size;container-name:accessory}
@container accessory (max-width:500px){.date-layout{grid-template-columns:1fr;gap:20px}.clock-section{max-width:240px;margin:auto}.system-specs{grid-template-columns:90px 1fr}}