/* Roberto OS V25 — modern source-backed application windows and responsive scroll system */
html,body,#root{max-width:100%;overflow:hidden}.desktopCont{overflow:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.desktopCont .dskApp{touch-action:manipulation}.windowApp,.windowScreen,.restWindow,.robertoNativeHost{min-width:0!important;max-width:100%!important}.windowScreen,.restWindow,.robertoNativeHost{overflow:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.windowApp iframe{display:block;width:100%;height:100%;min-width:0;border:0;background:#0b0e13}
/* unified modern scrollbars */
.desktopCont,.startMenu,.searchMenu,.pinnedApps,.pinApps,.pnApps,.reApps,.allApps,.topApps,.windowScreen,.restWindow,.robertoNativeHost{scrollbar-width:thin;scrollbar-color:rgba(126,159,199,.82) transparent}
.desktopCont::-webkit-scrollbar,.startMenu::-webkit-scrollbar,.searchMenu::-webkit-scrollbar,.pinnedApps::-webkit-scrollbar,.pinApps::-webkit-scrollbar,.pnApps::-webkit-scrollbar,.reApps::-webkit-scrollbar,.allApps::-webkit-scrollbar,.topApps::-webkit-scrollbar,.windowScreen::-webkit-scrollbar,.restWindow::-webkit-scrollbar,.robertoNativeHost::-webkit-scrollbar{width:10px;height:10px}
.desktopCont::-webkit-scrollbar-track,.startMenu::-webkit-scrollbar-track,.searchMenu::-webkit-scrollbar-track,.pinnedApps::-webkit-scrollbar-track,.pinApps::-webkit-scrollbar-track,.pnApps::-webkit-scrollbar-track,.reApps::-webkit-scrollbar-track,.allApps::-webkit-scrollbar-track,.topApps::-webkit-scrollbar-track,.windowScreen::-webkit-scrollbar-track,.restWindow::-webkit-scrollbar-track,.robertoNativeHost::-webkit-scrollbar-track{background:transparent}
.desktopCont::-webkit-scrollbar-thumb,.startMenu::-webkit-scrollbar-thumb,.searchMenu::-webkit-scrollbar-thumb,.pinnedApps::-webkit-scrollbar-thumb,.pinApps::-webkit-scrollbar-thumb,.pnApps::-webkit-scrollbar-thumb,.reApps::-webkit-scrollbar-thumb,.allApps::-webkit-scrollbar-thumb,.topApps::-webkit-scrollbar-thumb,.windowScreen::-webkit-scrollbar-thumb,.restWindow::-webkit-scrollbar-thumb,.robertoNativeHost::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(133,174,221,.9),rgba(70,101,141,.92));border:2px solid transparent;background-clip:padding-box;border-radius:999px}
.startMenu,.searchMenu{min-width:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-gutter:stable both-edges;padding-right:clamp(6px,1vw,12px)!important}.pinnedApps,.pinApps,.recApps{min-width:0!important}.pinnedApps,.pinApps{overflow:visible!important}.pnApps{display:grid!important;grid-template-columns:repeat(6,minmax(94px,1fr))!important;gap:12px 9px!important;align-items:start!important;min-width:0!important}.pnApps .pnApp{min-width:0!important;height:auto!important;min-height:92px!important;padding:8px 5px!important;border-radius:11px!important;align-content:start!important}.pnApps .pnApp:hover{background:linear-gradient(180deg,rgba(112,151,197,.22),rgba(69,99,139,.13))!important}.pnApps .pnApp img{width:42px!important;height:42px!important;object-fit:contain!important}.pnApps .pnApp .appName{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;max-width:100%!important;text-align:center!important;white-space:normal!important;overflow:hidden!important;overflow-wrap:anywhere!important;line-height:1.16!important;font-size:12px!important;min-height:28px!important}.reApps{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 12px!important;min-width:0!important}.reApps .rnApp{min-width:0!important;max-width:100%!important;border-radius:10px!important;padding:8px!important}.reApps .rnApp:hover{background:rgba(113,151,196,.18)!important}.reApps .rnApp .appName{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.18!important}.allApps{min-width:0!important}.allApps .allApp{min-width:0!important}.topApps{display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;padding:2px 2px 10px!important}.topApps .topApp{flex:0 0 148px!important;min-width:148px!important;scroll-snap-align:start;border-radius:10px!important}.topApps .topApp .appName{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.15!important}.aboutApp{width:min(470px,calc(100vw - 30px))!important;max-height:min(650px,calc(100dvh - 30px))!important}.aboutApp .content{font-size:clamp(12px,2.7vw,15px)!important;overflow:auto!important}.rs-vm{overflow:auto!important}.rs-vm-sidebar{flex:0 0 238px!important}.rs-vm-stage{min-width:700px!important}
/* Driver.js-inspired operating-system tour */
.roberto-tour-overlay{position:fixed;inset:0;z-index:2147483200;background:rgba(1,5,12,.68);opacity:0;visibility:hidden;transition:.18s}.roberto-tour-overlay.show{opacity:1;visibility:visible}.roberto-tour-highlight{position:fixed;z-index:2147483201;border:2px solid #64c5ff;border-radius:14px;box-shadow:0 0 0 9999px rgba(1,5,12,.2),0 0 0 5px rgba(100,197,255,.18),0 18px 50px #0008;pointer-events:none;opacity:0;visibility:hidden;transition:.2s}.roberto-tour-highlight.show{opacity:1;visibility:visible}.roberto-tour-card{position:fixed;z-index:2147483202;width:min(360px,calc(100vw - 24px));padding:17px;border:1px solid #4b6689;border-radius:15px;background:linear-gradient(180deg,#1a273b,#111a29);color:#eef6ff;box-shadow:0 24px 75px #000c;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;font-family:"Segoe UI",system-ui,sans-serif}.roberto-tour-card.show{opacity:1;visibility:visible;transform:none}.roberto-tour-card small{color:#76caff}.roberto-tour-card h3{margin:7px 0}.roberto-tour-card p{color:#b9c8db;line-height:1.45}.roberto-tour-card footer{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.roberto-tour-card button{border:1px solid #3d526f;border-radius:9px;background:#1d2a3e;color:#fff;padding:8px 11px}.roberto-tour-card button.primary{background:linear-gradient(135deg,#168cff,#7164ff);border-color:transparent}.roberto-tour-card button:disabled{opacity:.45}
@media(max-width:980px){.pnApps{grid-template-columns:repeat(5,minmax(86px,1fr))!important}}
@media(max-width:760px){.windowApp[data-size=cstm],.windowApp[data-size=mini],.windowApp[data-size=max]{inset:0!important;top:0!important;left:0!important;width:100vw!important;height:calc(100dvh - 48px)!important;max-width:none!important;max-height:none!important;transform:none!important;border-radius:0!important}.windowApp .windowScreen,.windowApp .restWindow{height:100%!important;border-radius:0!important}.startMenu,.searchMenu{left:6px!important;right:6px!important;bottom:50px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 62px)!important;border-radius:18px 18px 12px 12px!important;overflow-y:auto!important;padding-right:8px!important;scrollbar-gutter:stable!important}.pnApps{grid-template-columns:repeat(3,minmax(88px,1fr))!important;gap:10px 6px!important}.pnApps .pnApp{min-height:98px!important;padding:7px 3px!important}.pnApps .pnApp img{width:44px!important;height:44px!important}.pnApps .pnApp .appName{font-size:12px!important}.reApps{grid-template-columns:1fr!important;gap:5px!important}.desktopCont{padding-bottom:62px!important}.dskApps{grid-auto-flow:column!important;grid-template-rows:repeat(6,76px)!important;grid-auto-columns:82px!important;width:max-content!important;min-width:100%!important}.dskApp{width:78px!important}.dskApp .appName{font-size:11px!important;line-height:1.08!important;overflow-wrap:anywhere!important}.aboutApp{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:min(430px,calc(100vw - 22px))!important;max-height:calc(100dvh - 22px)!important;border-radius:13px!important}.rs-vm{min-width:920px!important}.rs-vm-stage{min-width:680px!important}.topApps .topApp{flex-basis:132px!important;min-width:132px!important}}
@media(max-width:390px){.pnApps{grid-template-columns:repeat(3,minmax(76px,1fr))!important}.pnApps .pnApp{min-height:92px!important}.pnApps .pnApp img{width:39px!important;height:39px!important}.pnApps .pnApp .appName{font-size:11px!important}.startMenu,.searchMenu{left:4px!important;right:4px!important}}
@media(prefers-reduced-motion:reduce){.desktopCont,.startMenu,.searchMenu{scroll-behavior:auto}.roberto-tour-overlay,.roberto-tour-highlight,.roberto-tour-card{transition:none}}