/* Real document components. Source coordinates are design measurements only. */
.native-mode{--canvas-width:100%!important;--stage-reserve:0px!important}
.native-mode .viewport{min-height:0;overflow:auto;display:flex;flex:1;overscroll-behavior:contain}
.native-mode .stage{width:100%;height:100%;min-height:0;aspect-ratio:auto!important;flex:none;overflow:clip;container-type:inline-size;background:#091119}
.native-mode #screen-art,.native-mode #elastic-footer,.native-mode #elastic-scene,.native-mode>#tabbar,.native-mode #glass-caption{display:none!important}
.native-screen{position:absolute;inset:0;isolation:isolate;overflow:clip;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",sans-serif;font-synthesis:none;color:#f3f5f6;-webkit-font-smoothing:antialiased}
.native-screen *{box-sizing:border-box}
.native-layer{position:absolute;margin:0}
.native-photo{overflow:hidden;isolation:isolate;pointer-events:none}
.native-photo img{position:absolute;max-width:none;display:block;user-select:none;pointer-events:none}
.native-backdrop{position:absolute;inset:0;background-position:center;background-size:cover;z-index:-3;pointer-events:none}
.native-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(#09111920,#09111918 38%,#091119d9 76%,#091119 98%)}
.native-panel{pointer-events:none;background:#18232c;border:1px solid #a8bac324;box-shadow:inset 0 1px 0 #ffffff06}
.native-panel.kind-glass,.native-control.kind-round,.native-control.kind-secondary,.native-nav{background:linear-gradient(132deg,#bfd5e733,#7c98ab12 38%,#42556230 75%,#d1e3ef40),#23323e9e;border:1px solid #ddecf877;box-shadow:inset 0 1px 2px #f2faffb0,inset 0 -1px 2px #b7d5e969,0 7px 18px #0005;-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%)}
.native-panel.kind-primary,.native-control.kind-primary{color:#021c24;background:radial-gradient(ellipse at 78% -12%,#dcffff99,transparent 46%),linear-gradient(180deg,#71edfa,#34bfdb 62%,#60e7f4);border:1px solid #c5ffffb3;box-shadow:inset 0 2px 5px #d7ffffd6,inset 0 -2px 5px #b3faffc2,0 3px 20px #1de3f82e}
.native-panel.kind-selected{border-color:#67e4f7a0;background:#16445199}
.native-panel.kind-line{border:0;background:#aebecd33;border-radius:0!important}
.native-text{color:#c1cad2;white-space:pre;line-height:1.15;pointer-events:none;letter-spacing:0;font-weight:400;z-index:4;overflow:visible}
.native-text.is-heading{color:#f6f7f8;font-weight:600;letter-spacing:-.035em}
.native-control{position:absolute;display:flex;align-items:center;justify-content:center;gap:1.5cqw;margin:0;padding:0;color:#f1f5f7;background:transparent;border:0;border-radius:3cqw;min-width:32px;min-height:32px;text-align:inherit;font:inherit;cursor:pointer;z-index:3;touch-action:manipulation}
.native-control.kind-primary,.native-control.kind-secondary{font-weight:600;border-radius:99px;font-size:4cqw}
.native-control.kind-card,.native-control.kind-row{background:#19242dcc;border:1px solid #afc2d226}
.native-control.kind-round{border-radius:50%}
.native-control.kind-plain{background:transparent;border:0}
.native-control[aria-pressed=true]{border-color:#64e5f5;background-color:#143a48}
.native-control input{position:absolute;inset:0;width:100%;height:100%;border:1px solid #849cae55;border-radius:inherit;padding:0 4cqw;background:#18252f;color:#f1f5f7;outline-offset:2px;font-size:max(16px,3.9cqw)}
.native-control input::placeholder{color:#b3c0cbbb}
.native-control .native-text{z-index:1}
.native-icon{display:block;width:100%;height:100%;object-fit:contain;filter:invert(87%) sepia(5%) saturate(605%) hue-rotate(169deg) brightness(107%);pointer-events:none}
.native-icon.tone-accent{filter:invert(87%) sepia(42%) saturate(977%) hue-rotate(144deg) brightness(103%)}
.native-icon.tone-ink{filter:invert(9%) sepia(42%) saturate(1530%) hue-rotate(148deg)}
.native-icon-wrap{z-index:4;pointer-events:none}
.native-control>.native-icon{width:48%;height:48%;max-width:32px;max-height:32px}
.native-control>.native-label{pointer-events:none}
.native-control>.native-arrow{width:4cqw;height:4cqw}
.native-toggle{width:9cqw;height:4.8cqw;min-height:24px;min-width:44px;border:1px solid #adbdc744;border-radius:99px;background:#586570;position:absolute;right:3cqw;top:50%;transform:translateY(-50%)}
.native-toggle:after{content:'';position:absolute;top:2px;left:2px;height:calc(100% - 4px);aspect-ratio:1;border-radius:50%;background:#f1f5f7;box-shadow:0 1px 3px #0007;transition:left .16s}
[aria-pressed=true]>.native-toggle{background:#34c5d8}[aria-pressed=true]>.native-toggle:after{left:calc(100% - 4.8cqw + 2px)}
.native-check{width:3.9cqw;height:3.9cqw;min-width:18px;min-height:18px;border:1px solid #98afbb80;border-radius:50%;background:#101c24}
[aria-pressed=true]>.native-check{background:#63e5f5;border-color:#9ef7ff}
.native-nav{display:flex;align-items:stretch;justify-content:space-around;border-radius:99px;padding:1cqw;z-index:7}
.native-nav button{background:transparent;display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:.7cqw;color:#c2cbd4;font-size:2.85cqw;line-height:1.1;border-radius:99px;min-height:44px}
.native-nav .native-icon{width:5.5cqw;height:5.5cqw}
.native-nav button[aria-current=page]{color:#5ce8f4}
.native-nav button[aria-current=page] .native-icon{filter:invert(87%) sepia(42%) saturate(977%) hue-rotate(144deg) brightness(103%)}
.native-screen.is-home{display:flex;flex-direction:column;padding:0 3.9cqw .9cqw;gap:0;overflow:hidden}
.home-photo{position:absolute;inset:0;z-index:-3;background-image:url('../assets/photos/explore-clean.png');background-size:cover;background-position:center 40%}
.home-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#081016fa 0%,#091119cc 8%,#07101a18 29%,transparent 48%,#09101700 61%,#091017f0 80%,#091017 100%)}
.home-header{display:flex;align-items:center;gap:2.6cqw;min-height:8cqw;margin-top:1.1cqw}
.home-wordmark{display:flex;align-items:center;gap:1.5cqw;font-weight:650;font-size:4.9cqw;letter-spacing:-.04em;white-space:nowrap}
.home-brand{width:6.1cqw;height:7cqw;object-fit:cover;mix-blend-mode:screen}
.home-edition{border:1px solid #c3deeb33;border-radius:99px;background:#b1c5d10a;box-shadow:inset 0 1px 2px #ebf6ff08;padding:.8cqw 1.8cqw;font-size:1.8cqw;letter-spacing:.5cqw;color:#c7d5df;line-height:1;white-space:nowrap}
.home-location-button{margin-left:auto;width:8.8cqw;height:8.8cqw;border-radius:50%;display:grid;place-items:center;flex:none}
.home-location-button img{width:4.6cqw;height:4.6cqw}
.home-kicker{display:flex;align-items:center;gap:1.3cqw;font-size:3.35cqw;color:#d0d5da;margin:3.5cqw 0 3.4cqw;line-height:1.25}
.home-kicker img{width:3.8cqw;height:3.8cqw}
.home-title{font-size:9.1cqw;line-height:1.21;font-weight:650;letter-spacing:-.04em;margin:0;color:#fafafa}
.home-spacer{flex:1;min-height:6cqw}
.home-details{position:relative;padding-top:3cqw}
.home-eyebrow{font-size:2.2cqw;line-height:1;letter-spacing:.77cqw;color:#c4ced6;margin:0 0 2cqw}
.home-details h2{font-size:6.85cqw;line-height:1.16;font-weight:600;margin:0 0 1.8cqw;letter-spacing:-.03em}
.home-details p{font-size:3.45cqw;line-height:1.3;color:#b4bdc6;margin:0;letter-spacing:.02em}
.home-connected{position:absolute;right:0;bottom:.6cqw;display:flex;align-items:center;gap:1.8cqw;padding:2.3cqw 2.8cqw;border-radius:99px;font-size:2.8cqw;background:linear-gradient(#20323ed9,#14232cd4);border:1px solid #b4d9e944;box-shadow:inset 0 1px 2px #d9f7ff22;color:#e1e8eb}
.home-connected img{width:4.9cqw;height:3.3cqw}
.home-tiles{display:grid;grid-template-columns:1fr 1fr;gap:2.5cqw;margin:3.1cqw 0 3.3cqw}
.home-tile{position:relative;overflow:hidden;height:14.4cqw;background:#18232ceb;border:1px solid #a4bbc241;border-radius:3.7cqw;color:#edf0f2;display:flex;align-items:center;gap:3.2cqw;padding:0 2.9cqw 0 0;font-size:3.05cqw;font-weight:500;box-shadow:inset 0 1px 1px #ffffff06}
.home-tile .tile-photo{position:relative;width:42%;align-self:stretch;flex:none;overflow:hidden}
.home-tile .tile-photo img{position:absolute;max-width:none;pointer-events:none}
.home-tile>.native-icon{width:3.8cqw;height:3.8cqw;margin-left:auto;flex:none}
.home-primary{position:relative;min-height:12cqw;max-height:12.5cqw;width:100%;border-radius:99px;font-size:4cqw;font-weight:600;display:flex;align-items:center;justify-content:center;gap:4.5cqw;flex:none}
.home-primary .native-icon{width:4.5cqw;height:4.5cqw}
.home-nav{position:relative;left:auto!important;top:auto!important;width:calc(100% + .4cqw)!important;height:15.7cqw!important;margin:3.5cqw -.2cqw 0;flex:none}
.native-caption{position:absolute;bottom:3%;left:2%;font-size:2.1cqw;color:#e1e8f0;text-shadow:0 1px 4px #000}
.native-mode.glasses-screen .viewport{justify-content:center}
.native-mode.glasses-screen .stage{height:auto!important;aspect-ratio:1672/941!important;min-height:0!important}
.glasses-native{position:relative;width:100%;aspect-ratio:1672/941;container-type:inline-size;overflow:hidden}
.glasses-native .native-screen{inset:0}
.glasses-native .native-control{min-width:0;min-height:0}
.glasses-native .native-text{font-size:var(--native-font);line-height:1.12}
.native-keypad{position:absolute;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2cqw;background:#091119;padding:1cqw}
.native-keypad button{background:#23313c;border-radius:2cqw;font-size:4.4cqw;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f1f5f7}
.native-keypad small{font-size:1.7cqw;letter-spacing:.25cqw;color:#b8c4ce}
body.reduce-transparency :is(.native-nav,.native-control,.native-panel,.home-connected){-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#263641}
body.increase-contrast .native-text{color:#fff!important}
@media(min-width:800px) and (min-height:600px){#app.native-mode{height:956px;min-height:956px;display:flex;flex-direction:column}.native-mode .viewport{height:956px;min-height:0}.native-mode .stage{height:956px}}
@media(prefers-reduced-transparency:reduce){.native-nav,.native-control{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:#24333f}}

#native-content{position:absolute;inset:0}
.native-panel.kind-scrim{border:0;box-shadow:none;border-radius:0}
.native-panel.kind-sheet{background:linear-gradient(160deg,#27333f,#111b25);border-color:#a4c1d833;box-shadow:0 -15px 60px #0008}
.native-panel.kind-danger{background:#38262d;border-color:#ffb2b64a}
.native-panel.kind-progress{border-radius:50%!important;border:0;background:conic-gradient(#61e5f5 var(--progress),#243946 0);mask:radial-gradient(closest-side,transparent 88%,black 90%)}
.native-control.is-selected{border:1px solid #73e8f8;background:#214d5b77}
.native-control input.native-code-input{background:transparent;border:0;text-align:left;letter-spacing:9.4cqw;padding-left:3.5cqw;font-size:6cqw}
.native-control.kind-toggle{border:0;background:transparent}
.native-toggle{right:0;width:100%;height:72%;min-height:0;min-width:0}
.native-toggle:after{height:calc(100% - 4px)}
[aria-pressed=true]>.native-toggle:after{left:auto;right:2px}
.home-connected{bottom:6.9cqw}
.native-mode.glasses-screen .stage{margin-top:0}
.glasses-native{max-height:max(32px,calc(var(--panel-available,400px) - 182px))}

.home-brand{width:6.1cqw;height:7cqw;flex:none}
.native-icon.tone-danger{filter:invert(81%) sepia(26%) saturate(737%) hue-rotate(304deg) brightness(105%)}

.native-photo{z-index:0}.native-panel{z-index:1}.native-panel.kind-scrim{z-index:2}
.home-photo{isolation:isolate}.home-photo:after{z-index:1}.home-connected{bottom:.6cqw}
.native-panel{background:#15212acd}
.native-panel.kind-card{border-color:#a8bac32e;box-shadow:inset 0 1px 0 #ffffff04}
.native-control.kind-check{border:1px solid #a9bacb;background:transparent;border-radius:50%;min-width:0;min-height:0}
.native-control.kind-check[aria-pressed=true]{background:#59deef;border-color:#aef7ff}
.native-control.kind-check .native-icon{width:70%;height:70%}
.native-control.kind-field input{background:transparent;border:0;padding:0}
.native-control.kind-field{border:0;background:transparent}

.native-control.kind-plain.is-selected{color:#05212b;border-color:#d0ffffaa;background:linear-gradient(#75edfa,#38c7dd);border-radius:99px;box-shadow:inset 0 1px 4px #d5ffff,0 2px 12px #23d8ef22}
.native-control.kind-check{min-width:0;min-height:0}

.native-control.is-selected .native-text{color:#062932!important}
.native-nav{background:radial-gradient(ellipse at 96% 85%,#d8e4f07a,transparent 30%),radial-gradient(ellipse at 0% 10%,#aac7df59,transparent 33%),linear-gradient(170deg,#b4cde23b,#172a36bd 33%,#14232ee0 72%,#86a4ba54);box-shadow:inset 0 1px 3px #f3fbffd1,inset 0 -2px 4px #b5d4ee6e,0 6px 20px #0006}

.native-control{min-width:0;min-height:0}
.native-control:before{content:'';position:absolute;min-width:44px;min-height:44px;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%)}
.native-control.kind-check[aria-pressed=true]:after{content:'✓';color:#092a34;font-size:3.3cqw;line-height:1}
.native-control.kind-check>.native-icon{display:none}
.native-keypad{grid-template-rows:repeat(4,1fr)}
.native-keypad button{min-height:0}
.glasses-native .native-control:before{min-width:0;min-height:0}
.native-control.kind-plain.is-selected:has(.native-text){color:#062932}

.home-photo{background-image:linear-gradient(180deg,#081016fa 0%,#091119cc 8%,#07101a18 29%,transparent 48%,#09101700 55%,#091017dd 76%,#091017 90%),url('../assets/photos/explore-clean.png')}
.home-photo:after{display:none}
.home-primary{height:12cqw;min-height:12cqw;flex:none}
.home-location-button,.home-connected{position:relative}
.home-connected{position:absolute}
.home-location-button:before,.home-connected:before{content:'';position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);min-height:44px;min-width:44px;width:100%;height:100%}
.home-header{margin-left:.55cqw}
.home-kicker,.home-title{margin-left:.85cqw}
.home-details{margin-left:.55cqw;margin-right:.55cqw}
.home-tiles{margin-left:.55cqw;margin-right:.55cqw}
.home-nav{width:calc(100% + 1.1cqw)!important;margin-left:-.55cqw;margin-right:-.55cqw}
.native-nav .native-icon{width:6.2cqw;height:6.2cqw}

.native-control textarea{position:absolute;inset:0;width:100%;height:100%;resize:none;border:0;background:transparent;color:#f1f5f7;padding:2.2cqw;font-family:inherit;font-size:max(16px,3.8cqw);line-height:1.4}

.native-control.kind-toggle.is-selected{border:0;background:transparent}

.native-control.kind-plain[data-radio=true].is-selected{background:transparent;border:0;box-shadow:none;color:#f3f5f7}
.native-control.kind-plain[data-radio=true].is-selected .native-text{color:inherit!important}
.native-control[data-radio=true]:after{content:'';position:absolute;right:3cqw;top:50%;transform:translateY(-50%);width:3.8cqw;height:3.8cqw;border:1px solid #95b0bb;border-radius:50%;background:#15242d}
.native-control[data-radio=true][aria-pressed=true]:after{border-color:#69e7f3;background:#69e7f3;box-shadow:inset 0 0 0 .75cqw #15242d}
.home-photo{background-image:linear-gradient(180deg,#081016fa 0%,#091119cc 8%,#07101a18 29%,transparent 42%,#09101780 55%,#091017f2 69%,#091017 85%),url('../assets/photos/explore-clean.png')}
.home-eyebrow{margin-bottom:1.45cqw}
.home-details h2{font-size:7cqw;line-height:1.14;margin-bottom:.9cqw}

/* Expand small controls inward at safe-area edges without moving their artwork. */
.native-control:before,.home-location-button:before,.home-connected:before{left:calc(50% + var(--hit-shift-x,0px));top:calc(50% + var(--hit-shift-y,0px))}

.native-screen{container-type:size}

/* Protect the title while keeping the photographic middle bright. */
.native-backdrop:after{background:linear-gradient(180deg,#091119fa 0%,#091119e6 10%,#09111970 22%,#09111908 34%,#09111908 61%,#09111955 74%,#091119eb 88%,#091119 98%)}

.native-icon.tone-warning{filter:invert(83%) sepia(53%) saturate(482%) hue-rotate(338deg) brightness(103%)}

.native-control.kind-danger{background:linear-gradient(#773d49,#562936);border:1px solid #dfa6ae5c;border-radius:99px;box-shadow:inset 0 1px 2px #ffb6c026;color:#ffe6e9}
.native-mode.glasses-screen .menu-toggle{top:auto;bottom:max(8px,env(safe-area-inset-bottom));width:32px;height:32px;font-size:20px}
/* The home flex layout keeps its typography tied to the full stage width. */
.native-screen.is-home{container-type:normal}
@container (max-height:780px){
 .native-screen[data-page="S04"] .native-control[data-index="3"]:before,.native-screen[data-page="P10"] .native-control[data-index="3"]:before{top:calc(50% + var(--hit-shift-y,0px) - 2px)}
 .native-screen[data-page="S04"] .native-control[data-index="4"]:before,.native-screen[data-page="P10"] .native-control[data-index="4"]:before{top:calc(50% + var(--hit-shift-y,0px) + 2px)}
 .native-screen[data-page="A51"] .native-control[data-index="3"]:before{top:calc(50% + var(--hit-shift-y,0px) - 1px)}
 .native-screen[data-page="A51"] .native-control[data-index="4"]:before{top:calc(50% + var(--hit-shift-y,0px) + 1px)}
}
@container (max-height:780px){
 .native-screen[data-page="P10"] .native-control[data-index="3"]:before{top:calc(50% + var(--hit-shift-y,0px) - 4px)}
 .native-screen[data-page="P10"] .native-control[data-index="4"]:before{top:calc(50% + var(--hit-shift-y,0px) + 4px)}
}
