.stage{grid-gap:var(--sp-6);gap:var(--sp-6);margin-top:var(--sp-5)}.stage,.stage-panel{display:grid;justify-items:center}.stage-panel{grid-gap:var(--sp-8);gap:var(--sp-8);width:100%}.stage-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-3)}.dev{margin:0;display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);justify-items:center;width:min(100%,21rem)}.dev figcaption{font-size:.7rem}.dev-body{position:relative;width:100%;padding:.55rem;border-radius:2.9rem;background:linear-gradient(160deg,#3d434c,#23272e);box-shadow:0 0 0 2px rgba(154,160,171,.5),var(--shadow-lg)}.dev-android .dev-body{border-radius:2.3rem}.dev-body:after,.dev-body:before{content:"";position:absolute;width:3px;border-radius:2px;background:#6b7280}.dev-body:before{left:-3px;top:6rem;height:5.5rem}.dev-body:after{right:-3px;top:7.5rem;height:3.5rem}.dev-screen{position:relative;container-type:inline-size;aspect-ratio:9/19.5;border-radius:2.35rem;overflow:hidden;color:var(--fg);background:var(--bg);display:flex;flex-direction:column}.dev-android .dev-screen{border-radius:1.8rem}.dev-ios .dev-screen{--pt:calc(100cqw / 393)}.dev-android .dev-screen{--pt:calc(100cqw / 412)}.dev-cam{position:absolute;background:#0d0f13;border-radius:999px;left:50%;transform:translateX(-50%)}.dev-ios .dev-cam{top:calc(11 * var(--pt));width:calc(125 * var(--pt));height:calc(36 * var(--pt))}.dev-android .dev-cam{top:calc(9 * var(--pt));width:calc(11 * var(--pt));height:calc(11 * var(--pt))}.dev-home{position:absolute;bottom:calc(8 * var(--pt) + .55rem);left:50%;transform:translateX(-50%);width:calc(140 * var(--pt));height:calc(5 * var(--pt));border-radius:999px;background:rgba(13,15,19,.45)}.dev-dark~.dev-home{background:rgba(233,236,241,.5)}.dev-nav{position:absolute;bottom:calc(14 * var(--pt) + .55rem);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:calc(72 * var(--pt));opacity:.5}.dev-nav i{display:block;background:transparent}.dev-nav-home,.dev-nav-recent{border:calc(1.6 * var(--pt)) solid #0d0f13}.dev-nav-back{width:0;height:0;border:calc(6 * var(--pt)) solid transparent;border-right-color:#0d0f13}.dev-nav-home{width:calc(15 * var(--pt));height:calc(15 * var(--pt));border-radius:50%}.dev-nav-recent{width:calc(13 * var(--pt));height:calc(13 * var(--pt));border-radius:calc(2 * var(--pt))}.dev-dark~.dev-nav .dev-nav-home,.dev-dark~.dev-nav .dev-nav-recent{border-color:#e9ecf1}.dev-dark~.dev-nav .dev-nav-back{border-right-color:#e9ecf1}.dev-status{display:flex;align-items:center;justify-content:space-between;flex:none;color:var(--fg)}.dev-ios .dev-status{height:calc(54 * var(--pt));padding:0 calc(21 * var(--pt)) 0 calc(27 * var(--pt));font-size:calc(15 * var(--pt));font-weight:600;letter-spacing:-.01em}.dev-android .dev-status{height:calc(28 * var(--pt));padding:0 calc(16 * var(--pt));font-size:calc(13 * var(--pt));font-weight:500}.dev-icons{height:calc(12 * var(--pt));width:calc(44 * var(--pt));opacity:.72}.dev-app{background:var(--bg)}.dev-ios .dev-app{background:#f2f2f7}.dev-dark.dev-app{background:var(--bg)}.app-bar{display:flex;align-items:center;flex:none}.app-action,.app-back{white-space:nowrap;flex:none}.app-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-ios .app-bar{display:grid;grid-template-columns:1fr auto 1fr;height:calc(44 * var(--pt));padding:0 calc(16 * var(--pt))}.dev-ios .app-action,.dev-ios .app-back{font-size:calc(17 * var(--pt));color:#007aff}.dev-ios .app-back{justify-self:start;display:inline-flex;align-items:center;gap:calc(3 * var(--pt))}.dev-ios .app-back b{font-size:calc(24 * var(--pt));font-weight:500;line-height:.8}.dev-ios .app-title{font-size:calc(17 * var(--pt));font-weight:600;letter-spacing:-.02em;text-align:center}.dev-ios .app-action{justify-self:end;font-weight:600}.dev-dark .app-action,.dev-dark .app-back{color:#0a84ff}.dev-android .app-bar{height:calc(64 * var(--pt));padding:0 calc(16 * var(--pt));gap:calc(16 * var(--pt))}.dev-android .app-action,.dev-android .app-back{font-size:calc(24 * var(--pt));line-height:1;color:var(--fg);width:calc(24 * var(--pt));text-align:center}.dev-android .app-title{flex:1 1;font-size:calc(22 * var(--pt));font-weight:400;letter-spacing:0}.app-fab{position:absolute;right:calc(16 * var(--pt) + .55rem);bottom:calc(64 * var(--pt) + .55rem);display:inline-flex;align-items:center;gap:calc(8 * var(--pt));height:calc(56 * var(--pt));padding:0 calc(20 * var(--pt));border-radius:calc(16 * var(--pt));background:var(--accent);color:var(--accent-fg);font-size:calc(14 * var(--pt));font-weight:500;box-shadow:var(--shadow-md)}.app-fab b{font-size:calc(18 * var(--pt));font-weight:500}.app-body{flex:1 1;min-height:0;overflow-y:auto;scrollbar-width:none;display:grid;align-content:start}.app-body::-webkit-scrollbar{display:none}.app-body:after{content:"";position:-webkit-sticky;position:sticky;bottom:-1px;display:block;height:calc(24 * var(--pt));margin-top:calc(-24 * var(--pt));background:linear-gradient(to top,var(--bg),transparent);pointer-events:none}.dev-ios .app-body{padding:calc(8 * var(--pt)) calc(16 * var(--pt)) calc(40 * var(--pt));gap:calc(24 * var(--pt))}.dev-android .app-body{padding:calc(4 * var(--pt)) calc(16 * var(--pt)) calc(96 * var(--pt));gap:calc(16 * var(--pt))}.dev-ios .app-body:after{background:linear-gradient(0deg,#f2f2f7,transparent)}.dev-dark .app-body:after{background:linear-gradient(to top,var(--bg),transparent)}.app-group{display:grid}.app-group-title{margin:0}.app-card{display:grid}.dev-ios .app-group-title{padding:0 calc(16 * var(--pt)) calc(7 * var(--pt));font-size:calc(13 * var(--pt));font-weight:400;color:#6d6d72}.dev-ios .app-card{padding:calc(16 * var(--pt));gap:calc(12 * var(--pt));border-radius:calc(10 * var(--pt));background:#ffffff}.dev-dark .app-group-title{color:var(--fg-subtle)}.dev-dark .app-card{background:#1c1c1e}.dev-android .app-group-title{padding:0 0 calc(12 * var(--pt));font-size:calc(16 * var(--pt));font-weight:500;color:var(--accent)}.dev-android .app-card{padding:calc(16 * var(--pt));gap:calc(12 * var(--pt));border-radius:calc(12 * var(--pt));background:var(--glass-bg-strong);border:1px solid var(--glass-edge)}.dev-dark .app-card,.dev-dark.dev-android .app-card{border-color:var(--glass-edge)}.app-card .muted{margin:0}.app-card .field{gap:calc(6 * var(--pt))}.app-card .field>span,.app-card label{font-size:calc(13 * var(--pt))}.app-card .field-row{gap:calc(12 * var(--pt))}.app-card .field-row>.field{flex:1 1;min-width:0}.app-card input[type=date],.app-card input[type=text],.app-card select{font-size:calc(15 * var(--pt));padding:calc(9 * var(--pt)) calc(11 * var(--pt))}.app-card .field-note,.app-card .muted,.app-card .subtle{font-size:calc(12 * var(--pt))}.dev-ios .app-card input,.dev-ios .app-card select{border-radius:calc(8 * var(--pt))}.dev-android .app-card input,.dev-android .app-card select{border-radius:calc(12 * var(--pt))}.app-card .grad-picker{gap:calc(8 * var(--pt));margin-top:0}.app-card .grad-swatch{width:calc(32 * var(--pt));height:calc(32 * var(--pt));border-radius:calc(8 * var(--pt))}.grad-swatch.is-photo{background-size:cover;background-position:50%}.dev-android .app-card .grad-swatch{border-radius:50%}.stage-emoji{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:calc(6 * var(--pt))}.stage-emoji::-webkit-scrollbar{display:none}.stage-emoji-btn{flex:none;width:calc(32 * var(--pt));height:calc(32 * var(--pt));padding:0;font-size:calc(16 * var(--pt));line-height:1;border-radius:calc(8 * var(--pt));border:1px solid transparent;background:var(--surface-2);cursor:pointer}.dev-android .stage-emoji-btn{border-radius:50%}.stage-emoji-btn[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.stage-range input[type=range]{width:100%}.stage-dots{display:flex;flex-wrap:wrap;gap:calc(8 * var(--pt))}.stage-dot{width:calc(26 * var(--pt));height:calc(26 * var(--pt));padding:0;border-radius:999px;border:2px solid transparent;cursor:pointer;background:var(--accent)}.stage-dot[aria-pressed=true]{border-color:var(--glass-bg-strong);box-shadow:0 0 0 2px var(--fg-subtle)}.stage-dot.is-default{background:linear-gradient(135deg,#6366f1,#22d3ee)}.stage-shuffle{justify-self:start;font-size:calc(14 * var(--pt));padding:calc(8 * var(--pt)) calc(14 * var(--pt));border-radius:calc(20 * var(--pt))}.home{flex:1 1;min-height:0;display:flex;flex-direction:column;background:linear-gradient(165deg,#eef0fb,#dbe1f6 55%,#c9d2f0)}.home.is-dark{background:linear-gradient(165deg,#1b2030,#141a29 55%,#10141f)}.dev-ios .home{padding:calc(8 * var(--pt)) calc(27 * var(--pt)) calc(34 * var(--pt));gap:calc(38 * var(--pt))}.dev-android .home{padding:calc(8 * var(--pt)) calc(16 * var(--pt)) calc(48 * var(--pt));gap:calc(12 * var(--pt))}.home-slot{width:100%;height:auto;aspect-ratio:338/158;flex:none;overflow:hidden}.home-slot[data-small]{aspect-ratio:1}.dev-ios .home-slot[data-small]{width:calc((100% - 22 * var(--pt)) / 2)}.dev-android .home-slot[data-small]{width:calc((100% - 12 * var(--pt)) / 2)}.dev-ios .home-slot{align-self:start}.dev-android .home-slot{align-self:center}.dev-ios .home-slot{border-radius:calc(22 * var(--pt))}.dev-android .home-slot{border-radius:calc(28 * var(--pt))}.home-slot .widget{width:100%;height:100%}.home-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;justify-self:stretch;width:100%;flex:none}.dev-ios .home-pair{gap:calc(22 * var(--pt))}.dev-android .home-pair{gap:calc(12 * var(--pt))}.home-pair .home-slot[data-small]{width:100%}.home-icons{display:grid}.dev-ios .home-icons{grid-template-columns:repeat(4,1fr);gap:calc(22 * var(--pt)) calc(33 * var(--pt))}.dev-android .home-icons{grid-template-columns:repeat(5,1fr);gap:calc(16 * var(--pt)) calc(24 * var(--pt))}.home-icon{display:grid;justify-items:center;min-width:0}.dev-ios .home-icon{gap:calc(5 * var(--pt))}.dev-android .home-icon{gap:calc(6 * var(--pt))}.home-icon i{display:block;width:100%;aspect-ratio:1;opacity:.92}.dev-ios .home-icon i{border-radius:22.4%}.dev-android .home-icon i{border-radius:50%}.home-icon em{font-style:normal;line-height:1.1;color:rgba(30,35,50,.78);text-shadow:0 1px 2px rgba(255,255,255,.35)}.dev-ios .home-icon em{font-size:calc(11 * var(--pt))}.dev-android .home-icon em{font-size:calc(12 * var(--pt))}.home.is-dark .home-icon em{color:rgba(236,239,245,.82);text-shadow:0 1px 2px rgba(0,0,0,.5)}.home-dots{margin-top:auto;display:flex;gap:calc(7 * var(--pt));justify-content:center;padding-bottom:calc(8 * var(--pt))}.home-dots i{width:calc(6 * var(--pt));height:calc(6 * var(--pt));border-radius:999px;background:rgba(91,100,120,.4)}.home-dots i.is-on{background:rgba(91,100,120,.9)}.home.is-dark .home-dots i{background:rgba(236,239,245,.35)}.home.is-dark .home-dots i.is-on{background:rgba(236,239,245,.9)}.home-searchpill{align-self:center;padding:calc(5 * var(--pt)) calc(12 * var(--pt));font-size:calc(12 * var(--pt));background:rgba(255,255,255,.45);margin-bottom:calc(8 * var(--pt))}.home-search,.home-searchpill{border-radius:999px;color:rgba(30,35,50,.75)}.home-search{display:flex;align-items:center;gap:calc(12 * var(--pt));height:calc(48 * var(--pt));padding:0 calc(16 * var(--pt));margin-top:calc(12 * var(--pt));font-size:calc(14 * var(--pt));background:rgba(255,255,255,.6);box-shadow:var(--shadow-sm)}.home-search-dot{width:calc(18 * var(--pt));height:calc(18 * var(--pt));border-radius:50%;background:linear-gradient(135deg,#4285f4,#ea4335 45%,#fbbc05 75%,#34a853)}.home.is-dark .home-search,.home.is-dark .home-searchpill{color:rgba(236,239,245,.8);background:rgba(255,255,255,.12)}.home-dock{display:grid;grid-template-columns:repeat(4,1fr)}.dev-ios .home-dock{gap:calc(33 * var(--pt));margin-inline:calc(-10 * var(--pt));padding:calc(14 * var(--pt)) calc(10 * var(--pt));border-radius:calc(30 * var(--pt));background:rgba(255,255,255,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home.is-dark .home-dock{background:rgba(255,255,255,.1)}.dev-android .home-dock{gap:calc(24 * var(--pt));padding:0;background:transparent}.stage-tabs{display:inline-flex;gap:.2rem;padding:.2rem;border-radius:var(--radius-pill);background:var(--surface-2)}.stage-tab{border:0;background:transparent;color:var(--fg-muted);font-size:.75rem;font-weight:560;padding:.35rem .9rem;border-radius:var(--radius-pill);cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease)}.stage-tab[aria-selected=true]{background:var(--glass-bg-strong);color:var(--fg);box-shadow:var(--shadow-sm)}.stage-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border-radius:var(--radius-pill);border:1px solid var(--glass-edge);background:var(--glass-bg);color:var(--fg-muted);font-size:.72rem;cursor:pointer;transition:border-color .14s var(--ease),color .14s var(--ease)}.stage-toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.stage-device-note{margin:0;max-width:44rem;text-align:center;font-size:.75rem;color:var(--fg-muted);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);background:var(--surface-2)}.stage-cta{text-decoration:none}.stage-note{max-width:44rem;text-align:center;margin:0}.os-diff{width:min(100%,44rem)}.os-diff h3{margin:0 0 var(--sp-2);text-align:center}.os-diff table{width:100%;border-collapse:collapse;font-size:.72rem}.os-diff td,.os-diff th{text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--glass-edge);vertical-align:top}.os-diff thead th{font-size:.7rem;font-weight:620}.os-diff tbody th,.os-diff thead th{color:var(--fg-muted);white-space:nowrap}.os-diff tbody th{font-weight:560;width:6.5rem}.os-diff td{color:var(--fg-muted)}.os-diff .is-on{color:var(--fg);background:var(--accent-soft)}.os-diff thead .is-on{color:var(--accent)}.os-diff-group th{font-size:.68rem;font-weight:620;color:var(--fg-subtle);padding-top:var(--sp-4);border-bottom:0}@media (min-width:58rem){.stage-panel{grid-template-columns:repeat(2,minmax(0,21rem));justify-content:center;align-items:start}}.dev-cursor{position:absolute;left:0;top:0;z-index:5;width:calc(26 * var(--pt));height:calc(26 * var(--pt));margin:calc(-13 * var(--pt)) 0 0 calc(-13 * var(--pt));border-radius:50%;background:rgba(20,22,28,.22);border:calc(2 * var(--pt)) solid rgba(255,255,255,.9);box-shadow:0 2px 8px rgba(0,0,0,.25);pointer-events:none;transform:translate(var(--x),var(--y));transition:transform .6s cubic-bezier(.32,.72,0,1),background .15s var(--ease)}.dev-cursor[data-tap]{background:rgba(20,22,28,.42)}.dev-cursor:after{content:"";position:absolute;inset:calc(-6 * var(--pt));border-radius:50%;border:calc(2 * var(--pt)) solid var(--accent);opacity:0;transform:scale(.6)}.dev-cursor[data-tap]:after{animation:dev-tap .5s var(--ease)}@keyframes dev-tap{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.dev-cursor{transition:none}.dev-cursor[data-tap]:after{animation:none}}