*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%}
body{font-family:Arial,sans-serif;overflow:hidden;color:white;background:#07152f}
button,input,textarea{font:inherit}
button{cursor:pointer}

.top-bar{height:55px;width:100%;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:rgba(255,255,255,.18);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px rgba(0,0,0,.25)}
.start{font-size:19px;font-weight:bold;text-shadow:0 0 10px rgba(255,255,255,.6)}
.time-section{display:flex;align-items:center;gap:20px}.clock{font-size:19px;text-shadow:0 0 10px rgba(255,255,255,.7)}.date{font-size:15px;white-space:nowrap;text-shadow:0 0 10px rgba(255,255,255,.7)}

.desktop{width:100vw;height:100vh;padding-top:75px;position:relative;background:url("12231.png") center/cover no-repeat}
.desktop-icons{position:absolute;top:80px;left:25px;display:flex;flex-direction:column;align-items:center;gap:16px;width:100px;z-index:5}
.icon{width:90px;padding:7px;text-align:center;color:white;cursor:pointer;border-radius:12px;transition:.2s;user-select:none}
.icon:hover{background:rgba(255,255,255,.16);backdrop-filter:blur(8px)}.icon:active{transform:scale(.94)}
.icon-image{width:60px;height:60px;margin:0 auto 4px;display:flex;align-items:center;justify-content:center;font-size:46px;line-height:1;filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}
.icon-name{font-size:14px;text-shadow:0 1px 5px #000;white-space:nowrap}

.window{width:560px;min-height:320px;position:absolute;top:140px;left:300px;z-index:10;background:rgba(255,255,255,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.35);border-radius:18px;color:white;overflow:hidden;box-shadow:0 15px 50px rgba(0,0,0,.45),0 0 30px rgba(100,180,255,.2);animation:windowOpen .2s ease}
@keyframes windowOpen{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.window-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 15px;background:rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.25);cursor:grab;user-select:none}
.window-top:active{cursor:grabbing}.window-top span{font-size:15px;font-weight:bold}
.window-buttons{display:flex;gap:7px}.window-buttons button{width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.2);color:white;font-size:18px;transition:.2s}.window-buttons button:hover{background:rgba(255,255,255,.4)}.window-buttons .closeBtn:hover{background:rgba(255,70,70,.85)}
.window-content{min-height:270px;padding:25px;display:flex;flex-direction:column;align-items:center;text-align:center}.window-content h1{margin-bottom:10px;font-size:28px;text-shadow:0 0 15px rgba(150,210,255,.9)}.window-content p{margin-bottom:18px}
.welcome-content{padding:15px}.welcome-img{width:100%;height:300px;object-fit:cover;border-radius:12px;display:block}.primary-btn,.secondary-btn,.toolbar-btn,.file-toolbar button,.notes-toolbar button{border:0;border-radius:10px;padding:10px 15px;background:rgba(255,255,255,.2);color:white;margin:5px}.primary-btn:hover,.secondary-btn:hover,.toolbar-btn:hover,.file-toolbar button:hover,.notes-toolbar button:hover{background:rgba(255,255,255,.35)}

