.home-widget{margin:0 13px}.native-overview{aspect-ratio:348/364;color:#f2f6fa;font-variant-numeric:tabular-nums;background:radial-gradient(at 0 0,#5361705c,#0000 65%),linear-gradient(140deg,#1b2631,#090f15);border-radius:25px;position:relative;overflow:hidden;box-shadow:0 5px 18px #08101836,inset 0 1px #d9e5f330;container-type:inline-size}.native-module{background:radial-gradient(at 0 0,#ffffff0c,#0000 85%),linear-gradient(140deg,#26323f,#19232d);border:.7px solid #dce5ed29;border-color:#dce5ed45 #dce5ed29 #dce5ed29 #dce5ed38;border-radius:5.17cqw;flex-direction:column;padding:3.448cqw;display:flex;position:absolute;overflow:hidden}.native-date>div{align-items:center;gap:2.3cqw;display:flex}.native-date strong{letter-spacing:-.04em;font-size:13.79cqw;font-weight:500;line-height:1.1}.native-date>div>span{color:#c4ced8;font-size:3.16cqw;font-weight:500}.native-date>div>span small{margin-top:.86cqw;font-size:2.87cqw;display:block}.native-date>p{align-items:baseline;gap:1.15cqw;margin-top:auto;font-size:3.448cqw;font-weight:500;display:flex}.native-date>p small{color:#bdc9d5;font-size:2.3cqw;font-weight:400}.native-year{justify-content:space-between}.native-year>div:first-child{justify-content:space-between;align-items:baseline;gap:1.44cqw;display:flex}.native-year>div:first-child>span{color:#bdc9d5;font-size:3.448cqw;font-weight:500}.native-year strong{letter-spacing:-.04em;font-size:8.33cqw;font-weight:500;line-height:1.15}.native-year strong span{font-size:.7em}.native-year>small{color:#bdc9d5;font-size:2.87cqw}.native-progress{background:#dce5ed24;border-radius:4px;height:1.15cqw;overflow:hidden}.native-progress>i{border-radius:inherit;background:#dce5ed;width:69%;height:100%;display:block}.native-week{flex-direction:row;align-items:center;padding:1.15cqw}.native-week>div{flex-direction:column;flex:1;align-items:center;gap:.57cqw;display:flex}.native-week span{color:#bdc9d5;font-size:2.586cqw}.native-week b{border-radius:2cqw;place-items:center;width:6.9cqw;height:5.75cqw;font-size:3.16cqw;font-weight:400;display:grid}.native-week .native-today{color:#19232f;background:#dce5ed;font-weight:600}.native-week i{border-radius:50%;width:2px;height:2px}.native-week .native-planned{background:#bdc9d5}.native-heading{justify-content:space-between;align-items:baseline;margin-bottom:2.3cqw;font-size:3.735cqw;font-weight:600;display:flex}.native-heading>span{color:#bdc9d5;font-size:2.87cqw;font-weight:400}.native-tasks .demo-task{white-space:normal;border-bottom:0;align-items:flex-start;gap:2.3cqw;height:10.6cqw;padding:0;font-family:inherit;font-size:3.448cqw;line-height:1.25}.native-tasks .task-checkbox{border-color:#bdc9d5;border-radius:.9cqw;flex-shrink:0;width:3.16cqw;height:3.16cqw;margin-top:.57cqw}.native-tasks .demo-task>span:last-child{text-wrap:pretty}.native-tasks .is-collapsing .demo-task{height:0}.native-tasks .tasks-done{color:#f2f6fa;text-align:left;margin:0;font-size:4.3cqw}.native-tasks .tasks-done small{color:#bdc9d5;margin-top:1.15cqw;font-size:2.87cqw;display:block}.native-event{text-align:left;color:#f2f6fa;width:100%;min-height:14.94cqw;font:inherit;background:0 0;border:0;border-radius:0 5px 5px 0;flex-shrink:0;margin:0 0 1.72cqw;padding:0 0 0 2.59cqw;position:relative}.native-event:before{content:"";background:#dce5eda6;border-radius:1px;width:2px;position:absolute;top:0;bottom:4cqw;left:0}.native-event>span{color:#bdc9d5;font-size:2.586cqw;display:block}.native-event>strong{margin-top:.86cqw;font-size:3.448cqw;font-weight:500;line-height:1.35;display:block}.native-event:hover{background:#dce5ed0c}.native-event:active{opacity:.6}.home-app img,.home-dock img{object-fit:contain;width:100%;height:100%}.home-app,.home-dock>span{background:0 0;border-radius:12px;overflow:hidden}.calendar-app{background:#fff}.calendar-app small{color:#e52e35;font-size:8px;font-weight:500}.calendar-app b{color:#151515;font-size:28px;font-weight:300}.home-search{color:#eef3f8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#dce5ed24;border:1px solid #edf5fc24;border-radius:20px;justify-content:center;align-items:center;gap:5px;min-width:76px;height:26px;padding:0 11px;display:flex;position:absolute;bottom:111px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff0c,0 2px 5px #08101a12}.home-search>svg{opacity:.9;flex-shrink:0}.home-search>span{letter-spacing:-.015em;font-size:11px;font-weight:500;line-height:1}.phone-app-view{z-index:10;background:radial-gradient(at 95% 5%,#6f8ca833,#0000 60%),#080b0f;border-radius:40px;position:absolute;inset:0;overflow:hidden}.phone-status{z-index:12;pointer-events:none;position:relative}.phone-status .dynamic-island{z-index:1}.home-indicator{z-index:15}.phone-app-peek{color:#aebbc8;padding:63px 20px 0}.phone-app-peek>span{font-size:10px}.phone-app-peek>strong{font-size:29px;font-weight:500;display:block}.phone-event-sheet{background:radial-gradient(at 100% 0,#6f8ca820,#0000 70%),#080b0f;border-radius:24px 24px 0 0;flex-direction:column;padding:0 18px 25px;display:flex;position:absolute;inset:88px 0 0;box-shadow:0 -1px #d2e2f32b,0 -20px 40px #0005}.event-sheet-handle{background:#76808b7a;border-radius:4px;width:28px;height:3px;margin:8px auto 3px}.native-event-header{color:#9da8b5;justify-content:space-between;align-items:center;min-height:40px;font-size:10px;display:flex}.native-event-header button{color:#dce5ed;background:#dbe9f70d;border:1px solid #d2e2f320;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.native-event-header button svg{width:16px;height:16px}.native-event-scroll{scrollbar-width:thin;flex:1;padding-bottom:12px;overflow-y:auto}.native-event-accent{background:#9eb6c9;border-radius:2px;width:27px;height:3px;margin:18px 0 14px}.phone-event-sheet h3{letter-spacing:-.8px;margin:0 0 23px;font-size:26px;font-weight:500;line-height:1.15}.native-event-card{background:linear-gradient(140deg,#bfd3e81e,#3d4d5f09 52%,#8da8c40b),#141b23;border:1px solid #d2e2f32b;border-radius:21px;padding:16px;box-shadow:0 8px 24px #0002,inset 0 1px #eef7ff12}.native-event-card>div{color:#f2f6fa;align-items:center;gap:10px;font-size:11px;line-height:18px;display:flex}.native-event-card>div+div{margin-top:17px}.native-event-card svg{color:#9da8b5;flex-shrink:0;width:16px;height:16px}.native-event-description{margin-top:12px}.native-event-description>div{color:#9da8b5;font-size:10px}.native-event-description>p{color:#f2f6fa;margin-top:10px;font-size:12px;line-height:1.6}.native-event-source{color:#9da8b5;margin-top:16px;font-size:9px}.native-event-timezone{color:#9da8b5;margin-top:5px;font-size:8px}.native-event-done{color:#192531;background:linear-gradient(140deg,#f3f8fdf5,#afbfcee0 52%,#dbe6f0f7);border:1px solid #f7fbffb3;border-radius:14px;width:100%;min-height:39px;margin-top:9px;font-size:12px;font-weight:600;display:block}.phone-return-home{font:inherit;color:#c6d5e2;text-underline-offset:3px;background:0 0;text-decoration:underline}.home-screen[data-app-open=true]>.home-widget,.home-screen[data-app-open=true]>.home-apps,.home-screen[data-app-open=true]>.home-dock{visibility:hidden}@media (prefers-reduced-transparency:reduce){.native-module{background:#1f2b37}.native-event-card{background:#161c23}}.home-iphone .home-screen,.phone-app-view{overflow:clip}@media (prefers-reduced-transparency:reduce){.home-search{-webkit-backdrop-filter:none;backdrop-filter:none;background:#465969}}.calendar-sync-section{grid-template-columns:1fr 1fr;align-items:center;gap:110px;padding:60px 75px 110px;display:grid}.calendar-sync-visual{isolation:isolate;justify-self:center;width:100%;max-width:390px;position:relative}.calendar-sync-visual:before{content:"";z-index:-1;background:radial-gradient(at 50% 40%,#7592ad19,#0000 70%);position:absolute;inset:30px -65px -20px}.calendar-source-card,.calendar-day-card{background:linear-gradient(140deg,#bfd3e812,#3d4d5f06 55%,#8da8c40c),#111821;border:1px solid #d2e2f324;border-radius:25px;padding:22px;box-shadow:0 16px 40px #0003,inset 0 1px #eef7ff12}.calendar-source-card{margin-inline:15px}.calendar-source-heading{align-items:center;gap:12px;display:flex}.calendar-app-mark{background:#fff;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.calendar-app-mark small{color:#dd293c;font-size:7px;font-weight:600}.calendar-app-mark b{color:#171717;font-size:25px;font-weight:300;line-height:1}.calendar-source-heading>div{flex-direction:column;gap:5px;display:flex}.calendar-source-heading strong{font-size:13px;font-weight:500}.calendar-source-heading>div>span{color:#a7b6c5;font-size:8px}.calendar-account{color:#b8c9d8;margin-left:auto;font-size:9px}.calendar-source-card fieldset{border:0;min-width:0;margin:23px 0 0;padding:0}.calendar-source-card legend{color:#a7b6c5;margin-bottom:8px;padding:0;font-size:9px}.calendar-choice{cursor:pointer;border-bottom:1px solid #d2e2f316;align-items:center;gap:12px;min-height:45px;display:flex;position:relative}.calendar-choice:last-child{border-bottom:0}.calendar-choice>i{background:var(--calendar-color);border-radius:2px;width:3px;height:19px}.calendar-choice>span:not(.calendar-choice-check){font-size:12px}.calendar-choice input{opacity:0;cursor:pointer;width:25px;height:25px;margin:0;position:absolute;right:0}.calendar-choice-check{pointer-events:none;color:#192531;border:1px solid #b5c7d277;border-radius:7px;place-items:center;width:23px;height:23px;margin-left:auto;transition:background .18s,border-color .18s;display:grid}.calendar-choice-check svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:15px;height:15px;transition:opacity .11s}.calendar-choice input:checked+.calendar-choice-check{background:linear-gradient(140deg,#e7eff6,#aebfce);border-color:#dce5ed}.calendar-choice input:checked+.calendar-choice-check svg{opacity:1;transition-duration:.18s}.calendar-choice:has(input:focus-visible){outline-offset:4px;border-radius:4px;outline:2px solid #dce5ed}.calendar-choice:has(input:disabled){cursor:default}.calendar-connection{color:#bccedf;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:45px;display:flex}.calendar-connection>span{background:#b8cfdf40;width:1px;height:7px}.calendar-day-heading{align-items:center;gap:10px;display:flex}.calendar-day-heading img{border-radius:7px}.calendar-day-heading strong{font-size:12px;font-weight:500}.calendar-day-heading>span{color:#a7b6c5;letter-spacing:.04em;margin-left:auto;font-size:8px}.calendar-day-content{min-height:151px;padding-top:17px}.calendar-preview-event{align-items:center;gap:10px;min-height:43px;display:flex}.calendar-preview-event>span{color:#b7c7d5;font-variant-numeric:tabular-nums;width:34px;font-size:10px}.calendar-preview-event>i{background:var(--calendar-color);border-radius:2px;width:2px;height:23px}.calendar-preview-event strong{font-size:12px;font-weight:500}.calendar-preview-task{align-items:center;gap:12px;padding-top:10px;display:flex}.calendar-preview-task>svg{color:#c2d0dd;width:18px;height:18px}.calendar-preview-task>div{flex-direction:column;gap:4px;display:flex}.calendar-preview-task small{color:#a7b6c5;font-size:8px}.calendar-preview-task strong{font-size:12px;font-weight:400}.calendar-empty-hint{color:#a7b6c5;max-width:235px;margin-top:17px;font-size:11px;line-height:1.7}.calendar-destinations{color:#b7c7d5;border-top:1px solid #d2e2f319;justify-content:center;gap:13px;padding-top:14px;font-size:9px;display:flex}.calendar-destinations i{color:#74889b;font-style:normal}.calendar-sync-copy h2{font-size:clamp(44px,4.6vw,65px)}.calendar-sync-copy>p:not(.section-kicker){color:var(--muted);max-width:380px;margin-top:25px;font-size:14px;line-height:1.9}.calendar-sync-benefits{gap:24px;margin:30px 0;display:grid}.calendar-sync-benefits>div{align-items:flex-start;gap:14px;display:flex}.calendar-sync-benefits>div>svg{color:#c2d2df;flex-shrink:0;margin-top:2px}.calendar-sync-benefits h3{font-size:13px;font-weight:500}.calendar-sync-benefits p{color:var(--muted);max-width:310px;margin-top:7px;font-size:11px;line-height:1.8}@media (width<=1150px){.calendar-sync-section{gap:55px;padding-inline:35px}}@media (width<=900px){.calendar-sync-section{gap:30px;padding:45px 15px 75px}.calendar-source-card{margin-inline:0;padding:17px}.calendar-day-card{padding:18px}.calendar-account{display:none}}@media (width<=600px){.calendar-sync-section{grid-template-columns:1fr;gap:35px;padding:30px 0 65px}.calendar-sync-copy{grid-row:1}.calendar-sync-copy>p:not(.section-kicker){font-size:13px}.calendar-sync-benefits{gap:20px}.calendar-source-card{margin-inline:10px}.calendar-account{display:block}}@media (prefers-reduced-motion:reduce){.calendar-choice-check,.calendar-choice-check svg{transition:none}}@media (prefers-reduced-transparency:reduce){.calendar-source-card,.calendar-day-card{background:#161c23}}.benefits-section{padding-block:108px 94px}.benefits-heading{text-align:center}.benefits-heading h2{letter-spacing:-.065em;font-size:clamp(44px,5vw,68px);line-height:1.1}.benefits-heading>p:last-child{color:var(--muted);margin-top:26px;font-size:14px;line-height:1.9}.benefits-open-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:72px;max-width:1060px;margin:64px auto 0;display:grid}.benefit-item{min-width:0}.benefit-symbol{width:64px;height:64px;margin:0 0 24px -7px}.benefit-symbol svg{overflow:visible}.benefit-caption h3{letter-spacing:-.035em;font-size:19px;font-weight:500}.benefit-caption p{color:var(--muted);max-width:285px;margin-top:12px;font-size:12px;line-height:1.95}@media (prefers-reduced-motion:no-preference){.is-present .benefit-check-stroke{stroke-dasharray:34;animation:benefit-check .6s var(--ease) both}.is-present .benefit-layout-piece{animation:benefit-place .7s var(--ease) both}}@keyframes benefit-check{0%{stroke-dashoffset:34px}to{stroke-dashoffset:0}}@keyframes benefit-place{0%{transform:translateY(-5px)}to{transform:translateY(0)}}@media (width<=1000px){.benefits-open-row{gap:36px}.benefit-caption h3{font-size:17px}}@media (width<=760px){.benefits-section{padding-block:78px 68px}.benefits-open-row{gap:26px}.benefit-caption h3{font-size:16px}.benefit-caption p{font-size:11px}}@media (width<=600px){.benefits-section{padding-block:68px 58px}.benefits-heading h2{font-size:44px}.benefits-heading>p:last-child{margin-top:22px;font-size:12px}.benefits-heading .section-kicker{font-size:9px}.benefits-open-row{grid-template-columns:1fr;gap:33px;max-width:390px;margin-top:47px}.benefit-item{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:20px;display:grid}.benefit-symbol{width:48px;height:48px;margin:-4px 0 0 -3px}.benefit-symbol svg{width:48px;height:48px}.benefit-caption h3{font-size:17px}.benefit-caption p{max-width:none;margin-top:8px;font-size:12px}}@media (prefers-reduced-transparency:reduce){.benefit-symbol svg [fill^=url\(]{fill:#25313d}}.editor-heading{color:var(--silver);justify-content:space-between;align-items:center;margin:0 0 21px;font-size:12px;display:flex}.editor-heading>span:last-child{color:var(--muted);font-size:9px}.composition-preview{isolation:isolate}.editor-carrier{z-index:4;pointer-events:none;transform-origin:50%;position:absolute}.editor-carrier>.layout-block{width:100%;height:100%;transition:box-shadow .26s var(--ease),border-color .18s;background:linear-gradient(135deg,#34404b,#202a35);box-shadow:0 16px 30px #0007}.editor-carrier>.is-held{border-color:#bdcddb;animation:.84s ease-in-out infinite editor-float;box-shadow:0 22px 36px #0009,0 0 0 1px #c7d7e670,inset 0 1px #f2f6fa40}.editor-carrier>.is-held:after{content:"";background:#718597;border:1px solid #dfebf5;border-radius:4px;width:10px;height:10px;position:absolute;bottom:-4px;right:-4px}.editor-target{z-index:-1;animation:editor-target-in .18s var(--ease) both;background:#c5d9ec0b;border:1px dashed #b8c9d96b;border-radius:18px;position:absolute}.editor-touch{z-index:6;pointer-events:none;background:#ddeaf331;border:1px solid #f2f6fa99;border-radius:50%;width:27px;height:27px;margin:-13px;position:absolute;box-shadow:0 2px 8px #0003}.editor-touch:after{content:"";background:#eef5fa88;border-radius:50%;transition:inset .18s,background .18s;position:absolute;inset:5px}.editor-touch.is-pressed:after{background:#eef5faa8;inset:2px}.editor-playback{align-items:center;gap:16px;min-height:46px;margin:27px -5px 0;display:flex}.editor-playback .button{flex-shrink:0;gap:8px;padding-inline:12px;font-size:9px}.editor-status{color:var(--muted);font-size:9px;line-height:1.65}@keyframes editor-float{0%,to{transform:rotate(-.65deg)scale(1.003)}50%{transform:rotate(.65deg)scale(.997)}}@keyframes editor-target-in{0%{opacity:0}to{opacity:1}}.iphone-section{border-top:1px solid var(--edge);grid-template-columns:1fr 1fr;align-items:center;gap:100px;margin-bottom:40px;padding:70px 75px 95px;display:grid}.iphone-story h2{font-size:clamp(44px,4.6vw,65px)}.iphone-story>p:not(.section-kicker){color:var(--muted);max-width:360px;margin-top:25px;font-size:14px;line-height:1.9}.phone-instructions{gap:28px;margin-top:39px;display:grid}.phone-instructions>div{gap:14px;display:flex}.phone-instruction-icon{color:#d3e1ec;background:linear-gradient(140deg,#a4bcd21c,#6e8ca208);border:1px solid #bdcfdf22;border-radius:11px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.phone-instructions h3{letter-spacing:-.02em;font-size:13px}.phone-instructions p{color:var(--muted);max-width:270px;margin-top:6px;font-size:11px;line-height:1.8}.iphone-demo-note{color:#b3c3d1;align-items:center;gap:8px;margin-top:34px;font-size:10px;display:flex}.iphone-scene{isolation:isolate;justify-self:center;width:320px;position:relative}.iphone-halo{z-index:-1;pointer-events:none;background:radial-gradient(at 55% 45%,#7794aa23,#0000 65%);position:absolute;inset:-70px -120px -20px}.home-iphone{background:linear-gradient(105deg,#606e7e,#c5cfd9 2%,#374553 4%,#526272 60%,#a0adb9 97%,#455364);border-radius:49px;padding:6px;position:relative;box-shadow:0 34px 70px #0009,0 0 0 1px #dce5ed40,inset 0 1px 1px #edf6ff8c}.home-screen{isolation:isolate;background:#182531;border:3px solid #050709;border-radius:43px;height:665px;font-family:-apple-system,BlinkMacSystemFont,Manrope Variable,sans-serif;position:relative;overflow:hidden}.home-wallpaper{z-index:-1;background:radial-gradient(at 80% 10%,#486475 0%,#0000 48%),linear-gradient(160deg,#15222e 15%,#7892a5 58%,#22394b 59%,#172a3b 72%,#0d1824);position:absolute;inset:0}.home-wallpaper:after{content:"";background:linear-gradient(140deg,#97aebb,#233c50 47%,#0f1c28 74%);border-radius:50%;width:530px;height:390px;position:absolute;bottom:-82px;left:-96px;transform:rotate(-35deg);box-shadow:inset 1px 5px 5px #c8dbe488,-12px -22px 40px #152d40a6}.phone-hardware i{background:#617180;border-radius:2px;width:3px;height:31px;position:absolute;top:116px;left:-2px}.phone-hardware i:nth-child(2){height:49px;top:163px}.phone-hardware i:nth-child(3){height:64px;top:154px;left:auto;right:-2px}.phone-status{justify-content:space-between;align-items:center;height:70px;padding:0 23px 14px;font-size:12px;font-weight:600;display:flex}.dynamic-island{background:#030609;border-radius:20px;width:91px;height:27px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.dynamic-island:after{content:"";background:radial-gradient(circle at 30% 30%,#283b54,#090e16 70%);border-radius:50%;width:7px;height:7px;position:absolute;top:10px;right:11px}.phone-reception{align-items:center;gap:4px;display:flex}.phone-battery{background:linear-gradient(90deg,#edf6fc 80%,#0000 80%) content-box content-box;border:1px solid #eff7fc9c;border-radius:3px;width:20px;height:9px;padding:1px}.home-widget-label{text-align:center;color:#f2f6fa;text-shadow:0 1px 3px #0007;margin:7px 0 21px;font-size:9px}.home-apps{grid-template-columns:repeat(4,1fr);gap:12px;padding:0 17px;display:grid}.home-apps>div{flex-direction:column;align-items:center;gap:6px;display:flex}.home-app{background:#e6ebef;border-radius:12px;place-items:center;width:47px;height:47px;display:grid;overflow:hidden;box-shadow:0 4px 10px #0b182729}.home-apps>div>small{text-shadow:0 1px 3px #0008;font-size:8px}.calendar-app{color:#17232e;flex-direction:column;justify-content:center;gap:0;display:flex}.calendar-app small{color:#a73535;font-size:8px}.calendar-app b{font-size:27px;font-weight:400;line-height:1.1}.home-dock{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#c4d6e32b;border-radius:27px;justify-content:space-between;padding:13px 14px;display:flex;position:absolute;bottom:22px;left:12px;right:12px;box-shadow:inset 0 1px #eaf5ff2b}.home-dock>span{border-radius:12px;place-items:center;width:45px;height:45px;display:grid;box-shadow:0 3px 9px #0002}.home-indicator{background:#eef6fcc9;border-radius:3px;width:98px;height:3px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.iphone-demo-caption{min-height:42px;color:var(--muted);justify-content:center;align-items:center;gap:10px;margin-top:20px;font-size:9px;display:flex}@media (width<=1150px){.iphone-section{gap:50px;padding-inline:35px}}@media (width<=900px){.iphone-section{gap:30px;padding-inline:15px}.iphone-story h2{font-size:44px}.iphone-story>p:not(.section-kicker){font-size:12px}.iphone-scene{width:300px}.home-screen{height:665px}.editor-playback{gap:8px}.editor-status{font-size:8px}}@media (width<=600px){.iphone-section{grid-template-columns:1fr;gap:40px;margin-bottom:35px;padding:55px 0 30px}.iphone-story>p:not(.section-kicker){font-size:13px}.phone-instructions{grid-template-columns:1fr 1fr;gap:17px;margin-top:28px}.phone-instructions>div{flex-direction:column;gap:12px}.phone-instructions h3{font-size:12px}.phone-instructions p{font-size:10px}.phone-instruction-icon{flex-basis:32px}.iphone-scene{width:min(320px,100%)}.home-screen{height:665px}.editor-playback{gap:12px}.editor-status{font-size:9px}}@media (width<=360px){.home-widget .demo-task{gap:4px;font-size:7px}.home-widget .widget-lists{gap:8px}.home-widget .widget-date>span{font-size:8px}.phone-status{padding-inline:20px}.dynamic-island{width:83px}.phone-reception{gap:3px}.home-dock{padding-inline:11px}.home-dock>span{width:43px;height:43px}.phone-event-sheet{padding-inline:18px}}@media (prefers-reduced-motion:reduce){.editor-carrier>.is-held,.editor-target,.phone-event-sheet{animation:none}}@media (prefers-reduced-transparency:reduce){.editor-carrier>.layout-block{-webkit-backdrop-filter:none;backdrop-filter:none;background:#192633}.home-dock{-webkit-backdrop-filter:none;backdrop-filter:none;background:#465969}}.composition-preview[data-layout-demo]{width:100%;max-width:374px;margin-inline:auto;padding:12px 12px 0;container-type:inline-size}.editor-heading{margin-bottom:17px}.editor-heading i{color:#a5b5c4;margin-left:9px;font-style:normal}[data-layout-demo] .composition-grid{aspect-ratio:348/364;background:linear-gradient(145deg,#26313ce0,#141e29e8);border-radius:26px;display:block;position:relative;box-shadow:0 20px 45px #0004,inset 0 1px #e7f0f51a}.editor-cells i{border:1px dashed #afc4d331;border-radius:8px;position:absolute}.editor-empty{flex-direction:column;justify-content:center;align-items:center;gap:11px;display:flex;position:absolute;inset:0}.editor-empty>span{color:#a5b6c6;font-size:28px;font-weight:300}.editor-empty>strong{letter-spacing:-.035em;font-size:19px;font-weight:500}.editor-empty>p{color:#a5b6c6;font-size:12px}[data-layout-demo] .layout-block{border-radius:15px;padding:3.3cqw;position:absolute;overflow:hidden}[data-layout-demo] .layout-block>span{font-size:2.8cqw}[data-layout-demo] .block-date strong{margin-top:1cqw;font-size:12cqw;line-height:1.08;display:block}[data-layout-demo] .block-date>small{font-size:2.5cqw}[data-layout-demo] .block-year>strong{margin-top:1.5cqw;font-size:9cqw;line-height:1.25}[data-layout-demo] .block-year strong small{font-size:5cqw}[data-layout-demo] .block-year .year-track{height:4px;margin-top:2cqw}[data-layout-demo] .block-week{align-items:center;padding:1.6cqw 2cqw;display:flex}[data-layout-demo] .block-week span{width:12%;min-width:0;padding:.8cqw 0;font-size:2cqw}[data-layout-demo] .block-week b{margin-top:.6cqw;font-size:3cqw}[data-layout-demo] .block-tasks p{gap:1.5cqw;margin-top:2cqw;font-size:2.6cqw}[data-layout-demo] .block-tasks p>i{flex-shrink:0;width:3.3cqw;height:3.3cqw}[data-layout-demo] .block-events p{margin-top:2.5cqw;padding-left:1.8cqw;font-size:2.6cqw}[data-layout-demo] .block-events p small{margin-bottom:.7cqw;font-size:2.1cqw}[data-layout-demo] .block-addTask,[data-layout-demo] .block-addEvent{place-items:center;padding:0;display:grid}[data-layout-demo] .editor-shortcut{justify-content:center;align-items:center;gap:1cqw;display:flex;font-size:5cqw!important}[data-layout-demo] .block-addTask .editor-shortcut{flex-direction:column;gap:0;line-height:1;font-size:4cqw!important}.editor-shortcut small{font-size:2.4cqw}.editor-extra-event{visibility:hidden}[data-expanded=true] .editor-extra-event{visibility:visible}[data-layout-demo] .is-selected{border-color:#bdcddb;overflow:visible;box-shadow:0 0 0 1px #c7d7e670}.editor-resize-handle{background:#718597;border:1px solid #dfebf5;border-radius:4px;width:11px;height:11px;display:none;position:absolute;bottom:-4px;right:-4px}.is-selected .editor-resize-handle{display:block}.editor-tools{margin-top:16px}.editor-tool-switcher{align-items:center;gap:3px;min-height:28px;margin-bottom:12px;display:flex}.editor-tool-switcher button{color:var(--muted);background:0 0;border-radius:9px;padding:6px 11px;font-size:10px;transition:background .18s,color .18s}.editor-tool-switcher button[aria-pressed=true]{color:#e6eff6;background:#b7cfe419}.editor-tool-switcher>span{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:9px}.editor-tool-body{height:110px;position:relative}.editor-tool-panel{position:absolute;inset:0}.editor-tool-panel:not([hidden]){animation:editor-panel-in .22s var(--ease)}.editor-palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.editor-tile{background:linear-gradient(140deg,#b1c6d716,#8094a606);border:1px solid #b6c9dc21;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:51px;padding:6px 2px;font-size:8px;transition:background .18s,border-color .18s,transform .18s;display:flex;position:relative}.editor-module-icon{color:#c1d1df;width:18px;height:18px;display:flex}.editor-module-icon svg{width:18px;height:18px}.editor-add-mark{color:#a5b6c6;font-size:10px;position:absolute;top:4px;right:5px}.editor-tile.is-tapped{background:#b1c6d72c;border-color:#bacedd6e;transform:scale(.985)}.editor-tile[data-added=true] .editor-add-mark{font-size:0}.editor-tile[data-added=true] .editor-add-mark:after{content:"✓";color:#b8cdcf;font-size:9px}.editor-material-note{text-align:center;color:var(--muted);margin-top:12px;font-size:9px}@keyframes editor-panel-in{0%{opacity:0;filter:blur(4px);transform:translateY(6px)}to{opacity:1;filter:blur();transform:none}}.editor-playback{margin:20px 0 0}[data-layout-demo] [hidden]{display:none!important}@media (prefers-reduced-motion:reduce){.editor-tile{transition:none}}[data-editor-complete-task]>i{place-items:center;transition:background .18s,border-color .18s;display:grid}[data-editor-complete-task] svg{width:100%;height:100%}[data-editor-complete-task] path{stroke:#192734;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16px;transition:stroke-dashoffset .24s var(--ease)}[data-editor-complete-task].is-done>i{background:#bcd0dc;border-color:#bcd0dc}[data-editor-complete-task].is-done path{stroke-dashoffset:0}[data-editor-complete-task].is-done>span{color:#a7b5c3;-webkit-text-decoration:line-through #bcd0dc80;text-decoration:line-through #bcd0dc80}@media (prefers-reduced-motion:reduce){[data-editor-complete-task]>i,[data-editor-complete-task] path{transition:none}}[data-layout-demo] .composition-grid{background:linear-gradient(145deg,#fff0,#080b0f77),var(--studio-tone,#26313d);transition:background-color .44s var(--ease)}[data-layout-demo] .layout-block{background:linear-gradient(125deg,#ffffff08,#080b0f45),var(--studio-tone,#26313d);color:#f2f6fa;transition:background-color .44s var(--ease)}[data-layout-demo] .layout-block>span,[data-layout-demo] .block-date>small,[data-layout-demo] .block-tasks small,[data-layout-demo] .block-events p small{color:#dce5ed}[data-layout-demo] .block-week .selected{color:#1e2a36}.editor-style-picker{margin:0;padding-top:5px}.editor-tones{background:#b3c9dc08;border:1px solid #b6c9dc14;border-radius:17px;grid-template-columns:repeat(4,1fr);gap:5px;padding:4px;display:grid}.editor-tone{isolation:isolate;color:#b9c7d4;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:60px;font-size:9px;transition:transform .18s;display:flex;position:relative}.editor-tone:before{content:"";z-index:-1;border-radius:inherit;opacity:0;background:#b7cfe415;border:1px solid #d4e4f22e;transition:opacity .11s;position:absolute;inset:0}.editor-tone[aria-pressed=true]:before{opacity:1;transition-duration:.18s}.editor-tone[aria-pressed=true]{color:#f2f6fa}.editor-tone i{background:var(--swatch);border:1px solid #b6c7d988;border-radius:50%;width:21px;height:21px;box-shadow:inset 0 1px 2px #ffffff26,0 2px 4px #0003}.editor-tone:hover:before{opacity:.65}.editor-tone.is-tapped,.editor-tone:active{transform:scale(.985)}@media (prefers-reduced-motion:reduce){[data-layout-demo] .composition-grid,[data-layout-demo] .layout-block,.editor-tone,.editor-tone:before{transition:none}}@media (prefers-reduced-transparency:reduce){[data-layout-demo] .composition-grid,[data-layout-demo] .layout-block{background:var(--studio-tone,#26313d)}}@media (prefers-reduced-motion:reduce){.editor-tool-panel:not([hidden]){animation:none}.editor-tool-switcher button{transition:none}}.editor-coming-soon{color:#9fadb9;background:0 0;border-style:dashed}.editor-coming-soon>span:first-child{letter-spacing:2px;height:18px;font-size:20px;line-height:12px}