:root{--accent:#0a84ff;--glass:rgba(245,247,252,.82);--text:#17202d;--muted:#64748b;--line:rgba(20,30,45,.13);--shadow:0 26px 70px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);overflow:hidden}button,input,textarea{font:inherit}.desktop{height:100%;background:linear-gradient(130deg,#152b68 0%,#6b45a6 43%,#ec80a7 72%,#f7ba9e 100%);position:relative}.desktop:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 90%,rgba(100,210,255,.38),transparent 28%),radial-gradient(circle at 80% 25%,rgba(255,255,255,.2),transparent 24%);pointer-events:none}.menu-bar{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;background:rgba(240,244,251,.66);backdrop-filter:blur(28px) saturate(150%);border-bottom:1px solid rgba(255,255,255,.28);position:relative;z-index:1000;font-size:13px}.menu-left,.menu-right{display:flex;align-items:center;height:100%;gap:2px}.menu-item,.menu-logo,.status-btn{border:0;background:transparent;padding:4px 7px;border-radius:6px;color:inherit}.menu-item:hover,.menu-logo:hover,.status-btn:hover{background:rgba(255,255,255,.45)}.strong{font-weight:700}.clock{padding-left:6px;font-weight:600}.desktop-area{position:absolute;inset:30px 0 0}.desktop-icons{position:absolute;right:20px;top:20px;display:grid;gap:18px;z-index:1}.desktop-icon{border:0;background:transparent;color:#fff;text-shadow:0 1px 5px #000;width:80px;display:grid;gap:4px;justify-items:center}.icon-image{font-size:42px;filter:drop-shadow(0 5px 8px rgba(0,0,0,.35))}.window{position:absolute;min-width:290px;min-height:210px;border:1px solid rgba(255,255,255,.38);border-radius:13px;background:var(--glass);backdrop-filter:blur(30px) saturate(135%);box-shadow:var(--shadow);overflow:hidden;z-index:10;resize:both}.window.active{z-index:100}.window.hidden,.hidden{display:none!important}.window.maximized{left:5px!important;top:5px!important;width:calc(100% - 10px)!important;height:calc(100% - 92px)!important;resize:none}.window.minimized{display:none}.window-titlebar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.28);user-select:none;cursor:default}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.traffic-lights{display:flex;gap:8px;width:74px}.traffic{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.12);padding:0}.close{background:#ff5f57}.minimize{background:#febc2e}.maximize{background:#28c840}.window-title{font-weight:700;font-size:13px}.title-spacer{width:74px}.finder-layout,.notes-layout,.settings-layout{height:calc(100% - 38px);display:flex}.sidebar,.notes-list,.settings-side{width:180px;background:rgba(225,230,240,.48);border-right:1px solid var(--line);padding:14px 10px}.sidebar-heading{font-size:11px;color:var(--muted);font-weight:700;margin:9px 10px 4px}.side-link,.setting-link{width:100%;border:0;background:transparent;text-align:left;padding:7px 9px;border-radius:6px}.side-link.active,.setting-link.active,.side-link:hover,.setting-link:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.finder-main,.settings-main{flex:1;min-width:0}.finder-toolbar{height:45px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px}.toolbar-btn{border:0;background:rgba(255,255,255,.42);border-radius:6px;padding:4px 9px;margin-right:3px}.file-grid{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));padding:25px;gap:18px}.file-card{border:0;background:transparent;padding:8px;border-radius:10px;display:grid;justify-items:center;gap:8px}.file-card:hover{background:rgba(255,255,255,.38)}.file-card span{font-size:54px}.notes-list{width:210px}.new-note{width:100%;border:0;background:var(--accent);color:#fff;border-radius:8px;padding:8px;margin-bottom:12px}.note-row{width:100%;border:0;background:transparent;text-align:left;padding:10px;border-radius:8px;display:grid;gap:3px}.note-row.active{background:rgba(255,255,255,.55)}.note-row small,.settings-main small,.profile small{color:var(--muted)}.note-editor{flex:1;border:0;outline:0;resize:none;background:rgba(255,255,255,.35);padding:28px;font-size:16px;line-height:1.6;color:inherit}.calculator{height:calc(100% - 38px);background:#242424;padding:14px;display:flex;flex-direction:column}.calculator input{width:100%;flex:0 0 90px;background:transparent;border:0;color:#fff;text-align:right;font-size:48px;padding:10px}.calc-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.calc-grid button{border:0;border-radius:50%;background:#505050;color:white;font-size:20px}.calc-grid button:nth-child(-n+3){background:#b9b9b9;color:#111}.calc-grid .operator{background:#ff9f0a}.calc-grid .zero{grid-column:span 2;border-radius:50px;text-align:left;padding-left:24px}.settings-side{width:220px}.profile{display:flex;align-items:center;gap:10px;padding:5px 8px 15px}.profile>div:last-child{display:grid}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#16a8ff,#6f5cff);color:white;font-weight:800}.avatar.big{width:86px;height:86px;font-size:34px}.settings-main{padding:25px}.appearance-options{display:flex;gap:18px;margin:24px 0}.appearance-card{border:2px solid transparent;background:transparent;border-radius:12px;padding:7px}.appearance-card.active,.appearance-card:hover{border-color:var(--accent)}.preview{width:110px;height:70px;border-radius:8px;border:1px solid var(--line)}.light-preview{background:linear-gradient(#eee 25%,#fff 25%)}.dark-preview{background:linear-gradient(#252525 25%,#444 25%)}.auto-preview{background:linear-gradient(90deg,#fff 50%,#333 50%)}.setting-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:17px 2px}.setting-row>div{display:grid;gap:3px}.switch input{display:none}.switch span{display:block;width:44px;height:24px;background:#aaa;border-radius:20px;position:relative}.switch span:before{content:"";position:absolute;width:20px;height:20px;left:2px;top:2px;border-radius:50%;background:white;transition:.2s}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:before{transform:translateX(20px)}.about-content{text-align:center;padding:28px}.about-logo{width:70px;height:70px;border-radius:17px;display:grid;place-items:center;margin:auto;background:linear-gradient(135deg,#0ca7ff,#7656ff);color:white;font-size:40px;font-weight:900}.primary-btn{border:0;background:var(--accent);color:white;padding:9px 17px;border-radius:8px}.dock{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;align-items:end;gap:7px;padding:7px 9px;background:rgba(240,244,251,.52);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(25px) saturate(160%);border-radius:18px;z-index:2000;box-shadow:0 12px 30px rgba(0,0,0,.25)}.dock-app{position:relative;border:0;background:transparent;padding:0;transition:.18s transform}.dock-app:hover{transform:translateY(-8px) scale(1.18)}.dock-app span{display:grid;place-items:center;width:49px;height:49px;font-size:35px;background:rgba(255,255,255,.5);border-radius:12px;box-shadow:0 3px 8px rgba(0,0,0,.2)}.dock-app.running:after{content:"";position:absolute;bottom:-5px;left:50%;width:4px;height:4px;border-radius:50%;background:#333}.dock-divider{height:45px;width:1px;background:rgba(50,50,50,.24);margin:0 3px}.popover{position:absolute;z-index:3000;top:3px;left:8px;width:230px;padding:6px;background:rgba(245,247,252,.88);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.6);border-radius:9px;box-shadow:0 15px 40px rgba(0,0,0,.25)}.popover button{width:100%;border:0;background:transparent;text-align:left;padding:7px 10px;border-radius:6px}.popover button:hover{background:var(--accent);color:white}.popover hr{border:0;border-top:1px solid var(--line)}.control-popover{left:auto;right:8px;width:310px;padding:12px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.control-tile{display:flex!important;gap:9px;align-items:center;background:rgba(255,255,255,.45)!important}.control-popover label{display:grid;gap:7px;margin-top:13px;font-weight:600}.browser-toolbar{height:48px;padding:8px;display:flex;gap:7px;border-bottom:1px solid var(--line)}.browser-toolbar button{border:0;border-radius:7px;padding:0 12px}.browser-toolbar input{flex:1;border:0;border-radius:8px;padding:0 12px;background:rgba(255,255,255,.55)}.browser-page{height:calc(100% - 86px);background:white}.browser-page iframe{width:100%;height:100%;border:0}.start-page{height:100%;display:grid;place-content:center;text-align:center;color:#222;padding:40px}.favorites{display:flex;justify-content:center;gap:15px;margin-top:20px}.favorites button{width:95px;height:85px;border:0;border-radius:14px;background:#eee;font-size:24px}.favorites small{font-size:11px}.lock-screen{position:absolute;inset:-30px 0 0;background:linear-gradient(140deg,#173471,#7045a5,#ee88ac);z-index:5000;color:white;text-align:center;padding-top:70px}.lock-clock{font-size:80px;font-weight:200}.lock-date{font-size:22px}.lock-user{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:10px}.lock-user button{border:0;background:rgba(255,255,255,.26);color:white;padding:9px 18px;border-radius:20px}.reduce-transparency .window,.reduce-transparency .dock,.reduce-transparency .menu-bar,.reduce-transparency .popover{backdrop-filter:none;background:#f0f2f6}.dark{--glass:rgba(28,31,38,.86);--text:#f7f8fb;--muted:#aeb7c5;--line:rgba(255,255,255,.12)}.dark .menu-bar,.dark .dock,.dark .popover{background:rgba(28,31,38,.72);color:white}.dark .browser-page{background:#20242b}.dark .start-page{color:white}.dark .favorites button{background:#343942;color:white}@media(max-width:760px){.menu-item:not(.strong){display:none}.window{left:2%!important;top:5%!important;width:96%!important;height:calc(100% - 105px)!important;resize:none}.sidebar,.settings-side{width:145px}.file-grid{grid-template-columns:repeat(2,1fr);padding:12px}.desktop-icons{display:none}.dock-app span{width:42px;height:42px;font-size:29px}.dock{gap:2px}.appearance-options{gap:4px}.preview{width:75px}.notes-list{width:150px}}