:root{--ratio:.5087;--screen-w:.8413;--screen-h:.6424;--side:7.935%;--end:17.88%;--intro-w:min(calc(70dvh * .5087), 70vw);--intro-h:calc(var(--intro-w) / .5087);--depth:calc(var(--intro-w) * .159);--land-w:min(92vw, calc(86dvh / .5087));--land-h:calc(var(--land-w) * .5087);--tall-h:min(92dvh, calc(88vw / .5087));--tall-w:calc(var(--tall-h) * .5087)}.stage{inset:0;top:var(--vv-top,0px);height:var(--stage-h,auto);touch-action:manipulation;background:radial-gradient(130% 110% at 50% 45%, transparent 38%, rgba(var(--shade), .72) 100%), linear-gradient(118deg, transparent 12%, rgba(var(--sun), .34) 34%, rgba(var(--sun), .42) 48%, rgba(var(--sun), .2) 64%, transparent 82%), url(/room/walnut.webp) center / cover, var(--room);position:fixed;overflow:hidden}.stage:before{content:"";pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(118deg, transparent 0, transparent 46px, rgba(var(--shade), .22) 62px, rgba(var(--shade), .22) 74px, transparent 90px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(118deg,#0000 18%,#000000e6 36% 54%,#0000 74%);mask-image:linear-gradient(118deg,#0000 18%,#000000e6 36% 54%,#0000 74%)}.stage:after{content:"";z-index:7;pointer-events:none;opacity:.55;mix-blend-mode:overlay;background:url(/room/grain.png);position:absolute;inset:0}html[data-scene=night] .stage{background:radial-gradient(75% 80% at 20% 6%, rgba(var(--lamp), .32) 0%, rgba(var(--lamp), .1) 38%, transparent 62%), radial-gradient(85% 90% at 22% 8%, transparent 20%, rgba(var(--shade), .7) 62%, #080301f0 100%), url(/room/walnut.webp) center / cover, var(--room)}html[data-scene=night] .stage:before{display:none}.device:before{content:"";background:rgba(var(--shade), .75);filter:blur(14px);opacity:0;border-radius:15%/7.7%;transition:opacity .6s ease-out;position:absolute;inset:1.5% 3%;transform:translate(4%,2.5%)}html[data-scene=night] .device:before{transform:translate(3.5%,3.5%)}html[data-phase=wake] .device:before{opacity:1}@media (min-width:900px) and (min-height:560px){html:not([data-phase=intro]) .device:before{opacity:1}}@media (min-width:900px) and (min-height:560px) and (min-aspect-ratio:11/10){:is(html:not([data-phase]),html[data-phase=open]) .device:before{border-radius:7.7%/15%;inset:3% 1.5%;transform:translate(2.5%,4%)}html[data-phase=turn] .device:before{transform:translate(-4%,2.5%)}html[data-turning] .device:before{transition:opacity .6s ease-out, transform 1s var(--ease-turn)}}.stage__probe{width:var(--land-w);height:var(--tall-h);visibility:hidden;pointer-events:none;position:absolute}.stage__skip{right:16px;bottom:max(16px, env(safe-area-inset-bottom));z-index:5;background:rgba(var(--shade), .55);color:var(--room-ink);font:500 13px/1 var(--helvetica);cursor:pointer;border:0;border-radius:999px;padding:10px 14px;display:none;position:absolute}html[data-phase=intro] .stage__skip,html[data-phase=wake] .stage__skip,html[data-phase=fit] .stage__skip{display:block}.device{perspective:2200px;width:118.864%;height:155.666%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.device__body{position:absolute;inset:0}.device__frame{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.screen{left:var(--side);right:var(--side);top:var(--end);bottom:var(--end);background:#000;position:absolute;overflow:hidden;container:screen/size}.screen__glass{display:none}@media (min-width:900px) and (min-height:560px){.device{width:var(--tall-w);height:var(--tall-h)}.device__frame{opacity:1;pointer-events:auto}.device__frame .frame__band{box-shadow:0 0 0 1px #000000b3}.screen{box-shadow:0 0 0 1px #000000e6}.screen__glass{z-index:6;pointer-events:none;background:linear-gradient(118deg,#ffffff13 0%,#ffffff06 40%,#0000 40.2%);display:block;position:absolute;inset:0}}@media (min-width:900px) and (min-height:560px) and (min-aspect-ratio:11/10){:is(html:not([data-phase]),html[data-phase=open]) .device{width:var(--land-w);height:var(--land-h)}:is(html:not([data-phase]),html[data-phase=open]) .device__frame{width:var(--land-h);height:var(--land-w);transform:translate(-50%,-50%)rotate(-90deg)}:is(html:not([data-phase]),html[data-phase=open]) .screen{left:var(--end);right:var(--end);top:var(--side);bottom:var(--side)}:is(html:not([data-phase]),html[data-phase=open]) .frame__home svg{transition:transform .4s var(--ease) .1s;transform:rotate(90deg)}html[data-phase=turn] .device{transform:translate(-50%, -50%) rotate(-90deg) scale(var(--turn-scale,1))}html[data-turning] .device{transition:transform 1s var(--ease-turn)}html[data-phase=turn] .screen__content{opacity:0;transition:opacity .22s ease-out}html[data-phase=turn]:not([data-turning]) .screen__content{transition:none}html[data-turning][data-phase=locked] .screen__content{transition:opacity .35s ease-out .6s}}html[data-phase=intro] .device,html[data-phase=wake] .device{width:var(--intro-w);height:var(--intro-h)}html[data-phase=intro] .frame__home svg,html[data-phase=wake] .frame__home svg,html[data-phase=fit] .frame__home svg{transform:none}html[data-phase=intro] .device__frame,html[data-phase=wake] .device__frame,html[data-phase=fit] .device__frame{opacity:1;width:100%;height:100%;transform:translate(-50%,-50%)}html[data-phase=intro] .screen,html[data-phase=wake] .screen,html[data-phase=fit] .screen{left:var(--side);right:var(--side);top:var(--end);bottom:var(--end)}html[data-phase=intro] .device__body{transform-style:preserve-3d;animation:2.4s both tumble}html[data-phase=intro] .device{animation:.35s ease-out both appear}@keyframes appear{0%{opacity:0}}html[data-phase=intro] .device__frame{transform:translate(-50%, -50%) translateZ(calc(var(--depth) / 2));backface-visibility:hidden}html[data-phase=intro] .screen{transform:translateZ(calc(var(--depth) / 2 + .5px));backface-visibility:hidden}@keyframes tumble{0%{animation-timing-function:cubic-bezier(.12,.6,.3,1);transform:translate3d(0,60%,-2600px)rotateX(64deg)rotateY(-330deg)rotate(-38deg)}52%{animation-timing-function:cubic-bezier(.45,0,.3,1);transform:translate3d(0,-2%,-420px)rotateX(12deg)rotateY(-180deg)rotate(-8deg)}82%{animation-timing-function:cubic-bezier(.3,0,.3,1);transform:translate3d(0,.6%,24px)rotateX(-4deg)rotateY(7deg)rotate(1.2deg)}to{transform:none}}html[data-phase=intro] .screen__app,html[data-phase=wake] .screen__app,html[data-phase=fit] .screen__app{content-visibility:hidden}html[data-phase=intro] .screen__content{opacity:0}html[data-phase=wake] .screen__content{transition:opacity .6s ease-out}html[data-phase=fit] .device{transition:width 1s var(--ease-turn), height 1s var(--ease-turn)}html[data-phase=fit] .device__frame{opacity:0;transition:opacity .7s ease-in}@media (min-width:900px) and (min-height:560px){html[data-phase=fit] .device__frame{opacity:1}}.screen__content{transition:opacity .35s ease-out}.frame__band,.frame__glass,.frame__earpiece,.frame__camera,.frame__button,.frame__home{position:absolute}.frame__band{background:linear-gradient(90deg,#62666b 0%,#d8dbdf 2.5%,#a3a7ad 6%,#eef0f2 16%,#bfc2c7 50%,#eef0f2 84%,#a3a7ad 94%,#d8dbdf 97.5%,#62666b 100%);border-radius:15%/7.7%;inset:0}.frame__glass{background:radial-gradient(120% 55% at 25% 0,#2b2c30 0%,#0c0c0e 55%,#050506 100%);border-radius:13.4%/6.9%;inset:1.05% 2%;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 0 0 2px #000c}.frame__earpiece{background:repeating-linear-gradient(90deg,#1d1d20 0 1px,#0b0b0c 1px 3px);border-radius:999px;width:16%;height:1.15%;top:8.3%;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #000000e6,0 1px #ffffff12}.frame__camera{aspect-ratio:1;background:radial-gradient(circle at 40% 35%,#3f5c7d 0 14%,#0a0e14 38%,#1b1c20 70%,#2c2d31 100%);border-radius:50%;width:3.4%;top:8.25%;left:30%}.frame__button{background:linear-gradient(90deg,#7e8287,#e4e6e9 50%,#92969b);border-radius:40%}.frame__button--sleep{background:linear-gradient(#e4e6e9,#8a8e93);border-radius:30% 30% 0 0;width:12%;height:.75%;top:-.45%;right:16%}.frame__button--mute{width:1.3%;height:2.6%;top:13.5%;left:-1.1%}.frame__button--up{border-radius:50%;width:1.5%;height:3.1%;top:19.5%;left:-1.3%}.frame__button--down{border-radius:50%;width:1.5%;height:3.1%;top:25.5%;left:-1.3%}.frame__home{aspect-ratio:1;color:#c8cdd46b;cursor:pointer;background:radial-gradient(circle at 50% 38%,#18181b 0%,#070708 72%);border-radius:50%;place-items:center;width:15.2%;display:grid;top:91.15%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1.5px #2b2b2f,inset 0 2px 4px #000000f2,0 1px #ffffff14}.frame__home svg{width:46%;height:46%}.frame__home:hover{color:#dce1e899}.frame__home:active{background:radial-gradient(circle,#0c0c0d 0%,#050505 72%)}.frame__home:focus-visible{outline-offset:3px;border-radius:50%}.device__slices,.device__back{display:none}html[data-phase=intro] .device__slices,html[data-phase=intro] .device__back{display:block}.device__slices{transform-style:preserve-3d;position:absolute;inset:0}.device__slices span{transform:translateZ(calc(var(--depth) * (var(--slice) - .5)));background:linear-gradient(90deg,#6f7378,#cdd0d4 50%,#6f7378);border-radius:15%/7.7%;position:absolute;inset:.3% .6%}.device__back{box-shadow:inset 0 0 0 calc(var(--intro-w) * .022) #b9bcc1;transform:rotateY(180deg) translateZ(calc(var(--depth) / 2 + .5px));backface-visibility:hidden;background:radial-gradient(130% 70% at 72% 8%,#3b3c41 0%,#131316 45%,#060607 100%);border-radius:15%/7.7%;position:absolute;inset:0}.back__lens,.back__flash,.back__mark,.back__name,.back__print{position:absolute}.back__lens{aspect-ratio:1;background:radial-gradient(circle,#33506e 0 16%,#080b10 36%,#18191c 66%,#9a9fa5 70%,#4d5055 84%);border-radius:50%;width:7.5%;top:3.3%;left:8%}.back__flash{aspect-ratio:1;background:radial-gradient(circle,#fff6dc 0 40%,#b8b2a0 70%);border-radius:50%;width:3%;top:4.6%;left:19%}.back__mark{color:#d9dbdf;width:26%;top:26%;left:50%;transform:translate(-50%)}.back__name{color:#c9ccd1;width:26%;top:72%;left:50%;transform:translate(-50%)}.back__print{text-align:center;color:#84878c;font:400 calc(var(--intro-w) * .026) / 1.4 var(--helvetica);top:82%;left:16%;right:16%}.screen__content{--u:min(calc(100cqw / 320), calc(100cqh / 480));inset:0;bottom:var(--kb,0px);font-size:calc(var(--u) * 17);position:absolute;overflow:hidden}@container screen (min-aspect-ratio:1){.screen__content{--u:min(calc(100cqw / 640), calc(100cqh / 400))}}.screen__app{outline:none;position:absolute;inset:0}.wallpaper,.screen__content{background:radial-gradient(120% 90% at 50% 42%,#0000 55%,#1e0a1c80 100%),url(/room/grain.png),url(/wallpaper/day.svg) bottom/cover,#3b3270}html[data-scene=night] .wallpaper,html[data-scene=night] .screen__content{background:radial-gradient(120% 90% at 50% 42%,#0000 55%,#04040e8c 100%),url(/room/grain.png),url(/wallpaper/night.svg) bottom/cover,#0d1434}.status{z-index:3;height:calc(var(--u) * 20);padding:0 calc(var(--u) * 5);color:#fff;font:700 calc(var(--u) * 12) / 1 var(--helvetica);background:#000;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.status[data-clear]{background:#0000006b}.status__left,.status__right{align-items:center;gap:calc(var(--u) * 3);display:flex}.status__bars{align-items:flex-end;gap:calc(var(--u) * 1);height:calc(var(--u) * 10);display:flex}.status__bars i{width:calc(var(--u) * 2.4);border-radius:calc(var(--u) * .5);background:#fff}.status__bars i:first-child{height:30%}.status__bars i:nth-child(2){height:45%}.status__bars i:nth-child(3){height:60%}.status__bars i:nth-child(4){height:80%}.status__bars i:nth-child(5){height:100%}.status__wifi{width:calc(var(--u) * 14);height:calc(var(--u) * 11);fill:#fff}.status__time{position:absolute;left:50%;transform:translate(-50%)}.status__lock{width:calc(var(--u) * 8);height:calc(var(--u) * 11);fill:#fff;display:none;position:absolute;left:50%;transform:translate(-50%)}html[data-phase=intro] .status__lock,html[data-phase=wake] .status__lock,html[data-phase=fit] .status__lock,html[data-phase=locked] .status__lock{display:block}html[data-phase=intro] .status__time,html[data-phase=wake] .status__time,html[data-phase=fit] .status__time,html[data-phase=locked] .status__time{display:none}.status__battery{width:calc(var(--u) * 23);height:calc(var(--u) * 10.5);padding:calc(var(--u) * 1.4);border:calc(var(--u) * 1) solid #fff;border-radius:calc(var(--u) * 2);position:relative}.status__battery:after{content:"";right:calc(var(--u) * -3.2);width:calc(var(--u) * 2);height:calc(var(--u) * 4);border-radius:0 calc(var(--u) * 1) calc(var(--u) * 1) 0;background:#fff;position:absolute;top:50%;transform:translateY(-50%)}.status__battery i{border-radius:calc(var(--u) * .6);background:linear-gradient(#fff,#d6d6d6);height:100%;display:block}.status__battery[data-low] i{background:linear-gradient(#ff6a5c,#d8261a)}.status__bolt{width:calc(var(--u) * 6);height:calc(var(--u) * 10);fill:#fff}.lock{z-index:2;color:#fff;display:none;position:absolute;inset:0}html[data-phase=intro] .lock,html[data-phase=wake] .lock,html[data-phase=fit] .lock,html[data-phase=locked] .lock,html[data-phase=unlocking] .lock{display:block}.lock__wallpaper{position:absolute;inset:0}.lock__top,.lock__bottom{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(#000000a8,#0000007a);position:absolute;left:0;right:0;box-shadow:inset 0 1px #ffffff1a}.lock__top{top:calc(var(--u) * 20);height:calc(var(--u) * 108);padding-top:calc(var(--u) * 6);text-align:center;border-bottom:1px solid #ffffff29}.lock__top:before,.lock__bottom:before{content:"";pointer-events:none;background:linear-gradient(#ffffff17,#ffffff08);position:absolute;inset:0 0 50%}.lock__time{min-height:1em;font-size:calc(var(--u) * 66);letter-spacing:-.01em;text-shadow:0 calc(var(--u) * -1) 0 #00000080;font-weight:200;line-height:1}.lock__date{min-height:1.2em;margin-top:calc(var(--u) * 3);font-size:calc(var(--u) * 15);line-height:1.2}.lock__where{margin-top:calc(var(--u) * 2);font-size:calc(var(--u) * 11);color:#ffffff9e}.lock__notices{top:calc(var(--u) * 142);left:calc(var(--u) * 9);right:calc(var(--u) * 9);border-radius:calc(var(--u) * 8);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 10) #00000059;background:#00000094;border:1px solid #ffffff24;position:absolute;overflow:hidden}.lock__notices li+li{border-top:1px solid #ffffff1f}.notice{align-items:flex-start;gap:calc(var(--u) * 9);width:100%;padding:calc(var(--u) * 9) calc(var(--u) * 10);text-align:left;cursor:pointer;touch-action:pan-y;transform:translateX(calc(var(--p,0) * 45%));background:0 0;border:0;display:flex}.notice:not([data-dragging]){transition:transform .25s var(--ease)}.notice:hover{background:#ffffff0a}.notice .icon{width:calc(var(--u) * 29);height:calc(var(--u) * 29);border-radius:calc(var(--u) * 6);flex:none}.notice__text{flex:1;min-width:0}.notice__head{align-items:baseline;gap:calc(var(--u) * 6);font-size:calc(var(--u) * 14);line-height:1.25;display:flex}.notice__head strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notice__when{font-size:calc(var(--u) * 11);color:#fff9;flex:none;margin-left:auto}.notice__body{margin-top:calc(var(--u) * 1);font-size:calc(var(--u) * 13);color:#ffffffdb;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.lock__bottom{height:calc(var(--u) * 96);border-top:1px solid #ffffff29;place-items:center;display:grid;bottom:0}.slider{width:min(calc(var(--u) * 280), calc(100% - var(--u) * 40));height:calc(var(--u) * 52);border-radius:calc(var(--u) * 12);box-shadow:inset 0 calc(var(--u) * 1) calc(var(--u) * 3) #000000f2, 0 1px 0 #ffffff29;background:linear-gradient(#141414,#262626);position:relative}.slider__text{inset:0 0 0 calc(var(--u) * 82);padding-right:calc(var(--u) * 8);font-size:calc(var(--u) * 21);white-space:nowrap;color:#0000;background:linear-gradient(90deg,#6a6a6a 0% 42%,#fff 50%,#6a6a6a 58% 100%) 0 0/300% 100%;opacity:calc(1 - var(--p,0) * 2.4);pointer-events:none;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;animation:2.4s linear infinite shimmer;display:flex;position:absolute}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.slider__knob{top:calc(var(--u) * 4);left:calc(var(--u) * 4 + var(--p,0) * (100% - var(--u) * 86));width:calc(var(--u) * 78);height:calc(var(--u) * 44);border-radius:calc(var(--u) * 9);box-shadow:0 calc(var(--u) * 1) calc(var(--u) * 2) #000000b3, inset 0 1px 0 #fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#e2e2e2 48%,#c4c4c4 52%,#e6e6e6 100%);border:0;place-items:center;padding:0;display:grid;position:absolute}.slider:not([data-dragging]) .slider__knob{transition:left .25s var(--ease)}.slider[data-dragging] .slider__knob{cursor:grabbing}.slider__knob svg{width:calc(var(--u) * 26);height:calc(var(--u) * 18);fill:#858585;filter:drop-shadow(0 1px #fff)}html[data-phase=unlocking] .lock__top{transition:transform .42s cubic-bezier(.5,0,.75,0);transform:translateY(-120%)}html[data-phase=unlocking] .lock__bottom{transition:transform .42s cubic-bezier(.5,0,.75,0);transform:translateY(120%)}html[data-phase=unlocking] .lock__wallpaper,html[data-phase=unlocking] .lock__notices{opacity:0;transition:opacity .4s ease-in}.assistive{left:calc(100% - var(--u) * 58);top:calc(var(--at,.62) * (100% - var(--u) * 50));z-index:4;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:calc(var(--u) * 50);height:calc(var(--u) * 50);border-radius:calc(var(--u) * 13);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 8) #0006;opacity:.45;transition:opacity .2s, left .25s var(--ease), top .25s var(--ease);background:#1414149e;border:1px solid #ffffff38;position:absolute}.assistive[data-side=left]{left:calc(var(--u) * 8)}.assistive[data-dragging]{opacity:1;transition:none}.assistive:hover,.assistive:focus-visible,.assistive:active{opacity:1}.assistive__ring{inset:calc(var(--u) * 11);background:radial-gradient(circle,#fffffff2 0 36%,#ffffff6b 39% 60%,#ffffff2e 63%);border-radius:50%;position:absolute}@media (min-width:900px) and (min-height:560px){.assistive{display:none}}@media (prefers-reduced-motion:reduce){html[data-phase] .device,html[data-phase] .device__body,html[data-phase] .device__frame,html[data-phase] .lock__top,html[data-phase] .lock__bottom,html[data-phase] .notice,html[data-phase] .slider__knob{transition:none!important;animation:none!important}.slider__text{color:#8a8a8a;background:0 0;animation:none}}
:root{--bar-blue:linear-gradient(#b4c0d0 0%, #8a9db6 50%, #7f94af 51%, #6d84a2 100%);--bar-blue-edge:#2d3642;--bar-blue-button:linear-gradient(#8c9fb9 0%, #5f7799 50%, #546d92 51%, #4f6a90 100%);--bar-leather:linear-gradient(#c9a172 0%, #9b6e3e 50%, #906334 51%, #7a522a 100%);--bar-leather-edge:#3f2810;--bar-leather-button:linear-gradient(#a57a4a 0%, #7a5226 50%, #6e4920 51%, #6a451d 100%);--bar-black:linear-gradient(#4a4a4cf0 0%, #161618f0 50%, #060607f0 51%, #000000f0 100%);--bar-black-edge:#000;--bar-black-button:linear-gradient(#4a4a4d 0%, #1e1e20 50%, #121214 51%, #161618 100%);--ios-blue:#2a6fd8;--ios-blue-button:linear-gradient(#78a8f7 0%, #3a73e8 50%, #2c63db 51%, #3170e4 100%);--ios-grey-text:#6d6d72;--ios-rule:#d9d9de;--pinstripes:repeating-linear-gradient(90deg, #c5ccd4 0 calc(var(--u) * 5), #cbd2d8 calc(var(--u) * 5) calc(var(--u) * 7));--notes-paper:#fcf4a6;--notes-rule:#a0763452;--notes-margin:#d05c4e52;--notes-ink:#2a1c0c;--notes-tan:#94723f;--bubble-me:linear-gradient(#f7f7f7 0%, #e7e7e7 50%, #dedede 51%, #e9e9e9 100%);--bubble-you:linear-gradient(#93c6ff 0%, #4593f5 50%, #2d81f1 51%, #4892f6 100%)}.icon{width:calc(var(--u) * 57);height:calc(var(--u) * 57);border-radius:calc(var(--u) * 10);box-shadow:0 calc(var(--u) * 1.5) calc(var(--u) * 2.5) #0000008c;flex:none;display:block;position:relative;overflow:hidden}.icon svg,.icon img{object-fit:cover;width:100%;height:100%;display:block}.icon[data-gloss]:after{content:"";pointer-events:none;background:linear-gradient(#fff9,#ffffff1f);border-radius:50%;height:112%;position:absolute;top:-64%;left:-32%;right:-32%}.icon:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff59}.icon__weekday{fill:#fff;font:700 8.6px var(--helvetica)}.icon__day{fill:#1c1c1c;font:700 31px var(--helvetica);letter-spacing:-1px}.springboard,.springboard__wallpaper{position:absolute;inset:0}.springboard__page ul{top:calc(var(--u) * 30);grid-template-columns:repeat(4, calc(var(--u) * 76));justify-content:center;row-gap:calc(var(--u) * 12);display:grid;position:absolute;left:0;right:0}.app{align-items:center;gap:calc(var(--u) * 4);width:calc(var(--u) * 76);color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;flex-direction:column;display:flex}.app__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:calc(var(--u) * 11);text-shadow:0 calc(var(--u) * 1) calc(var(--u) * 2) #000000f2;font-weight:700;line-height:1.15;overflow:hidden}.app:active .icon{filter:brightness(.55)}.app:focus-visible .icon{outline:calc(var(--u) * 2) solid #fff;outline-offset:calc(var(--u) * 2)}.dock{height:calc(var(--u) * 92);position:absolute;bottom:0;left:0;right:0}.dock__shelf{height:calc(var(--u) * 44);background:linear-gradient(#ffffff1a,#00000059);border-top:1px solid #ffffff59;position:absolute;bottom:0;left:0;right:0}.dock__shelf:before{content:"";height:calc(var(--u) * 26);transform:perspective(calc(var(--u) * 120)) rotateX(42deg);transform-origin:bottom;background:linear-gradient(#fff3,#ffffff85);border-top:1px solid #ffffffd9;position:absolute;bottom:100%;left:2%;right:2%}.dock ul{left:0;right:0;bottom:calc(var(--u) * 4);grid-template-columns:repeat(4, calc(var(--u) * 76));justify-content:center;display:grid;position:absolute}.dock .icon{-webkit-box-reflect:below calc(var(--u) * 1) linear-gradient(transparent 62%, #ffffff47)}.dock .app__name{margin-top:calc(var(--u) * 1)}@container screen (min-aspect-ratio:1){.springboard__page ul{top:calc(var(--u) * 36);grid-template-columns:repeat(6, calc(var(--u) * 92));row-gap:calc(var(--u) * 16)}.dock ul{grid-template-columns:repeat(4, calc(var(--u) * 110))}.dock__shelf:before{left:8%;right:8%}}html[data-phase=unlocking] .springboard__page ul,.screen__app[data-transition=home] .springboard__page ul{animation:.5s cubic-bezier(.2,.8,.25,1) both icons-in}html[data-phase=unlocking] .dock ul,.screen__app[data-transition=home] .dock ul{animation:.45s cubic-bezier(.2,.8,.25,1) both dock-in}@keyframes icons-in{0%{opacity:0;transform:scale(1.7)}}@keyframes dock-in{0%{transform:translateY(110%)}}.screen__app[data-transition=launch]{animation:.42s cubic-bezier(.15,.75,.25,1) both app-launch}.screen__app[data-transition=push]{animation:.35s cubic-bezier(.2,.7,.2,1) both app-push}.screen__app[data-transition=pop]{animation:.35s cubic-bezier(.2,.7,.2,1) both app-pop}@keyframes app-launch{0%{opacity:0;transform:scale(.06)}35%{opacity:1}}@keyframes app-push{0%{transform:translate(100%)}}@keyframes app-pop{0%{opacity:.4;transform:translate(-30%)}}.appview{padding-top:calc(var(--u) * 20);color:#000;font-size:calc(var(--u) * 15);background:#fff;flex-direction:column;display:flex;position:absolute;inset:0}.appview__scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#0000004d transparent;flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.navbar{--tone:var(--bar-blue);--tone-edge:var(--bar-blue-edge);--tone-button:var(--bar-blue-button);z-index:2;height:calc(var(--u) * 44);padding:0 calc(var(--u) * 5);background:var(--tone);border-bottom:1px solid var(--tone-edge);flex:none;grid-template-columns:1fr minmax(0,2.4fr) 1fr;align-items:center;display:grid;position:relative;box-shadow:inset 0 1px #fff6}[data-tone=leather] .navbar,[data-tone=leather] .toolbar{--tone:var(--bar-leather);--tone-edge:var(--bar-leather-edge);--tone-button:var(--bar-leather-button)}[data-tone=black] .navbar,[data-tone=black] .toolbar{--tone:var(--bar-black);--tone-edge:var(--bar-black-edge);--tone-button:var(--bar-black-button)}.navbar__title{text-align:center;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:calc(var(--u) * 20);text-shadow:0 -1px #00000073;font-weight:700;overflow:hidden}.navbar__right{justify-self:end}.navbar__back{max-width:100%;height:calc(var(--u) * 30);margin-left:calc(var(--u) * 9);padding:0 calc(var(--u) * 8) 0 calc(var(--u) * 4);border-radius:0 calc(var(--u) * 5) calc(var(--u) * 5) 0;background:var(--tone-button);color:#fff;font-size:calc(var(--u) * 12);text-shadow:0 -1px #00000080;border:1px solid #00000080;border-left:0;justify-self:start;align-items:center;font-weight:700;display:flex;position:relative;box-shadow:inset 0 1px #ffffff47,0 1px #ffffff47}.navbar__back:before{content:"";left:calc(var(--u) * -10.4);width:calc(var(--u) * 20.6);height:calc(var(--u) * 20.6);border-radius:0 0 0 calc(var(--u) * 3);background:var(--tone-button);background-position:50%;background-size:140% 140%;border-top:0;border-bottom:1px solid #00000080;border-left:1px solid #00000080;border-right:0;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)skew(4deg,4deg);box-shadow:-1px 1px #fff3}.navbar__back span{text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden}.navbar__back:active{filter:brightness(.75)}.barbutton{--tone-button:var(--bar-blue-button);justify-content:center;align-items:center;gap:calc(var(--u) * 4);white-space:nowrap;height:calc(var(--u) * 30);padding:0 calc(var(--u) * 10);border-radius:calc(var(--u) * 5);background:var(--tone-button);color:#fff;font-size:calc(var(--u) * 12);text-shadow:0 -1px #00000080;cursor:pointer;border:1px solid #00000080;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff47,0 1px #ffffff47}.barbutton svg{width:calc(var(--u) * 11);height:calc(var(--u) * 11);flex:none}.barbutton--blue{--tone-button:var(--ios-blue-button);border-color:#1d4fae}.barbutton:active{filter:brightness(.75)}.toolbar{--tone:var(--bar-blue);--tone-edge:var(--bar-blue-edge);--tone-button:var(--bar-blue-button);z-index:2;height:calc(var(--u) * 44);background:var(--tone);border-top:1px solid var(--tone-edge);flex:none;justify-content:space-around;align-items:center;display:flex;position:relative;box-shadow:inset 0 1px #ffffff59}.toolbar__icon{width:calc(var(--u) * 44);height:calc(var(--u) * 44);place-items:center;display:grid}.toolbar__icon svg{width:calc(var(--u) * 22);height:calc(var(--u) * 22);fill:none;stroke:#fff;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 -1px #00000073)}.chevron{width:calc(var(--u) * 8);height:calc(var(--u) * 8);border-top:calc(var(--u) * 2.6) solid #a3a3a8;border-right:calc(var(--u) * 2.6) solid #a3a3a8;transform:rotate(45deg)}.notes .appview__scroll{--line:calc(var(--u) * 44);background-color:var(--notes-paper);background-image:radial-gradient(140% 60% at 50% 0%, #ffffff59, transparent 70%), repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--line) - 1px), var(--notes-rule) calc(var(--line) - 1px), var(--notes-rule) var(--line));color:var(--notes-ink);background-attachment:local}.notes__row{align-items:center;gap:calc(var(--u) * 10);height:calc(var(--u) * 44);padding:0 calc(var(--u) * 12) 0 calc(var(--u) * 14);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.notes__title{text-overflow:ellipsis;white-space:nowrap;font-family:var(--hand);font-size:calc(var(--u) * 21);overflow:hidden}.notes__date{color:var(--notes-tan);font-size:calc(var(--u) * 13)}.notes .chevron{border-color:var(--notes-tan)}.notes__row:active{background:#a0763426}.note-read .appview__scroll{--line:calc(var(--u) * 28);background-image:linear-gradient(90deg, transparent calc(var(--u) * 10), var(--notes-margin) calc(var(--u) * 10) calc(var(--u) * 11), transparent calc(var(--u) * 11) calc(var(--u) * 13), var(--notes-margin) calc(var(--u) * 13) calc(var(--u) * 14), transparent calc(var(--u) * 14)), repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--line) - 1px), var(--notes-rule) calc(var(--line) - 1px), var(--notes-rule) var(--line))}.note{max-width:calc(var(--u) * 560);padding:var(--line) calc(var(--u) * 16) calc(var(--line) * 2) calc(var(--u) * 24);font-family:var(--serif);font-size:calc(var(--u) * 17);line-height:var(--line)}.note__meta{color:var(--notes-tan);font-family:var(--helvetica);font-size:calc(var(--u) * 13);text-align:center}.note__title{margin-top:var(--line);font-family:var(--hand);font-size:calc(var(--u) * 26);font-weight:400;line-height:var(--line)}.note__lede{font-family:var(--hand);font-size:calc(var(--u) * 19);color:#5d4421}.note__body{margin-top:var(--line)}.note__body p,.note__body ul,.note__body ol,.note__body blockquote{margin:0 0 var(--line)}.note__body h2,.note__body h3{margin:var(--line) 0 0;font-family:var(--hand);font-size:calc(var(--u) * 22);font-weight:400;line-height:var(--line)}.note__body ul{padding-left:calc(var(--u) * 18);list-style:outside}.note__body ol{padding-left:calc(var(--u) * 18);list-style:decimal}.note__gif{width:100%;max-width:calc(var(--u) * 280);height:auto;margin:0 auto var(--line);padding:calc(var(--u) * 8) calc(var(--u) * 8) calc(var(--u) * 26);box-shadow:0 calc(var(--u) * 3) calc(var(--u) * 10) #3c280a59;background:#fff;display:block;transform:rotate(-2deg)}.note__body blockquote{padding-left:calc(var(--u) * 12);border-left:calc(var(--u) * 2) solid var(--notes-tan);font-style:italic}.note a,.note__body a{text-decoration:underline;-webkit-text-decoration-color:var(--notes-tan);text-decoration-color:var(--notes-tan);text-underline-offset:.15em}.note__end{margin-top:var(--line);font-family:var(--hand);font-size:calc(var(--u) * 20)}.note__end .call{margin-top:calc(var(--line) * .25)}.call{align-items:center;gap:calc(var(--u) * 6);height:calc(var(--u) * 38);padding:0 calc(var(--u) * 16);border-radius:calc(var(--u) * 8);color:#fff;font-family:var(--helvetica);font-size:calc(var(--u) * 15);text-shadow:0 -1px #00000059;background:linear-gradient(#ff9468 0%,#ef5a22 50%,#e04a10 51%,#ea5a1f 100%);border:1px solid #a12d05;font-weight:700;line-height:1;display:inline-flex;box-shadow:inset 0 1px #fff6,0 1px 2px #0000004d}.call svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14)}.messages .appview__scroll{background:linear-gradient(#dde4ee,#d0d9e5)}.thread{gap:calc(var(--u) * 3);padding:calc(var(--u) * 12) calc(var(--u) * 8);flex-direction:column;flex:1;display:flex}.thread--sent{flex:none;padding-top:0}.bubble{max-width:76%;padding:calc(var(--u) * 6) calc(var(--u) * 12) calc(var(--u) * 7);border-radius:calc(var(--u) * 15);font-size:calc(var(--u) * 15);line-height:1.32;position:relative;box-shadow:0 1px 1px #00000038}.bubble:before{content:"";left:calc(var(--u) * 5);right:calc(var(--u) * 5);height:calc(var(--u) * 12);border-radius:calc(var(--u) * 14) calc(var(--u) * 14) calc(var(--u) * 6) calc(var(--u) * 6);pointer-events:none;background:linear-gradient(#ffffff8c,#ffffff14);position:absolute;top:1px}.bubble[data-from=me]{background:var(--bubble-me);color:#000;border:1px solid #00000029;align-self:flex-start}.bubble[data-from=you]{background:var(--bubble-you);color:#fff;text-shadow:0 -1px #0000002e;border:1px solid #2163c4;align-self:flex-end}.bubble[data-from=me][data-tail]{border-bottom-left-radius:calc(var(--u) * 4)}.bubble[data-from=you][data-tail]{border-bottom-right-radius:calc(var(--u) * 4)}.bubble[data-tail]+.bubble{margin-top:calc(var(--u) * 7)}.bubble a{text-underline-offset:.15em;text-decoration:underline;position:relative}.bubble[data-from=me] a{color:var(--ios-blue)}.thread__note{margin-top:calc(var(--u) * 4);color:#7b8695;font-size:calc(var(--u) * 11);align-self:center;font-weight:700}.composer{align-items:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 6) calc(var(--u) * 6);background:linear-gradient(#eef0f3,#c7ccd4);border-top:1px solid #9aa1ab;display:flex;position:sticky;bottom:0}.composer__field{min-width:0;height:calc(var(--u) * 30);padding:0 calc(var(--u) * 12);border-radius:calc(var(--u) * 15);color:#000;font:max(16px, calc(var(--u) * 15)) var(--helvetica);background:#fff;border:1px solid #959ca6;outline:none;flex:1;box-shadow:inset 0 1px 2px #00000047}.composer__field:focus-visible{border-color:var(--ios-blue)}.composer__send{height:calc(var(--u) * 28);padding:0 calc(var(--u) * 12);border-radius:calc(var(--u) * 14);background:var(--ios-blue-button);color:#fff;font-size:calc(var(--u) * 14);text-shadow:0 -1px #00000059;cursor:pointer;border:1px solid #1d4fae;font-weight:700;box-shadow:inset 0 1px #ffffff59}.composer__send:disabled{color:#eef0f2;text-shadow:none;cursor:default;background:linear-gradient(#d9dce1,#b8bdc5);border-color:#8a9099}.albums__row{align-items:center;gap:calc(var(--u) * 12);padding:calc(var(--u) * 6) calc(var(--u) * 14) calc(var(--u) * 6) calc(var(--u) * 8);border-bottom:1px solid var(--ios-rule);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.albums__row:active{background:#e4e9f2}.albums__stack{width:calc(var(--u) * 57);height:calc(var(--u) * 57);position:relative}.albums__stack:before,.albums__stack:after{content:"";border:calc(var(--u) * 2) solid #fff;background:#c9ced6;position:absolute;inset:0;box-shadow:0 1px 2px #00000059}.albums__stack:before{transform:rotate(-5deg)}.albums__stack:after{transform:rotate(4deg)}.albums__stack img{z-index:1;object-fit:cover;border:calc(var(--u) * 2) solid #fff;width:100%;height:100%;position:relative;box-shadow:0 1px 2px #0006}.albums__name{text-overflow:ellipsis;white-space:nowrap;font-size:calc(var(--u) * 17);font-weight:700;overflow:hidden}.albums__count{color:var(--ios-grey-text);font-weight:400}.grid{gap:calc(var(--u) * 4);padding:calc(var(--u) * 4);grid-template-columns:repeat(4,1fr);display:grid}@container screen (min-aspect-ratio:1){.grid{grid-template-columns:repeat(6,1fr)}}.grid__cell{aspect-ratio:1;cursor:zoom-in;background:#ddd;border:0;width:100%;padding:0;display:block;position:relative}.grid__cell img{object-fit:cover;width:100%;height:100%}.grid__video{height:calc(var(--u) * 16);padding:0 calc(var(--u) * 4);background:linear-gradient(#0000,#000000bf);align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.grid__video svg{width:calc(var(--u) * 13);height:calc(var(--u) * 9);fill:#fff}.album__about{padding:calc(var(--u) * 12) calc(var(--u) * 20) calc(var(--u) * 28);text-align:center}.album__count{color:var(--ios-grey-text);font-size:calc(var(--u) * 17)}.album__line{margin-top:calc(var(--u) * 10);color:#333;font-size:calc(var(--u) * 14);line-height:1.4}.album__story{margin-top:calc(var(--u) * 10);color:var(--ios-blue);font-size:calc(var(--u) * 14);font-weight:700;display:inline-block}.viewer{z-index:5;color:#fff;background:#000;position:absolute;inset:0}.viewer__bar,.viewer__tools{z-index:1;height:calc(var(--u) * 44);background:#0000008c;transition:opacity .25s;position:absolute;left:0;right:0}.viewer__bar{top:calc(var(--u) * 20);padding:0 calc(var(--u) * 6);border-bottom:1px solid #ffffff1f;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.viewer__bar .barbutton{--tone-button:var(--bar-black-button);justify-self:end}.viewer__count{font-size:calc(var(--u) * 18);font-weight:700}.viewer__tools{justify-content:center;align-items:center;gap:calc(var(--u) * 70);border-top:1px solid #ffffff1f;display:flex;bottom:0}.viewer:not([data-chrome]) .viewer__bar,.viewer:not([data-chrome]) .viewer__tools{opacity:0;pointer-events:none}.viewer__step{width:calc(var(--u) * 44);height:calc(var(--u) * 44);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.viewer__step svg{width:calc(var(--u) * 20);height:calc(var(--u) * 20);fill:#fff}.viewer__step:disabled{opacity:.3;cursor:default}.viewer__stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:absolute;inset:0}.viewer__stage img,.viewer__stage video{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;animation:.25s ease-out photo-in}@keyframes photo-in{0%{opacity:0}}.calendar .appview__scroll{background:#fff}.month{flex-direction:column;flex:1;display:flex}.month--loading{background:linear-gradient(#f4f5f7,#d3d6dc)}.month__head{height:calc(var(--u) * 40);padding:0 calc(var(--u) * 6);background:linear-gradient(#f6f7f9,#dcdfe4);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.month__title{text-align:center;color:#2f3237;font-size:calc(var(--u) * 20);text-shadow:0 1px #fff;font-weight:700}.month__step{width:calc(var(--u) * 40);height:calc(var(--u) * 40);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.month__step svg{width:calc(var(--u) * 11);height:calc(var(--u) * 13);fill:#4b5058;filter:drop-shadow(0 1px #fff)}.month__step:disabled{opacity:.3;cursor:default}.month__weekdays{padding-bottom:calc(var(--u) * 3);color:#4b5058;font-size:calc(var(--u) * 10);text-align:center;text-shadow:0 1px #fff;background:#dcdfe4;border-bottom:1px solid #a1a6af;grid-template-columns:repeat(7,1fr);font-weight:700;display:grid}.month__grid{background:#a9aeb7;border-bottom:1px solid #a1a6af;grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.month__day,.month__other{aspect-ratio:46/42;font-size:calc(var(--u) * 20);text-shadow:0 1px #fff;place-items:center;font-weight:700;display:grid}.month__day{color:#343840;cursor:pointer;background:linear-gradient(#e5e7eb,#d6d9df);border:0;width:100%;padding:0}.month__day[data-past]{color:#8b9099}.month__other{color:#a6abb3;background:linear-gradient(#dfe1e5,#d2d5da)}.month__day[data-today]{color:#fff;text-shadow:0 -1px #00000080;background:linear-gradient(#7d93b5,#536c94)}.month__day[data-picked]{color:#fff;text-shadow:0 -1px #00000080;background:linear-gradient(#2f80ed,#1659c7);box-shadow:inset 0 2px 4px #00000073}@container screen (min-aspect-ratio:1){.month__day,.month__other{aspect-ratio:46/22}}.events{flex:1}.events__day{padding:calc(var(--u) * 2) calc(var(--u) * 12);color:#fff;font-size:calc(var(--u) * 14);text-shadow:0 -1px #00000059;background:linear-gradient(#9aa8bb,#b7c1ce);font-weight:700}.event{align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 10) calc(var(--u) * 12);border-bottom:1px solid var(--ios-rule);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.event__dot{width:calc(var(--u) * 9);height:calc(var(--u) * 9);background:radial-gradient(circle at 35% 35%,#ff9a72,#ea4711);border-radius:50%}.event__text{font-size:calc(var(--u) * 13);color:var(--ios-grey-text);flex-direction:column;display:flex}.event__text strong{color:#000;font-size:calc(var(--u) * 16)}.events__none{padding:calc(var(--u) * 24) 0;color:#9a9ea6;font-size:calc(var(--u) * 17);text-align:center;font-weight:700}.events__note{padding:calc(var(--u) * 14) calc(var(--u) * 12);color:var(--ios-blue);font-size:calc(var(--u) * 12);text-align:center;display:block}.month .toolbar{padding:0 calc(var(--u) * 6);justify-content:flex-start;position:sticky;bottom:0}.calendar__plain{padding:calc(var(--u) * 20);text-align:center}.store .appview__scroll{background:#fff}.store__head{padding:calc(var(--u) * 8) calc(var(--u) * 12);color:#4b5058;font-size:calc(var(--u) * 13);text-shadow:0 1px #fff;background:linear-gradient(#f2f3f5,#dfe2e7);border-bottom:1px solid #c4c8cf}.store__head span{font-weight:700}.store__row{align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 9) calc(var(--u) * 10);border-bottom:1px solid var(--ios-rule);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.store__list li:nth-child(2n) .store__row{background:#f5f6f8}.store__row:active{background:#dfe6f1}.store__icon{box-shadow:0 1px 3px #0006}.store__icon--large{width:calc(var(--u) * 76);height:calc(var(--u) * 76);border-radius:calc(var(--u) * 13)}.store__initial{color:#fff;width:100%;height:100%;font-size:calc(var(--u) * 30);text-shadow:0 -1px #0006;background:linear-gradient(#a1acbb,#56637a);place-items:center;font-weight:700;display:grid}.store__icon--large .store__initial{font-size:calc(var(--u) * 40)}.store__text{min-width:0;color:var(--ios-grey-text);font-size:calc(var(--u) * 12);flex-direction:column;line-height:1.35;display:flex}.store__text strong{text-overflow:ellipsis;white-space:nowrap;color:#000;font-size:calc(var(--u) * 15);overflow:hidden}.store__price{padding:calc(var(--u) * 3) calc(var(--u) * 8);border-radius:calc(var(--u) * 4);color:#5d6066;font-size:calc(var(--u) * 11);background:linear-gradient(#fefefe,#e5e6e8);border:1px solid #b7b9bd;font-weight:700}.product{align-items:start;gap:calc(var(--u) * 12);padding:calc(var(--u) * 14) calc(var(--u) * 12);background:linear-gradient(#f7f8fa,#e4e7ec);border-bottom:1px solid #c4c8cf;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.product__text h2{font-size:calc(var(--u) * 18);line-height:1.2}.product__text p{color:var(--ios-grey-text);font-size:calc(var(--u) * 13)}.product__status{margin-top:calc(var(--u) * 4);font-style:italic}.getbutton{padding:calc(var(--u) * 5) calc(var(--u) * 12);border-radius:calc(var(--u) * 4);background:var(--ios-blue-button);color:#fff;font-size:calc(var(--u) * 13);text-shadow:0 -1px #00000059;border:1px solid #0f4fae;align-self:center;font-weight:700;box-shadow:inset 0 1px #ffffff59}.getbutton--off{box-shadow:none;color:#6d7076;text-shadow:0 1px #fff;background:linear-gradient(#f2f3f5,#d3d6da);border-color:#a5a8ad}.product__section{padding:calc(var(--u) * 12);border-bottom:1px solid var(--ios-rule)}.product__section h3{margin-bottom:calc(var(--u) * 6);font-size:calc(var(--u) * 15)}.product__section p{color:#333;font-size:calc(var(--u) * 14);line-height:1.45}.product__facts div{grid-template-columns:calc(var(--u) * 90) 1fr;padding:calc(var(--u) * 3) 0;font-size:calc(var(--u) * 13);display:grid}.product__facts dt{color:var(--ios-grey-text)}.product__facts dd{margin:0}.prose-page .appview__scroll{background:var(--pinstripes)}.prose-page__body{margin:calc(var(--u) * 10);padding:calc(var(--u) * 12) calc(var(--u) * 14);border-radius:calc(var(--u) * 10);font-size:calc(var(--u) * 15);background:#fff;border:1px solid #a9abae;line-height:1.45}.prose-page__body h2{margin:calc(var(--u) * 16) 0 calc(var(--u) * 4);font-size:calc(var(--u) * 16)}.prose-page__body a{color:var(--ios-blue)}.prose-page__small{margin-top:calc(var(--u) * 16);color:var(--ios-grey-text);font-size:calc(var(--u) * 13)}.alert-scrim{background:radial-gradient(circle,#00000026,#0009);place-items:center;display:grid;position:absolute;inset:0}.alert{width:min(calc(var(--u) * 284), 90%);padding:calc(var(--u) * 16) calc(var(--u) * 12) calc(var(--u) * 12);border:calc(var(--u) * 2) solid #ffffffd9;border-radius:calc(var(--u) * 10);box-shadow:0 calc(var(--u) * 4) calc(var(--u) * 18) #0009, inset 0 1px 0 #fff6;color:#fff;text-align:center;text-shadow:0 -1px #00000073;background:linear-gradient(#405482ed,#16244cf2);position:relative;overflow:hidden}.alert__title{font-size:calc(var(--u) * 18);position:relative}.alert__body{margin-top:calc(var(--u) * 6);font-size:calc(var(--u) * 15);line-height:1.35;position:relative}.alert__actions{gap:calc(var(--u) * 8);margin-top:calc(var(--u) * 14);display:flex;position:relative}.alert__button{height:calc(var(--u) * 44);border-radius:calc(var(--u) * 6);color:#fff;font-size:calc(var(--u) * 17);cursor:pointer;background:linear-gradient(#ffffff6b 0%,#ffffff24 50%,#ffffff0d 51%,#ffffff1a 100%);border:1px solid #0000008c;flex:1;place-items:center;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff59}.alert__button:active{background:#ffffff14}.settings .appview__scroll{background:var(--pinstripes);padding-bottom:calc(var(--u) * 20)}.group{margin:calc(var(--u) * 10) calc(var(--u) * 10) 0}.group__title{margin:calc(var(--u) * 6) calc(var(--u) * 10) calc(var(--u) * 6);color:#4c566c;font-size:calc(var(--u) * 17);text-shadow:0 1px #fff}.group__rows{border-radius:calc(var(--u) * 10);background:#fff;border:1px solid #a9abae;overflow:hidden}.group__rows li+li{border-top:1px solid #d5d5d5}.group__row{align-items:center;gap:calc(var(--u) * 10);width:100%;min-height:calc(var(--u) * 44);padding:calc(var(--u) * 6) calc(var(--u) * 12);color:#000;font-size:calc(var(--u) * 16);text-align:left;background:0 0;border:0;font-weight:700;display:flex}a.group__row:active,button.group__row:active{color:#fff;background:linear-gradient(#058cf5,#015fe6)}.group__row--button{cursor:pointer;justify-content:center}.group__row--choice{cursor:pointer}.group__icon.icon{width:calc(var(--u) * 29);height:calc(var(--u) * 29);border-radius:calc(var(--u) * 6);box-shadow:0 1px 1px #0000004d}.group__label{flex:1;min-width:0}.group__note{color:var(--ios-grey-text);font-size:calc(var(--u) * 12);font-weight:400;display:block}.group__value{color:#385487;text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.group__footer{margin:calc(var(--u) * 8) calc(var(--u) * 14) calc(var(--u) * 4);color:#4c566c;font-size:calc(var(--u) * 13);text-align:center;text-shadow:0 1px #fff}.checkmark{width:calc(var(--u) * 7);height:calc(var(--u) * 13);margin-right:calc(var(--u) * 4);border-right:calc(var(--u) * 3) solid #385487;border-bottom:calc(var(--u) * 3) solid #385487;transform:rotate(45deg) translateY(calc(var(--u) * -2))}.thumbs{justify-content:center;gap:calc(var(--u) * 16);padding:calc(var(--u) * 14) 0 calc(var(--u) * 4);display:flex}.thumb{width:calc(var(--u) * 70);height:calc(var(--u) * 105);border:calc(var(--u) * 3) solid #1b1b1b;border-radius:calc(var(--u) * 4);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 5) #00000073}.thumb--day{background:url(/wallpaper/day.svg) bottom/cover}.thumb--night{background:url(/wallpaper/night.svg) bottom/cover}[data-tone=wood] .navbar{--tone:linear-gradient(#ffdcb42e, #00000040), url(/room/walnut.webp) center / 400% auto;--tone-edge:#1f1006;--tone-button:linear-gradient(#7a4d2a, #4a2a12)}[data-tone=wood] .navbar__title{font-family:var(--hand);font-size:calc(var(--u) * 24);color:#fff3dc;font-weight:400}.gamecenter .appview__scroll{color:#fff;background:radial-gradient(110% 80% at 50% 30%,#0000 40%,#001e068c 100%),url(/room/grain.png),radial-gradient(70% 50% at 50% 20%,#3f8f3a,#2a6b27 70%)}.gc-game{align-items:center;gap:calc(var(--u) * 12);margin:calc(var(--u) * 12) calc(var(--u) * 10) 0;padding:calc(var(--u) * 12);border-radius:calc(var(--u) * 12);background:#00000038;grid-template-columns:auto minmax(0,1fr) auto;display:grid;box-shadow:inset 0 1px 3px #00000080,0 1px #ffffff26}.gc-game__icon{width:calc(var(--u) * 64);height:calc(var(--u) * 64);border-radius:calc(var(--u) * 12);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 5) #00000080}.gc-game__text h2{font-family:var(--hand);font-size:calc(var(--u) * 22);text-shadow:0 1px 2px #0009;font-weight:400;line-height:1.1}.gc-game__text p{color:#ffffffbf;font-size:calc(var(--u) * 12)}.gc-play{padding:calc(var(--u) * 8) calc(var(--u) * 14);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 14);text-shadow:0 -1px #0006;background:linear-gradient(#9de76b 0%,#5cbf2a 50%,#48aa1a 51%,#5cc22b 100%);border:1px solid #1d5c0c;font-weight:700;box-shadow:inset 0 1px #ffffff80,0 1px 2px #0006}.gc-stats{margin:calc(var(--u) * 10) calc(var(--u) * 10) 0;text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.gc-stats dt{color:#ffffffb8;font-size:calc(var(--u) * 11)}.gc-stats dd{font-family:var(--hand);font-size:calc(var(--u) * 26);color:#fff6c9;text-shadow:0 1px 2px #0009;margin:0;line-height:1.1}.gc-board{margin:calc(var(--u) * 14) calc(var(--u) * 10) calc(var(--u) * 20)}.gc-board__title{margin:0 calc(var(--u) * 4) calc(var(--u) * 6);font-family:var(--hand);font-size:calc(var(--u) * 20);color:#fff6c9;text-shadow:0 1px 2px #0009;font-weight:400}.gc-board__rows{border-radius:calc(var(--u) * 10);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 6) #0006;color:#000;background:#fffffff0;overflow:hidden}.gc-row{grid-template-columns:calc(var(--u) * 28) minmax(0, 1fr) auto;align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 8) calc(var(--u) * 12);display:grid}.gc-row+.gc-row{border-top:1px solid #ddd}.gc-row__rank{width:calc(var(--u) * 26);height:calc(var(--u) * 26);color:#555;font-size:calc(var(--u) * 14);border-radius:50%;place-items:center;font-weight:700;display:grid}.gc-row__rank[data-medal]{color:#fff;text-shadow:0 -1px #00000059;box-shadow:inset 0 1px #fff9,0 1px 1px #0000004d}.gc-row__rank[data-medal=gold]{background:linear-gradient(#ffe27a,#d6a10b)}.gc-row__rank[data-medal=silver]{background:linear-gradient(#eef0f2,#9aa1a8)}.gc-row__rank[data-medal=bronze]{background:linear-gradient(#f2b27c,#b0632a)}.gc-row__name{min-width:0;font-size:calc(var(--u) * 11);color:var(--ios-grey-text);flex-direction:column;display:flex}.gc-row__name strong{text-overflow:ellipsis;white-space:nowrap;color:#000;font-size:calc(var(--u) * 15);overflow:hidden}.gc-row__wave{color:var(--ios-grey-text);font-size:calc(var(--u) * 11)}.gc-row__wave b{color:#2a6b27;font-size:calc(var(--u) * 18)}.gc-board__empty,.gc-board__note{margin-top:calc(var(--u) * 8);color:#fffc;font-size:calc(var(--u) * 12);text-align:center}.bookmarks__row{align-items:center;gap:calc(var(--u) * 12);padding:calc(var(--u) * 10) calc(var(--u) * 14);border-bottom:1px solid var(--ios-rule);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.bookmarks__row:active{background:#e4e9f2}.bookmarks__icon{width:calc(var(--u) * 22);height:calc(var(--u) * 18);fill:none;stroke:#385487;stroke-width:1.6px;stroke-linejoin:round}.bookmarks__text{min-width:0;color:var(--ios-grey-text);font-size:calc(var(--u) * 12);flex-direction:column;display:flex}.bookmarks__text strong{color:#000;font-size:calc(var(--u) * 16)}.bookmarks__note{padding:calc(var(--u) * 14);color:var(--ios-grey-text);font-size:calc(var(--u) * 12);text-align:center}.addressbar{z-index:2;padding:calc(var(--u) * 3) calc(var(--u) * 8) calc(var(--u) * 7);background:var(--bar-blue);border-bottom:1px solid var(--bar-blue-edge);flex:none;position:relative;box-shadow:inset 0 1px #fff6}.addressbar__title{color:#fff;font-size:calc(var(--u) * 12);text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 -1px #00000073;font-weight:700;overflow:hidden}.addressbar__field{height:calc(var(--u) * 30);margin-top:calc(var(--u) * 3);padding:0 calc(var(--u) * 4) 0 calc(var(--u) * 10);border-radius:calc(var(--u) * 6);background:#fff;border:1px solid #4a5d79;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000059}.addressbar__field:before{content:"";opacity:0;background:linear-gradient(#5aa0ff73,#286ee659);transition:right .3s ease-out,opacity .4s .3s;position:absolute;inset:0 100% 0 0}.addressbar__field[data-loading]:before{opacity:1;transition:right 3s cubic-bezier(.1,.6,.3,1);right:25%}.addressbar__url{color:#222;font-size:calc(var(--u) * 14);text-overflow:ellipsis;white-space:nowrap;flex:1;position:relative;overflow:hidden}.addressbar__reload{width:calc(var(--u) * 26);height:calc(var(--u) * 26);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:relative}.addressbar__reload svg{width:calc(var(--u) * 15);height:calc(var(--u) * 15);fill:none;stroke:#6c7a8d;stroke-width:1.8px;stroke-linecap:round}.browser__page{background:#fff;flex:1;position:relative}.browser__page iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.clock .appview__scroll{color:#fff;background:linear-gradient(#2b2d31,#121315)}.world__row{align-items:center;gap:calc(var(--u) * 12);padding:calc(var(--u) * 10) calc(var(--u) * 14);border-bottom:1px solid #ffffff14;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.face{width:calc(var(--u) * 56);height:calc(var(--u) * 56);filter:drop-shadow(0 calc(var(--u) * 1) calc(var(--u) * 2) #0009)}.face__dial{fill:#f6f6f6;stroke:#bbb;stroke-width:1px}.face__tick{stroke:#333;stroke-width:1.2px}.face__hour{stroke:#111;stroke-width:3px;stroke-linecap:round}.face__minute{stroke:#111;stroke-width:2px;stroke-linecap:round}.face__second{stroke:#e0281c;stroke-width:.9px}.face__pin{fill:#e0281c}.face[data-night] .face__dial{fill:#111;stroke:#444}.face[data-night] .face__tick{stroke:#ddd}.face[data-night] .face__hour,.face[data-night] .face__minute{stroke:#f2f2f2}.world__city{color:#ffffff8c;min-width:0;font-size:calc(var(--u) * 12);flex-direction:column;display:flex}.world__city strong{text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:calc(var(--u) * 18);overflow:hidden}.world__time{font-size:calc(var(--u) * 26);font-weight:200}.world__time small{margin-left:calc(var(--u) * 3);font-size:calc(var(--u) * 12);font-weight:700}.stopwatch{flex-direction:column;flex:1;display:flex}.stopwatch__time{padding:calc(var(--u) * 24) 0 calc(var(--u) * 18);font-size:calc(var(--u) * 64);font-variant-numeric:tabular-nums;text-align:center;text-shadow:0 calc(var(--u) * 2) calc(var(--u) * 4) #0009;font-weight:200}.stopwatch__buttons{gap:calc(var(--u) * 12);padding:0 calc(var(--u) * 14);grid-template-columns:1fr 1fr;display:grid}.stopwatch__button{height:calc(var(--u) * 46);border-radius:calc(var(--u) * 8);color:#333;font-size:calc(var(--u) * 18);text-shadow:0 1px #fff;cursor:pointer;background:linear-gradient(#e9eaed 0%,#c7c9ce 50%,#b9bcc2 51%,#cfd1d5 100%);border:1px solid #0009;font-weight:700;box-shadow:inset 0 1px #fff}.stopwatch__button[data-kind=start]{color:#fff;text-shadow:0 -1px #0006;background:linear-gradient(#8ee66a 0%,#48b51d 50%,#3aa312 51%,#4cba20 100%)}.stopwatch__button[data-kind=stop]{color:#fff;text-shadow:0 -1px #0006;background:linear-gradient(#f98579 0%,#e0352a 50%,#cf2418 51%,#e2392d 100%)}.stopwatch__button:disabled{opacity:.5;cursor:default}.stopwatch__laps{margin-top:calc(var(--u) * 14);color:#000;background:#fff}.stopwatch__laps li{padding:calc(var(--u) * 10) calc(var(--u) * 14);border-bottom:1px solid var(--ios-rule);font-size:calc(var(--u) * 16);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.tabbar{z-index:2;gap:calc(var(--u) * 4);height:calc(var(--u) * 49);padding:calc(var(--u) * 2) calc(var(--u) * 4);background:linear-gradient(#3c3c3c 0%,#1c1c1c 50%,#0a0a0a 51%,#000 100%);border-top:1px solid #000;flex:none;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:relative}.tabbar__tab{justify-content:center;align-items:center;gap:calc(var(--u) * 2);border-radius:calc(var(--u) * 3);color:#8f8f8f;font-size:calc(var(--u) * 10);cursor:pointer;background:0 0;border:0;flex-direction:column;font-weight:700;display:flex}.tabbar__tab svg{width:calc(var(--u) * 26);height:calc(var(--u) * 26);fill:none;stroke:currentColor;stroke-width:1.8px}.tabbar__tab[aria-selected=true]{color:#fff;background:#ffffff1f}.tabbar__tab[aria-selected=true] svg{stroke:#6fb7ff;filter:drop-shadow(0 0 calc(var(--u) * 3) #6fb7ff99)}.weather{padding-bottom:calc(var(--u) * 10);background:url(/room/grain.png),radial-gradient(100% 60% at 50% 0,#2c3746,#0d1015)}.weather__wait{justify-items:center;gap:calc(var(--u) * 12);color:#fffc;font-size:calc(var(--u) * 15);margin:auto;display:grid}.wx-search{margin:calc(var(--u) * 14) calc(var(--u) * 12);padding:calc(var(--u) * 12);border-radius:calc(var(--u) * 12);box-shadow:0 calc(var(--u) * 3) calc(var(--u) * 10) #00000080;color:#fff;background:linear-gradient(#5c6574,#313946)}.wx-search__hint{margin-bottom:calc(var(--u) * 6);font-size:calc(var(--u) * 15);text-align:center;font-weight:700}.wx-search__field{width:100%;height:calc(var(--u) * 32);padding:0 calc(var(--u) * 12);border-radius:calc(var(--u) * 16);color:#000;font:max(16px, calc(var(--u) * 15)) var(--helvetica);background:#fff;border:1px solid #222;outline:none;box-shadow:inset 0 1px 2px #0006}.wx-search__results{margin-top:calc(var(--u) * 8)}.wx-search__results button{width:100%;padding:calc(var(--u) * 8) calc(var(--u) * 6);color:#fff;font-size:calc(var(--u) * 15);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff1f}.wx-search__results span{color:#fff9;font-size:calc(var(--u) * 12)}.wx-card{margin:calc(var(--u) * 12);border-radius:calc(var(--u) * 12);box-shadow:inset 0 1px 0 #ffffff59, 0 calc(var(--u) * 3) calc(var(--u) * 12) #0000008c;color:#fff;text-shadow:0 1px 1px #00000059;background:linear-gradient(#5aa9ec 0%,#2f78cf 55%,#1f5fb8 100%);overflow:hidden}.weather[data-night] .wx-card{background:linear-gradient(#5b5a92 0%,#3a3970 55%,#26255a 100%)}.wx-card__head{padding:calc(var(--u) * 12) calc(var(--u) * 14) 0;justify-content:space-between;display:flex}.wx-card__city{align-items:center;gap:calc(var(--u) * 5);font-size:calc(var(--u) * 20);display:flex}.wx-card__arrow{width:calc(var(--u) * 11);height:calc(var(--u) * 11);fill:#fff}.wx-card__hilo{font-size:calc(var(--u) * 13);font-weight:700}.wx-card__now{font-size:calc(var(--u) * 56);font-weight:200;line-height:1}.wx-card__sky{align-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 4) calc(var(--u) * 14) calc(var(--u) * 10);font-size:calc(var(--u) * 15);font-weight:700;display:flex}.wx-card__sky .wx{width:calc(var(--u) * 44);height:calc(var(--u) * 44)}.wx-card__days{background:#00000024;border-top:1px solid #ffffff2e}.wx-card__days li{grid-template-columns:minmax(0, 1fr) calc(var(--u) * 30) calc(var(--u) * 36) calc(var(--u) * 36);align-items:center;gap:calc(var(--u) * 4);padding:calc(var(--u) * 4) calc(var(--u) * 14);font-size:calc(var(--u) * 16);font-weight:700;display:grid}.wx-card__days .wx{width:calc(var(--u) * 28);height:calc(var(--u) * 28)}.wx-card__high,.wx-card__low{text-align:right}.wx-card__low{color:#fff9}.wx-card__foot{padding:calc(var(--u) * 6) calc(var(--u) * 10) calc(var(--u) * 6) calc(var(--u) * 14);font-size:calc(var(--u) * 11);justify-content:space-between;align-items:center;display:flex}.wx-card__foot a{color:#ffffffd9;text-decoration:underline}.wx-card__change{width:calc(var(--u) * 30);height:calc(var(--u) * 30);cursor:pointer;background:#ffffff1f;border:1px solid #fff6;border-radius:50%;place-items:center;display:grid}.wx-card__change svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14);fill:none;stroke:#fff;stroke-width:1.8px}.wx__sun{fill:#ffd52e;filter:drop-shadow(0 0 2px #ffdc50cc)}.wx__moon{fill:#f4ecd2}.wx__cloud{fill:#f4f8fc;stroke:#506e9659;stroke-width:.6px}.wx__rain{stroke:#a9d4ff;stroke-width:1.8px;stroke-linecap:round}.wx__snow{stroke:#fff;stroke-width:3px;stroke-linecap:round}.wx__bolt{fill:#ffd52e}.wx__fog{stroke:#e6edf5;stroke-width:1.8px;stroke-linecap:round}.calc{padding:calc(var(--u) * 20) calc(var(--u) * 8) calc(var(--u) * 8);background:url(/room/grain.png),linear-gradient(#5d6066,#2b2d31)}.calc__display{margin:calc(var(--u) * 8) 0 calc(var(--u) * 10);padding:calc(var(--u) * 8) calc(var(--u) * 14);border-radius:calc(var(--u) * 4);box-shadow:inset 0 calc(var(--u) * 1) calc(var(--u) * 4) #0000008c;color:#1b1d18;font-size:calc(var(--u) * 52);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;background:linear-gradient(#cfd5c4,#b3bba5);flex:none;font-weight:300;line-height:1.15;display:block;position:relative;overflow:hidden}.calc__m{left:calc(var(--u) * 10);top:calc(var(--u) * 6);font-size:calc(var(--u) * 14);font-weight:700;position:absolute}.calc__keys{gap:calc(var(--u) * 6);flex:1;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;display:grid}.calc__key{border-radius:calc(var(--u) * 6);color:#222;font-size:calc(var(--u) * 24);text-shadow:0 1px #fff;cursor:pointer;background:linear-gradient(#f7f7f8 0%,#dcdde0 50%,#cfd0d4 51%,#e1e2e5 100%);border:1px solid #000000a6;font-weight:700;box-shadow:inset 0 1px #fff,0 1px 1px #0006}.calc__key[data-kind=memory],.calc__key[data-kind=op]{color:#fff;text-shadow:0 -1px #0006;background:linear-gradient(#a8aeb8 0%,#7c8491 50%,#6e7683 51%,#808894 100%);box-shadow:inset 0 1px #fff6,0 1px 1px #0006}.calc__key[data-kind=memory]{font-size:calc(var(--u) * 17)}.calc__key[data-active]{box-shadow:inset 0 0 0 calc(var(--u) * 2) #fff, 0 1px 1px #0006}.calc__key[data-kind=equals]{color:#fff;text-shadow:0 -1px #00000059;background:linear-gradient(#ffb661 0%,#f18a1c 50%,#e57a0a 51%,#f28d22 100%);box-shadow:inset 0 1px #ffffff73,0 1px 1px #0006}.calc__key[data-tall]{grid-row:span 2}.calc__key[data-wide]{grid-column:span 2}.calc__key:active{filter:brightness(.8)}.home{touch-action:pan-y;position:absolute;inset:0;overflow:hidden}.home__track{transition:transform .35s cubic-bezier(.2,.8,.25,1);display:flex;position:absolute;inset:0}.home__track[data-dragging]{transition:none}.home__page{flex:none;width:100%;height:100%;position:relative}.springboard__page ul{z-index:1}.springboard__slot{position:relative}.home__stop{z-index:0;background:0 0;border:0;position:absolute;inset:0}.dots{left:0;right:0;bottom:calc(var(--u) * 96);z-index:2;justify-content:center;align-items:center;gap:calc(var(--u) * 9);display:flex;position:absolute}.dots button{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.dots__dot{width:calc(var(--u) * 7);height:calc(var(--u) * 7);box-shadow:0 0 calc(var(--u) * 2) #00000080;border-radius:50%;background:#fff6!important}.dots__dot[aria-current=true]{background:#fff!important}.dots__search svg{width:calc(var(--u) * 10);height:calc(var(--u) * 10);fill:none;stroke:#ffffff73;stroke-width:2px;filter:drop-shadow(0 0 calc(var(--u) * 1) #0009)}.dots__search[aria-current=true] svg{stroke:#fff}.home__page--search{background:#0000009e}.spotlight{inset:calc(var(--u) * 20) 0 calc(var(--u) * 110);flex-direction:column;display:flex;position:absolute}.spotlight__bar{padding:calc(var(--u) * 7) calc(var(--u) * 8);background:linear-gradient(#b0bccdeb,#6d84a2eb);border-bottom:1px solid #2d3642;flex:none}.spotlight__field{align-items:center;gap:calc(var(--u) * 6);height:calc(var(--u) * 30);padding:0 calc(var(--u) * 10);border-radius:calc(var(--u) * 15);background:#fff;border:1px solid #4a5d79;display:flex;box-shadow:inset 0 1px 2px #00000059}.spotlight__field svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14);fill:none;stroke:#8a929c;stroke-width:2px;flex:none}.spotlight__field input{color:#000;min-width:0;font:max(16px, calc(var(--u) * 15)) var(--helvetica);background:0 0;border:0;outline:none;flex:1}.spotlight__results{overscroll-behavior:contain;flex:1;overflow-y:auto}.spotlight__row{grid-template-columns:calc(var(--u) * 44) minmax(0, 1fr);color:#fff;display:grid}.spotlight__row[data-first]{border-top:1px solid #ffffff2e}.spotlight__app{padding-top:calc(var(--u) * 7);background:#00000059;place-items:start center;display:grid}.spotlight__app .icon{width:calc(var(--u) * 29);height:calc(var(--u) * 29);border-radius:calc(var(--u) * 6)}.spotlight__hit{min-width:0;padding:calc(var(--u) * 7) calc(var(--u) * 12);color:#fff;font-size:calc(var(--u) * 12);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff1a;flex-direction:column;display:flex}.spotlight__hit:hover,.spotlight__hit:active{background:#ffffff14}.spotlight__hit strong{text-overflow:ellipsis;white-space:nowrap;font-size:calc(var(--u) * 16);overflow:hidden}.spotlight__hit span{color:#ffffff9e;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spotlight__none{padding:calc(var(--u) * 30) 0;color:#ffffffb3;font-size:calc(var(--u) * 17);text-align:center;font-weight:700}.home[data-wiggle] .icon{animation:.26s ease-in-out infinite alternate jiggle;animation-delay:calc(var(--i,0) * -61ms)}.home[data-wiggle] .springboard__slot:nth-child(2n) .icon{animation-direction:alternate-reverse}@keyframes jiggle{0%{transform:rotate(-1.8deg) translateY(calc(var(--u) * .4))}to{transform:rotate(1.8deg) translateY(calc(var(--u) * -.4))}}.badge-x{top:calc(var(--u) * -6);left:calc(50% - var(--u) * 37);z-index:2;width:calc(var(--u) * 26);height:calc(var(--u) * 26);padding:0 0 calc(var(--u) * 2);border:calc(var(--u) * 2) solid #fff;box-shadow:0 calc(var(--u) * 1) calc(var(--u) * 3) #0009;color:#fff;font-size:calc(var(--u) * 20);cursor:pointer;background:radial-gradient(circle at 50% 30%,#5a5a5a,#111);border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute}.screen__app{z-index:1;transition:translate .32s cubic-bezier(.2,.8,.25,1),box-shadow .32s}.screen__content[data-tray] .screen__app{translate:0 calc(var(--u) * -92);box-shadow:0 calc(var(--u) * 3) calc(var(--u) * 10) #000c}.tray{height:calc(var(--u) * 92);z-index:0;padding:0 calc(var(--u) * 6);box-shadow:inset 0 calc(var(--u) * 4) calc(var(--u) * 8) #000000b3;background:linear-gradient(#00000059,#00000026),url(/room/linen.png);align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.tray ul{gap:calc(var(--u) * 2);scrollbar-width:none;display:flex;overflow-x:auto}.tray__empty{color:#fff9;width:100%;font-size:calc(var(--u) * 13);text-align:center}.tray__dismiss{inset:0 0 calc(var(--u) * 92);z-index:2;cursor:pointer;background:0 0;border:0;position:absolute}.nc-puller{height:calc(var(--u) * 20);z-index:4;cursor:s-resize;touch-action:none;background:0 0;border:0;padding:0;display:none;position:absolute;top:0;left:0;right:0}html[data-phase=open] .nc-puller{display:block}.nc{top:calc(var(--u) * 20);z-index:3;color:#fff;transform:translateY(calc((var(--shown,0) - 1) * 100%));background:linear-gradient(#0000004d,#0000004d),url(/room/linen.png);flex-direction:column;transition:transform .35s cubic-bezier(.2,.8,.25,1);display:flex;position:absolute;bottom:0;left:0;right:0}.nc[data-dragging]{transition:none}.nc__scroll{overscroll-behavior:contain;padding:calc(var(--u) * 10) calc(var(--u) * 8) calc(var(--u) * 14);flex:1;overflow-y:auto}.nc__today{margin-bottom:calc(var(--u) * 10);font-size:calc(var(--u) * 17);text-align:center;text-shadow:0 -1px #0009;outline:none}.nc__section{border-radius:calc(var(--u) * 8);background:#00000052;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 1px #ffffff0f}.nc__head{align-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 6) calc(var(--u) * 10);font-size:calc(var(--u) * 14);text-shadow:0 -1px #0009;background:linear-gradient(#ffffff24,#ffffff0a);border-bottom:1px solid #00000080;display:flex}.nc__icon.icon{width:calc(var(--u) * 20);height:calc(var(--u) * 20);border-radius:calc(var(--u) * 4)}.nc__row{padding:calc(var(--u) * 9) calc(var(--u) * 12);border-top:1px solid #ffffff12;outline:none}.nc__row:first-child{border-top:0}.nc__row:focus-visible{background:#ffffff1a}.nc__title{align-items:baseline;gap:calc(var(--u) * 8);font-size:calc(var(--u) * 14);display:flex}.nc__title time{color:#ffffff8c;font-size:calc(var(--u) * 11);flex:none;margin-left:auto}.nc__line{margin-top:calc(var(--u) * 2);color:#ffffffc7;font-size:calc(var(--u) * 13);line-height:1.35}.nc__grabber{height:calc(var(--u) * 26);cursor:n-resize;touch-action:none;background:linear-gradient(#3b3e44,#23252a);border:0;border-top:1px solid #0009;flex:none;place-items:center;padding:0;display:grid;box-shadow:inset 0 1px #ffffff1f}.nc__grabber span{width:calc(var(--u) * 36);height:calc(var(--u) * 5);border-radius:calc(var(--u) * 3);background:#ffffff59;box-shadow:inset 0 1px 1px #00000080}.switch{cursor:pointer;background:0 0;border:0;flex:none;padding:0}.switch__track{width:calc(var(--u) * 79);height:calc(var(--u) * 27);border-radius:calc(var(--u) * 14);box-shadow:inset 0 calc(var(--u) * 1) calc(var(--u) * 3) #00000059;border:1px solid #9b9b9b;display:block;overflow:hidden}.switch__slide{width:calc(var(--u) * 131);height:100%;transform:translateX(calc(var(--u) * -52));align-items:center;transition:transform .2s ease-out;display:flex}.switch[aria-checked=true] .switch__slide{transform:none}.switch__on,.switch__off{width:calc(var(--u) * 65.5);height:100%;font-size:calc(var(--u) * 14);place-items:center;font-weight:700;display:grid}.switch__on{margin-right:calc(var(--u) * -13.5);padding-right:calc(var(--u) * 13.5);color:#fff;text-shadow:0 -1px #0000004d;background:linear-gradient(#2a6ad8,#5a9cf0)}.switch__off{margin-left:calc(var(--u) * -13.5);padding-left:calc(var(--u) * 13.5);color:#7d7d7d;background:linear-gradient(#e2e2e2,#fdfdfd)}.switch__knob{z-index:1;width:calc(var(--u) * 27);height:calc(var(--u) * 27);background:linear-gradient(#cfcfcf,#fdfdfd);border:1px solid #9b9b9b;border-radius:50%;flex:none;position:relative;box-shadow:0 1px 2px #0000004d}.alert-veil{z-index:8;background:radial-gradient(circle at 50% 45%,#0003,#0000009e);place-items:center;animation:.2s ease-out both alert-veil;display:grid;position:absolute;inset:0}@keyframes alert-veil{0%{opacity:0}}.alert{width:calc(var(--u) * 284);padding:calc(var(--u) * 16) calc(var(--u) * 14) calc(var(--u) * 14);border:calc(var(--u) * 2) solid #dee4f0e6;border-radius:calc(var(--u) * 10);box-shadow:0 calc(var(--u) * 4) calc(var(--u) * 16) #000000a6;color:#fff;text-align:center;text-shadow:0 -1px #0009;background:linear-gradient(#4a5c8af0,#10204cf0);animation:.32s cubic-bezier(.2,.9,.3,1.25) both alert-pop;position:relative;overflow:hidden}.alert:before{content:"";left:-40%;right:-40%;top:calc(var(--u) * -260);height:calc(var(--u) * 300);pointer-events:none;background:linear-gradient(#ffffff57,#ffffff1a);border-radius:50%;position:absolute}@keyframes alert-pop{0%{opacity:0;transform:scale(1.12)}}.alert__title,.alert__body,.alert__buttons{position:relative}.alert__title{font-size:calc(var(--u) * 18);margin:0;font-weight:700}.alert__body{margin:calc(var(--u) * 6) 0 calc(var(--u) * 16);font-size:calc(var(--u) * 15);line-height:1.3}.alert__buttons{gap:calc(var(--u) * 8);grid-template-columns:1fr 1fr;display:grid}.alert__button{height:calc(var(--u) * 43);border-radius:calc(var(--u) * 6);color:#fff;font:700 calc(var(--u) * 17) / 1 var(--helvetica);text-shadow:0 -1px #0009;cursor:pointer;background:linear-gradient(#7c88a8e6 0%,#3a486ee6 50%,#24325ae6 51%,#2e3c64e6 100%);border:1px solid #000000a6;box-shadow:inset 0 1px #ffffff59}.alert__button--go{background:linear-gradient(#a0acc8eb 0%,#5c6c94eb 50%,#42527ceb 51%,#506088eb 100%)}.alert__button:active{filter:brightness(.7)}.navbar__left{justify-self:start}.barbutton:disabled{opacity:.5;cursor:default;filter:none}.openfull{height:calc(var(--u) * 31);padding:0 calc(var(--u) * 14);font-size:calc(var(--u) * 13)}.openfull svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 -1px #00000059)}.preview{z-index:1;align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 8) calc(var(--u) * 10);background:linear-gradient(#f7f8fa,#e4e7ec);border-bottom:1px solid #b5bac2;flex:none;grid-template-columns:auto minmax(0,1fr);display:grid;position:relative;box-shadow:0 1px 2px #0000001f}.preview .store__icon{width:calc(var(--u) * 48);height:calc(var(--u) * 48);border-radius:calc(var(--u) * 9)}.preview__text h1{font-size:calc(var(--u) * 15);line-height:1.2}.preview__text p{color:var(--ios-grey-text);font-size:calc(var(--u) * 12);line-height:1.35}.preview__status{margin-top:calc(var(--u) * 2);font-style:italic}.browser__picture{overscroll-behavior:contain;scrollbar-width:thin;background:#fff;display:block;position:absolute;inset:0;overflow-y:auto}.browser__picture img{width:100%;height:auto;display:block}.browser__caption{bottom:calc(var(--u) * 8);width:fit-content;max-width:calc(100% - var(--u) * 20);margin:calc(var(--u) * -32) auto calc(var(--u) * 8);padding:calc(var(--u) * 4) calc(var(--u) * 10);border-radius:calc(var(--u) * 12);color:#fff;font-size:calc(var(--u) * 12);text-align:center;background:#000000b8;display:block;position:sticky}.mail{position:absolute;inset:0}.mail .appview__scroll{background:#fff}.mail__field{align-items:center;gap:calc(var(--u) * 6);min-height:calc(var(--u) * 44);padding:0 calc(var(--u) * 10);font-size:calc(var(--u) * 15);border-bottom:1px solid #c9ccd1;flex:none;display:flex}.mail__label{color:#8e8e93}.mail__token{padding:calc(var(--u) * 2) calc(var(--u) * 9);border-radius:calc(var(--u) * 12);color:#1c3f7a;font-size:calc(var(--u) * 14);text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#e6eefc,#cbdcf7);border:1px solid #8fb0e4;overflow:hidden}.mail__input,.mail__body{color:#000;min-width:0;font:max(16px, calc(var(--u) * 15)) var(--helvetica);background:0 0;border:0;outline:none}.mail__input{height:calc(var(--u) * 40);flex:1}.mail__body{width:100%;min-height:calc(var(--u) * 140);padding:calc(var(--u) * 10);resize:none;flex:1;line-height:1.4}.mail__body::placeholder{color:#b4b4b9}.twitter .appview__scroll{background:#fff}.tw-head{padding:calc(var(--u) * 16) calc(var(--u) * 16) calc(var(--u) * 14);color:#fff;text-align:center;text-shadow:0 -1px #00000080;background:linear-gradient(#55657c,#26303d);flex-direction:column;flex:none;align-items:center;display:flex;box-shadow:inset 0 -1px #00000073}.tw-head__avatar{width:calc(var(--u) * 64);height:calc(var(--u) * 64);border:calc(var(--u) * 2) solid #fff;border-radius:calc(var(--u) * 8);box-shadow:0 calc(var(--u) * 1) calc(var(--u) * 4) #0009}.tw-head h2{margin-top:calc(var(--u) * 8);font-size:calc(var(--u) * 18)}.tw-head__handle{color:#c2cddd;font-size:calc(var(--u) * 13)}.tw-head__bio{max-width:calc(var(--u) * 290);margin:calc(var(--u) * 8) auto 0;font-size:calc(var(--u) * 13);line-height:1.4}@container screen (min-aspect-ratio:1){.tw-head{justify-content:center;gap:calc(var(--u) * 16);padding:calc(var(--u) * 12) calc(var(--u) * 20);text-align:left;flex-direction:row}.tw-head h2{margin-top:0}.tw-head__bio{max-width:calc(var(--u) * 400);margin:calc(var(--u) * 4) 0 0}}.tw-tab{padding:calc(var(--u) * 6) calc(var(--u) * 12);color:#4b5058;font-size:calc(var(--u) * 13);text-shadow:0 1px #fff;background:linear-gradient(#f2f3f5,#dfe2e7);border-bottom:1px solid #c4c8cf;flex:none}.tweet{gap:calc(var(--u) * 10);padding:calc(var(--u) * 10);border-bottom:1px solid var(--ios-rule);grid-template-columns:auto minmax(0,1fr);display:grid}.tweet__avatar{width:calc(var(--u) * 44);height:calc(var(--u) * 44);border-radius:calc(var(--u) * 6);box-shadow:0 1px 2px #0006}.tweet__who{font-size:calc(var(--u) * 14);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tweet__who span{color:var(--ios-grey-text);font-size:calc(var(--u) * 13)}.tweet__text{margin-top:calc(var(--u) * 2);color:#222;font-size:calc(var(--u) * 14);overflow-wrap:anywhere;line-height:1.38}.tweet__text a{color:var(--ios-blue)}.linkedin .appview__scroll{padding-bottom:calc(var(--u) * 16);background:linear-gradient(#e9ecf0,#dde1e6)}.li-head{align-items:center;gap:calc(var(--u) * 12);padding:calc(var(--u) * 14) calc(var(--u) * 12);background:linear-gradient(#fdfdfd,#eaedf1);border-bottom:1px solid #c4c8cf;flex:none;display:flex}.li-head__avatar{width:calc(var(--u) * 64);height:calc(var(--u) * 64);border-radius:calc(var(--u) * 6);flex:none;box-shadow:0 1px 3px #00000073}.li-head h2{font-size:calc(var(--u) * 18)}.li-head p{margin-top:calc(var(--u) * 3);color:#4b5058;font-size:calc(var(--u) * 13);line-height:1.35}.li-text{padding:calc(var(--u) * 10) calc(var(--u) * 12);font-size:calc(var(--u) * 14);line-height:1.42}.li-text__by{margin-bottom:calc(var(--u) * 4);color:var(--ios-grey-text);font-size:calc(var(--u) * 12);font-weight:700;display:block}.li-job{padding:calc(var(--u) * 8) calc(var(--u) * 12);font-size:calc(var(--u) * 14);flex-direction:column;display:flex}.li-job strong{font-size:calc(var(--u) * 15)}.li-job__when{color:var(--ios-grey-text);font-size:calc(var(--u) * 12)}@media (prefers-reduced-motion:reduce){.home[data-wiggle] .icon,.home__track,.nc,.switch__slide,.screen__app,.springboard__page ul,.dock ul,.viewer__stage img,.viewer__stage video,.alert-veil,.alert{animation:none!important}}