/* Taskbar and Start menu have a shared, explicit viewport budget. */
:root{--xp-bar:30px;--xp-safe:env(safe-area-inset-bottom,0px)}.taskbar{height:calc(var(--xp-bar) + var(--xp-safe))!important;padding-bottom:var(--xp-safe)!important;z-index:100000!important}#start{flex-shrink:0}#tasks{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;touch-action:pan-x}#tasks .task{flex:0 0 150px;min-width:90px;max-width:150px}#start-menu{bottom:calc(var(--xp-bar) + var(--xp-safe))!important;z-index:100001!important;display:flex;flex-direction:column;height:min(455px,calc(100dvh - var(--xp-bar) - var(--xp-safe) - 8px))!important;max-height:none!important}#start-menu[hidden]{display:none!important}.start-profile{flex-shrink:0}.start-columns{flex:1;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important}.start-programs,.start-places{min-height:0;overflow-y:auto;scrollbar-width:thin}#start-menu footer{flex-shrink:0}#games-list,#recent-list{z-index:100002;max-height:calc(100dvh - 120px);overflow-y:auto}#volume-panel,#calendar{bottom:calc(var(--xp-bar) + var(--xp-safe) + 5px)!important}
@media(max-width:650px){:root{--xp-bar:44px}html,body{height:100%;overflow:hidden}#desktop{height:calc(100dvh - var(--xp-bar) - var(--xp-safe))!important}.taskbar #start{width:86px;min-width:86px;height:44px;background-size:auto 100%}#tasks{height:44px;margin:0 3px!important;padding:0!important}#tasks .task{height:34px;flex-basis:115px;font-size:11px}.taskbar .tray{height:44px!important;min-height:44px!important;padding:0 7px!important;gap:5px!important;background:linear-gradient(#24b7f1,#1096d2)!important}.tray #clock-button{font-size:10px!important;margin:0!important}.tray #tray-messenger,.tray #tray-help,.tray #quick-start,.tray #timer-tray,.tray #crt-toggle,.tray [data-open=player],#show-desktop{display:none!important}.tray #tray-more{display:none!important}.tray #sound-toggle{width:24px!important;height:32px!important}#start-menu{width:min(360px,calc(100vw - 8px))!important;left:4px!important}.start-columns{grid-template-columns:52% 48%!important}.start-columns button{min-height:40px!important;padding:5px!important;font-size:11px!important}.start-columns button img{width:25px!important;height:25px!important}.start-columns button small{font-size:9px!important}.start-profile{height:54px!important}#start-menu footer{height:48px!important}#games-list,#recent-list{position:fixed!important;left:8px!important;right:auto!important;bottom:calc(var(--xp-bar) + var(--xp-safe) + 48px)!important;width:min(230px,calc(100vw - 16px))!important;background:white}.window:not(.device-window){left:4px!important;top:6px!important;right:auto!important;transform:none!important;width:calc(100vw - 8px)!important;max-width:calc(100vw - 8px)!important;min-width:0!important;max-height:calc(100dvh - var(--xp-bar) - var(--xp-safe) - 12px)!important}.window.maximized:not(.device-window){left:0!important;top:0!important;width:100vw!important;max-width:100vw!important;height:calc(100dvh - var(--xp-bar) - var(--xp-safe))!important;max-height:calc(100dvh - var(--xp-bar) - var(--xp-safe))!important}#about,#work,#resume,#messenger{height:calc(100dvh - var(--xp-bar) - var(--xp-safe) - 12px)!important}#about .ref-about>aside{display:none}#about .ref-about article{overflow:auto}#work .tube-body{min-height:0;flex:1}#work .tube-main{overflow:auto}#contact{height:min(450px,calc(100dvh - var(--xp-bar) - 12px))!important}.controls button{min-width:25px!important;min-height:23px!important}.ref-menubar button{min-height:28px}.icons,.icons.is-freeform{display:grid!important;grid-template-columns:repeat(2,100px)!important;grid-auto-rows:100px!important;width:220px!important;height:auto!important;padding:14px 8px!important;gap:8px!important}.icons>button{position:static!important;width:100px!important;height:100px!important;padding:10px 3px!important}.icons button>span{font-size:12px!important;white-space:normal!important}.icons img.icon{width:52px!important;height:52px!important}#pod{left:50%!important;top:5px!important;transform:translateX(-50%)!important;max-height:calc(100dvh - var(--xp-bar) - 12px)!important;overflow:auto!important;max-width:calc(100vw - 10px)!important}.window .content{min-height:0;overflow:auto}#paint .paint-workspace{min-height:0;overflow:hidden}.canvas-scroll{overflow:auto;touch-action:pan-x pan-y}#paint-canvas{touch-action:none}input,textarea,select{font-size:16px!important}#msn-presence{font-size:12px!important}#login{border-top-width:60px!important;border-bottom-width:60px!important}.login-middle{max-width:100%!important}.login-brand p{white-space:normal!important}.resize-handle{display:none!important}#xp-balloon,#messenger-toast{max-width:calc(100vw - 16px)!important;right:8px!important;bottom:calc(var(--xp-bar) + var(--xp-safe) + 8px)!important}}