:root{color-scheme:dark;--ink:#fff;--muted:rgba(255,255,255,.7);--glass:rgba(16,20,34,.36);--line:rgba(255,255,255,.18);--accent:#78e7da;--wallpaper:radial-gradient(circle at 75% 18%,#7b5cff 0 13%,transparent 31%),radial-gradient(circle at 25% 70%,#0ee0bc 0 9%,transparent 32%),linear-gradient(145deg,#0b1020,#18335b 52%,#17142d)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#090b12;font-family:Inter,ui-rounded,"SF Pro Display",system-ui,sans-serif;color:var(--ink);overflow:hidden}button,textarea,input{font:inherit}.phone{position:relative;width:100vw;height:100dvh;max-width:560px;margin:auto;overflow:hidden;background:#111}.wallpaper{position:absolute;inset:0;background:var(--wallpaper);transform:scale(1.08);transition:background .5s}.wallpaper:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.04),rgba(0,0,0,.2));backdrop-filter:saturate(1.25)}
.statusbar{position:absolute;z-index:20;top:0;left:0;right:0;height:calc(36px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 24px 0;display:flex;justify-content:space-between;align-items:flex-start;font-weight:800;font-size:14px;text-shadow:0 1px 5px #000}.status-icons{display:flex;gap:7px;align-items:center;font-size:11px}.battery{padding:2px 5px;border:1px solid #fff;border-radius:5px}.install-pill{position:absolute;left:50%;transform:translateX(-50%);border:1px solid var(--line);background:rgba(0,0,0,.35);color:#fff;border-radius:99px;padding:5px 13px;font-size:11px;font-weight:800}
.screen{position:absolute;inset:0;padding:calc(52px + env(safe-area-inset-top)) 18px calc(26px + env(safe-area-inset-bottom));opacity:0;visibility:hidden;transform:scale(.97);transition:.28s ease;overflow:auto}.screen.active{opacity:1;visibility:visible;transform:none}.glass{background:var(--glass);border:1px solid var(--line);box-shadow:inset 0 1px rgba(255,255,255,.12),0 18px 40px rgba(0,0,0,.14);backdrop-filter:blur(22px) saturate(1.4)}
.hero-widget{height:180px;border-radius:34px;padding:24px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--muted);margin:0 0 5px}.hero-widget h1{font-size:56px;letter-spacing:-.06em;line-height:1;margin:0}.hero-widget p:last-child{color:var(--muted);margin:7px 0 0;font-size:14px}.weather-mark{position:relative;width:100px;height:100px}.weather-mark i{position:absolute;width:68px;height:68px;border-radius:50%;background:#ffd66b;right:0;top:0;box-shadow:0 0 38px #ffc454}.weather-mark b{position:absolute;font-size:38px;left:0;bottom:0;filter:drop-shadow(0 5px 7px #0005)}
.widget-row{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin-top:12px}.widget-row button{border:0;color:#fff;text-align:left;min-height:110px;border-radius:26px;padding:16px;cursor:pointer}.weather-card{display:grid}.weather-card strong{font-size:32px}.weather-card small,.weather-card .range,.music-card small{color:var(--muted);font-size:11px}.weather-card .range{margin-top:5px}.music-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px}.music-card strong{font-size:13px;display:block;margin-top:3px}.album{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:24px;font-weight:900;background:linear-gradient(145deg,#9d77ff,#42e8d2)}
.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 10px;margin:24px 5px 10px}.app{border:0;background:transparent;color:#fff;display:grid;justify-items:center;gap:6px;cursor:pointer}.app small{font-size:11px;text-shadow:0 2px 6px #000}.app-icon{width:58px;height:58px;border:1px solid rgba(255,255,255,.25);border-radius:18px;display:grid;place-items:center;color:white;font-size:28px;font-weight:700;box-shadow:inset 0 1px rgba(255,255,255,.3),0 9px 18px rgba(0,0,0,.18);cursor:pointer}.cyan{background:linear-gradient(145deg,#1cc4e8,#176ddb)}.flower{background:conic-gradient(#ff6d92,#ffa55f,#ffe66e,#4fe0bd,#77a8ff,#c172ff,#ff6d92)}.yellow{background:linear-gradient(145deg,#ffe16b,#f0a512)}.blue{background:linear-gradient(145deg,#62a7ff,#2b54dd)}.dark{background:linear-gradient(145deg,#2d3549,#080b12)}.violet{background:linear-gradient(145deg,#9c6bff,#5225c7)}.coral{background:linear-gradient(145deg,#ff8b72,#e82b62)}.silver{background:linear-gradient(145deg,#c9d1dc,#566171)}.green{background:linear-gradient(145deg,#56df87,#11934d)}
.page-dots{display:flex;justify-content:center;gap:6px;margin:12px}.page-dots i{width:5px;height:5px;border-radius:50%;background:#ffffff66}.page-dots .active{background:#fff;width:15px;border-radius:6px}.dock{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));margin-top:4px;padding:11px 14px;border-radius:28px;display:flex;justify-content:space-between}.dock button{border:1px solid rgba(255,255,255,.2)}.home-indicator{position:absolute;z-index:30;width:120px;height:5px;border-radius:5px;background:#fff;bottom:calc(7px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);mix-blend-mode:difference}
.app-screen{z-index:10;background:linear-gradient(160deg,rgba(9,13,25,.97),rgba(20,20,38,.94));padding-left:0;padding-right:0}.app-header{height:74px;display:grid;grid-template-columns:50px 1fr 50px;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(9,13,25,.75);backdrop-filter:blur(20px);z-index:2}.app-header button{border:0;background:transparent;color:#fff;font-size:34px}.app-header div{text-align:center}.app-header small{font-size:9px;letter-spacing:.18em;color:var(--accent)}.app-header h2{margin:2px 0 0;font-size:18px}.app-content{padding:24px 18px 80px}.section-copy h3{font-size:30px;margin:0 0 6px}.section-copy p{margin:0 0 22px;color:var(--muted);line-height:1.5}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.theme-option{border:1px solid var(--line);padding:8px 8px 14px;border-radius:24px;background:#ffffff0b;color:#fff}.theme-option span{height:170px;border-radius:18px;display:block;margin-bottom:10px}.theme-option.aurora span{background:radial-gradient(circle at 70% 20%,#7657ff,transparent 36%),radial-gradient(circle at 20% 75%,#18dbbd,transparent 36%),#102342}.theme-option.lagoon span{background:linear-gradient(145deg,#051b2d,#057c8f,#5ce1ca)}.theme-option.sunset span{background:linear-gradient(145deg,#3e1a68,#e45a83,#ffb15d)}.theme-option.mono span{background:radial-gradient(circle at 70% 25%,#59606d,transparent 25%),linear-gradient(145deg,#080808,#242832)}.note-field{width:100%;height:48vh;border:1px solid var(--line);border-radius:24px;background:#ffffff0b;color:#fff;padding:20px;resize:none;outline:none;line-height:1.6}.note-field:focus{border-color:var(--accent)}.save-state{color:var(--accent);font-size:12px;text-align:right}.calculator output{display:flex;height:140px;align-items:flex-end;justify-content:flex-end;font-size:60px;padding:18px;overflow:hidden}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.calc-grid button{aspect-ratio:1;border:0;border-radius:50%;background:#2b2e38;color:#fff;font-size:24px}.calc-grid .op{background:var(--accent);color:#071512}.calc-grid .zero{grid-column:span 2;aspect-ratio:auto;border-radius:50px;text-align:left;padding-left:28px}.info-card{background:#ffffff0c;border:1px solid var(--line);border-radius:24px;padding:20px;margin-bottom:14px}.info-card h3{margin:0 0 8px}.info-card p{color:var(--muted);line-height:1.5;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.gallery-grid div{aspect-ratio:1;border-radius:22px;background:var(--tile);position:relative;overflow:hidden}.gallery-grid div:after{content:"";position:absolute;inset:20% 15%;border-radius:50%;background:#ffffff30;box-shadow:40px 30px 0 #ffffff20}.search-box{display:flex;gap:8px}.search-box input{flex:1;padding:15px;border-radius:18px;border:1px solid var(--line);background:#ffffff0d;color:#fff}.primary{border:0;border-radius:18px;padding:0 18px;background:var(--accent);color:#071512;font-weight:800}.camera-shell{display:flex;flex-direction:column;align-items:center;gap:14px}.camera-view{height:55vh;width:100%;border-radius:30px;background:#080b13;display:grid;place-items:center;overflow:hidden;position:relative}.camera-view video,.camera-view img{width:100%;height:100%;object-fit:cover}.camera-placeholder{display:grid;place-items:center;gap:8px;color:#fff}.camera-placeholder span{font-size:70px}.camera-placeholder small{color:var(--muted)}.camera-status{margin:0;color:var(--muted);text-align:center;min-height:36px}.camera-controls{display:flex;align-items:center;justify-content:center;gap:28px}.camera-shutter{width:72px;height:72px;border-radius:50%;border:6px solid #fff;background:var(--accent);color:transparent;box-shadow:0 0 0 3px #ffffff35}.camera-secondary{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#ffffff12;color:#fff;font-size:22px}.camera-secondary:disabled{opacity:.45}.camera-upload{color:var(--accent);font-size:13px;cursor:pointer}.settings-list button{width:100%;display:flex;justify-content:space-between;padding:18px;margin-bottom:10px;border:1px solid var(--line);border-radius:18px;background:#ffffff0b;color:#fff}.focus-ring{width:220px;height:220px;border-radius:50%;margin:30px auto;display:grid;place-items:center;border:18px solid #ffffff14;border-top-color:var(--accent);font-size:42px;font-weight:800}
body[data-theme="lagoon"]{--accent:#8effe8;--wallpaper:radial-gradient(circle at 20% 15%,#1fd8cb 0 10%,transparent 36%),linear-gradient(145deg,#031727,#064d60 55%,#082b49)}body[data-theme="sunset"]{--accent:#ffc86e;--wallpaper:radial-gradient(circle at 75% 20%,#ffb064 0 12%,transparent 35%),radial-gradient(circle at 15% 75%,#ef476f 0 10%,transparent 38%),linear-gradient(145deg,#31114c,#7f245d 55%,#321d54)}body[data-theme="mono"]{--accent:#e0e5ec;--wallpaper:radial-gradient(circle at 70% 20%,#515969 0 12%,transparent 34%),linear-gradient(145deg,#030405,#1b1e26 55%,#090b10)}
@media(min-width:700px){body{display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#20263b,#08090f 65%)}.phone{width:430px;height:min(900px,96vh);border-radius:48px;border:10px solid #1a1b20;box-shadow:0 50px 120px #000;outline:1px solid #555}.statusbar{border-radius:38px 38px 0 0}.phone:before{content:"";position:absolute;z-index:50;top:14px;left:50%;transform:translateX(-50%);width:112px;height:27px;border-radius:20px;background:#050505}}
@media(max-height:740px){.hero-widget{height:140px}.hero-widget h1{font-size:44px}.widget-row button{min-height:90px}.app-grid{gap:12px 8px;margin-top:16px}.app-icon{width:50px;height:50px;border-radius:15px}.dock{padding:8px 12px}}

/* Bright home layout inspired by modern phone launchers */
.wallpaper{background:radial-gradient(ellipse at 22% 20%,rgba(255,255,255,.4) 0 17%,transparent 18%),radial-gradient(ellipse at 74% 23%,rgba(209,66,151,.48) 0 12%,transparent 32%),linear-gradient(155deg,#f7b6c9 0%,#f5b6d5 30%,#ffcfad 72%,#ffd8aa 100%);transform:none}
.wallpaper:after{background:linear-gradient(155deg,rgba(255,255,255,.12),transparent 60%);backdrop-filter:none}
body:not(.app-open) .statusbar{color:#080a0f;text-shadow:none}.home-screen{padding:calc(65px + env(safe-area-inset-top)) 26px calc(43px + env(safe-area-inset-bottom));color:#111;overflow:hidden}.home-screen button{color:#111}.home-indicator{background:#090909;mix-blend-mode:normal;bottom:calc(6px + env(safe-area-inset-bottom))}
.widget-board{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:1fr 1fr;gap:12px;margin-top:105px}.home-card{border:1px solid rgba(255,255,255,.45);box-shadow:0 8px 22px rgba(135,61,95,.12);cursor:pointer}.weather-card{grid-row:1 / 3;min-height:164px;border-radius:28px;background:linear-gradient(160deg,#459ae4,#347ccd);padding:18px;color:#fff!important;display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative}.weather-card strong{font-size:36px;line-height:1;margin-top:auto}.weather-card small,.weather-card .range,.weather-card .location{font-size:11px;color:rgba(255,255,255,.9);line-height:1.35}.weather-card .location{opacity:.74}.weather-art{position:absolute;right:13px;top:16px;width:68px;height:49px}.weather-art span{position:absolute;right:3px;top:0;width:38px;height:38px;border-radius:50%;background:#ffd665;box-shadow:0 0 12px #ffe5a4}.weather-art i{position:absolute;left:5px;bottom:2px;width:50px;height:23px;border-radius:25px;background:#fff;box-shadow:18px -6px 0 -5px #fff}
.moment-card,.wellness-card{border-radius:28px;background:linear-gradient(140deg,rgba(211,204,255,.94),rgba(244,226,255,.94));display:grid;place-items:center;text-align:center;font-size:12px}.wellness-card{grid-column:2;background:rgba(255,255,255,.7);grid-template-columns:45% 55%;padding:8px}.heart{width:45px;height:45px;border:5px solid #9d6cff;border-radius:50%;display:grid;place-items:center;color:#ff4f9a;font-size:28px;background:#e9fff6}.wellness-numbers{display:grid;text-align:left;font-size:10px;gap:1px}.wellness-numbers b{font-weight:700}.wellness-numbers i{display:inline-block;width:8px;height:8px;border-radius:50%}.mint-dot{background:#31d77e}.blue-dot{background:#2699ed}.purple-dot{background:#9b4bea}
.home-search{height:52px;margin-top:26px;border-radius:28px;background:rgba(255,255,255,.9);box-shadow:0 8px 22px rgba(104,48,72,.12);display:grid;grid-template-columns:42px 1fr 35px 35px;align-items:center;padding:0 10px}.home-search input{border:0;background:transparent;outline:0;color:#222;width:100%;font-size:13px}.home-search button{border:0;background:transparent;font-size:15px}.search-brand{font-size:21px;font-weight:900;background:linear-gradient(140deg,#3b82f6,#16b981,#f59e0b,#ef4444);background-clip:text;color:transparent;text-align:center}
.app-grid.compact{grid-template-columns:repeat(4,1fr);gap:12px;margin:34px 0 14px}.app-grid.compact .app-icon{width:54px;height:54px;border:0;border-radius:17px}.app-grid.compact .app small{color:#fff;text-shadow:0 2px 5px rgba(70,34,48,.7);line-height:1.15}.ScarletiOS, .scarlet{background:linear-gradient(150deg,#FF3B30,#FF2D55);font-family:sans-serif;font-weight:bold;color:#fff}.theme-shop{background:linear-gradient(150deg,#6f6fe9,#ef6eae)}.health{background:linear-gradient(150deg,#29d9cb,#209d73)}.settings{background:linear-gradient(150deg,#ebeef1,#7b8796);color:#28313c!important}
.page-dots{margin:12px}.page-dots i{background:#ffffff8f}.page-dots .active{width:6px;background:#fff}.dock.clean{position:absolute;left:26px;right:26px;bottom:calc(58px + env(safe-area-inset-bottom));padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none}.dock.clean .app-icon{width:57px;height:57px;border:0;border-radius:18px;color:#fff}.phone-icon{background:linear-gradient(145deg,#22c76d,#009a55)}.message-icon{position:relative;background:linear-gradient(145deg,#69a3ff,#185fdf)}.gallery-icon{background:conic-gradient(#f85c65,#ffb735,#66d978,#5d8cff,#df57db,#f85c65)}.camera-icon{background:linear-gradient(145deg,#e5edf2,#8796a4);color:#303840!important}.badge{position:absolute;right:-4px;top:-6px;width:18px;height:18px;border-radius:50%;background:#f04428;color:#fff;font-size:10px;display:grid;place-items:center;border:2px solid #ffd0bd}.system-nav{position:absolute;left:30px;right:30px;bottom:calc(18px + env(safe-area-inset-bottom));display:flex;justify-content:space-between}.system-nav button{border:0;background:transparent;color:#fff;font-size:18px;text-shadow:0 1px 4px rgba(0,0,0,.4)}
body[data-theme="lagoon"] .wallpaper{background:radial-gradient(circle at 25% 20%,#d1fff7 0 12%,transparent 30%),linear-gradient(145deg,#8ce7d1,#50c7c0 55%,#a5ead2)}body[data-theme="sunset"] .wallpaper{background:radial-gradient(circle at 72% 17%,#ff73b2 0 10%,transparent 33%),linear-gradient(150deg,#ffb1ca,#ffb996 58%,#ffe0ad)}body[data-theme="mono"] .wallpaper{background:radial-gradient(circle at 75% 20%,#dfe3eb 0 12%,transparent 35%),linear-gradient(145deg,#8d96a6,#4d5668 62%,#222733)}
@media(min-width:700px){.home-screen{padding-left:26px;padding-right:26px}.widget-board{margin-top:90px}}
@media(max-height:740px){.widget-board{margin-top:42px}.weather-card{min-height:138px}.home-search{margin-top:16px}.app-grid.compact{margin-top:20px}.dock.clean{bottom:calc(46px + env(safe-area-inset-bottom))}.system-nav{bottom:calc(11px + env(safe-area-inset-bottom))}}

/* Simulator shell: lock screen, pages, shade and motion */
.lock-screen{position:absolute;inset:0;z-index:24;color:#fff;padding:calc(52px + env(safe-area-inset-top)) 22px calc(35px + env(safe-area-inset-bottom));background:linear-gradient(160deg,rgba(24,19,53,.18),rgba(10,8,30,.62));opacity:0;visibility:hidden;transform:translateY(-3%);transition:opacity .45s,transform .45s,visibility .45s;overflow:hidden}.lock-screen.active{opacity:1;visibility:visible;transform:none}.locked .statusbar{z-index:27;color:#fff!important;text-shadow:0 1px 6px #0008!important}.locked .home-indicator{z-index:27;background:#fff}.lock-orb{position:absolute;width:360px;height:360px;right:-110px;top:80px;border-radius:48% 52% 57% 43%;background:radial-gradient(circle at 35% 30%,#ffe29b,#ef7fb8 38%,#7859d7 70%,#28235c);filter:blur(.2px);opacity:.75;transform:rotate(18deg);box-shadow:-90px 250px 160px #ef9cae80}.lock-heading{position:relative;text-align:center;margin-top:12px}.lock-symbol{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid #ffffff70;border-radius:50%;background:#ffffff18}.lock-heading p{margin:12px 0 4px;font-size:14px}.lock-heading h1{font-size:76px;letter-spacing:-.07em;margin:0;line-height:.95;text-shadow:0 6px 24px #25112c66}.lock-notifications{position:absolute;left:20px;right:20px;bottom:170px;display:grid;gap:10px}.lock-notice{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;text-align:left;padding:12px;border:1px solid #ffffff38;border-radius:20px;background:rgba(255,255,255,.72);color:#1c1c24;backdrop-filter:blur(18px);box-shadow:0 10px 25px #41274130}.lock-notice span:nth-child(2){display:grid;gap:2px}.lock-notice small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:235px}.lock-notice time{font-size:10px;align-self:start}.mini-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff}.weather-mini{background:linear-gradient(145deg,#78b9ff,#315fdb)}.lock-actions{position:absolute;left:27px;right:27px;bottom:96px;display:flex;justify-content:space-between}.lock-actions button{width:50px;height:50px;border-radius:50%;border:1px solid #ffffff45;background:#0006;color:#fff;font-size:21px;backdrop-filter:blur(12px)}.unlock-rail{position:absolute;left:50%;bottom:31px;transform:translateX(-50%);border:0;background:transparent;color:#fff;font-size:12px;text-shadow:0 2px 8px #000;display:grid;gap:4px;justify-items:center;white-space:nowrap}.unlock-rail span{font-size:24px;animation:unlockNudge 1.8s ease-in-out infinite}@keyframes unlockNudge{0%,100%{transform:translateY(4px);opacity:.5}50%{transform:translateY(-3px);opacity:1}}
.home-screen{padding-left:0;padding-right:0}.shade-handle{position:absolute;z-index:9;top:calc(40px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:120px;height:20px;border:0;background:transparent}.shade-handle span{display:block;width:34px;height:4px;border-radius:4px;background:#1115;margin:auto}.home-pages{position:absolute;inset:calc(52px + env(safe-area-inset-top)) 0 calc(145px + env(safe-area-inset-bottom));overflow:hidden;touch-action:pan-y}.home-pages-track{height:100%;width:300%;display:flex;transform:translateX(-33.3333%);transition:transform .38s cubic-bezier(.2,.85,.25,1)}.home-page{width:33.3333%;height:100%;flex:none;padding:0 26px;overflow:hidden}.main-page .widget-board{margin-top:105px}.main-page .home-search{margin-top:26px}.discover-page{padding-top:94px}.page-kicker{font-size:11px;letter-spacing:.2em;font-weight:900;color:#6d3655;margin:0}.discover-page h2{font-size:36px;line-height:1.05;margin:10px 0 26px;color:#311b2d}.brief-card{width:100%;min-height:180px;padding:24px;border:0;border-radius:32px;text-align:left;color:#fff!important;display:grid;align-content:end;gap:6px;background:radial-gradient(circle at 78% 20%,#ffe783 0 9%,transparent 24%),linear-gradient(145deg,#6c42d1,#e15d98);box-shadow:0 20px 40px #954e8145}.brief-card small{letter-spacing:.13em}.brief-card b{font-size:22px}.brief-card span{font-size:13px}.brief-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.brief-row button,.agenda-card{border:1px solid #ffffff70;background:#ffffff9e;border-radius:24px;padding:18px;text-align:left;box-shadow:0 10px 24px #88476620}.brief-row b{display:block;font-size:30px}.brief-row span{font-size:12px}.agenda-card{width:100%;margin-top:13px;display:flex;gap:14px;align-items:center}.agenda-card>span{font-size:32px}.agenda-card div{display:grid}.agenda-card small{margin-top:3px}.apps-page{padding-top:88px}.apps-heading{display:flex;justify-content:space-between;align-items:center;color:#2e1d2b;margin-bottom:25px}.apps-heading p{font-size:28px;font-weight:800;margin:0}.apps-heading button{width:40px;height:40px;border:0;border-radius:50%;background:#ffffff90;font-size:22px}.all-apps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px 10px}.all-apps-grid .app small{color:#fff;text-shadow:0 2px 6px #63394a}.page-dots{position:absolute;left:0;right:0;bottom:calc(128px + env(safe-area-inset-bottom));z-index:5}.dock.clean{z-index:5}.system-nav{z-index:5}
.notification-shade{position:absolute;z-index:40;inset:0;padding:calc(24px + env(safe-area-inset-top)) 20px calc(35px + env(safe-area-inset-bottom));background:linear-gradient(165deg,rgba(246,231,242,.97),rgba(232,228,250,.97));color:#1e1b26;transform:translateY(-102%);visibility:hidden;transition:transform .4s cubic-bezier(.2,.82,.2,1),visibility .4s;backdrop-filter:blur(25px)}.notification-shade.open{transform:none;visibility:visible}.shade-top{display:flex;align-items:center;justify-content:space-between}.shade-top div{display:grid}.shade-top b{font-size:34px}.shade-top small{font-size:12px}.shade-top button{width:42px;height:42px;border:0;border-radius:50%;background:#ffffffa8;font-size:24px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0 18px}.quick-toggle{border:0;background:#ffffffa8;border-radius:23px;padding:15px 5px;display:grid;justify-items:center;gap:8px;color:#3a3340}.quick-toggle span{font-size:22px}.quick-toggle small{font-size:10px}.quick-toggle.on{background:#7766ed;color:#fff}.brightness{height:52px;background:#fff9;border-radius:27px;display:grid;grid-template-columns:40px 1fr;align-items:center;padding:0 18px}.brightness input{width:100%;accent-color:#7665ed}.shade-notices{margin-top:28px}.shade-notices h3{display:flex;justify-content:space-between;align-items:center}.shade-notices h3 button{border:0;background:transparent;color:#6957d7}.shade-notices article{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;background:#ffffffa8;border-radius:22px;padding:14px;margin-bottom:10px}.shade-notices article p{margin:3px 0 0;font-size:12px}.shade-notices article time{align-self:start;font-size:10px}.phone.dimmed{filter:brightness(var(--screen-brightness,1))}
.app-screen{transform:scale(.86);border-radius:48px;transform-origin:center bottom}.app-screen.active{animation:appLaunch .38s cubic-bezier(.2,.86,.2,1) forwards}@keyframes appLaunch{from{opacity:0;transform:translateY(18%) scale(.78);border-radius:60px}to{opacity:1;transform:none;border-radius:0}}.app-screen.closing{animation:appClose .25s ease forwards}@keyframes appClose{to{opacity:0;transform:translateY(16%) scale(.82);border-radius:55px}}
@media(max-height:740px){.main-page .widget-board{margin-top:34px}.discover-page,.apps-page{padding-top:34px}.lock-heading h1{font-size:60px}.lock-notifications{bottom:145px}.home-pages{bottom:125px}.page-dots{bottom:112px}.all-apps-grid{gap:15px 8px}}
.notification-shade{padding-top:max(58px,calc(24px + env(safe-area-inset-top)))}

/* Full Settings application */
/* ScarletiOS Gallery */
.app-screen[data-app="gallery"]{background:#fff;color:#202024}.app-screen[data-app="gallery"] .app-header{display:none}.app-screen[data-app="gallery"] .app-content{padding:0;height:100%;min-height:0;overflow:hidden}.gallery-app{position:relative;height:100%;background:#fff;padding-bottom:112px}.gallery-toolbar{height:154px;padding:20px 16px 12px;display:flex;align-items:flex-end;justify-content:space-between;background:#fff}.gallery-toolbar[hidden]{display:none}.gallery-toolbar h2{position:absolute;left:0;right:0;top:20px;text-align:center;font-size:34px;margin:0;color:#4f4f54}.gallery-toolbar>div{margin-left:auto;display:flex;align-items:center;gap:10px}.gallery-toolbar button{border:0;background:transparent;color:#18181c;font-size:25px}.gallery-toolbar button:first-child{font-size:18px}.gallery-toolbar button.muted{opacity:.35}.gallery-app>main{height:calc(100% - 154px);overflow:auto;scrollbar-width:none}.gallery-app>main::-webkit-scrollbar{display:none}.gallery-toolbar[hidden]+main{height:100%}.pictures-feed{padding:0 12px 28px}.gallery-group{margin-bottom:20px}.gallery-group header{height:35px;display:flex;align-items:center;justify-content:space-between}.gallery-group h3{font-size:15px;margin:0}.gallery-group header span{padding:5px 10px;border:1px solid #cce3ff;border-radius:16px;color:#2a78d7;font-size:9px;background:#fff}.picture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.picture-tile{aspect-ratio:1;border:0;background:var(--photo);cursor:pointer}.picture-tile:first-child{border-radius:4px 0 0 4px}.picture-tile:last-child{border-radius:0 4px 4px 0}.gallery-tabs{position:absolute;z-index:4;left:50%;transform:translateX(-50%);bottom:46px;width:306px;height:62px;border-radius:34px;padding:4px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:0 4px 14px #0003}.gallery-tabs button{border:0;border-radius:29px;background:transparent;color:#3c3c40;font-size:10px;display:grid;justify-items:center;align-content:center;gap:2px}.gallery-tabs span{font-size:19px}.gallery-tabs button.active{background:#dddde0;color:#000;font-weight:750}.gallery-system-nav{position:absolute;left:0;right:0;bottom:0;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 68px;background:#fff}.gallery-system-nav button{border:0;background:transparent;color:#999;font-size:21px}.gallery-panel{min-height:100%;padding:45px 26px 20px;text-align:center;background:linear-gradient(#f4f5f8,#fff)}.gallery-panel>span{font-size:54px;color:#3286ef}.gallery-panel h2{font-size:30px;margin:14px 0 8px}.gallery-panel p{color:#626269;line-height:1.6}.gallery-panel button{width:100%;height:50px;margin-top:20px;border:0;border-radius:28px;background:#1685ef;color:#fff;font-size:17px;font-weight:800}.gallery-empty{text-align:center;padding:70px 20px;color:#777}.gallery-empty span{font-size:45px}.gallery-viewer{height:100%;display:grid;grid-template-rows:66px 1fr 78px;background:#111;color:#fff}.gallery-viewer header{display:grid;grid-template-columns:42px 1fr 42px 34px;align-items:center;padding:0 12px;background:#111}.gallery-viewer header button{border:0;background:transparent;color:#fff;font-size:27px}.gallery-viewer header b{font-size:15px}.picture-stage{margin:0 12px;border-radius:8px;background:var(--photo);box-shadow:inset 0 0 80px #0002}.gallery-viewer footer{display:grid;grid-template-columns:repeat(4,1fr);background:#111}.gallery-viewer footer button{border:0;background:transparent;color:#fff;font-size:9px;display:grid;gap:5px;justify-items:center;align-content:center}.gallery-viewer footer span{font-size:23px}
@media(max-height:740px){.gallery-toolbar{height:124px}.gallery-toolbar h2{font-size:30px}.gallery-app>main{height:calc(100% - 124px)}.gallery-group{margin-bottom:12px}.gallery-group header{height:29px}.gallery-tabs{height:58px}.gallery-viewer{grid-template-rows:58px 1fr 66px}}

/* ScarletiOS Messages */
.app-screen[data-app="messages"]{background:#f3f3f6;color:#1b1b20}.app-screen[data-app="messages"] .app-header{display:none}.app-screen[data-app="messages"] .app-content{padding:0;height:100%;min-height:0;overflow:hidden}.messages-app{position:relative;height:100%;background:#f3f3f6;padding-bottom:44px}.messages-toolbar{height:74px;padding:8px 24px;display:flex;align-items:center;justify-content:space-between;background:#ededf0}.messages-toolbar[hidden]{display:none}.messages-toolbar h2{margin:0;font-size:20px;font-weight:500}.messages-toolbar h2 span{font-weight:800;color:#367bf5}.messages-toolbar>div{display:flex;align-items:center;gap:14px}.messages-toolbar button{border:0;background:transparent;font-size:25px;color:#16161b}.messages-toolbar .message-profile{width:34px;height:34px;padding:0;border:2px solid #1478ff;border-radius:50%;font-size:15px;color:#1478ff}.messages-app>main{height:calc(100% - 74px);overflow:auto;scrollbar-width:none}.messages-app>main::-webkit-scrollbar{display:none}.messages-toolbar[hidden]+main{height:100%}.message-list{position:relative;min-height:100%;padding:12px 0 100px}.message-row{width:100%;height:80px;border:0;background:transparent;color:#17171c;display:grid;grid-template-columns:52px 1fr 34px;align-items:center;gap:10px;text-align:left;padding:8px 16px}.message-row:hover{background:#e8e8ec}.message-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--avatar);color:#fff;font-size:19px}.message-row>span:nth-child(2){display:grid;gap:7px;min-width:0}.message-row b{font-size:16px}.message-row small{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row i{height:48px;display:grid;justify-items:end;align-content:space-between;font-style:normal}.message-row time{font-size:10px}.message-row em{width:17px;height:17px;border-radius:50%;background:#075bd2;color:#fff;font:normal 10px/17px system-ui;text-align:center}.message-fabs{position:absolute;right:20px;bottom:22px;display:grid;gap:10px}.message-fabs button{width:54px;height:54px;border:0;border-radius:50%;background:#f9f7ff;color:#176fff;font-size:24px;box-shadow:0 3px 8px #0002}.message-fabs button:last-child{background:#d8e3ff;color:#203969}.messages-system-nav{position:absolute;left:0;right:0;bottom:0;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 68px;background:#f3f3f6}.messages-system-nav button{border:0;background:transparent;color:#999;font-size:21px}.conversation{position:relative;height:100%;padding-top:74px;padding-bottom:70px;background:#fff}.conversation-head{position:absolute;left:0;right:0;top:0;height:74px;padding:8px 17px;display:grid;grid-template-columns:32px 44px 1fr 36px 28px;align-items:center;gap:7px;background:#efedf5}.conversation-head button{border:0;background:transparent;color:#444;font-size:26px}.conversation-head b{font-size:18px}.conversation-body{height:100%;padding:24px 14px 12px;overflow:auto;display:flex;flex-direction:column;align-items:flex-start;gap:7px;scrollbar-width:none}.conversation-body::-webkit-scrollbar{display:none}.conversation-body>time{align-self:center;color:#666;font-size:11px;margin:auto 0 16px}.message-bubble{max-width:82%;padding:11px 15px;border-radius:20px;background:#eeedf3;color:#34343a;font-size:13px;line-height:1.45}.message-bubble.them{border-bottom-left-radius:6px}.message-bubble.me{align-self:flex-end;background:#d5e0ff;border-bottom-right-radius:6px}.message-time{color:#666;margin-left:8px}.message-compose{position:absolute;left:16px;right:16px;bottom:9px;height:52px;display:grid;grid-template-columns:34px 1fr 34px 42px;align-items:center;background:#f5f3f8;border-radius:28px;padding:0 6px}.message-compose button{border:0;background:transparent;color:#41506b;font-size:22px}.message-compose>button:first-child{width:24px;height:24px;border:2px solid #59606d;border-radius:50%;font-size:16px;line-height:17px;padding:0;margin-left:4px}.message-compose input{min-width:0;border:0;background:transparent;outline:0;color:#25252b}.message-compose .send-message{width:38px;height:38px;border-radius:50%;background:#dbe5ff;color:#1c4fba;font-size:17px}.message-compose:has(input:placeholder-shown) .send-message{opacity:.55}
@media(max-height:740px){.messages-toolbar,.conversation-head{height:62px}.messages-app>main{height:calc(100% - 62px)}.conversation{padding-top:62px}.message-row{height:70px}.conversation-body{padding-top:16px}}

/* ScarletiOS Phone */
.app-screen[data-app="dialer"]{background:#f6f6f7;color:#17171b}.app-screen[data-app="dialer"] .app-header{display:none}.app-screen[data-app="dialer"] .app-content{padding:0;height:100%;min-height:0;overflow:hidden}.phone-app{position:relative;height:100%;min-height:0;background:#f6f6f7;padding-bottom:132px}.phone-toolbar{height:66px;padding:8px 24px;display:flex;align-items:center;justify-content:space-between;background:#fff}.phone-toolbar>b{font-size:21px}.phone-toolbar>div{display:flex;gap:14px}.phone-toolbar button{border:0;background:transparent;color:#17171b;font-size:25px;padding:5px}.phone-app main{height:calc(100% - 66px);min-height:0;overflow:auto;scrollbar-width:none}.phone-app main::-webkit-scrollbar{display:none}.phone-keypad{min-height:100%;padding:82px 48px 12px;display:flex;flex-direction:column;align-items:center;background:#fff}.dial-number{height:58px;max-width:100%;font-size:31px;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dial-keys{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:19px 24px}.dial-key{border:0;background:transparent;color:#08090c;display:grid;justify-items:center;padding:0}.dial-key b{font-size:34px;line-height:1;font-weight:400}.dial-key small{height:13px;color:#888;font-size:11px;letter-spacing:.03em}.call-button,.end-call{width:64px;height:64px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:29px;margin-top:34px;background:#08ad69;transform:rotate(-12deg)}.dial-delete{height:28px;margin-top:4px;border:0;background:transparent;color:#777;font-size:20px;visibility:hidden}.dial-delete.visible{visibility:visible}.phone-tabs{position:absolute;z-index:3;left:50%;transform:translateX(-50%);bottom:47px;width:234px;height:62px;border-radius:34px;padding:4px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;box-shadow:0 4px 14px #0002;border:1px solid #eee}.phone-tabs button{border:0;border-radius:29px;background:transparent;color:#27272c;font-size:10px;display:grid;justify-items:center;align-content:center;gap:2px}.phone-tabs span{font-size:19px}.phone-tabs button.active{background:#dedee1;color:#000;font-weight:750}.phone-system-nav{position:absolute;z-index:2;left:0;right:0;bottom:0;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 68px;background:#fff}.phone-system-nav button{border:0;background:transparent;color:#9b9b9f;font-size:21px}.phone-list{min-height:100%;padding:0 12px 45px;overflow:auto}.phone-list-title,.contacts-title{text-align:center;padding:58px 0 42px}.phone-list-title h3,.contacts-title h2{font-size:34px;margin:0 0 4px}.phone-list-title small,.contacts-title b{color:#929297}.recent-row,.contact-row,.contact-feature{width:100%;min-height:68px;border:0;background:#fff;color:#202027;border-radius:26px;margin-bottom:10px;padding:10px 16px;display:grid;grid-template-columns:48px 1fr 28px;align-items:center;text-align:left;gap:10px}.recent-row>span:nth-child(2){display:grid;gap:4px}.recent-row small{color:#898990}.recent-row i{font-style:normal;color:#939398}.contact-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--avatar,#bbb);color:#fff;font-style:normal}.contact-avatar.coral{background:#ff9a7e}.contact-avatar.amber{background:#ffb952}.contact-avatar.gray{background:#bbb}.contact-feature{grid-template-columns:48px 1fr}.contacts-title{padding:70px 0 42px}.contact-letter{height:28px;padding-left:24px;color:#888;font-weight:700}.contact-row{grid-template-columns:48px 1fr}.contact-detail{background:#fff;border-radius:28px;padding:22px;margin-bottom:22px;display:grid;grid-template-columns:1fr 48px;align-items:center}.contact-detail h3{font-size:22px;margin:0 0 3px}.contact-detail small{color:#666}.contact-detail nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px}.contact-detail nav button{border:0;background:transparent;display:grid;justify-items:center;gap:5px;color:#333}.contact-detail nav b{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f1f1f4;color:#00a968;font-size:20px}.contact-detail nav small{font-size:9px}.empty-recents{text-align:center;padding:90px 30px;color:#777}.empty-recents>span{font-size:48px}.empty-recents h3{color:#222;margin:16px 0 6px}.empty-recents p{font-size:13px;line-height:1.5}.active-call{min-height:100%;padding:74px 26px 20px;text-align:center;background:linear-gradient(170deg,#edf4f1,#dce9e4)}.call-avatar{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:var(--avatar);color:#fff;font-size:42px}.active-call h2{font-size:30px;margin:0 0 7px}.active-call p{color:#6f7774;margin:0}.call-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:80px}.call-actions button{border:0;background:transparent;display:grid;justify-items:center;gap:8px;color:#333}.call-actions b{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:22px}.call-actions small{font-size:10px}.end-call{margin:60px auto 0;background:#e74747;transform:rotate(135deg)}
@media(max-height:740px){.phone-keypad{padding-top:34px}.dial-keys{gap:11px 24px}.call-button{margin-top:15px}.contacts-title,.phone-list-title{padding:24px 0}.call-actions{margin-top:38px}.end-call{margin-top:25px}}

/* ScarletiOS Themes store */
.app-screen[data-app="themes"]{background:#fff;color:#202027}.app-screen[data-app="themes"] .app-header{display:none}.app-screen[data-app="themes"] .app-content{padding:0 0 calc(82px + env(safe-area-inset-bottom));min-height:100%}.theme-store{min-height:100%;padding:18px 14px 0}.theme-store-header{height:62px;display:flex;align-items:center;justify-content:space-between}.theme-store-header h3{font-size:22px;margin:0;letter-spacing:-.03em}.theme-store-header div{display:flex;gap:12px}.theme-store-header button,.theme-filter button,.theme-detail header button{border:0;background:transparent;color:#18181d;font-size:24px;position:relative}.theme-store-header i{position:absolute;right:-3px;top:-5px;width:16px;height:16px;border-radius:50%;background:#ff671d;color:#fff;font:normal 9px/16px system-ui;text-align:center}.theme-top-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:4px 0 20px}.theme-top-tabs button{height:38px;border:0;border-radius:22px;background:transparent;color:#999;font-weight:650}.theme-top-tabs button.active{background:#f1f1f3;color:#111}.theme-filter{display:flex;justify-content:space-between;align-items:center;margin:0 2px 12px}.theme-filter button{font-size:15px}.theme-filter button:last-child{font-size:23px}.theme-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px}.theme-card{border:0;background:transparent;color:#36363b;padding:0;text-align:left;min-width:0;cursor:pointer}.theme-card>b,.theme-card>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-card>b{font-size:13px;font-weight:500;margin:7px 0 2px}.theme-card>small{font-size:9px;color:#6e6e73}.theme-preview{position:relative;display:block;width:100%;aspect-ratio:.59;border-radius:12px;overflow:hidden;background:linear-gradient(155deg,#f7b6c9,#f5b6d5 34%,#ffcfad);box-shadow:inset 0 0 0 1px #00000008}.theme-preview:before,.apply-wallpaper:before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,transparent 50%,#fff3)}.preview-widget,.preview-moment,.preview-search,.preview-icons{position:absolute;font-style:normal}.preview-widget{left:7%;top:28%;width:47%;height:23%;border-radius:8px;background:#3f94dd;color:#fff;padding:8px 5px;display:grid;align-content:end}.preview-widget:after{content:"☀";position:absolute;right:4px;top:3px;color:#ffdf64;font-size:16px}.preview-widget b{font-size:13px}.preview-widget small{font-size:5px}.preview-moment{right:5%;top:30%;width:39%;height:13%;border-radius:20px;background:#e9ddff;color:#26202e;font-size:5px;display:grid;place-items:center;text-align:center}.preview-search{left:6%;right:6%;top:55%;height:9%;border-radius:16px;background:#fff;color:#777;font-size:6px;display:flex;align-items:center;padding-left:8px}.preview-icons{left:7%;right:7%;bottom:8%;font-size:8px;line-height:3.2;text-align:justify;word-spacing:9px;color:#3157c8}.theme-preview.violet-fold,.apply-wallpaper.violet-fold{background:radial-gradient(ellipse at 30% 20%,#ddc7ff,transparent 35%),linear-gradient(155deg,#9f86e9,#6952be 48%,#c6b5ef)}.theme-preview.cloud,.apply-wallpaper.cloud{background:radial-gradient(circle at 25% 22%,#ffe181 0 7%,transparent 8%),linear-gradient(155deg,#b8ccff,#e3ddff 45%,#ff9eae)}.theme-preview.coco,.apply-wallpaper.coco{background:#91df6f}.theme-preview.cute,.apply-wallpaper.cute{background:radial-gradient(circle at 55% 45%,#fff 0 4%,transparent 5%),linear-gradient(145deg,#ffb6ca,#ffc6d6)}.theme-preview.simple,.apply-wallpaper.simple{background:linear-gradient(145deg,#f8f8f8,#ddd)}.theme-preview.simple .preview-icons{color:#777}.theme-preview.leaf,.apply-wallpaper.leaf{background:radial-gradient(ellipse at 10% 20%,#4e8d56 0 9%,transparent 10%),radial-gradient(ellipse at 80% 30%,#74ac59 0 13%,transparent 14%),linear-gradient(155deg,#d9e5c9,#6e9a70)}.theme-preview.tiedye,.apply-wallpaper.tiedye{background:radial-gradient(circle at 15% 25%,#ffe26b 0 15%,transparent 16%),radial-gradient(circle at 75% 65%,#21d7c7 0 18%,transparent 19%),linear-gradient(140deg,#ff5479,#ffb15d 55%,#ce52ed)}.theme-preview.retro,.apply-wallpaper.retro{background:radial-gradient(circle at 60% 35%,#51c9f2 0 18%,transparent 19%),repeating-linear-gradient(0deg,#1a0634 0 8px,#4d0b86 9px 12px,#cc24d5 13px 15px)}.theme-preview.retro .preview-icons{color:#ff61e8}.theme-bottom-nav{position:fixed;z-index:3;left:0;right:0;bottom:0;height:calc(68px + env(safe-area-inset-bottom));padding:8px 12px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #eee}.theme-bottom-nav button{border:0;background:transparent;color:#83838a;font-size:10px;display:grid;gap:3px;justify-items:center}.theme-bottom-nav span{font-size:19px}.theme-bottom-nav button.active{color:#101014;font-weight:750}.theme-coming{grid-column:1/-1;text-align:center;padding:70px 22px}.theme-coming span{font-size:46px}.theme-coming h3{font-size:25px;margin:15px 0 5px}.theme-coming p{color:#777;line-height:1.5}.theme-detail{padding:8px 18px 26px}.theme-detail header{height:54px;display:grid;grid-template-columns:42px 1fr 38px 38px;align-items:center}.theme-detail header button{font-size:25px}.theme-detail>h3{font-size:18px;margin:12px 0 3px}.theme-detail>p{font-size:12px;margin:0 0 18px;color:#555}.theme-detail>p b{float:right;color:#47474d}.theme-detail-previews{display:flex;gap:9px;overflow:hidden;margin:0 -18px 26px;padding-left:18px}.theme-detail-previews .theme-preview{width:42%;flex:none;border-radius:10px}.theme-detail-previews .theme-preview:nth-child(2){filter:saturate(.82) brightness(1.03)}.theme-detail-previews .theme-preview:nth-child(3){filter:hue-rotate(20deg)}.theme-detail details{border-top:1px solid #eee;padding:16px 0}.theme-detail summary{font-size:18px;font-weight:750;cursor:pointer}.theme-detail details p{font-size:12px;line-height:1.65;color:#74747a}.theme-apply{position:sticky;bottom:18px;width:100%;height:55px;border:0;border-radius:28px;background:#1685ef;color:#fff;font-weight:800;font-size:17px;box-shadow:0 8px 22px #1685ef4d}.theme-applying{min-height:calc(100vh - 52px);background:#fff;color:#202027}.apply-wallpaper{height:46vh;position:relative;background:linear-gradient(155deg,#f7b6c9,#f5b6d5 34%,#ffcfad)}.theme-applying h3{margin:0;padding:18px 24px;background:#82635e;color:#fff;font-size:22px;font-weight:500}.theme-applying p{padding:26px 24px 14px;margin:0}.theme-applying progress{margin:0 24px;width:calc(100% - 48px);height:3px;border:0;accent-color:#2088ef}.theme-applying>b{display:block;text-align:right;padding:15px 24px;font-weight:500}.theme-applying .apply-wallpaper:after{content:"";position:absolute;left:18%;right:18%;top:28%;bottom:18%;border-radius:28px;background:linear-gradient(160deg,#ffffff75,#ffffff12);box-shadow:0 15px 30px #0002}
body[data-theme="violet"] .wallpaper{background:radial-gradient(ellipse at 25% 15%,#eadbff 0 18%,transparent 19%),linear-gradient(155deg,#9d86e9,#6e56bf 52%,#c8b8ef)}body[data-theme="cloud"] .wallpaper{background:radial-gradient(circle at 24% 18%,#ffe481 0 10%,transparent 11%),linear-gradient(150deg,#c4d3ff,#e5ddff 52%,#ff9faa)}body[data-theme="coco"] .wallpaper{background:radial-gradient(circle at 50% 38%,#fff 0 3%,transparent 4%),linear-gradient(145deg,#91df6f,#9ee77c)}body[data-theme="cute"] .wallpaper{background:radial-gradient(circle at 50% 35%,#fff7 0 5%,transparent 6%),linear-gradient(145deg,#ffb2c8,#f6c3d2)}body[data-theme="simple"] .wallpaper{background:linear-gradient(145deg,#fafafa,#dadde2)}body[data-theme="leaf"] .wallpaper{background:radial-gradient(ellipse at 10% 20%,#3c7845 0 9%,transparent 10%),radial-gradient(ellipse at 80% 30%,#6aa653 0 13%,transparent 14%),linear-gradient(155deg,#dfead3,#6e9a70)}body[data-theme="tiedye"] .wallpaper{background:radial-gradient(circle at 15% 25%,#ffe26b 0 15%,transparent 16%),radial-gradient(circle at 75% 65%,#20d8c6 0 18%,transparent 19%),linear-gradient(140deg,#ff5479,#ffb15d 55%,#ce52ed)}body[data-theme="retro"] .wallpaper{background:radial-gradient(circle at 60% 35%,#49cef6 0 18%,transparent 19%),repeating-linear-gradient(0deg,#190330 0 12px,#4d0b86 13px 19px,#cb24d4 20px 23px)}
body[data-theme="simple"]:not(.app-open) .statusbar,body[data-theme="cloud"]:not(.app-open) .statusbar,body[data-theme="cute"]:not(.app-open) .statusbar{color:#111}body[data-theme="retro"]:not(.app-open) .statusbar,body[data-theme="leaf"]:not(.app-open) .statusbar,body[data-theme="tiedye"]:not(.app-open) .statusbar{color:#fff}
@media(max-height:740px){.theme-store{padding-top:4px}.theme-store-header{height:50px}.theme-top-tabs{margin-bottom:10px}.theme-card>b{font-size:11px}.theme-bottom-nav{height:58px}.theme-detail-previews .theme-preview{width:35%}.apply-wallpaper{height:38vh}}
body.light-app .statusbar{color:#17171c;text-shadow:none}body.light-app .home-indicator{background:#111}.app-screen[data-app="settings"]{background:#f2f2f5;color:#25252b}.app-screen[data-app="settings"] .app-header{background:rgba(249,249,251,.93);border-color:#ddd;color:#25252b}.app-screen[data-app="settings"] .app-header button{color:#25252b}.app-screen[data-app="settings"] .app-header small{color:#2c7af5}.app-screen[data-app="settings"] .app-content{padding:18px 12px 90px}.settings-shell{padding-bottom:10px}.account-card{width:100%;min-height:100px;border:0;border-radius:28px;background:linear-gradient(135deg,#fff,#f4f2ff);display:flex;justify-content:space-between;align-items:center;text-align:left;padding:22px;margin-bottom:18px;color:#26262c}.account-card span{display:grid;gap:4px}.account-card b{font-size:20px}.account-card small{color:#4383f4}.account-card i{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#d9e8ff,#7da4f1);color:#fff;font-size:22px;font-style:normal}.settings-group{background:#fff;border-radius:28px;margin-bottom:18px;padding:5px 10px;overflow:visible;box-shadow:0 1px 0 #00000008}.setting-row{position:relative;width:100%;min-height:58px;border:0;border-bottom:1px solid #e1e1e5;background:transparent;color:#292930;display:grid;grid-template-columns:42px 1fr 16px;align-items:center;text-align:left;padding:7px 8px}.setting-row:last-child{border-bottom:0}.setting-row b{color:#a2a2a8;font-size:20px}.setting-row.featured:after{content:"";position:absolute;inset:-3px -5px;border:3px solid #0d8bff;border-radius:26px;box-shadow:0 0 0 3px #75c7ff55;pointer-events:none}.setting-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800}.setting-icon.wifi,.setting-icon.blue{background:#287cf7}.setting-icon.aqua{background:linear-gradient(145deg,#2778f4,#29c9c0)}.setting-icon.violet{background:#7152f2}.setting-icon.orange{background:#ee612d}.setting-icon.lime{background:#93d735}.setting-icon.green{background:#50c64b}.setting-icon.pink{background:#ef5481}.setting-icon.red{background:#db3e3e}.setting-icon.amber{background:#ffb84e}.setting-icon.indigo{background:#6666a9}.setting-icon.gray{background:#a4a6bf}.setting-name{font-size:16px}.settings-search{position:sticky;bottom:8px;width:68%;height:52px;margin:0 auto;display:grid;grid-template-columns:34px 1fr 28px;align-items:center;padding:0 13px;background:rgba(255,255,255,.94);border:1px solid #ececf0;border-radius:28px;box-shadow:0 8px 26px #49445228;backdrop-filter:blur(18px)}.settings-search input{border:0;outline:0;background:transparent;color:#26262c;font-weight:650;width:100%}.settings-search span,.settings-search b{color:#777;font-size:20px}.settings-search b{text-align:center;color:#111}.setting-detail{text-align:center;padding:24px 8px;color:#24242a}.detail-orb{width:84px;height:84px;border-radius:50%;margin:0 auto 20px;display:grid;place-items:center;background:linear-gradient(145deg,#2e8cff,#735af2);color:#fff;font-size:34px}.setting-detail h3{font-size:30px;margin:0 0 8px}.setting-detail>p{color:#6e6e76;line-height:1.5;margin:0 auto 24px;max-width:330px}.setting-detail section{background:#fff;border-radius:26px;text-align:left;padding:4px 16px}.setting-detail label{min-height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e7ea}.setting-detail label:last-child{border:0}.setting-detail label span{display:grid;gap:4px}.setting-detail label small{color:#83838b}.switch{appearance:none;width:48px;height:28px;border-radius:20px;background:#c9cad0;position:relative;transition:.2s}.switch:after{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0003;transition:.2s}.switch:checked{background:#4d7ff5}.switch:checked:after{transform:translateX(20px)}.settings-action{width:100%;height:54px;margin-top:18px;border:0;border-radius:20px;background:#297ef5;color:#fff;font-weight:800}
.status-icons{gap:6px;height:18px;font-size:10px}.status-icons svg{display:block;width:16px;height:14px;color:currentColor}.signal-icon{fill:currentColor}.wifi-icon{overflow:visible}.battery{position:relative;display:inline-flex;align-items:center;width:24px;height:12px;padding:0 2px;border:1.5px solid currentColor;border-radius:4px;font-size:8px;line-height:1;box-sizing:border-box}.battery:after{content:"";position:absolute;right:-3.5px;top:3px;width:2px;height:5px;border-radius:0 2px 2px 0;background:currentColor}.battery b{position:relative;z-index:1;font-size:8px;font-weight:800}.battery i{position:absolute;inset:2px 2px 2px 2px;border-radius:2px;background:currentColor;opacity:.16}.battery i:after{content:"";display:block;width:87%;height:100%;border-radius:2px;background:currentColor;opacity:.8}.system-nav button,.gallery-system-nav button,.messages-system-nav button,.phone-system-nav button{position:relative;width:24px;height:24px;padding:0;color:transparent!important;text-shadow:none!important;font-size:0;display:grid;place-items:center;opacity:.86}.system-nav button:before,.gallery-system-nav button:before,.messages-system-nav button:before,.phone-system-nav button:before{content:"";display:block;position:relative}.system-nav button[aria-label="Recent apps"]:before,.gallery-system-nav button[aria-label="Recent apps"]:before,.messages-system-nav button[aria-label="Recent apps"]:before,.phone-system-nav button[aria-label="Recent apps"]:before{width:15px;height:13px;background:linear-gradient(90deg,currentColor 0 2px,transparent 2px 6px,currentColor 6px 8px,transparent 8px 12px,currentColor 12px 14px);border-radius:2px}.system-nav button[aria-label="Home"]:before,.gallery-system-nav button[aria-label="Home"]:before,.messages-system-nav button[aria-label="Home"]:before,.phone-system-nav button[aria-label="Home"]:before{width:13px;height:13px;border:1.8px solid currentColor;border-radius:50%}.system-nav button[aria-label="Back"]:before,.gallery-system-nav button[aria-label="Back"]:before,.messages-system-nav button[aria-label="Back"]:before,.phone-system-nav button[aria-label="Back"]:before{width:10px;height:10px;border-left:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);margin-left:4px}.gallery-system-nav button,.messages-system-nav button,.phone-system-nav button{color:#85858c!important}.system-nav button{color:#17171b!important}

/* Imported MTZ theme support */
.theme-import-status{margin:0 0 16px;padding:12px 14px;border-radius:16px;background:#eef7fb;color:#245166;display:grid;gap:8px;font-size:11px}.theme-import-status[hidden]{display:none!important}.theme-import-status.error{background:#fff0ed;color:#9d3529}.theme-import-status progress{width:100%;height:4px;border:0;accent-color:#2c93bd}.theme-store-header button:disabled{opacity:.45}.theme-preview.flow-glass,.theme-preview.imported,.apply-wallpaper.flow-glass,.apply-wallpaper.imported{background-position:center;background-size:cover;background-repeat:no-repeat}.theme-preview.flow-glass .preview-widget,.theme-preview.flow-glass .preview-moment,.theme-preview.flow-glass .preview-search,.theme-preview.flow-glass .preview-icons,.theme-preview.imported .preview-widget,.theme-preview.imported .preview-moment,.theme-preview.imported .preview-search,.theme-preview.imported .preview-icons{display:none}.theme-preview.flow-glass:after,.theme-preview.imported:after{content:"MTZ";position:absolute;left:7px;bottom:7px;padding:3px 5px;border-radius:6px;background:#0008;color:#fff;font:700 6px/1 system-ui;letter-spacing:.08em}.theme-detail .theme-preview.flow-glass:after,.theme-detail .theme-preview.imported:after{display:none}

body.theme-asset-pack{--accent:#dff7ff;--glass:rgba(232,248,255,.22);--line:rgba(255,255,255,.58)}body.theme-asset-pack .wallpaper{background-image:var(--theme-home-image);background-position:center;background-size:cover;background-repeat:no-repeat}body.theme-asset-pack .wallpaper:after{background:linear-gradient(to bottom,rgba(26,74,90,.08),rgba(27,33,38,.18));backdrop-filter:saturate(1.08)}body.theme-asset-pack .lock-screen{background-image:linear-gradient(to bottom,rgba(23,46,57,.2),rgba(10,25,33,.45)),var(--theme-lock-image);background-position:center;background-size:cover}body.theme-asset-pack .lock-orb{display:none}body.theme-asset-pack .lock-heading{padding:18px 12px;border:1px solid #ffffff75;border-radius:30px;background:#dff5ff26;backdrop-filter:blur(13px) saturate(1.25);box-shadow:inset 0 1px #fff8,0 16px 30px #122a3033}body.theme-asset-pack .lock-heading h1{font-size:70px}body.theme-asset-pack:not(.app-open) .statusbar{color:#fff;text-shadow:0 2px 7px #17323b}body.theme-asset-pack .home-screen{color:#fff}body.theme-asset-pack .home-screen button{color:#fff}body.theme-asset-pack .home-card,body.theme-asset-pack .home-search{border:1px solid #ffffff80;background:linear-gradient(145deg,#e9fbff4f,#f8ffff22);box-shadow:inset 0 1px #fff9,0 12px 26px #1b3b4738;backdrop-filter:blur(16px) saturate(1.35)}body.theme-asset-pack .weather-card strong,body.theme-asset-pack .weather-card small,body.theme-asset-pack .weather-card .range,body.theme-asset-pack .weather-card .location{color:#fff}body.theme-asset-pack .home-search input{color:#fff}body.theme-asset-pack .home-search input::placeholder{color:#ffffffd0}body.theme-asset-pack .search-brand{color:#fff;background:none}body.theme-asset-pack .app small{color:#fff;text-shadow:0 2px 6px #1e3449}body.theme-asset-pack .page-dots i{background:#ffffff8a}body.theme-asset-pack .page-dots .active{background:#fff}body.theme-asset-pack .notification-shade{background:linear-gradient(165deg,#eafaffd6,#d9eef1c7);color:#21343a}body.theme-asset-pack .quick-toggle,body.theme-asset-pack .shade-notices article{background:#ffffff73;border-color:#fff9;color:#263c43;backdrop-filter:blur(18px)}body.theme-asset-pack .quick-toggle.on{background:#50a8c5;color:#fff}body.theme-asset-pack .app-screen{background-image:linear-gradient(160deg,#f1fbfbe8,#dbe9e8e8),var(--theme-home-image);background-position:center;background-size:cover}

body.theme-asset-pack [data-open="browser"]>.app-icon,body.theme-asset-pack .app-icon[data-open="browser"]{background-image:var(--theme-icon-browser)}body.theme-asset-pack [data-open="gallery"]>.app-icon,body.theme-asset-pack .app-icon[data-open="gallery"]{background-image:var(--theme-icon-gallery)}body.theme-asset-pack [data-open="notes"]>.app-icon,body.theme-asset-pack .app-icon[data-open="notes"]{background-image:var(--theme-icon-notes)}body.theme-asset-pack [data-open="weather"]>.app-icon,body.theme-asset-pack .app-icon[data-open="weather"]{background-image:var(--theme-icon-weather)}body.theme-asset-pack [data-open="calculator"]>.app-icon,body.theme-asset-pack .app-icon[data-open="calculator"]{background-image:var(--theme-icon-calculator)}body.theme-asset-pack [data-open="themes"]>.app-icon,body.theme-asset-pack .app-icon[data-open="themes"]{background-image:var(--theme-icon-themes)}body.theme-asset-pack [data-open="focus"]>.app-icon,body.theme-asset-pack .app-icon[data-open="focus"]{background-image:var(--theme-icon-focus)}body.theme-asset-pack [data-open="settings"]>.app-icon,body.theme-asset-pack .app-icon[data-open="settings"]{background-image:var(--theme-icon-settings)}body.theme-asset-pack [data-open="messages"]>.app-icon,body.theme-asset-pack .app-icon[data-open="messages"]{background-image:var(--theme-icon-messages)}body.theme-asset-pack [data-open="dialer"]>.app-icon,body.theme-asset-pack .app-icon[data-open="dialer"]{background-image:var(--theme-icon-dialer)}body.theme-asset-pack [data-open="camera"]>.app-icon,body.theme-asset-pack .app-icon[data-open="camera"]{background-image:var(--theme-icon-camera)}body.theme-asset-pack [data-open="health"]>.app-icon,body.theme-asset-pack .app-icon[data-open="health"]{background-image:var(--theme-icon-health)}body.theme-asset-pack [data-open="switch"]>.app-icon,body.theme-asset-pack .app-icon[data-open="switch"]{background-image:var(--theme-icon-switch)}body.theme-asset-pack [data-open]>.app-icon,body.theme-asset-pack .dock .app-icon[data-open]{background-position:center;background-size:cover;background-repeat:no-repeat;border:0;color:transparent!important;font-size:0;box-shadow:0 9px 20px #15323f44}body.theme-asset-pack .dock .app-icon[data-open]{background-color:transparent}body.theme-asset-pack .dock .badge{font-size:10px;color:#fff}

body.theme-asset-pack .app-screen[data-app="settings"]{background-image:linear-gradient(160deg,#e9f5f5d4,#d7e6e7d9),var(--theme-home-image);background-position:center;background-size:cover}body.theme-asset-pack .app-screen[data-app="settings"] .app-header{background:#eff9f8c9;border-color:#ffffff96;backdrop-filter:blur(22px)}body.theme-asset-pack .account-card,body.theme-asset-pack .settings-group,body.theme-asset-pack .setting-detail section{background:#ffffffa8;border:1px solid #fff;box-shadow:inset 0 1px #fff,0 10px 25px #2b4b5430;backdrop-filter:blur(18px)}body.theme-asset-pack .settings-search{background:#f5ffffc4;border-color:#fff;backdrop-filter:blur(20px)}body.theme-asset-pack .setting-row{border-color:#829ba329}body.theme-asset-pack .featured:after{border-color:#57a9c7;box-shadow:0 0 0 3px #9de3f255}

/* Hide duplicate simulated statusbar on real mobile devices (iPhone, Appetize, Android, PWA) */
@media (max-width: 699px), (pointer: coarse) and (max-width: 850px) {
  .statusbar {
    display: none !important;
  }
  .screen, .home-screen, .lock-screen, .app-screen {
    padding-top: calc(env(safe-area-inset-top, 0px) + 14px) !important;
  }
}

body.is-mobile-device .statusbar,
body.hide-statusbar .statusbar {
  display: none !important;
}

body.is-mobile-device .screen,
body.is-mobile-device .home-screen,
body.is-mobile-device .lock-screen,
body.is-mobile-device .app-screen,
body.hide-statusbar .screen,
body.hide-statusbar .home-screen,
body.hide-statusbar .lock-screen,
body.hide-statusbar .app-screen {
  padding-top: calc(env(safe-area-inset-top, 0px) + 14px) !important;
}
/* FORCE HIDE on Mobile Phones / iPhone / Appetize */
html.mobile-device .statusbar,
body.mobile-device .statusbar,
.mobile-device .statusbar,
@media (max-width: 768px) {
  .statusbar {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
  }
}
/* ==========================================================================
   FIX: Full-Bleed App Screen & Native Sticky Header
   Prevents top scroll leakage into Dynamic Island & eliminates bottom black bar
   ========================================================================== */

.app-screen,
.app-screen.active {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  transform: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  animation: none !important;
  box-sizing: border-box !important;
  z-index: 10 !important;
}

/* App Header: Always sits at top, covering safe area completely */
.app-header {
  flex-shrink: 0 !important;
  position: relative !important;
  z-index: 30 !important;
  padding-top: max(env(safe-area-inset-top, 0px), 16px) !important;
  height: auto !important;
  min-height: calc(54px + max(env(safe-area-inset-top, 0px), 16px)) !important;
  padding-bottom: 8px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  display: grid !important;
  grid-template-columns: 50px 1fr 50px !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

.app-screen[data-app= settings] {
  background: #f2f2f7 !important;
}

.app-screen[data-app=settings] .app-header {
  background: rgba(246, 246, 248, 0.96) !important;
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

body.theme-asset-pack .app-screen[data-app=settings] {
  background: linear-gradient(160deg, rgba(233, 245, 245, 0.95), rgba(215, 230, 231, 0.95)), var(--theme-home-image) !important;
  background-position: center !important;
  background-size: cover !important;
}

body.theme-asset-pack .app-screen[data-app=settings] .app-header {
  background: rgba(240, 248, 248, 0.95) !important;
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6) !important;
}

/* App Content: The ONLY element that scrolls! */
.app-content {
  flex: 1 1 0% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  box-sizing: border-box !important;
}

.app-screen[data-app=settings] .app-content {
  padding: 16px 16px calc(48px + env(safe-area-inset-bottom, 20px)) !important;
}

.app-screen[data-app=settings] .settings-shell {
  padding-bottom: 40px !important;
}

/* Settings floating search bar */
.settings-search {
  position: sticky !important;
  bottom: calc(14px + env(safe-area-inset-bottom, 10px)) !important;
  z-index: 25 !important;
}