:root{--accent:#3976d2;--ink:#17243a;--muted:#637188;--surface:rgba(250,252,255,.91);--surface-solid:#f9fbfe;--line:rgba(89,108,137,.17);--task:rgba(245,248,252,.78);--soft:#edf2f8;--shadow:0 22px 80px #14243d38;--desktop-image:linear-gradient(135deg,#0756a7,#278de0)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,'Segoe UI',sans-serif;color:var(--ink);overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{border:0;cursor:pointer}input,textarea{outline:none}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.hidden{display:none!important}#desktop{height:100vh;position:relative;isolation:isolate;overflow:hidden;background:#718fa9}#desktop:before{content:'';position:absolute;inset:-2%;z-index:-1;background-image:linear-gradient(125deg,#19324b35,#0c1c3524 48%,#2d406525),var(--desktop-image);background-position:center;background-size:cover;animation:wallpaper-drift 48s ease-in-out infinite alternate;transform:scale(1.025)}#desktop:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#12233b12 45%,#14243b38 100%);pointer-events:none}.desktop-icons{position:absolute;left:16px;top:14px;z-index:1;display:grid;gap:4px}.desktop-icon{width:90px;height:100px;min-height:100px;background:transparent;color:white;text-shadow:0 1px 5px #10253e;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:11px;padding:8px;transition:background .18s,transform .18s}.desktop-icon:hover,.desktop-icon:focus-visible{background:#ffffff28;outline:1px solid #ffffff48;transform:translateY(-2px)}.desktop-icon svg{width:32px;height:32px;stroke-width:1.5;filter:drop-shadow(0 3px 5px #12233c5c)}.taskbar{height:54px;position:absolute;bottom:0;left:0;right:0;background:var(--task);backdrop-filter:blur(30px) saturate(1.55);border-top:1px solid #ffffffa8;display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:20}.taskbar button{background:transparent}.taskbar-weather{display:flex;align-items:center;gap:8px;font-size:16px;text-align:left;padding:5px 9px;border-radius:7px;transition:background .18s}.taskbar-weather>svg{width:22px;height:22px;color:#e6a025;fill:#ffc957;stroke-width:1.4}.taskbar-weather span{display:grid;gap:1px}.taskbar-weather b{font-weight:600;font-size:12px}.taskbar-weather small{font-size:10px;color:var(--muted)}.taskbar-center{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px}.taskbar-button{width:42px;height:42px;border-radius:8px;font-size:20px;display:grid;place-items:center;position:relative;transition:background .16s,transform .16s}.taskbar-button:hover,.taskbar-weather:hover,.system-tray button:hover{background:#afc1d655}.taskbar-button:active{transform:scale(.92)}.taskbar-button svg{width:21px;height:21px}.taskbar-button.active:after{content:'';position:absolute;bottom:1px;left:15px;right:15px;height:3px;border-radius:3px;background:var(--accent);animation:indicator-in .18s ease-out}.start-button svg{width:21px;height:21px;fill:#1682db;stroke:none}.search-button{display:flex;width:126px;align-items:center;justify-content:flex-start;gap:8px;font-size:18px;padding:0 11px;background:#ffffffd9!important;border:1px solid #d6dfeb!important;border-radius:24px;color:#596a84}.search-button span{font-size:12px}.system-tray{display:flex;height:100%;align-items:center}.system-tray button{height:44px;border-radius:7px;background:transparent;padding:0 8px}.system-tray #trayButton{display:flex;align-items:center;gap:5px;font-size:13px}.system-tray #trayButton svg{width:15px;height:15px}.system-tray #clockButton{display:grid;align-content:center;gap:2px;text-align:right;font-size:11px}.system-tray #clockButton b{font-weight:500}.system-tray #clockButton small{font-size:10px}.window{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);width:min(870px,calc(100vw - 36px));height:min(590px,calc(100vh - 100px));background:var(--surface);backdrop-filter:blur(34px) saturate(1.35);border:1px solid #ffffffbd;border-radius:11px;box-shadow:var(--shadow),0 2px 8px #192c4518;z-index:5;overflow:hidden;display:flex;flex-direction:column;animation:window-in .2s cubic-bezier(.2,.8,.2,1)}.window.hidden{display:none!important}.window.maximized{width:auto;height:auto;inset:7px 7px 60px;top:auto;left:auto;transform:none;border-radius:8px}.window.minimized{display:none}.titlebar{height:43px;min-height:43px;display:flex;align-items:center;padding-left:15px;font-size:12px;gap:8px;user-select:none;cursor:grab}.titlebar:active{cursor:grabbing}.window-title{display:flex;align-items:center;gap:9px}.window-title svg{width:16px;height:16px;color:var(--accent)}.window-controls{margin-left:auto;height:100%;display:flex}.window-controls button{width:45px;background:transparent;display:grid;place-items:center;transition:background .16s}.window-controls button svg{width:14px;height:14px}.window-controls button:hover{background:#d9e1eb}.window-controls .close:hover{background:#e34b4b;color:white}.explorer-toolbar{display:flex;align-items:center;padding:8px 13px;gap:6px;border-block:1px solid var(--line)}.explorer-toolbar>button{background:transparent;border-radius:6px;width:32px;height:31px;display:grid;place-items:center}.explorer-toolbar>button:hover{background:var(--soft)}.explorer-toolbar>button svg{width:17px;height:17px}.address{flex:1;min-width:120px;background:#ffffffb8;border:1px solid var(--line);border-radius:6px;height:32px;padding:6px 10px;display:flex;align-items:center;gap:8px;font-size:11px}.address svg{width:16px;height:16px;color:var(--accent)}.explorer-search{display:flex;align-items:center;gap:7px;height:32px;border:1px solid var(--line);border-radius:6px;background:#ffffffb8;padding:0 8px;width:174px}.explorer-search svg{width:15px;height:15px}.explorer-search input{min-width:0;width:100%;border:0;background:transparent;font-size:10px}.explorer-body{display:flex;flex:1;min-height:0}.nav-list{width:198px;padding:13px 9px;border-right:1px solid var(--line);font-size:11px;display:flex;flex-direction:column;gap:3px}.nav-list button{width:100%;padding:9px 10px;border-radius:5px;background:transparent;text-align:left;display:flex;align-items:center;gap:10px}.nav-list button:hover,.nav-list .nav-active{background:#dce9f8}.nav-list svg{width:16px;height:16px;color:var(--accent)}.nav-list hr{border:0;border-top:1px solid var(--line);width:90%;margin:8px auto}.file-content{padding:17px 21px;flex:1;min-width:0;overflow:auto}.file-heading{font-size:12px;font-weight:600;margin:0 0 12px}.file-grid{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:9px 12px}.file-tile{height:56px;background:#ffffffa6;border:1px solid var(--line);border-radius:6px;text-align:left;padding:8px 11px;font-size:11px;display:flex;align-items:center;gap:10px;transition:background .15s,transform .15s}.file-tile:hover{background:#edf5ff;transform:translateY(-1px)}.file-tile>svg{width:24px;height:24px;color:#e5a832;fill:#ffe1a0;stroke-width:1.35}.photo-tile{padding:4px;gap:9px}.photo-tile img{width:48px;height:46px;object-fit:cover;border-radius:4px}.photo-tile span{font-size:11px}.recent-title{margin-top:20px!important}.photo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.photo-strip img{width:100%;height:115px;object-fit:cover;border-radius:7px;transition:transform .24s,filter .24s}.photo-strip img:hover{transform:scale(1.025);filter:saturate(1.15)}.statusbar{border-top:1px solid var(--line);font-size:10px;padding:8px 14px;color:var(--muted)}.notes-window{width:min(740px,calc(100vw - 32px));height:min(540px,calc(100vh - 90px))}.menu-line{height:35px;display:flex;align-items:center;gap:4px;padding:0 11px;border-bottom:1px solid var(--line)}.menu-line button{font-size:10px;padding:6px 9px;background:transparent;border-radius:4px}.menu-line button:hover{background:var(--soft)}.saved-indicator{margin-left:auto;color:#23885f;font-size:10px;padding-right:6px}.saved-indicator:before{content:'● ';font-size:8px}#notesText{resize:none;border:0;outline:0;flex:1;padding:19px 25px;background:transparent;font-family:Consolas,'Courier New',monospace;font-size:14px;line-height:1.65}.calc-window{width:min(350px,calc(100vw - 32px));height:min(545px,calc(100vh - 88px))}.calc-mode{padding:8px 18px;font-size:12px;color:var(--muted)}.calc-display{height:101px;padding:10px 22px;display:grid;align-content:end;text-align:right}.calc-display small{color:var(--muted);height:23px;font-size:11px}.calc-display span{font-size:36px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:8px 13px 13px;flex:1}.calc-grid button{border-radius:5px;background:#ffffffbd;border:1px solid var(--line);font-size:14px;transition:background .12s,transform .12s}.calc-grid button:hover{background:#e4edf9}.calc-grid button:active{transform:scale(.95)}.calc-grid button.equals{background:var(--accent);color:white}.browser-window{width:min(965px,calc(100vw - 32px));height:min(650px,calc(100vh - 92px))}.browser-tabs{height:36px;display:flex;align-items:end;padding:0 12px;gap:8px}.browser-tab{width:190px;height:31px;background:#ffffffbe;border-radius:7px 7px 0 0;padding:8px 10px;font-size:10px;display:flex;align-items:center;gap:8px}.browser-tab svg{width:14px;height:14px;color:var(--accent)}.browser-tabs>button{background:transparent;height:28px;width:28px;border-radius:6px}.browser-tabs>button:hover{background:var(--soft)}.browser-toolbar{display:flex;gap:7px;padding:8px 14px;align-items:center;border-block:1px solid var(--line)}.browser-toolbar button{background:transparent;padding:5px;display:grid;place-items:center;border-radius:5px}.browser-toolbar button:hover{background:var(--soft)}.browser-toolbar button svg{width:17px;height:17px}.browser-toolbar input{flex:1;min-width:60px;border:1px solid var(--line);border-radius:18px;padding:8px 13px;background:#ffffffdc;font-size:11px}.browser-toolbar input:focus{border-color:var(--accent)}.browser-page{flex:1;display:grid;place-items:center;background:#f7f9fc;overflow:auto}.browser-home{text-align:center;width:min(500px,90%);margin-top:-24px}.browser-logo{width:62px;height:62px;border-radius:19px;background:linear-gradient(145deg,#f7fcff,#d9eeff);box-shadow:0 8px 24px #396d9e25;margin:auto;display:grid;place-items:center;color:#168cc7}.browser-logo svg{width:33px;height:33px;stroke-width:1.5}.browser-home h2{font-size:22px;font-weight:500;margin:17px 0}.browser-home form{display:flex;margin:22px auto;max-width:440px}.browser-home form label{flex:1;display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--line);border-radius:24px 0 0 24px;box-shadow:0 4px 18px #293e5912;padding:0 12px}.browser-home form label svg,.browser-home form>button svg{width:17px;height:17px;color:#75859b}.browser-home form input{flex:1;border:0;background:transparent;font-size:11px;padding:11px 0}.browser-home form>button{border-radius:0 24px 24px 0;background:white;border:1px solid var(--line);border-left:0;padding:0 14px}.quick-links{display:flex;justify-content:center;gap:9px}.quick-links button{background:#eaf0f7;border-radius:7px;padding:10px 15px;font-size:10px;transition:transform .15s,background .15s}.quick-links button:hover{background:#dce9f7;transform:translateY(-2px)}.external-page{text-align:center;max-width:580px;padding:25px}.external-page p{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.external-page a{display:inline-flex;margin-top:8px;background:var(--accent);color:#fff;text-decoration:none;border-radius:6px;padding:10px 14px;font-size:11px}.settings-window{width:min(980px,calc(100vw - 28px));height:min(660px,calc(100vh - 84px))}.settings-body{display:flex;flex:1;min-height:0}.settings-side{width:252px;flex:0 0 252px;background:#eaf0f7a3;padding:17px 13px;display:flex;flex-direction:column;gap:4px}.user-card{display:flex;align-items:center;gap:11px;margin:4px 5px 13px;font-size:11px}.user-card small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.avatar{width:38px;height:38px;background:linear-gradient(135deg,#68ace2,#574ba9);border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600}.settings-search,.start-top label,.search-panel label{display:flex;align-items:center;gap:8px;background:#ffffffdf;border:1px solid var(--line);border-radius:6px;padding:0 9px}.settings-search{height:33px;margin-bottom:8px}.settings-search svg,.start-top svg,.search-panel label svg{width:15px;height:15px;color:var(--muted)}.settings-search input,.start-top input,.search-panel input{width:100%;min-width:0;border:0;background:transparent;font-size:10px;padding:9px 0}.setting-nav{text-align:left;padding:9px;border-radius:5px;background:transparent;font-size:11px;display:flex;align-items:center;gap:10px;transition:background .15s}.setting-nav svg{width:16px;height:16px}.setting-nav:hover,.setting-nav.selected{background:#dbe8f7}.settings-content{padding:28px 34px;overflow:auto;flex:1}.settings-content h2{margin:10px 0;font-size:25px;font-weight:600}.settings-content p{color:var(--muted);font-size:11px}.settings-content h3{font-size:13px;margin:24px 0 11px}.eyebrow{font-size:9px;letter-spacing:.08em;color:var(--muted)}.settings-lead{margin-bottom:19px}.setting-card{width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:14px 15px;background:#ffffffa8;border:1px solid var(--line);border-radius:7px;margin:8px 0;transition:background .15s,transform .15s}.setting-card:hover{background:#edf4fc;transform:translateX(2px)}.setting-card>svg{width:19px;height:19px;color:var(--accent)}.setting-card span:nth-child(2){display:grid;gap:5px;flex:1}.setting-card b{font-size:11px}.setting-card small{font-size:10px;color:var(--muted)}.wallpaper-options{display:flex;gap:11px;flex-wrap:wrap}.wallpaper-choice{width:111px;padding:0 0 9px;background:#ffffffb8;border:1px solid var(--line);border-radius:7px;overflow:hidden;font-size:10px;transition:transform .18s,box-shadow .18s}.wallpaper-choice:hover{transform:translateY(-2px)}.wallpaper-choice img{display:block;width:100%;height:65px;object-fit:cover;margin-bottom:8px}.wallpaper-choice.selected{outline:2px solid var(--accent);box-shadow:0 4px 12px #3976d230}.theme-row{display:flex;gap:8px}.theme-row button{background:#ffffffb8;border:1px solid var(--line);border-radius:6px;padding:9px 17px;font-size:10px}.accent-options{display:flex;gap:11px;margin-top:10px}.accent-options button{width:27px;height:27px;border-radius:50%;background:var(--swatch);border:3px solid white;box-shadow:0 0 0 1px var(--line);transition:transform .15s}.accent-options button:hover{transform:scale(1.1)}.app-list button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:13px;border-bottom:1px solid var(--line);background:transparent;font-size:11px}.app-list button:hover{background:var(--soft)}.app-list svg{width:18px;height:18px;color:var(--accent)}.app-list span{margin-left:auto;color:#27815f}.about-card{background:#ffffff9c;border:1px solid var(--line);border-radius:9px;text-align:center;padding:24px;margin-top:20px}.about-mark svg{width:45px;height:45px;fill:#1783dc;stroke:none}.about-card h3{margin:8px 0}.about-card small{color:var(--muted)}.start-menu,.search-panel,.quick-panel,.calendar-panel{position:absolute;background:var(--surface);backdrop-filter:blur(35px) saturate(1.3);border:1px solid #ffffffc0;border-radius:11px;box-shadow:0 16px 50px #1c2c4145;z-index:15;animation:panel-in .18s cubic-bezier(.2,.8,.2,1)}.start-menu{width:560px;height:585px;max-height:calc(100vh - 76px);bottom:62px;left:50%;transform:translateX(-50%);padding:23px 32px 59px;overflow:auto}.start-top label{height:39px;border-color:var(--accent);box-shadow:0 0 0 2px #3976d21c;margin-bottom:23px}.start-heading{font-size:11px;font-weight:600;margin:8px 2px 11px}.start-heading small{float:right;color:var(--muted);font-weight:400}.pinned-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.pinned-empty{grid-column:1/-1;padding:18px 12px;color:var(--muted);font-size:11px;line-height:1.5;text-align:center}.pinned-grid button{height:81px;border-radius:7px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:9px}.pinned-grid button:hover,.recommended button:hover{background:#e3edf8}.pinned-grid svg{width:25px;height:25px;color:var(--accent);stroke-width:1.6}.pinned-grid [data-open=explorer] svg{color:#dfa532}.recommended{display:grid;gap:2px}.recommended button{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border-radius:6px;padding:8px;font-size:11px}.recommended svg{width:20px;height:20px;color:var(--accent)}.recommended span{display:grid;gap:3px}.recommended small{font-size:9px;color:var(--muted)}.search-results{font-size:11px;padding:10px;color:var(--muted)}.search-results button{width:100%;display:flex;align-items:center;gap:8px;background:transparent;padding:9px;text-align:left;border-radius:5px}.search-results button:hover{background:#e3edf8}.search-results svg{width:17px;height:17px}.start-bottom{position:absolute;bottom:0;left:0;right:0;height:50px;background:#eaf0f7c7;display:flex;align-items:center;justify-content:space-between;padding:0 27px;font-size:10px}.start-bottom span{display:flex;align-items:center;gap:9px}.start-bottom button{background:transparent;display:grid;place-items:center;padding:7px}.start-bottom svg{width:16px;height:16px}.avatar.small{display:grid;width:25px;height:25px;font-size:11px}.search-panel{width:590px;height:405px;max-height:calc(100vh - 88px);bottom:62px;left:50%;transform:translateX(-50%);padding:18px}.search-panel label{height:42px;margin-bottom:18px;border-color:var(--accent)}.search-suggestion{font-size:11px;color:var(--muted);padding:6px}.quick-panel{width:355px;bottom:61px;right:54px;padding:17px}.quick-toggles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toggle{padding:11px 9px;border-radius:6px;background:#e8eef5;font-size:10px;text-align:left;display:flex;align-items:center;gap:10px;transition:background .16s,color .16s}.toggle svg{width:17px;height:17px}.toggle.active{background:var(--accent);color:white}.slider-row{display:flex;align-items:center;gap:11px;margin-top:18px;font-size:13px}.slider-row>svg{width:17px;height:17px}.slider-row input{flex:1;accent-color:var(--accent)}.slider-row output{font-size:9px;width:32px}.quick-footer{border-top:1px solid var(--line);padding-top:12px;margin-top:15px;font-size:10px;display:flex;align-items:center;justify-content:space-between}.quick-footer span{display:flex;align-items:center;gap:7px}.quick-footer svg,.quick-footer button svg{width:16px;height:16px}.quick-footer button{background:transparent}.calendar-panel{width:335px;bottom:61px;right:10px;padding:17px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.calendar-header button{background:transparent;font-size:21px;border-radius:5px;width:30px;height:30px}.calendar-header button:hover{background:var(--soft)}.calendar-header b{font-size:12px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:2px;font-size:10px}.calendar-grid span{padding:7px 2px;border-radius:50%}.calendar-grid span:not(.weekday):hover{background:#dce8f7}.calendar-grid .weekday{color:var(--muted);font-weight:600}.calendar-grid .today{background:var(--accent);color:white}.calendar-agenda{border-top:1px solid var(--line);margin-top:13px;padding-top:12px;font-size:11px}.calendar-agenda p{color:var(--muted);font-size:10px}.context-menu{position:absolute;z-index:30;width:195px;background:var(--surface);backdrop-filter:blur(24px);padding:5px;border:1px solid #ffffffc4;border-radius:7px;box-shadow:0 8px 30px #1c2a3b38;animation:panel-in .12s ease-out}.context-menu button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;padding:8px;border-radius:4px;font-size:10px}.context-menu button:hover{background:#e4edf8}.context-menu button svg{width:15px;height:15px}.context-menu hr{border:0;border-top:1px solid var(--line);margin:3px}body.dark{--ink:#e4eaf3;--muted:#a1aec0;--surface:rgba(32,42,56,.94);--surface-solid:#202a38;--line:rgba(193,208,228,.15);--task:rgba(24,31,42,.86);--soft:#334054;--shadow:0 22px 80px #02071170}body.dark .settings-side,body.dark .start-bottom{background:#202b3b}body.dark .file-tile,body.dark .address,body.dark .explorer-search,body.dark .browser-page,body.dark .browser-home form label,body.dark .browser-home form>button,body.dark .browser-toolbar input,body.dark .setting-card,body.dark .about-card,body.dark .wallpaper-choice,body.dark .theme-row button,body.dark .settings-search,body.dark .start-top label,body.dark .search-panel label{background:#293649;color:var(--ink)}body.dark .toggle{background:#354256}body.dark .toggle.active{background:var(--accent)}body.dark .calc-grid button{background:#293649;color:var(--ink)}body.dark .browser-window .browser-page{background:#222d3e}body.dark .pinned-grid button:hover,body.dark .recommended button:hover{background:#35445a}body.dark .file-tile:hover,body.dark .setting-card:hover{background:#35445a}body.dark .nav-list button:hover,body.dark .nav-list .nav-active{background:#35445a}body.night-light #desktop:after{background:#d6863b2b;mix-blend-mode:soft-light;backdrop-filter:sepia(.24)}@keyframes window-in{from{opacity:0;transform:translate(-50%,-47%) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes panel-in{from{opacity:0;translate:0 8px;scale:.99}to{opacity:1;translate:0 0;scale:1}}@keyframes indicator-in{from{transform:scaleX(.4);opacity:.2}to{transform:scaleX(1);opacity:1}}@keyframes wallpaper-drift{0%{transform:scale(1.025) translate3d(0,0,0)}100%{transform:scale(1.085) translate3d(-.7%,.4%,0)}}@media(max-width:680px){.taskbar-weather{display:none}.taskbar-center{left:8px;transform:none}.system-tray{margin-left:auto}.taskbar-button{width:37px}.search-button{width:40px;justify-content:center}.search-button span,.widgets-button{display:none}.settings-side{width:148px;flex-basis:148px;padding:14px 8px}.settings-content{padding:20px 15px}.start-menu{width:calc(100vw - 18px);padding:18px 14px 56px}.pinned-grid{grid-template-columns:repeat(3,1fr)}.quick-panel{right:8px;width:min(355px,calc(100vw - 16px))}.calendar-panel{right:8px}.nav-list{width:130px}.file-grid{grid-template-columns:repeat(2,minmax(100px,1fr))}.photo-strip img{height:84px}.explorer-search{width:130px}.file-content{padding:15px 12px}}@media(max-width:430px){.window{width:calc(100vw - 14px);height:calc(100vh - 75px);top:8px;left:7px;transform:none}.window.maximized{inset:5px 5px 59px}.window:not(.maximized){animation:mobile-window-in .18s ease-out}.settings-side{width:122px;flex-basis:122px}.setting-nav{font-size:9px;padding:8px 5px;gap:6px}.user-card{margin-left:0}.user-card .avatar{width:30px;height:30px}.user-card b{font-size:9px}.settings-search input{font-size:9px}.explorer-toolbar{gap:3px;padding-inline:6px}.explorer-search{width:92px}.address{font-size:9px;padding-inline:5px}.nav-list{width:108px;font-size:9px;padding-inline:5px}.file-grid{gap:6px}.file-tile{padding:5px;height:50px;font-size:9px}.photo-tile img{width:39px;height:40px}.photo-strip img{height:64px}.start-menu{bottom:60px}.taskbar{padding:0 5px}.taskbar-center{gap:0}.system-tray button{padding:0 5px}.system-tray #trayButton{gap:2px}.system-tray #trayButton span{display:none}}@keyframes mobile-window-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

.desktop-icons.compact .desktop-icon{width:68px;height:82px;min-height:82px;font-size:9px}.desktop-icons.compact .desktop-icon svg{width:25px;height:25px}
.explorer-toolbar button:disabled{opacity:.35;cursor:default}
.setting-card:focus-visible,.taskbar button:focus-visible,.desktop-icon:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
/* Icon rendering and desktop selection */
body,#desktop,button,.window,.taskbar,.context-menu{-webkit-user-select:none;user-select:none}
input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}
svg:not(.svg-defs){fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;flex-shrink:0}
.start-button svg,.about-mark svg{fill:#1682db;stroke:none}
.desktop-icons{display:block;inset:0 0 54px;left:0;top:0;width:100%;height:calc(100% - 54px);pointer-events:none}
.desktop-icon{position:absolute;left:0;top:0;pointer-events:auto;touch-action:none}
.desktop-icon.is-selected{background:#d5eaff66;outline:1px solid #d8efffba;box-shadow:inset 0 0 0 1px #246db0}
.selection-box{position:absolute;z-index:4;border:1px solid #9ccaff;background:#80bdff38;pointer-events:none;border-radius:2px}
.explorer-toolbar>#folderCreate,.explorer-toolbar>#fileImportButton{width:31px;height:31px;border:1px solid var(--line);background:#ffffff99}
.explorer-toolbar>#folderCreate:hover,.explorer-toolbar>#fileImportButton:hover{background:#e4effb}
.file-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:9px}
.file-item{min-height:105px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 8px;background:#ffffff95;border:1px solid transparent;border-radius:7px;text-align:center;font-size:10px;overflow:hidden}
.file-item:hover{background:#edf5ff;border-color:var(--line)}.file-item.selected{background:#d9ebff;border-color:#78aeea}.file-item>svg{width:34px;height:34px;color:#39475a;fill:#f5f8fc;stroke:#39475a;stroke-width:1.2}.file-item img{width:100%;height:58px;border-radius:5px;object-fit:cover}.file-item .file-size{font-size:8px;color:var(--muted)}.file-empty{padding:35px 15px;text-align:center;color:var(--muted);font-size:11px}.photo-strip{cursor:pointer}.context-menu{min-width:222px;max-width:280px;padding:5px}.context-menu button{min-height:31px;white-space:nowrap}.context-menu button .menu-label{flex:1}.context-menu button .menu-arrow{color:var(--muted)}.context-menu .menu-separator{height:1px;margin:4px 6px;background:var(--line)}.context-menu button:disabled{opacity:.45;cursor:default}.context-submenu{position:absolute;left:calc(100% - 3px);top:0;min-width:190px;padding:5px;background:var(--surface);backdrop-filter:blur(24px);border:1px solid #ffffffc4;border-radius:7px;box-shadow:0 8px 30px #1c2a3b38}.file-editor{width:min(690px,calc(100vw - 30px));height:min(520px,calc(100vh - 80px));border:1px solid #ffffffc5;border-radius:10px;background:var(--surface-solid);color:var(--ink);padding:0;box-shadow:0 22px 80px #14243d55}.file-editor::backdrop{background:#07101e55;backdrop-filter:blur(3px)}.file-editor form{height:100%;display:flex;flex-direction:column}.file-editor header{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--line)}.file-editor header input{flex:1;border:1px solid var(--line);border-radius:5px;padding:8px;background:transparent}.file-editor header button{background:transparent;font-size:18px}.file-editor textarea{flex:1;resize:none;border:0;background:transparent;padding:16px;font:13px/1.6 Consolas,monospace}.file-editor footer{display:flex;justify-content:flex-end;gap:8px;padding:10px;border-top:1px solid var(--line)}.file-editor footer button{background:var(--soft);padding:8px 13px;border-radius:5px;font-size:10px}.file-editor footer .primary{background:var(--accent);color:#fff}
@media(max-width:430px){.file-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.file-item{min-height:88px}.file-item>svg{width:28px;height:28px}}
/* Polished interaction states and modal previews */
.context-menu button{position:relative}
.context-menu button:disabled{pointer-events:none}
.context-menu button:focus-visible,.file-item:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.file-content{position:relative;overflow:auto}
.file-grid{user-select:none;-webkit-user-select:none}
.file-item{transition:background .14s,border-color .14s,transform .14s,box-shadow .14s}
.file-item:active{transform:scale(.985)}
.file-item.selected{box-shadow:inset 0 0 0 1px #6eaae5}
.file-selection-box{position:absolute;z-index:3;border:1px solid #7db5ee;background:#80bdff38;border-radius:2px;pointer-events:none}
.file-content[data-view-size="large"] .file-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.file-content[data-view-size="small"] .file-grid{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:5px}
.file-content[data-view-size="small"] .file-item{min-height:75px;font-size:9px}
.search-result{display:flex;align-items:center;gap:10px;width:100%;padding:9px;border-radius:6px;background:transparent;text-align:left;font-size:11px}
.search-result:hover{background:#e3edf8}
.search-result svg{width:18px;height:18px;color:var(--accent)}
body.dark .search-result:hover,body.dark .context-menu button:hover{background:#35445a}
.image-preview{width:min(760px,calc(100vw - 28px));max-height:calc(100vh - 60px);padding:0;border:1px solid #ffffffb8;border-radius:11px;background:var(--surface-solid);color:var(--ink);box-shadow:0 22px 80px #14243d65}
.image-preview::backdrop{background:#07101e66;backdrop-filter:blur(4px)}
.image-preview header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:12px}
.image-preview header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.image-preview header button{font-size:19px;background:transparent;border-radius:5px;width:30px;height:30px}
.image-preview header button:hover{background:var(--soft)}
.image-preview>img{display:block;width:100%;max-height:calc(100vh - 145px);object-fit:contain;background:#111}
.image-preview footer{padding:11px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}
.properties-window{width:min(480px,calc(100vw - 28px));height:380px;min-width:300px;min-height:220px}
#propertiesBody{flex:1;min-height:0;overflow:auto;padding:9px 16px}
.property-row{display:grid;grid-template-columns:125px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}
.property-row b{font-weight:500;color:var(--muted)}
.property-row span{overflow-wrap:anywhere}
.properties-footer{display:flex;justify-content:flex-end;padding:10px 16px;border-top:1px solid var(--line)}
.properties-footer button{padding:8px 16px;border-radius:5px;background:var(--accent);color:#fff}
*{-webkit-user-select:none;user-select:none}
input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}
body.dark .file-item,body.dark .search-result:hover{background:#293649;color:var(--ink)}
body.dark .file-item:hover,body.dark .file-item.selected{background:#35445a}
.explorer-toolbar button:disabled{pointer-events:none}
.desktop-icons.large .desktop-icon{width:112px;height:114px;min-height:114px;font-size:12px}
.desktop-icons.large .desktop-icon svg{width:40px;height:40px}

/* Browser tabs follow the active appearance theme. */
.browser-tabs{color:var(--ink);border-bottom:1px solid var(--line)}
.browser-tab{background:#e8edf4;color:var(--ink)}
body.dark .browser-tabs{background:#202a38;color:var(--ink);border-color:var(--line)}
body.dark .browser-tab{background:#293649;color:var(--ink)}
body.dark .browser-tabs>button{color:var(--ink)}
.accessibility-toggle>span{margin-left:auto;font-size:16px;line-height:1;transition:transform .18s}
.accessibility-toggle[aria-expanded="true"]>span{transform:rotate(90deg)}
.accessibility-menu{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-solid);animation:panel-in .16s ease-out}
.accessibility-menu h3{font-size:12px;margin:0 0 7px}
.accessibility-option{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 2px;border-top:1px solid var(--line);cursor:pointer}
.accessibility-option span{display:grid;gap:3px}
.accessibility-option b{font-size:10px;font-weight:600}
.accessibility-option small{font-size:9px;color:var(--muted)}
.accessibility-option input{width:16px;height:16px;flex:0 0 16px;accent-color:var(--accent);cursor:pointer}
body.high-contrast{--ink:#101820;--muted:#344253;--line:#657386;--surface:rgba(255,255,255,.99);--surface-solid:#fff;--soft:#dce5ef}
body.dark.high-contrast{--ink:#fff;--muted:#e6edf6;--line:#a5b4c8;--surface:rgba(7,12,20,.99);--surface-solid:#111a27;--soft:#35475d}
body.high-contrast .window,body.high-contrast .quick-panel,body.high-contrast .start-menu,body.high-contrast .search-panel,body.high-contrast .calendar-panel,body.high-contrast .context-menu{border:2px solid var(--ink)}
body.large-text .quick-panel,body.large-text .quick-panel button,body.large-text .quick-panel label,body.large-text .quick-panel h3,body.large-text .quick-panel b,body.large-text .quick-panel small,body.large-text .window-title,body.large-text .nav-list,body.large-text .file-heading,body.large-text .file-tile,body.large-text .menu-line button,body.large-text .calc-mode,body.large-text .calc-grid button,body.large-text .browser-tab,body.large-text .settings-content,body.large-text .setting-nav,body.large-text .setting-card,body.large-text .start-menu,body.large-text .start-menu button,body.large-text .search-panel,body.large-text .search-panel button,body.large-text .context-menu,body.large-text .context-menu button,body.large-text .calendar-panel{font-size:calc(1em + 1px)}
body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
body.enhanced-focus :focus-visible{outline:3px solid #ffbf47!important;outline-offset:2px!important;box-shadow:0 0 0 4px #111!important}
@media(max-width:680px){.accessibility-option{min-height:47px}}

/* Start behaves like a foreground OS menu and dismisses when focus leaves it. */
#startMenu{z-index:1000}
#contextMenu{z-index:1100}
.start-bottom .profile-shortcut{display:flex;align-items:center;gap:9px;padding:4px 8px;border-radius:7px;font:inherit;color:inherit}
.start-bottom .profile-shortcut:hover{background:#9eafc344}
body.dark .start-bottom .profile-shortcut:hover{background:#3a4960}
.settings-side{position:relative}
.settings-search-results{position:absolute;top:105px;left:13px;right:13px;z-index:12;max-height:300px;overflow:auto;padding:5px;background:var(--surface-solid);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px #10243d38;animation:panel-in .14s ease-out}
.settings-search-result{width:100%;display:flex;align-items:center;gap:9px;padding:9px;border-radius:5px;background:transparent;text-align:left;font-size:11px}
.settings-search-result:hover,.settings-search-result:focus-visible{background:var(--soft);outline:none}
.settings-search-result svg{width:16px;height:16px;color:var(--accent)}
.settings-no-result{padding:10px;font-size:10px;color:var(--muted)}
.settings-back{display:inline-flex;align-items:center;gap:6px;margin:2px 0 8px;padding:7px 9px;border-radius:6px;background:transparent;color:var(--muted);font-size:11px}
.settings-back:hover{background:var(--soft);color:var(--ink)}
.settings-back svg{width:15px;height:15px}
.settings-control{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:9px 0;padding:16px;background:var(--surface-solid);border:1px solid var(--line);border-radius:8px;transition:border-color .2s,box-shadow .2s,background .2s}
.settings-control>span:first-child{display:grid;gap:5px}
.settings-control b{font-size:12px}
.settings-control small{font-size:10px;color:var(--muted)}
.control-range{display:flex;align-items:center;gap:10px;flex:0 1 280px}
.control-range input{flex:1;min-width:100px;accent-color:var(--accent)}
.control-range output{width:38px;text-align:right;font-size:11px}
.settings-control input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}
.settings-note{padding:12px 14px;border-radius:7px;background:var(--soft);font-size:10px;color:var(--muted)}
.profile-card{display:flex;align-items:center;gap:13px;padding:16px;margin:16px 0 22px;border:1px solid var(--line);background:var(--surface-solid);border-radius:9px}
.profile-card>div:last-child{display:grid;gap:5px}
.profile-card small{font-size:10px;color:var(--muted)}
.profile-avatar{width:52px;height:52px;font-size:18px}
.settings-field{display:grid;gap:8px;max-width:430px;font-size:11px;font-weight:600}
.settings-field input{height:38px;padding:0 11px;border:1px solid var(--line);border-radius:6px;background:var(--surface-solid)}
.settings-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 82%)}
.settings-save{margin-top:14px;padding:10px 15px;border-radius:6px;background:var(--accent);color:#fff;font-size:11px;font-weight:600}
.settings-save:hover{filter:brightness(1.08);transform:translateY(-1px)}
.search-highlight{animation:search-highlight 1.5s ease-out;border-radius:8px}
@keyframes search-highlight{0%,30%{outline:3px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 6px color-mix(in srgb,var(--accent),transparent 80%)}100%{outline-color:transparent;box-shadow:none}}
.desktop-icon .desktop-file-image{width:40px;height:40px;object-fit:cover;border-radius:5px;filter:drop-shadow(0 3px 5px #12233c5c)}
.system-tray #trayButton .tray-chevron{width:12px;height:12px;transition:transform .2s,color .2s;color:var(--muted)}
.system-tray #trayButton[aria-expanded=true] .tray-chevron{transform:rotate(180deg);color:var(--accent)}
body.dark .quick-links button{background:#293649;color:var(--ink)}
body.dark .quick-links button:hover{background:#35445a}
.browser-frame-wrap{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;background:var(--surface-solid)}
.browser-frame-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;padding:5px 11px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}
.browser-frame-bar a{flex:0 0 auto;padding:6px 9px;border-radius:5px;background:var(--soft);color:var(--ink);text-decoration:none;font-weight:600}
.browser-frame-bar a:hover{background:var(--accent);color:#fff}
.browser-frame{display:block;flex:1;width:100%;height:100%;min-height:0;border:0;background:#fff}
body.dark .browser-frame-bar{background:#202a38;color:var(--muted)}
body.dark .browser-frame-bar a{background:#293649;color:var(--ink)}
body.dark .browser-frame-bar a:hover{background:var(--accent);color:#fff}
body.dark .settings-control,body.dark .profile-card{background:#202a38;color:var(--ink)}
body.dark .settings-field input{background:#293649;color:var(--ink)}
@media(max-width:680px){.settings-search-results{left:8px;right:8px}.settings-content{padding:20px 15px}.settings-control{gap:12px;padding:12px}.control-range{flex-basis:180px}}

.settings-side .user-card{cursor:pointer}
.settings-side .user-card:hover{background:var(--soft);border-radius:8px}


/* Window snapping and edge resizing */
.window{min-width:300px;min-height:220px}
.window.snapped-left,.window.snapped-right{top:8px;bottom:62px;width:calc(50% - 12px);height:auto;transform:none;border-radius:8px}
.window.snapped-left{left:8px;right:auto}
.window.snapped-right{left:auto;right:8px}
.window-resize-handle{position:absolute;z-index:12;touch-action:none}
.window-resize-handle.resize-n,.window-resize-handle.resize-s{left:12px;right:12px;height:7px;cursor:ns-resize}
.window-resize-handle.resize-n{top:0}.window-resize-handle.resize-s{bottom:0}
.window-resize-handle.resize-e,.window-resize-handle.resize-w{top:12px;bottom:12px;width:7px;cursor:ew-resize}
.window-resize-handle.resize-e{right:0}.window-resize-handle.resize-w{left:0}
.window-resize-handle.resize-ne,.window-resize-handle.resize-nw,.window-resize-handle.resize-se,.window-resize-handle.resize-sw{width:13px;height:13px}
.window-resize-handle.resize-ne{top:0;right:0;cursor:nesw-resize}.window-resize-handle.resize-nw{top:0;left:0;cursor:nwse-resize}
.window-resize-handle.resize-se{right:0;bottom:0;cursor:nwse-resize}.window-resize-handle.resize-sw{left:0;bottom:0;cursor:nesw-resize}
.window.maximized .window-resize-handle,.window.snapped-left .window-resize-handle,.window.snapped-right .window-resize-handle{display:none}

/* Desktop selection and shortcut alignment */
.file-content{position:relative}
.desktop-icon{align-items:center;justify-content:center;text-align:center;line-height:1.25}
.desktop-icon>.desktop-icon-glyph{display:block;position:relative;flex:0 0 var(--desktop-glyph-size,32px);width:var(--desktop-glyph-size,32px);height:var(--desktop-glyph-size,32px);align-self:center;margin-inline:auto}
.desktop-icon[data-open="settings"]>svg{transform:none;transform-origin:center}
.desktop-icon.is-selected{background:#9ccaff48;outline:1px solid #b7dcff;box-shadow:inset 0 0 0 1px #2878c4}
.desktop-icon{touch-action:none}

/* Weather detail popup */
.weather-panel{position:absolute;left:12px;bottom:64px;width:min(382px,calc(100vw - 24px));padding:17px;background:var(--surface);color:var(--ink);border:1px solid #ffffffc4;border-radius:12px;box-shadow:0 16px 46px #10223855;backdrop-filter:blur(28px) saturate(1.3);z-index:16;animation:panel-in .18s ease-out}
.weather-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}
.weather-panel>header h2{margin:5px 0 2px;font-size:18px;font-weight:600}
.weather-panel>header p{margin:0;color:var(--muted);font-size:10px}
.weather-eyebrow{font-size:8px;letter-spacing:.09em;color:var(--muted);font-weight:700}
.weather-panel>header button{background:transparent;border-radius:5px;font-size:20px;line-height:1;padding:3px 7px}
.weather-panel>header button:hover{background:var(--soft)}
.weather-hero{height:142px;position:relative;overflow:hidden;border-radius:9px;background:#38566e}
.weather-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10253bbf 0%,#10253b48 64%,transparent)}
.weather-hero>img{width:100%;height:100%;object-fit:cover}
.weather-now{position:absolute;z-index:1;inset:0 auto 0 17px;display:grid;grid-template-columns:54px auto;grid-template-rows:1fr auto 1fr;align-items:center;color:white;text-shadow:0 2px 8px #10243d88}
.weather-now svg{grid-row:1/4;width:42px;height:42px;color:#ffce5c;fill:#ffc84d;stroke-width:1.4}
.weather-now strong{align-self:end;font-size:44px;line-height:1;font-weight:500}
.weather-now span{align-self:start;font-size:11px}
.weather-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 15px}
.weather-details>div{display:grid;gap:5px;padding:9px;background:var(--soft);border-radius:7px}
.weather-details small{font-size:8px;color:var(--muted);letter-spacing:.04em}
.weather-details b{font-size:11px}
.weather-panel h3{font-size:11px;margin:0 0 8px}
.weather-forecast{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;text-align:center}
.weather-forecast>div{display:grid;justify-items:center;gap:6px;padding:8px 3px;border-radius:7px;background:color-mix(in srgb,var(--soft) 76%,transparent)}
.weather-forecast small{font-size:9px;color:var(--muted)}
.weather-forecast svg{width:20px;height:20px;color:#e8a52e}
.weather-forecast b{font-size:10px}
body.dark .weather-panel{background:var(--surface-solid);border-color:#8696aa55}
@media(max-width:680px){.weather-panel{left:8px;width:min(382px,calc(100vw - 16px))}}

/* Taskbar hover thumbnails */
.task-preview{position:fixed;left:8px;bottom:62px;width:310px;height:214px;padding:7px;background:var(--surface);color:var(--ink);border:1px solid #ffffffb8;border-radius:10px;box-shadow:0 14px 38px #0b182a55;backdrop-filter:blur(22px);z-index:45;animation:panel-in .14s ease-out}
.task-preview-title{height:27px;display:flex;align-items:center;gap:8px;padding:0 5px;font-size:10px;font-weight:600}
.task-preview-title svg{width:15px;height:15px;color:var(--accent)}
.task-preview-stage{height:171px;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--surface-solid)}
.task-preview-stage>.window{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;animation:none!important;display:flex!important;pointer-events:none!important;overflow:hidden}
.task-preview-stage .titlebar{height:27px;min-height:27px;padding-left:9px;font-size:8px}
.task-preview-stage .window-title svg{width:12px;height:12px}
.task-preview-stage .explorer-toolbar{padding:4px 7px;gap:3px}
.task-preview-stage .explorer-body{min-height:0}
.task-preview-stage .nav-list{width:92px;padding:5px;font-size:7px}
.task-preview-stage .nav-list button{padding:4px}
.task-preview-stage .file-content{padding:8px}
.task-preview-stage .file-grid{grid-template-columns:repeat(3,1fr);gap:4px}
.task-preview-stage .file-item{height:49px;padding:4px;font-size:7px}
.task-preview-stage .file-item>svg{width:18px;height:18px}
.task-preview-stage .statusbar,.task-preview-stage .window-controls,.task-preview-stage .window-resize-handle{display:none!important}
.task-preview-stage .settings-body,.task-preview-stage .browser-page,.task-preview-stage #notesText{min-height:0}
.task-preview-stage .settings-side{width:100px;flex-basis:100px;padding:5px}
.task-preview-stage .settings-content{padding:8px;font-size:8px}
.task-preview-stage .setting-card{padding:6px;margin:4px}
.task-preview-stage .calc-grid{gap:2px;padding:3px}
.task-preview-stage .calc-grid button{font-size:8px}
.task-preview-stage .calc-display{height:40px}
.task-preview-stage .calc-display span{font-size:17px}
.task-preview-stage .browser-home{transform:scale(.65);transform-origin:top center}
.task-preview-stage .browser-home h2{font-size:14px}
.task-preview-stage .browser-home form{margin:8px auto}
.task-preview-stage .browser-home form input{padding:5px}
.task-preview-stage .browser-home .quick-links button{padding:4px;font-size:7px}
.task-preview-stage .preview-web-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#182839,#314c68);color:#e7eef9;font-size:10px}
.task-preview-stage .window textarea{font-size:8px!important;padding:9px!important}
@media(max-width:680px){.task-preview{left:8px!important;width:min(310px,calc(100vw - 16px));height:195px}.task-preview-stage{height:152px}}

#quickPanel,#searchPanel,#calendarPanel,#weatherPanel{z-index:1000}

/* Final interaction refinements */
.desktop-icon{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.25}
.desktop-icon>.desktop-icon-glyph{display:block;position:relative;flex:0 0 var(--desktop-glyph-size,32px);width:var(--desktop-glyph-size,32px);height:var(--desktop-glyph-size,32px);align-self:center;margin-inline:auto}
.desktop-icon[data-open="settings"]>svg{transform:translate(1px,1px);transform-origin:50% 50%}
.user-card{width:100%;min-height:48px;text-align:left;background:transparent;border:1px solid transparent;border-radius:8px;padding:5px 7px;position:relative;transition:background .15s,border-color .15s}
.user-card:hover,.user-card.selected{background:var(--soft);border-color:var(--line)}
.user-card:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.user-card-chevron{width:14px;height:14px;margin-left:auto;color:var(--muted);opacity:.75}
.user-card.selected .user-card-chevron{color:var(--accent);opacity:1}
.setting-nav:hover{background:var(--soft);color:var(--ink)}
.setting-nav.selected{background:var(--accent);color:#fff}
.setting-nav.selected svg{color:#fff}
body.dark .setting-nav:hover{background:#334256;color:var(--ink)}
body.dark .setting-nav.selected{background:var(--accent);color:#fff}
body.dark .setting-nav.selected svg{color:#fff}
.profile-intro{display:flex;align-items:center;gap:12px;margin:18px 0 25px;padding:16px;border:1px solid var(--line);background:var(--surface-solid);border-radius:10px}
.profile-intro small{display:block;margin-top:4px;color:var(--muted);font-size:10px}
.window.maximized{position:absolute!important;inset:7px 7px 60px!important;top:7px!important;right:7px!important;bottom:60px!important;left:7px!important;width:auto!important;height:auto!important;transform:none!important;border-radius:8px}
.window.snapped-left,.window.snapped-right{position:absolute!important;top:8px!important;bottom:62px!important;width:calc(50% - 12px)!important;height:auto!important;transform:none!important;border-radius:8px}
.window.snapped-left{left:8px!important;right:auto!important}
.window.snapped-right{left:auto!important;right:8px!important}
.text-editor-window{width:min(780px,calc(100vw - 30px));height:min(610px,calc(100vh - 82px));min-width:320px;min-height:260px}
.text-editor-window form{display:flex;flex:1;min-height:0;flex-direction:column}
.editor-filebar{height:43px;min-height:43px;display:flex;align-items:center;gap:12px;padding:6px 12px;border-block:1px solid var(--line)}
.editor-filebar input{height:30px;flex:1;min-width:0;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:var(--soft)}
.editor-filebar span{font-size:10px;color:var(--muted);white-space:nowrap}
.text-editor-window textarea{flex:1;min-height:0;resize:none;border:0;background:transparent;padding:18px 21px;color:var(--ink);font:13px/1.65 Consolas,'Courier New',monospace;tab-size:4}
.editor-footer{display:flex;justify-content:flex-end;gap:8px;padding:9px 12px;border-top:1px solid var(--line)}
.editor-footer button{background:var(--soft);padding:8px 13px;border-radius:5px;font-size:10px}
.editor-footer .primary{background:var(--accent);color:#fff}
.task-preview{z-index:9999!important;bottom:62px!important}

/* Snap placement preview, shown while a window approaches a screen edge. */
.snap-preview{position:absolute;z-index:9998;pointer-events:none;top:8px;bottom:62px;width:calc(50% - 12px);border:1px solid #a8d7ffdd;border-radius:9px;background:linear-gradient(145deg,#79baff36,#2f74c73b);box-shadow:inset 0 0 0 1px #ffffff38,0 8px 28px #09192a25;animation:snap-preview-in .14s ease-out both}
.snap-preview.snap-left{left:8px;right:auto}
.snap-preview.snap-right{left:auto;right:8px}
.snap-preview.snap-maximized{left:7px;right:7px;top:7px;bottom:60px;width:auto}
.snap-preview-window{position:absolute;inset:15px 14px;border:1px solid #ffffff82;border-radius:7px;background:linear-gradient(180deg,#f3f8ff38 0 30px,#18263818 30px);box-shadow:0 8px 20px #07132220}
.snap-preview-window span{display:block;height:5px;width:38%;margin:43px 14px 0;border-radius:8px;background:#ffffff42}
.snap-preview-window span+span{width:62%;margin-top:10px}
.snap-preview-window span+span+span{width:48%;margin-top:10px}
@keyframes snap-preview-in{from{opacity:0;scale:.985}to{opacity:1;scale:1}}
.desktop-icon[data-open="settings"]>svg{transform:none!important;translate:0 0!important}
.task-preview{z-index:99999!important;pointer-events:auto!important}
.address input{width:100%;min-width:0;border:0;background:transparent;color:inherit;font:inherit;padding:0;outline:0}.address:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}.inline-rename{display:block;width:100%;min-width:0;max-width:100%;height:24px;padding:2px 5px;border:1px solid var(--accent);border-radius:3px;background:var(--surface-solid);color:var(--ink);font:inherit;text-align:center;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 24%,transparent)}.desktop-icon .inline-rename{font-size:9px;text-shadow:none}.file-item .inline-rename{font-size:10px}

/* User configurable Start grid, wallpaper placement and display scale. */
#desktop{zoom:var(--ui-scale,1)}
#desktop:before{background-position:center,var(--wallpaper-position,center);background-size:100% 100%,var(--wallpaper-size,cover);background-repeat:no-repeat,var(--wallpaper-repeat,no-repeat)}
.pinned-grid{grid-template-columns:repeat(var(--start-grid-columns,5),minmax(0,1fr))}
.pinned-grid button{height:var(--start-tile-height,81px);font-size:var(--start-font-size,9px)}
.pinned-grid svg{width:var(--start-icon-size,25px);height:var(--start-icon-size,25px)}
.wallpaper-preview{display:grid;width:100%;height:65px;place-items:center;margin-bottom:8px;border-radius:5px}
.wallpaper-preview-default{background:linear-gradient(135deg,#0756a7,#278de0);color:white;font-size:16px;font-weight:650;letter-spacing:.3px}
.wallpaper-upload-preview{border:1px dashed #8ba2be;background:var(--soft);color:var(--accent)}
.wallpaper-upload-preview svg{width:22px;height:22px}
.wallpaper-layout{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:460px;margin:14px 0 20px;font-size:11px}
.wallpaper-layout select{min-width:190px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-solid);color:var(--ink)}
body.dark .wallpaper-layout select{background:#293649;color:var(--ink)}
#startSettingsButton{width:34px;height:34px;border-radius:7px;color:inherit}
#startSettingsButton:hover{background:#9eafc344}
body.dark #startSettingsButton:hover{background:#3a4960}
.creator-mark{width:48px;height:48px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3d9ae8,#6959c6);color:#fff;font-size:21px;font-weight:700}
.about-socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;text-align:left}
.about-socials a{min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--surface-solid);color:var(--ink);text-decoration:none;display:flex;flex-direction:column;gap:4px;transition:transform .16s,border-color .16s,background .16s}
.about-socials a:hover{transform:translateY(-2px);border-color:var(--accent);background:var(--soft)}
.about-socials a span{font-size:10px;color:var(--muted)}
.about-socials a b{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis}
.start-bottom #startSettingsButton svg{width:17px;height:17px}
@media(max-width:430px){.wallpaper-options{gap:7px}.wallpaper-choice{width:calc(50% - 5px)}.wallpaper-layout{align-items:flex-start;flex-direction:column}.wallpaper-layout select{width:100%}.about-socials{grid-template-columns:1fr}}.start-bottom #startSettingsButton{margin-left:auto}
.start-bottom #powerButton{margin-left:6px}
.desktop-icon.grid-snap{transition:left .16s cubic-bezier(.2,.8,.2,1),top .16s cubic-bezier(.2,.8,.2,1),background .18s,transform .18s}
/* Modern scrollbars and Windows-style shortcut badges */

.desktop-icon.shortcut-icon .desktop-icon-glyph:after{content:'↗';position:absolute;left:-4px;top:-4px;width:var(--desktop-badge-size,14px);height:var(--desktop-badge-size,14px);display:grid;place-items:center;border:1px solid #fff;border-radius:4px;background:#f7fbff;color:#1672c5;font:700 10px/1 'Segoe UI',sans-serif;text-shadow:none;box-shadow:0 1px 3px #13243b70;z-index:2;pointer-events:none}
.file-item.shortcut-icon:after{content:'↗';position:absolute;left:calc(50% - 20px);top:24px;width:14px;height:14px;display:grid;place-items:center;border:1px solid #fff;border-radius:4px;background:#f7fbff;color:#1672c5;font:700 10px/1 'Segoe UI',sans-serif;box-shadow:0 1px 3px #13243b70;z-index:2}
.about-socials a{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:3px;padding:11px 12px}
.about-socials a .social-logo{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;margin:0;border-radius:10px;color:#fff;box-shadow:0 3px 10px #06101c30}
.about-socials a .social-logo svg{display:block;width:20px;height:20px}
.about-socials a .social-logo.youtube{background:#ff0033}
.about-socials a .social-logo.kick{background:#53fc18;color:#08210b}
.about-socials a .social-logo.steam{background:radial-gradient(circle at 72% 27%,#63a8dc,#1e4771 60%,#132b48)}
.about-socials a .social-logo.x-social{background:#111820}
.about-socials a .social-name{grid-column:2;grid-row:1;color:var(--muted);font-size:10px}
.about-socials a>b{grid-column:2;grid-row:2}



/* Clear selected states for appearance and accent preferences. */
.theme-row button{position:relative;min-width:58px;transition:background .16s,border-color .16s,box-shadow .16s,color .16s}
.theme-row button.selected{background:#e2edfc;border-color:var(--accent);color:#183554;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent)}
.theme-row button.selected::after{content:'✓';display:inline-grid;place-items:center;width:15px;height:15px;margin-left:7px;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;font-weight:700}
body.dark .theme-row button.selected{background:#35445c;color:#fff}
.accent-options button{position:relative}
.accent-options button.selected{outline:2px solid var(--accent);outline-offset:3px;transform:scale(1.08)}
.accent-options button.selected::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800;text-shadow:0 1px 3px #172235;line-height:1}

/* Location-aware weather panel and inline status states. */
.weather-current-icon{grid-row:1/4;display:grid;place-items:center;width:46px;height:46px}
.weather-current-icon svg{width:42px;height:42px}
.weather-panel>header h2{max-width:290px;overflow-wrap:anywhere}
.weather-status{margin:10px 0 0;padding:9px 10px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:7px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:var(--ink);font-size:10px;line-height:1.45}
.weather-retry{margin-top:8px;padding:7px 10px;border-radius:6px;background:var(--accent);color:white;font-size:10px}
.weather-retry:hover{filter:brightness(1.08)}
.weather-attribution{display:block;margin-top:10px;text-align:right;color:var(--muted);font-size:8px}
.weather-attribution a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.weather-panel{max-height:calc(100vh - 78px);overflow:auto}

/* Shared app artwork stays identical across desktop, Explorer, Start and taskbar. */
.desktop-icon>svg,.file-item>svg,.pinned-grid button>svg,.taskbar-button.app-task>svg{shape-rendering:geometricPrecision;stroke-width:1.2;color:#39475a;fill:#f5f8fc;stroke:#39475a}
.desktop-icon>svg,.file-item>svg{filter:drop-shadow(0 2px 3px #13243b26)}


/* One clear, rounded scrollbar style across every DaphOS panel. */
*{scrollbar-width:thin;scrollbar-color:#667487 transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent;margin:7px}
*::-webkit-scrollbar-thumb{background:#667487;border:3px solid transparent;border-radius:999px;background-clip:padding-box;box-shadow:inset 0 0 0 1px #435064;transition:background-color .16s}
*::-webkit-scrollbar-thumb:hover{background:var(--accent);border:3px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:active{background:#3f4d61;border:3px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-button{display:none;width:0;height:0}
*::-webkit-scrollbar-corner{background:transparent}


/* Keep desktop glyphs and shortcut badges anchored at every icon size. */
.desktop-icons{--desktop-glyph-size:32px;--desktop-badge-size:14px}
.desktop-icons.compact{--desktop-glyph-size:25px;--desktop-badge-size:12px}
.desktop-icons.large{--desktop-glyph-size:40px;--desktop-badge-size:16px}
.desktop-icon>.desktop-icon-glyph>svg,.desktop-icon>.desktop-icon-glyph>.desktop-file-image{display:block;width:100%;height:100%;object-fit:cover}
.desktop-icon>.desktop-icon-glyph>.desktop-file-image{border-radius:5px}

/* Taskbar app pinning and reordering drag feedback */
.taskbar-center .app-task{cursor:grab;user-select:none;-webkit-user-drag:element}
.taskbar-center .app-task:active{cursor:grabbing}
.taskbar-center .app-task.taskbar-dragging{opacity:.42;transform:scale(.9)}
.taskbar-center .app-task.taskbar-drop-target{background:color-mix(in srgb,var(--accent) 22%,transparent);outline:1px solid var(--accent);outline-offset:1px;transform:translateY(-3px)}
.pinned-grid [data-open],.recommended [data-open]{user-select:none;-webkit-user-drag:element}
.taskbar.app-drop-target{outline:1px dashed var(--accent);outline-offset:3px;border-radius:9px;background:color-mix(in srgb,var(--accent) 12%,transparent)}

.properties-window .titlebar{touch-action:none}
@media(max-width:430px){.window.properties-window:not(.maximized):not(.snapped-left):not(.snapped-right){width:min(480px,calc(100vw - 28px));height:min(380px,calc(100vh - 86px));min-width:min(300px,calc(100vw - 28px));min-height:min(220px,calc(100vh - 86px));top:50%;left:50%;transform:translate(-50%,-50%)}}
body:after{content:'';position:fixed;inset:0;z-index:100000;pointer-events:none;background:#000;opacity:var(--screen-dim-opacity,0);transition:opacity .12s ease}
dialog{filter:brightness(calc(1 - var(--screen-dim-opacity,0)))}
.task-preview{left:8px;bottom:66px;width:min(420px,calc(100vw - 16px));height:auto;padding:10px;background:var(--surface);border:1px solid #ffffffa8;border-radius:13px;box-shadow:0 20px 54px #08162870;backdrop-filter:blur(26px) saturate(1.25);overflow:hidden}
.task-preview-title{height:32px;gap:9px;padding:0 3px 8px;font-size:12px}
.task-preview-title svg{width:17px;height:17px;flex:none}
.task-preview-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-preview-state{margin-left:auto;padding:3px 7px;border-radius:99px;background:var(--soft);color:var(--muted);font-size:9px;font-weight:500}
.task-preview-stage{position:relative;height:min(238px,34vh);min-height:142px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--surface-solid);box-shadow:inset 0 1px 4px #10213a20}
.task-preview-stage>.window{position:absolute!important;inset:auto!important;right:auto!important;bottom:auto!important;margin:0!important;transform:none!important;transform-origin:top left!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;animation:none!important;display:flex!important;pointer-events:none!important;overflow:hidden}
.task-preview-stage .titlebar{height:30px;min-height:30px;padding-left:10px;font-size:9px}
.task-preview-stage .window-title svg{width:13px;height:13px}
.task-preview-stage .statusbar,.task-preview-stage .window-controls,.task-preview-stage .window-resize-handle{display:none!important}
.task-preview-stage .preview-web-placeholder{height:100%;min-height:100px;display:grid;place-items:center;background:linear-gradient(135deg,#182839,#314c68);color:#e7eef9;font-size:12px}
.task-preview-footer{display:flex;align-items:center;justify-content:flex-end;padding:8px 3px 0;color:var(--muted);font-size:10px}
@media(max-width:680px){.task-preview{left:8px!important;width:min(420px,calc(100vw - 16px));height:auto}.task-preview-stage{height:min(220px,32vh);min-height:130px}}
.wallpaper-preview{display:flex;flex-direction:column;gap:3px;justify-content:center;align-items:center;text-align:center}
.wallpaper-preview b{font-size:17px;line-height:1;font-weight:650}
.wallpaper-preview small{font-size:6px;line-height:1;letter-spacing:.28em;font-weight:600}
.wallpaper-preview-default{background:linear-gradient(135deg,#0756a7,#278de0);color:#fff;font-family:'Segoe UI',Arial,sans-serif}
.wallpaper-preview-serif{background:radial-gradient(circle at 50% 35%,#805071,#332751 68%,#171b38);color:#fff2fa;font:400 17px Georgia,'Times New Roman',serif}
.wallpaper-preview-serif b{font-weight:400}
.wallpaper-preview-serif small{color:#e6c8df;font-size:6px}
.wallpaper-preview-grid{background-color:#0a2637;background-image:linear-gradient(#a0e8e012 1px,transparent 1px),linear-gradient(90deg,#a0e8e012 1px,transparent 1px),radial-gradient(circle,#1cbca933,#071725 75%);background-size:12px 12px,12px 12px,auto;color:#e2fff9;font:500 15px Consolas,Menlo,monospace;letter-spacing:1px}
.wallpaper-preview-grid b{font-weight:500}
.wallpaper-preview-grid small{color:#82d8cf;font-size:6px}
.wallpaper-preview-aura{background:radial-gradient(circle at 18% 12%,#fff,#fff0 42%),radial-gradient(circle at 90% 100%,#b4a5eeaa,#b4a5ee00 60%),linear-gradient(135deg,#d9f3ee,#a9d5e7 55%,#7198d0);color:#173957;font:300 17px 'Trebuchet MS',Arial,sans-serif}
.wallpaper-preview-aura b{font-weight:300}
.wallpaper-preview-aura small{color:#315a77;font-size:6px}

/* Motion system: short, layered feedback across the desktop. */
body:not(.animations-off) .desktop-icon{animation:desktop-icon-arrive .42s cubic-bezier(.2,.8,.2,1) both}
body:not(.animations-off) .desktop-icon:nth-child(2){animation-delay:.025s}
body:not(.animations-off) .desktop-icon:nth-child(3){animation-delay:.05s}
body:not(.animations-off) .desktop-icon:nth-child(4){animation-delay:.075s}
body:not(.animations-off) .desktop-icon:nth-child(5){animation-delay:.1s}
body:not(.animations-off) .desktop-icon:nth-child(6){animation-delay:.125s}
body:not(.animations-off) .desktop-icon:nth-child(7){animation-delay:.15s}
body:not(.animations-off) .desktop-icon:nth-child(8){animation-delay:.175s}
body:not(.animations-off) .desktop-icon:nth-child(n+9){animation-delay:.2s}
body:not(.animations-off) .start-menu:not(.hidden),
body:not(.animations-off) .quick-panel:not(.hidden),
body:not(.animations-off) .calendar-panel:not(.hidden),
body:not(.animations-off) .search-panel:not(.hidden),
body:not(.animations-off) .weather-panel:not(.hidden),
body:not(.animations-off) .context-menu:not(.hidden){animation:surface-pop .24s cubic-bezier(.18,.8,.25,1) both}
body:not(.animations-off) .setting-page:not(.hidden){animation:content-slide-in .28s cubic-bezier(.2,.8,.2,1) both}
body:not(.animations-off) .task-preview:not(.hidden){animation:preview-pop .22s cubic-bezier(.16,.85,.24,1) both;transform-origin:bottom center}
body:not(.animations-off) .wallpaper-choice,
body:not(.animations-off) .setting-card,
body:not(.animations-off) .setting-nav,
body:not(.animations-off) .settings-control,
body:not(.animations-off) .app-list button,
body:not(.animations-off) .about-socials a,
body:not(.animations-off) .recommended button,
body:not(.animations-off) .pinned-grid button,
body:not(.animations-off) .nav-list button,
body:not(.animations-off) .explorer-toolbar>button,
body:not(.animations-off) .window-controls button,
body:not(.animations-off) .context-menu button,
body:not(.animations-off) .weather-panel button,
body:not(.animations-off) .weather-forecast>div{transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}
body:not(.animations-off) .wallpaper-choice:hover,
body:not(.animations-off) .setting-card:hover,
body:not(.animations-off) .app-list button:hover,
body:not(.animations-off) .about-socials a:hover,
body:not(.animations-off) .recommended button:hover,
body:not(.animations-off) .pinned-grid button:hover,
body:not(.animations-off) .file-item:hover{transform:translateY(-3px)}
body:not(.animations-off) .setting-nav:hover,
body:not(.animations-off) .nav-list button:hover{transform:translateX(3px)}
body:not(.animations-off) .taskbar-button:hover{transform:translateY(-4px) scale(1.08)}
body:not(.animations-off) .taskbar-button:active{transform:translateY(0) scale(.9)}
body:not(.animations-off) .desktop-icon:hover>.desktop-icon-glyph{animation:icon-hover-wiggle .38s ease}
body:not(.animations-off) .taskbar-button.active:after{animation:indicator-in .24s cubic-bezier(.2,.8,.2,1)}
body:not(.animations-off) .weather-forecast>div:nth-child(2){animation-delay:.04s}
body:not(.animations-off) .weather-forecast>div:nth-child(3){animation-delay:.08s}
body:not(.animations-off) .weather-forecast>div:nth-child(4){animation-delay:.12s}
body:not(.animations-off) .weather-forecast>div:nth-child(5){animation-delay:.16s}
body:not(.animations-off) .weather-forecast>div{animation:forecast-arrive .32s ease both}
body:not(.animations-off) .settings-control:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent)}
@keyframes desktop-icon-arrive{from{opacity:0;translate:0 9px;scale:.94}to{opacity:1;translate:0 0;scale:1}}
@keyframes surface-pop{from{opacity:0;translate:0 12px;scale:.975}to{opacity:1;translate:0 0;scale:1}}
@keyframes content-slide-in{from{opacity:0;translate:12px 0}to{opacity:1;translate:0 0}}
@keyframes preview-pop{from{opacity:0;translate:0 10px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
@keyframes icon-hover-wiggle{0%,100%{rotate:0deg}35%{rotate:-6deg}70%{rotate:4deg}}
@keyframes forecast-arrive{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
body.animations-off *,body.animations-off *::before,body.animations-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;caret-animation:manual!important}
body.animations-off .desktop-icon:hover,body.animations-off .taskbar-button:hover,body.animations-off .taskbar-button:active,body.animations-off .wallpaper-choice:hover,body.animations-off .setting-card:hover,body.animations-off .app-list button:hover,body.animations-off .about-socials a:hover,body.animations-off .recommended button:hover,body.animations-off .pinned-grid button:hover,body.animations-off .file-item:hover,body.animations-off .setting-nav:hover,body.animations-off .nav-list button:hover{transform:none!important;translate:none!important;scale:none!important;rotate:none!important}.animation-setting{cursor:pointer}.animation-setting input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:42px;height:24px;padding:3px;border:1px solid var(--line);border-radius:99px;background:var(--soft);cursor:pointer;transition:background .2s,border-color .2s}.animation-setting input[type=checkbox]::before{content:'';display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #10243d55;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.animation-setting input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.animation-setting input[type=checkbox]:checked::before{transform:translateX(18px)}.animation-setting input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}body:not(.animations-off) .window{transition:box-shadow .2s ease,border-color .2s ease}
body:not(.animations-off) .window.focused{border-color:color-mix(in srgb,var(--accent) 48%,#ffffff);box-shadow:var(--shadow),0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}
body:not(.animations-off) .quick-toggles button:hover{transform:translateY(-2px) scale(1.025)}
body:not(.animations-off) .quick-toggles button:active{transform:scale(.96)}
body:not(.animations-off) .weather-hero img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
body:not(.animations-off) .weather-hero:hover img{transform:scale(1.035)}
body:not(.animations-off) .settings-search:focus-within{transform:translateY(-1px);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}
body.animations-off .window{transition:none!important}
/* Accessible feedback for file and settings actions. */
.notice-toast{position:absolute;left:50%;bottom:68px;z-index:1200;max-width:min(520px,calc(100vw - 28px));padding:11px 16px;border:1px solid #ffffffb8;border-radius:9px;background:var(--surface-solid);color:var(--ink);box-shadow:0 12px 34px #10243d40;font-size:11px;line-height:1.45;text-align:center;pointer-events:none;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.notice-toast.visible{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
body.animations-off .notice-toast,body.reduce-motion .notice-toast{transition:none}
@media(max-width:430px){.notice-toast{bottom:62px;max-width:calc(100vw - 20px);font-size:10px}}

html.theme-loading{background:#202a38}html.theme-loading body{visibility:hidden}
body.fs-loading #desktop{pointer-events:none}
#notesSaveButton{background:var(--accent)!important;color:#fff!important}#notesSaveButton:disabled{opacity:.52;cursor:default}.saved-indicator.unsaved{color:#c65353}
#searchPanel{display:flex;flex-direction:column;overflow:hidden;height:min(405px,calc(100vh - 80px));max-height:calc(100vh - 80px)}
#searchPanel>label{flex:0 0 42px}
#taskSearchResults{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;overflow-wrap:anywhere}
#languageControl>select{width:min(230px,52%);min-width:120px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-solid);color:var(--ink);font-size:11px}

#searchPanel{width:min(590px,calc(100vw - 16px))}

.task-preview-title{position:relative}.task-preview-close{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;padding:0;border-radius:6px;background:transparent;color:var(--muted);font-size:19px;line-height:1}.task-preview-close:hover{background:#c74646;color:#fff}.task-preview-close:focus-visible{outline:2px solid var(--accent);outline-offset:1px}

.about-website-link{display:block;width:fit-content;margin:12px auto 5px;color:var(--accent);font-size:11px;text-decoration:none}.about-website-link:hover{text-decoration:underline}.about-copyright{display:block;margin-top:4px;line-height:1.5}

#searchPanel{width:50%;height:50%;max-height:calc(100vh - 80px)}
@media(max-width:680px){#searchPanel{width:calc(100% - 24px)}}

.login-screen,.power-menu,.shutdown-screen{position:absolute;inset:0;z-index:5000;display:grid;place-items:center}.login-screen{overflow:auto;padding:24px;background:radial-gradient(ellipse at 50% 0%,#547fa2 0,#243c55 56%,#182536 100%);color:#f4f7fb}.login-card{width:min(440px,100%);padding:30px;border:1px solid #ffffff2d;border-radius:18px;background:#182434dc;box-shadow:0 24px 90px #07132185;backdrop-filter:blur(24px);text-align:center}.login-brand{display:grid;justify-items:center;gap:5px;margin-bottom:20px;color:#a9c8e8;font-size:9px;letter-spacing:.18em}.login-brand>span,.power-symbol,.shutdown-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#ffffff14;color:#a9d5fa}.login-brand svg,.shutdown-mark svg{width:28px;height:28px;fill:currentColor;stroke:none}.login-card h1{margin:0;font-size:24px;font-weight:600}.login-card>p{color:#bdc8d6;font-size:12px;line-height:1.55}.login-accounts{display:grid;gap:8px;margin:20px 0 17px}.login-account{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff0c;color:#f4f7fb;text-align:left}.login-account:hover,.login-account:focus-visible{border-color:#83bfff;background:#ffffff16}.login-account .avatar{flex:none;width:36px;height:36px}.login-account span{flex:1;font-size:12px;font-weight:600}.login-account small{color:#aab8c9;font-size:10px}.login-create{text-align:left}.login-create>label{display:block;margin-bottom:7px;color:#c4cfdb;font-size:10px}.login-create>div{display:flex;gap:7px}.login-create input{min-width:0;flex:1;padding:10px 11px;border:1px solid #ffffff2a;border-radius:8px;background:#101b29;color:#fff;font-size:11px}.login-create input:focus{border-color:#83bfff}.login-create button,.guest-sign-in{padding:10px 13px;border-radius:8px;background:#3976d2;color:#fff;font-size:11px}.login-create button:disabled,.login-create input:disabled{opacity:.5;cursor:not-allowed}.login-create>small{display:block;margin-top:7px;color:#ffd78c;font-size:10px}.login-divider{display:flex;align-items:center;gap:11px;margin:18px 0;color:#9caec1;font-size:10px}.login-divider:before,.login-divider:after{content:'';height:1px;flex:1;background:#ffffff20}.guest-sign-in{width:100%;background:#ffffff12;border:1px solid #ffffff27}.guest-sign-in:hover{background:#ffffff20}.guest-note{display:block;margin-top:9px;color:#aebccc;font-size:9px;line-height:1.5}.login-status,.login-busy{min-height:16px;margin:10px 0 0!important;color:#ffd78c!important;font-size:10px!important}.login-busy{color:#c4d7ea!important}.power-menu{background:#08111c8c;backdrop-filter:blur(8px);z-index:7000}.power-card{position:relative;width:min(350px,calc(100% - 30px));padding:30px;border:1px solid var(--line);border-radius:15px;background:var(--surface-solid);box-shadow:0 22px 70px #02071188;text-align:center}.power-close{position:absolute;top:10px;right:12px;width:30px;height:30px;border-radius:7px;background:transparent;color:var(--muted);font-size:20px}.power-close:hover{background:var(--soft)}.power-symbol{margin:0 auto 14px;background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}.power-symbol svg,.power-action svg{width:19px;height:19px}.power-card h2{margin:0;font-size:18px}.power-card>p{margin:7px 0 20px;color:var(--muted);font-size:11px}.power-action{display:flex;align-items:center;gap:12px;width:100%;padding:12px;margin-top:8px;border:1px solid var(--line);border-radius:8px;background:var(--soft);text-align:left;font-size:11px}.power-action:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--soft))}.power-action svg{color:var(--accent)}.shutdown-screen{z-index:9000;background:#05080d;color:#f2f5f8;opacity:1;animation:shutdown-fade 3s ease-in forwards}.shutdown-content{display:grid;justify-items:center;gap:17px;text-align:center}.shutdown-mark{width:64px;height:64px}.shutdown-mark svg{width:36px;height:36px}.shutdown-content p{margin:0;font-size:15px}.shutdown-content b{font-size:22px;font-weight:400;color:#9db8d4}.shutdown-spinner{width:24px;height:24px;border:2px solid #ffffff35;border-top-color:#c8e2ff;border-radius:50%;animation:shutdown-spin .8s linear infinite}.shutdown-screen.powered-off{animation:none;background:#05080d}.shutdown-screen.powered-off .shutdown-content{display:none}.shutdown-screen.powered-off:after{content:'DaphOS kapatıldı';color:#8490a0;font-size:12px;letter-spacing:.03em}@keyframes shutdown-fade{0%{background:#23364b}100%{background:#05080d}}@keyframes shutdown-spin{to{transform:rotate(360deg)}}body.animations-off .shutdown-screen .shutdown-spinner{animation:none}@media(max-width:480px){.login-screen{padding:14px}.login-card{padding:24px 18px}.login-card h1{font-size:21px}.login-create>div{flex-direction:column}.login-create button{width:100%}}
.shutdown-screen.powered-off .shutdown-content{display:grid}.shutdown-screen.powered-off .shutdown-mark,.shutdown-screen.powered-off #shutdownCounter,.shutdown-screen.powered-off .shutdown-spinner{display:none}.shutdown-screen.powered-off .shutdown-content p{color:#8490a0;font-size:12px;letter-spacing:.03em}.shutdown-screen.powered-off:after{content:none}

/* Refined sign-in, compact power popup, and softer desktop motion. */
.login-screen{isolation:isolate;background:radial-gradient(ellipse at 50% 5%,#304967 0,#1a2a3e 48%,#101a29 100%)}
.login-screen:before,.login-screen:after{content:'';position:absolute;z-index:-1;width:42vw;height:42vw;max-width:580px;max-height:580px;border-radius:50%;filter:blur(90px);opacity:.28;pointer-events:none}
.login-screen:before{top:-25%;left:-8%;background:#4b93ce;animation:ambient-drift 14s ease-in-out infinite alternate}
.login-screen:after{right:-9%;bottom:-32%;background:#7564c3;animation:ambient-drift 17s ease-in-out infinite alternate-reverse}
.login-card{position:relative;width:min(460px,100%);padding:34px;border-color:#ffffff27;border-radius:22px;background:linear-gradient(145deg,#1b2b3feF,#142134ed);box-shadow:0 30px 100px #020a1680,0 1px 0 #ffffff16 inset;animation:login-card-enter .64s cubic-bezier(.18,.86,.24,1.08) both}
.login-brand{gap:8px;margin-bottom:22px;color:#afc9e5}.login-brand>span{width:52px;height:52px;border:1px solid #ffffff20;border-radius:17px;background:linear-gradient(145deg,#ffffff20,#ffffff08);box-shadow:0 9px 30px #62a2d22b}.login-brand svg{width:29px;height:29px;filter:drop-shadow(0 0 10px #78b9f955)}
.login-card h1{font-size:26px;letter-spacing:-.035em}.login-card>p:not(.login-status):not(.login-busy){margin:9px 0 16px;color:#aebed0}.login-accounts{gap:9px;margin:18px 0 15px}.login-account{min-height:58px;padding:10px 13px;border-radius:12px;background:linear-gradient(110deg,#ffffff10,#ffffff06);box-shadow:0 1px 0 #ffffff0c inset;transition:transform .28s cubic-bezier(.2,.8,.2,1),background .25s,border-color .25s,box-shadow .25s;animation:account-arrive .42s cubic-bezier(.2,.8,.2,1) both}.login-account:nth-child(2){animation-delay:.07s}.login-account:nth-child(3){animation-delay:.14s}.login-account:hover{transform:translateY(-2px) scale(1.012);box-shadow:0 10px 26px #050c1844}.login-account .avatar{width:39px;height:39px;box-shadow:0 4px 14px #070c1b38}.login-account span{font-size:12px}.login-account small{padding:6px 9px;border:1px solid #ffffff16;border-radius:20px;background:#ffffff08;color:#b8c9dc;transition:background .2s,color .2s}.login-account:hover small{background:#4381cb;color:#fff}
.no-accounts-message{display:none;margin:13px 0 18px!important;padding:13px 14px;border:1px solid #ffffff17;border-radius:11px;background:#ffffff08;color:#bac8d8!important;font-size:11px!important;line-height:1.55;text-align:left}.login-accounts:empty+.no-accounts-message{display:block}
.login-create>label{font-size:10px;letter-spacing:.025em}.login-create input{height:42px;border-color:#ffffff20;border-radius:10px;background:#0e1928;font-size:11px;transition:border-color .2s,box-shadow .2s,background .2s}.login-create input:focus{background:#111f31;box-shadow:0 0 0 3px #73b5ff25}.login-create button,.guest-sign-in{min-height:42px;border-radius:10px;font-size:11px;font-weight:600;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s,box-shadow .22s}.login-create button{background:linear-gradient(135deg,#478ce1,#356cc5);box-shadow:0 6px 17px #2868bd3b}.login-create button:hover,.guest-sign-in:hover{transform:translateY(-2px);box-shadow:0 9px 24px #347ac044}.login-create button:active,.guest-sign-in:active{transform:scale(.98)}.login-divider{margin:16px 0}.guest-sign-in{border-color:#ffffff20;background:#ffffff0d;color:#dbe7f4}.guest-sign-in:hover{background:#ffffff17}.guest-note{color:#8fa2b8;font-size:9px}.login-status,.login-busy{min-height:16px}.login-language-control{position:absolute;right:18px;bottom:16px;z-index:2;display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #ffffff20;border-radius:9px;background:#0d1725a8;color:#c4d3e2;box-shadow:0 8px 25px #03091540;backdrop-filter:blur(14px);transition:background .2s,border-color .2s}.login-language-control:hover{border-color:#ffffff42;background:#172438}.login-language-control svg{width:15px;height:15px;flex:none}.login-language-control select{width:auto;max-width:110px;border:0;outline:0;background:transparent;color:inherit;font-size:10px;cursor:pointer}.login-language-control option{background:#172438;color:#fff}
.power-menu{position:absolute;inset:auto auto auto auto;display:block;width:260px;z-index:7000;pointer-events:none;background:transparent;backdrop-filter:none}.power-menu:not(.hidden){animation:power-menu-enter .26s cubic-bezier(.18,.86,.24,1.08) both}.power-card{position:relative;width:260px;padding:18px 14px 14px;border-color:#ffffff25;border-radius:14px;background:color-mix(in srgb,var(--surface-solid) 95%,transparent);box-shadow:0 18px 50px #07111f65,0 1px 0 #ffffff14 inset;backdrop-filter:blur(25px) saturate(1.2);text-align:left;pointer-events:auto}.power-card h2{padding:0 25px 9px 4px;font-size:12px}.power-card>p{display:none}.power-close{top:9px;right:9px;width:26px;height:26px;font-size:18px;transition:background .2s,transform .2s}.power-close:hover{transform:rotate(90deg)}.power-symbol{position:absolute;top:13px;left:14px;width:20px;height:20px;margin:0;border-radius:6px;background:transparent}.power-symbol svg{width:15px;height:15px}.power-card h2{padding-left:27px}.power-action{min-height:40px;margin-top:5px;padding:9px 10px;border-radius:9px;font-size:10px;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s,border-color .2s}.power-action:hover{transform:translateX(2px)}.power-action.shutdown-action:hover{border-color:#e17e80;background:#a43b3d29}.power-menu:before{content:'';position:absolute;top:var(--power-arrow-top,50%);width:10px;height:10px;transform:translateY(-50%) rotate(45deg);background:var(--surface-solid);border:1px solid #ffffff25;z-index:0}.power-menu.opens-right:before{left:-5px;border-top:0;border-right:0}.power-menu.opens-left:before{right:-5px;border-bottom:0;border-left:0}
.login-screen.login-arriving{animation:login-screen-in .55s ease both}.login-screen.login-leaving{animation:login-screen-out .34s cubic-bezier(.4,0,.8,.4) both}.desktop-session-in .desktop-icons .desktop-icon{animation:desktop-icon-arrive .48s cubic-bezier(.2,.8,.2,1) both}.desktop-session-in .desktop-icons .desktop-icon:nth-child(2){animation-delay:.06s}.desktop-session-in .desktop-icons .desktop-icon:nth-child(3){animation-delay:.12s}.desktop-session-in .desktop-icons .desktop-icon:nth-child(4){animation-delay:.18s}.desktop-session-in .taskbar{animation:taskbar-arrive .42s cubic-bezier(.2,.8,.2,1) both}.desktop-session-in .window:not(.hidden){animation:window-in .34s cubic-bezier(.18,.86,.24,1.08) both}
body:not(.animations-off) .window{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s}.body.animations-off .login-card,.body.animations-off .login-account,.body.animations-off .power-menu,.body.animations-off .desktop-icons .desktop-icon,.body.animations-off .taskbar{animation:none!important}
@keyframes ambient-drift{from{transform:translate3d(0,0,0) scale(.9)}to{transform:translate3d(7vw,5vh,0) scale(1.1)}}@keyframes login-card-enter{from{opacity:0;transform:translateY(18px) scale(.975);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes account-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes power-menu-enter{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes login-screen-in{from{opacity:0}to{opacity:1}}@keyframes login-screen-out{to{opacity:0;transform:scale(1.015);filter:blur(4px)}}@keyframes taskbar-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:500px){.login-screen{align-items:start;padding:20px 14px 70px}.login-card{margin:auto 0;padding:26px 19px}.login-card h1{font-size:23px}.login-create>div{flex-direction:column}.login-create button{width:100%}.login-language-control{right:12px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.login-screen:before,.login-screen:after,.login-card,.login-account,.login-screen.login-arriving,.login-screen.login-leaving,.power-menu,.desktop-session-in .desktop-icon,.desktop-session-in .taskbar{animation:none!important;transition:none!important}}
body.animations-off .login-card,body.animations-off .login-account,body.animations-off .power-menu,body.animations-off .desktop-icons .desktop-icon,body.animations-off .taskbar{animation:none!important;transition:none!important}
body:not(.animations-off) .window:not(.hidden){animation-duration:.34s}body:not(.animations-off) .start-menu:not(.hidden),body:not(.animations-off) .search-panel:not(.hidden),body:not(.animations-off) .quick-panel:not(.hidden),body:not(.animations-off) .calendar-panel:not(.hidden),body:not(.animations-off) .context-menu:not(.hidden){animation-duration:.3s}.login-language-control select{transition:color .2s ease}
#loginScreen{max-width:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none}
@keyframes ambient-drift{from{transform:translate3d(0,0,0) scale(.94)}to{transform:translate3d(0,2vh,0) scale(1.06)}}

.about-feedback{max-width:520px;margin:9px auto 0;color:var(--muted);font-size:12px;line-height:1.5}.about-feedback a{color:var(--accent);font-weight:600;text-decoration:none}.about-feedback a:hover{text-decoration:underline}