#toolbar{height:44px;z-index:30;overflow:visible;background:linear-gradient(#b2dcff55,#14517cbb 12%,#092e50dd);border-top:1px solid #d6efff99;box-shadow:0 -1px 0 #163751;backdrop-filter:blur(16px);font-family:"Segoe UI",Tahoma,sans-serif}
#toolbar .toolbar-separator{display:none}
#toolbar .toolbar-start-menu .start-button{display:grid;place-items:center;width:42px;height:42px;min-width:42px;margin:0 8px;padding:0;border-radius:50%;border:1px solid #badfff;background:radial-gradient(ellipse at 50% 5%,#ddf8ff,#459fc9 30%,#103d69 58%,#20729b 83%,#a5eeff);box-shadow:inset 0 0 4px #fff8,0 0 5px #001a35;transition:box-shadow .18s}
#toolbar .toolbar-start-menu .start-button:hover,#toolbar .start-button[aria-expanded="true"]{box-shadow:0 0 14px #8deaff,inset 0 0 9px #fff}
.orb-logo{display:grid;grid-template-columns:10px 10px;grid-template-rows:10px 10px;gap:2px;transform:skewY(-8deg) rotate(8deg);filter:drop-shadow(0 0 2px #fff8)}
.orb-logo i:nth-child(1){background:linear-gradient(#ffbf3f,#ec4922)}.orb-logo i:nth-child(2){background:linear-gradient(#bcf65d,#5fba24)}.orb-logo i:nth-child(3){background:linear-gradient(#53d0ff,#1774dc)}.orb-logo i:nth-child(4){background:linear-gradient(#ffed75,#eaba23)}
#toolbar .toolbar-icon.correction{width:32px;height:32px;margin-top:5px;border:1px solid #d5edff99}
#toolbar .toolbar-right{width:120px!important;margin:0 16px 0 0;height:42px;border:0;background:none;box-shadow:none;color:#fff;text-shadow:0 1px 2px #000;gap:6px}
#toolbar .toolbar-right .time{padding:6px 0;font:12px "Segoe UI",Tahoma,sans-serif;white-space:nowrap}
#show-desktop{position:absolute;right:0;top:0;height:43px;width:14px;min-width:14px;padding:0;border:1px solid #bddafc88;border-radius:0;background:linear-gradient(110deg,#ffffff44,#ffffff0a);box-shadow:inset 1px 0 #001d3a88}
#show-desktop:hover{background:#ffffff66}.desktop-tucked{visibility:hidden!important;pointer-events:none!important}
#start-panel{bottom:45px;height:405px;max-height:calc(100dvh - 52px)}
.start-apps{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.start-apps>*{flex-shrink:0}

#desktop,#enter{height:100dvh}
.enter-screen{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
#PopUpNov{margin:0!important;max-width:calc(100vw - 24px);max-height:calc(100dvh - 76px);overflow:auto}
.touch-music-controls{display:none}
.desktop-icons{flex-direction:row}
.desktop-icons-container{display:grid;width:max-content;justify-items:center;row-gap:8px}
.desktop-icons .desktop-icon{height:78px;box-sizing:border-box}
#toolbar .toolbar-icon.mrecho-taskbar{background-image:url('../assets/mrecho.jpg')}
.desktop-icon.november.mrecho::before{background-image:url('../assets/mrecho.jpg')}
.login-profile-preview{display:flex;align-items:center;gap:12px;margin-top:12px}
.login-profile-preview img,#PopUpNov .window-body img{border-radius:50%;object-fit:cover}
.login-profile-preview p{margin:0;font:13px "Segoe UI",Tahoma,sans-serif;color:#222}
#mobile-notice{display:none}
#desktop #desktop-brand{color:#fff;text-transform:none!important;font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;font-weight:600;font-size:24px;line-height:1.4;letter-spacing:.01em;white-space:nowrap;overflow:visible;text-shadow:0 1px 3px #00264a80;-webkit-font-smoothing:antialiased}

.window-wrapper{padding:4px 6px 6px}
.window-content{padding:4px}
.window-actions{display:flex;justify-content:flex-end;padding:4px 2px 2px;gap:4px}
.window-action-button{min-width:75px}

@media(max-width:600px),(pointer:coarse){
  :root{--taskbar-space:calc(56px + env(safe-area-inset-bottom,0px))}
  #toolbar{height:var(--taskbar-space);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px)}
  #toolbar .toolbar-start-menu .start-button{width:46px;height:46px;min-width:46px;margin:4px 8px}
  #toolbar .toolbar-icon.correction{width:44px;height:44px;margin-top:5px}
  #toolbar .toolbar-right{height:54px;width:142px!important;margin-right:calc(26px + env(safe-area-inset-right,0px));gap:4px}
  #toolbar .toolbar-right img{width:44px;height:44px;object-fit:contain;padding:10px;touch-action:manipulation}
  #show-desktop{width:24px;min-width:24px;height:54px;right:env(safe-area-inset-right,0px)}
  #start-panel{bottom:var(--taskbar-space);left:max(4px,env(safe-area-inset-left,0px));width:410px;max-width:calc(100vw - 8px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));height:min(405px,calc(100dvh - var(--taskbar-space) - 8px));max-height:calc(100dvh - var(--taskbar-space) - 8px);grid-template-columns:minmax(0,1.4fr) minmax(128px,1fr);gap:5px;padding:5px}
  #start-panel #start-profile{gap:6px;padding:6px;font-size:12px}
  #start-panel #start-profile img{width:36px;height:36px}
  #start-panel .power-controls>button,#power-options button{min-height:44px;white-space:nowrap}
  #start-panel #shutdown-button{padding:3px 6px}
  #PopUpNov{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}
  #start-panel #power-options-button{min-width:44px}
  #power-options{bottom:48px}
  .start-settings{padding:8px 0;min-height:0}
  .start-apps-footer{padding:8px 2px;font-size:9px}
  #music-window{top:100px;right:max(8px,env(safe-area-inset-right,0px));max-height:calc(100dvh - var(--taskbar-space) - 16px);display:flex;flex-direction:column}
  #music-window[hidden]{display:flex}
  #music-frame{min-height:0;height:355px;max-height:none;flex:1 1 355px}
  .music-handle{min-height:40px;flex-shrink:0}
  #music-window .title-bar-controls button,#PopUpNov .title-bar-controls button{min-width:44px;min-height:36px}
  .touch-music-controls{display:flex;gap:6px;padding:6px;flex-shrink:0;background:linear-gradient(#b6d7ef,#6795b7)}
  .touch-music-controls button{flex:1;min-width:0;min-height:44px;color:#173c5c;text-shadow:none;background:linear-gradient(#f2f9ff,#d4e9f8);border:1px solid #6895b5;border-radius:4px;box-shadow:inset 0 1px #fff;font:13px "Segoe UI",sans-serif}
  .window-action-button.main,.NovOK{min-height:44px}
  .enter-screen select{font-size:16px;min-height:40px}
  .session-overlay{padding:16px;overflow:auto}
  #reboot-button{min-height:44px}
}
@media(max-width:600px){
  #desktop>center h4{position:static!important;width:auto;margin:0;padding:0;font-size:20px!important;text-align:center}
  .desktop-icons{flex-direction:row;gap:4px;padding:12px 8px}
  .desktop-icons .desktop-icon{width:80px;min-width:80px;height:78px;margin:0;padding-top:55px;font:13px "Segoe UI",sans-serif}
  #music-window{top:156px;left:50%!important;right:auto!important;transform:translateX(-50%);width:310px;max-height:calc(100dvh - var(--taskbar-space) - 164px)}
}
@media(max-height:500px) and (pointer:coarse){
  #music-window{top:8px;max-height:calc(100dvh - var(--taskbar-space) - 16px)}
  .start-avatar{width:44px;height:44px;margin-bottom:5px}
  .wired-content img{height:90px;width:auto;margin:8px auto}
  .wired-hint{margin-top:8px}
  #restart-screen{gap:4px;font-size:12px}#restart-screen img{height:70px;width:auto}#restart-screen h1{font-size:22px}
}
@media(max-width:360px){
  #toolbar .toolbar-right{width:120px!important;gap:0}
  #toolbar .toolbar-right .time{font-size:10px}
}