*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#202820}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #68d1d6;outline-offset:3px}button:disabled{cursor:default}a{color:inherit}[hidden]{display:none!important}.device{position:fixed;inset:0;isolation:isolate;background:#0d1c2c}.device-wallpaper,.wallpaper-shade{position:absolute;inset:0;pointer-events:none}.device-wallpaper{background-image:url('assets/wall-blue-hour.png');background-size:cover;background-position:center;transform:scale(1.025);transition:background-image .5s ease,filter .5s ease,transform .8s ease;z-index:-3}.wallpaper-shade{background:linear-gradient(#00000030,transparent 40%,#00000020);z-index:-2}.is-locked .device-wallpaper{filter:brightness(.72);transform:scale(1.06)}.menubar{height:32px;position:absolute;z-index:80;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;background:#27352a2e;backdrop-filter:blur(24px);color:#fff;box-shadow:0 1px 0 #ffffff20;font-size:12px;padding:0 17px;user-select:none}.menu-left,.menu-right{display:flex;align-items:center;gap:20px}.menubar button{background:transparent;color:inherit;padding:4px 0;font-size:12px}.system-brand{font-size:18px;font-weight:600;text-decoration:none;line-height:1;position:relative}.system-brand span{font-size:9px;position:absolute;top:-2px;right:-8px}.menubar #owner-toggle{font-weight:600;display:flex;align-items:center;gap:7px}.menubar .avatar{width:19px;height:19px}.menubar .menu-right{gap:15px}.menubar .menu-right button{font-size:17px;min-width:18px}.battery{font-size:9px;background:#ffffffbc;color:#354c33;padding:1px 5px;border-radius:3px}.wifi{font-size:14px}.desktop{position:absolute;inset:32px 0 115px}.desktop-shortcuts{display:grid;grid-template-columns:78px 78px;gap:28px 15px;padding:40px 35px;width:max-content}.desktop-shortcut{display:flex;align-items:center;flex-direction:column;gap:8px;padding:0;background:transparent;color:#fff;font-size:11px;text-shadow:0 1px 5px #0008}.desktop-shortcut .app-icon-art{width:59px;height:59px;border-radius:15px;filter:drop-shadow(0 5px 10px #0002)}.desktop-widgets{position:absolute;top:36px;right:35px;display:flex;gap:15px}.desktop-widget{width:166px;height:166px;background:#ffffffe0;backdrop-filter:blur(20px);border:1px solid #ffffff70;border-radius:23px;box-shadow:0 12px 24px #142a1a18;text-align:left;padding:18px;color:#353d31}.desktop-widget .weather-number{font-size:42px;font-weight:300;line-height:1.2;margin:7px 0}.desktop-widget>small{font-size:10px;display:block}.desktop-widget>b{font-size:12px}.desktop-widget .calendar-number{font-size:35px;line-height:1.2;font-weight:300;margin:5px 0 12px}.desktop-widget .calendar-day{font-size:10px;color:#a84630;text-transform:uppercase}.desktop-widget p{font-size:11px;line-height:1.45;margin:4px 0}.desktop-widget.calendar-widget{background:#fff9e9db}.desktop-hint{position:absolute;bottom:25px;right:35px;background:#ffffffda;border:1px solid #ffffff87;backdrop-filter:blur(20px);color:#374437;border-radius:13px;padding:12px 15px;display:flex;gap:12px;align-items:center;font-size:12px;box-shadow:0 8px 20px #0001}.desktop-hint>span:first-child{color:#c96e43;font-size:20px}.dock{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);z-index:90;padding:9px 10px 7px;display:flex;gap:7px;background:#d1d8d034;border:1px solid #ffffff4f;border-radius:23px;box-shadow:inset 0 0 0 1px #ffffff17,0 15px 30px #0003;backdrop-filter:blur(26px);max-width:calc(100% - 35px)}.dock-item{position:relative;padding:0 0 6px;background:transparent;color:#fff;transform-origin:50% 100%;transition:transform .18s ease;display:flex;align-items:center;flex-direction:column}.dock-item:hover,.dock-item:focus-visible{transform:translateY(-8px) scale(1.15)}.dock-item .app-icon-art{width:53px;height:53px;border-radius:13px}.dock-tooltip{position:absolute;bottom:calc(100% + 12px);font-size:11px;white-space:nowrap;padding:7px 10px;border-radius:7px;background:#2b342bd9;border:1px solid #ffffff30;opacity:0;pointer-events:none;box-shadow:0 3px 10px #0002;transition:opacity .1s}.dock-item:hover .dock-tooltip,.dock-item:focus-visible .dock-tooltip{opacity:1}.dock-item:after{content:'';position:absolute;bottom:0;width:4px;height:4px;border-radius:50%;background:white;opacity:0}.dock-item.running:after{opacity:.85}.app-icon-art{display:grid;place-items:center;position:relative;width:58px;height:58px;border-radius:14px;box-shadow:0 2px 5px #0002,inset 0 1px 1px #ffffff50;background:#eee;color:#30373c}.app-icon-art svg{width:68%;height:68%}.icon-athyrel{background:linear-gradient(145deg,#132f3b,#061724);color:#82dfe8}.icon-guide{background:linear-gradient(140deg,#f9ad64,#d76436);color:#fff6e4}.icon-wa,.icon-phone{background:linear-gradient(#49df74,#12ad4b);color:#fff}.icon-gmail,.icon-photos,.icon-browser{background:#fff}.icon-spotify{background:#191b1b;color:#1ed760}.icon-notes{background:linear-gradient(#ffd64c 0 28%,#fffcf2 28%);color:#aaa592}.icon-camera,.icon-settings{background:linear-gradient(#e2e6ec,#abb0b8);color:#33383f}.icon-calendar{background:#fff;color:#171717}.icon-clock{background:#17191b}.calendar-icon-content{font-size:9px;line-height:1;color:#e4473e;text-align:center}.calendar-icon-content b{display:block;color:#111;font-size:29px;font-weight:500;margin-top:2px}.badge{position:absolute;top:-5px;right:-4px;border-radius:20px;background:#f5524b;color:white;min-width:19px;padding:2px 5px;font-size:10px;line-height:1.4;box-shadow:0 1px 3px #0002}.avatar{display:inline-block;width:35px;height:35px;border-radius:50%;background-image:url('assets/arjun-gallery.png');background-size:400% 400%;background-position:0 0;flex-shrink:0;overflow:hidden}.avatar.staff{background-image:url('assets/cast-gallery.png')}.avatar.initials{display:inline-grid;place-items:center;background-image:none;background-color:#d7e3dc;color:#44604c;font-size:12px}.lock-screen{position:absolute;inset:0;z-index:110;display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center;touch-action:pan-x;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .4s}.lock-top{padding-top:8vh}.lock-symbol{font-size:21px;opacity:.85}.lock-top p{font-size:20px;margin:13px 0 3px}.lock-clock{font-size:clamp(75px,7.6vw,112px);font-weight:600;line-height:1.15;letter-spacing:-4px;text-shadow:0 3px 18px #0001}.lock-top #lock-owner{display:block;font-size:13px;margin-top:12px;color:#fff9;letter-spacing:.3px}.lock-bottom{margin-top:auto;margin-bottom:24px;width:min(390px,calc(100% - 38px))}.notification{display:flex;text-align:left;gap:11px;padding:13px;margin:9px 0;border-radius:20px;backdrop-filter:blur(25px);background:#eaf0e2ce;border:1px solid #ffffff26;box-shadow:0 6px 20px #0b1e1010;color:#253027;width:100%}.notification .app-icon-art{height:36px;width:36px;border-radius:9px;flex-shrink:0}.notification .notification-content{flex:1;min-width:0}.notification b{font-size:12px;display:block}.notification p{font-size:12px;line-height:1.45;margin:4px 0 0}.notification small{font-size:10px;color:#687361;float:right}.notification .notification-type{font-size:9px;letter-spacing:.4px;opacity:.6;margin-bottom:3px}.unlock-button{background:transparent;color:white;margin-top:13px;padding:9px 25px;font-size:12px;display:flex;align-items:center;flex-direction:column;width:100%}.unlock-button>span{font-size:26px;line-height:1;margin-bottom:7px;animation:unlock-cue 3s ease-in-out infinite}.unlock-button small{font-size:10px;color:#ffffff85;margin-top:7px}.device:not(.is-locked) .lock-screen{transform:translateY(-110%);opacity:0;pointer-events:none}.is-locked .menubar,.is-locked .desktop,.is-locked .dock,.is-locked .windows,.is-locked .mobile-home,.is-locked .mobile-home-button{visibility:hidden;pointer-events:none}.windows{position:absolute;inset:32px 0 102px;pointer-events:none;z-index:40}.device-window{position:absolute;display:flex;flex-direction:column;width:720px;height:620px;min-width:340px;min-height:310px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 145px);background:#f5f5f2;border:1px solid #ffffff8c;border-radius:15px;overflow:hidden;box-shadow:0 35px 90px #0f1b1745,0 2px 6px #0002;pointer-events:auto;resize:both;isolation:isolate;animation:window-in .24s cubic-bezier(.2,.7,.3,1)}.device-window.inactive{filter:saturate(.85)}.device-window.active{box-shadow:0 40px 100px #07120e60,0 2px 7px #0003}.window-chrome{height:39px;min-height:39px;background:#f5f5f2e8;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #0000000b;user-select:none;touch-action:none;cursor:grab;color:#3e423c}.window-chrome:active{cursor:grabbing}.traffic-lights{display:flex;gap:8px;align-items:center;min-width:80px}.traffic-lights button{width:13px;height:13px;padding:0;border:1px solid #0000000b;border-radius:50%;font-size:10px;display:grid;place-items:center;color:#0000}.traffic-lights:hover button{color:#562a1c}.traffic-close{background:#ff6059}.traffic-minimize{background:#ffbd2d}.traffic-maximize{background:#28ca42}.window-title{font-size:12px;font-weight:500;text-align:center;flex:1}.window-back{width:30px;height:26px;padding:0;border-radius:5px;background:#00000008;color:#555;line-height:1;font-size:23px;margin-right:7px}.window-back:disabled{opacity:.25}.chrome-right{min-width:80px;display:flex;justify-content:flex-end}.chrome-right button{background:transparent;color:#6d786c;font-size:17px}.window-body{height:100%;flex:1;min-height:0;overflow:hidden;container-type:inline-size;position:relative}.device-window.maximized{left:10px!important;top:8px!important;width:calc(100% - 20px)!important;height:calc(100% - 16px)!important;max-height:none;resize:none}.window-empty{padding:40px}.owner-menu{position:absolute;left:30px;top:42px;z-index:170;background:#f6f6f0f5;backdrop-filter:blur(30px);border:1px solid #ffffffb3;border-radius:19px;padding:12px;width:290px;box-shadow:0 20px 60px #0004}.owner-menu-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#7e8478;padding:2px 7px 10px}.owner-menu-title button{background:transparent;color:#59604f;font-size:24px}.owner-option{display:flex;align-items:center;gap:11px;background:transparent;border-radius:11px;padding:10px;width:100%;text-align:left;color:#283129}.owner-option:hover,.owner-option[aria-pressed=true]{background:#e4eadf}.owner-option b{display:block;font-size:13px;font-weight:600}.owner-option small{font-size:11px;color:#7e8978;display:block;margin-top:3px}.owner-option .owner-check{margin-left:auto;color:#648b6c}.owner-menu>a{display:block;border-top:1px solid #dbe2d5;margin:8px 5px 0;padding:13px 5px 3px;font-size:11px;color:#6a7766;text-decoration:none}.system-toast{position:absolute;left:50%;bottom:110px;transform:translateX(-50%) translateY(12px);background:#263127e8;border:1px solid #ffffff30;backdrop-filter:blur(15px);color:#fff;padding:12px 20px;border-radius:13px;font-size:12px;max-width:min(420px,88vw);box-shadow:0 8px 30px #0002;opacity:0;z-index:250;pointer-events:none;transition:.2s;line-height:1.5}.system-toast.show{opacity:1;transform:translateX(-50%)}.mobile-home,.mobile-status,.mobile-home-button{display:none}.welcome-overlay{position:fixed;inset:0;z-index:1000;background:#2b38212e;backdrop-filter:blur(20px);display:grid;place-items:center;padding:22px;overflow:auto}.welcome-card{width:min(530px,100%);background:#f6f4ebeF;border:1px solid #fff8;box-shadow:0 30px 100px #14231340;border-radius:29px;padding:32px 37px;color:#29342a}.welcome-brand{text-decoration:none;letter-spacing:2.2px;font-size:12px;font-weight:650}.welcome-brand span{font-weight:400;letter-spacing:0;color:#8c9282;margin-left:14px;font-size:11px}.welcome-eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#8a907e;margin:32px 0 14px}.welcome-card h1{font-family:Georgia,serif;font-size:45px;letter-spacing:-1.5px;line-height:1.08;font-weight:400;margin:0}.welcome-copy{font-size:13px;line-height:1.8;color:#7b8573;margin:17px 0 22px}.welcome-people{display:flex;gap:9px;margin:20px -6px}.welcome-person{flex:1;min-width:0;padding:10px 3px;background:transparent;border-radius:14px;text-align:center;color:#66705e;border:1px solid transparent}.welcome-person[aria-pressed=true]{background:#e7eadd;border-color:#d3ddc8}.welcome-person .avatar{width:44px;height:44px;display:block;margin:0 auto 9px}.welcome-person b{display:block;font-size:11px}.welcome-person small{font-size:9px;display:block;margin-top:4px}.enter-button{display:flex;justify-content:space-between;width:100%;margin:20px 0 16px;padding:15px 18px;border-radius:12px;background:#2e4233;color:#fbfff6;font-size:13px}.disclosure{font-size:9px;line-height:1.65;color:#929986;margin:0}.no-script{position:fixed;inset:0;background:white;padding:30px;z-index:9999}.device.large-text .window-body{font-size:115%}.device.focus-mode .desktop-hint{display:none}
@keyframes window-in{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:none}}@keyframes unlock-cue{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(-5px);opacity:1}}
@container device (min-width:761px) and (max-width:1000px){.dock-item .app-icon-art{width:43px;height:43px;border-radius:11px}.dock{gap:5px;padding:8px}.desktop-widgets{gap:10px;right:24px}.desktop-widget{width:145px;height:145px;padding:15px}.desktop-shortcuts{padding:30px 25px}.desktop-widget .weather-number{font-size:34px}.desktop-widget .calendar-number{font-size:30px}}
@container device (max-width:760px){.device{height:100dvh}.device-wallpaper{background-position:center}.menubar{height:46px;padding:env(safe-area-inset-top,0px) 18px 0;background:transparent;backdrop-filter:none;z-index:100}.menu-left{gap:12px}.system-brand,.desktop-menu-item,#active-app-name,.menubar .wifi,.menubar .battery,.menu-right time{display:none}.menubar #owner-toggle{font-size:12px}.menu-right{gap:18px!important}.mobile-status{display:flex;position:absolute;top:0;left:0;right:0;height:44px;padding:13px 24px 5px;color:white;font-size:12px;align-items:center;justify-content:space-between;z-index:95;pointer-events:none}.mobile-status small{font-size:9px;border-radius:3px;background:#fff8;padding:1px 3px}.mobile-island{width:80px;height:23px;border-radius:20px;background:#101311;position:absolute;top:9px;left:50%;transform:translateX(-50%)}.device:not(.is-locked) .mobile-status{display:none}.desktop,.dock{display:none}.mobile-home{display:flex;position:absolute;inset:55px 0 12px;flex-direction:column;padding:10px 24px 14px;color:white}.mobile-widgets{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 26px}.mobile-widgets .desktop-widget{width:100%;height:145px;padding:15px;background:#ffffffd9;border-radius:22px}.mobile-widgets .calendar-number{font-size:30px;margin:4px 0 7px}.mobile-widgets .weather-number{font-size:35px}.mobile-app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:21px 12px}.mobile-launcher{display:flex;align-items:center;flex-direction:column;padding:0;gap:6px;background:transparent;color:white;min-width:0}.mobile-launcher>span:last-child{font-size:10px;white-space:nowrap;text-shadow:0 1px 5px #0008}.mobile-launcher .app-icon-art{width:56px;height:56px;border-radius:14px}.mobile-dock{display:flex;justify-content:space-around;background:#eef2e33a;border:1px solid #ffffff26;backdrop-filter:blur(20px);border-radius:26px;padding:12px 7px;margin:22px -8px 0;margin-top:auto}.mobile-dock .mobile-launcher>span:last-child{display:none}.windows{inset:0;z-index:110}.device-window,.device-window.maximized{inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-width:0;min-height:0;border:0;border-radius:0;resize:none;box-shadow:none!important;padding-bottom:calc(26px + env(safe-area-inset-bottom,0px));background:#f5f5f2}.device-window .window-chrome{height:calc(49px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 14px 0;border:0;cursor:default;background:#f8f8f4}.traffic-lights{display:none}.window-back{font-size:30px;width:30px;height:36px;background:transparent;color:#37695a}.window-title{font-size:13px;font-weight:600}.chrome-right{min-width:30px}.chrome-right button{font-size:20px}.mobile-home-button{position:absolute;display:flex;align-items:center;justify-content:center;bottom:0;left:50%;transform:translateX(-50%);width:130px;height:calc(25px + env(safe-area-inset-bottom,0px));z-index:150;background:transparent;padding:0 0 env(safe-area-inset-bottom,0px);color:#fff}.mobile-home-button span{width:105px;height:4px;background:currentColor;border-radius:10px}.device.has-active-window .mobile-home-button{color:#3b443c}.lock-top{padding-top:12vh}.lock-top p{font-size:16px;margin-top:10px}.lock-clock{font-size:82px;letter-spacing:-4px}.lock-top #lock-owner{font-size:12px;margin-top:9px}.lock-bottom{margin-bottom:20px;width:calc(100% - 38px)}.notification{border-radius:19px;padding:12px}.notification p{font-size:11px}.unlock-button{margin-top:18px}.unlock-button small{display:none}.owner-menu{position:absolute;left:15px;right:15px;top:55px;width:auto;z-index:200}.owner-option{padding:12px}.system-toast{bottom:48px;font-size:12px}.welcome-overlay{padding:17px}.welcome-card{padding:25px 24px;border-radius:25px}.welcome-card h1{font-size:38px}.welcome-copy{font-size:12px}.welcome-eyebrow{margin-top:25px}.welcome-brand span{margin-left:8px}.welcome-person .avatar{width:39px;height:39px}.welcome-people{gap:3px;margin-left:-7px;margin-right:-7px}.welcome-person small{font-size:8px}.disclosure{font-size:9px}}
@container device (max-height:730px) and (max-width:760px){.mobile-home{inset:47px 0 9px;padding-top:4px}.mobile-widgets{margin-bottom:18px;gap:10px}.mobile-widgets .desktop-widget{height:118px;padding:11px 13px}.mobile-widgets .weather-number{font-size:28px}.mobile-widgets .calendar-number{font-size:26px;margin:1px 0 3px}.mobile-widgets .desktop-widget p{font-size:10px}.mobile-app-grid{gap:14px 10px}.mobile-launcher .app-icon-art{width:49px;height:49px;border-radius:12px}.mobile-dock{padding:10px 6px}.lock-top{padding-top:9vh}.lock-clock{font-size:70px}.notification{padding:10px;margin:7px 0}.notification p{font-size:10px}.lock-bottom{margin-bottom:12px}.lock-top p{font-size:14px}.welcome-eyebrow{margin-top:18px}.welcome-card h1{font-size:32px}.welcome-copy{margin:11px 0}.welcome-people{margin-top:10px;margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Native device refinement. The device container makes phone preview use the same layout as a real phone. */
body{background:#e6e7e9;color:#222;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.device{container:device / size;background:#c5c5c2}.device-wallpaper{transform:none;transition:filter .45s,transform .65s;background-position:center}.wallpaper-shade{background:linear-gradient(#00000018,transparent 28%,#00000008)}.is-locked .device-wallpaper{filter:brightness(.82);transform:scale(1.025)}
.device-glyph{display:block;width:20px;height:20px;flex-shrink:0}.menubar [data-glyph],.lock-symbol,.unlock-button [data-glyph]{display:inline-flex;align-items:center;justify-content:center}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #3b89df;outline-offset:3px}
.menubar{height:30px;padding:0 16px;background:#17222738;box-shadow:none;backdrop-filter:blur(30px);font-size:12px;letter-spacing:0}.menu-left{gap:18px}.menu-right{gap:17px!important}.menubar button{min-height:26px}.menubar .menu-right button{display:flex;align-items:center;gap:6px;font-size:11px}.menubar .menu-right .device-glyph{width:15px;height:15px}.menubar time{font-size:11px;font-variant-numeric:tabular-nums;font-weight:450;opacity:.92}.system-brand{display:flex;align-items:center;width:21px;height:21px}.system-brand img{width:100%;height:100%;border-radius:5px}.menubar #owner-toggle{gap:6px;font-size:12px}.menubar #owner-toggle .avatar{width:18px;height:18px}.menubar #owner-toggle .device-glyph{width:10px;height:10px;opacity:.8}#active-app-name{font-weight:600}.desktop-menu-item{opacity:.88}.view-phone{white-space:nowrap}
.desktop{inset:30px 0 100px}.desktop-shortcuts,.desktop-widgets{display:none}.desktop-hint{right:24px;bottom:14px;gap:8px;border-radius:9px;font-size:11px;padding:9px 12px;background:#f6f6f6cc;border:1px solid #ffffff66;box-shadow:0 4px 16px #00000012;color:#3c4348}.desktop-hint .device-glyph{width:15px;height:15px}.desktop-hint>span:first-child{color:inherit}
.dock{bottom:12px;border-radius:20px;padding:9px 10px 7px;gap:9px;background:#d5d8db38;border:1px solid #ffffff59;box-shadow:inset 0 0 0 1px #ffffff12,0 10px 30px #00000020;backdrop-filter:blur(24px) saturate(135%)}.dock-item{padding-bottom:6px;transition:transform .18s cubic-bezier(.2,.8,.3,1)}.dock-item .app-icon-art{width:54px;height:54px;border-radius:13px}.dock-item:hover,.dock-item:focus-visible{transform:translateY(-9px) scale(1.15)}.dock-item:after{width:3px;height:3px;background:#e8e8e8}.dock-tooltip{bottom:calc(100% + 11px);padding:5px 9px;border-radius:5px;font-size:11px;background:#34383cdb;border-color:#ffffff35;box-shadow:0 4px 10px #0002}
.app-icon-art{background:transparent!important;border-radius:14px;overflow:visible;box-shadow:0 2px 4px #00000019;filter:none!important;color:inherit}.app-icon-art>svg,.app-icon-art>img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.app-icon-art>svg{overflow:visible}.icon-calendar{background:#fff!important;overflow:hidden;box-shadow:inset 0 0 0 .5px #0001,0 2px 4px #0002}.calendar-icon-content{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e74235;font-size:8px;font-weight:550;letter-spacing:.2px;padding-top:1px}.calendar-icon-content b{font-size:32px;font-weight:300;letter-spacing:-1.5px;line-height:1.05;margin-top:3px}.badge{background:#f34e4e;border:1px solid #ffffff38;box-shadow:0 1px 2px #0002;font-weight:550;top:-5px;right:-6px;font-size:10px;padding:1px 5px}
.windows{inset:30px 0 100px}.device-window{background:#f6f6f6;border:1px solid #ffffffa8;border-radius:10px;max-height:calc(100dvh - 140px);box-shadow:0 22px 60px #00000034,0 0 0 .5px #00000026;animation:window-in .25s cubic-bezier(.16,.7,.25,1);min-width:340px}.device-window.active{box-shadow:0 28px 74px #00000050,0 0 0 .5px #00000025}.device-window.inactive{filter:none}.device-window.inactive .window-chrome{background:#eeeeeff2;color:#909398}.device-window.inactive .traffic-lights button{background:#cdd0d1;border-color:#c0c2c3}.window-chrome{height:34px;min-height:34px;padding:0 12px;background:linear-gradient(#f5f5f6,#ececee);border-bottom:1px solid #d4d4d7;color:#35383b}.window-title{font-size:11px;font-weight:600;letter-spacing:.05px;outline:none!important}.traffic-lights{gap:7px;min-width:74px}.traffic-lights button{width:12px;height:12px;border-color:#00000015;font-size:9px}.window-back{width:25px;height:23px;border-radius:4px;background:transparent;color:#666b70;margin-right:5px;display:grid;place-items:center}.window-back:hover{background:#00000007}.window-back .device-glyph{width:16px;height:16px}.window-back:disabled{opacity:.2}.chrome-right{min-width:74px}.chrome-right button{display:grid;place-items:center;width:27px;height:25px;border-radius:4px;color:#777d81}.chrome-right button:hover{background:#00000007}.chrome-right .device-glyph{width:15px;height:15px}.device-window.maximized{inset:10px 12px!important;width:calc(100% - 24px)!important;height:calc(100% - 20px)!important}
.owner-menu{top:36px;left:40px;border-radius:10px;padding:8px;width:265px;background:#f7f7f7e8;backdrop-filter:blur(35px) saturate(130%);border-color:#ffffff8c;box-shadow:0 12px 36px #0003;color:#252a2e}.owner-menu-title{padding:5px 7px 9px;font-size:11px;color:#777}.owner-menu-title button{display:grid;place-items:center;width:25px;height:25px}.owner-menu-title .device-glyph{width:15px;height:15px}.owner-option{border-radius:6px;padding:8px;color:#30363c}.owner-option:hover,.owner-option[aria-pressed=true]{background:#dbe9f7}.owner-option b{font-size:12px}.owner-option small{font-size:10px;color:#7c838a}.owner-menu>a{font-size:10px;border-color:#d8dce0;color:#666f77}
.lock-top{padding-top:9vh}.lock-symbol .device-glyph{width:20px;height:20px;opacity:.9}.lock-top p{font-size:20px;font-weight:500;letter-spacing:-.3px;margin-top:15px}.lock-clock{font-size:112px;line-height:1.1;font-weight:620;letter-spacing:-5px;margin-top:4px;font-variant-numeric:tabular-nums}.lock-top #lock-owner{font-size:12px;opacity:.8;margin-top:16px}.lock-bottom{width:360px;margin-bottom:22px}.notification{border:1px solid #ffffff4d;background:#e9edebc2;backdrop-filter:blur(28px) saturate(115%);box-shadow:0 4px 16px #00000009;border-radius:16px;gap:10px;padding:12px;margin:8px 0;color:#242a2c}.notification .app-icon-art{width:34px;height:34px;border-radius:8px;flex-shrink:0}.notification .calendar-icon-content{font-size:5px}.notification .calendar-icon-content b{font-size:21px;margin-top:1px;letter-spacing:-.7px}.notification-type{font-size:8px;letter-spacing:.35px;color:#687176}.notification-content>b{font-size:12px;font-weight:600}.notification p{font-size:11px;line-height:1.45;margin-top:3px}.notification small{font-size:9px}.unlock-button{font-size:11px;letter-spacing:.1px;gap:9px;margin-top:17px;color:#fff;text-shadow:0 1px 4px #0003}.unlock-button .device-glyph{width:21px;height:21px}.unlock-button small{font-size:10px;opacity:.65}.lock-view-switch{position:absolute;top:19px;right:23px;display:flex;align-items:center;gap:7px;background:#ffffff20;border:1px solid #ffffff30;border-radius:8px;color:white;padding:7px 10px;backdrop-filter:blur(15px);font-size:11px}.lock-view-switch .device-glyph{width:15px;height:15px}
.welcome-overlay{background:#2d34344d;backdrop-filter:blur(16px)}.welcome-card{background:#fafaf7f2;color:#282d31;border-radius:18px;border:1px solid #ffffffb3;padding:32px 36px;box-shadow:0 25px 75px #00000030}.welcome-brand{display:flex;align-items:center;letter-spacing:1.5px;font-size:11px;gap:8px}.welcome-brand img{width:28px;height:28px;border-radius:7px}.welcome-brand span{color:#878b8c;margin-left:auto;font-size:11px}.welcome-eyebrow{color:#8b9192;font-size:9px;letter-spacing:1.6px;margin:27px 0 13px}.welcome-card h1{font-family:inherit;font-size:40px;font-weight:600;line-height:1.1;letter-spacing:-1.8px}.welcome-copy{color:#7b8084;font-size:13px}.welcome-person{border-radius:10px;color:#747b7e}.welcome-person[aria-pressed=true]{background:#e8eef3;border-color:#d4dfe6}.enter-button{background:#202d36;border-radius:9px;font-size:12px}.enter-button .device-glyph{width:17px;height:17px}.disclosure{color:#93999c;font-size:9px}.system-toast{background:#272e35e8;border-radius:8px;font-size:11px;bottom:100px}
.return-computer{display:none;position:fixed;top:20px;right:24px;z-index:900;background:#ffffffd9;backdrop-filter:blur(15px);color:#39424b;border:1px solid #fff;border-radius:8px;padding:10px 14px;font-size:12px;box-shadow:0 3px 12px #00000009}
body.phone-preview{background:radial-gradient(ellipse at 50% 40%,#f4f4f2,#d5d8da)}.phone-preview .return-computer{display:block}.phone-preview #device{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:390px;height:min(844px,calc(100dvh - 52px));border-radius:44px;overflow:hidden;border:8px solid #232527;box-shadow:0 25px 80px #24334140,0 0 0 1px #62676a,0 0 0 3px #b4b9bc}.phone-preview .welcome-overlay{z-index:1000}
@container device (min-width:761px) and (max-width:1100px){.dock{gap:7px;padding:8px 9px 6px;border-radius:17px}.dock-item .app-icon-art{width:46px;height:46px;border-radius:11px}.desktop-hint{bottom:5px;right:18px}.windows{inset:30px 0 90px}.menu-left{gap:13px}.menu-right{gap:12px!important}}
@container device (max-width:760px){.menubar{height:47px;padding:0 20px;background:transparent;box-shadow:none}.menubar #owner-toggle{font-size:12px;gap:7px}.menubar #owner-toggle .avatar{width:20px;height:20px}.menubar .menu-right button{min-width:24px;min-height:32px}.menubar .menu-right .device-glyph{width:18px;height:18px}.view-phone{display:none!important}.mobile-status{height:43px;padding:14px 25px 3px;font-size:12px;font-weight:600}.mobile-island{display:none}.mobile-home{inset:54px 0 13px;padding:10px 23px 12px}.mobile-widgets{margin:3px 0 26px;gap:13px}.mobile-widgets .desktop-widget{height:137px;border-radius:21px;padding:15px;background:#ffffffdf;border:1px solid #ffffff90;box-shadow:0 6px 20px #00000008}.mobile-widgets .weather-number{font-size:31px;letter-spacing:-.8px}.mobile-widgets .calendar-number{font-size:29px;font-weight:400}.mobile-widgets .desktop-widget p{font-size:10px;line-height:1.5}.mobile-widgets .desktop-widget>b{font-size:10px}.mobile-app-grid{gap:22px 11px}.mobile-launcher{gap:6px}.mobile-launcher .app-icon-art{width:54px;height:54px;border-radius:13px}.mobile-launcher>span:last-child{font-size:10px;font-weight:450;letter-spacing:0}.mobile-dock{margin:20px -7px 0;margin-top:auto;border-radius:25px;padding:12px 8px;background:#e6e8e43e;border:1px solid #ffffff4d;box-shadow:inset 0 1px 0 #ffffff25;backdrop-filter:blur(22px) saturate(130%)}.mobile-dock .app-icon-art{width:55px;height:55px}.calendar-icon-content{font-size:8px}.calendar-icon-content b{font-size:31px}.windows{inset:0}.device-window,.device-window.maximized{inset:0!important;height:100%!important;max-height:100%!important;max-width:100%!important;width:100%!important;min-width:0;border:0;border-radius:0!important;box-shadow:none!important;padding-bottom:25px}.device-window .window-chrome{height:48px;min-height:48px;padding:0 14px;background:#f8f8fa;border-bottom:1px solid #e7e7eb}.window-title{font-size:12px;font-weight:600}.window-back{width:28px;height:30px;background:transparent}.window-back .device-glyph{width:23px;height:23px}.chrome-right{min-width:30px}.chrome-right button{width:30px;height:32px}.chrome-right .device-glyph{width:18px;height:18px}.mobile-home-button{height:25px;width:130px}.mobile-home-button span{height:4px;width:108px}.lock-top{padding-top:10.5vh}.lock-top p{font-size:17px;font-weight:500}.lock-clock{font-size:86px;letter-spacing:-4px;font-weight:650}.lock-top #lock-owner{margin-top:12px;font-size:12px}.lock-bottom{width:calc(100% - 32px);margin-bottom:20px}.notification{padding:11px;border-radius:17px;gap:9px}.notification .app-icon-art{width:33px;height:33px}.notification p{font-size:11px}.unlock-button{margin-top:15px;font-size:11px}.owner-menu{top:49px;left:14px;right:14px;width:auto;border-radius:12px}.owner-option{padding:11px}.welcome-card{border-radius:17px;padding:25px}.welcome-card h1{font-size:35px}.welcome-brand span{font-size:9px}.welcome-people{gap:3px}.welcome-person .avatar{width:38px;height:38px}.welcome-person small{font-size:8px}.welcome-copy{font-size:12px}.desktop-hint{display:none}}
@container device (max-width:760px) and (max-height:730px){.mobile-home{inset:44px 0 9px;padding-top:4px}.mobile-widgets{margin-bottom:17px}.mobile-widgets .desktop-widget{height:112px;padding:11px 13px}.mobile-widgets .calendar-number{font-size:25px;margin:2px 0 5px}.mobile-widgets .weather-number{font-size:27px;margin:5px 0}.mobile-widgets .desktop-widget p{font-size:9px}.mobile-app-grid{gap:14px 10px}.mobile-launcher .app-icon-art{width:48px;height:48px;border-radius:12px}.mobile-dock{padding:10px 7px}.mobile-dock .app-icon-art{width:49px;height:49px}.calendar-icon-content b{font-size:28px}.lock-top{padding-top:8vh}.lock-clock{font-size:72px}.lock-top p{font-size:15px}.lock-bottom{margin-bottom:14px}.notification{padding:10px}.notification p{font-size:10px}}
@media(max-width:760px){.phone-preview #device{position:fixed;inset:0;transform:none;width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none}.return-computer{display:none!important}}
@media(prefers-reduced-motion:reduce){.device-window{animation:none}.device-wallpaper,.dock-item{transition:none}}
/* Short landscape viewports still keep window controls and content reachable. */
.device:not(.is-locked) .lock-screen{visibility:hidden}.device.is-locked .lock-screen{visibility:visible}
@container device (max-height:520px) and (min-width:761px){.dock{bottom:6px;padding:6px 8px 4px;gap:5px}.dock-item .app-icon-art{width:39px;height:39px;border-radius:10px}.windows{inset:30px 0 68px}.device-window{min-height:170px;max-height:calc(100cqh - 112px)}.desktop-hint{display:none}.lock-top{padding-top:20px}.lock-top p{font-size:14px;margin:7px 0}.lock-clock{font-size:62px}.lock-top #lock-owner{display:none}.lock-bottom{width:340px;margin-bottom:9px}#lock-notifications .notification:nth-child(2){display:none}.notification{padding:9px;margin:4px 0}.unlock-button{margin-top:7px;gap:3px}.unlock-button small{display:none}}

body:not(.keyboard-nav) .device button:focus-visible{outline:none}body.keyboard-nav .device button:focus-visible{outline:2px solid #3b89df;outline-offset:3px}