.files-content{align-items:stretch;text-align:left;overflow:auto}.file-toolbar{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.toolbar-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.breadcrumb{padding:8px 12px;background:rgba(0,0,0,.18);border-radius:10px;margin-bottom:12px}.file-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.file-item{min-height:100px;padding:12px 7px;border-radius:12px;background:rgba(255,255,255,.12);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:.2s;position:relative;text-align:center}.file-item:hover{background:rgba(255,255,255,.25);transform:translateY(-2px)}.file-item .file-icon{font-size:38px}.file-item .file-name{font-size:13px;word-break:break-word}.file-item .file-meta{font-size:10px;opacity:.75}.file-item .delete-mark{position:absolute;right:5px;top:4px;opacity:0;background:rgba(255,60,60,.7);border:0;border-radius:7px;color:white;font-size:12px;padding:3px 5px}.file-item:hover .delete-mark{opacity:1}.empty-state{opacity:.75;text-align:center;padding:30px}.danger-btn{background:rgba(255,70,70,.3)!important}.danger-btn:hover{background:rgba(255,70,70,.55)!important}

.viewer-content{align-items:stretch;text-align:left;overflow:auto}.viewer-content pre{white-space:pre-wrap;word-break:break-word;font-family:Consolas,monospace;background:rgba(0,0,0,.2);padding:15px;border-radius:10px;min-height:200px}.viewer-image{max-width:100%;max-height:500px;object-fit:contain;border-radius:10px;margin:auto}

.browser-window{width:850px;height:600px}.browser-ui{height:calc(100% - 48px);display:flex;flex-direction:column}.browser-nav{display:flex;gap:7px;padding:8px;background:rgba(0,0,0,.18)}.browser-nav button,.browser-shortcuts button{border:0;border-radius:8px;padding:7px 11px;background:rgba(255,255,255,.18);color:white}.browser-nav input{flex:1;border:0;outline:0;border-radius:9px;padding:8px 12px;background:rgba(255,255,255,.9);color:#111}.browser-shortcuts{display:flex;gap:7px;padding:6px 10px;background:rgba(0,0,0,.12)}.browser-page{flex:1;overflow:auto;background:rgba(255,255,255,.9);color:#111}.browser-home{text-align:center;padding:70px 25px}.browser-logo{font-size:60px}.browser-home h1{font-size:42px;margin:8px 0}.browser-search{display:flex;max-width:650px;margin:25px auto 15px;gap:8px}.browser-search input{flex:1;height:45px;padding:0 15px;border:1px solid #bbb;border-radius:12px;outline:0}.browser-search button{border:0;border-radius:12px;padding:0 20px;background:#195dcc;color:white}.browser-message{max-width:650px;margin:15px auto;padding:15px;border-radius:12px;background:#eaf1ff}.browser-result{max-width:850px;margin:auto;padding:30px}.browser-result h2{margin-bottom:10px}.browser-result .owner{font-size:28px;font-weight:bold;margin:25px 0}.browser-result a{display:inline-block;margin:7px 0;color:#145ac0}

.app-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}.app-card{padding:18px 5px;border-radius:15px;background:rgba(255,255,255,.12);cursor:pointer;transition:.2s;text-align:center}.app-card:hover{background:rgba(255,255,255,.25);transform:translateY(-4px)}.app-icon{font-size:38px;margin-bottom:7px}

.notes-content{align-items:stretch;text-align:left}.notes-toolbar{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.notes-toolbar input{flex:1;min-width:180px;border:0;border-radius:9px;padding:10px;outline:0}.notes-layout{display:grid;grid-template-columns:180px 1fr;gap:12px;min-height:250px}.note-list{background:rgba(0,0,0,.15);border-radius:10px;padding:7px;overflow:auto}.note-entry{padding:9px;border-radius:8px;cursor:pointer;margin-bottom:5px}.note-entry:hover,.note-entry.active{background:rgba(255,255,255,.2)}.notes-content textarea{width:100%;height:250px;resize:vertical;border:0;outline:0;border-radius:12px;padding:15px;font-size:16px;color:#111;background:rgba(255,255,255,.88)}.hint{font-size:12px;opacity:.7;margin-top:8px}

.calculator{width:330px;padding:22px;margin:auto}.calculator #calcDisplay{width:100%;height:65px;margin-bottom:12px;border:0;outline:0;border-radius:12px;padding:10px;font-size:28px;text-align:right;background:rgba(255,255,255,.88);color:#111}.calculator-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.calculator-buttons button{height:55px;border:0;border-radius:12px;background:rgba(255,255,255,.18);color:white;font-size:20px}.calculator-buttons button:hover{background:rgba(255,255,255,.35)}.calculator-buttons .zero{grid-column:span 2}

.settings-content{padding:25px;width:100%}.settings-content h1{margin-bottom:15px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:18px;margin:10px 0;border-radius:12px;background:rgba(255,255,255,.12)}.switch{position:relative;width:50px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;border-radius:30px;background:rgba(255,255,255,.25);cursor:pointer;transition:.3s}.slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:white;transition:.3s}.switch input:checked+.slider{background:rgba(60,150,255,.8)}.switch input:checked+.slider:before{transform:translateX(24px)}body.no-glow .window{box-shadow:0 15px 50px rgba(0,0,0,.45)}body.no-glass .window{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(10,25,55,.92)}

.games-window{width:760px;min-height:500px}.games-menu{text-align:center;padding:35px}.game-select{display:flex;justify-content:center;gap:15px;margin-top:25px}.game-select button{border:0;border-radius:14px;padding:18px 25px;background:rgba(255,255,255,.18);color:white;font-size:18px}.game-select button:hover{background:rgba(255,255,255,.3)}.game-panel{padding:15px;text-align:center}.game-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.game-panel canvas{display:block;margin:auto;border-radius:10px;background:#07152f;border:1px solid rgba(255,255,255,.3);max-width:100%}.game-panel p{margin:8px}.window.maximized{top:65px!important;left:10px!important;width:calc(100vw - 20px)!important;height:calc(100vh - 75px)!important}.window.minimized{display:none!important}

@media(max-width:800px){.time-section{gap:7px}.date{display:none}.desktop-icons{left:5px}.window,.browser-window,.games-window{width:calc(100vw - 20px)!important;left:10px;top:90px}.file-grid{grid-template-columns:repeat(2,1fr)}.app-grid{grid-template-columns:repeat(2,1fr)}.notes-layout{grid-template-columns:1fr}.note-list{max-height:100px}.welcome-img{height:220px}.browser-window{height:calc(100vh - 110px)!important}}


/* ===== HIGH SCORES ===== */
.high-score-content{text-align:center}
.score-board{margin:20px auto;max-width:360px;border:1px solid rgba(255,255,255,.22);border-radius:14px;overflow:hidden;background:rgba(0,0,0,.18)}
.score-row{display:grid;grid-template-columns:1fr 1fr;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.12);text-align:left}
.score-row:last-child{border-bottom:0}
.score-row strong{text-align:right;font-size:21px}
.score-head{font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.7}