.widget{--w-bg:#ffffff;--w-fg:#16181d;--w-muted:#61697a;--w-border:#e4e7ec;--w-accent:#4f46e5;--w-sp-1:0.25rem;--w-sp-2:0.5rem;--w-sp-3:0.75rem;--w-sp-4:1rem;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:.8rem;line-height:1.6;color:var(--w-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;display:flex;box-sizing:border-box}.widget[data-theme=dark]{--w-bg:#14171d;--w-fg:#e9ecf1;--w-muted:#9aa3b2;--w-border:#262a33;--w-accent:#818cf8}@media (prefers-color-scheme:dark){.widget[data-theme=auto]{--w-bg:#14171d;--w-fg:#e9ecf1;--w-muted:#9aa3b2;--w-border:#262a33;--w-accent:#818cf8}}.widget-link{text-decoration:none;color:inherit}.widget-inner,.widget-link{display:flex;flex:1 1;min-width:0}.widget-inner{--scale:1;background:var(--w-bg);color:var(--w-fg);border:1px solid var(--w-border);border-radius:14px;padding:calc(var(--w-sp-4) * var(--scale));flex-direction:column;justify-content:center;gap:calc(var(--w-sp-1) * var(--scale));box-sizing:border-box;overflow:hidden}.widget-link:hover .widget-inner{border-color:var(--w-accent)}.widget-link:focus-visible{outline:none}.widget-link:focus-visible .widget-inner,.widget-row:focus-visible{outline:2px solid var(--w-accent);outline-offset:2px}.widget-head{display:flex;align-items:center;gap:calc(var(--w-sp-2) * var(--scale, 1));min-width:0}.widget-emoji{font-size:calc(.95rem * var(--scale, 1));flex:none}.widget-title{font-size:calc(.84rem * var(--scale, 1));font-weight:550;color:var(--w-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-count{font-size:2.08rem;font-weight:720;letter-spacing:-.04em;line-height:1.15;color:var(--w-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.widget-count.is-past,.widget-foot{color:var(--w-muted)}.widget-foot{display:flex;justify-content:space-between;gap:calc(var(--w-sp-3) * var(--scale, 1));font-size:calc(.72rem * var(--scale, 1));white-space:nowrap;overflow:hidden}.widget-foot>*{min-width:0;overflow:hidden;text-overflow:ellipsis}.widget-phrase{flex:0 1 auto}.widget-empty{align-items:center;justify-content:center;color:var(--w-muted);font-size:calc(.8rem * var(--scale, 1))}.widget-list .widget-inner{justify-content:flex-start;gap:0;padding:calc(var(--w-sp-2) * var(--scale, 1))}.widget-list-inner{overflow-y:auto}.widget-row{display:flex;align-items:center;gap:calc(var(--w-sp-2) * var(--scale, 1));padding:calc(var(--w-sp-2) * var(--scale, 1)) calc(var(--w-sp-1) * var(--scale, 1));text-decoration:none;color:inherit;border-radius:8px;min-width:0}.widget-row[hidden]{display:none}.widget-row+.widget-row{border-top:1px solid var(--w-border)}.widget-row:hover{background:color-mix(in srgb,var(--w-accent) 8%,transparent)}.widget-row-emoji{font-size:calc(.8rem * var(--scale, 1));flex:none}.widget-row-title{flex:1 1;min-width:0;font-size:calc(.76rem * var(--scale, 1));color:var(--w-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-row-count{font-size:calc(.8rem * var(--scale, 1));font-weight:680;color:var(--w-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex:none}.widget-row-count.is-past{color:var(--w-muted)}.widget-row[data-color=red]{--w-accent:#e03131}.widget-row[data-color=orange]{--w-accent:#e8590c}.widget-row[data-color=amber]{--w-accent:#c48a02}.widget-row[data-color=green]{--w-accent:#2f9e44}.widget-row[data-color=teal]{--w-accent:#0c8599}.widget-row[data-color=blue]{--w-accent:#1971c2}.widget-row[data-color=purple]{--w-accent:#7048e8}.widget-row[data-color=pink]{--w-accent:#c2255c}.widget.has-photo .widget-inner{position:relative;overflow:hidden;background-image:var(--widget-photo);background-size:cover;background-position:50%;border-color:rgba(255,255,255,.22)}.widget.has-photo .widget-inner:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55) 0,rgba(0,0,0,0) 55%),linear-gradient(rgba(0,0,0,var(--widget-photo-shade,.55)),rgba(0,0,0,var(--widget-photo-shade,.55))),rgba(0,0,0,var(--widget-overlay,.35));pointer-events:none}.widget.has-bg .widget-inner>*{position:relative;z-index:1}.widget.has-bg .widget-count,.widget.has-bg .widget-foot,.widget.has-bg .widget-phrase,.widget.has-bg .widget-title{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.widget-layout-minimal .widget-inner{align-items:center;justify-content:center;gap:calc(var(--w-sp-1) * var(--scale, 1))}.widget-title-sub{font-size:calc(.8rem * var(--scale, 1));color:var(--w-muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-layout-banner .widget-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:calc(var(--w-sp-3) * var(--scale, 1))}.widget-layout-banner .widget-banner-left{display:flex;flex-direction:column;gap:calc(var(--w-sp-1) * var(--scale, 1));min-width:0}.widget-layout-banner .widget-head{margin:0}.widget-layout-banner .widget-banner-left .widget-phrase{font-size:calc(.72rem * var(--scale, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-layout-banner:not(.has-bg) .widget-banner-left .widget-phrase{color:var(--w-muted)}.widget-layout-banner .widget-inner{overflow:hidden}.widget-layout-banner .widget-count{flex:none}.widget-layout-tile .widget-inner{align-items:center;justify-content:center;text-align:center;gap:calc(var(--w-sp-1) * var(--scale, 1))}.widget-emoji-lg{font-size:calc(1.3rem * var(--scale, 1));line-height:1.1}.widget-layout-ring .widget-inner{align-items:center;justify-content:center;gap:calc(var(--w-sp-2) * var(--scale, 1));padding:calc(var(--w-sp-3) * var(--scale, 1))}.widget-ring{--ring:0;width:calc(116px * var(--scale, 1));height:calc(116px * var(--scale, 1));flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--w-accent) calc(var(--ring) * 1%),color-mix(in srgb,var(--w-accent) 16%,transparent) 0)}.widget-ring-hole{width:calc(90px * var(--scale, 1));height:calc(90px * var(--scale, 1));border-radius:50%;background:var(--w-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.widget-layout-ring .widget-phrase{font-size:calc(.65rem * var(--scale, 1));line-height:1.3}.widget.has-bg .widget-ring{background:conic-gradient(#fff calc(var(--ring) * 1%),rgba(255,255,255,.28) 0)}.widget.has-bg .widget-ring-hole{background:rgba(0,0,0,var(--widget-photo-shade,.55));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.widget.has-bg .widget-title-sub{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7),0 0 10px rgba(0,0,0,.45)}.widget.has-gradient .widget-inner{border-color:rgba(255,255,255,.2);background-image:var(--grad)}.widget.grad-dawn{--grad:linear-gradient(135deg,#7c3aed,#db2777 55%,#f59e0b)}.widget.grad-sunset{--grad:linear-gradient(135deg,#b91c1c,#ea580c 50%,#f59e0b)}.widget.grad-ocean{--grad:linear-gradient(135deg,#0c4a6e,#0369a1 50%,#0891b2)}.widget.grad-forest{--grad:linear-gradient(135deg,#14532d,#166534 50%,#4d7c0f)}.widget.grad-berry{--grad:linear-gradient(135deg,#4c1d95,#9d174d 60%,#be123c)}.widget.grad-mono{--grad:linear-gradient(135deg,#18181b,#3f3f46 55%,#52525b)}.widget.grad-aurora{--grad:linear-gradient(135deg,#064e3b,#0f766e 45%,#6d28d9)}.widget.grad-ember{--grad:linear-gradient(135deg,#431407,#9a3412 55%,#dc2626)}.widget.has-gradient .widget-inner:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 60%);pointer-events:none}.widget.has-gradient .widget-inner{position:relative;overflow:hidden}.widget-scale-sm .widget-inner{--scale:0.85}.widget-scale-md .widget-inner{--scale:1}.widget-scale-lg .widget-inner{--scale:1.18}.widget-inner .widget-count{font-size:calc(var(--count-size, 2.08rem) * var(--scale, 1))}.widget-layout-minimal .widget-inner{--count-size:2.6rem}.widget-layout-banner .widget-inner,.widget-layout-tile .widget-inner{--count-size:2rem}.widget-layout-ring .widget-inner{--count-size:1.5rem}.widget-align-center:not(.widget-layout-banner) .widget-inner{align-items:center;text-align:center}.widget-align-center:not(.widget-layout-banner) .widget-head{justify-content:center}.widget-align-center:not(.widget-layout-banner) .widget-foot{justify-content:center;gap:calc(var(--w-sp-2) * var(--scale, 1))}.widget .icon-img{width:1em;height:1em;display:inline-block;vertical-align:-.14em;object-fit:contain}.widget.has-bg .icon-img{filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.55))}.widget[data-theme=dark]:not(.has-bg) .icon-img{filter:brightness(1.6) saturate(.95)}@media (prefers-color-scheme:dark){.widget:not([data-theme=light]):not(.has-bg) .icon-img{filter:brightness(1.6) saturate(.95)}}.stage{grid-template-columns:minmax(0,1fr);grid-gap:var(--sp-6);gap:var(--sp-6);margin-top:var(--sp-5)}.stage,.stage-panel{display:grid;justify-items:center}.stage-panel{min-width:0;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;min-width:0;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%;min-width:0;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:var(--radius-pill);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:var(--radius-pill);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;--fg:#14161c;--fg-muted:#5b6472;--fg-subtle:#676f7f;--glass-bg:rgba(255,255,255,0.62);--glass-bg-strong:rgba(255,255,255,0.78);--glass-border:rgba(255,255,255,0.7);--glass-edge:rgba(16,18,24,0.06);--accent:#4f46e5;--accent-fg:#ffffff;--accent-soft:rgba(79,70,229,0.1);color:var(--fg)}.dev-dark.dev-app{background:var(--bg)}.dev-ios .dev-dark.dev-app{background:#000000;--fg:#f2f2f7;--fg-muted:#a1a1aa;--fg-subtle:#8e8e93;--glass-bg:rgba(28,28,30,0.78);--glass-bg-strong:rgba(44,44,46,0.9);--glass-border:rgba(84,84,88,0.55);--glass-edge:rgba(255,255,255,0.08);--accent:#7c8cff;--accent-fg:#0b0b0f;--accent-soft:rgba(124,140,255,0.18);color:var(--fg)}.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:#0068d6}.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{position:relative}.stage-emoji-btn:after{content:"";position:absolute;inset:calc(-3 * var(--pt))}.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:max(7px,calc(8 * var(--pt)))}.stage-dot{width:calc(26 * var(--pt));height:calc(26 * var(--pt));padding:0;border-radius:var(--radius-pill);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)}.app-card .grad-swatch,.stage-dot{position:relative}.app-card .grad-swatch:after,.stage-dot:after{content:"";position:absolute;inset:calc(-4 * var(--pt))}.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%}.dev-screen .home-slot .widget-inner{padding:calc(16 * var(--pt));gap:calc(2 * var(--pt))}.dev-screen .home-slot .widget-head{gap:calc(6 * var(--pt))}.dev-screen .home-slot .widget-emoji{font-size:calc(18 * var(--pt))}.dev-screen .home-slot .widget-title{font-size:calc(14 * var(--pt))}.dev-screen .home-slot .widget-inner .widget-count{font-size:calc(44 * var(--pt))}.dev-screen .home-slot[data-small] .widget-inner .widget-count{font-size:calc(34 * var(--pt))}.dev-screen .home-slot .widget-foot,.dev-screen .home-slot .widget-phrase{font-size:calc(12 * var(--pt))}.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:var(--radius-pill);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:var(--radius-pill);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-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-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.os-diff-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.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}}