.app-store{--store-bg:#ffffff;--store-card:#f2f2f7;--store-pill:#e9e9ee;--store-line:#00000014;position:relative}.dark .app-store{--store-bg:#1f2023;--store-card:#2c2d31;--store-pill:#3a3a3e;--store-line:#ffffff14}.store-sidebar{width:232px;padding:10px 10px 12px}.store-sidebar,.store-sidebar nav{display:flex;flex-direction:column}.store-sidebar nav{margin-top:12px;gap:2px}.store-sidebar .sidebar-item{min-height:34px;padding:0 10px;gap:10px;font-size:14px;border-radius:8px}.store-sidebar .sidebar-item>svg{width:18px;height:18px;color:var(--mac-text)}.store-sidebar .sidebar-item[data-selected=true],.store-sidebar .sidebar-item[data-selected=true]>svg{color:var(--mac-accent)}.store-search{display:flex;align-items:center;gap:7px;height:34px;padding:0 10px;border-radius:999px;background:var(--mac-glass);box-shadow:var(--mac-glass-shadow);color:var(--mac-secondary)}.store-search input{flex:1;min-width:0;background:transparent;outline:none;font-size:14px;color:var(--mac-text)}.store-search:focus-within{box-shadow:0 0 0 3px #007aff40}.store-search button{display:flex;padding:2px;border-radius:50%;background:var(--mac-secondary);color:var(--mac-surface)}.store-account{margin-top:auto;display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;font-size:14px;font-weight:600;text-align:left}.store-account:hover,.store-account[data-selected=true]{background:var(--mac-hover)}.store-account[data-selected=true]{background:#0000000d}.dark .store-account[data-selected=true]{background:#ffffff15}.store-account img{width:34px;height:34px;border-radius:50%;object-fit:cover}.store-main{position:relative;container-type:inline-size;display:flex;flex-direction:column;flex:1;min-width:0;background:var(--store-bg)}.store-toolbar{position:absolute;inset:0 0 auto;z-index:5;transition:background .2s,box-shadow .2s}.store-toolbar[data-scrolled=true]{background:color-mix(in srgb,var(--store-bg) 82%,transparent);backdrop-filter:blur(20px) saturate(1.6);box-shadow:0 1px 0 var(--store-line)}.store-toolbar h2{text-align:center;margin:0}.store-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.store-page{max-width:1320px;margin:0 auto;padding:52px 36px 48px}.store-title{font-size:32px;font-weight:700;letter-spacing:-.02em;margin:18px 0 14px}.store-link{display:inline-flex;align-items:center;gap:6px;color:var(--mac-accent);font-size:15px}.store-link:hover{text-decoration:underline}.store-get{flex-shrink:0;min-width:72px;height:30px;padding:0 16px;border-radius:999px;background:var(--store-pill);color:var(--mac-accent);font-size:14px;font-weight:700}.store-get:hover{filter:brightness(.95)}.dark .store-get:hover{filter:brightness(1.15)}.store-get[data-prominent=true]{background:var(--mac-accent);color:#fff;min-width:84px;height:34px;font-size:15px}.store-get:disabled{opacity:.4}.store-progress{display:inline-flex;width:72px;justify-content:center;flex-shrink:0}.store-progress-track{fill:none;stroke:var(--store-pill);stroke-width:2.5}.store-progress-bar{fill:none;stroke:var(--mac-accent);stroke-width:2.5;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;stroke-dashoffset:var(--ring);animation:store-ring-fill linear forwards;animation-timing-function:cubic-bezier(.33,1,.68,1)}@keyframes store-ring-fill{to{stroke-dashoffset:0}}.store-progress-stop{fill:var(--mac-accent)}.store-section{margin-top:30px;padding-top:22px;border-top:1px solid var(--store-line)}.store-section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.store-section-header h2{font-size:22px;font-weight:700;letter-spacing:-.01em}.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}.store-row{gap:12px;padding:8px 0;border-bottom:1px solid var(--store-line)}.store-row,.store-row-main{display:flex;align-items:center;min-width:0}.store-row-main{gap:14px;flex:1;text-align:left}.store-row-main small,.store-row-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-row-main strong{font-size:16px;font-weight:600}.store-row-main small{margin-top:2px;font-size:13.5px;color:var(--mac-secondary)}.store-art{position:relative;display:block;overflow:hidden;isolation:isolate}.store-art-layer{position:absolute;inset:0;pointer-events:none}.store-art-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 18px 30px #0006)}.store-art-icon>*{transform:rotate(-6deg)}.store-art[data-round=true]{border-radius:50%}.store-art[data-round=true] .store-art-icon>*{transform:none}.store-hero{display:flex;width:100%;aspect-ratio:16/5.2;min-height:260px;overflow:hidden;border-radius:14px;text-align:left;background:#000;color:#fff;box-shadow:0 4px 24px #0002}.store-hero-text{position:relative;display:flex;width:34%;min-width:260px;padding:32px 30px;background:linear-gradient(160deg,color-mix(in srgb,var(--tint) 35%,#16161a),#121215)}.store-hero-text>span{display:flex;flex-direction:column;gap:6px;height:100%}.store-hero-text p{margin-top:auto;font-size:15px;opacity:.9}.store-hero-art{flex:1}.store-hero-art .store-art-icon>*{transform:rotate(-8deg) scale(1.2)}.store-eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;opacity:.75}.store-hero-title{font-size:30px;font-weight:600;line-height:1.15;letter-spacing:-.01em}.store-card:hover .store-art-icon>*,.store-hero:hover .store-art-icon>*,.store-story:hover .store-art-icon>*{transition:transform .4s cubic-bezier(.2,.8,.2,1)}.store-hero:hover .store-hero-art .store-art-icon>*{transform:rotate(-4deg) scale(1.28)}.store-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.store-card{display:flex;align-items:center;gap:18px;min-height:220px;padding:26px;border-radius:14px;background:var(--store-card);text-align:left}.store-card-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;align-self:flex-start}.store-card-text h3{font-size:22px;font-weight:600;line-height:1.2}.store-card-text p{margin-top:6px;color:var(--mac-secondary);font-size:14.5px}.store-card-text .store-eyebrow{color:var(--mac-secondary);opacity:1}.store-card-art{width:168px;height:168px;flex-shrink:0}.store-card:hover .store-art-icon>*{transform:scale(1.08)}.store-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}.store-story{text-align:left}.store-story-art{aspect-ratio:16/9;border-radius:12px}.store-story-art .store-art-icon>*{transform:rotate(-6deg) scale(.8)}.store-story:hover .store-art-icon>*{transform:rotate(-2deg) scale(.88)}.store-story-text{display:flex;flex-direction:column;gap:2px;margin-top:12px}.store-story-text .store-eyebrow{color:var(--mac-secondary);opacity:1;font-size:12px}.store-story-text h3{font-size:20px;font-weight:600}.store-story-text p{font-size:15px;color:var(--mac-secondary)}.store-product{padding-top:8px}.store-product-header{display:flex;align-items:center;gap:26px;padding-bottom:24px;border-bottom:1px solid var(--store-line)}.store-product-header h1{font-size:32px;font-weight:700;letter-spacing:-.02em}.store-product-header p{font-size:17px;color:var(--mac-secondary)}.store-product-header .store-link{font-size:14px;margin-top:2px}.store-product-actions{display:flex;align-items:center;gap:10px;margin-top:16px}.store-remove{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--store-pill);color:var(--mac-secondary)}.store-remove:hover{color:#ff3b30}.store-stats{display:flex;overflow-x:auto;padding:18px 0;border-bottom:1px solid var(--store-line);scrollbar-width:none}.store-stats>div{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1 0 128px;padding:0 12px;text-align:center;color:var(--mac-secondary)}.store-stats>div+div{border-left:1px solid var(--store-line)}.store-stats small{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.store-stats strong{display:flex;align-items:center;height:30px;font-size:22px;font-weight:700;white-space:nowrap}.store-stats span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.store-shots{position:relative;padding:24px 0 18px;border-bottom:1px solid var(--store-line)}.store-shots-strip{display:grid;grid-auto-flow:column;grid-auto-columns:calc(50% - 12px);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;outline:none;border-radius:14px}.store-shots-strip:focus-visible{box-shadow:0 0 0 3px #007aff60}.store-slide{scroll-snap-align:start;display:flex;flex-direction:column;aspect-ratio:16/10.5;overflow:hidden;border-radius:14px;color:#fff}.store-slide figcaption{padding:18px 24px 12px;font-size:15px;line-height:1.35;text-align:center;opacity:.95}.store-slide-frame{position:relative;flex:1;min-height:0;margin:0 7% -6px;overflow:hidden;border-radius:12px 12px 0 0;background:#fff;box-shadow:0 10px 30px #0004}.store-shots-nav{position:absolute;top:24px;right:0;display:flex;gap:6px;transform:translateY(-100%) translateY(-6px)}.store-shots-nav button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--store-pill)}.store-shots-nav button:disabled{opacity:.35}.store-platforms{display:flex;gap:18px;margin-top:16px;color:var(--mac-secondary);font-size:15px}.store-platforms span{display:inline-flex;align-items:center;gap:6px}.store-live{position:absolute;inset:0;justify-content:center;overflow:hidden}.store-live,.store-live-window{display:flex;background:var(--mac-surface)}.store-live-window{flex-shrink:0;flex-direction:column;transform-origin:top center;pointer-events:none;color:var(--mac-text)}.store-live-titlebar{display:flex;gap:8px;height:28px;padding:9px 10px;background:var(--mac-chrome)}.store-live-titlebar span{width:12px;height:12px;border-radius:50%;background:#ff5f57}.store-live-titlebar span:nth-child(2){background:#febc2e}.store-live-titlebar span:nth-child(3){background:#28c840}.store-live-content{flex:1;min-height:0;overflow:hidden}.store-description{display:flex;gap:40px;padding:22px 0}.store-description-text{flex:1;min-width:0;font-size:15.5px;line-height:1.5}.store-description-text p{white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.store-description-text p[data-expanded=true]{display:block}.store-description-text ul{margin-top:10px;padding-left:20px;list-style:disc}.store-description-links{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.store-aside-link{display:inline-flex;align-items:center;gap:8px;font-size:17px;color:var(--mac-secondary)}.store-aside-link:hover{color:var(--mac-text)}.store-versions{display:grid;gap:14px}.store-version{display:grid;grid-template-columns:200px 1fr;gap:18px;font-size:15px}.store-version small,.store-version strong{display:block}.store-version small{color:var(--mac-secondary)}.store-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}.store-info>div{padding:10px 0;border-bottom:1px solid var(--store-line)}.store-info dt{font-size:13px;color:var(--mac-secondary)}.store-info dd{font-size:15px}.mock{position:absolute;inset:0;padding:18px;color:#1d1d1f;background:#f5f5f7;font-size:12px;overflow:hidden}.mock-bar{display:block;height:7px;margin:7px 0;border-radius:4px;background:#d1d1d6}.mock-split{display:grid;grid-template-columns:1.1fr 1fr;gap:14px}.mock-card,.mock-panel,.mock-paper,.mock-tile{padding:12px;border-radius:10px;background:#fff;box-shadow:0 1px 3px #0001}.mock-gauge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:92px;height:92px;margin:2px auto 10px;border-radius:50%;border:8px solid var(--tint)}.mock-gauge span{font-size:26px;font-weight:800}.mock-gauge small{font-size:9px;color:#6e6e73}.mock-meter{margin:6px 0}.mock-meter small{font-size:10px;color:#6e6e73}.mock-meter span{display:block;height:6px;border-radius:3px;background:var(--tint)}.mock-stack{display:flex;flex-direction:column;gap:10px}.mock-card small{color:#6e6e73;font-weight:600}.mock-card p{margin-top:4px;font-size:13px}.mock-card.muted{opacity:.6}.mock-card.accent{background:color-mix(in srgb,var(--tint) 14%,#fff);border:1px solid color-mix(in srgb,var(--tint) 40%,transparent)}.mock-chips{display:flex;gap:6px}.mock-chips span,.mock-pill{padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--tint) 18%,#fff);color:color-mix(in srgb,var(--tint) 70%,#000);font-weight:600;font-size:11px}.mock-heading{font-size:16px;font-weight:800}.mock-list-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:9px;background:#fff}.mock-card .mock-list-row{padding:0}.mock-list-row b{width:16px;color:var(--tint)}.mock-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--tint),#ffd60a);flex-shrink:0}.mock-avatar.big{width:48px;height:48px}.mock-profile{display:flex;align-items:center;gap:12px}.mock-profile small,.mock-profile strong{display:block}.mock-profile small{color:#6e6e73}.mock-dot{width:12px;height:12px;border-radius:50%;background:var(--tint)}.mock-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:start}.mock-tile-art{display:block;height:46px;margin-bottom:8px;border-radius:7px;background:var(--tint)}.mock-chat{display:flex;flex-direction:column;gap:8px}.mock-chat p{max-width:75%;padding:8px 12px;border-radius:14px;font-size:13px}.mock-chat .them{background:#e5e5ea}.mock-chat .me{align-self:flex-end;background:var(--tint);color:#fff}.mock-countdown{display:flex;gap:8px}.mock-countdown span{flex:1;padding:10px 0;border-radius:10px;background:#1d1d1f;color:#fff;text-align:center}.mock-countdown b{display:block;font-size:22px}.mock-countdown small{font-size:10px;opacity:.7}.mock-chart{display:flex;align-items:flex-end;gap:4%;padding:24px 24px 0}.mock-chart span{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--tint),color-mix(in srgb,var(--tint) 40%,#fff))}.mock-desktop{padding:0;background:linear-gradient(160deg,#1b2a6b,#c13f8a 55%,#f39c4a)}.mock-menubar{height:14px;background:#ffffff55}.mock-window{position:absolute;left:10%;top:18%;width:52%;height:52%;border-radius:8px;background:#ffffffee;box-shadow:0 10px 24px #0005}.mock-window.two{left:42%;top:30%;width:46%;height:46%;background:#1e1e20ee}.mock-dock{position:absolute;bottom:8px;left:50%;display:flex;padding:3px 6px;border-radius:12px;background:#ffffff44;transform:translateX(-50%)}.store-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.store-category{display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px;background:var(--store-card);text-align:left}.store-category:hover{filter:brightness(.97)}.store-category svg{width:26px;height:26px;color:var(--mac-accent)}.store-category small,.store-category strong{display:block}.store-category strong{font-size:16px}.store-category small{font-size:13px;color:var(--mac-secondary)}.store-skills{display:grid;gap:20px}.store-skill-group h3{margin-bottom:8px;font-size:15px;font-weight:600;color:var(--mac-secondary)}.store-skill-group>div{display:flex;flex-wrap:wrap;gap:8px}.store-skill{display:flex;flex-direction:column;padding:8px 14px;border-radius:10px;background:var(--store-card);text-align:left}.store-skill strong{font-size:14px;font-weight:600}.store-skill small{font-size:12px;color:var(--mac-accent)}.store-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:var(--mac-secondary)}.store-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.store-narrow-nav nav button,.store-suggestions button{padding:6px 14px;border-radius:999px;background:var(--store-card);color:var(--mac-text);font-size:14px}.store-updates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.store-update-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--store-line)}.store-update-row small,.store-update-row strong{display:block}.store-update-row small{color:var(--mac-secondary);font-size:13px}.store-update-row p{margin-top:4px;font-size:14px}.store-account-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:-6px}.store-account-links .store-link{font-size:17px}.store-redeem{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:16px;padding:16px;border-radius:12px;background:var(--store-card)}.store-redeem label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--mac-secondary)}.store-redeem input{width:220px;height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--mac-border);background:var(--mac-surface);color:var(--mac-text);font-size:15px;letter-spacing:.08em;text-transform:uppercase}.store-redeem p{flex-basis:100%;font-size:14px;color:#ff3b30}.store-redeem p[data-ok=true]{color:#34c759}.store-adopt{display:flex;align-items:center;gap:24px;padding:18px 24px;border-radius:14px;background:var(--store-card);font-size:15px}.store-adopt p{flex:1}.store-adopt-apps{display:flex;flex-wrap:wrap;gap:32px;margin-top:14px}.store-adopt-apps button{display:flex;align-items:center;gap:12px;text-align:left}.store-adopt-apps small,.store-adopt-apps strong{display:block}.store-adopt-apps small{color:var(--mac-secondary)}.mini-segments,.store-segments{display:inline-flex;padding:2px;border-radius:999px;background:var(--store-card,#7676801f)}.store-segments{margin-bottom:16px}.mini-segments button,.store-segments button{padding:5px 16px;border-radius:999px;font-size:14px}.mini-segments button[aria-selected=true],.store-segments button[aria-selected=true]{background:var(--mac-accent);color:#fff}.store-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 32px}.store-tile{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--store-line)}.store-tile small,.store-tile strong{display:block}.store-tile strong{font-size:17px}.store-tile small{margin-bottom:8px;color:var(--mac-secondary)}.store-cloud{color:var(--mac-accent)}.store-narrow-nav{position:sticky;top:0;z-index:4;padding:52px 16px 10px;background:color-mix(in srgb,var(--store-bg) 88%,transparent);backdrop-filter:blur(20px)}.store-narrow-nav nav{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none}.store-narrow-nav nav button{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.store-narrow-nav nav button[aria-pressed=true]{background:var(--mac-accent);color:#fff}.app-store[data-narrow=true] .store-toolbar{padding-left:88px}.app-store[data-narrow=true] .store-page{padding:0 16px 32px}.app-store[data-narrow=true] .store-title{font-size:28px;margin-top:8px}@container (max-width: 920px){.store-grid,.store-info,.store-stories,.store-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.store-stories>:nth-child(3){display:none}}@container (max-width: 720px){.store-hero{flex-direction:column-reverse;aspect-ratio:auto}.store-hero-art{height:240px;flex:none}.store-hero-text{width:100%;min-width:0;padding:20px}.store-hero-text p{margin-top:8px}.store-cards{grid-template-columns:1fr}.store-shots-strip{grid-auto-columns:85%}.store-updates{grid-template-columns:1fr}}@container (max-width: 560px){.store-grid,.store-info,.store-stories,.store-tiles{grid-template-columns:1fr}.store-stories>:nth-child(3){display:block}.store-card{min-height:0;padding:18px}.store-card-art{width:110px;height:110px}.store-product-header{gap:16px}.store-product-header h1{font-size:24px}.store-description{flex-direction:column;gap:14px}.store-description-links{align-items:flex-start}.store-version{grid-template-columns:1fr;gap:4px}.store-adopt{flex-direction:column;align-items:flex-start}.store-hero-title{font-size:24px}}.mini-app{flex-direction:column;gap:14px;min-height:100%;padding:52px 20px 20px;background:var(--mac-surface);color:var(--mac-text);outline:none;user-select:none}.mini-app,.mini-header{display:flex;align-items:center}.mini-header{gap:12px;width:100%;max-width:560px}.mini-header h2{flex:1;font-size:22px;font-weight:800;letter-spacing:-.01em}.mini-stats{display:flex;gap:6px}.mini-stat{display:flex;flex-direction:column;align-items:center;min-width:56px;padding:4px 10px;border-radius:8px;background:#7676801f}.mini-stat small{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--mac-secondary)}.mini-stat strong{font-size:16px;font-variant-numeric:tabular-nums}.mini-button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border-radius:999px;background:#7676801f;font-size:13px;font-weight:600;white-space:nowrap}.mini-button[data-primary=true]{background:var(--mac-accent);color:#fff}.mini-button:disabled{opacity:.4}.mini-icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#7676801f}.mini-icon-button[aria-pressed=true]{background:var(--mac-accent);color:#fff}.mini-icon-button:disabled{opacity:.35}.mini-segments.small button{padding:3px 10px;font-size:12px}.mini-check{display:inline-flex;align-items:center;gap:6px;font-size:13px}.mini-check select{padding:2px 4px;border-radius:6px;border:1px solid var(--mac-border);background:var(--mac-surface);color:var(--mac-text)}.mini-status{min-height:20px;font-size:14px;text-align:center}.mini-hint,.mini-status{color:var(--mac-secondary)}.mini-hint{font-size:12px}.mini-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:inherit;background:color-mix(in srgb,var(--mac-surface) 78%,transparent);backdrop-filter:blur(3px);text-align:center}.mini-overlay strong{font-size:24px;font-weight:800}.mini-overlay small{color:var(--mac-secondary)}.g2048-board{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px;width:min(100%,380px);aspect-ratio:1;padding:10px;border-radius:12px;background:#bbada0;touch-action:none}.g2048-tile{display:flex;align-items:center;justify-content:center;border-radius:7px;background:#cdc1b4;color:#776e65;font-size:clamp(18px,7cqw,34px);font-weight:800;container-type:inline-size;transition:background .1s}.g2048-tile[data-value="2"]{background:#eee4da}.g2048-tile[data-value="4"]{background:#ede0c8}.g2048-tile[data-value="8"]{background:#f2b179;color:#fff}.g2048-tile[data-value="16"]{background:#f59563;color:#fff}.g2048-tile[data-value="32"]{background:#f67c5f;color:#fff}.g2048-tile[data-value="64"]{background:#f65e3b;color:#fff}.g2048-tile[data-value="128"]{background:#edcf72;color:#fff;font-size:28px}.g2048-tile[data-value="256"]{background:#edcc61;color:#fff;font-size:28px}.g2048-tile[data-value="512"]{background:#edc850;color:#fff;font-size:28px}.g2048-tile[data-value="1024"]{background:#edc53f;color:#fff;font-size:22px}.g2048-tile[data-value="2048"]{background:#edc22e;color:#fff;font-size:22px}.g2048-tile[data-value=big]{background:#3c3a32;color:#fff;font-size:20px}.ttt-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,300px);aspect-ratio:1}.ttt-cell{border-radius:14px;background:#7676801a;font-size:54px;font-weight:800;line-height:1}.ttt-cell:not(:disabled):hover{background:#7676802e}.ttt-cell[data-mark=X]{color:#ff375f}.ttt-cell[data-mark=O]{color:#0a84ff}.ttt-cell[data-win=true]{background:#ffd60a55}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(100%,420px)}.memory-card{position:relative;aspect-ratio:3/4;perspective:600px}.memory-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:10px;backface-visibility:hidden;font-weight:800;font-size:15px;transition:transform .35s}.memory-back{background:linear-gradient(135deg,#bf5af2,#5e5ce6);box-shadow:inset 0 0 0 3px #ffffff40}.memory-card[data-shown=true] .memory-back,.memory-front{transform:rotateY(180deg)}.memory-card[data-shown=true] .memory-front{transform:rotateY(1turn)}.memory-card[data-matched=true] .memory-front{opacity:.55}.breakout-stage{position:relative;width:100%;max-width:560px;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 50% 0,#2c2c34,#0d0d10)}.breakout-stage canvas{display:block;width:100%;height:auto;cursor:none;touch-action:none}.breakout-stage .mini-overlay{background:#000a;color:#fff}.word-grid,.word-row{display:grid;gap:6px}.word-row{grid-template-columns:repeat(5,52px)}.word-row[data-shake=true]{animation:word-shake .4s}@keyframes word-shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.word-cell{display:flex;align-items:center;justify-content:center;height:52px;border:2px solid #7676803d;border-radius:6px;font-size:24px;font-weight:800}.word-cell[data-mark=typed]{border-color:#7676809a}.word-cell[data-mark=correct],.word-keyboard button[data-mark=correct]{background:#538d4e;border-color:#538d4e;color:#fff}.word-cell[data-mark=present],.word-keyboard button[data-mark=present]{background:#b59f3b;border-color:#b59f3b;color:#fff}.word-cell[data-mark=absent],.word-keyboard button[data-mark=absent]{background:#787c7e;border-color:#787c7e;color:#fff}.word-keyboard{display:flex;flex-direction:column;gap:6px;width:100%;max-width:440px}.word-keyboard>div{display:flex;justify-content:center;gap:5px}.word-keyboard button{flex:1;max-width:38px;height:44px;border-radius:6px;background:#7676802e;font-weight:700;font-size:14px}.word-keyboard button.wide{max-width:64px;flex:1.6;font-size:12px;display:flex;align-items:center;justify-content:center}.simon-board{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(100%,320px);aspect-ratio:1;padding:10px;border-radius:50%;background:#1c1c1e}.simon-pad{background:var(--pad);opacity:.45;transition:opacity .08s,filter .08s}.simon-pad:first-child{border-top-left-radius:100%}.simon-pad:nth-child(2){border-top-right-radius:100%}.simon-pad:nth-child(3){border-bottom-left-radius:100%}.simon-pad:nth-child(4){border-bottom-right-radius:100%}.simon-pad[data-lit=true]{opacity:1;filter:brightness(1.25) drop-shadow(0 0 16px var(--pad))}.simon-board[data-phase=input] .simon-pad:hover{opacity:.7}.simon-center{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:38%;aspect-ratio:1;border-radius:50%;background:#1c1c1e;color:#fff;transform:translate(-50%,-50%)}.typing-words{display:flex;flex-wrap:wrap;gap:4px 10px;width:100%;max-width:620px;height:128px;overflow:hidden;padding:14px 16px;border-radius:12px;background:#7676801a;font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:19px;line-height:1.6;color:var(--mac-secondary)}.typing-words span[data-state=right]{color:#34c759}.typing-words span[data-state=wrong]{color:#ff453a;text-decoration:line-through}.typing-words span[data-state=current]{color:var(--mac-text);background:#007aff22;border-radius:4px;padding:0 2px}.typing-words i{font-style:normal}.typing-words i[data-state=right]{color:#34c759}.typing-words i[data-state=wrong]{color:#ff453a}.typing-input{width:100%;max-width:620px;height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--mac-border);background:var(--mac-surface);color:var(--mac-text);font-size:17px;outline:none}.typing-input:focus{box-shadow:0 0 0 3px #007aff40}.pomodoro-dial{position:relative;width:220px;height:220px}.pomodoro-dial svg{position:absolute;inset:0;transform:rotate(-90deg)}.pomodoro-track{fill:none;stroke:#7676802e;stroke-width:10}.pomodoro-bar{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.pomodoro-dial>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.pomodoro-dial strong{font-size:46px;font-weight:300;font-variant-numeric:tabular-nums}.pomodoro-dial small{color:var(--mac-secondary)}.pomodoro-controls{display:flex;align-items:center;gap:14px}.pomodoro-main{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;color:#fff}.sketch-app{display:flex;flex-direction:column;height:100%;padding-top:44px;background:var(--mac-chrome);color:var(--mac-text)}.sketch-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:6px 14px 10px}.sketch-actions,.sketch-colors,.sketch-sizes{display:flex;align-items:center;gap:6px}.sketch-actions{margin-left:auto}.sketch-swatch{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px #0002}.sketch-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--mac-surface),0 0 0 4px var(--mac-accent)}.sketch-sizes button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px}.sketch-sizes button[aria-pressed=true]{background:#7676802e}.sketch-sizes span{border-radius:50%;background:var(--mac-text)}.sketch-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 14px 14px}.sketch-stage canvas{max-width:100%;max-height:100%;aspect-ratio:3/2;border-radius:8px;background:#fff;box-shadow:0 1px 4px #0002;cursor:crosshair;touch-action:none}.piano-app{justify-content:flex-start}.piano-keys{position:relative;display:flex;width:100%;max-width:680px;height:200px;touch-action:none}.piano-white{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;margin:0 1px;border-radius:0 0 7px 7px;background:linear-gradient(180deg,#f2f2f2,#fff);box-shadow:inset 0 -5px 0 #d8d8d8,0 1px 2px #0003;color:#8e8e93;font-size:11px}.piano-white span{display:flex;flex-direction:column;align-items:center;gap:3px}.piano-white[data-down=true]{background:#e3e3e8;box-shadow:inset 0 -2px 0 #d0d0d0}.piano-black{position:absolute;top:0;z-index:1;display:flex;align-items:flex-end;justify-content:center;width:calc(100% / 14 * .62);height:60%;padding-bottom:8px;border-radius:0 0 5px 5px;background:linear-gradient(180deg,#333,#111);box-shadow:inset 0 -4px 0 #000,0 2px 4px #0006;transform:translateX(-50%);color:#aaa}.piano-black[data-down=true]{background:#444;box-shadow:inset 0 -1px 0 #000}.piano-keys kbd{font-family:inherit;font-size:10px;opacity:.8}.color-lab{align-items:stretch;max-width:640px;margin:0 auto}.color-top{display:flex;gap:16px}.color-well{position:relative;width:132px;height:132px;flex-shrink:0;border-radius:18px;box-shadow:inset 0 0 0 1px #0002;cursor:pointer}.color-well input{position:absolute;inset:0;opacity:0;cursor:pointer}.color-formats{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.color-hex{height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--mac-border);background:var(--mac-surface);color:var(--mac-text);font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:15px}.color-format{display:flex;align-items:center;gap:10px;padding:5px 10px;border-radius:8px;background:#7676801a;text-align:left}.color-format small{width:32px;font-weight:700;color:var(--mac-secondary)}.color-format code{flex:1;font-size:13px}.color-heading{font-size:13px;font-weight:700;color:var(--mac-secondary);margin-bottom:-6px}.color-contrast{display:grid;grid-template-columns:1fr 1fr;gap:8px}.color-contrast>div{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:10px;box-shadow:inset 0 0 0 1px #7676803d}.color-contrast strong{font-size:28px}.color-contrast span{font-size:12px}.color-contrast b[data-fail=true]{color:#ff453a}.color-swatches{display:flex;gap:6px}.color-swatches button{flex:1;height:36px;border-radius:8px;box-shadow:inset 0 0 0 1px #0001}.color-swatches.labelled button{display:flex;align-items:flex-end;justify-content:center;height:52px;padding-bottom:4px}.color-swatches.labelled small{padding:1px 6px;border-radius:6px;background:#0006;color:#fff;font-size:10px}.json-app{display:flex;flex-direction:column;height:100%;padding-top:44px;background:var(--mac-surface);color:var(--mac-text)}.json-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:6px 14px 10px}.json-panes{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--mac-border)}.json-panes pre,.json-panes textarea{min-height:0;padding:12px 14px;overflow:auto;font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:12.5px;line-height:1.55}.json-panes textarea{resize:none;outline:none;background:var(--mac-chrome);color:var(--mac-text);border-right:1px solid var(--mac-border)}.json-panes pre[data-minified=true]{white-space:pre-wrap;word-break:break-all}.json-key{color:#c41a16}.json-string{color:#1c00cf}.json-number{color:#1c6b48}.json-literal{color:#ad3da4;font-weight:600}.dark .json-key{color:#ff7ab2}.dark .json-string{color:#ff8170}.dark .json-number{color:#d9c97c}.dark .json-literal{color:#ff7ab2}.json-status{padding:6px 14px;border-top:1px solid var(--mac-border);background:var(--mac-chrome);color:#34c759;font-size:12px}.json-status[data-ok=false]{color:#ff453a}@media (max-width:699px){.json-panes{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.json-panes textarea{border-right:0;border-bottom:1px solid var(--mac-border)}.word-row{grid-template-columns:repeat(5,46px)}.word-cell{height:46px}}@media (max-width:699px),(max-width:950px) and (max-height:500px){.app-store .store-toolbar{position:relative;min-height:0;padding:4px 12px 0;background:var(--store-bg);box-shadow:none;backdrop-filter:none}.app-store .store-toolbar h2{display:none}.app-store .store-narrow-nav{padding-top:8px}.mini-header{flex-wrap:wrap;row-gap:10px}.mini-header h2{white-space:nowrap}.sketch-stage{align-items:flex-start}.app-store .store-main{min-height:0}.app-store .store-narrow-nav nav{display:none}.app-store .store-scroll{padding-bottom:calc(var(--ios-safe-bottom) + 74px)}.app-store .store-phone-tabs{position:absolute;z-index:6;left:16px;right:16px;bottom:var(--ios-safe-bottom);display:flex!important;height:62px;padding:4px;border-radius:31px;background:var(--glass-bar,#ffffff6b);box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #ffffff66,inset 0 0 0 .5px #ffffff59,0 8px 24px #00000024;-webkit-backdrop-filter:blur(10px) saturate(1.8);backdrop-filter:blur(10px) saturate(1.8)}.store-phone-tabs button{position:relative;display:flex;flex:1 1 0;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:27px;color:var(--mac-text);font-size:10px;font-weight:600}.store-phone-tabs button[aria-pressed=true]{background:var(--ios-fill);color:var(--mac-accent)}.mini-app{padding-top:16px}.json-app,.sketch-app{padding-top:8px}}@container (max-width: 860px){.store-cards{grid-template-columns:1fr}}