.ios-app{--app-shut:calc(52 / 324);--app-close:.68s;--app-close-spring:linear(0, .132, .268, .4, .521, .627, .719, .794, .856, .904, .941, .968, .988, 1.002, 1.01, 1.015, 1.018, 1.018, 1.017, 1.016, 1.014, 1.012, 1.01, 1.008, 1.006, 1.005, 1.004, 1.003, 1.002, 1.001, 1.001, 1, 1);--app-open-spring:linear(0, .086, .19, .3, .406, .504, .592, .669, .735, .79, .835, .872, .902, .926, .944, .959, .97, .979, .985, .99, .993, .996, .998, .999, 1);translate:calc(var(--origin-x,50%) - 50%) calc(var(--origin-y,50%) - 50%);scale:var(--app-shut);clip-path:inset(calc(50% - 162 * var(--u)) 0 round calc(52 * 135 / 512 * var(--u) / var(--app-shut)));opacity:0;visibility:hidden;pointer-events:none;will-change:translate, scale, clip-path;transition:translate var(--app-close) var(--app-close-spring), scale var(--app-close) var(--app-close-spring), clip-path var(--app-close) var(--app-close-spring), opacity 0s linear var(--app-close), visibility 0s linear var(--app-close);background:radial-gradient(90% 40% at 100% 0,#7c5cff40 0%,#0000 60%),radial-gradient(80% 40% at 0 100%,#39ffe724 0%,#0000 60%),linear-gradient(#14122a 0%,#0b0b12 100%);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.ios-app[data-open]{clip-path:inset(0 round calc(44 * var(--u)));opacity:1;visibility:visible;pointer-events:auto;transition:translate .56s var(--app-open-spring), scale .56s var(--app-open-spring), clip-path .56s var(--app-open-spring), opacity 0s, visibility 0s;translate:0;scale:1}.ios-app-icon{top:calc(50% - 162 * var(--u));z-index:1;width:100%;height:calc(324 * var(--u));pointer-events:none;transition:opacity .24s .14s;position:absolute;left:0}.ios-app[data-open] .ios-app-icon{opacity:0;transition:opacity .2s 40ms}.ios-icon[data-app=slash] .ios-icon-tile{transition:scale .2s cubic-bezier(.22,.61,.36,1),filter .2s,visibility 0s linear .68s}.iphone-screen[data-app] .ios-icon[data-app=slash] .ios-icon-tile{visibility:hidden;transition:visibility}.ios-app-header{padding:calc(58 * var(--u)) calc(18 * var(--u)) calc(14 * var(--u));justify-content:space-between;align-items:center;display:flex}.ios-app-title{color:inherit;font-size:calc(30 * var(--u));letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.1;animation:.32s cubic-bezier(.22,.61,.36,1) both ios-app-in}.ios-app-header-button{width:calc(34 * var(--u));height:calc(34 * var(--u));background:#ffffff1f;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 .5px #fff3}.ios-app-header-button svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}.ios-app-body{padding:0 calc(14 * var(--u));flex:1}.ios-app-grid{gap:calc(16 * var(--u)) 0;grid-template-columns:repeat(4,1fr);animation:.32s cubic-bezier(.22,.61,.36,1) both ios-app-in;display:grid}.ios-app-tile{align-items:center;gap:calc(6 * var(--u));color:#ffffffe6;font:inherit;font-size:calc(10.5 * var(--u));cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;font-weight:500;display:flex}.ios-app-tile:focus-visible{outline:none}.ios-app-tile:focus-visible .ios-app-tile-face{outline-offset:2px;outline:1.5px solid #ffffffb3}.ios-app-tile-face{width:calc(56 * var(--u));height:calc(56 * var(--u));border-radius:calc(16 * var(--u));corner-shape:superellipse(1.6);background:linear-gradient(160deg, color-mix(in srgb, var(--ext) 82%, #fff), color-mix(in srgb, var(--ext) 78%, #000));box-shadow:inset 0 1px 0 #ffffff40, 0 4px 12px color-mix(in srgb, var(--ext) 30%, transparent);place-items:center;transition:scale .2s cubic-bezier(.22,.61,.36,1),filter .2s;display:grid}.ios-app-tile-face svg{width:calc(24 * var(--u));height:calc(24 * var(--u));stroke-width:2.2px}.ios-app-tile:active .ios-app-tile-face{filter:brightness(.85);scale:.9}.ios-app-surface{padding:calc(4 * var(--u)) calc(14 * var(--u));border-radius:calc(22 * var(--u));corner-shape:superellipse(1.4);background:#ffffff12;flex-direction:column;margin:0;list-style:none;animation:.32s cubic-bezier(.22,.61,.36,1) both ios-app-in;display:flex;box-shadow:inset 0 0 0 .5px #ffffff1f}.ios-app-row{align-items:center;gap:calc(10 * var(--u));padding:calc(12 * var(--u)) 0;font-size:calc(13 * var(--u));display:flex}.ios-app-row+.ios-app-row{border-top:.5px solid #ffffff1a}.ios-app-row-mark{width:calc(14 * var(--u));height:calc(14 * var(--u));border:1.5px solid var(--ext);border-radius:50%;flex-shrink:0}.ios-app-bar{gap:calc(8 * var(--u));padding:0 calc(14 * var(--u)) calc(28 * var(--u));display:flex}.ios-app-bar-pill,.ios-app-slash{height:calc(54 * var(--u));-webkit-backdrop-filter:blur(24px)saturate(1.8);backdrop-filter:blur(24px)saturate(1.8);background:#ffffff1f;border-radius:999px;box-shadow:inset 0 0 0 .5px #ffffff3d,inset 0 1px #ffffff24,0 8px 20px #0000004d}.ios-app-bar-pill{padding:0 calc(4 * var(--u));flex:1;justify-content:space-around;align-items:center;display:flex}.ios-app-tab,.ios-app-slash{color:#ffffffb3;cursor:pointer;border:0;place-items:center;padding:0;transition:color .2s,background-color .2s,scale .16s cubic-bezier(.22,.61,.36,1);display:grid}:is(.ios-app-tab,.ios-app-slash):active{scale:.9}:is(.ios-app-tab,.ios-app-slash):focus-visible{outline-offset:1px;outline:1px solid #fff9}.ios-app-tab{width:calc(44 * var(--u));height:calc(44 * var(--u));background:0 0;border-radius:999px}.ios-app-tab svg{width:calc(19 * var(--u));height:calc(19 * var(--u))}.ios-app-tab[aria-current]{color:var(--ext);background:#ffffff1a}.ios-app-slash{width:calc(54 * var(--u));flex-shrink:0}.ios-app-slash svg{width:calc(22 * var(--u));height:calc(22 * var(--u));fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round}.ios-app-slash[aria-current]{color:#fff}@keyframes ios-app-in{0%{opacity:0;translate:0 calc(6 * var(--u))}}@media (prefers-reduced-motion:reduce){.ios-app,.ios-app[data-open],.ios-app-icon,.ios-icon[data-app=slash] .ios-icon-tile{transition-duration:1ms;transition-delay:0s}.ios-app-title,.ios-app-grid,.ios-app-surface{animation:none}}.ios-drop{gap:calc(10 * var(--u));flex-direction:column;height:100%;animation:.32s cubic-bezier(.22,.61,.36,1) both ios-app-in;display:flex}.ios-drop-list{gap:calc(6 * var(--u));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ios-drop-row{align-items:center;gap:calc(8 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u));border-radius:calc(12 * var(--u));background:#ffffff0d;display:flex;box-shadow:inset 0 0 0 .5px #ffffff1a}.ios-drop-thumb{width:calc(32 * var(--u));height:calc(32 * var(--u));border-radius:calc(7 * var(--u));color:#fff9;background:#ffffff0f;flex-shrink:0;place-items:center;display:grid;box-shadow:inset 0 0 0 .5px #ffffff1f}.ios-drop-thumb svg{width:calc(13 * var(--u));height:calc(13 * var(--u))}.ios-drop-thumb[data-kind=image]{background:linear-gradient(170deg,#ffb36b 0%,#ff7a59 40%,#6a4c93 72%,#26305c 100%)}.ios-drop-text{gap:calc(1 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.ios-drop-text strong,.ios-drop-text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ios-drop-text strong{font-size:calc(12 * var(--u));font-weight:600}.ios-drop-text span{color:#ffffff8c;font-size:calc(9.5 * var(--u))}.ios-drop-button{width:calc(24 * var(--u));height:calc(24 * var(--u));color:#fff9;background:#ffffff14;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.ios-drop-button svg{width:calc(11 * var(--u));height:calc(11 * var(--u));stroke-width:2.4px}.ios-drop-card{gap:calc(6 * var(--u));margin-top:auto;margin-bottom:calc(10 * var(--u));padding:calc(5 * var(--u));border-radius:calc(16 * var(--u));box-shadow:inset 0 0 0 .5px #ffffff1a, 0 calc(3 * var(--u)) calc(8 * var(--u)) #00000029;background:#00000029;flex-direction:column;display:flex}.ios-drop-actions{gap:calc(4 * var(--u));padding:calc(6 * var(--u));border-radius:calc(13 * var(--u));background:#ffffff12;display:flex;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffff1a}.ios-drop-action{align-items:center;gap:calc(4 * var(--u));height:calc(26 * var(--u));padding:0 calc(7 * var(--u));border-radius:calc(7 * var(--u));color:#fff9;font-size:calc(9 * var(--u));background:#ffffff12;flex-shrink:0;display:flex;box-shadow:inset 0 0 0 .5px #ffffff1a}.ios-drop-action svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}.ios-drop-tabs{gap:calc(2 * var(--u));padding:calc(2 * var(--u));font-size:calc(10 * var(--u));background:#ffffff0f;border-radius:999px;align-self:flex-start;font-weight:500;display:flex}.ios-drop-tabs span{padding:calc(4 * var(--u)) calc(10 * var(--u));color:#ffffff8c;border-radius:999px}.ios-drop-tabs [data-selected]{color:#fff;background:#ffffff24}.ios-airmouse{--aim:4.8s;gap:calc(10 * var(--u));height:100%;padding-bottom:calc(10 * var(--u));flex-direction:column;animation:.32s cubic-bezier(.22,.61,.36,1) both ios-app-in;display:flex}.ios-airmouse-aim{height:calc(120 * var(--u));border-radius:calc(13 * var(--u));corner-shape:superellipse(1.4);background:#ffffff0a;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.ios-airmouse-cross{width:calc(18 * var(--u));height:calc(18 * var(--u));stroke-width:1.2px;animation:ios-airmouse-cross var(--aim) ease-in-out infinite}.ios-airmouse-hint{bottom:calc(10 * var(--u));color:#ffffff8c;font-size:calc(9.5 * var(--u));animation:ios-airmouse-hint var(--aim) ease infinite;position:absolute}.ios-airmouse-hold{height:calc(48 * var(--u));border-radius:calc(13 * var(--u));corner-shape:superellipse(1.4);font-size:calc(12 * var(--u));animation:ios-airmouse-hold var(--aim) ease infinite;margin-top:auto;font-weight:600;display:grid}.ios-airmouse-hold span{grid-area:1/1;place-self:center}.ios-airmouse-hold span:first-child{animation:ios-airmouse-hint var(--aim) ease infinite}.ios-airmouse-hold span:last-child{animation:ios-airmouse-aiming var(--aim) ease infinite}.ios-airmouse-clicks{gap:calc(6 * var(--u));height:calc(38 * var(--u));display:flex}.ios-airmouse-clicks span{justify-content:center;align-items:center;gap:calc(5 * var(--u));border-radius:calc(10 * var(--u));font-size:calc(11 * var(--u));background:#ffffff0d;flex:1;font-weight:500;display:flex}.ios-airmouse-clicks svg{width:calc(11 * var(--u));height:calc(11 * var(--u))}.ios-airmouse-scroll{height:calc(35 * var(--u));border-radius:calc(10 * var(--u));color:#ffffff8c;background:#ffffff0d;place-items:center;display:grid}.ios-airmouse-scroll svg{width:calc(11 * var(--u));height:calc(11 * var(--u))}@keyframes ios-airmouse-hold{0%,18%,82%,to{color:#fff;background:#ffffff0f}22%,78%{color:#fff;background:#40c8e0}}@keyframes ios-airmouse-hint{0%,18%,82%,to{opacity:1}22%,78%{opacity:0}}@keyframes ios-airmouse-aiming{0%,18%,82%,to{opacity:0}22%,78%{opacity:1}}@keyframes ios-airmouse-cross{0%,18%{translate:calc(-40 * var(--u)) calc(-28 * var(--u));color:#ffffff59}22%{color:#40c8e0;translate:0}36%{translate:calc(70 * var(--u)) calc(-24 * var(--u))}52%{translate:calc(30 * var(--u)) calc(30 * var(--u))}66%{translate:calc(-80 * var(--u)) calc(10 * var(--u))}78%{translate:calc(-40 * var(--u)) calc(-28 * var(--u));color:#40c8e0}82%,to{translate:calc(-40 * var(--u)) calc(-28 * var(--u));color:#ffffff59}}@media (prefers-reduced-motion:reduce){.ios-airmouse *,.ios-airmouse-hold span{animation:none}.ios-airmouse-hold span:last-child{opacity:0}}
.ios-deck{--deck-w:calc(695.4 * var(--u));--deck-h:calc(324 * var(--u));width:var(--deck-w);height:var(--deck-h);opacity:0;visibility:hidden;pointer-events:none;background:#000;transition:opacity .22s,scale .22s,visibility 0s linear .22s;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-90deg;scale:.96}.ios-deck[data-mode]{opacity:1;visibility:visible;transition:opacity .36s .64s,scale .48s cubic-bezier(.22,1,.36,1) .64s,visibility 0s linear .64s;scale:1}.ios-deck-view{opacity:0;transition:opacity .28s;position:absolute;inset:0}.ios-deck-view[data-shown]{opacity:1}.ios-deck-apps{--gap:calc(13 * var(--u));--cell:calc((var(--deck-h) - 4 * var(--gap)) / 3);grid-template-columns:repeat(4, var(--cell));grid-template-rows:repeat(3, var(--cell));place-content:center;gap:var(--gap);display:grid;position:absolute;inset:0}.ios-deck-key{--radius:calc((2 * var(--cell) + var(--gap)) * .12);justify-content:center;align-items:center;gap:calc(8 * var(--u));border-radius:var(--radius);corner-shape:superellipse(1.4);background:linear-gradient(135deg, color-mix(in srgb, var(--ext) 22%, transparent), color-mix(in srgb, var(--ext) 10%, transparent));box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--ext) 20%, transparent);color:var(--ext);flex-direction:column;display:flex}.ios-deck-key svg{width:calc(var(--cell) * .3);height:calc(var(--cell) * .3)}.ios-deck-key[data-featured]{grid-area:span 2/span 2}.ios-deck-key[data-featured] svg{width:calc((2 * var(--cell) + var(--gap)) * .3);height:calc((2 * var(--cell) + var(--gap)) * .3)}.ios-deck-key[data-open]{background:linear-gradient(135deg, color-mix(in srgb, var(--ext) 42%, transparent), color-mix(in srgb, var(--ext) 22%, transparent));box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--ext) 55%, transparent);color:#fff}.ios-deck-key-label{color:#fff;font-size:calc(14 * var(--u));font-weight:600}.ios-deck-clock{justify-content:center;align-items:center;gap:calc(29 * var(--u));display:flex;position:absolute;inset:0}.ios-flip-card{--card-w:calc(186 * var(--u));--card-h:calc(238 * var(--u));width:var(--card-w);height:var(--card-h);perspective:calc(900 * var(--u));position:relative}.ios-flip-card:after{content:"";z-index:2;height:calc(1.5 * var(--u));background:#000;position:absolute;top:50%;left:0;right:0;translate:0 -50%}.ios-flip-half{height:50%;position:absolute;left:0;right:0;overflow:hidden}.ios-flip-half[data-half=top]{border-radius:calc(26 * var(--u)) calc(26 * var(--u)) 0 0;transform-origin:bottom;background:#2b2b2b;animation:.56s cubic-bezier(.45,0,.3,1) both ios-flip;top:0}.ios-flip-half[data-half=bottom]{border-radius:0 0 calc(26 * var(--u)) calc(26 * var(--u));background:#1c1c1c;bottom:0}.ios-flip-digits{height:var(--card-h);color:#e0e0e0;font-size:calc(157 * var(--u));font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:600;line-height:var(--card-h);text-align:center;position:absolute;left:0;right:0}[data-half=top]>.ios-flip-digits{top:0}[data-half=bottom]>.ios-flip-digits{bottom:0}@keyframes ios-flip{0%{filter:brightness(1.4);rotate:x 90deg}}.ios-deck-present{color:#ffffffd9;flex-direction:column;display:flex;position:absolute;inset:0}.ios-present-timer{align-items:center;gap:calc(5 * var(--u));height:calc(35 * var(--u));padding:calc(6 * var(--u)) calc(18 * var(--u)) 0;font-size:calc(12 * var(--u));font-variant-numeric:tabular-nums;font-weight:600;display:flex}.ios-present-timer svg{width:calc(12 * var(--u));height:calc(12 * var(--u));stroke-width:2.4px}.ios-present-zones{flex:1;grid-template-columns:1fr 2fr;display:grid}.ios-present-zone{color:#ffffff29;place-items:center;display:grid}.ios-present-zone svg{width:calc(27 * var(--u));height:calc(27 * var(--u));stroke-width:2.6px}.ios-present-zone[data-next]{border-left:1px solid #ffffff0f}.ios-deck-view[data-shown] .ios-present-zone[data-next]{animation:3.2s ease-out 1.4s infinite ios-present-next}@keyframes ios-present-next{0%,2%{color:#ffffffe6}14%,to{color:#ffffff29}}.ios-present-strip{align-items:center;gap:calc(8 * var(--u));height:calc(51 * var(--u));padding:calc(10 * var(--u)) calc(14 * var(--u));display:flex}.ios-present-button{justify-content:center;align-items:center;gap:calc(2 * var(--u));width:calc(37 * var(--u));height:calc(32 * var(--u));border-radius:calc(9 * var(--u));color:#fffc;font-size:calc(6.5 * var(--u));background:#ffffff14;flex-direction:column;font-weight:500;display:flex}.ios-present-button svg{width:calc(12 * var(--u));height:calc(12 * var(--u));stroke-width:2.4px}.ios-present-button[data-end]{margin-left:auto}.ios-present-slate{width:calc(15 * var(--u));height:calc(10 * var(--u));border-radius:calc(2 * var(--u))}.ios-present-slate[data-fill=black]{background:currentColor}.ios-present-slate[data-fill=white]{box-shadow:inset 0 0 0 1.5px}.ios-present-stop{width:calc(10 * var(--u));height:calc(10 * var(--u));border-radius:calc(2 * var(--u));background:currentColor}@media (prefers-reduced-motion:reduce){.ios-deck,.ios-deck[data-mode]{transition-duration:1ms}.ios-flip-half[data-half=top],.ios-deck-view[data-shown] .ios-present-zone[data-next]{animation:none}}
.ios-icon{align-items:center;gap:calc(5 * var(--u));color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.ios-icon:focus-visible{outline:none}.ios-icon:focus-visible .ios-icon-tile{outline-offset:2px;outline:1.5px solid #ffffffb3}.ios-icon-tile{width:calc(52 * var(--u));height:calc(52 * var(--u));border-radius:25%;flex-shrink:0;transition:scale .2s cubic-bezier(.22,.61,.36,1),filter .2s;display:block;position:relative;overflow:hidden}@supports (corner-shape:superellipse(2)){:where(html:not([data-shapes=off])) .ios-icon-tile{corner-shape:superellipse(1.1);border-radius:26%}}.ios-icon:active .ios-icon-tile{filter:brightness(.8);scale:.88}.ios-icon-art{width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.ios-icon-tile[data-art=image] .ios-icon-art{object-fit:cover;width:124.272%;height:124.272%;inset:-12.1359%}.ios-icon-tile[data-bleed]{overflow:visible}.ios-icon-tile[data-bleed] .ios-icon-art{width:100%;height:100%;inset:0}.ios-icon-label{max-width:calc(70 * var(--u));font-size:calc(10.5 * var(--u));line-height:calc(13 * var(--u));letter-spacing:.005em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px #00000059;font-weight:500;overflow:hidden}.ios-icon-tile[data-art=calendar]{background:#fff}.ios-icon-calendar{color:#1c1c1e;text-align:center;line-height:1;position:absolute;inset:0}.ios-icon-calendar-day,.ios-icon-calendar-date{position:absolute;left:0;right:0}.ios-icon-calendar-day{top:calc(6.5 * var(--u));color:#ff3b30;font-size:calc(10 * var(--u));font-weight:600}.ios-icon-calendar-date{top:calc(15.6 * var(--u));font-size:calc(32 * var(--u));letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:400}
.ios-dock{left:calc(12 * var(--u));right:calc(12 * var(--u));bottom:calc(12 * var(--u));height:calc(84 * var(--u));padding:0 calc(17 * var(--u));border-radius:calc(31 * var(--u));box-shadow:inset 0 calc(.75 * var(--u)) 0 #ffffff4d, inset 0 calc(-.75 * var(--u)) 0 #ffffff29, inset 0 calc(6 * var(--u)) calc(6 * var(--u)) calc(-4 * var(--u)) #ffffff1f, inset 0 calc(-5 * var(--u)) calc(5 * var(--u)) calc(-4 * var(--u)) #ffffff1a, inset 0 0 0 .5px #ffffff1a, 0 0 0 .5px #0000004d;-webkit-backdrop-filter:blur(24px)saturate(1.8);backdrop-filter:blur(24px)saturate(1.8);background:#ffffff1a;justify-content:space-between;align-items:center;display:flex;position:absolute}@supports (corner-shape:superellipse(2)){:where(html:not([data-shapes=off])) .ios-dock{border-radius:calc(36 * var(--u));corner-shape:superellipse(1.25)}}
.ios-home{transform-origin:var(--origin-x,50%) var(--origin-y,50%);will-change:scale, opacity;transition:scale .64s cubic-bezier(.22,1,.36,1),opacity .3s,visibility;position:absolute;inset:0}.iphone-screen[data-app] .ios-home{opacity:0;visibility:hidden;transition:scale .52s cubic-bezier(.32,.72,0,1),opacity .32s 60ms,visibility 0s linear .52s;scale:1.1}.iphone-screen:not([data-power=on]) .ios-home{transform-origin:50%;opacity:.4;scale:1.08}.ios-home-page{--tile:calc(52 * var(--u));--cell:calc(70 * var(--u));--row-gap:calc(12 * var(--u));grid-template-columns:repeat(4, var(--tile));grid-auto-rows:var(--cell);justify-content:space-between;place-items:start center;row-gap:var(--row-gap);padding:calc(60 * var(--u)) calc(22 * var(--u)) 0;display:grid}.ios-widget{height:calc(2 * var(--cell) + var(--row-gap) - (var(--cell) - var(--tile)));padding:calc(12 * var(--u));border-radius:calc(22 * var(--u));corner-shape:superellipse(1.4);-webkit-backdrop-filter:blur(24px)saturate(1.8);backdrop-filter:blur(24px)saturate(1.8);font-size:calc(11.5 * var(--u));background:#ffffff1f;flex-direction:column;justify-self:stretch;font-weight:500;display:flex;box-shadow:inset 0 0 0 .5px #ffffff42,inset 0 1px #ffffff24}.ios-widget button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.ios-widget button:focus-visible{outline-offset:2px;border-radius:calc(6 * var(--u));outline:1px solid #fff9}.ios-widget-tasks{grid-area:span 2/span 2}.ios-widget-deck{grid-area:span 2/span 4}.ios-widget-badge{width:calc(26 * var(--u));height:calc(26 * var(--u));border-radius:50%;place-items:center;display:grid}.ios-widget-badge svg{width:calc(14 * var(--u));height:calc(14 * var(--u));stroke-width:2.4px}.ios-widget-badge[data-tone=green]{background:#30d158}.ios-widget-badge[data-tone=blue]{background:#0a84ff}.ios-widget-title{font-size:calc(13 * var(--u));font-weight:600}.ios-widget-tasks-head{justify-content:space-between;align-items:center;display:flex}.ios-widget-tasks-count{font-size:calc(24 * var(--u));font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.ios-widget-tasks .ios-widget-title{margin:calc(4 * var(--u)) 0;color:#30d158}.ios-widget-tasks-list{gap:calc(7 * var(--u));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ios-widget-task{align-items:center;gap:calc(7 * var(--u));width:100%;display:flex}.ios-widget-task-check{width:calc(14 * var(--u));height:calc(14 * var(--u));border:1.5px solid #ffffff80;border-radius:50%;flex-shrink:0;place-items:center;transition:background-color .2s,border-color .2s;display:grid}.ios-widget-task-check svg{width:calc(9 * var(--u));height:calc(9 * var(--u));stroke-width:3.5px;opacity:0;transition:opacity .2s,scale .26s cubic-bezier(.32,1.4,.45,1);scale:.5}.ios-widget-task-title{text-overflow:ellipsis;white-space:nowrap;transition:opacity .2s;overflow:hidden}.ios-widget-task[data-done] .ios-widget-task-check{background:#30d158;border-color:#30d158}.ios-widget-task[data-done] .ios-widget-task-check svg{opacity:1;scale:1}.ios-widget-task[data-done] .ios-widget-task-title{opacity:.5;text-decoration:line-through}.ios-widget-deck-head{align-items:center;gap:calc(9 * var(--u));display:flex}.ios-widget-deck-name{flex-direction:column;display:flex}.ios-widget-deck-device{align-items:center;gap:calc(5 * var(--u));color:#ffffffa6;font-size:calc(10.5 * var(--u));display:flex}.ios-widget-deck-dot{width:calc(6 * var(--u));height:calc(6 * var(--u));box-shadow:0 0 calc(5 * var(--u)) #30d15899;background:#30d158;border-radius:50%}.ios-widget-deck-keys{grid-template-columns:repeat(4,1fr);margin-top:auto;display:grid}.ios-widget-deck-key{align-items:center;gap:calc(6 * var(--u));color:#ffffffbf;font-size:calc(10.5 * var(--u));flex-direction:column;transition:color .2s;display:flex}.ios-widget-deck-key[data-on]{color:#fff}.ios-widget-deck .ios-widget-deck-key{text-align:center}.ios-widget-deck-key-face{width:calc(48 * var(--u));height:calc(48 * var(--u));background:#ffffff24;border-radius:50%;place-items:center;transition:background-color .22s,color .22s,scale .18s cubic-bezier(.22,.61,.36,1);display:grid}.ios-widget-deck-key-face svg{width:calc(18 * var(--u));height:calc(18 * var(--u))}.ios-widget-deck-key[data-on] .ios-widget-deck-key-face{color:#0a84ff;background:#fff}.ios-widget-deck-key:active .ios-widget-deck-key-face{scale:.9}.ios-home-search{left:50%;bottom:calc(110 * var(--u));align-items:center;gap:calc(4 * var(--u));height:calc(28 * var(--u));padding:0 calc(12 * var(--u));-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);font-size:calc(11.5 * var(--u));background:#ffffff24;border-radius:999px;font-weight:600;display:flex;position:absolute;translate:-50%;box-shadow:inset 0 0 0 .5px #ffffff3d}.ios-home-search svg{width:calc(11 * var(--u));height:calc(11 * var(--u));stroke-width:3px}@media (prefers-reduced-motion:reduce){.ios-home{transition-duration:1ms}}
.ios-indicator{width:calc(150 * var(--u));height:calc(22 * var(--u));cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;place-items:center;padding:0;transition:opacity .24s;display:grid;position:absolute;bottom:0;left:50%;translate:-50%}.ios-indicator:focus-visible{outline:none}.ios-indicator:focus-visible .ios-indicator-bar{outline-offset:3px;outline:1px solid #fff9}.ios-indicator[data-shown]{opacity:1;pointer-events:auto}.ios-indicator-bar{width:calc(120 * var(--u));height:calc(5 * var(--u));background:#ffffffd9;border-radius:999px;transition:width .24s cubic-bezier(.22,.61,.36,1),translate .24s cubic-bezier(.22,.61,.36,1)}.ios-indicator:hover .ios-indicator-bar{width:calc(128 * var(--u));translate:0 calc(-2 * var(--u))}
.iphone-screen{--island-w:68;--island-h:30;--island-r:calc(var(--island-h) / 2);--island-spring:.56s cubic-bezier(.32, 1.4, .45, 1)}.iphone-screen:has(>.ios-island[data-mode=live]){--island-w:136}.iphone-screen:has(>.ios-island:is([data-mode=volume],[data-mode=silent])){--island-w:204;--island-h:34}.iphone-screen:has(>.ios-island:is([data-mode=unlock],[data-mode=shutter])){--island-w:120}.iphone-screen:has(>.ios-island[data-mode=expanded]){--island-w:306;--island-h:84;--island-r:40}.ios-island{--island-orange:#ff9f0a;top:calc(9 * var(--u));width:calc(var(--island-w) * var(--u));height:calc(var(--island-h) * var(--u));border-radius:calc(var(--island-r) * var(--u));transition:width var(--island-spring), height var(--island-spring), border-radius var(--island-spring), opacity .3s ease;background:#000;position:absolute;left:50%;translate:-50%}.ios-island svg{width:calc(15 * var(--u));height:calc(15 * var(--u));stroke-width:2.4px;flex-shrink:0}.ios-island-hit{border-radius:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.ios-island-hit:disabled{cursor:default}.ios-island-hit:focus-visible{outline-offset:2px;outline:1px solid #ffffff80}.ios-island:not(:is([data-mode=live],[data-mode=expanded])) .ios-island-hit{pointer-events:none}.ios-island-layer{padding:0 calc(10 * var(--u));font-size:calc(12.5 * var(--u));white-space:nowrap;opacity:0;filter:blur(4px);pointer-events:none;justify-content:space-between;align-items:center;font-weight:600;transition:opacity .18s,filter .18s,scale .18s;display:flex;position:absolute;inset:0;scale:.92}.ios-island[data-mode=live] [data-layer=live],.ios-island[data-mode=expanded] [data-layer=expanded],.ios-island[data-mode=volume] [data-layer=volume],.ios-island[data-mode=silent] [data-layer=silent],.ios-island[data-mode=unlock] [data-layer=unlock],.ios-island[data-mode=shutter] [data-layer=shutter]{opacity:1;filter:blur();transition:opacity .26s .14s,filter .26s .14s,scale .36s cubic-bezier(.32,1.4,.45,1) .1s;scale:1}.ios-island[data-mode=expanded] [data-layer=expanded]{pointer-events:auto}.ios-island-layer[data-layer=live]{padding:0 calc(8 * var(--u)) 0 calc(6.5 * var(--u))}.ios-island-ring{width:calc(17 * var(--u));height:calc(17 * var(--u));background:conic-gradient(color-mix(in srgb, var(--island-orange) 22%, transparent) calc(var(--island-progress) * 360deg), var(--island-orange) 0);border-radius:50%;-webkit-mask:radial-gradient(closest-side,#0000 73%,#000 75%);mask:radial-gradient(closest-side,#0000 73%,#000 75%)}.ios-island-live-time{color:var(--island-orange);font-size:calc(15.5 * var(--u));letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-weight:500;transition:opacity .2s}.ios-island-live-time[data-paused]{opacity:.55}.ios-island-layer[data-layer=expanded]{padding:0 calc(20 * var(--u)) 0 calc(16 * var(--u))}.ios-island-controls{gap:calc(10 * var(--u));display:flex}.ios-island-control{width:calc(44 * var(--u));height:calc(44 * var(--u));color:#fff;cursor:pointer;background:#ffffff29;border:0;border-radius:50%;place-items:center;padding:0;transition:scale .16s cubic-bezier(.22,.61,.36,1),background-color .2s;display:grid}.ios-island-control svg{width:calc(17 * var(--u));height:calc(17 * var(--u));fill:currentColor}.ios-island-control[data-tone=accent]{background:color-mix(in srgb, var(--island-orange) 26%, transparent);color:var(--island-orange)}.ios-island-control:hover{background:#ffffff3d}.ios-island-control[data-tone=accent]:hover{background:color-mix(in srgb, var(--island-orange) 36%, transparent)}.ios-island-control:active{scale:.9}.ios-island-control:focus-visible{outline-offset:2px;outline:1px solid #ffffff80}.ios-island-control:not([data-tone]) svg{fill:none}.ios-island-expanded-text{color:var(--island-orange);flex-direction:column;align-items:flex-end;display:flex}.ios-island-expanded-label{font-size:calc(11.5 * var(--u));opacity:.8;font-weight:500}.ios-island-expanded-time{font-size:calc(34 * var(--u));letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.05}.ios-island-layer[data-layer=volume]{gap:calc(12 * var(--u));padding:0 calc(16 * var(--u)) 0 calc(12 * var(--u))}.ios-island-track{height:calc(5 * var(--u));background:#fff3;border-radius:999px;flex:1;overflow:hidden}.ios-island-track-fill{border-radius:inherit;transform-origin:0;height:100%;scale:var(--island-volume) 1;background:#fff;transition:scale .2s cubic-bezier(.22,.61,.36,1);display:block}.ios-island-layer[data-layer=silent]{padding:0 calc(14 * var(--u)) 0 calc(10 * var(--u))}.ios-island-bell{width:calc(22 * var(--u));height:calc(22 * var(--u));background:#ffffff24;border-radius:50%;place-items:center;transition:background-color .2s;display:grid}.ios-island-bell svg{width:calc(12 * var(--u));height:calc(12 * var(--u))}.ios-island-layer[data-silent] .ios-island-bell{background:#ff453a}.ios-island[data-mode=silent] .ios-island-bell svg{animation:.6s ease-out .18s ios-island-ring}.ios-island-silent-text{color:#ffffffd9}.ios-island-layer[data-silent] .ios-island-silent-text{color:#ff6961}.ios-island-padlock{width:calc(15 * var(--u));height:calc(15 * var(--u));position:relative}.ios-island-padlock svg{position:absolute;inset:0}.ios-island-padlock-open{opacity:0}.ios-island[data-mode=unlock] .ios-island-padlock-shut{animation:.7s both ios-island-padlock-shut}.ios-island[data-mode=unlock] .ios-island-padlock-open{animation:.7s both ios-island-padlock-open}.ios-island-dot{width:calc(6 * var(--u));height:calc(6 * var(--u));box-shadow:0 0 calc(6 * var(--u)) #30d15899;background:#30d158;border-radius:50%}.ios-island-announce{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes ios-island-ring{20%{rotate:16deg}45%{rotate:-12deg}70%{rotate:6deg}}@keyframes ios-island-padlock-shut{0%,45%{opacity:1}60%,to{opacity:0}}@keyframes ios-island-padlock-open{0%,45%{opacity:0;translate:0 calc(1 * var(--u))}70%,to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.ios-island,.ios-island-layer,.ios-island-track-fill{transition-duration:1ms!important;transition-delay:0s!important}.ios-island *{animation:none!important}}
.ios-wallpaper{background:radial-gradient(85% 45% at 8% 4%,#39ffe75c 0%,#0000 62%),radial-gradient(70% 40% at 100% 26%,#7c5cff8c 0%,#0000 64%),radial-gradient(90% 50% at 0 62%,#2b7bff4d 0%,#0000 60%),radial-gradient(120% 60% at 60% 100%,#4f10d6 0%,#0000 72%),linear-gradient(172deg,#182a5c 0%,#28127a 46%,#0b0a1c 100%);margin:0;position:absolute;inset:0;overflow:hidden}.ios-wallpaper>*{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}
.ios-lock{transition:translate .52s cubic-bezier(.32,.72,0,1);position:absolute;inset:0;translate:0 -100%}.iphone-screen:not([data-power=on]) .ios-lock{translate:0}.iphone-screen[data-power=off] .ios-lock{transition:none}.iphone-screen[data-power=off][data-from=on] .ios-lock{animation:.7s both ios-lock-aod-in}.ios-lock-dim{opacity:0;pointer-events:none;background:#000;transition:opacity .7s;position:absolute;inset:0}.iphone-screen[data-power=off] .ios-lock-dim{opacity:.8}.iphone-screen[data-power=off] .ios-lock-clock{opacity:.7}.iphone-screen[data-power=off] .ios-lock-note,.iphone-screen[data-power=off] .ios-lock-corner{opacity:0}.ios-lock-clock,.ios-lock-note,.ios-lock-corner{transition:opacity .5s}.ios-lock-surface{padding:calc(56 * var(--u)) calc(12 * var(--u)) 0;color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.ios-lock-surface:focus-visible{outline:none}.ios-lock-clock{justify-content:center;align-items:baseline;gap:calc(18 * var(--u));min-height:calc(20 * var(--u));margin-top:calc(10 * var(--u));font-size:calc(16.5 * var(--u));text-shadow:0 1px 10px #0003;line-height:1.2;display:flex}.ios-lock-time{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-weight:700}.ios-lock-date{opacity:.95;font-weight:500}.ios-lock-note{align-items:center;gap:calc(10 * var(--u));width:100%;margin-top:auto;margin-bottom:calc(110 * var(--u));padding:calc(11 * var(--u)) calc(13 * var(--u));border-radius:calc(22 * var(--u));corner-shape:superellipse(1.4);-webkit-backdrop-filter:blur(24px)saturate(1.8);backdrop-filter:blur(24px)saturate(1.8);font-size:calc(12.5 * var(--u));text-align:left;background:#ffffff24;display:flex;box-shadow:inset 0 0 0 .5px #ffffff3d}.iphone-screen[data-power=lock] .ios-lock-note{animation:.6s cubic-bezier(.32,1.2,.45,1) .4s both ios-lock-note-in}.ios-lock-note-icon{width:calc(34 * var(--u));height:calc(34 * var(--u));flex-shrink:0}.ios-lock-note-text{gap:calc(1 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.ios-lock-note-head{justify-content:space-between;display:flex}.ios-lock-note-head strong{font-weight:600}.ios-lock-note-head span{opacity:.6;font-size:calc(11 * var(--u))}.ios-lock-corner{bottom:calc(40 * var(--u));width:calc(46 * var(--u));height:calc(46 * var(--u));-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);background:#ffffff29;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:inset 0 0 0 .5px #ffffff38}.ios-lock-corner svg{width:calc(18 * var(--u));height:calc(18 * var(--u))}.ios-lock-corner[data-corner=left]{left:calc(40 * var(--u))}.ios-lock-corner[data-corner=right]{right:calc(40 * var(--u))}@keyframes ios-lock-aod-in{0%{opacity:0}}@keyframes ios-lock-note-in{0%{opacity:0;translate:0 calc(16 * var(--u));scale:.96}}@media (prefers-reduced-motion:reduce){.ios-lock,.ios-lock-dim{transition-duration:1ms}.iphone-screen[data-power=off][data-from=on] .ios-lock,.iphone-screen[data-power=lock] .ios-lock-note{animation:none}}
.ios-status{grid-template-columns:1fr min(calc(var(--island-w) * var(--u)), 62%) 1fr;height:calc(48 * var(--u));padding:0 calc(10 * var(--u));font-size:calc(15.5 * var(--u));letter-spacing:-.01em;pointer-events:none;transition:opacity .28s ease, grid-template-columns var(--island-spring);align-items:center;font-weight:600;display:grid;position:absolute;top:0;left:0;right:0}.ios-status-time{font-variant-numeric:tabular-nums;justify-self:center;transition:opacity .28s}.ios-status-icons{justify-self:center;align-items:center;gap:calc(5 * var(--u));grid-column:3;display:flex}.ios-status-signal{width:calc(15.5 * var(--u));height:calc(10 * var(--u))}.ios-status-wifi{width:calc(14.5 * var(--u));height:calc(10.5 * var(--u))}.ios-status-battery{align-items:center;gap:calc(1 * var(--u));display:flex}.ios-status-battery-body{width:calc(22 * var(--u));height:calc(11.5 * var(--u));border-radius:calc(3.5 * var(--u));background:#ffffff59;place-items:center;display:grid;position:relative;overflow:hidden}.ios-status-battery-fill{background:currentColor;width:84%;position:absolute;inset:0 auto 0 0}.ios-status-battery-level{color:#000;font-size:calc(8.5 * var(--u));letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1;position:relative}.ios-status-battery-tip{width:calc(1.5 * var(--u));height:calc(4 * var(--u));background:#ffffff59;border-radius:0 1px 1px 0}.iphone-screen[data-power=lock] .ios-status-time,.iphone-screen[data-power=off] .ios-status{opacity:0}.ios-status-time,.ios-status-icons{transition:opacity .2s .18s,filter .2s .18s}.iphone-screen:has(.ios-island:is([data-mode=volume],[data-mode=silent],[data-mode=expanded])) :is(.ios-status-time,.ios-status-icons){opacity:0;filter:blur(3px);transition:opacity .12s,filter .12s}
.iphone{--phone-w:min(340px, 100vw - 32px);--u:calc(var(--phone-w) / 340);--phone-radius:calc(70 * var(--u));--phone-corner:superellipse(1.3);--phone-bezel:calc(8 * var(--u));--phone-bg:#000;--phone-band:calc(2.5 * var(--u));isolation:isolate;width:var(--phone-w);aspect-ratio:71.5/149.6;border-radius:var(--phone-radius);corner-shape:var(--phone-corner);color:#fff;font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", var(--font-family,system-ui), sans-serif;text-align:left;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-shrink:0;line-height:1.2;animation:.7s cubic-bezier(.22,.61,.36,1) .2s both iphone-in;position:relative}.iphone-rim,.iphone-bezel{pointer-events:none;position:absolute}.iphone-rim{z-index:0;border-radius:var(--phone-radius);corner-shape:var(--phone-corner);background:linear-gradient(150deg,#3a3a3f,#1d1d20 28%,#141416 70%,#2a2a2e);inset:0;box-shadow:inset 0 0 0 .5px #ffffff24,0 0 0 .5px #0009}.iphone-bezel{inset:var(--phone-band);z-index:1;border-radius:calc(var(--phone-radius) - var(--phone-band));corner-shape:var(--phone-corner);background:var(--phone-bg)}.iphone-screen{inset:var(--phone-bezel);z-index:2;isolation:isolate;border-radius:calc(var(--phone-radius) - var(--phone-bezel));corner-shape:var(--phone-corner);background:#000;position:absolute;overflow:hidden}@keyframes iphone-in{0%{opacity:0;filter:blur(6px);translate:0 12px}}@media (prefers-reduced-motion:reduce){.iphone{animation:none}}.iphone-screen>.ios-wallpaper{z-index:0}.iphone-screen>.ios-home{z-index:10}.iphone-screen>.ios-app{z-index:20}.iphone-screen>.ios-lock{z-index:30}.iphone-screen>.ios-off{z-index:40}.iphone-screen>.ios-status{z-index:50}.iphone-screen>.ios-indicator{z-index:55}.iphone-screen>.ios-island{z-index:60}.iphone-screen>.ios-flash{z-index:70}.iphone-screen>.iphone-touch{z-index:75}.iphone-screen>.iphone-press{z-index:80}.ios-off{opacity:0;pointer-events:none;cursor:pointer;background:0 0;border:0;padding:0;transition:opacity .28s;position:absolute;inset:0}.iphone-screen[data-power=off] .ios-off{opacity:1;pointer-events:auto}.ios-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.ios-flash[data-fired]{animation:.42s ease-out ios-flash}@keyframes ios-flash{0%{opacity:.85}}@media (prefers-reduced-motion:reduce){.ios-flash[data-fired]{animation-duration:1ms}}.iphone-touch{top:var(--touch-y,50%);left:var(--touch-x,50%);width:calc(38 * var(--u));height:calc(38 * var(--u));box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #ffffff8c, 0 calc(2 * var(--u)) calc(10 * var(--u)) #00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#ffffff47;border-radius:50%;transition:top .42s cubic-bezier(.45,0,.2,1),left .42s cubic-bezier(.45,0,.2,1),opacity .24s,scale .24s,background-color .2s;position:absolute;translate:-50% -50%;scale:1.3}.iphone-touch[data-shown]{opacity:1;scale:1}.iphone-touch[data-down]{background:#ffffff6b;transition:top .42s cubic-bezier(.45,0,.2,1),left .42s cubic-bezier(.45,0,.2,1),opacity .24s,scale 90ms ease-out,background-color 90ms ease-out;scale:.82}@media (prefers-reduced-motion:reduce){.iphone-touch{transition-duration:1ms}}.iphone{transition:rotate .8s cubic-bezier(.32,.72,0,1) .24s}.iphone[data-landscape]{transition:rotate .8s cubic-bezier(.32,.72,0,1);rotate:90deg}.iphone-screen>.ios-deck{z-index:25}.iphone[data-landscape] .iphone-screen>.ios-island{opacity:0;pointer-events:none}.iphone-screen[data-deck]>:is(.ios-status,.ios-indicator){opacity:0;transition:opacity .2s}@media (prefers-reduced-motion:reduce){.iphone,.iphone[data-landscape]{transition-duration:1ms}}