@import "tailwindcss";

*{box-sizing:border-box}html,body{margin:0;overflow:hidden;font-family:"Segoe UI",Arial,sans-serif;color:#152033}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.lock-screen,.desktop{width:100vw;height:100vh;position:relative;overflow:hidden;background:#0a62be}
.lock-screen:before,.desktop:before{content:"";position:absolute;inset:-15%;background:radial-gradient(ellipse at 66% 48%,rgba(137,223,255,.9) 0 4%,rgba(40,155,240,.6) 14%,transparent 31%),radial-gradient(ellipse at 56% 57%,#41a8ff 0 12%,#1c78da 25%,#063f97 52%,#052d70 75%);transform:rotate(-10deg) scale(1.2)}
.lock-screen:after,.desktop:after{content:"";position:absolute;width:52vw;height:86vh;left:48%;top:7%;border-radius:52% 48% 45% 55%;background:linear-gradient(145deg,rgba(202,245,255,.95),rgba(42,157,245,.65) 42%,rgba(3,66,166,.45) 65%);box-shadow:-80px 40px 90px rgba(0,39,128,.55),inset 50px -20px 80px rgba(0,72,169,.5);transform:rotate(15deg);filter:saturate(1.15)}
.lock-shade{position:absolute;inset:0;z-index:1;background:rgba(0,22,70,.15);backdrop-filter:blur(10px)}
.signin-card{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-46%);width:340px;text-align:center;color:white;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.avatar{width:168px;height:168px;margin:0 auto 22px;border-radius:50%;background:rgba(238,242,250,.95);color:#8e9bad;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:72px;line-height:.55;box-shadow:0 8px 40px rgba(0,0,0,.22);text-shadow:none}.avatar span:last-child{font-size:88px}
.signin-card h1{font-size:28px;font-weight:400;margin:0 0 26px}.signin-card input{width:100%;height:38px;border:1px solid rgba(255,255,255,.7);background:rgba(248,251,255,.88);padding:0 12px;color:#111;outline:none}.signin-card form>input{margin-bottom:7px}.password-row{display:flex}.password-row input{border-right:0}.password-row button{width:44px;border:1px solid rgba(255,255,255,.7);background:rgba(248,251,255,.88);font-size:24px}.login-error{font-size:13px;margin:12px 0}.hint{font-size:13px;margin-top:22px}.lock-actions{position:absolute;z-index:3;right:35px;bottom:30px;color:white;display:flex;gap:24px;font-size:20px}
.desktop{color:#14213b}.desktop:before{filter:saturate(.95)}.desktop:after{opacity:.96}.desktop-icons{position:absolute;z-index:2;left:12px;top:12px;display:grid;grid-auto-flow:column;grid-template-rows:repeat(6,88px);gap:2px}.desktop-icon{width:82px;height:84px;border:1px solid transparent;background:transparent;color:white;text-shadow:0 1px 3px #001f5b;display:flex;align-items:center;flex-direction:column;gap:5px;padding:8px 3px}.desktop-icon:hover{background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.28)}.desktop-icon span{font-size:34px}.desktop-icon small{font-size:12px}.desktop-widget{position:absolute;z-index:2;right:35px;top:35px;color:white;text-align:right;text-shadow:0 1px 8px #083674}.desktop-widget b{font-size:38px;font-weight:300;display:block}.desktop-widget span,.desktop-widget small{display:block}
.taskbar{position:absolute;z-index:20;bottom:0;left:0;right:0;height:48px;background:rgba(241,247,253,.89);backdrop-filter:blur(24px) saturate(1.5);border-top:1px solid rgba(255,255,255,.66);display:flex;align-items:center;box-shadow:0 -1px 14px rgba(13,35,80,.12)}.taskbar nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;height:100%;align-items:center;gap:5px}.taskbar button{height:42px;min-width:43px;border:0;border-radius:4px;background:transparent;font-size:23px;position:relative}.taskbar button:hover,.taskbar button.active{background:rgba(255,255,255,.72)}.taskbar button.active:after{content:"";position:absolute;bottom:1px;height:3px;width:17px;border-radius:3px;background:#1671d9;left:13px}.windows-logo{width:21px;height:21px;display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:auto}.windows-logo i{background:#0878d7}.weather{display:flex;gap:7px;align-items:center;font-size:19px;margin-left:13px}.weather span{font-size:12px;line-height:13px}.tray{margin-left:auto;height:100%;display:flex;align-items:center;gap:14px;margin-right:8px;font-size:13px}.tray time{text-align:right;font-size:12px}.tray i{height:48px;border-left:1px solid #9fb1c4}
.start-menu,.search-panel{position:absolute;z-index:15;left:50%;bottom:60px;transform:translateX(-50%);width:min(640px,calc(100vw - 28px));height:680px;max-height:calc(100vh - 76px);border-radius:9px;background:rgba(244,248,252,.94);backdrop-filter:blur(34px) saturate(1.5);box-shadow:0 12px 45px rgba(15,37,70,.35);overflow:hidden;padding:32px 42px}.start-search{height:38px;border:1px solid #b8c4cf;border-bottom:2px solid #2479c7;background:#fff;border-radius:4px;display:flex;align-items:center;padding:0 13px;font-size:23px}.start-search input{border:0;outline:0;margin-left:12px;width:100%;font-size:14px}.start-heading,.recommended{display:flex;align-items:center;justify-content:space-between;margin:28px 4px 15px}.start-heading button,.recommended button{border:0;background:#fff;border-radius:4px;padding:7px 12px;box-shadow:0 1px 2px #ccd4dd;font-size:12px}.pinned-grid{display:grid;grid-template-columns:repeat(6,1fr);row-gap:22px}.pinned-grid button{border:0;background:transparent;display:flex;align-items:center;flex-direction:column;gap:7px;min-height:66px}.pinned-grid button:hover{background:rgba(255,255,255,.7)}.pinned-grid span{font-size:30px}.pinned-grid small{font-size:11px}.recent{display:grid;grid-template-columns:1fr 1fr;gap:9px}.recent button{border:0;background:transparent;padding:8px;display:flex;gap:12px;text-align:left;align-items:center}.recent button:hover{background:#fff}.recent span{font-size:27px}.recent small{display:block;font-weight:400;margin-top:4px}.start-footer{position:absolute;left:0;right:0;bottom:0;height:66px;background:rgba(226,233,241,.72);display:flex;align-items:center;justify-content:space-between;padding:0 48px}.start-footer button{border:0;background:transparent;font-size:20px}.mini-avatar{display:inline-flex;width:31px;height:31px;border-radius:50%;background:#778ca2;color:white;align-items:center;justify-content:center;margin-right:10px}.search-panel{height:480px}.search-panel h3{font-size:14px;margin-top:25px}.top-apps{display:flex;gap:9px}.top-apps button{width:100px;height:100px;border:0;border-radius:5px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font-size:11px}.top-apps span{font-size:31px}
.app-window{position:absolute;z-index:10;width:min(900px,calc(100vw - 60px));height:min(610px,calc(100vh - 100px));left:50%;top:48%;transform:translate(-50%,-50%);background:#f8fafc;border:1px solid rgba(255,255,255,.8);border-radius:9px;box-shadow:0 18px 55px rgba(7,31,72,.42);overflow:hidden}.app-window header{height:40px;display:flex;align-items:center;justify-content:space-between;padding-left:13px;background:#edf3f8;font-size:13px}.app-mark{font-size:18px;margin-right:9px}.window-controls{height:40px;display:flex}.window-controls button{width:48px;border:0;background:transparent}.window-controls button:last-child:hover{background:#e81123;color:white}.window-toolbar{height:48px;border-bottom:1px solid #dce3ea;padding:9px 14px;font-size:18px}.window-toolbar span{display:inline-block;background:white;border:1px solid #d6dee6;border-radius:4px;width:60%;padding:5px 12px;font-size:12px}.window-body{display:flex;height:calc(100% - 88px)}.window-body aside{width:190px;padding:18px 15px;display:flex;flex-direction:column;gap:18px;background:#f2f6f9;font-size:13px}.window-body article{flex:1;padding:22px;overflow:auto}.window-body h2{font-weight:500}.folders{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.folders div{background:white;border:1px solid #e2e8ef;border-radius:5px;padding:20px;font-size:38px;display:flex;align-items:center;gap:16px}.folders span{font-size:14px}.settings-list p{background:white;border-radius:5px;padding:16px;font-weight:600}.settings-list small{display:block;font-weight:400;margin-left:30px;color:#627083}.edge-page{text-align:center;padding-top:70px}.edge-page h1{font-size:32px}.edge-search{margin:auto;width:75%;background:white;border-radius:24px;box-shadow:0 2px 11px #ced8e3;padding:15px;text-align:left;color:#667}
@media(max-width:700px){.weather{display:none}.tray span{display:none}.taskbar nav{left:42%}.start-menu{padding:24px 20px}.pinned-grid{grid-template-columns:repeat(4,1fr)}.pinned-grid button:nth-child(n+9){display:none}.recent{grid-template-columns:1fr}.desktop-widget{display:none}.window-body aside{display:none}.folders{grid-template-columns:1fr 1fr}.start-menu{height:620px}.start-footer{padding:0 26px}}

.explorer-commandbar{height:44px;display:flex;align-items:center;gap:6px;padding:5px 12px;border-bottom:1px solid #dce3ea;background:#f8fafc}.explorer-commandbar button,.upload-button{border:0;background:transparent;border-radius:4px;padding:7px 10px;font-size:12px;cursor:pointer}.explorer-commandbar button:hover,.upload-button:hover{background:#e5edf4}.explorer-commandbar button:disabled{opacity:.35;cursor:default}.upload-button input{display:none}
.desktop-icon.selected{background:rgba(109,190,255,.32);border-color:rgba(255,255,255,.56)}
.explorer-commandbar~.window-body{height:calc(100% - 132px)}.window-toolbar{display:flex;align-items:center;gap:7px;padding:7px 14px}.window-toolbar>button{border:0;background:transparent;border-radius:4px;width:30px;height:30px}.window-toolbar>button:hover:not(:disabled){background:#e2e9ef}.window-toolbar span{flex:1;width:auto}.window-toolbar input{height:31px;width:225px;border:1px solid #ccd7e0;border-radius:4px;padding:0 10px;font-size:12px}
.window-body aside{gap:8px}.window-body aside button{border:0;background:transparent;text-align:left;border-radius:4px;padding:8px}.window-body aside button:hover{background:#e1e9f0}.window-body article{position:relative}
.file-list-head,.file-list button{display:grid;grid-template-columns:minmax(180px,2fr) 1fr 100px 80px;gap:12px;align-items:center;text-align:left}.file-list-head{padding:0 9px 8px;border-bottom:1px solid #dce4eb;font-size:12px;color:#647181}.file-list button{width:100%;border:0;background:transparent;border-radius:3px;padding:7px 9px;font-size:12px}.file-list button:hover{background:#edf5fb}.file-list button.selected{background:#d9edfb;outline:1px solid #a8d2ee}.file-name{display:flex;align-items:center;gap:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name i{font-style:normal;font-size:21px}.empty-folder{color:#7a8792;text-align:center;margin-top:70px}.explorer-status{position:sticky;bottom:-22px;background:#f5f8fa;border-top:1px solid #dce4eb;margin:18px -22px -22px;padding:7px 14px;font-size:11px;color:#5d6872}
@media(max-width:700px){.window-toolbar input{width:120px}.file-list-head,.file-list button{grid-template-columns:2fr 1fr}.file-list-head span:nth-child(n+3),.file-list button>span:nth-child(n+3){display:none}.explorer-commandbar button:nth-of-type(3){display:none}}