*{box-sizing:border-box} :root{--glass:rgba(22,25,36,.68);--line:rgba(255,255,255,.13);--muted:rgba(255,255,255,.62);--text:#fff;--accent:#a9b8ff;--radius:26px}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080910;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif}button,input{font:inherit}button{color:inherit;border:0;cursor:pointer}.ambient{position:fixed;inset:-15%;background:radial-gradient(ellipse at 22% 20%,#3b2b6b 0,transparent 32%),radial-gradient(ellipse at 78% 72%,#183f67 0,transparent 36%),linear-gradient(140deg,#090a12,#17182c 55%,#070910);filter:blur(24px)}.device-shell{position:absolute;inset:0;display:grid;place-items:center;padding:20px;transition:all .65s cubic-bezier(.2,.8,.2,1)}.device-frame{position:relative;width:min( min(94vw,1500px), calc(94vh * 1.52));height:min( min(84vh,980px), calc(94vw / 1.52));border-radius:34px;padding:9px;background:linear-gradient(145deg,#7c8290,#222631 25%,#090b10 58%,#737987);box-shadow:0 45px 120px #000b,0 0 0 1px #ffffff33,inset 0 1px 1px #fff8;transition:width .65s cubic-bezier(.2,.8,.2,1),height .65s cubic-bezier(.2,.8,.2,1),border-radius .65s,transform .65s}.screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:27px;background:#15182a;isolation:isolate;transition:border-radius .65s}.wallpaper{position:absolute;inset:-8%;z-index:-3;background:radial-gradient(ellipse at 22% 25%,#f0a3a9 0,transparent 22%),radial-gradient(ellipse at 65% 20%,#b4a5ff 0,transparent 27%),radial-gradient(ellipse at 65% 75%,#4ca5c2 0,transparent 31%),radial-gradient(ellipse at 32% 80%,#393c8a 0,transparent 30%),linear-gradient(125deg,#181d3c,#4b467a 48%,#152c4d);filter:saturate(1.12);transform:scale(1.05)}.wallpaper:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#ffffff14,transparent 38%,#0002)}.grain{position:absolute;inset:0;z-index:-1;opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.status{height:42px;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 27px;z-index:20;font-size:12px;font-weight:700;letter-spacing:.1px}.status-left{display:flex;align-items:center;gap:10px}.date{font-weight:500;color:#ffffffa6}.status-right{display:flex;align-items:center;gap:9px;font-size:15px}.battery{width:21px;height:10px;border:1.4px solid #fff;border-radius:3px;padding:1px;position:relative}.battery:after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:4px;border-radius:0 2px 2px 0;background:#fff}.battery i{display:block;width:86%;height:100%;background:#fff;border-radius:1px}.island{position:absolute;left:50%;transform:translateX(-50%);height:26px;min-width:120px;padding:0 11px;border-radius:30px;background:#050506;display:flex;align-items:center;gap:7px;box-shadow:0 2px 10px #0005;font-size:10px;color:#ddd;transition:all .3s}.island.expanded{min-width:220px;height:48px;border-radius:24px}.island-dot{width:6px;height:6px;background:#39d98a;border-radius:50%}.island-wave{display:flex;align-items:center;gap:2px;margin-left:auto}.island-wave i{width:2px;height:7px;border-radius:2px;background:#a7b6ff;animation:wave .7s infinite alternate}.island-wave i:nth-child(2){animation-delay:.2s}.island-wave i:nth-child(3){animation-delay:.4s}@keyframes wave{to{height:13px}}.home-layout{position:absolute;inset:42px 0 42px;display:grid;grid-template-columns:minmax(205px,26%) 1fr 64px;gap:18px;padding:16px 15px 12px 22px;transition:all .55s cubic-bezier(.2,.8,.2,1)}.today-panel{overflow-y:auto;scrollbar-width:none;padding:8px 4px 20px 2px;display:flex;flex-direction:column;gap:13px;transition:opacity .3s,transform .5s}.today-panel::-webkit-scrollbar,.pages-area::-webkit-scrollbar{display:none}.greeting{padding:7px 8px 4px}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#ffffffa8;font-weight:700}.greeting h1{font-size:clamp(25px,3vw,42px);line-height:1.05;letter-spacing:-1.7px;margin:8px 0 6px}.greeting p{margin:0;color:#ffffffb5;font-size:12px}.widget{background:linear-gradient(145deg,#ffffff27,#ffffff0c);border:1px solid #ffffff24;border-radius:20px;padding:14px 15px;backdrop-filter:blur(24px) saturate(1.5);box-shadow:inset 0 1px #ffffff15,0 8px 25px #0001}.widget-top{display:flex;justify-content:space-between;color:#ffffff9a;font-size:9px;font-weight:800;letter-spacing:1.1px}.weather-main{display:flex;justify-content:space-between;align-items:center;margin:9px 0}.weather-main strong{font-size:36px;font-weight:500;letter-spacing:-2px}.weather-main small{display:block;font-size:10px;color:#ffffffb8}.weather-icon{font-size:35px;color:#ffe7a2}.weather-foot{display:flex;justify-content:space-between;font-size:9px;color:#ffffffa4}.calendar-date{display:flex;align-items:center;gap:9px;margin:9px 0}.calendar-date b{font-size:30px}.calendar-date span{font-size:10px;color:#ff8e9c;font-weight:800}.event{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff20;padding-top:10px}.event i{width:3px;height:30px;border-radius:4px;background:#8fa9ff}.event b,.event small{display:block;font-size:10px}.event small{color:#ffffff9a;margin-top:3px}.battery-row{display:flex;align-items:center;gap:8px;font-size:10px;margin:12px 0 7px}.battery-row b{margin-left:auto}.mini-device{color:#8be0a8}.progress{height:5px;background:#ffffff2b;border-radius:9px;overflow:hidden}.progress i{display:block;width:86%;height:100%;background:#8be0a8;border-radius:9px}.notes-widget p{font-size:11px;color:#ffffff9b;margin:12px 0 3px}.pages-area{min-width:0;display:flex;flex-direction:column;padding:7px 4px 0;overflow:hidden}.page-heading{display:flex;justify-content:space-between;align-items:end;margin:2px 4px 17px}.page-heading h2{font-size:clamp(22px,2.4vw,32px);letter-spacing:-1.2px;margin:5px 0 0}.page-indicator{display:flex;gap:6px;padding-bottom:5px}.dot{width:6px;height:6px;border-radius:9px;background:#ffffff60;padding:0;transition:all .2s}.dot.active{width:18px;background:#fff}.app-pages{flex:1;min-height:0;position:relative;overflow:hidden}.app-page{position:absolute;inset:0;display:none;overflow-y:auto;scrollbar-width:none;align-content:start;animation:pageIn .35s ease}.app-page.active{display:block}@keyframes pageIn{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:none}}.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2.5vh,26px) 10px;padding:7px 2px 20px}.app-icon,.dock-app{background:none;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:0;transition:transform .16s}.app-icon:active,.dock-app:active{transform:scale(.88)}.glyph{width:clamp(43px,5.2vw,65px);height:clamp(43px,5.2vw,65px);border-radius:15px;display:grid;place-items:center;font-size:28px;font-weight:600;color:white;box-shadow:0 7px 16px #0003,inset 0 1px #ffffff7a;position:relative;overflow:hidden}.glyph:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#ffffff45,transparent 48%,#0002);pointer-events:none}.app-icon small{font-size:10px;text-shadow:0 2px 5px #0008;color:#fff;white-space:nowrap}.messages{background:linear-gradient(145deg,#6be88d,#13a64d)}.photos{background:conic-gradient(from 20deg,#f5a33b,#f45c74,#a16df2,#418bff,#48d4c1,#f5a33b)}.camera{background:linear-gradient(145deg,#66707e,#252a33)}.safari{background:linear-gradient(145deg,#a9e4ff,#1680e9)}.music{background:linear-gradient(145deg,#fa8da9,#d32260)}.mail{background:linear-gradient(145deg,#8cd7ff,#2673d9)}.calendar{background:linear-gradient(145deg,#fff,#e9eaf0);color:#ed4551;font-size:22px}.maps{background:linear-gradient(145deg,#a8dfab,#388d67)}.weather{background:linear-gradient(145deg,#78caff,#3d72d9)}.notes{background:linear-gradient(145deg,#fff2a7,#f6c83e);color:#765a18}.files{background:linear-gradient(145deg,#9ad4ff,#2775ca)}.settings{background:linear-gradient(145deg,#aeb8c5,#505b6c)}.clock{background:linear-gradient(145deg,#fff,#dce3ed);color:#202632}.health{background:linear-gradient(145deg,#ff8b9a,#d72d56)}.podcasts{background:linear-gradient(145deg,#d7a4ff,#8c35d9)}.tv{background:linear-gradient(145deg,#555b69,#10131b)}.store{background:linear-gradient(145deg,#86bfff,#2864d7)}.shortcuts{background:linear-gradient(145deg,#f5c8ff,#9d54e9)}.reminders{background:linear-gradient(145deg,#fff,#e3e9ef);color:#3c73cc}.contacts{background:linear-gradient(145deg,#a8c9ff,#3862ad)}.calculator{background:linear-gradient(145deg,#4d5867,#17202b)}.freeform{background:linear-gradient(145deg,#ffda8a,#ef8b5d)}.voice{background:linear-gradient(145deg,#ff9eb0,#c52d56)}.tips{background:linear-gradient(145deg,#ffe69b,#efae35);color:#875d13}.phone{background:linear-gradient(145deg,#6be88d,#13a64d)}.suggestion-card{display:flex;align-items:center;gap:13px;margin:8px 2px 12px;padding:14px;border-radius:19px;background:linear-gradient(110deg,#ffffff25,#ffffff0d);border:1px solid #ffffff22;backdrop-filter:blur(20px)}.suggestion-art{width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#d3c7ff,#647ee8);display:grid;place-items:center;font-size:22px}.suggestion-card b,.suggestion-card small{display:block;font-size:10px}.suggestion-card b{margin:4px 0}.suggestion-card small{color:#ffffffa5}.chevron{margin-left:auto;color:#ffffff8a;font-size:22px}.dock{height:74px;flex:none;margin:9px auto 0;padding:8px 13px;display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.4vw,18px);border:1px solid #ffffff35;border-radius:23px;background:#ffffff22;backdrop-filter:blur(34px) saturate(1.7);box-shadow:0 12px 30px #0002,inset 0 1px #ffffff45;max-width:100%}.dock-app .glyph{width:48px;height:48px;border-radius:14px;font-size:23px}.dock-divider{width:1px;height:34px;background:#ffffff50;margin:0 2px}.side-rail{border:1px solid #ffffff22;border-radius:24px;background:#10152262;backdrop-filter:blur(24px);display:flex;flex-direction:column;align-items:center;padding:10px 5px;gap:8px;box-shadow:inset 0 1px #ffffff15}.rail-button{width:43px;height:43px;border-radius:15px;background:transparent;color:#ffffffb5;font-size:21px;transition:.2s}.rail-button.selected,.rail-button:hover{background:#ffffff26;color:#fff}.rail-spacer{flex:1}.home-indicator{position:absolute;z-index:30;bottom:10px;left:50%;transform:translateX(-50%);width:100px;height:4px;border-radius:5px;background:#ffffffbd;box-shadow:0 1px 3px #0005}.fold-controls{position:absolute;z-index:40;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:7px 11px;border:1px solid #ffffff25;border-radius:15px;background:#070910a8;backdrop-filter:blur(20px);font-size:8px;letter-spacing:1px;color:#ffffffa8;white-space:nowrap}.fold-controls button{background:#ffffff17;border-radius:8px;padding:5px 8px;font-size:9px}.fold-controls input{width:105px;accent-color:#b7c2ff}.fold-controls #rotateButton{font-size:15px;padding:2px 7px}.app-window-layer{position:absolute;inset:44px 68px 48px 20px;z-index:25;pointer-events:none}.app-window{position:absolute;inset:0;background:rgba(245,246,250,.94);color:#20232a;border-radius:24px;box-shadow:0 30px 80px #0007,0 0 0 1px #ffffff80;overflow:hidden;display:flex;flex-direction:column;pointer-events:auto;animation:windowOpen .38s cubic-bezier(.2,.8,.2,1)}@keyframes windowOpen{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}.app-window.dark{background:rgba(27,29,37,.95);color:#fff}.window-bar{height:55px;display:flex;align-items:center;gap:10px;padding:0 17px;border-bottom:1px solid #8882;flex:none}.window-app-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:white;font-weight:700}.window-title{font-weight:700;font-size:14px;flex:1}.window-actions{display:flex;gap:7px}.window-actions button{width:29px;height:29px;border-radius:50%;background:#85858520;color:inherit;font-size:15px}.window-content{padding:20px;overflow:auto;flex:1}.window-content h1{font-size:30px;letter-spacing:-1px;margin:0 0 10px}.window-content p{line-height:1.5;color:inherit;opacity:.72;font-size:13px}.browser-bar{display:flex;gap:8px;margin:15px 0}.browser-bar input{flex:1;min-width:0;border:0;border-radius:11px;padding:12px;background:#8882;color:inherit}.browser-bar button,.primary{background:#3578ed;color:#fff;border-radius:11px;padding:10px 14px}.browser-hero{padding:24px;border-radius:18px;background:linear-gradient(130deg,#283e75,#8a6fbd);color:white}.browser-hero h2{font-size:25px;margin:0 0 6px}.browser-hero p{color:#fff}.app-list-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #8883}.app-list-row b{font-size:13px}.app-list-row small{display:block;opacity:.6;margin-top:3px}.app-list-row button{margin-left:auto;background:#8882;color:inherit;border-radius:9px;padding:8px}.settings-row{padding:14px;border-radius:13px;background:#8881;margin:9px 0;display:flex;justify-content:space-between;font-size:13px}.split-window{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:4px}.split-window .app-window{position:relative;inset:auto;border-radius:20px}.split-handle{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:5px;height:65px;border-radius:9px;background:#ffffffaa;box-shadow:0 0 0 5px #1112}.panel{position:absolute;z-index:35;top:45px;right:12px;width:min(360px,80%);max-height:calc(100% - 100px);padding:15px;border-radius:25px;background:rgba(24,27,39,.88);border:1px solid #ffffff2a;backdrop-filter:blur(35px) saturate(1.5);box-shadow:0 25px 80px #0007;transform:translateX(120%);opacity:0;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .3s;overflow:auto}.panel.open{transform:none;opacity:1}.panel-handle{width:35px;height:4px;border-radius:5px;background:#ffffff50;margin:0 auto 13px}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h2{font-size:19px;letter-spacing:-.5px}.panel-title button{background:#ffffff1d;border-radius:50%;width:28px;height:28px;font-size:20px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.control-tile{height:92px;border-radius:17px;background:#ffffff14;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:13px;gap:4px;text-align:left}.control-tile.active{background:#4b76c9}.control-tile span{font-size:20px}.control-tile b{font-size:11px}.control-tile small{font-size:9px;color:#ffffffa9}.slider-tile{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;padding:13px;border-radius:15px;background:#ffffff14;margin-top:10px}.slider-tile input{width:100%;accent-color:#fff}.slider-tile b{grid-column:2;font-size:10px}.control-footer{display:flex;gap:8px;margin-top:12px}.control-footer button{flex:1;background:#ffffff18;padding:10px;border-radius:11px;font-size:10px}.notification-card{display:flex;gap:11px;padding:14px;border-radius:17px;background:#ffffff14;margin-top:10px}.notif-icon{width:31px;height:31px;flex:none;border-radius:9px;display:grid;place-items:center;color:white}.notification-card b{font-size:11px}.notification-card small{float:right;color:#ffffff88;font-size:9px}.notification-card p{font-size:11px;line-height:1.4;color:#ffffffc2;margin:7px 0 0}.search-panel{left:50%;right:auto;top:15%;width:min(520px,90%);transform:translate(-50%,-20px);opacity:0}.search-panel.open{transform:translate(-50%,0);opacity:1}.search-panel input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid #ffffff25;background:#ffffff17;color:white;outline:none}.search-results{padding:10px 3px}.search-result{padding:10px;border-radius:10px;font-size:12px}.search-result:hover{background:#ffffff18}.scrim{position:absolute;inset:0;z-index:30;background:#0003;opacity:0;pointer-events:none;transition:opacity .3s}.scrim.show{opacity:1;pointer-events:auto}.toast{position:absolute;z-index:60;top:58px;left:50%;transform:translate(-50%,-15px);opacity:0;background:#090a10c9;border:1px solid #ffffff24;border-radius:20px;padding:10px 16px;font-size:11px;backdrop-filter:blur(20px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.desktop-hint{position:absolute;bottom:13px;left:0;right:0;text-align:center;color:#ffffff72;font-size:10px;letter-spacing:.2px}.device-shell.folded .device-frame{width:min( min(74vw,700px), calc(78vh * .72));height:min( min(78vh,900px), calc(74vw / .72));border-radius:38px}.device-shell.folded .screen{border-radius:30px}.device-shell.folded .home-layout{grid-template-columns:1fr 58px;gap:8px;padding:16px 8px 12px 13px}.device-shell.folded .today-panel{display:none}.device-shell.folded .pages-area{padding:7px 2px 0}.device-shell.folded .app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vh,20px) 3px}.device-shell.folded .glyph{width:clamp(39px,6vw,57px);height:clamp(39px,6vw,57px)}.device-shell.folded .side-rail{padding:7px 3px}.device-shell.folded .rail-button{width:39px;height:39px}.device-shell.folded .dock{height:64px;gap:7px}.device-shell.folded .dock-app .glyph{width:42px;height:42px}.device-shell.folded .date{display:none}.device-shell.folded .status{padding:0 15px}.device-shell.folded .fold-controls{bottom:20px}.device-shell.folded .app-window-layer{inset:44px 61px 48px 9px}.device-shell.rotated .device-frame{transform:rotate(90deg) scale(.9)}.device-shell.rotated .screen{border-radius:27px}.device-shell.rotated .home-layout{grid-template-columns:58px 1fr;direction:rtl}.device-shell.rotated .today-panel{display:none}.device-shell.rotated .side-rail{direction:ltr;grid-column:1}.device-shell.rotated .pages-area{direction:ltr;grid-column:2}.device-shell.rotated .app-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.device-shell.rotated .app-window-layer{inset:44px 10px 48px 65px}.device-shell.folded.rotated .device-frame{width:min( min(84vw,1100px), calc(80vh * 1.52));height:min( min(72vh,800px), calc(84vw / 1.52))}.light-mode{--text:#171923}.light-mode .screen{color:#171923}.light-mode .status{color:#fff}.light-mode .widget,.light-mode .suggestion-card{background:#ffffff8c;color:#20232a}.light-mode .greeting p,.light-mode .widget-top,.light-mode .weather-foot,.light-mode .event small{color:#555}.light-mode .app-icon small{color:#fff}.light-mode .side-rail{background:#ffffff6b}.light-mode .rail-button{color:#222}.light-mode .rail-button.selected{background:#0002}.light-mode .dock{background:#ffffff55}.light-mode .fold-controls{background:#ffffffc9;color:#333}.light-mode .fold-controls button{color:#222;background:#0001}.light-mode .home-indicator{background:#fff}.device-shell.folded .page-heading h2{font-size:25px}@media(max-width:760px){.device-shell{padding:8px}.device-frame{width:96vw;height:78vh;border-radius:26px}.home-layout{grid-template-columns:minmax(135px,29%) 1fr 50px;gap:8px;padding:13px 8px 10px 10px}.today-panel{gap:8px}.widget{padding:10px;border-radius:15px}.greeting h1{font-size:24px}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 4px}.glyph{width:44px;height:44px;border-radius:13px;font-size:22px}.app-icon small{font-size:9px}.side-rail{padding:7px 2px}.rail-button{width:38px;height:38px}.dock{height:60px;gap:7px}.dock-app .glyph{width:39px;height:39px}.fold-controls{bottom:20px}.fold-controls input{width:70px}.status{padding:0 14px}.date{display:none}.device-shell.folded .device-frame{width:min(88vw,470px);height:75vh}.device-shell.folded .app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-hint{font-size:8px}}@media(max-height:620px){.device-frame{height:86vh}.home-layout{inset:37px 0 35px}.today-panel{gap:6px}.widget{padding:8px}.weather-main strong{font-size:27px}.app-grid{gap:10px 4px}.dock{height:55px}.dock-app .glyph{width:38px;height:38px}.fold-controls{bottom:8px}.home-indicator{bottom:5px}}