:root{--win11-accent: #0067c0;--win11-accent-hover: #005a9e;--win11-text-primary: #111111;--win11-text-secondary: #5d5d5d;--win11-text-inverse: #ffffff;--win11-bg-acrylic: rgba(243, 243, 243, .75);--win11-bg-solid: #f3f3f3;--win11-menu-bg: rgba(238, 244, 249, .9);--win11-taskbar-bg: rgba(243, 243, 243, .85);--win11-acrylic-blur: blur(20px);--win11-acrylic-border: 1px solid rgba(255, 255, 255, .4);--win11-radius-sm: 4px;--win11-radius-md: 8px;--win11-radius-lg: 12px;--win11-shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--win11-shadow-md: 0 8px 16px rgba(0, 0, 0, .15);--win11-shadow-lg: 0 24px 48px rgba(0, 0, 0, .2);--win11-font: "Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;--z-desktop: 0;--z-window-base: 10;--z-taskbar: 1000;--z-start-menu: 1001}@media(prefers-color-scheme:dark){:root{--win11-text-primary: #ffffff;--win11-text-secondary: #aaaaaa;--win11-bg-acrylic: rgba(32, 32, 32, .75);--win11-bg-solid: #202020;--win11-menu-bg: rgba(36, 36, 36, .85);--win11-taskbar-bg: rgba(32, 32, 32, .85);--win11-acrylic-border: 1px solid rgba(255, 255, 255, .08)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--win11-font);color:var(--win11-text-primary);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;-webkit-user-select:none;user-select:none}.acrylic{background:var(--win11-bg-acrylic);backdrop-filter:var(--win11-acrylic-blur);-webkit-backdrop-filter:var(--win11-acrylic-blur);border:var(--win11-acrylic-border)}.flex-center{display:flex;justify-content:center;align-items:center}.taskbar{position:absolute;bottom:0;left:0;width:100vw;height:48px;display:flex;justify-content:space-between;align-items:center;z-index:var(--z-taskbar);padding:0 12px;background-color:var(--win11-taskbar-bg)}.taskbar-left{flex:1}.taskbar-center{display:flex;justify-content:center;align-items:center;flex:1;gap:4px}.taskbar-right{display:flex;justify-content:flex-end;align-items:center;flex:1}.taskbar-icon{width:40px;height:40px;border-radius:var(--win11-radius-sm);background:transparent;border:none;cursor:default;display:flex;justify-content:center;align-items:center;position:relative;transition:all .1s ease-in-out}.taskbar-icon:hover{background-color:#fff6}@media(prefers-color-scheme:dark){.taskbar-icon:hover{background-color:#ffffff14}}.taskbar-icon:active{transform:scale(.9)}.taskbar-icon img{width:24px;height:24px;object-fit:contain}.taskbar-icon.start-button:hover{background-color:#fff9}.taskbar-icon.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:16px;height:3px;border-radius:2px;background-color:var(--win11-accent);transition:width .2s ease}.taskbar-icon.active:hover:after{width:24px}.system-tray{display:flex;align-items:stretch;height:100%}.tray-icons{padding:0 8px;border-radius:var(--win11-radius-sm);gap:8px;margin:4px 2px;cursor:default}.tray-icons:hover{background-color:#fff6}@media(prefers-color-scheme:dark){.tray-icons:hover{background-color:#ffffff14}}.tray-icon{width:16px;height:16px;color:var(--win11-text-primary)}.tray-clock{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:0 8px;gap:2px;border-radius:var(--win11-radius-sm);margin:4px 2px;cursor:default}.tray-clock:hover{background-color:#fff6}@media(prefers-color-scheme:dark){.tray-clock:hover{background-color:#ffffff14}}.tray-clock span{font-size:11px;line-height:1}@media(max-width:768px){.taskbar{padding:0 4px;height:44px}.taskbar-left{display:none}.taskbar-center{flex:2;gap:0px;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;-ms-overflow-style:none}.taskbar-center::-webkit-scrollbar{display:none}.taskbar-icon{width:36px;height:36px;flex-shrink:0}.taskbar-icon img,.taskbar-icon svg{width:20px;height:20px}.tray-icons{gap:4px;padding:0 4px}.tray-icon{width:14px;height:14px}.tray-clock{padding:0 4px}.tray-clock span{font-size:10px}}.start-menu{position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:640px;height:720px;background-color:var(--win11-menu-bg);border-radius:var(--win11-radius-lg);display:flex;flex-direction:column;padding:32px;box-shadow:var(--win11-shadow-lg);z-index:var(--z-start-menu);animation:slideUp .25s cubic-bezier(.1,.9,.2,1);color:var(--win11-text-primary)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.start-search-bar{display:flex;align-items:center;background-color:var(--win11-bg-solid);border-radius:20px;height:40px;padding:0 16px;margin-bottom:24px;box-shadow:inset 0 -1px #0000001a;border:1px solid rgba(0,0,0,.05)}@media(prefers-color-scheme:dark){.start-search-bar{border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 -1px #ffffff0d}}.search-icon{width:16px;height:16px;color:var(--win11-text-secondary);margin-right:12px}.start-search-bar input{border:none;background:transparent;outline:none;font-family:inherit;font-size:14px;color:var(--win11-text-primary);width:100%}.start-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.start-section-header h4{font-size:14px;font-weight:600;margin:0}.all-apps-btn{background:transparent;border:none;font-size:12px;color:var(--win11-text-secondary);background-color:#fff6;padding:4px 8px;border-radius:4px;cursor:pointer}@media(prefers-color-scheme:dark){.all-apps-btn{background-color:#ffffff0d}}.start-pinned-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,84px);gap:4px;margin-bottom:24px}.pinned-app{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--win11-radius-sm);transition:background-color .1s;cursor:default}.pinned-app:hover{background-color:#fff6}@media(prefers-color-scheme:dark){.pinned-app:hover{background-color:#ffffff14}}.pinned-app img{width:32px;height:32px;margin-bottom:8px;object-fit:contain}.pinned-app span{font-size:12px;color:var(--win11-text-primary);text-align:center}.app-icon-placeholder{width:32px;height:32px;background-color:var(--win11-accent);border-radius:var(--win11-radius-sm);margin-bottom:8px}.start-recommended-list{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:60px;gap:8px;flex:1}.recommended-item{display:flex;align-items:center;padding:8px 12px;border-radius:var(--win11-radius-sm);transition:background-color .1s}.recommended-item:hover{background-color:#fff6}@media(prefers-color-scheme:dark){.recommended-item:hover{background-color:#ffffff14}}.recommended-item svg{width:32px;height:32px;margin-right:12px}.rec-details{display:flex;flex-direction:column}.rec-title{font-size:13px;color:var(--win11-text-primary);font-weight:500}.rec-sub{font-size:11px;color:var(--win11-text-secondary)}.start-footer{margin:auto -32px -32px;padding:16px 32px;height:64px;background-color:#00000008;border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;border-bottom-left-radius:var(--win11-radius-lg);border-bottom-right-radius:var(--win11-radius-lg)}@media(prefers-color-scheme:dark){.start-footer{background-color:#0003;border-top:1px solid rgba(255,255,255,.05)}}.user-profile{display:flex;align-items:center;padding:4px 12px;border-radius:var(--win11-radius-sm)}.user-profile:hover,.power-btn:hover{background-color:#fff6}@media(prefers-color-scheme:dark){.user-profile:hover,.power-btn:hover{background-color:#ffffff14}}.avatar{width:32px;height:32px;border-radius:50%;background-color:var(--win11-text-secondary);color:var(--win11-text-inverse);display:flex;justify-content:center;align-items:center;margin-right:12px;font-weight:600}.user-profile span{font-size:13px;font-weight:500}.power-btn{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:var(--win11-radius-sm);color:var(--win11-text-primary)}.power-btn svg{width:16px;height:16px}@media(max-width:768px){.start-menu{width:100vw;height:calc(100vh - 44px);bottom:44px;border-radius:0;border-top-left-radius:var(--win11-radius-lg);border-top-right-radius:var(--win11-radius-lg);padding:24px 16px 0}.start-search-bar{margin-bottom:16px}.start-pinned-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(auto-fill,80px);margin-bottom:16px;flex:1;overflow-y:auto}.pinned-app{height:80px;justify-content:flex-start;padding-top:8px}.start-recommended-list{grid-template-columns:1fr;grid-auto-rows:50px;height:150px;overflow-y:auto}.start-footer{margin-left:-16px;margin-right:-16px;margin-bottom:0;padding:12px 16px;height:auto;border-bottom-left-radius:0;border-bottom-right-radius:0}}.window{position:absolute;top:0;left:0;background-color:var(--win11-bg-solid);border-radius:var(--win11-radius-md);box-shadow:var(--win11-shadow-md);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(0,0,0,.1);transition:box-shadow .2s ease,z-index 0s;will-change:transform}@media(prefers-color-scheme:dark){.window{border:1px solid rgba(255,255,255,.1)}}.window.active{box-shadow:var(--win11-shadow-lg);border:1px solid rgba(0,0,0,.2)}@media(prefers-color-scheme:dark){.window.active{border:1px solid rgba(255,255,255,.2)}}.window.maximized{border-radius:0;border:none;transition:all .2s ease-out}.title-bar{height:32px;display:flex;justify-content:space-between;align-items:center;background-color:transparent;-webkit-user-select:none;user-select:none}.window:not(.maximized) .title-bar{cursor:default}.title-info{display:flex;align-items:center;padding-left:12px;flex:1;pointer-events:none}.title-icon{width:16px;height:16px;margin-right:8px;object-fit:contain}.title-text{font-size:12px;color:var(--win11-text-primary);font-weight:500}.title-controls{display:flex;height:100%}.control-btn{width:46px;height:100%;border:none;background:transparent;color:var(--win11-text-primary);display:flex;justify-content:center;align-items:center;transition:background-color .1s}.control-btn:hover{background-color:#0000000d}@media(prefers-color-scheme:dark){.control-btn:hover{background-color:#ffffff1a}}.control-btn.close:hover{background-color:#e81123;color:#fff}.window-content{flex:1;position:relative;background-color:var(--win11-bg-solid);overflow:hidden;display:flex;flex-direction:column}.resize-handle{position:absolute}.resize-handle.bottom-right{bottom:0;right:0;width:8px;height:8px;cursor:nwse-resize;z-index:10}@media(max-width:768px){.window{max-width:100vw;max-height:calc(100vh - 44px)}.window.maximized{width:100vw!important;height:calc(100vh - 44px)!important;transform:translate(0)!important}}.notepad-app{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--win11-bg-solid);font-family:var(--win11-font)}.notepad-menu{display:flex;height:32px;align-items:center;padding:0 4px;border-bottom:1px solid rgba(0,0,0,.05)}@media(prefers-color-scheme:dark){.notepad-menu{border-bottom:1px solid rgba(255,255,255,.05)}}.notepad-menu span{padding:4px 8px;font-size:13px;color:var(--win11-text-primary);border-radius:var(--win11-radius-sm);cursor:default}.notepad-menu span:hover{background-color:#0000000d}@media(prefers-color-scheme:dark){.notepad-menu span:hover{background-color:#ffffff1a}}.notepad-toolbar{display:flex;height:48px;align-items:center;padding:0 8px;gap:4px;border-bottom:1px solid rgba(0,0,0,.05);background-color:#00000005}@media(prefers-color-scheme:dark){.notepad-toolbar{border-bottom:1px solid rgba(255,255,255,.05);background-color:#ffffff05}}.notepad-toolbar button{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border:none;background:transparent;border-radius:var(--win11-radius-sm);color:var(--win11-text-primary)}.notepad-toolbar button:hover{background-color:#0000000d}@media(prefers-color-scheme:dark){.notepad-toolbar button:hover{background-color:#ffffff1a}}.notepad-toolbar svg{width:16px;height:16px}.notepad-textarea{flex:1;border:none;resize:none;padding:8px 12px;font-family:inherit;font-size:14px;line-height:1.5;color:var(--win11-text-primary);background-color:var(--win11-bg-inverse);outline:none}@media(prefers-color-scheme:light){.notepad-textarea{background-color:#fff}}@media(prefers-color-scheme:dark){.notepad-textarea{background-color:#1e1e1e}}.notepad-statusbar{display:flex;justify-content:flex-end;align-items:center;height:24px;padding:0 16px;background-color:var(--win11-bg-solid);border-top:1px solid rgba(0,0,0,.05)}@media(prefers-color-scheme:dark){.notepad-statusbar{border-top:1px solid rgba(255,255,255,.05)}}.status-item{font-size:11px;color:var(--win11-text-secondary);margin-left:24px}.explorer-app{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--win11-bg-solid);font-family:var(--win11-font);color:var(--win11-text-primary)}.explorer-nav{display:flex;align-items:center;padding:8px 12px;gap:12px;border-bottom:1px solid rgba(0,0,0,.05)}@media(prefers-color-scheme:dark){.explorer-nav{border-bottom:1px solid rgba(255,255,255,.05)}}.nav-controls{display:flex;gap:4px}.nav-btn{width:32px;height:32px;display:flex;justify-content:center;align-items:center;background:transparent;border:none;border-radius:var(--win11-radius-sm);color:var(--win11-text-primary)}.nav-btn:hover:not(.disabled){background-color:#0000000d}@media(prefers-color-scheme:dark){.nav-btn:hover:not(.disabled){background-color:#ffffff1a}}.nav-btn.disabled{color:var(--win11-text-secondary);opacity:.5}.nav-btn svg{width:16px;height:16px}.nav-address-bar{flex:1;display:flex;align-items:center;height:32px;background-color:var(--win11-bg-inverse);border-radius:var(--win11-radius-sm);padding:0 12px;border:1px solid rgba(0,0,0,.1)}@media(prefers-color-scheme:dark){.nav-address-bar{background-color:#0003;border:1px solid rgba(255,255,255,.1)}}.nav-address-bar .icon{width:16px;height:16px;margin-right:8px}.address-text{font-size:13px}.nav-search-bar{width:250px;display:flex;align-items:center;height:32px;background-color:var(--win11-bg-inverse);border-radius:var(--win11-radius-sm);padding:0 12px;border:1px solid rgba(0,0,0,.1)}@media(prefers-color-scheme:dark){.nav-search-bar{background-color:#0003;border:1px solid rgba(255,255,255,.1)}}.nav-search-bar input{flex:1;border:none;background:transparent;outline:none;font-family:inherit;font-size:13px;color:inherit}.nav-search-bar svg{width:14px;height:14px;color:var(--win11-text-secondary)}.explorer-body{display:flex;flex:1;overflow:hidden}.explorer-sidebar{width:240px;background-color:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;padding:12px 0;overflow-y:auto}@media(prefers-color-scheme:dark){.explorer-sidebar{background-color:#0003;border-right:1px solid rgba(255,255,255,.05)}}.sidebar-group{margin-bottom:16px}.sidebar-item{display:flex;align-items:center;padding:6px 12px;font-size:13px;margin:2px 8px;border-radius:var(--win11-radius-sm);cursor:default}.sidebar-item:hover{background-color:#0000000d}@media(prefers-color-scheme:dark){.sidebar-item:hover{background-color:#ffffff1a}}.sidebar-item.active{background-color:#0078d41a;color:#0078d4}.sidebar-item.indent{padding-left:28px}.sidebar-item svg{width:16px;height:16px;margin-right:12px}.explorer-content{flex:1;background-color:#fff;padding:16px;overflow-y:auto}@media(prefers-color-scheme:dark){.explorer-content{background-color:#111}}.explorer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px}.grid-item{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:var(--win11-radius-sm);cursor:default;transition:background-color .1s}.grid-item:hover{background-color:#0000000d}@media(prefers-color-scheme:dark){.grid-item:hover{background-color:#ffffff1a}}.grid-item svg,.grid-item img{width:48px;height:48px;margin-bottom:8px;object-fit:contain}.grid-item span{font-size:12px;text-align:center;color:var(--win11-text-primary);word-break:break-all;max-width:100%}.explorer-statusbar{display:flex;align-items:center;height:24px;padding:0 16px;background-color:var(--win11-bg-solid);border-top:1px solid rgba(0,0,0,.05);font-size:11px}@media(prefers-color-scheme:dark){.explorer-statusbar{border-top:1px solid rgba(255,255,255,.05)}}.explorer-statusbar button{width:20px;height:20px;background:transparent;border:none;margin-left:8px;color:var(--win11-text-secondary);display:flex;justify-content:center;align-items:center;border-radius:2px}.explorer-statusbar button:hover{background-color:#0000001a}@media(max-width:768px){.explorer-nav{flex-wrap:wrap;padding:4px;gap:4px}.nav-search-bar{width:100%;margin-top:4px}.explorer-body{flex-direction:column}.explorer-sidebar{width:100%;height:120px;border-right:none;border-bottom:1px solid rgba(0,0,0,.05);display:flex;flex-direction:row;gap:8px;padding:8px}@media(prefers-color-scheme:dark){.explorer-sidebar{border-bottom:1px solid rgba(255,255,255,.05)}}.sidebar-group{display:flex;flex-direction:row;margin-bottom:0;gap:4px}.sidebar-item{flex-shrink:0;padding:4px 8px}.sidebar-item.indent{padding-left:8px}.explorer-statusbar{display:none}}.settings-app{display:flex;height:100%;width:100%;background-color:var(--win11-bg-solid);font-family:var(--win11-font);color:var(--win11-text-primary)}.settings-sidebar{width:300px;background-color:var(--win11-bg-solid);padding:16px;display:flex;flex-direction:column;overflow-y:auto}.user-profile{display:flex;align-items:center;margin-bottom:24px}.user-profile .avatar{width:60px;height:60px;border-radius:50%;background-color:#0078d4;color:#fff;display:flex;justify-content:center;align-items:center;font-size:24px;margin-right:16px}.user-info{display:flex;flex-direction:column}.user-name{font-size:16px;font-weight:600}.user-email{font-size:13px;color:var(--win11-text-secondary)}.search-box{display:flex;align-items:center;background-color:var(--win11-bg-inverse);border-radius:var(--win11-radius-sm);padding:8px 12px;margin-bottom:24px;border:1px solid rgba(0,0,0,.1);border-bottom:2px solid #0078d4}@media(prefers-color-scheme:dark){.search-box{background-color:#0003;border:1px solid rgba(255,255,255,.1);border-bottom:2px solid #0078d4}}.search-box input{flex:1;border:none;background:transparent;outline:none;font-family:inherit;font-size:14px;color:var(--win11-text-primary)}.search-box svg{width:16px;height:16px;color:var(--win11-text-secondary)}.nav-menu{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;padding:10px 12px;border-radius:var(--win11-radius-sm);cursor:pointer;position:relative;transition:background-color .1s}.nav-item:hover{background-color:#0000000d}@media(prefers-color-scheme:dark){.nav-item:hover{background-color:#ffffff1a}}.nav-item.active{background-color:#0000000d}@media(prefers-color-scheme:dark){.nav-item.active{background-color:#ffffff14}}.active-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background-color:#0078d4;border-radius:2px;display:none}.nav-item.active .active-indicator{display:block}.nav-item svg{width:20px;height:20px;margin-right:16px;color:var(--win11-text-primary)}.nav-item span{font-size:14px;font-weight:400}.settings-content{flex:1;background-color:var(--win11-bg-inverse);border-top-left-radius:var(--win11-radius-lg);padding:48px;overflow-y:auto;box-shadow:-1px -1px 4px #0000000d}@media(prefers-color-scheme:dark){.settings-content{background-color:#111;box-shadow:-1px -1px 4px #0003}}.content-header h2{font-size:32px;font-weight:600;margin-bottom:32px}.hero-card{display:flex;align-items:center;padding:24px;background-color:var(--win11-bg-solid);border-radius:var(--win11-radius-md);margin-bottom:24px;border:1px solid rgba(0,0,0,.05)}@media(prefers-color-scheme:dark){.hero-card{border:1px solid rgba(255,255,255,.05)}}.hero-icon svg{width:64px;height:64px;margin-right:24px}.hero-text h3{font-size:20px;font-weight:600;margin-bottom:4px}.setting-list{display:flex;flex-direction:column;gap:8px}.setting-card{display:flex;align-items:center;padding:16px 20px;background-color:var(--win11-bg-solid);border-radius:var(--win11-radius-md);border:1px solid rgba(0,0,0,.05);cursor:pointer;transition:background-color .1s}.setting-card:hover{background-color:#00000005}@media(prefers-color-scheme:dark){.setting-card{border:1px solid rgba(255,255,255,.05)}.setting-card:hover{background-color:#ffffff05}}.setting-icon{margin-right:20px}.setting-icon svg{width:24px;height:24px}.setting-info{flex:1}.setting-info h4{font-size:14px;font-weight:600;margin-bottom:4px}.setting-info span{font-size:13px;color:var(--win11-text-secondary)}.chevron{width:24px;height:24px;color:var(--win11-text-secondary)}@media(max-width:768px){.settings-app{flex-direction:column}.settings-sidebar{width:100%;height:auto;max-height:40vh;border-right:none;border-bottom:1px solid rgba(0,0,0,.05);padding:12px}@media(prefers-color-scheme:dark){.settings-sidebar{border-bottom:1px solid rgba(255,255,255,.05)}}.user-profile,.search-box{margin-bottom:12px}.settings-content{padding:16px;border-top-left-radius:0}.content-header h2{font-size:24px;margin-bottom:16px}.hero-card{flex-direction:column;text-align:center;padding:16px}.hero-icon svg{margin-right:0;margin-bottom:12px}}.chrome-container{display:flex;flex-direction:column;height:100%;background-color:#fff}.chrome-header{display:flex;align-items:center;padding:8px;background-color:#f1f3f4;border-bottom:1px solid #dadce0;gap:8px}.chrome-nav-btn{background:none;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#5f6368}.chrome-nav-btn:hover{background-color:#e8eaed}.chrome-address-bar{flex-grow:1;display:flex;align-items:center;background-color:#fff;border-radius:24px;padding:0 16px;height:32px;border:1px solid #dadce0}.chrome-address-bar input{flex-grow:1;border:none;outline:none;font-size:14px;color:#202124;margin-left:8px}.chrome-content{flex-grow:1;border:none;width:100%;height:100%}.calculator-container{display:flex;flex-direction:column;height:100%;background-color:#f3f3f3;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.calc-display{flex:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;padding:20px 20px 10px}.calc-equation{font-size:14px;color:#666;min-height:20px}.calc-result{font-size:48px;font-weight:600;color:#000;margin-top:5px}.calc-keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:2px;background-color:#e6e6e6;height:65%}.calc-btn{border:none;background-color:#fcfcfc;font-size:20px;cursor:pointer;border-radius:4px;margin:2px}.calc-btn:hover{background-color:#e5e5e5}.calc-btn.operator{background-color:#f3f3f3}.calc-btn.operator:hover{background-color:#e5e5e5}.calc-btn.equals{background-color:#0067c0;color:#fff}.calc-btn.equals:hover{background-color:#005a9e}.cmd-container{background-color:#0c0c0c;color:#ccc;font-family:Consolas,Courier New,monospace;font-size:14px;height:100%;padding:10px;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column}.cmd-history{white-space:pre-wrap;word-wrap:break-word}.cmd-input-line{display:flex}.cmd-prompt{margin-right:8px}.cmd-input{background:transparent;color:inherit;border:none;outline:none;font-family:inherit;font-size:inherit;flex:1}.paint-container{display:flex;flex-direction:column;height:100%;background-color:#f0f0f0}.paint-toolbar{display:flex;padding:8px;background-color:#f5f6f7;border-bottom:1px solid #dcdcdc;gap:16px;align-items:center}.paint-colors{display:flex;flex-wrap:wrap;gap:2px;width:260px}.paint-color-btn{width:24px;height:24px;border:1px solid #a0a0a0;cursor:pointer}.paint-color-btn.active{outline:2px solid #0078d4;outline-offset:-1px;z-index:1}.paint-brush-sizes{display:flex;gap:4px;align-items:center}.paint-size-btn{width:32px;height:32px;border:1px solid transparent;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.paint-size-btn:hover{background:#e1e1e1;border-color:#dcdcdc}.paint-size-btn.active{background:#cce8ff;border-color:#99d1ff}.paint-canvas-container{flex:1;overflow:auto;padding:10px;background-color:#e5e5e5;display:flex;justify-content:flex-start;align-items:flex-start}.paint-canvas{background-color:#fff;border:1px solid #000;cursor:crosshair;box-shadow:2px 2px 5px #0003}.paint-action-btn{padding:4px 12px;background-color:#fff;border:1px solid #ccc;cursor:pointer;font-family:inherit;font-size:12px}.paint-action-btn:hover{background-color:#e1e1e1}.spotify-container{display:flex;flex-direction:column;height:100%;background-color:#000;color:#fff;font-family:Circular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.spotify-main{display:flex;flex:1;overflow:hidden}.spotify-sidebar{width:240px;background-color:#000;padding:24px 24px 0;display:flex;flex-direction:column}.spotify-content{flex:1;background:linear-gradient(180deg,#1f1f1f,#121212);border-radius:8px;margin:8px 8px 8px 0;overflow-y:auto;padding:24px}.spotify-logo{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:700;margin-bottom:24px}.spotify-nav-item{display:flex;align-items:center;gap:16px;height:40px;color:#b3b3b3;font-size:14px;font-weight:700;cursor:pointer;transition:color .2s}.spotify-nav-item:hover,.spotify-nav-item.active{color:#fff}.spotify-nav-item svg{width:24px;height:24px;fill:currentColor}.spotify-player{height:90px;background-color:#181818;border-top:1px solid #282828;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.spotify-track-info{display:flex;align-items:center;gap:14px;width:30%}.spotify-album-art{width:56px;height:56px;background-color:#282828;border-radius:4px;background-image:linear-gradient(135deg,#450af5,#c4efd9)}.spotify-track-details{display:flex;flex-direction:column}.spotify-track-name{font-size:14px;color:#fff;font-weight:600}.spotify-track-artist{font-size:12px;color:#b3b3b3}.spotify-controls{display:flex;flex-direction:column;align-items:center;width:40%;gap:8px}.spotify-main-controls{display:flex;align-items:center;gap:24px}.spotify-control-btn{background:none;border:none;color:#b3b3b3;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.spotify-control-btn:hover{color:#fff}.spotify-control-btn.play{color:#000;background-color:#fff;border-radius:50%;width:32px;height:32px}.spotify-control-btn.play:hover{transform:scale(1.05)}.spotify-progress-bar{width:100%;display:flex;align-items:center;gap:8px;font-size:11px;color:#a7a7a7}.spotify-progress-track{flex:1;height:4px;background-color:#5e5e5e;border-radius:2px;overflow:hidden}.spotify-progress-fill{height:100%;background-color:#fff;width:30%}.spotify-header{font-size:24px;font-weight:700;margin-bottom:24px}.spotify-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}.spotify-card{background-color:#181818;padding:16px;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.spotify-card:hover{background-color:#282828}.spotify-card-img{width:100%;aspect-ratio:1;background-color:#333;border-radius:4px;margin-bottom:16px;box-shadow:0 8px 24px #00000080}.spotify-card-title{font-size:16px;font-weight:700;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-card-subtitle{font-size:14px;color:#a7a7a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.spotify-right-controls{display:flex;align-items:center;justify-content:flex-end;width:30%;gap:12px}.spotify-volume-slider{width:80px;height:4px;background-color:#5e5e5e;border-radius:2px}.spotify-volume-fill{height:100%;background-color:#fff;width:50%;border-radius:2px}.desktop-container{width:100%;height:100vh;height:100dvh;position:relative;overflow:hidden;background:url(/win11_bloom_bg.png) center/cover no-repeat,radial-gradient(at 100% 0%,hsla(240,100%,50%,1) 0px,transparent 50%),radial-gradient(at 0% 100%,hsla(180,100%,50%,1) 0px,transparent 50%),linear-gradient(to bottom right,#001940,#0060c2);z-index:var(--z-desktop);display:flex;flex-direction:column}.desktop-icons-grid{display:grid;grid-template-columns:repeat(auto-fill,74px);grid-template-rows:repeat(auto-fill,86px);grid-auto-flow:column;padding:5px;gap:2px;height:calc(100vh - 48px);align-content:start}.desktop-icon{width:74px;height:86px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px 4px;border-radius:var(--win11-radius-sm);cursor:default;transition:background-color .15s ease}.desktop-icon:hover{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.desktop-icon.selected{background-color:#fff3;border:1px solid rgba(255,255,255,.3)}.desktop-icon img{width:48px;height:48px;object-fit:contain;margin-bottom:4px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.desktop-icon span{color:#fff;font-size:11px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:1.2;word-break:break-word;max-width:100%}@media(max-width:768px){.desktop-icons-grid{grid-template-columns:repeat(auto-fill,64px);grid-template-rows:repeat(auto-fill,76px);padding:4px;gap:0}.desktop-icon{width:64px;height:76px;padding:4px 2px}.desktop-icon img,.desktop-icon svg{width:36px;height:36px;margin-bottom:2px}.desktop-icon span{font-size:10px}}