:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0}.taskbar{display:grid;grid-template-columns:2fr 1fr;padding:.25em 1em;background:#00000080;font-size:14px}.taskbar-left,.taskbar-right{display:flex;flex-direction:row}.taskbar-right{gap:1em;justify-content:end}.taskbar-start{width:1em}.taskbar-openapps{display:flex;flex-direction:row;gap:.5em;padding-left:1em}.taskbar-openapps__item{padding:.25em .75em;border:none;background:#ffffff1a;color:#fff;cursor:pointer;border-radius:4px;font-size:14px;transition:background .2s}.taskbar-openapps__item:hover{background:#fff3}.taskbar-openapps__item--active{background:#ffffff4d;font-weight:500}.taskbar-time{font-variant-numeric:tabular-nums}.desktop-icon{position:absolute;width:64px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.desktop-icon--selected .desktop-icon__icon{outline:2px solid rgba(255,255,255,.9)}.desktop-icon__icon{width:48px;height:48px;margin:0 auto 4px;border-radius:8px;background:#ffffff26;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.desktop-icon__icon__img{width:30px}.desktop-icon__label{font-size:12;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.window{position:absolute;border:1px solid #ccc;border-radius:8px 8px 0 0;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;overflow:hidden}.window--active{box-shadow:0 6px 16px #0003}.window--maximized{border-radius:0}.window__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 12px;background:#bababa;border-bottom:1px solid #ccc;cursor:move;-webkit-user-select:none;user-select:none}.window--active .window__header{background:#ffffff26;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.window__title{margin:0;font-size:14px;font-weight:500;flex:1}.window__controls{display:flex;gap:4px}.window__button{width:24px;height:24px;border:none;background:transparent;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;padding:0}.window__button:hover{background:#0000001a}.window__button--close:hover{background:#e81123;color:#fff}.window__content{flex:1;overflow:hidden;background:#fff;color:#000}.notes-app{width:100%;height:100%;display:flex;flex-direction:column}.notes-app__textarea{width:100%;height:100%;border:none;outline:none;padding:16px;font-family:inherit;font-size:14px;resize:none}.browser-app{width:100%;height:100%;display:flex;flex-direction:column;background:#fff}.browser-app__toolbar{display:flex;align-items:center;gap:8px;padding:8px;background:#f0f0f0;border-bottom:1px solid #ccc}.browser-app__button{padding:4px 8px;border:1px solid #ccc;cursor:pointer;border-radius:3px}.browser-app__url-bar{flex:1;display:flex;gap:8px}.browser-app__url-input{flex:1;padding:4px 8px;border:1px solid #ccc;border-radius:3px}.browser-app__go-button{padding:4px 12px;border:1px solid #ccc;background:#007acc;color:#fff;cursor:pointer;border-radius:3px}.browser-app__go-button:hover{background:#005a9e}.browser-app__content{flex:1;overflow:hidden}.browser-app__iframe{width:100%;height:100%;border:none}.paint-app{width:100%;height:100%;display:flex;flex-direction:column;background:#f5f5f5}.paint-app__toolbar{display:flex;align-items:center;gap:16px;padding:8px 16px;background:#fff;border-bottom:1px solid #ccc}.paint-app__color-input{width:40px;height:30px;border:1px solid #ccc;cursor:pointer}.paint-app__brush-size{width:100px}.paint-app__clear-button{padding:6px 12px;border:1px solid #ccc;cursor:pointer;border-radius:3px}.paint-app__canvas-container{flex:1;overflow:auto;display:flex;justify-content:center;align-items:center;padding:16px}.paint-app__canvas{background:#fff;border:1px solid #ccc;cursor:crosshair;box-shadow:0 2px 4px #0000001a}#root{height:100vh;background:center no-repeat url(/react-web-os/assets/abs-wp-00-4Hbeq0oI.jpg);background-size:cover}.app{display:flex;flex-direction:column;height:100vh;overflow:auto}.app .taskbar{flex-shrink:0}.app .desktop{flex:1;min-height:0;position:relative}