@font-face{font-family: "Inter";font-style: normal;font-weight: 300 900;font-display: swap;src: url(/store-assets/fonts/inter-v20-latin-ext.woff2?v=01ba6c2a18) format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: "Inter";font-style: normal;font-weight: 300 900;font-display: swap;src: url(/store-assets/fonts/inter-v20-latin.woff2?v=65850a373e) format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "JetBrains Mono";font-style: normal;font-weight: 500 600;font-display: swap;src: url(/store-assets/fonts/jetbrains-mono-v24-latin.woff2?v=570751c5f8) format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #fbf9f6;--paper-2: #f4f0ea;--card: #ffffff;--card-muted: var(--paper-2);--ink: #17130f;--ink-2: #4b443c;--ink-3: #6f675e;--line: #ebe5dc;--line-2: #ddd5c9;--line-strong: #8b8379;--ember: #ff5b04;--ember-ink: #c24100;--ember-2: #ff8a3d;--ember-3: #ffb340;--ember-wash: #fff1e8;--fire: linear-gradient(135deg,#ff5b04 0%,#ff8a3d 55%,#ffb340 100%);--brand: #E05A2B;--night: #141110;--night-2: #1f1a17;--night-line: rgba(255,255,255,.09);--ok: #0e7040;--ok-wash: #e7f6ee;--ok-solid: #0f7a45;--warn: #a15c00;--warn-wash: #fff4dc;--beta: var(--ember-ink);--beta-wash: transparent;--src-paypal: #0b5ed7;--src-itch: #c8323a;--src-legacy: var(--ink-3);--focus: var(--ember-ink);--r-xs: 6px;--r-sm: 10px;--r: 16px;--r-lg: 22px;--r-xl: 30px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--sh-1: 0 1px 2px rgba(23,19,15,.05),0 1px 1px rgba(23,19,15,.03);--sh-2: 0 1px 2px rgba(23,19,15,.04),0 8px 24px -8px rgba(23,19,15,.12);--sh-3: 0 2px 4px rgba(23,19,15,.04),0 24px 60px -18px rgba(23,19,15,.28);--sh-ember: 0 10px 30px -10px rgba(255,91,4,.55);--ease: cubic-bezier(.2,.8,.2,1);--mono: "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--wrap: 1240px;color-scheme: light}:root[data-theme="dark"]{--paper: #100e0d;--paper-2: #1c1917;--card: #181513;--card-muted: color-mix(in oklab,var(--card) 50%,var(--paper));--ink: #f5f0ea;--ink-2: #cbc2b8;--ink-3: #8f867c;--line: #2a2522;--line-2: #3b342f;--line-strong: #756b61;--ember-ink: #ff9a5c;--ember-wash: rgba(255,91,4,.14);--ok: #2fb371;--ok-wash: rgba(47,179,113,.14);--warn: #f2b45a;--warn-wash: rgba(242,180,90,.14);--src-paypal: #6ea8ff;--src-itch: #ff7a7c;--night: #0b0a09;--sh-1: 0 1px 2px rgba(0,0,0,.4);--sh-2: 0 1px 2px rgba(0,0,0,.35),0 10px 28px -10px rgba(0,0,0,.7);--sh-3: 0 2px 4px rgba(0,0,0,.35),0 28px 70px -20px rgba(0,0,0,.85);color-scheme: dark}:root[data-theme="dark"] ::selection{background: rgba(255,138,61,.35)}:root[data-theme="dark"] .s-foot{border-top: 1px solid var(--line)}:root[data-theme="dark"] .owned-box{color: #9ff0c4}html{transition: background-color .3s}.spot,.showcase,.gate__art,.tile--ember,.s-foot,.qlv__media{--focus: var(--ember-2)}:root[data-theme="dark"] :is(.spot,.showcase,.gate__art,.tile--ember,.toast){outline: 1px solid rgba(255,255,255,.1);outline-offset: -1px}*,*::before,*::after{box-sizing: border-box}[hidden]{display: none !important}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-behavior: smooth}body{margin: 0;background: var(--paper);color: var(--ink);font: 400 16px/1.55 "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-feature-settings: "cv11","ss01","ss03";-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}img,video{max-width: 100%;height: auto;display: block}a,button,summary,label{-webkit-tap-highlight-color: transparent}a{color: inherit;text-decoration: none}button,input,select,textarea{font: inherit;color: inherit}button{cursor: pointer}:focus-visible{outline: 2.5px solid var(--focus);outline-offset: 3px}:where(a):focus-visible{border-radius: var(--r-xs)}::selection{background: #ffd9c2}.sr{position: absolute !important;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap}.wrap{width: min(var(--wrap),100% - 40px);margin-inline: auto}.eyebrow svg,.h2 svg,p > svg,.demo-flag svg,.note-sm svg{width: 1.05em;height: 1.05em;vertical-align: -.16em;flex: none}.sheet__head .demo-flag{margin-left: auto}.sheet__head .demo-flag + .sheet__close{margin-left: 0}.mono{font-family: var(--mono);font-size: .92em;letter-spacing: -.01em}.muted{color: var(--ink-3)}.eyebrow{font-size: 12px;font-weight: 700;letter-spacing: .14em;text-transform: uppercase;color: var(--ember-ink)}.h-display{font-size: clamp(40px,6.2vw,80px);line-height: .98;letter-spacing: -.045em;font-weight: 800;margin: 0;text-wrap: balance}.h1{font-size: clamp(32px,4.2vw,52px);line-height: 1.04;letter-spacing: -.035em;font-weight: 800;margin: 0;text-wrap: balance}.h2{font-size: clamp(24px,2.6vw,32px);line-height: 1.15;letter-spacing: -.025em;font-weight: 750;margin: 0}.h3{font-size: 18px;line-height: 1.3;letter-spacing: -.012em;font-weight: 700;margin: 0}.lede{font-size: clamp(17px,1.6vw,20px);line-height: 1.55;color: var(--ink-2);max-width: 60ch;text-wrap: pretty}.fire-text{background-image: linear-gradient(135deg,#c24100,#d94e00);-webkit-background-clip: text;background-clip: text;color: transparent}:root[data-theme="dark"] .fire-text{background-image: var(--fire)}@media (max-width: 560px){.wrap{width: calc(100% - 32px)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .01ms !important;transition-duration: .01ms !important;scroll-behavior: auto !important}}@media (forced-colors: active){:focus-visible{outline-color: Highlight}}
.btn{--b: var(--ink);--fg: var(--paper);display: inline-flex;align-items: center;justify-content: center;gap: 9px;height: 44px;padding: 0 20px;border-radius: 999px;border: 0;font-weight: 650;font-size: 15px;letter-spacing: -.01em;white-space: nowrap;transition: transform .15s var(--ease),box-shadow .2s,background .2s,opacity .2s;background: var(--b);color: var(--fg)}.btn:hover{transform: translateY(-1px)}.btn:active{transform: translateY(0) scale(.985)}.btn svg{width: 17px;height: 17px;flex: none}.btn--sm{height: 36px;padding: 0 15px;font-size: 14px}.btn--lg{height: 52px;padding: 0 26px;font-size: 16px}.btn--block{width: 100%}.btn--ember{background: var(--fire);color: #17130f;box-shadow: var(--sh-ember)}.btn--ember:hover{box-shadow: 0 14px 34px -10px rgba(255,91,4,.7)}.btn--ghost{background: var(--card);color: var(--ink);box-shadow: inset 0 0 0 1px var(--line-2),var(--sh-1)}.btn--ghost:hover{box-shadow: inset 0 0 0 1px var(--line-strong),var(--sh-2)}.btn--glass{background: rgba(255,255,255,.1);color: #fff;box-shadow: inset 0 0 0 1px rgba(255,255,255,.22);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px)}.btn--glass:hover{background: rgba(255,255,255,.16)}.btn[disabled],.btn.is-disabled{opacity: .45;pointer-events: none}.chip{flex: none;display: inline-flex;align-items: center;gap: 7px;height: 36px;padding: 0 14px;border-radius: 999px;border: 1px solid var(--line);background: var(--card);font-size: 14px;font-weight: 550;color: var(--ink-2);transition: background-color .15s,border-color .15s,color .15s;user-select: none}.chip:hover{border-color: var(--line-2);color: var(--ink)}.chip svg{width: 15px;height: 15px;flex: none}.chip[aria-pressed="true"],.chip[aria-current="page"]{background: var(--ink);border-color: var(--ink);color: var(--paper)}.chip .n{font: 600 11px/1 var(--mono);color: var(--ink-3)}.chip[aria-pressed="true"] .n,.chip[aria-current="page"] .n{color: inherit;opacity: .7}.pill{display: inline-flex;align-items: center;gap: 5px;height: 24px;padding: 0 9px;border-radius: 999px;font-size: 12px;font-weight: 650;letter-spacing: -.005em;white-space: nowrap;background: var(--paper-2);color: var(--ink-2)}.pill--price{background: var(--ink);color: var(--paper)}.pill--free{background: var(--ok-wash);color: var(--ok)}.pill--pwyw{background: var(--ember-wash);color: var(--ember-ink)}.pill--beta{background: var(--beta-wash);color: var(--beta);box-shadow: inset 0 0 0 1px color-mix(in oklab,var(--ember) 45%,transparent)}.pill--soon{background: var(--warn-wash);color: var(--warn)}.pill--legacy{background: var(--paper-2);color: var(--ink-3)}.pill--owned{background: var(--ok-solid);color: #fff}.pill--included{background: var(--card);color: var(--ink-2);box-shadow: inset 0 0 0 1px var(--line-2)}.pill svg{width: 12px;height: 12px;flex: none}.pill--beta::before,.flag--beta::before{content: "";flex: none;width: 6px;height: 6px;border-radius: 50%;background: var(--ember);box-shadow: 0 0 0 3px rgba(255,91,4,.25)}.pill--beta::before{margin-right: 2px}.plat{display: inline-flex;gap: 6px;color: var(--ink-3)}.plat svg{width: 15px;height: 15px}.seg{display: inline-flex;padding: 4px;border-radius: 999px;background: var(--paper-2);box-shadow: inset 0 0 0 1px var(--line)}.seg button{border: 0;background: transparent;height: 32px;padding: 0 15px;border-radius: 999px;font-size: 14px;font-weight: 600;color: var(--ink-2);transition: background-color .15s,color .15s,box-shadow .15s}.seg button:hover{color: var(--ink)}.seg button[aria-pressed="true"]{background: var(--card);color: var(--ink);box-shadow: var(--sh-2),inset 0 0 0 1.5px var(--ink)}.seg button:disabled{cursor: default;color: var(--ink-3)}.switch{display: inline-flex;align-items: center;gap: 10px;font-size: 14px;font-weight: 600;color: var(--ink-2);cursor: pointer;user-select: none}.switch input{appearance: none;-webkit-appearance: none;flex: none;width: 38px;height: 22px;border-radius: 999px;background: var(--line-strong);position: relative;transition: background-color .2s;cursor: pointer;margin: 0}.switch input::after{content: "";position: absolute;top: 3px;left: 3px;width: 16px;height: 16px;border-radius: 50%;background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,.2);transition: transform .25s var(--ease),background-color .2s}.switch input:checked{background: var(--ink)}.switch input:checked::after{transform: translateX(16px);background: var(--card)}.switch input:disabled{opacity: .5;cursor: not-allowed}.section{margin: var(--s-8) 0}.section__head{display: flex;flex-wrap: wrap;align-items: end;justify-content: space-between;gap: var(--s-3) 20px;margin-bottom: 22px}.section__head > :first-child{flex: 1 1 auto;min-width: 0}.section__head p{max-width: 60ch;margin: 6px 0 0;color: var(--ink-3)}.section__head .eyebrow + :is(.h1,.h2,.h3){margin-top: 6px}.count{font: 600 13px var(--mono);color: var(--ink-3)}.icon{width: 56px;height: 56px;flex: none;border-radius: 27%;object-fit: cover;box-shadow: 0 6px 16px -6px rgba(23,19,15,.35),inset 0 0 0 1px rgba(0,0,0,.06);background: var(--paper-2)}.icon--lg{width: 96px;height: 96px}.icon--xl{width: 120px;height: 120px}.icon--mono{display: grid;place-items: center;color: #fff;font-weight: 800;font-size: 22px;letter-spacing: -.04em;background: linear-gradient(140deg,var(--accent,#ff5b04),color-mix(in oklab,var(--accent,#ff5b04) 55%,#000))}.icon--lg.icon--mono{font-size: 38px}.icon--xl.icon--mono{font-size: 46px}.flag{position: absolute;left: 12px;top: 12px;z-index: 2;display: inline-flex;align-items: center;gap: 5px;height: 26px;padding: 0 10px;border-radius: 999px;font-size: 12px;font-weight: 700;color: #fff;background: rgba(18,14,12,.62);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);box-shadow: inset 0 0 0 1px rgba(255,255,255,.14)}.flag svg{width: 12px;height: 12px;flex: none}.flag--beta::before{margin-right: 2px}.flag--soon{background: rgba(138,79,0,.9)}.flag--new{background: var(--ok-solid)}.flag--legacy{background: rgba(80,73,66,.78)}.rating{display: inline-flex;align-items: center;gap: 3px;font-size: 12.5px;color: var(--ink-3);font-weight: 600}.rating svg{width: 13px;height: 13px;color: #f5a524}.rating b{color: var(--ink);font-weight: 750}.empty{text-align: center;padding: var(--s-8) var(--s-5);border-radius: var(--r-lg);background: var(--card);box-shadow: inset 0 0 0 1px var(--line);color: var(--ink-3);text-wrap: pretty}.empty b{display: block;color: var(--ink);font-size: 18px;margin-bottom: 6px}.empty .btn{margin-left: var(--s-2);vertical-align: middle}.crumbs{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2);font-size: 13.5px;color: var(--ink-3);margin-bottom: 26px;font-weight: 550}.crumbs a{color: var(--ink-2)}.crumbs a:hover{color: var(--ink)}.crumbs [aria-current="page"]{color: var(--ink)}.prose{font-size: 17px;line-height: 1.7;color: var(--ink-2)}.prose h2{color: var(--ink);font-size: 24px;letter-spacing: -.025em;margin: 1.8em 0 .5em;line-height: 1.2;text-wrap: balance}.prose h3{color: var(--ink);font-size: 19px;margin: 1.5em 0 .4em}.prose a{color: var(--ember-ink);text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px}.prose a:hover{text-decoration-thickness: 2px}.prose code{font-family: var(--mono);font-size: .86em;background: var(--paper-2);padding: 2px 6px;border-radius: var(--r-xs)}.prose pre{background: var(--night);color: #f1ebe4;padding: 18px;border-radius: var(--r);overflow-x: auto;font-size: 14px}.prose pre code{background: none;padding: 0}.prose img{border-radius: var(--r);margin: 1.4em 0}.prose table{width: 100%;border-collapse: collapse;font-size: 15px}.prose th,.prose td{text-align: left;padding: 10px 12px;border-bottom: 1px solid var(--line)}.features{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--s-3);margin: 22px 0 0;padding: 0;list-style: none}.features li{display: flex;gap: var(--s-3);padding: var(--s-4);border-radius: var(--r);background: var(--card);box-shadow: inset 0 0 0 1px var(--line);font-size: 15px;color: var(--ink-2);line-height: 1.45}.features li::before{content: "";flex: none;width: 22px;height: 22px;border-radius: var(--r-xs);background: var(--accent);opacity: .9;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 16.2 5.3 12l-1.4 1.4 5.6 5.6 12-12-1.4-1.4z'/%3E%3C/svg%3E") center / 16px no-repeat,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude}.demo-flag{display: inline-flex;align-items: center;gap: 6px;font: 600 11px var(--mono);text-transform: uppercase;letter-spacing: .08em;color: var(--beta);background: var(--beta-wash);box-shadow: inset 0 0 0 1px color-mix(in oklab,currentColor 38%,transparent);padding: 5px 9px;border-radius: var(--r-xs)}.src{display: inline-flex;align-items: center;gap: 5px;font-size: 12px;font-weight: 650;color: var(--ink-3)}.src i{flex: none;width: 7px;height: 7px;border-radius: 50%;background: currentColor}.src--paypal{color: var(--src-paypal)}.src--itch{color: var(--src-itch)}.src--legacy{color: var(--src-legacy)}.table{width: 100%;border-collapse: separate;border-spacing: 0;background: var(--card);border-radius: var(--r-lg);box-shadow: var(--sh-1),inset 0 0 0 1px var(--line);overflow: hidden;font-size: 14.5px}.table th{text-align: left;font-size: 12px;text-transform: uppercase;letter-spacing: .08em;color: var(--ink-3);font-weight: 700;padding: 14px 18px;border-bottom: 1px solid var(--line);background: var(--paper)}.table td{padding: 14px 18px;border-bottom: 1px solid var(--line);vertical-align: middle}.table tr:last-child td{border-bottom: 0}.table .prod{display: flex;align-items: center;gap: var(--s-3);font-weight: 650}.table .icon{width: 34px;height: 34px;font-size: 14px}.panel{padding: var(--s-5);border-radius: var(--r-lg);background: var(--card);box-shadow: var(--sh-1),inset 0 0 0 1px var(--line)}.panel + .panel{margin-top: var(--s-4)}.panel :is(h2,h3){margin: 0 0 6px;font-size: 18px;line-height: 1.3;letter-spacing: -.012em;font-weight: 700}.panel p{margin: 0 0 var(--s-4);color: var(--ink-2);font-size: 14.5px}.field{display: grid;gap: 7px;margin-bottom: 14px}.field label{font-size: 13.5px;font-weight: 650}.field input,.field select,.field textarea{height: 44px;border-radius: 12px;border: 1px solid var(--line-strong);padding: 0 14px;background: var(--card);font-size: 15px;transition: border-color .15s,box-shadow .15s}.field textarea{height: auto;min-height: 96px;padding-block: 10px;line-height: 1.5;resize: vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color: var(--ember-2);box-shadow: 0 0 0 4px rgba(255,138,61,.16)}.field input:disabled,.field select:disabled,.field textarea:disabled{border-color: var(--line-2);background: var(--paper-2);color: var(--ink-2);-webkit-text-fill-color: var(--ink-2);opacity: 1;cursor: not-allowed}.field input::placeholder,.field textarea::placeholder{color: var(--ink-3);opacity: 1}.row-2{display: grid;grid-template-columns: 1fr 1fr;gap: var(--s-4)}.btn--google{background: #fff;color: #1f1f1f;box-shadow: inset 0 0 0 1px #dadce0,var(--sh-1);height: 50px}.btn--google:hover{box-shadow: inset 0 0 0 1px #c6c9cd,var(--sh-2)}.btn--google svg{width: 20px;height: 20px}.toast{position: fixed;left: 50%;bottom: 26px;transform: translate(-50%,20px);opacity: 0;z-index: 90;width: max-content;max-width: calc(100vw - 32px);background: var(--night);color: #fff;padding: 12px 18px;border-radius: 999px;font-size: 14px;font-weight: 600;line-height: 1.35;text-align: center;box-shadow: var(--sh-3);transition: opacity .35s var(--ease),transform .35s var(--ease),bottom .5s var(--ease);display: flex;gap: 9px;align-items: center;pointer-events: none}.toast.is-on{opacity: 1;transform: translate(-50%,0)}.toast svg{flex: none;width: 16px;height: 16px;color: #7ee2a8}.toast span{min-width: 0;text-wrap: pretty}.m-0{margin: 0 !important}.mt-0{margin-top: 0 !important}.mt-1{margin-top: var(--s-1) !important}.mt-2{margin-top: var(--s-2) !important}.mt-3{margin-top: var(--s-3) !important}.mt-4{margin-top: var(--s-4) !important}.mt-5{margin-top: var(--s-5) !important}.mt-6{margin-top: var(--s-6) !important}.mt-7{margin-top: var(--s-7) !important}.mb-0{margin-bottom: 0 !important}.mb-1{margin-bottom: var(--s-1) !important}.mb-2{margin-bottom: var(--s-2) !important}.mb-3{margin-bottom: var(--s-3) !important}.mb-4{margin-bottom: var(--s-4) !important}.mb-5{margin-bottom: var(--s-5) !important}.mb-6{margin-bottom: var(--s-6) !important}.section-gap{margin: var(--s-7) 0 0 !important}.h-sub{font-size: 22px;line-height: 1.2;letter-spacing: -.02em}.note-sm{font-size: 13.5px !important;line-height: 1.5;color: var(--ink-3) !important}.link-u{text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px;text-decoration-color: color-mix(in oklab,currentColor 55%,transparent)}.link-u:hover{text-decoration-color: currentColor}.label{margin: 0;font-size: 12px;line-height: 1.4;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;color: var(--ink-3)}.vr{flex: none;align-self: stretch;width: 1px;margin: 4px 6px;background: var(--line)}.row{display: flex;flex-wrap: wrap;align-items: center;gap: 10px}.center{display: flex;justify-content: center;align-items: center}@media (max-width: 860px){.features{grid-template-columns: 1fr}.row-2{grid-template-columns: 1fr}.table{display: block;overflow-x: auto}}
.s-nav{position: sticky;top: 0;z-index: 50;background: color-mix(in oklab,var(--paper) 78%,transparent);backdrop-filter: saturate(1.6) blur(18px);-webkit-backdrop-filter: saturate(1.6) blur(18px);border-bottom: 1px solid transparent;transition: border-color .2s}.s-nav.is-scrolled{border-bottom-color: var(--line)}.s-nav__in{position: relative;display: flex;align-items: center;gap: 28px;height: 68px}.s-brand{display: flex;flex: none;align-items: center;gap: 9px;font-weight: 800;letter-spacing: -.03em;font-size: 19px;border-radius: 12px}.s-brand__mark{display: block;flex: none;width: auto;height: 31px}.s-brand__text{display: flex;flex-direction: column;line-height: 1.15}.s-brand__name{background: var(--fire);-webkit-background-clip: text;background-clip: text;color: transparent;-webkit-text-fill-color: transparent;padding-bottom: 1px}.s-brand small{display: block;font-size: 10.5px;font-weight: 600;letter-spacing: .02em;color: var(--ink-3);margin-top: -1px;white-space: nowrap;-webkit-text-fill-color: currentColor}.s-brand small b{font-weight: 750;color: var(--ink-2)}.s-links{display: flex;gap: 4px;margin: 0;padding: 0;list-style: none}.s-links a{display: block;padding: 8px 13px;border-radius: 999px;font-size: 14.5px;font-weight: 550;color: var(--ink-2);transition: background .15s,color .15s}.s-links a:hover{background: var(--paper-2);color: var(--ink)}.s-links a[aria-current="page"]{color: var(--ink);background: var(--card);box-shadow: var(--sh-1),inset 0 0 0 1px var(--line)}.s-nav__right{margin-left: auto;display: flex;align-items: center;gap: 10px}.s-kbd{font: 600 11px/1 var(--mono);padding: 4px 6px;border-radius: 6px;border: 1px solid var(--line-2);color: var(--ink-3);background: var(--card);white-space: nowrap}.s-search-btn{display: flex;align-items: center;gap: 10px;height: 38px;padding: 0 10px 0 12px;border-radius: 999px;border: 1px solid var(--line);background: var(--card);color: var(--ink-3);font-size: 14px;min-width: 220px;box-shadow: var(--sh-1);transition: border-color .15s,color .15s,box-shadow .2s}.s-search-btn:hover{border-color: var(--line-2);color: var(--ink-2);box-shadow: var(--sh-2)}.s-search-btn svg{width: 16px;height: 16px;flex: none}.s-search-btn .s-kbd{margin-left: auto}.s-avatar{width: 36px;height: 36px;flex: none;border-radius: 50%;display: grid;place-items: center;font-weight: 700;font-size: 14px;color: #fff;background: linear-gradient(135deg,#3b2f28,#17130f);box-shadow: 0 0 0 2px var(--paper),0 0 0 3.5px var(--ember-2)}.s-menu-toggle{display: none}html:not(.js) .s-theme,html:not(.js) .s-search-btn .s-kbd{display: none}.s-nav :is(.s-links a,.s-search-btn,.s-theme,.s-avatar,.s-menu-toggle,.s-brand):focus-visible{outline: 2.5px solid var(--focus,var(--ember));outline-offset: 2px}.s-theme{width: 38px;height: 38px;flex: none;border-radius: 50%;border: 1px solid var(--line);background: var(--card);display: grid;place-items: center;color: var(--ink-2);box-shadow: var(--sh-1);transition: border-color .15s,box-shadow .2s}.s-theme:hover{border-color: var(--line-2);box-shadow: var(--sh-2)}.s-theme svg{grid-area: 1 / 1;width: 17px;height: 17px;transition: transform .5s var(--ease),opacity .3s}.s-theme svg:last-child{opacity: 0;transform: rotate(-90deg) scale(.5)}:root[data-theme="dark"] .s-theme svg:first-child{opacity: 0;transform: rotate(90deg) scale(.5)}:root[data-theme="dark"] .s-theme svg:last-child{opacity: 1;transform: none;color: var(--ember-3)}::view-transition-group(*){animation-duration: .5s;animation-timing-function: cubic-bezier(.2,.8,.2,1)}::view-transition-old(root){animation: .25s ease both vt-out}::view-transition-new(root){animation: .35s .05s cubic-bezier(.2,.8,.2,1) both vt-in}@keyframes vt-out{to{opacity: 0}}@keyframes vt-in{from{opacity: 0;transform: translateY(10px)}}.card.vt-on .card__head .icon{view-transition-name: var(--vt-icon,none)}.card.vt-on .card__media{view-transition-name: var(--vt-media,none)}.p-head .icon--xl{view-transition-name: var(--vt-icon,none)}.showcase__stage{view-transition-name: var(--vt-media,none)}.s-nav{view-transition-name: site-nav}@media (prefers-reduced-motion: reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation: none !important}}.s-foot{background: var(--night);color: rgba(255,255,255,.62);margin-top: 90px;padding: 64px 0 36px;font-size: 14.5px}.s-foot__grid{display: grid;grid-template-columns: 1.4fr repeat(3,1fr);gap: 40px}.s-foot h2{color: #fff;font-size: 13px;line-height: 1.3;font-weight: 700;letter-spacing: .1em;text-transform: uppercase;margin: 0 0 14px}.s-foot ul{list-style: none;padding: 0;margin: 0;display: grid;gap: 9px}.s-foot a{border-radius: 4px;transition: color .15s}.s-foot a:hover{color: #fff}.s-foot a:focus-visible{outline: 2px solid var(--ember-3);outline-offset: 3px}.s-foot .s-brand{color: #fff;margin-bottom: 14px}.s-foot .s-brand small{color: rgba(255,255,255,.55)}.s-foot .s-brand small b{color: rgba(255,255,255,.78)}.s-foot__about{max-width: 34ch;margin: 0}.s-foot__base{margin-top: 48px;padding-top: 22px;border-top: 1px solid var(--night-line);display: flex;justify-content: space-between;gap: 8px 20px;flex-wrap: wrap;font-size: 13px}.pay-row{margin: 0;color: rgba(255,255,255,.62)}.nf{padding: 72px 0 24px}.nf .h1{margin: 10px 0 12px}.nf .lede{margin: 0}.nf .lede a{color: var(--ember-ink);text-decoration: underline;text-underline-offset: 3px}.nf__search{display: flex;flex-wrap: wrap;gap: 10px;max-width: 560px;margin-top: 28px}.nf__field{position: relative;flex: 1 1 240px;min-width: 0}.nf__field svg{position: absolute;left: 15px;top: 50%;width: 17px;height: 17px;transform: translateY(-50%);color: var(--ink-3);pointer-events: none}.nf__field input{width: 100%;height: 44px;padding: 0 16px 0 42px;border-radius: 999px;border: 1px solid var(--line-2);background: var(--card);color: var(--ink);font: inherit;font-size: 16px;box-shadow: var(--sh-1)}.nf__field input:focus-visible{outline: 2px solid var(--focus,var(--ember-ink));outline-offset: 2px}.nf__sugg{margin-top: 56px}.nf__sugg .h3{margin-bottom: 16px}.nf__posts{display: grid;gap: 10px;margin: 0;padding: 0;list-style: none}.nf__posts a{font-weight: 650;text-decoration: underline;text-decoration-color: var(--line-2);text-underline-offset: 3px}.nf__posts a:hover{text-decoration-color: currentColor}.reveal{transition: opacity .7s var(--ease),transform .7s var(--ease)}.js .reveal:not(.is-in){opacity: 0;transform: translateY(14px)}@media (max-width: 1020px){.s-foot__grid{grid-template-columns: repeat(3,1fr)}.s-foot__grid > :first-child{grid-column: 1 / -1}}@media (max-width: 980px){.s-search-btn{min-width: 0;width: 38px;padding: 0;justify-content: center}.s-search-btn span,.s-search-btn .s-kbd{display: none}.s-nav__in{gap: 20px}}@media (max-width: 860px){.s-nav__in{gap: 12px}.s-mainnav{order: 3;margin-left: -2px}.js .s-links{display: none;position: absolute;top: 100%;left: -20px;right: -20px;flex-direction: column;gap: 2px;padding: 10px 14px 16px;background: var(--paper);border-bottom: 1px solid var(--line);box-shadow: 0 24px 40px -28px rgba(23,19,15,.35)}.js .s-nav.is-open .s-links{display: flex;animation: menu-in .22s var(--ease) both}.js .s-links a{padding: 12px 14px;border-radius: 12px;font-size: 16px}.s-menu-toggle{display: grid;place-items: center;width: 38px;height: 38px;flex: none;border-radius: 50%;border: 1px solid var(--line);background: var(--card);color: var(--ink-2);box-shadow: var(--sh-1)}.s-menu-toggle svg{width: 18px;height: 18px}.s-nav.is-open .s-menu-toggle{background: var(--paper-2);color: var(--ink)}html:not(.js) .s-menu-toggle{display: none}html:not(.js) .s-nav__in{flex-wrap: wrap;height: auto;min-height: 68px;padding-block: 12px;row-gap: 8px}html:not(.js) .s-mainnav{flex: 1 0 100%;margin-left: 0}html:not(.js) .s-links{flex-wrap: wrap}}@keyframes menu-in{from{opacity: 0;transform: translateY(-6px)}}@media (max-width: 560px){.s-nav .s-brand small{display: none}.s-nav .s-brand__mark{height: 26px}.s-nav__right{gap: 6px}.s-mainnav{margin-left: -6px}.js .s-links{left: -16px;right: -16px}.s-foot{padding-top: 52px}.s-foot__grid{grid-template-columns: 1fr 1fr;gap: 32px 20px}.s-foot__grid > :first-child{grid-column: 1 / -1}}@media (max-width: 374px){.s-nav .s-brand__text{display: none}.s-nav .s-brand__mark{height: 30px}.s-nav__right{gap: 4px}.s-mainnav{margin-left: -8px}}
.grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 22px 20px}.card{position: relative;display: flex;flex-direction: column;min-width: 0;border-radius: var(--r-lg);background: var(--card);color: inherit;text-align: left;overflow: hidden;isolation: isolate;container-type: inline-size;box-shadow: var(--sh-1),inset 0 0 0 1px var(--line);transition: transform .35s var(--ease),box-shadow .35s var(--ease)}.card:hover{transform: translateY(-4px);box-shadow: 0 2px 4px rgba(23,19,15,.04),0 26px 50px -22px color-mix(in oklab,var(--accent) 55%,rgba(23,19,15,.5)),inset 0 0 0 1px var(--line)}:root[data-theme="dark"] .card:hover{box-shadow: 0 2px 4px rgba(0,0,0,.3),0 26px 50px -22px color-mix(in oklab,var(--accent) 45%,rgba(0,0,0,.8)),inset 0 0 0 1px var(--line-2)}.card__link{color: inherit;border-radius: 4px}.card__link::after{content: "";position: absolute;inset: 0;z-index: 1;border-radius: inherit}.card__link:focus-visible{outline: 2.5px solid var(--focus,var(--ember));outline-offset: 2px}@supports selector(:has(a)){.card__link:focus-visible{outline: none}.card:has(.card__link:focus-visible){outline: 2.5px solid var(--focus,var(--ember));outline-offset: 3px}}.card__media{position: relative;z-index: 0;display: block;aspect-ratio: 16 / 9;background: var(--paper-2);overflow: hidden}.card__media::after{content: "";position: absolute;inset: auto 0 0;height: 46%;background: linear-gradient(transparent,rgba(12,10,8,.28));pointer-events: none}.art{position: absolute;inset: 0;display: block;overflow: hidden}.art img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 1s var(--ease),opacity .6s var(--ease)}.art .art__alt{opacity: 0}.card:hover .art .art__alt.is-ready{opacity: 1}.card:hover .art :is(.art__main,.art__alt){transform: scale(1.045)}.art--fit .art__main{object-fit: contain}.art .art__fill{inset: -30px;width: calc(100% + 60px);height: calc(100% + 60px);object-fit: cover;filter: blur(28px) saturate(1.2) brightness(.55);transform: scale(1.1)}.art--gen{--art-base: color-mix(in oklab,var(--accent) 72%,#000);display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;gap: 6px;padding: 18px 18px 40px;background: radial-gradient(65% 80% at 95% 0%,color-mix(in oklab,var(--art-base) 80%,#fff) 0%,transparent 60%),radial-gradient(100% 100% at 0% 100%,color-mix(in oklab,var(--art-base) 55%,#000) 0%,transparent 75%),var(--art-base)}@supports (color: oklch(from red min(l,.6) c h)){.art--gen{--art-base: oklch(from var(--accent) min(l,.6) c h)}}.art--gen.art--legacy{--accent: #5c554e}.art--gen::before{content: "";position: absolute;inset: 0;background-image: radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size: 16px 16px;mask-image: radial-gradient(circle at 50% 50%,#000 0%,transparent 75%);-webkit-mask-image: radial-gradient(circle at 50% 50%,#000 0%,transparent 75%)}.art--gen::after{content: "";position: absolute;inset: 0;background: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.45))}.art__name{position: relative;z-index: 1;max-width: 100%;color: #fff;font-size: clamp(22px,2.4vw,30px);font-weight: 800;line-height: 1.04;letter-spacing: -.03em;text-wrap: balance;overflow-wrap: anywhere;text-shadow: 0 1px 14px rgba(0,0,0,.22);transition: transform .6s var(--ease);transform-origin: 0 100%}.art__cat{position: relative;z-index: 1;color: #fff;font-size: 11.5px;font-weight: 700;letter-spacing: .1em;text-transform: uppercase}.card:hover .art__name{transform: translateY(-2px)}.card__owned{position: absolute;right: 12px;top: 12px;z-index: 2;display: inline-flex;align-items: center;gap: 5px;height: 26px;padding: 0 10px;border-radius: 999px;font-size: 12px;font-weight: 700;color: #fff;background: var(--ok-solid,#0f7a45);box-shadow: 0 6px 14px -6px rgba(15,122,69,.7)}.card__owned svg{width: 12px;height: 12px}.card__content{display: flex;flex-direction: column;gap: 9px;padding: 0 18px 16px;flex: 1}.card__head{display: flex;gap: 12px;align-items: flex-start;margin-top: -26px}.card__head .icon{position: relative;z-index: 1;width: 58px;height: 58px;border-radius: 16px;box-shadow: 0 0 0 3.5px var(--card),0 10px 22px -8px rgba(23,19,15,.45)}.card__head .icon--mono{font-size: 23px}.card__title{padding-top: 32px;min-width: 0}.card__title b{display: block;font-size: 16.5px;font-weight: 750;letter-spacing: -.02em;line-height: 1.25}.card__title > span{display: block;font-size: 12.5px;color: var(--ink-3);font-weight: 560;margin-top: 2px}.card__tagline{margin: 0;font-size: 14.5px;line-height: 1.5;color: var(--ink-2);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.card__foot{margin-top: auto;display: flex;align-items: center;justify-content: space-between;gap: 10px;padding-top: 10px}.card__pills{display: flex;gap: 8px;align-items: center;flex-wrap: wrap;min-width: 0}.card__rowpill{display: none}.card__rowpill--owned{background: var(--ok-solid,#0f7a45);color: #fff}.card__rowpill svg{width: 11px;height: 11px}.card--plain{padding: 18px;gap: 6px}.card--plain::before{display: none}.card.is-legacy{background: var(--card-muted,var(--paper-2));box-shadow: inset 0 0 0 1px var(--line)}.card.is-legacy .card__media .art img{filter: grayscale(1) contrast(.9);opacity: .55}.card.is-legacy .card__media::after{display: none}.card.is-legacy .card__head .icon{filter: grayscale(1);box-shadow: 0 0 0 3.5px var(--card-muted,var(--paper-2))}.card.is-legacy .card__title b,.card.is-legacy .card__tagline{color: var(--ink-2)}.card.is-legacy:hover{transform: none;box-shadow: inset 0 0 0 1px var(--line-strong,var(--ink-3))}.ql{position: absolute;right: 12px;top: 12px;z-index: 3;display: inline-flex;align-items: center;gap: 6px;height: 30px;padding: 0 12px;border: 0;border-radius: 999px;font-size: 12.5px;font-weight: 700;color: var(--ink);background: color-mix(in oklab,var(--card) 88%,transparent);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);box-shadow: var(--sh-2);opacity: 0;transform: translateY(6px);transition: opacity .25s,transform .3s var(--ease),background .15s;cursor: pointer}@supports (top: 1cqw){.ql{top: calc(56.25cqw - 42px)}}.ql svg{width: 14px;height: 14px}.card:hover .ql,.card:focus-within .ql{opacity: 1;transform: none}.ql:hover{background: var(--card)}.ql:focus-visible{opacity: 1;transform: none;outline: 2.5px solid var(--focus,var(--ember));outline-offset: 2px}@media (hover: none){.ql{display: none}}.pill--external{background: var(--card);color: var(--ink);box-shadow: inset 0 0 0 1px var(--line-strong,var(--line-2))}.pill--course{background: var(--paper-2);color: var(--ink-2)}.plat--kind{align-items: center;gap: 5px;font-size: 12.5px;font-weight: 650;letter-spacing: -.005em;white-space: nowrap}.plat--kind svg{width: 16px;height: 16px}@media (prefers-reduced-motion: reduce){.card:hover,.card:hover .art :is(.art__main,.art__alt),.card:hover .art__name{transform: none}}@media (min-width: 561px){.grid{grid-auto-rows: 1fr}}@media (max-width: 560px){.grid{grid-template-columns: 1fr}#grid .card__rowpill{display: inline-flex}#grid .card__owned,#grid .card__media .flag--beta{display: none}}
.spot{--spot-dur: 7s;position: relative;margin-top: 18px;display: grid;grid-template-columns: minmax(0,1fr) 270px;min-height: 560px;border-radius: var(--r-xl);background: var(--night);color: #fff;overflow: hidden;isolation: isolate;box-shadow: 0 40px 80px -40px color-mix(in oklab,var(--accent) 60%,#000),var(--sh-3);transition: box-shadow 1s var(--ease)}.spot :focus-visible{outline-color: var(--focus,var(--ember-2))}.spot__bg{position: absolute;inset: 0;z-index: -2}.spot__bg img{position: absolute;inset: -60px;width: calc(100% + 120px);height: calc(100% + 120px);object-fit: cover;filter: blur(56px) saturate(1.4);opacity: 0;transform: scale(1.15);transition: opacity 1.2s var(--ease),transform 8s linear}.spot__bg img.is-on{opacity: .42;transform: scale(1.05)}.spot::before{content: "";position: absolute;inset: 0;z-index: -1;background: radial-gradient(60% 80% at 20% 50%,rgba(14,11,9,.92) 0%,rgba(14,11,9,.55) 60%,rgba(14,11,9,.2) 100%),radial-gradient(50% 70% at 75% 30%,color-mix(in oklab,var(--accent) 45%,transparent),transparent 70%);transition: background 1s var(--ease)}.spot::after{content: "";position: absolute;inset: 0;z-index: -1;pointer-events: none;opacity: .25;mix-blend-mode: overlay;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.spot__slides{display: grid;min-width: 0}.spot__slide{position: relative;grid-area: 1 / 1;min-width: 0;display: grid;grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr);align-items: center;gap: 30px;padding: 56px 20px 56px 56px;visibility: hidden;transition: visibility 0s linear .3s}.spot__slide.is-on{z-index: 1;visibility: visible;transition-delay: 0s}.spot__copy{min-width: 0}.spot__copy > *{opacity: 0;transform: translateY(14px);transition: opacity .6s var(--ease),transform .7s var(--ease)}.spot__slide:not(.is-on) .spot__copy > *{transform: translateY(-6px);transition-duration: .25s}.spot__slide.is-on .spot__copy > *{opacity: 1;transform: none}.spot__slide.is-on .spot__copy > :nth-child(2){transition-delay: .06s}.spot__slide.is-on .spot__copy > :nth-child(3){transition-delay: .12s}.spot__slide.is-on .spot__copy > :nth-child(4){transition-delay: .18s}.spot__slide.is-on .spot__copy > :nth-child(5){transition-delay: .24s}.spot__badge{display: inline-flex;align-items: center;gap: 7px;height: 30px;padding: 0 12px;border-radius: 999px;font-size: 12.5px;font-weight: 700;letter-spacing: .02em;color: var(--ember-3);background: rgba(255,179,64,.1);box-shadow: inset 0 0 0 1px rgba(255,179,64,.28)}.spot__badge svg{width: 13px;height: 13px;flex: none}.spot__title{display: flex;align-items: center;gap: 18px;margin: 22px 0 14px}.spot__title .icon{flex: none;width: 74px;height: 74px;border-radius: 20px;box-shadow: 0 18px 40px -12px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.12)}.spot__title .icon--mono{font-size: 30px}.spot h2{min-width: 0;margin: 0;font-size: clamp(34px,4.1vw,58px);line-height: .98;letter-spacing: -.045em;font-weight: 850;text-wrap: balance}.spot__slide--long h2{font-size: clamp(30px,3.3vw,46px);letter-spacing: -.04em}.spot p{margin: 0 0 18px;max-width: 44ch;font-size: 18px;line-height: 1.5;color: rgba(255,255,255,.74);text-wrap: pretty}.spot__meta{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 14px;margin-bottom: 26px;font-size: 13.5px;font-weight: 600;color: rgba(255,255,255,.66)}.spot__meta:empty{display: none}.spot__meta .plat{color: rgba(255,255,255,.8)}.spot__meta .rating,.spot__meta .rating b{color: #fff}.spot__cta{display: flex;flex-wrap: wrap;gap: 12px}.spot__cta .btn--lg{padding: 0 22px}.spot__art{position: relative;align-self: stretch;min-width: 0;min-height: 400px;perspective: 1600px}.win{position: absolute;left: 4%;right: 0;top: 50%;border-radius: 14px;overflow: hidden;background: #0d0b0a;box-shadow: 0 50px 90px -30px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.1);transform: translateY(-50%) rotateY(var(--ry,-12deg)) rotateX(var(--rx,4deg)) translateZ(0);transform-style: preserve-3d;transition: transform .9s var(--ease),opacity .9s var(--ease)}.win img{width: 100%;height: auto;aspect-ratio: 16 / 10;object-fit: cover;object-position: 50% 0;display: block;background: #1a1614}.win--back{left: 16%;right: 5%;top: 30%;opacity: 0;filter: saturate(.9) brightness(.7);transform: translateY(-50%) rotateY(var(--ry,-12deg)) rotateX(var(--rx,4deg)) translateZ(-140px)}.spot__slide.is-on .win{transition-delay: .05s}.spot__slide.is-on .win--back{opacity: .55}.spot__slide:not(.is-on) .win{transform: translateY(-46%) rotateY(-20deg) rotateX(6deg) translateZ(-60px);opacity: 0;transition-duration: .3s;transition-delay: 0s}.spot__toggle{position: absolute;z-index: 3;right: 18px;bottom: 18px;display: grid;place-items: center;width: 36px;height: 36px;padding: 0;border: 0;border-radius: 50%;color: #fff;background: rgba(255,255,255,.1);box-shadow: inset 0 0 0 1px rgba(255,255,255,.22);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);transition: background .2s,transform .15s var(--ease)}.spot__toggle:hover{background: rgba(255,255,255,.18)}.spot__toggle:active{transform: scale(.94)}.spot__toggle svg{width: 14px;height: 14px}.spot__toggle svg + svg{display: none}.spot.is-paused .spot__toggle svg{display: none}.spot.is-paused .spot__toggle svg + svg{display: block;transform: translateX(1px)}.spot__rail{position: relative;z-index: 2;list-style: none;margin: 0;padding: 22px 16px 22px 0;display: flex;flex-direction: column;justify-content: center;gap: 6px;min-width: 0}.spot__rail li{min-width: 0}.spot__rail button{position: relative;width: 100%;display: flex;align-items: center;gap: 12px;padding: 10px 12px 10px 16px;border: 0;border-radius: 16px;background: transparent;color: rgba(255,255,255,.62);text-align: left;overflow: hidden;transition: background .3s,color .3s}.spot__rail button::before{content: "";position: absolute;left: 5px;top: 13px;bottom: 13px;width: 3px;border-radius: 3px;background: var(--ember);opacity: 0;transform: scaleY(.4);transition: opacity .3s,transform .4s var(--ease)}.spot__rail button:hover{background: rgba(255,255,255,.06);color: #fff}.spot__rail button[aria-selected="true"]{background: rgba(255,255,255,.1);color: #fff;box-shadow: inset 0 0 0 1px rgba(255,255,255,.1);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px)}.spot__rail button[aria-selected="true"]::before{opacity: 1;transform: none}.spot__rail button:focus-visible{outline: 2.5px solid var(--focus,var(--ember-2));outline-offset: -2.5px}.spot__rail .icon{flex: none;width: 42px;height: 42px;border-radius: 12px;box-shadow: 0 6px 14px -6px rgba(0,0,0,.6)}.spot__rail .icon--mono{font-size: 17px}.spot__label{min-width: 0}.spot__rail b{display: block;max-width: 150px;font-size: 14px;font-weight: 700;letter-spacing: -.01em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.spot__rail small{display: block;max-width: 150px;font-size: 11.5px;opacity: .85;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.spot__bar{position: absolute;left: 16px;right: 12px;bottom: 4px;height: 2px;border-radius: 2px;background: rgba(255,255,255,.12);opacity: 0;transition: opacity .3s}.spot__bar i{position: absolute;inset: 0;background: var(--fire);transform: scaleX(0);transform-origin: left;border-radius: inherit}.spot.is-playing .spot__rail button[aria-selected="true"] .spot__bar{opacity: 1}.spot.is-playing .spot__rail button[aria-selected="true"] .spot__bar i{animation: spot-fill var(--spot-dur) linear forwards}.spot.is-held .spot__rail .spot__bar i{animation-play-state: paused}@keyframes spot-fill{to{transform: scaleX(1)}}.shelf-sec .section__head .h2{margin-top: 6px}.shelf-sec__tools{display: flex;align-items: center;gap: 10px;flex: none}.shelf-sec__tools:empty{display: none}.shelf-nav{display: flex;gap: 6px}.shelf-nav__btn.btn{width: 36px;padding: 0}.shelf-nav__btn svg{width: 16px;height: 16px}.shelf-nav__btn[aria-disabled="true"],.shelf-nav__btn[aria-disabled="true"]:hover{opacity: .4;cursor: default;transform: none;box-shadow: inset 0 0 0 1px var(--line-2)}.shelf{display: grid;grid-auto-flow: column;grid-auto-columns: max(260px,calc((100% - 54px) / 4));gap: 18px;overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;scroll-padding-inline: 4px;padding: 4px 4px 18px;margin: -4px;scrollbar-width: thin;scrollbar-color: var(--line-2) transparent}.shelf > *{scroll-snap-align: start}.feature-card{position: relative;border-radius: var(--r-lg);overflow: hidden;min-height: 260px;color: #fff;background: var(--night);display: flex;flex-direction: column;justify-content: end;padding: 24px;isolation: isolate;box-shadow: var(--sh-2);transition: transform .3s var(--ease),box-shadow .3s}.feature-card:hover{transform: translateY(-3px);box-shadow: var(--sh-3)}.feature-card--plain{background: radial-gradient(120% 90% at 85% 0%,color-mix(in oklab,var(--accent,var(--ember)) 55%,transparent),transparent 62%),var(--night)}.feature-card img.bg{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: -2;filter: brightness(.8) saturate(.9);transition: transform .8s var(--ease)}.feature-card:hover img.bg{transform: scale(1.04)}.feature-card::after{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(180deg,rgba(10,8,6,.34) 0%,rgba(10,8,6,.66) 30%,rgba(10,8,6,.92) 100%)}.feature-card__go{position: absolute;top: 16px;right: 16px;display: grid;place-items: center;width: 32px;height: 32px;border-radius: 50%;color: #fff;background: rgba(255,255,255,.12);box-shadow: inset 0 0 0 1px rgba(255,255,255,.22);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);transition: transform .3s var(--ease),background .3s}.feature-card__go svg{width: 15px;height: 15px}.feature-card:hover .feature-card__go{transform: translateX(2px);background: rgba(255,255,255,.2)}.feature-card .eyebrow{color: var(--ember-3)}.feature-card h3{font-size: 24px;line-height: 1.12;letter-spacing: -.03em;margin: 6px 0 6px;text-wrap: balance}.feature-card p{margin: 0;max-width: 34ch;color: rgba(255,255,255,.78);font-size: 14.5px;line-height: 1.45;text-wrap: pretty}.tile-row{display: grid;grid-auto-flow: column;grid-auto-columns: minmax(min(340px,82%),1fr);gap: 20px;overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;scroll-padding-inline: 4px;padding: 6px 4px 22px;margin: -6px -4px;scrollbar-width: thin;scrollbar-color: var(--line-2) transparent}.tile-row > *{scroll-snap-align: start}.shelf > :focus-visible,.tile-row > :focus-visible,.tile-row > .card:has(.card__link:focus-visible){outline-offset: 1px}@media (max-width: 1279px){.win--back{display: none}}@media (max-width: 1180px){.spot{grid-template-columns: minmax(0,1fr);min-height: 0}.spot__rail{flex-direction: row;justify-content: flex-start;overflow-x: auto;padding: 0 68px 20px 20px;scroll-snap-type: x proximity;scroll-padding-inline: 20px;overscroll-behavior-x: contain;scrollbar-width: none;-webkit-mask-image: linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 96px),transparent calc(100% - 60px));mask-image: linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 96px),transparent calc(100% - 60px))}.spot__rail::-webkit-scrollbar{display: none}.spot__rail li{flex: none;scroll-snap-align: start}.spot__rail button{width: auto}.spot__toggle{right: 18px;bottom: 33px}}@media (min-width: 1021px) and (max-width: 1180px){.spot__slide{padding: 48px 40px 28px 48px}}@media (max-width: 1020px){.spot__slide{gap: 28px;padding: 40px 32px 28px}.spot__art{align-self: center;min-height: 0;perspective: none}.win{position: relative;left: auto;right: auto;top: auto;border-radius: 12px;transform: none !important}.win img{aspect-ratio: 16 / 9}.spot__slide:not(.is-on) .win{opacity: 0}.spot__title{gap: 14px}.spot__title .icon{width: 56px;height: 56px;border-radius: 16px}.spot__title .icon--mono{font-size: 24px}.spot h2{font-size: clamp(30px,4vw,42px)}.spot p{font-size: 17px}}@media (max-width: 860px){.spot__slide{grid-template-columns: minmax(0,1fr);grid-template-rows: auto 1fr;align-items: start;gap: 22px;padding: 28px 28px 22px}.spot__art{order: -1;align-self: start}.spot__copy{align-self: stretch;display: flex;flex-direction: column;align-items: flex-start}.spot__copy > .spot__cta{align-self: stretch;margin-top: auto}.win img{max-height: 260px}.spot__title{margin: 16px 0 12px}}@media (max-width: 560px){.spot{border-radius: var(--r-lg)}.spot__slide{gap: 18px;padding: 20px 20px 18px}.win{border-radius: 10px}.win img{aspect-ratio: 2 / 1;max-height: 180px}.spot__badge{height: 28px;font-size: 12px}.spot__title{margin: 14px 0 10px;gap: 12px}.spot__title .icon{width: 48px;height: 48px;border-radius: 13px}.spot__title .icon--mono{font-size: 20px}.spot h2{font-size: clamp(26px,7.6vw,34px)}.spot p{margin-bottom: 14px;font-size: 16px}.spot__meta{margin-bottom: 18px;font-size: 13px}.spot__cta{gap: 10px}.spot__cta .btn{flex: 1 1 auto}.spot__cta .btn--lg{height: 46px;padding: 0 18px;font-size: 15px}.spot__rail{gap: 4px;padding: 0 60px 16px 20px;scroll-padding-inline: 20px;-webkit-mask-image: linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 84px),transparent calc(100% - 52px));mask-image: linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 84px),transparent calc(100% - 52px))}.spot__rail button{gap: 10px;padding: 8px 10px 8px 14px;border-radius: 14px}.spot__rail button::before{top: 11px;bottom: 11px}.spot__rail .icon{width: 36px;height: 36px;border-radius: 10px}.spot__rail b{max-width: 108px;font-size: 13px}.spot__rail small{display: none}.spot__bar{left: 14px;right: 10px;bottom: 3px}.spot__toggle{right: 14px;bottom: 24px}.feature-card{min-height: 240px;padding: 20px}.feature-card h3{font-size: 22px}}html:not(.js) :is(.spot__rail,.spot__cta [data-ql]){display: none}html:not(.js) .spot{grid-template-columns: minmax(0,1fr)}@media (min-width: 1181px){html:not(.js) .spot__slide{padding-right: 56px}}@media (min-width: 1021px) and (max-width: 1180px){html:not(.js) .spot__slide{padding-bottom: 48px}}@media (min-width: 861px) and (max-width: 1020px){html:not(.js) .spot__slide{padding-bottom: 40px}}@media (min-width: 561px) and (max-width: 860px){html:not(.js) .spot__slide{padding-bottom: 28px}}@media (max-width: 560px){html:not(.js) .spot__slide{padding-bottom: 20px}}@media (hover: none) and (pointer: coarse){.shelf-nav{display: none}}@media (prefers-reduced-motion: reduce){.spot__slide,.spot__slide *{transition-delay: 0s !important}.feature-card:hover,.feature-card:hover img.bg,.feature-card:hover .feature-card__go{transform: none}}
.sw-head{margin-top: 30px}.sw-head__title{margin: 0;font-size: clamp(26px,2.6vw,32px);line-height: 1.1;letter-spacing: -.03em;font-weight: 800;color: var(--ink)}:root{--grid-card-scroll-mt: 64px}@media (max-width: 1279px){:root{--grid-card-scroll-mt: 114px}}.browse{margin-top: 64px}.browse__head{display: flex;align-items: flex-end;flex-wrap: wrap;gap: 4px 28px;border-bottom: 1px solid var(--line)}.browse__title{padding-bottom: 10px}.browse__title:focus{outline: none}.views{display: flex;gap: 2px;margin: 0}.views a{position: relative;display: inline-flex;align-items: center;gap: 8px;height: 40px;padding: 0 12px;margin-bottom: -1px;border-radius: 10px 10px 0 0;font-size: 15px;font-weight: 600;letter-spacing: -.01em;color: var(--ink-2);transition: color .2s}.views a::after{content: "";position: absolute;left: 10px;right: 10px;bottom: 0;height: 2.5px;border-radius: 2px;background: var(--ember-ink);transform: scaleX(0);transition: transform .3s var(--ease),background-color .2s}.views a:hover{color: var(--ink)}.views a:not([aria-current]):hover::after{transform: none;background: var(--line-2)}.views a[aria-current="page"]{color: var(--ink)}.views a[aria-current="page"]::after{transform: none;background: var(--ember-ink)}.views a:focus-visible{outline-offset: -2px;border-radius: 10px}.views svg{width: 16px;height: 16px;flex: none;color: var(--ink-3);transition: color .2s}.views a[aria-current="page"] svg{color: var(--ember-ink)}.views .n{min-width: 22px;padding: 4px 6px;border-radius: 999px;font: 600 11.5px/1 var(--mono);font-variant-numeric: tabular-nums;text-align: center;background: var(--paper-2);color: var(--ink-3);transition: background-color .2s,color .2s}.views a.is-filtered .n{background: var(--ember-wash);color: var(--ember-ink)}.views a.is-zero{color: var(--ink-3)}.views a.is-zero .n{background: transparent;box-shadow: inset 0 0 0 1px var(--line-2);color: var(--ink-3)}.views__short{display: none}.browse__count{display: flex;align-items: center;gap: 14px;height: 40px;margin-left: auto;white-space: nowrap}.browse__clear{padding: 0;border: 0;background: none;font: inherit;font-size: 13.5px;font-weight: 650;color: var(--ember-ink);text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px;cursor: pointer}.browse__clear:hover{color: var(--ink)}.view-blurb{margin: 14px 0 0;max-width: 72ch;font-size: 15px;line-height: 1.55;color: var(--ink-2)}.toolbar{position: sticky;top: 68px;z-index: 30;display: flex;flex-wrap: wrap;align-items: center;gap: 10px;margin: 18px -16px 0;padding: 8px 16px;background: var(--paper)}.toolbar::after{content: "";position: absolute;left: 0;right: 0;top: 100%;height: 14px;background: linear-gradient(var(--paper),transparent);opacity: 0;pointer-events: none;transition: opacity .2s}.toolbar.is-stuck::after{opacity: 1}.search{position: relative;flex: 1000 1 220px;min-width: 170px;margin: 0}@media (min-width: 1280px){.search{max-width: 360px}}.search svg{position: absolute;left: 14px;top: 50%;width: 16px;height: 16px;transform: translateY(-50%);color: var(--ink-3);pointer-events: none}.search input{width: 100%;height: 40px;padding: 0 14px 0 40px;border-radius: 999px;border: 1px solid var(--line-2);background: var(--card);color: var(--ink);font-size: 16px;box-shadow: var(--sh-1);transition: border-color .15s,box-shadow .15s}.search input::placeholder{color: var(--ink-3);opacity: 1}.search input:hover{border-color: var(--ink-3)}.search input::-webkit-search-cancel-button{-webkit-appearance: none;appearance: none;width: 16px;height: 16px;margin-left: 6px;background: var(--ink-3);cursor: pointer;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center / 14px no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center / 14px no-repeat}.search input::-webkit-search-cancel-button:hover{background: var(--ink)}.search input:focus{outline: none}.search input:focus-visible{outline: 2px solid var(--focus,var(--ember-ink));outline-offset: 2px;border-color: transparent}.toolbar .seg{flex: none}.seg.is-off{opacity: .45}.seg button:disabled{cursor: not-allowed}.toolbar__refine{display: flex;flex: 1 1 auto;align-items: center;gap: 10px;min-width: 0}.plats{display: flex;flex: 0 1 auto;gap: 6px;min-width: 0;padding: 4px 2px;margin: -4px 0;overflow-x: auto;scrollbar-width: none;overscroll-behavior-x: contain}.plats::-webkit-scrollbar{display: none}.plats.is-overflow{mask-image: linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.toolbar .chip{height: 32px;padding: 0 12px;gap: 6px;font-size: 13.5px}.toolbar .chip .n{font-variant-numeric: tabular-nums}.catpop{position: relative;flex: none;margin-left: auto}.catpop__btn{list-style: none;cursor: pointer}.catpop__btn::-webkit-details-marker{display: none}.catpop[open] > .catpop__btn{border-color: var(--ink-3);color: var(--ink)}.catpop > .catpop__btn[data-on]{background: var(--ink);border-color: var(--ink);color: var(--paper)}.catpop__panel{position: absolute;top: calc(100% + 10px);right: 0;z-index: 40;width: 400px;max-width: calc(100vw - 32px);max-height: min(70vh,540px);overflow: auto;overscroll-behavior: contain;padding: 8px;border-radius: var(--r);background: var(--card);box-shadow: var(--sh-3),0 0 0 1px var(--line)}.catpop[open] > .catpop__panel{animation: catpop-in .18s var(--ease)}@keyframes catpop-in{from{opacity: 0;transform: translateY(-4px)}}.catpop__list{display: grid;grid-template-columns: 1fr 1fr;gap: 2px}.catpop__opt{display: flex;align-items: center;gap: 10px;min-height: 40px;padding: 0 10px;border-radius: 10px;font-size: 14px;font-weight: 550;color: var(--ink-2);cursor: pointer;transition: background-color .15s}.catpop__opt:hover{background: var(--paper-2);color: var(--ink)}.catpop__opt input{flex: none;width: 18px;height: 18px;margin: 0;accent-color: var(--ember-ink)}.catpop__opt input:focus-visible{outline-offset: 2px}.catpop__opt > span:first-of-type{flex: 1;min-width: 0}.catpop__opt .n{font: 600 11.5px/1 var(--mono);font-variant-numeric: tabular-nums;color: var(--ink-3)}.catpop__foot{display: flex;align-items: center;gap: 10px;margin-top: 6px;padding: 8px 4px 2px;border-top: 1px solid var(--line)}.catpop__foot .btn{margin-left: auto}.sort{flex: none;height: 40px;max-width: 100%;padding: 0 34px 0 14px;border-radius: 999px;border: 1px solid var(--line-2);background: var(--card);font-size: 14px;font-weight: 600;color: var(--ink-2);appearance: none;cursor: pointer;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%238b8379' stroke-width='2'%3E%3Cpath d='m2 4 4 4 4-4'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 13px center}.sort:hover{border-color: var(--ink-3);color: var(--ink)}.browse__apply{flex: none;height: 40px}.js .browse__apply{display: none}.active-cats{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;margin-top: 10px;font-size: 13.5px}.active-cats__label{font-weight: 600;color: var(--ink-3)}.active-cats__list{display: contents}.chip.chip--sm{height: 28px;padding: 0 8px 0 11px;gap: 5px;font-size: 13px;background: var(--ink);border-color: var(--ink);color: var(--paper)}.chip--sm svg{width: 12px;height: 12px;opacity: .75}.chip--sm:hover svg{opacity: 1}.browse__results{margin-top: 22px;min-height: 40vh}.lrow,.lrow__link{scroll-margin-top: var(--grid-card-scroll-mt,64px)}.lrail{display: flex;flex-wrap: wrap;gap: 2px;margin: -6px 0 6px -8px;font: 600 12.5px/1 var(--mono);font-variant-numeric: tabular-nums}.lrail a{padding: 8px;border-radius: 8px;color: var(--ink-3);transition: color .15s,background-color .15s}.lrail a:hover{color: var(--ink);background: var(--paper-2)}.lgroup{padding-top: 16px;scroll-margin-top: var(--grid-card-scroll-mt,64px)}.lgroup + .lgroup{margin-top: 8px}.lgroup__h{display: flex;align-items: baseline;gap: 10px;margin: 0 0 6px;padding-bottom: 10px;border-bottom: 1px solid var(--line);font-size: 20px;font-weight: 750;letter-spacing: -.02em;line-height: 1.2}.lgroup__y{font-variant-numeric: tabular-nums}.lgroup__n{font: 600 12px/1 var(--mono);color: var(--ink-3)}.lgroup--flat{padding-top: 0}.lgroup__list{display: grid;grid-template-columns: 1fr;gap: 2px 32px;margin: 0;padding: 0;list-style: none}.lrow{min-width: 0}.lrow__link{display: flex;align-items: center;gap: 14px;min-height: 64px;margin: 0 -12px;padding: 10px 12px;border-radius: 14px;transition: background-color .2s}.lrow__link:hover{background: var(--paper-2)}.lrow__link:focus-visible{outline-offset: -2px;border-radius: 14px}.lrow__tile{flex: none;width: 40px;height: 40px;border-radius: 11px;object-fit: cover;background: var(--paper-2);box-shadow: inset 0 0 0 1px rgba(0,0,0,.06)}.lrow__tile--mono{display: grid;place-items: center;font-size: 17px;font-weight: 800;letter-spacing: -.03em;color: #fff;background: linear-gradient(140deg,var(--accent,#ff5b04),color-mix(in oklab,var(--accent,#ff5b04) 55%,#000))}.lrow__main{display: grid;flex: 1;min-width: 0;gap: 1px}.lrow__top{display: flex;align-items: baseline;gap: 10px;min-width: 0}.lrow__name{min-width: 0;overflow: hidden;font-size: 15.5px;font-weight: 700;letter-spacing: -.015em;white-space: nowrap;text-overflow: ellipsis}.lrow__date{flex: none;margin-left: auto;font: 600 12px/1.4 var(--mono);font-variant-numeric: tabular-nums;color: var(--ink-3)}.lrow__meta{overflow: hidden;font-size: 12.5px;font-weight: 550;color: var(--ink-3);white-space: nowrap;text-overflow: ellipsis}.lrow__status i{font-style: normal}.lrow__tag{overflow: hidden;font-size: 13.5px;line-height: 1.45;color: var(--ink-2);white-space: nowrap;text-overflow: ellipsis}.lrow__thumb{flex: none;width: 88px;height: 50px;border-radius: 8px;object-fit: cover;background: var(--paper-2);box-shadow: 0 0 0 1px var(--line)}.browse__empty{padding: 48px 20px}.browse__empty .browse__empty-h{font-size: 18px}.browse__empty-p{margin: 0 0 18px}.browse__alts{display: grid;gap: 10px;max-width: 520px;margin: 0 auto 4px;padding: 0;list-style: none;text-align: left}.browse__alt{display: flex;align-items: center;gap: 14px;padding: 12px 14px;border-radius: var(--r);background: var(--paper);box-shadow: inset 0 0 0 1px var(--line-2);transition: box-shadow .2s,background-color .2s}.browse__alt:hover{background: var(--card);box-shadow: inset 0 0 0 1px var(--ink-3),var(--sh-2)}.browse__alt-icons{display: flex;flex: none}.browse__alt-icons > .icon,.browse__alt-icons > .lrow__tile{width: 32px;height: 32px;border-radius: 9px;font-size: 13px;box-shadow: 0 0 0 2px var(--paper)}.browse__alt-icons > * + *{margin-left: -8px}.browse__alt-txt{display: grid;flex: 1;min-width: 0}.browse__alt-txt b{margin: 0;font-size: 15px;color: var(--ink)}.browse__alt-txt small{overflow: hidden;font-size: 13px;color: var(--ink-3);white-space: nowrap;text-overflow: ellipsis}.browse__alt > svg{flex: none;width: 16px;height: 16px;color: var(--ink-3)}.fpill{display: none}:root.vt-browse .browse__results{view-transition-name: browse-results}:root.vt-browse #grid .card .card__head .icon,:root.vt-browse #grid .card .card__media{view-transition-name: none}:root.vt-browse::view-transition-old(root){animation: .12s ease both browse-out}:root.vt-browse::view-transition-new(root){animation: .12s ease both browse-in}::view-transition-group(browse-results){animation: none}::view-transition-old(browse-results){animation: .16s ease both browse-out}::view-transition-new(browse-results){animation: .32s cubic-bezier(.2,.8,.2,1) both browse-rise}@keyframes browse-out{to{opacity: 0}}@keyframes browse-in{from{opacity: 0}}@keyframes browse-rise{from{opacity: 0;transform: translateY(8px)}}.palette{width: min(640px,calc(100vw - 32px));margin: 12vh auto auto;padding: 0;overflow: hidden;border-radius: var(--r-lg);background: var(--card);color: var(--ink);box-shadow: var(--sh-3),0 0 0 1px var(--line)}.palette__field{position: relative;display: flex;align-items: center;border-bottom: 1px solid var(--line)}.palette__field > svg{position: absolute;left: 20px;width: 19px;height: 19px;color: var(--ink-3);pointer-events: none}.palette input{flex: 1;min-width: 0;width: 100%;height: 60px;padding: 0 12px 0 52px;border: 0;background: transparent;color: var(--ink);font-size: 18px;letter-spacing: -.01em}.palette input::placeholder{color: var(--ink-3);opacity: 1}.palette input:focus{outline: none}.palette input::-webkit-search-cancel-button{display: none;-webkit-appearance: none}.palette input:focus-visible{box-shadow: inset 0 -2px 0 var(--focus,var(--ember-ink))}.palette__close{display: grid;place-items: center;flex: none;min-width: 44px;height: 44px;margin-right: 8px;padding: 0;border: 0;border-radius: 10px;background: none;color: var(--ink-3)}.palette__close:hover{color: var(--ink);background: var(--paper-2)}.palette__close svg{display: none;width: 18px;height: 18px}.palette__list{max-height: 50vh;max-height: 50dvh;padding: 6px 8px 8px;overflow: auto;overscroll-behavior: contain}.palette__list ul{margin: 0;padding: 0;list-style: none}.palette__list ul + ul{margin-top: 4px}.palette__gh{padding: 10px 12px 6px;font-size: 11.5px;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;color: var(--ink-3)}.palette__list a{display: flex;align-items: center;gap: 14px;min-height: 52px;padding: 8px 12px;border-radius: 12px;scroll-margin: 8px}.palette__list a[aria-selected="true"]{background: var(--paper-2);box-shadow: inset 2.5px 0 0 var(--ember-ink)}.palette__list .icon{width: 36px;height: 36px;border-radius: 10px;font-size: 15px;box-shadow: inset 0 0 0 1px rgba(0,0,0,.06)}.palette__txt{flex: 1;min-width: 0}.palette__name{display: flex;align-items: center;gap: 8px;min-width: 0}.palette__name b{min-width: 0;overflow: hidden;font-weight: 650;white-space: nowrap;text-overflow: ellipsis}.palette__name .pill{flex: none;height: 20px;padding: 0 7px;font-size: 11px}.palette small{display: block;overflow: hidden;font-size: 13px;color: var(--ink-3);white-space: nowrap;text-overflow: ellipsis}.palette__price{flex: none;margin-left: auto;font-size: 13px;font-weight: 600;color: var(--ink-2)}.palette__all{font-size: 14px;font-weight: 600;color: var(--ink-2)}.palette__all > svg{flex: none;width: 16px;height: 16px;color: var(--ink-3)}.palette__all > svg:first-child{margin: 0 10px}.palette__all > span{flex: 1}.palette__empty{margin: 0;padding: 28px 20px;text-align: center;color: var(--ink-3)}.palette__empty a{color: var(--ember-ink);text-decoration: underline;text-underline-offset: 3px}.palette__foot{display: flex;gap: 18px;padding: 10px 16px;border-top: 1px solid var(--line);font-size: 12px;color: var(--ink-3)}.palette__foot > span{display: inline-flex;align-items: center;gap: 4px}@media (hover: none) and (pointer: coarse){.palette__foot{display: none}.palette__close .s-kbd{display: none}.palette__close svg{display: block}}@media (max-width: 860px){.toolbar{position: relative;top: auto;flex-wrap: wrap;gap: 10px;margin: 16px 0 0;padding: 0;background: none}.toolbar::after{display: none}.search{flex: 1 1 280px;max-width: none}.toolbar__refine{display: contents}.seg.is-off{display: none}.plats{flex: 1 1 0;min-width: 40%;margin: -4px -2px}.catpop{margin-left: 0}.catpop__btn{height: 40px;justify-content: center}.catpop__panel{left: var(--catpop-x,0px);right: auto;width: min(400px,calc(100vw - 32px))}html:not(.js) .catpop[open]{flex-basis: 100%}html:not(.js) .catpop__panel{position: static;margin-top: 10px}.sort{min-width: 0}.lrow,.lrow__link,.lgroup{scroll-margin-top: 8px}.fpill{position: fixed;left: 50%;bottom: calc(16px + env(safe-area-inset-bottom,0px));z-index: 40;display: inline-flex;align-items: center;gap: 8px;height: 44px;padding: 0 18px;border: 0;border-radius: 999px;background: var(--ink);color: var(--paper);font-size: 14.5px;font-weight: 650;box-shadow: var(--sh-3);opacity: 0;visibility: hidden;transform: translate(-50%,16px);transition: opacity .25s,transform .3s var(--ease),visibility 0s .3s}.fpill.is-on{opacity: 1;visibility: visible;transform: translate(-50%,0);transition: opacity .25s,transform .3s var(--ease),visibility 0s}body:has(.toast.is-on) .fpill{opacity: 0;visibility: hidden;transform: translate(-50%,16px)}.fpill svg{width: 16px;height: 16px}.fpill__n:empty{display: none}}@media (max-width: 700px){.browse__head{display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: end;gap: 0 12px;border-bottom: 0}.browse__title{padding-bottom: 4px}.browse__count{grid-row: 1;grid-column: 2;height: auto;padding-bottom: 8px;gap: 12px}.views{grid-column: 1 / -1;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0;margin-top: 12px;border-bottom: 1px solid var(--line)}.views a{flex-direction: column;justify-content: center;gap: 3px;height: 54px;padding: 0 4px;font-size: 14.5px}.views svg{display: none}.views__long{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.views__short{display: inline}.views .n{min-width: 0;padding: 0;font-size: 11px;background: none}.views a.is-filtered .n{background: none}.views a.is-zero .n{box-shadow: none}}@media (min-width: 900px){.lgroup__list{grid-template-columns: 1fr 1fr}}@media (max-width: 400px){.catpop__list{grid-template-columns: 1fr}}@media (max-width: 560px){.sw-head{margin-top: 22px}.search,.plats{flex-basis: 100%}.toolbar .seg{flex: 1 1 100%}.toolbar .seg button{flex: 1}.catpop,.sort{flex: 1 1 40%}.sort{padding: 0 30px 0 12px;background-position: right 12px center}.catpop__btn{width: 100%}.browse__apply{flex: 1 1 100%}.lrail{flex-wrap: nowrap;overflow-x: auto;margin-right: -16px;padding-right: 16px;scrollbar-width: none;mask-image: linear-gradient(90deg,#000 calc(100% - 24px),transparent)}.lrail::-webkit-scrollbar{display: none}.lrail a{flex: none}.palette{width: calc(100vw - 24px);margin-top: 12px}.palette__list{max-height: 62vh;max-height: 62dvh}.palette__list a{gap: 12px}.palette__name .pill{display: none}.palette__name b{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;line-height: 1.3;white-space: normal;overflow-wrap: break-word}.palette__price{flex: 0 1 auto;max-width: 6.25em;line-height: 1.3;text-align: right}.lrow__thumb{width: 64px;height: 40px}#grid{gap: 1px;overflow: hidden;border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--line)}#grid:not(:has(> .card:not([hidden]))){display: none}#grid > .card{display: grid;grid-template-columns: 52px minmax(0,1fr) auto;grid-template-rows: repeat(4,auto);align-items: center;gap: 0 14px;padding: 12px 14px;border-radius: 0;background: var(--card);box-shadow: none;transform: none;outline-offset: -3px}#grid > .card:hover{transform: none;box-shadow: none}#grid .card__media,#grid .card__meta,#grid .plat,#grid .ql,#grid .rating,#grid .card__title > span:not(.card__link){display: none}#grid .card__content,#grid .card__foot,#grid .card__head,#grid .card__pills{display: contents}#grid .card__head .icon{grid-column: 1;grid-row: 1 / -1;align-self: center;width: 52px;height: 52px;margin: 0;border-radius: 14px;box-shadow: inset 0 0 0 1px rgba(0,0,0,.06)}#grid .card__head .icon--mono{font-size: 21px}#grid .card__title{grid-column: 2;grid-row: 1;align-self: end;min-width: 0;padding: 0}#grid .card__title b{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;overflow: hidden;font-size: 15.5px;line-height: 1.25;white-space: normal;overflow-wrap: break-word}#grid .card__tagline{grid-column: 2;grid-row: 2;align-self: start;margin-top: 2px;font-size: 13.5px;line-height: 1.4;-webkit-line-clamp: 2;line-clamp: 2}#grid .card__pills > .pill{grid-column: 3;grid-row: 1 / -1;align-self: center;justify-self: end;max-width: 84px;height: auto;min-height: 24px;padding-block: 3px;line-height: 1.25;white-space: normal;text-align: center}#grid .card__pills > .pill--external{max-width: none;width: min-content}#grid .card__pills > .card__rowpill{grid-column: 2;grid-row: 3;justify-self: start;align-self: start;max-width: 100%;margin-top: 6px;text-align: left}#grid .card__pills > .card__rowpill ~ .card__rowpill{grid-row: 4;margin-top: 4px}#grid > .card[data-view="soon"] .card__rowpill.pill--soon{display: none}#grid > .card[data-view="soon"] .card__pills > .pill:not(.card__rowpill),#grid .card__pills > .pill--included{grid-column: 2;grid-row: 3;justify-self: start;align-self: start;max-width: 100%;margin-top: 6px;text-align: left}}@media (max-width: 359px){.catpop,.sort{flex-basis: 100%}}@media (max-width: 360px){#grid > .card{grid-template-columns: 44px minmax(0,1fr) auto;column-gap: 12px;padding-inline: 12px}#grid .card__head .icon{width: 44px;height: 44px;border-radius: 12px}#grid .card__head .icon--mono{font-size: 18px}#grid .card__title b{font-size: 15px}}@media (max-width: 560px) and (hover: hover){#grid > .card:hover{background: color-mix(in oklab,var(--card) 94%,var(--ink))}}@media (max-height: 560px){.toolbar{position: relative;top: auto}.toolbar::after{display: none}.lrow,.lrow__link,.lgroup{scroll-margin-top: 8px}}@media (prefers-reduced-motion: reduce){.catpop[open] > .catpop__panel{animation: none}.fpill,.fpill.is-on{transition: none}}
.p-cover{position: relative;isolation: isolate;overflow: hidden;margin-top: -68px;padding: calc(68px + var(--s-7)) 0 var(--s-6);background: radial-gradient(60% 130% at 92% -24%,color-mix(in oklab,var(--accent) 24%,transparent),transparent 70%),radial-gradient(45% 90% at -6% -10%,color-mix(in oklab,var(--accent) 8%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in oklab,var(--accent) 6%,var(--paper)),var(--paper))}.p-cover__bg{display: none;position: absolute;inset: -40px;z-index: -1;width: calc(100% + 80px);max-width: none;height: calc(100% + 80px);object-fit: cover;opacity: .32;transform: scale(1.1);pointer-events: none}:root[data-theme="dark"] .p-cover__bg{display: block;filter: blur(48px) saturate(1.25) brightness(.55)}.p-cover::after{content: "";position: absolute;inset: auto 0 0;z-index: -1;height: 120px;background: linear-gradient(transparent,var(--paper));pointer-events: none}.p-cover.is-legacy{background: linear-gradient(180deg,var(--paper-2),var(--paper))}.p-cover.is-legacy .p-cover__bg{filter: grayscale(1) blur(48px) brightness(.55)}.p-cover.is-legacy .p-head .icon{filter: grayscale(1)}body:has(> main > .p-cover) .s-nav{transition: border-color .2s,background-color .25s var(--ease),backdrop-filter .25s var(--ease),-webkit-backdrop-filter .25s var(--ease)}body:has(> main > .p-cover) .s-nav:not(.is-scrolled):not(.is-open){background-color: transparent;-webkit-backdrop-filter: none;backdrop-filter: none}.p-head{display: grid;grid-template-columns: auto minmax(0,1fr);gap: var(--s-6);align-items: center}.p-head .icon--xl{width: 132px;height: 132px;box-shadow: 0 30px 60px -24px color-mix(in oklab,var(--accent) 70%,#000),0 0 0 1px rgba(0,0,0,.06)}.p-head .icon--xl.icon--mono{font-size: 52px}.p-head__copy{min-width: 0}.p-head .h1{margin: var(--s-2) 0}.p-head .lede{margin: 0}.p-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 10px var(--s-4);margin-top: 18px;font-size: 14px;font-weight: 600;color: var(--ink-2)}.p-meta__plat{display: inline-flex;align-items: center;gap: var(--s-2)}.p-meta__plat > svg{flex: none;width: 17px;height: 17px;color: var(--ink-3)}.p-meta .plat{color: var(--ink-2)}.p-meta .plat svg{width: 16px;height: 16px}.p-meta .rating{font-size: 14px}.p-meta .rating svg{width: 16px;height: 16px}.p-meta .rating span{margin-left: var(--s-1)}.p-layout{display: grid;grid-template-columns: minmax(0,1fr) 360px;gap: var(--s-7) 44px;align-items: start;margin: var(--s-2) 0 var(--s-8)}.p-main{min-width: 0}.legacy-banner{display: flex;gap: 14px;align-items: flex-start;margin-bottom: var(--s-5);padding: var(--s-4) 18px;border-radius: var(--r);background: var(--card-muted);box-shadow: inset 0 0 0 1px var(--line);color: var(--ink-2);font-size: 14.5px;line-height: 1.5}.legacy-banner p{margin: 0}.legacy-banner b{color: var(--ink)}.legacy-banner svg{flex: none;width: 20px;height: 20px;margin-top: 1px}.showcase{position: relative;padding: 10px;border-radius: var(--r-xl);background: var(--night);box-shadow: var(--sh-3)}.showcase__stage{position: relative;isolation: isolate;aspect-ratio: 16 / 10;overflow: hidden;border-radius: calc(var(--r-xl) - 8px);background: #000}.showcase__item{position: absolute;inset: 0;display: block;width: 100%;padding: 0;border: 0;border-radius: inherit;overflow: hidden;background: #000;color: #fff;cursor: zoom-in;opacity: 0;visibility: hidden;transition: opacity 0s linear .45s,visibility 0s linear .45s}.showcase__item.is-on{z-index: 1;opacity: 1;visibility: visible;transition: opacity .45s var(--ease)}.showcase__fill{position: absolute;inset: -30px;width: calc(100% + 60px);max-width: none;height: calc(100% + 60px);object-fit: cover;filter: blur(28px) saturate(1.2) brightness(.55);transform: scale(1.1);pointer-events: none}.showcase__img{position: relative;width: 100%;height: 100%;object-fit: contain}.showcase__poster{width: 100%;height: 100%;object-fit: cover;filter: brightness(.72);transition: filter .3s}.showcase__video{cursor: pointer}.showcase__video:hover .showcase__poster{filter: brightness(.6)}.showcase__player{cursor: default}.showcase__player iframe,.showcase__player video{position: absolute;inset: 0;display: block;width: 100%;height: 100%;border: 0;background: #000}.play{position: absolute;left: 50%;top: 50%;width: 78px;height: 78px;display: grid;place-items: center;border-radius: 50%;color: #fff;background: rgba(255,255,255,.16);-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.45),0 20px 40px rgba(0,0,0,.35);transform: translate(-50%,-50%);transition: transform .3s var(--ease),background .3s}.play svg{width: 30px;height: 30px;margin-left: 4px}.showcase__video:hover .play{transform: translate(-50%,-50%) scale(1.08);background: var(--ember)}.play--sm{width: 30px;height: 30px}.play--sm svg{width: 13px;height: 13px;margin-left: 2px}.showcase__cap{position: absolute;left: 22px;bottom: 18px;font-size: 15px;font-weight: 700;text-shadow: 0 2px 10px rgba(0,0,0,.5)}.showcase__cap small{display: block;margin-top: 2px;font-size: 12.5px;font-weight: 600;opacity: .82}.showcase__tag{position: absolute;top: 12px;left: 12px;z-index: 2;max-width: calc(100% - 24px);overflow: hidden;padding: 4px 10px;border-radius: 999px;font-size: 12px;font-weight: 700;line-height: 1.3;letter-spacing: .01em;white-space: nowrap;text-overflow: ellipsis;color: #fff;background: rgba(20,17,16,.68);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);box-shadow: inset 0 0 0 1px rgba(255,255,255,.22);pointer-events: none}.showcase__nav{position: absolute;top: 50%;z-index: 3;width: 44px;height: 44px;margin-top: -22px;display: grid;place-items: center;padding: 0;border: 0;border-radius: 50%;color: #fff;background: rgba(20,17,16,.52);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);opacity: 0;transition: opacity .2s,background .2s}.showcase__nav--prev{left: 14px}.showcase__nav--next{right: 14px}.showcase__nav svg{width: 18px;height: 18px}.showcase__stage:hover .showcase__nav,.showcase__nav:focus-visible{opacity: 1}.showcase__nav:hover{background: rgba(20,17,16,.76)}@media (hover: none){.showcase__nav{display: none}}.showcase__caption{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: calc(2 * 1.45em + 12px);margin: 0;padding: 12px 8px 0;font-size: 13.5px;line-height: 1.45;color: rgba(255,255,255,.7)}.showcase__caption b{color: #fff;font-weight: 650;letter-spacing: -.01em}.showcase__caption b:not(:empty)::after{content: " ·";color: rgba(255,255,255,.45);font-weight: 500}.showcase__caption b:not(:empty):has(+ span:empty)::after{content: none}.showcase__caption.is-empty > *{visibility: hidden}.showcase__caption.is-tall{-webkit-line-clamp: 3;min-height: calc(3 * 1.45em + 12px)}.showcase__thumbs{position: relative;display: flex;gap: var(--s-2);margin-top: 10px;padding: 2px;overflow-x: auto;scrollbar-width: none}.showcase__thumbs::-webkit-scrollbar{display: none}.showcase__thumbs button{position: relative;flex: none;width: 112px;aspect-ratio: 16 / 10;padding: 0;border: 0;border-radius: var(--r-sm);overflow: hidden;background: #222;opacity: .5;transition: opacity .2s}.showcase__thumbs img{width: 100%;height: 100%;object-fit: cover}.showcase__thumbs button:hover{opacity: .85}.showcase__thumbs button[aria-current="true"]{opacity: 1}.showcase__thumbs button[aria-current="true"]::after{content: "";position: absolute;inset: 0;border-radius: inherit;box-shadow: inset 0 0 0 2.5px var(--ember-2);pointer-events: none}.p-tabs{position: sticky;top: 68px;z-index: 20;margin-top: var(--s-6);background: color-mix(in oklab,var(--paper) 86%,transparent);-webkit-backdrop-filter: saturate(1.6) blur(18px);backdrop-filter: saturate(1.6) blur(18px);box-shadow: 0 1px 0 var(--line)}.p-tabs__in{--fl: 0px;--fr: 28px;position: relative;display: flex;gap: var(--s-1);overflow-x: auto;scrollbar-width: none;-webkit-mask-image: linear-gradient(90deg,transparent,#000 var(--fl),#000 calc(100% - var(--fr)),transparent);mask-image: linear-gradient(90deg,transparent,#000 var(--fl),#000 calc(100% - var(--fr)),transparent)}.p-tabs__in::-webkit-scrollbar{display: none}.p-tabs__in.has-left{--fl: 28px}.p-tabs__in.is-end{--fr: 0px}.p-tabs a{position: relative;flex: none;display: inline-flex;align-items: center;height: 50px;padding: 0 var(--s-3);font-size: 14.5px;font-weight: 600;color: var(--ink-2);transition: color .15s}.p-tabs a:hover{color: var(--ink)}.p-tabs a::after{content: "";position: absolute;left: var(--s-3);right: var(--s-3);bottom: 0;height: 2px;border-radius: 2px;background: var(--ember-ink);transform: scaleX(0);transition: transform .25s var(--ease)}.p-tabs a.is-on,.p-tabs a[aria-current="location"]{color: var(--ink)}.p-tabs a.is-on::after,.p-tabs a[aria-current="location"]::after{transform: scaleX(1)}.p-section{padding-top: var(--s-7)}.p-section > .h2{margin-bottom: var(--s-4)}.p-section__head{display: flex;flex-wrap: wrap;align-items: end;justify-content: space-between;gap: var(--s-3) var(--s-4);margin-bottom: var(--s-4)}.p-section__actions{display: flex;flex-wrap: wrap;gap: var(--s-2)}.p-section__lead{max-width: 62ch;margin: calc(-1 * var(--s-2)) 0 var(--s-4);font-size: 15px;color: var(--ink-2)}.p-section .prose{max-width: 68ch}.p-section .prose > :first-child{margin-top: 0}.p-section .prose > :last-child{margin-bottom: 0}.p-slogan{max-width: 32ch;margin: 0 0 var(--s-3);font-size: clamp(20px,2vw,24px);line-height: 1.3;font-weight: 700;letter-spacing: -.02em;color: var(--ink);text-wrap: balance}.fam{margin-top: var(--s-5)}.fam__label{display: block;margin-bottom: var(--s-3);font-size: 12px;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;color: var(--ink-3)}.fam__list{display: flex;flex-wrap: wrap;gap: var(--s-2);margin: 0;padding: 0;list-style: none}.fam__item{display: inline-flex;align-items: center;gap: var(--s-2);min-height: 40px;padding: 4px 14px 4px 5px;border-radius: 999px;background: var(--card);box-shadow: inset 0 0 0 1px var(--line);font-size: 14px;font-weight: 600;color: var(--ink-2);transition: box-shadow .15s,color .15s}.fam__item .icon{width: 30px;height: 30px;font-size: 13px;box-shadow: none}.fam__item .pill{height: 20px;padding: 0 7px;font-size: 11px}a.fam__item:hover{color: var(--ink);box-shadow: inset 0 0 0 1px var(--line-strong),var(--sh-1)}.fam__item.is-current{background: var(--ink);color: var(--paper);box-shadow: none}.fam__item.is-current .pill{background: var(--card);color: var(--ink);box-shadow: none}.fam__item.is-current .pill--beta::before{background: var(--ember);box-shadow: none}.p-section .features{margin-top: 0}.p-features__text{flex: 1;min-width: 0}.p-features__shot{flex: none;align-self: center;width: 64px;aspect-ratio: 16 / 10;padding: 0;border: 0;border-radius: var(--r-xs);overflow: hidden;background: var(--paper-2);box-shadow: 0 0 0 1px var(--line);transition: transform .2s var(--ease),box-shadow .2s}.p-features__shot img{width: 100%;height: 100%;object-fit: cover}.p-features__shot:hover{transform: scale(1.05);box-shadow: 0 0 0 1px var(--line-2),0 8px 18px -8px rgba(0,0,0,.4)}#compat{container: compat / inline-size}.compat{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);gap: var(--s-5) var(--s-6);align-items: center;padding: var(--s-6);border-radius: var(--r-lg);background: radial-gradient(120% 150% at 100% 0%,color-mix(in oklab,var(--accent) 13%,transparent),transparent 62%),var(--card);box-shadow: var(--sh-1),inset 0 0 0 1px var(--line)}@container compat (max-width: 760px){.compat{grid-template-columns: minmax(0,1fr)}}.compat__copy .h2{margin-bottom: var(--s-2)}.compat__copy p{margin: 0;font-size: 15px;color: var(--ink-2)}.compat__copy .compat__note{display: flex;gap: var(--s-2);align-items: flex-start;margin-top: var(--s-3);font-size: 14px;color: var(--ink-3)}.compat__note svg{flex: none;width: 16px;height: 16px;margin-top: 2px}.compat__form{display: flex;flex-wrap: wrap;gap: var(--s-2);min-width: 0}.compat__field{position: relative;flex: 999 1 240px;min-width: 0}.compat__field svg{position: absolute;left: 15px;top: 50%;width: 17px;height: 17px;margin-top: -8.5px;color: var(--ink-3);pointer-events: none}.compat__field input{width: 100%;height: 48px;padding: 0 16px 0 42px;border: 1px solid var(--line-strong);border-radius: 999px;background: var(--paper);font-size: 15px;transition: border-color .15s,box-shadow .15s}.compat__field input::placeholder{color: var(--ink-3);opacity: 1}.compat__field input:focus{border-color: var(--ember-2);box-shadow: 0 0 0 4px rgba(255,138,61,.16)}.compat__field input:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px}.compat__form .btn{flex: 1 0 auto;height: 48px}.guides{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--s-3);margin: 0;padding: 0;list-style: none}.guides li{display: flex;min-width: 0}.guides .post--compact{flex: 1;flex-direction: row;align-items: stretch;min-width: 0}.guides .post--compact .post__img{flex: none;width: 132px;min-height: 96px;aspect-ratio: auto}.guides .post--compact .post__body{align-content: center;gap: var(--s-1);min-width: 0;padding: 14px var(--s-4)}.guides .post--compact .eyebrow{font-size: 11px}.guides .post--compact h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 15.5px;line-height: 1.3}.guides .post--compact .post-meta{font-size: 12.5px}.p-section__head + .journal-note{margin: calc(-1 * var(--s-2)) 0 var(--s-4)}.facts{display: flex;flex-wrap: wrap;gap: 1px;margin: 0;overflow: hidden;border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--line)}.facts > div{flex: 1 1 170px;min-width: 0;padding: var(--s-4) 18px;background: var(--card)}.facts dt{display: flex;align-items: center;gap: 6px;font-size: 12px;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;color: var(--ink-3)}.facts dt svg{width: 14px;height: 14px}.facts dd{margin: 6px 0 0;font-size: 15px;font-weight: 650;letter-spacing: -.01em;color: var(--ink);overflow-wrap: anywhere}.facts dd.mono{font-size: 14px;font-weight: 600}.facts .facts__wide{flex-basis: 100%}.files{display: grid;gap: 6px;margin-top: var(--s-3);padding: var(--s-4) 18px;border-radius: var(--r-lg);background: var(--paper-2);font-size: 13.5px}.files > span{display: flex;justify-content: space-between;gap: var(--s-3);min-width: 0}.files .mono{overflow-wrap: anywhere}.faq{overflow: hidden;border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--card)}.faq__item + .faq__item{border-top: 1px solid var(--line)}.faq__item summary{display: flex;align-items: center;justify-content: space-between;gap: var(--s-4);padding: 18px 20px;font-size: 16px;font-weight: 650;letter-spacing: -.01em;list-style: none;cursor: pointer;transition: background .15s}.faq__item summary::-webkit-details-marker{display: none}.faq__item summary::after{content: "";flex: none;width: 9px;height: 9px;border-right: 2px solid var(--ink-3);border-bottom: 2px solid var(--ink-3);transform: translateY(-3px) rotate(45deg);transition: transform .25s var(--ease)}.faq__item[open] summary::after{transform: translateY(2px) rotate(-135deg)}.faq__item summary:hover{background: color-mix(in oklab,var(--paper-2) 60%,transparent)}.faq__item summary:focus-visible{outline-offset: -3px}.faq__item p{max-width: 70ch;margin: 0;padding: 0 20px 20px;font-size: 15.5px;line-height: 1.6;color: var(--ink-2)}.curriculum{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));grid-template-rows: repeat(var(--rows,5),auto);grid-auto-flow: column;gap: 1px;margin: 0;padding: 0;overflow: hidden;list-style: none;border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--line)}.curriculum li{display: flex;align-items: baseline;gap: var(--s-3);min-width: 0;padding: 14px 18px;background: var(--card);font-size: 15px;font-weight: 600;line-height: 1.4;color: var(--ink)}.curriculum__n{flex: none;font-size: 12.5px;color: var(--ember-ink)}.sources{display: grid;gap: 10px}.source{display: flex;align-items: center;gap: 14px;width: 100%;padding: var(--s-4) 18px;border: 0;border-radius: var(--r-lg);background: var(--card);color: inherit;font: inherit;text-align: left;box-shadow: var(--sh-1),inset 0 0 0 1px var(--line);transition: transform .2s var(--ease),box-shadow .2s}:is(a,button).source:hover{transform: translateY(-2px);box-shadow: var(--sh-2),inset 0 0 0 1px var(--line-2)}.source > svg{flex: none;width: 16px;height: 16px;margin-left: auto;color: var(--ink-3)}.source__txt{min-width: 0}.source__txt b{display: block;font-size: 15.5px;letter-spacing: -.01em}.source__txt span{display: block;font-size: 13.5px;color: var(--ink-3)}.source__ic{flex: none;width: 40px;height: 40px;display: grid;place-items: center;border-radius: 12px;background: var(--paper-2);color: var(--ink-2)}.source__ic svg{width: 19px;height: 19px}.source--here{box-shadow: inset 0 0 0 1.5px color-mix(in oklab,var(--accent) 55%,transparent),var(--sh-1)}.source--here:hover{box-shadow: inset 0 0 0 1.5px color-mix(in oklab,var(--accent) 75%,transparent),var(--sh-2)}.source--here .source__ic{background: var(--fire);color: #fff}.source--here .source__ic--brand{background: none}.source__ic--brand img{width: auto;height: 30px}.buy{position: sticky;top: 92px;padding: var(--s-5);border-radius: var(--r-lg);background: var(--card);box-shadow: var(--sh-2),inset 0 0 0 1px var(--line)}.buy:focus{outline: none}.buy:focus-visible{outline: 2.5px solid var(--focus);outline-offset: 4px}.buy__price{display: flex;flex-wrap: wrap;align-items: baseline;gap: var(--s-1) 10px;margin-bottom: var(--s-1)}.buy__price b{font-size: 38px;line-height: 1.1;font-weight: 800;letter-spacing: -.04em;font-variant-numeric: tabular-nums}.buy__price--word b{font-size: 28px;letter-spacing: -.03em}.buy__price span{font-size: 14px;font-weight: 550;color: var(--ink-3)}.buy__status{margin: 0 0 var(--s-1);font-size: 26px;line-height: 1.15;font-weight: 800;letter-spacing: -.03em}.buy__note{margin: 0;font-size: 13.5px;line-height: 1.5;color: var(--ink-3)}.buy__stack{display: grid;grid-template-columns: minmax(0,1fr);gap: 10px;margin-top: 18px}.buy__stack > .btn{height: auto;min-height: 44px;padding-block: 10px;line-height: 1.25;white-space: normal;text-align: center;text-wrap: balance}.buy__stack > .btn--lg{min-height: 52px}.buy__stack > .btn--ember{min-height: 50px}:is(.buy__stack,.buybar) .btn[aria-disabled="true"]{cursor: default}:is(.buy__stack,.buybar) .btn[aria-disabled="true"]:is(:hover,:active){transform: none;box-shadow: inset 0 0 0 1px var(--line-2),var(--sh-1)}.buy__or{display: flex;align-items: center;gap: var(--s-3);margin: 2px 0;font-size: 12px;font-weight: 600;letter-spacing: .08em;text-transform: uppercase;color: var(--ink-3)}.buy__or::before,.buy__or::after{content: "";flex: 1;height: 1px;background: var(--line)}.buy__trial{margin: 14px 0 0;font-size: 13.5px;color: var(--ink-3)}.buy__trial a,.trust a{color: var(--ink);font-weight: 600;text-decoration: underline;text-decoration-color: color-mix(in oklab,currentColor 35%,transparent);text-underline-offset: 3px}.buy__trial a:hover,.trust a:hover{text-decoration-color: currentColor}.buy__trial svg,.buy__links a svg{width: 13px;height: 13px;margin-left: 3px;vertical-align: -1px}.buy__check{display: inline-flex;align-items: center;gap: var(--s-2);min-height: 32px;margin-top: 10px;font-size: 14px;font-weight: 650;color: var(--ember-ink)}.buy__check svg{width: 15px;height: 15px}.buy__check:hover{text-decoration: underline;text-underline-offset: 3px}.trust{display: grid;gap: 11px;margin: 18px 0 0;padding: 18px 0 0;border-top: 1px solid var(--line);list-style: none;font-size: 13.5px;color: var(--ink-2)}.trust li{display: flex;align-items: flex-start;gap: 10px;line-height: 1.45}.trust svg{flex: none;width: 17px;height: 17px;margin-top: 1px;color: var(--ember-ink)}.buy__list,.buy__links{display: grid;gap: 10px;margin: 18px 0 0;padding: var(--s-4) 0 0;border-top: 1px solid var(--line);list-style: none;font-size: 13.5px;color: var(--ink-2)}.buy__list li,.buy__links li{display: flex;justify-content: space-between;align-items: baseline;gap: var(--s-3)}.buy__list li > span:first-child,.buy__links li > span:first-child{flex: none;color: var(--ink-3)}.buy__list li > span:last-child{min-width: 0;text-align: right;overflow-wrap: anywhere}.buy__links a{min-width: 0;margin: -5px 0;padding: 5px 0;text-align: right;font-weight: 600;color: var(--ink);overflow-wrap: anywhere;transition: color .15s}.buy__links a:hover{color: var(--ember-ink)}.owned-box{display: flex;align-items: center;gap: 10px;padding: 14px var(--s-4);border-radius: var(--r);background: var(--ok-wash);color: #0d5c35;font-size: 14px;font-weight: 600}.owned-box svg{width: 20px;height: 20px}.buybar{position: fixed;left: 50%;bottom: 18px;z-index: 40;width: min(560px,calc(100vw - 24px));opacity: 0;visibility: hidden;pointer-events: none;transform: translate(-50%,140%);transition: transform .5s var(--ease),opacity .3s,visibility 0s linear .5s}.buybar.is-on{opacity: 1;visibility: visible;pointer-events: auto;transform: translate(-50%,0);transition: transform .5s var(--ease),opacity .3s}.buybar__in{display: flex;align-items: center;gap: var(--s-3);padding: 10px 10px 10px 12px;border-radius: 22px;background: color-mix(in oklab,var(--card) 86%,transparent);-webkit-backdrop-filter: saturate(1.6) blur(20px);backdrop-filter: saturate(1.6) blur(20px);box-shadow: var(--sh-3),inset 0 0 0 1px var(--line)}.buybar .icon{width: 42px;height: 42px;font-size: 17px;box-shadow: none}.buybar__name{flex: 1;min-width: 0;display: grid;text-align: left}button.buybar__name{margin: -4px -6px;padding: 4px 6px;border: 0;border-radius: var(--r-sm);background: none;color: inherit;font: inherit;cursor: pointer;transition: background .15s}button.buybar__name:hover{background: var(--paper-2)}.buybar__name .buybar__sub{display: flex;flex-wrap: wrap;align-items: center;gap: 0 14px;min-width: 0}.buybar__more,.buybar__refund{display: inline-flex;align-items: center;gap: 4px;min-height: 24px;padding: 0;border: 0;background: none;color: var(--ink-3);font: inherit;font-size: 13px;font-weight: 600;white-space: nowrap;cursor: pointer}.buybar__more:hover,.buybar__refund:hover{color: var(--ink);text-decoration: underline;text-underline-offset: 3px}.buybar__more svg,.buybar__refund svg{flex: none;width: 13px;height: 13px}.buybar__refund svg{color: var(--ember-ink)}.sheet__refund{display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;gap: 4px 6px;margin: 10px 4px 0;font-size: 13px;line-height: 1.45;color: var(--ink-3);text-align: right}.sheet__refund svg{flex: none;width: 15px;height: 15px;color: var(--ember-ink)}.sheet__refund a{color: var(--ink-2);font-weight: 650;text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px;text-decoration-color: color-mix(in oklab,currentColor 50%,transparent)}.sheet__refund a:hover{color: var(--ink);text-decoration-color: currentColor}.buybar__name b{overflow: hidden;font-size: 15px;letter-spacing: -.015em;white-space: nowrap;text-overflow: ellipsis}.buybar__name span{display: inline-flex;align-items: center;gap: 3px;font-size: 13px;font-weight: 600;color: var(--ink-3)}.buybar__name span svg{width: 13px;height: 13px}.buybar__name > span:not(.buybar__sub){min-width: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}.buybar .btn{flex: none}.buybar .btn svg{width: 15px;height: 15px}body:has([data-buybar]) .s-foot{padding-bottom: calc(36px + var(--buybar-h,62px) + 30px)}body:has([data-buybar]) .toast{transition: opacity .35s var(--ease),transform .35s var(--ease),bottom .5s var(--ease)}body:has(.buybar.is-on) .toast{bottom: calc(18px + var(--buybar-h,62px) + 12px)}@media (max-width: 1020px){.p-layout{grid-template-columns: minmax(0,1fr);gap: var(--s-6)}.buy{position: static}}@media (max-width: 860px){.p-cover{padding: calc(68px + var(--s-5)) 0 var(--s-5)}.p-head{grid-template-columns: minmax(0,1fr);gap: 18px}.p-head .icon--xl{width: 84px;height: 84px}.p-head .icon--xl.icon--mono{font-size: 34px}.showcase{padding: 6px;border-radius: var(--r-lg)}.showcase__stage{border-radius: 14px}.showcase__caption{padding-inline: 6px}.showcase__thumbs button{width: 84px}.compat{padding: var(--s-5)}}@media (max-width: 560px){.p-section{padding-top: var(--s-6)}.p-tabs a{padding-inline: 10px;font-size: 14px}.p-tabs a::after{left: 10px;right: 10px}.guides{grid-template-columns: minmax(0,1fr)}.guides .post--compact .post__img{width: 96px;min-height: 84px}.facts > div{flex-basis: 140px;padding: 14px var(--s-4)}.buy{padding: 20px}.buybar{bottom: 12px}.buybar .btn{padding: 0 var(--s-4)}body:has(.buybar.is-on) .toast{bottom: calc(12px + var(--buybar-h,62px) + 12px)}.curriculum{grid-template-columns: minmax(0,1fr);grid-template-rows: none;grid-auto-flow: row}.curriculum li{padding: 12px var(--s-4)}}@media (hover: none),(max-width: 860px){.compat__field input{font-size: 16px}}@media (max-width: 420px){.sheet__refund{justify-content: flex-start;text-align: left}.buybar__in{gap: 10px}.buybar .btn{padding: 0 14px}}
dialog{border: 0;padding: 0;color: var(--ink);background: transparent;max-width: none;max-height: none}dialog::backdrop{background: rgba(20,16,13,.45);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px)}:root[data-theme="dark"] dialog::backdrop{background: rgba(0,0,0,.62)}dialog[open]{animation: pop .35s var(--ease)}@keyframes pop{from{opacity: 0;transform: translateY(14px) scale(.98)}}#sheet-title:focus{outline: none}.sheet{width: min(600px,calc(100vw - 32px));max-height: min(86vh,860px);max-height: min(86dvh,860px);overflow: auto;overscroll-behavior: contain;border-radius: var(--r-xl);background: var(--card);box-shadow: var(--sh-3)}.sheet--wide{width: min(880px,calc(100vw - 32px))}:root[data-theme="dark"] :is(.sheet,.qlv){box-shadow: 0 0 0 1px rgba(255,255,255,.09),var(--sh-3)}.sheet__head{position: sticky;top: 0;z-index: 2;display: flex;align-items: center;gap: 12px;padding: 18px 18px 16px 24px;background: color-mix(in oklab,var(--card) 90%,transparent);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-bottom: 1px solid var(--line)}.sheet__head .h3{margin: 0;min-width: 0}.sheet__close{flex: none;margin-left: auto;width: 40px;height: 40px;padding: 0;border-radius: 50%;border: 0;display: grid;place-items: center;color: var(--ink-2);background: var(--paper-2);transition: background .2s,color .2s,transform .15s var(--ease)}.sheet__close:hover{background: var(--line);color: var(--ink)}.sheet__close:active{transform: scale(.94)}.sheet__close svg{width: 15px;height: 15px}.sheet__body{padding: 22px 24px}.sheet__foot{position: sticky;bottom: 0;z-index: 2;display: grid;grid-template-columns: minmax(0,1fr);gap: 10px;padding: 16px 24px 20px;background: var(--card);border-top: 1px solid var(--line)}.sheet__foot .btn{height: auto;min-height: 44px;padding-block: 10px;white-space: normal;text-align: center;line-height: 1.25}.sheet__foot .btn--ember,.sheet__foot .btn--google{min-height: 50px}@media (max-height: 560px){.sheet__head,.sheet__foot{position: static}.sheet__head{background: var(--card);backdrop-filter: none;-webkit-backdrop-filter: none}}.summary{display: grid;grid-template-columns: auto minmax(0,1fr) auto;align-items: center;gap: 16px;padding: 16px;border-radius: var(--r);background: var(--paper)}.summary .icon{width: 56px;height: 56px}.summary__name b{display: block;font-size: 16px;font-weight: 700;letter-spacing: -.015em;line-height: 1.3}.summary__name .muted{display: block;margin-top: 3px;font-size: 13.5px;line-height: 1.45}.summary .total{text-align: right}.total__label{display: block;font-size: 11px;font-weight: 700;letter-spacing: .1em;text-transform: uppercase;color: var(--ink-3)}.summary .total b{display: block;font-size: 22px;font-weight: 800;letter-spacing: -.03em;line-height: 1.2;font-variant-numeric: tabular-nums}.summary .total .muted{font-size: 12px;white-space: nowrap}.sheet__field{margin: 18px 0 0}.sheet__req{display: flex;align-items: flex-start;gap: 8px;margin: 14px 0 0;font-size: 13.5px;line-height: 1.5;color: var(--ink-2)}.sheet__req svg{flex: none;width: 16px;height: 16px;margin-top: 2px;color: var(--ink-3)}.sheet__lede{margin: 16px 0 0;font-size: 14.5px;line-height: 1.55;color: var(--ink-2)}.sheet__lede b{color: var(--ink);font-weight: 650;overflow-wrap: anywhere}.secure{margin: 0;font-size: 12.5px;line-height: 1.5;color: var(--ink-3);text-align: center;text-wrap: balance}.secure svg{display: inline-block;width: 13px;height: 13px;margin-right: 5px;vertical-align: -2px}.sheet__terms{margin: 0;font-size: 12.5px;line-height: 1.5;color: var(--ink-3);text-align: center}.sheet__terms a,.sheet__link{color: var(--ink-2);text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px;text-decoration-color: color-mix(in oklab,currentColor 50%,transparent)}.sheet__terms a:hover,.sheet__link:hover{color: var(--ink);text-decoration-color: currentColor}.sheet__alt{display: inline-flex;align-items: center;justify-content: center;gap: 6px;min-height: 40px;padding: 0 8px;border-radius: 999px;font-size: 14px;font-weight: 600;color: var(--ink-2);transition: color .2s,background .2s}.sheet__alt:hover{color: var(--ink);background: var(--paper-2)}.sheet__alt svg{flex: none;width: 14px;height: 14px}.sheet__also{margin: -2px 0 2px;font-size: 13.5px;color: var(--ink-3);text-align: center}.sheet__note{display: flex;align-items: center;justify-content: center;gap: 7px;margin: -2px 0 0;font-size: 13px;color: var(--ink-2);text-align: center;animation: pop .3s var(--ease)}.sheet__note svg{flex: none;width: 14px;height: 14px;color: var(--ink-3)}.sheet__link{display: inline-flex;align-items: center;min-height: 32px;padding: 0 4px;border: 0;background: none;font: inherit;font-weight: 650}.pp-window{border-radius: var(--r-lg);overflow: hidden;box-shadow: inset 0 0 0 1px var(--line),var(--sh-1)}:root[data-theme="dark"] .pp-window{box-shadow: 0 0 0 1px rgba(255,255,255,.1),var(--sh-2)}.pp-window__bar{display: flex;align-items: center;gap: 8px;padding: 10px 14px;background: #f5f7fa;font: 500 12px var(--mono);color: #4d5966;border-bottom: 1px solid #e3e8ef}.pp-window__bar i{flex: none;width: 9px;height: 9px;border-radius: 50%;background: #d7dde5}.pp-window__bar span{margin-left: 6px;min-width: 0;line-height: 1.35}.pp-window__body{padding: 28px 26px 24px;text-align: center;background: #fff;color: #1f1f1f;color-scheme: light;--ink: #1f1f1f;--ink-2: #3c4043;--ink-3: #5d6b7c}.pp-window__body .muted{color: #5f6368}.pp-window__payee{display: flex;align-items: center;justify-content: center;gap: 6px;margin: 14px 0 4px;font-size: 14.5px}.pp-window__payee img{flex: none;width: auto;height: 16px;margin-top: -1px}.pp-window__amount{margin: 0 0 20px;font-size: 32px;font-weight: 800;letter-spacing: -.03em;line-height: 1.1;color: #1f1f1f;font-variant-numeric: tabular-nums}.pp-window__note{margin: 12px 0 0;font-size: 12.5px}.state{text-align: center;padding: 22px 6px 6px}.state__ring{width: 76px;height: 76px;margin: 0 auto 18px;border-radius: 50%;display: grid;place-items: center}.state__ring--spin{border: 3px solid var(--line);border-top-color: var(--ember);animation: spin .9s linear infinite}.state__ring--ok{background: var(--ok-solid,#0f7a45);color: #fff;animation: pop .45s var(--ease);box-shadow: 0 12px 30px -8px rgba(15,122,69,.6)}.state__ring--ok svg{width: 36px;height: 36px;stroke-dasharray: 30;stroke-dashoffset: 30;animation: draw .5s .15s var(--ease) forwards}.state__ring--err{background: var(--warn-wash);color: var(--warn)}.state__ring--err svg{width: 28px;height: 28px}.state__title{margin: 0 0 6px}.state > .muted{margin: 0 auto;max-width: 46ch;font-size: 14.5px;line-height: 1.55}.state__big{margin: 0 0 8px;font-size: clamp(22px,5vw,28px);text-wrap: balance}.state__order{font-size: 14px}.state__order .mono{color: var(--ink-2)}.state .sheet__req{width: fit-content;max-width: 100%;margin-inline: auto;text-align: left}@keyframes spin{to{transform: rotate(360deg)}}@keyframes draw{to{stroke-dashoffset: 0}}.qlv{--qlv-px: 28px;--qlv-pt: 30px;--qlv-pb: 24px;position: relative;width: min(980px,calc(100vw - 32px));max-height: min(90vh,900px);max-height: min(90dvh,900px);display: grid;grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);grid-template-rows: minmax(0,1fr);overflow: hidden;border-radius: var(--r-xl);background: var(--card);box-shadow: var(--sh-3)}.qlv__media{position: relative;display: flex;flex-direction: column;min-height: min(420px,90vh);min-height: min(420px,90dvh);overflow: hidden;background: var(--night)}.qlv__track{flex: 1;min-height: 0;display: grid;grid-auto-flow: column;grid-auto-columns: 100%;overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;overscroll-behavior-x: contain;scrollbar-width: none}.qlv__track::-webkit-scrollbar{display: none}.qlv__track:focus-visible{outline-offset: -4px;border-radius: var(--r-xl) 0 0 var(--r-xl)}.qlv__slide{position: relative;margin: 0;overflow: hidden;scroll-snap-align: start;scroll-snap-stop: always}.qlv__fill{position: absolute;inset: -30px;width: calc(100% + 60px);height: calc(100% + 60px);max-width: none;object-fit: cover;filter: blur(28px) saturate(1.2) brightness(.55);transform: scale(1.1);pointer-events: none}.qlv__img{position: absolute;inset: 0;width: 100%;height: 100%;max-width: none;object-fit: contain;padding: clamp(10px,2.2vw,22px);filter: drop-shadow(0 16px 28px rgba(0,0,0,.4))}.qlv__cap{position: absolute;top: 12px;left: 12px;z-index: 1;max-width: calc(100% - 24px);margin: 0;padding: 5px 10px;border-radius: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;overflow: hidden;font-size: 12px;font-weight: 600;line-height: 1.35;color: #fff;background: rgba(20,17,16,.68);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);box-shadow: inset 0 0 0 1px rgba(255,255,255,.22);pointer-events: none}.qlv__tag{font-weight: 800}.qlv__tag + span::before{content: "· ";font-weight: 600}.qlv__nav{position: absolute;top: 50%;z-index: 1;width: 40px;height: 40px;padding: 0;transform: translateY(-50%);border-radius: 50%;border: 0;display: grid;place-items: center;color: #fff;background: rgba(0,0,0,.42);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);transition: opacity .25s,background .2s}.qlv__nav:hover{background: rgba(0,0,0,.62)}.qlv__nav[aria-disabled="true"]{opacity: .3;cursor: default}.qlv__nav svg{width: 16px;height: 16px}.qlv__nav--l{left: 12px}.qlv__nav--r{right: 12px}@media (hover: hover){.qlv__nav,.qlv__nav[aria-disabled="true"]{opacity: 0}.qlv__media:hover .qlv__nav,.qlv__media:focus-within .qlv__nav{opacity: 1}.qlv__media:hover .qlv__nav[aria-disabled="true"],.qlv__media:focus-within .qlv__nav[aria-disabled="true"]{opacity: .3}}.qlv__dots{position: absolute;left: 50%;bottom: 14px;z-index: 1;display: flex;gap: 6px;padding: 6px 8px;transform: translateX(-50%);border-radius: 999px;background: rgba(0,0,0,.32);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px)}.qlv__dots button{width: 7px;height: 7px;padding: 0;border: 0;border-radius: 50%;background: rgba(255,255,255,.45);transition: width .3s var(--ease),background .3s}.qlv__dots button[aria-current="true"]{width: 22px;border-radius: 4px;background: #fff}.qlv__word{position: relative;flex: 1;display: flex;flex-direction: column;justify-content: flex-end;gap: 8px;padding: clamp(22px,4vw,38px);overflow: hidden;color: #fff;background: radial-gradient(90% 120% at 15% 10%,color-mix(in oklab,var(--accent) 70%,#fff) 0%,transparent 55%),radial-gradient(80% 90% at 90% 100%,color-mix(in oklab,var(--accent) 55%,#000) 0%,transparent 70%),var(--accent)}.qlv__word::before{content: "";position: absolute;inset: 0;background-image: radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size: 16px 16px;mask-image: radial-gradient(circle at 60% 30%,#000 0%,transparent 75%);-webkit-mask-image: radial-gradient(circle at 60% 30%,#000 0%,transparent 75%)}.qlv__word::after{content: "";position: absolute;inset: 0;background: linear-gradient(transparent 35%,rgba(0,0,0,.34))}.qlv__word b,.qlv__word span{position: relative;z-index: 1}.qlv__word b{font-size: clamp(30px,4.4vw,50px);font-weight: 800;line-height: 1;letter-spacing: -.045em;text-wrap: balance;text-shadow: 0 2px 18px rgba(0,0,0,.22)}.qlv__word span{font-size: 14px;font-weight: 650;letter-spacing: -.005em;opacity: .9}.qlv__body{min-height: 0;overflow-y: auto;overscroll-behavior: contain;padding: var(--qlv-pt) var(--qlv-px) var(--qlv-pb);display: flex;flex-direction: column;gap: 14px}.qlv__body > *{flex-shrink: 0}.qlv .sheet__close{position: absolute;top: 18px;right: 18px;z-index: 3}.qlv__head{display: flex;gap: 16px;align-items: center;padding-right: 44px}.qlv__head .icon{width: 64px;height: 64px;border-radius: 18px}.qlv__title{margin: 0;font-size: 22px;font-weight: 800;letter-spacing: -.03em;line-height: 1.15;text-wrap: balance}.qlv__sub{display: block;margin-top: 3px;font-size: 13px;font-weight: 600;color: var(--ink-3)}.qlv__chips{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 8px}.qlv__desc{margin: 0;color: var(--ink-2);font-size: 15px;line-height: 1.6;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden}.qlv__feat{list-style: none;margin: 0;padding: 0;display: grid;gap: 8px;font-size: 14px;line-height: 1.5;color: var(--ink-2)}.qlv__feat li{display: flex;gap: 9px}.qlv__feat svg{flex: none;width: 16px;height: 16px;margin-top: 2px;color: var(--ok)}.qlv__cta{position: sticky;bottom: calc(var(--qlv-pb) * -1);z-index: 2;display: grid;gap: 10px;margin: auto calc(var(--qlv-px) * -1) calc(var(--qlv-pb) * -1);padding: 12px var(--qlv-px) var(--qlv-pb);background: var(--card)}.qlv__cta::before{content: "";position: absolute;left: 0;right: 0;bottom: 100%;height: 18px;background: linear-gradient(transparent,var(--card));pointer-events: none}.qlv__cta .btn{height: auto;min-height: 44px;padding-block: 10px;white-space: normal;text-align: center;line-height: 1.25}.qlv__cta .btn--lg{min-height: 52px}.qlv__cta .btn--ember{min-height: 50px;flex-wrap: wrap;row-gap: 0}.qlv__cta{container-type: inline-size}@container (max-width: 250px){.qlv__cta .qlv__price{display: none}}.qlv__req{display: flex;align-items: flex-start;gap: 8px;margin: auto 0 0;font-size: 13px;line-height: 1.45;color: var(--ink-3)}.qlv__req + .qlv__cta{margin-top: -6px}.qlv__req svg{flex: none;width: 15px;height: 15px;margin-top: 1px}.qlv__price{font-weight: 650}.qlv__ph{display: block;border-radius: 8px;background: color-mix(in oklab,var(--ink) 9%,transparent);animation: qlv-pulse 1.1s ease-in-out infinite alternate}.qlv__ph--media{flex: 1;border-radius: 0;background: radial-gradient(70% 60% at 50% 45%,color-mix(in oklab,var(--accent) 22%,transparent),transparent 70%)}.qlv__head .qlv__ph.icon{box-shadow: none}.qlv__ph--line{width: 120px;height: 12px;margin-top: 8px}.qlv__ph--para{width: 100%;height: 12px}.qlv__ph--short{width: 58%;height: 12px}@keyframes qlv-pulse{from{opacity: .55}to{opacity: 1}}@media (max-height: 520px){.qlv{--qlv-px: 20px;--qlv-pt: 18px;--qlv-pb: 16px}.qlv .sheet__close{top: 12px;right: 12px}.qlv__head{gap: 12px}.qlv__head .icon{width: 48px;height: 48px;border-radius: 14px}.qlv__title{font-size: 19px}.qlv__body{gap: 10px}.qlv__desc{-webkit-line-clamp: 3;line-clamp: 3;font-size: 14px}.qlv__feat{display: none}.qlv__cta .btn{padding-inline: 18px}.qlv__cta .btn--lg{min-height: 46px}}@media (max-width: 760px) and (orientation: portrait),(max-width: 480px){.qlv{--qlv-px: 20px;--qlv-pt: 20px;--qlv-pb: 18px;grid-template-columns: minmax(0,1fr);grid-template-rows: auto minmax(0,1fr)}.qlv__media{min-height: 0;aspect-ratio: 16 / 10;max-height: 34vh;max-height: 34dvh}.qlv__media:has(.qlv__word){aspect-ratio: 16 / 7}.qlv__track:focus-visible{border-radius: var(--r-xl) var(--r-xl) 0 0}.qlv .sheet__close{top: 12px;right: 12px;color: #fff;background: rgba(0,0,0,.45);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px)}.qlv__cap{max-width: calc(100% - 80px)}.qlv .sheet__close:hover{background: rgba(0,0,0,.65);color: #fff}.qlv__head{padding-right: 0}.qlv__head .icon{width: 56px;height: 56px;border-radius: 16px}.qlv__title{font-size: 20px}.qlv__desc{-webkit-line-clamp: 4;line-clamp: 4}.qlv__word b{font-size: clamp(26px,8vw,36px)}}@media (max-width: 760px) and (orientation: portrait) and (max-height: 700px),(max-width: 480px) and (max-height: 700px){.qlv__media{max-height: 28vh;max-height: 28dvh}.qlv__head .icon{width: 48px;height: 48px;border-radius: 14px}}@media (max-width: 480px) and (max-height: 520px){.qlv__media,.qlv__media:has(.qlv__word){aspect-ratio: auto;height: clamp(92px,38vh,180px);height: clamp(92px,38dvh,180px);max-height: none}.qlv .sheet__close{top: 8px;right: 8px}.qlv__cap{top: 8px;left: 8px;-webkit-line-clamp: 1;line-clamp: 1}.qlv__nav{top: auto;bottom: 6px;width: 32px;height: 32px;transform: none}.qlv__nav--l{left: 8px}.qlv__nav--r{right: 8px}.qlv__dots{bottom: 14px}.qlv__word{padding: 14px 18px}.qlv__word b{font-size: clamp(22px,7vw,30px)}.qlv__desc{-webkit-line-clamp: 3;line-clamp: 3}.qlv__cta{position: static}.qlv__cta::before{content: none}}#lightbox::backdrop{background: rgba(10,8,6,.84)}.lightbox{width: min(1200px,calc(100vw - 32px));overflow: visible}.lightbox__fig{margin: 0;display: grid;justify-items: center;gap: 12px}.lightbox__stage{--focus: var(--ember-2);position: relative;max-width: 100%;border-radius: var(--r-lg);overflow: hidden;background: #000;box-shadow: var(--sh-3)}.lightbox__stage img{width: auto;max-width: 100%;max-height: 82vh;max-height: 82dvh;object-fit: contain;transition: opacity .25s var(--ease)}.lightbox__fig:has(.lightbox__cap:not([hidden])) img{max-height: calc(82vh - 72px);max-height: calc(86dvh - 84px)}.lightbox__stage.is-loading{min-width: min(360px,100%);min-height: 220px}.lightbox__stage.is-loading img{opacity: 0}.lightbox__stage.is-loading::after{content: "";position: absolute;left: 50%;top: 50%;width: 34px;height: 34px;margin: -17px 0 0 -17px;border-radius: 50%;border: 3px solid rgba(255,255,255,.2);border-top-color: #fff;animation: spin .9s linear infinite}.lightbox__close{position: absolute;top: 10px;right: 10px;z-index: 2;margin: 0;color: #fff;background: rgba(0,0,0,.55);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px)}.lightbox__close:hover{color: #fff;background: rgba(0,0,0,.78)}.lightbox__nav{position: absolute;top: 50%;z-index: 1;width: 44px;height: 44px;padding: 0;transform: translateY(-50%);border: 0;border-radius: 50%;display: grid;place-items: center;color: #fff;background: rgba(0,0,0,.5);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);transition: background .2s,opacity .2s}.lightbox__nav:hover{background: rgba(0,0,0,.75)}.lightbox__nav[aria-disabled="true"]{opacity: .3;cursor: default}.lightbox__nav svg{width: 18px;height: 18px}.lightbox__nav--l{left: 10px}.lightbox__nav--r{right: 10px}.lightbox__cap{width: min(100%,760px);display: flex;align-items: baseline;justify-content: space-between;gap: 16px;padding: 12px 16px;border-radius: var(--r);background: var(--card);color: var(--ink);box-shadow: var(--sh-2)}.lightbox__text{min-width: 0}.lightbox__text b{display: block;font-size: 15px;font-weight: 700;letter-spacing: -.01em}.lightbox__text span{display: block;margin-top: 2px;font-size: 14px;line-height: 1.5;color: var(--ink-2)}.lightbox__count{flex: none;font-size: 12.5px;color: var(--ink-3)}.ember{position: fixed;z-index: 100;width: 8px;height: 8px;border-radius: 50%;pointer-events: none;background: var(--c);box-shadow: 0 0 10px var(--c);animation: ember 1.1s cubic-bezier(.15,.7,.3,1) forwards}@keyframes ember{to{transform: translate(var(--dx),var(--dy)) scale(.2);opacity: 0}}@media (max-width: 560px){.sheet{width: calc(100vw - 24px);max-height: 92vh;max-height: 92dvh;border-radius: var(--r-lg)}.sheet__head{flex-wrap: wrap;row-gap: 8px;padding: 12px 12px 12px 18px}.sheet__head .h3{flex: 1 1 0;min-width: 0}.sheet__head .demo-flag{order: 3;flex-basis: 100%;margin-left: 0;justify-content: center}.sheet__body{padding: 18px}.sheet__foot{padding: 14px 18px 16px}.state{padding-top: 10px}.state__ring{width: 60px;height: 60px;margin-bottom: 14px}.state__ring--ok svg{width: 30px;height: 30px}.qlv{width: calc(100vw - 24px)}.lightbox{width: calc(100vw - 24px)}.lightbox__cap{flex-direction: column;gap: 4px}}@media (max-width: 420px){.summary{grid-template-columns: auto minmax(0,1fr);gap: 12px;padding: 14px}.summary .icon{width: 48px;height: 48px}.summary .total{grid-column: 1 / -1;display: flex;align-items: baseline;gap: 6px;margin-left: 0;padding-top: 10px;text-align: left;border-top: 1px solid var(--line)}.summary .total .total__label{margin-right: auto}.summary .total b{font-size: 20px}}@media (prefers-reduced-motion: reduce){.state__ring--spin,.qlv__ph,.lightbox__stage.is-loading::after{animation: none}.state__ring--ok svg{animation: none;stroke-dashoffset: 0}}
.palette__chips{position: relative;display: flex;gap: 6px;padding: 10px 14px;border-bottom: 1px solid var(--line);overflow-x: auto;scrollbar-width: none}.palette__chips::-webkit-scrollbar{display: none}.palette__chip{display: inline-flex;align-items: center;gap: 6px;flex: none;height: 30px;padding: 0 12px;border: 0;border-radius: 999px;background: var(--card);color: var(--ink-2);box-shadow: inset 0 0 0 1px var(--line-2);font-size: 13px;font-weight: 600;letter-spacing: -.005em;white-space: nowrap;cursor: pointer}.palette__chip:hover{color: var(--ink);box-shadow: inset 0 0 0 1px var(--line-strong)}.palette__chip[aria-pressed="true"]{background: var(--ink);color: var(--paper);box-shadow: none}.palette__chipn{font-weight: 500;font-variant-numeric: tabular-nums;opacity: .72}.palette__chipn:empty{display: none}.palette__list .palette__gh{display: flex;align-items: center;gap: 8px}.palette__gn{display: inline-grid;place-items: center;min-width: 20px;height: 18px;padding: 0 6px;border-radius: 999px;background: var(--paper-2);color: var(--ink-3);font-size: 11px;font-weight: 650;letter-spacing: 0;font-variant-numeric: tabular-nums}.palette__list ul[aria-labelledby="pal-g-none"] .palette__gh{padding-top: 14px;font-size: 13.5px;font-weight: 500;letter-spacing: -.005em;text-transform: none;color: var(--ink-2)}.palette__list div[role="option"]{display: flex;align-items: center;gap: 14px;min-height: 52px;padding: 8px 12px;border-radius: 12px;scroll-margin: 8px;cursor: pointer}.palette__list div[role="option"][aria-selected="true"]{background: var(--paper-2);box-shadow: inset 2.5px 0 0 var(--ember-ink)}.palette__list .palette__row--doc,.palette__list .palette__top--doc{align-items: flex-start}.palette__row--doc .palette__kic{margin-top: 2px}.palette__kic{display: grid;place-items: center;flex: none;width: 36px;height: 36px;border-radius: 10px;background: var(--paper-2);color: var(--ink-2);box-shadow: inset 0 0 0 1px var(--line)}.palette__kic svg{width: 18px;height: 18px}.palette__meta{display: block;overflow: hidden;margin-top: 1px;font-size: 12.5px;color: var(--ink-3);white-space: nowrap;text-overflow: ellipsis}.palette__snip{display: -webkit-box;overflow: hidden;margin-top: 2px;font-size: 13px;line-height: 1.45;color: var(--ink-2);-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;overflow-wrap: anywhere}.palette__snip--one{-webkit-line-clamp: 1;line-clamp: 1;color: var(--ink-3)}.palette__tag{display: block;overflow: hidden;margin-top: 2px;font-size: 13.5px;color: var(--ink-2);white-space: nowrap;text-overflow: ellipsis}.palette mark{padding: 0 1px;border-radius: 3px;background: var(--ember-wash);color: inherit;font-weight: 650}.palette__name b mark{font-weight: inherit}.palette__row--legacy .icon{filter: grayscale(1);opacity: .8}.palette__row--recent .palette__name b,.palette__row--quick .palette__name b{font-weight: 550}.palette__list .palette__top{gap: 16px;min-height: 76px;padding: 12px 14px;background: color-mix(in oklab,var(--accent,var(--ember)) 7%,var(--card));box-shadow: inset 0 0 0 1px color-mix(in oklab,var(--accent,var(--ember)) 18%,var(--line))}.palette__list .palette__top[aria-selected="true"]{background: color-mix(in oklab,var(--accent,var(--ember)) 12%,var(--paper-2));box-shadow: inset 0 0 0 1px color-mix(in oklab,var(--accent,var(--ember)) 30%,var(--line)),inset 2.5px 0 0 var(--ember-ink)}.palette__list .palette__top .icon{width: 52px;height: 52px;border-radius: 14px;font-size: 20px}.palette__top .palette__name b{font-size: 16.5px;font-weight: 700;letter-spacing: -.01em}.palette__top .palette__kic{width: 44px;height: 44px;border-radius: 12px}.palette__top .palette__kic svg{width: 21px;height: 21px}.palette__list .palette__act{min-height: 40px;margin: 2px 0 0 68px;padding: 6px 12px;gap: 8px;font-size: 14px;font-weight: 650;color: var(--ember-ink)}.palette__act > svg{flex: none;width: 16px;height: 16px}.palette__list .palette__more{min-height: 40px;gap: 10px;padding: 6px 12px;font-size: 13.5px;font-weight: 600;color: var(--ink-2)}.palette__more > svg{flex: none;width: 16px;height: 16px;margin: 0 10px;color: var(--ink-3)}.palette__empty:not([hidden]){padding: 12px 20px 14px;font-size: 13px}.palette__list:empty + .palette__empty{padding: 28px 20px;font-size: inherit}@media (hover: none) and (pointer: coarse){.palette__foot > .palette__foot-tab,.palette__foot > .palette__foot-new{display: none}}@media (max-width: 860px){.palette__foot > .palette__foot-tab,.palette__foot > .palette__foot-new{display: none}.palette__chips{padding: 8px 12px}.palette__list .palette__act{margin-left: 12px}.palette__list .palette__top{gap: 12px}.palette__list .palette__top .icon{width: 44px;height: 44px;border-radius: 12px}.palette__top .palette__name .pill{display: inline-flex}}.srch{width: min(880px,100% - 40px);padding: 40px 0 72px}.srch__head{display: grid;gap: 18px}.srch__title{font-size: clamp(30px,3.6vw,44px)}.srch__form{display: flex;gap: 10px;align-items: center}.srch__field{position: relative;flex: 1;min-width: 0}.srch__field > svg{position: absolute;top: 50%;left: 16px;width: 19px;height: 19px;color: var(--ink-3);transform: translateY(-50%);pointer-events: none}.srch__field input{width: 100%;height: 52px;padding: 0 16px 0 46px;border: 0;border-radius: 14px;background: var(--card);color: var(--ink);box-shadow: inset 0 0 0 1px var(--line-2),var(--sh-1);font-size: 17px;letter-spacing: -.01em}.srch__field input::placeholder{color: var(--ink-3);opacity: 1}.srch__field input:focus-visible{outline: 2.5px solid var(--focus);outline-offset: 2px}.srch__form .btn{height: 52px;border-radius: 14px}.srch__results{margin-top: 22px}.srch__chips{position: relative;display: flex;flex-wrap: wrap;gap: 8px}.srch__chip{display: inline-flex;align-items: center;gap: 7px;height: 36px;padding: 0 14px;border-radius: 999px;background: var(--card);color: var(--ink-2);box-shadow: inset 0 0 0 1px var(--line-2);font-size: 14px;font-weight: 600}.srch__chip:hover{color: var(--ink);box-shadow: inset 0 0 0 1px var(--line-strong)}.srch__chip[aria-current="page"]{background: var(--ink);color: var(--paper);box-shadow: none}.srch__chipn{font-weight: 500;font-variant-numeric: tabular-nums;opacity: .72}.srch__count{margin: 16px 0 0;font-size: 14px;color: var(--ink-3)}.srch__sec{margin-top: 30px}.srch__gh{display: flex;align-items: center;gap: 8px;margin: 0 0 8px;font-size: 12.5px;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;color: var(--ink-3)}.srch__gn{display: inline-grid;place-items: center;min-width: 22px;height: 20px;padding: 0 7px;border-radius: 999px;background: var(--paper-2);font-size: 11.5px;letter-spacing: 0;font-variant-numeric: tabular-nums}.srch__list{margin: 0;padding: 0;list-style: none}.srch__item + .srch__item{border-top: 1px solid var(--line)}.srch__link{display: flex;align-items: flex-start;gap: 16px;padding: 14px 12px;margin: 0 -12px;border-radius: 14px;color: var(--ink)}.srch__link:hover{background: var(--paper-2)}.srch__link .icon{width: 44px;height: 44px;border-radius: 12px;font-size: 18px}.srch__kic{display: grid;place-items: center;flex: none;width: 44px;height: 44px;border-radius: 12px;background: var(--paper-2);color: var(--ink-2);box-shadow: inset 0 0 0 1px var(--line)}.srch__kic svg{width: 20px;height: 20px}.srch__kic--lg{width: 64px;height: 64px;border-radius: 16px}.srch__kic--lg svg{width: 28px;height: 28px}.srch__body{flex: 1;min-width: 0}.srch__name{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 10px}.srch__name b{font-size: 16.5px;font-weight: 650;letter-spacing: -.01em;overflow-wrap: anywhere}.srch__name .pill{height: 22px;padding: 0 8px;font-size: 11.5px}.srch__meta{display: block;margin-top: 2px;font-size: 13.5px;color: var(--ink-3)}.srch__snip{display: block;margin-top: 4px;font-size: 14.5px;line-height: 1.5;color: var(--ink-2);overflow-wrap: anywhere}.srch__tag{display: block;margin-top: 3px;font-size: 15px;color: var(--ink-2)}.srch__price{flex: none;margin-left: auto;padding-top: 2px;font-size: 14px;font-weight: 650;color: var(--ink-2);white-space: nowrap}.srch mark{padding: 0 1px;border-radius: 3px;background: var(--ember-wash);color: inherit;font-weight: 650}.srch__name b mark{font-weight: inherit}.srch__top{padding: 18px;border-radius: var(--r-lg);background: color-mix(in oklab,var(--accent,var(--ember)) 6%,var(--card));box-shadow: inset 0 0 0 1px color-mix(in oklab,var(--accent,var(--ember)) 16%,var(--line)),var(--sh-1)}.srch__toplink{display: flex;align-items: flex-start;gap: 18px;color: var(--ink)}.srch__toplink .icon{width: 64px;height: 64px;border-radius: 16px;font-size: 24px}.srch__toplink .srch__name b{font-size: 20px;font-weight: 750;letter-spacing: -.015em}.srch__toplink:hover .srch__name b{text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px}.srch__acts{display: flex;flex-wrap: wrap;gap: 8px;margin: 14px 0 0 82px}.srch__acts .btn svg{width: 15px;height: 15px}.srch__more{display: inline-flex;align-items: center;gap: 6px;margin: 10px 18px 0 0;font-size: 14px;font-weight: 650;color: var(--ember-ink)}.srch__more:hover{text-decoration: underline;text-underline-offset: 3px}.srch__more svg{width: 15px;height: 15px}.srch__sec--legacy > summary{cursor: pointer;list-style: none}.srch__sec--legacy > summary::-webkit-details-marker{display: none}.srch__sec--legacy > summary::before{content: "";width: 7px;height: 7px;margin: 0 4px 0 2px;border: solid currentColor;border-width: 0 2px 2px 0;transform: rotate(-45deg);transition: transform .15s var(--ease)}.srch__sec--legacy[open] > summary::before{transform: rotate(45deg)}.srch__sec--legacy .icon{filter: grayscale(1);opacity: .8}.srch__note{margin: 0 0 6px;font-size: 13.5px;color: var(--ink-3)}.srch__pager{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-top: 30px}.srch__pagen{font-size: 14px;color: var(--ink-3)}.srch__start,.srch__empty{margin-top: 8px}.srch__lede{max-width: 60ch;margin: 0 0 18px;font-size: 16px;color: var(--ink-2)}.srch__empty > p{margin: 18px 0 14px;color: var(--ink-2)}.srch__quick{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 10px;margin: 0;padding: 0;list-style: none}.srch__quick a{display: flex;align-items: center;gap: 12px;min-height: 60px;padding: 8px 14px;border-radius: 14px;background: var(--card);color: var(--ink);box-shadow: inset 0 0 0 1px var(--line-2);font-weight: 600}.srch__quick a:hover{box-shadow: inset 0 0 0 1px var(--line-strong),var(--sh-1)}.srch__quick .srch__kic{width: 36px;height: 36px;border-radius: 10px}.srch__quick .srch__kic svg{width: 18px;height: 18px}@media (max-width: 640px){.srch{width: calc(100% - 32px);padding-top: 24px}.srch__form{gap: 8px}.srch__form .btn{padding: 0 16px}.srch__field input{height: 48px;font-size: 16px}.srch__form .btn{height: 48px}.srch__chips{flex-wrap: nowrap;overflow-x: auto;margin-right: -16px;padding-right: 16px;scrollbar-width: none}.srch__chips::-webkit-scrollbar{display: none}.srch__chip{flex: none}.srch__link{gap: 12px}.srch__link .icon,.srch__kic{width: 40px;height: 40px}.srch__top{padding: 14px}.srch__toplink{gap: 14px}.srch__toplink .icon,.srch__kic--lg{width: 52px;height: 52px;border-radius: 14px}.srch__toplink .srch__name b{font-size: 18px}.srch__acts{margin-left: 0}.srch__price{max-width: 7.5em;font-size: 13px;line-height: 1.3;text-align: right;white-space: normal}}@media (forced-colors: active){.palette mark,.srch mark{background: Mark;color: MarkText}.palette__chip[aria-pressed="true"],.srch__chip[aria-current="page"]{outline: 2px solid CanvasText}}
.portal-library{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(250px,100%),1fr));gap: var(--s-4);margin-top: var(--s-5)}.portal-record{margin: var(--s-4) 0;overflow-wrap: anywhere}.portal-record p{margin: var(--s-2) 0}.portal-record h3,.portal-record h2{margin-bottom: var(--s-3)}.portal-checkout{display: grid;gap: var(--s-4)}.portal-checkout [data-payment-actions]{display: grid;gap: var(--s-3)}.portal-checkout details{min-width: 0}.portal-checkout details > .field{margin-top: var(--s-3)}.portal-checkout [hidden]{display: none}.portal-checkout .sheet__terms{margin: 0}.portal-service{margin: var(--s-7) auto;overflow-wrap: anywhere}.portal-service .workspace{display: grid;grid-template-columns: minmax(240px,300px) minmax(0,1fr);gap: var(--s-5);align-items: start}.portal-service .workspace > *{min-width: 0}.portal-service :is(.account-card,.receipt,.notice){padding: var(--s-5);border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--card);margin-bottom: var(--s-4);min-width: 0}.portal-service .page-heading{margin-bottom: var(--s-6)}.portal-service h1{font-size: clamp(30px,4vw,50px);line-height: 1.15;margin: var(--s-3) 0}.portal-service h2{font-size: 24px;margin: var(--s-4) 0}.portal-service :is(p,h3,.collection-heading){margin: var(--s-3) 0}.portal-service label{display: block;font-weight: 600;margin: var(--s-3) 0 var(--s-2)}.portal-service :is(input:not([type="hidden"]):not([type="checkbox"]),select,textarea){width: 100%;min-width: 0;padding: 10px;border: 1px solid var(--line-2);border-radius: var(--r);background: var(--paper);color: var(--ink);font: inherit}.portal-service :is(textarea,pre,code){overflow-wrap: anywhere;white-space: pre-wrap;max-width: 100%}.portal-service .button{display: inline-flex;justify-content: center;padding: 10px 16px;min-height: 44px;border: 1px solid var(--line-2);border-radius: var(--r);background: var(--paper-2);color: var(--ink);margin: var(--s-3) 0;font: inherit;cursor: pointer}.portal-service .full{width: 100%}.portal-service :is(.source,.quiet,.intro){color: var(--ink-2)}.portal-service .table-wrap{max-width: 100%;overflow-x: auto}.portal-service .portal-table{max-width: 100%;overflow-x: auto;margin-bottom: var(--s-4)}.portal-service .portal-table table{min-width: 600px}.portal-service table{width: 100%;border-collapse: collapse;font-size: 14px}.portal-service :is(td,th){padding: 10px;text-align: left;vertical-align: top;border-bottom: 1px solid var(--line)}.portal-service a:not(.button){text-decoration: underline;text-underline-offset: 3px}.portal-admin-nav{display: flex;gap: var(--s-3);flex-wrap: wrap;margin-bottom: var(--s-5)}.portal-facts{margin: 0;font-size: 14px}.portal-facts > div{border-bottom: 1px solid var(--line);padding: var(--s-2) 0}.portal-facts dt{font-weight: 650;color: var(--ink-2)}.portal-facts dd{margin: 2px 0 0 var(--s-3)}@media (max-width: 800px){.portal-service .workspace{grid-template-columns: 1fr}}.dash{display: grid;grid-template-columns: 236px minmax(0,1fr);gap: var(--s-7);margin: 36px auto 90px;align-items: start}.dash__main{min-width: 0}.dash__flag{margin: 0 0 var(--s-5)}.dash__notice{display: flex;align-items: flex-start;gap: var(--s-2);margin: 0 0 var(--s-5);padding: var(--s-3) var(--s-4);border-radius: var(--r);background: var(--card);box-shadow: inset 0 0 0 1px var(--line);color: var(--ink);font-size: 15px;line-height: 1.5}.dash__notice svg{flex: none;width: 18px;height: 18px;margin-top: 2px;color: var(--ink-3)}.dash__head{margin-bottom: 28px}.dash__head .h1{margin-top: var(--s-2);text-wrap: balance}.dash__head .lede{margin: var(--s-3) 0 0}.dash__sub{align-items: center;margin-bottom: var(--s-4)}.side{position: sticky;top: 92px;display: grid;gap: 2px}.side a,.side__out button{display: flex;align-items: center;gap: 11px;width: 100%;min-height: 42px;padding: 0 12px;border: 0;border-radius: 12px;background: none;font-size: 14.5px;font-weight: 600;color: var(--ink-2);text-align: left;transition: background-color .15s,color .15s,box-shadow .15s}.side a:hover,.side__out button:hover{background: var(--paper-2);color: var(--ink)}.side a[aria-current="page"]{background: var(--card);color: var(--ink);box-shadow: var(--sh-1),inset 0 0 0 1px var(--line)}.side :is(a,button):focus-visible{outline-offset: -2.5px}.side svg{flex: none;width: 18px;height: 18px;color: var(--ink-3)}.side a[aria-current="page"] svg{color: var(--ember)}.side .n{margin-left: auto;font: 600 12px var(--mono);color: var(--ink-3)}.side hr{border: 0;border-top: 1px solid var(--line);margin: 12px 4px}.side__out{margin: 0}.who{display: flex;align-items: center;gap: var(--s-3);padding: 4px 4px 18px}.who .s-avatar{flex: none;width: 44px;height: 44px;font-size: 17px}.who b{display: block;font-size: 15px;letter-spacing: -.01em}.verified{display: inline-flex;align-items: center;gap: 4px;font-size: 12px;font-weight: 650;color: var(--ok)}.verified svg{width: 13px;height: 13px}.tiles{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 14px;margin: 0 0 40px}.tile{display: flex;flex-direction: column;gap: 2px;padding: 20px;border-radius: var(--r-lg);background: var(--card);box-shadow: var(--sh-1),inset 0 0 0 1px var(--line)}.tile span{font-size: 13.5px;font-weight: 600;color: var(--ink-3)}.tile b{font-size: 34px;font-weight: 800;line-height: 1.15;letter-spacing: -.04em;font-variant-numeric: tabular-nums}.tile small{font-size: 13px;color: var(--ink-3)}.tile small a{color: var(--ink-2)}.tile--ember{position: relative;overflow: hidden;isolation: isolate;background: var(--night);color: #fff;box-shadow: var(--sh-2)}.tile--ember::after{content: "";position: absolute;z-index: -1;right: -30px;top: -40px;width: 160px;height: 160px;border-radius: 50%;background: var(--fire);filter: blur(40px);opacity: .55}.tile--ember span,.tile--ember small{color: rgba(255,255,255,.7)}.card--owned .card__title b{overflow-wrap: anywhere}.card--owned .src{margin: 3px 0 0}.card--owned .card__foot{justify-content: flex-start;flex-wrap: wrap;gap: var(--s-2);padding-top: 14px}.card--owned .card__foot .pill{margin-right: auto}.dash__none{margin: 0;padding: 18px 20px;border-radius: var(--r-lg);background: var(--card);box-shadow: inset 0 0 0 1px var(--line);color: var(--ink-2);font-size: 15px;line-height: 1.55;text-wrap: pretty}.dash__none a{white-space: nowrap}.dash__retired .section__head p{margin-top: var(--s-1)}.dl-split{position: relative;display: inline-flex;gap: 1px}.dl-split__main{border-radius: 999px 0 0 999px;padding-right: 12px}.dl-split__more{display: flex}.dl-split__toggle{width: 34px;padding: 0;border-radius: 0 999px 999px 0;list-style: none;cursor: pointer}.dl-split__toggle::-webkit-details-marker{display: none}.dl-split__toggle svg{width: 14px;height: 14px;transform: rotate(-90deg);transition: transform .2s var(--ease)}.dl-split__more[open] .dl-split__toggle svg{transform: rotate(90deg)}.dl-split__menu{position: absolute;left: 0;bottom: calc(100% + 6px);z-index: 3;display: grid;gap: 2px;min-width: 100%;padding: 6px;border-radius: var(--r-sm);background: var(--card);box-shadow: var(--sh-3),inset 0 0 0 1px var(--line)}.dl-split__opt{display: flex;align-items: center;gap: var(--s-2);min-height: 40px;padding: 0 12px;border: 0;border-radius: var(--r-xs);background: none;color: var(--ink);font: inherit;font-size: 14px;font-weight: 600;text-align: left;white-space: nowrap;cursor: pointer}.dl-split__opt:hover{background: var(--paper-2)}.dl-split__opt svg{width: 16px;height: 16px;flex: none}.dash__scroll{overflow-x: auto;border-radius: var(--r-lg);overscroll-behavior-x: contain}.dash__scroll:focus-visible{outline-offset: 2px}.dash__scroll .table{display: table;overflow: hidden}.dash .table td{white-space: nowrap}.dash .table .prod a{color: inherit}.dash .table .mono{font-size: 13px}.dash .num{text-align: right}.copy{display: inline-grid;place-items: center;width: 28px;height: 28px;margin-left: var(--s-2);vertical-align: middle;border: 0;border-radius: 8px;background: var(--paper-2);color: var(--ink-2);transition: background-color .15s,color .15s}.copy:hover{background: var(--line);color: var(--ink)}.copy svg{width: 14px;height: 14px}.dash [data-fade="end"]{-webkit-mask-image: linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image: linear-gradient(90deg,#000 calc(100% - 40px),transparent)}.dash [data-fade="start"]{-webkit-mask-image: linear-gradient(270deg,#000 calc(100% - 40px),transparent);mask-image: linear-gradient(270deg,#000 calc(100% - 40px),transparent)}.dash [data-fade="both"]{-webkit-mask-image: linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image: linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}.dash .dash__scroll:focus-visible{-webkit-mask-image: none;mask-image: none}.dash__form .row{margin-top: var(--s-1)}.dash__panel-head{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-2) var(--s-3);margin-bottom: 6px}.dash__panel-head h2{margin: 0}.dash__switches{display: grid;justify-items: start;gap: 14px}.dash__switches .switch:has(input:disabled){cursor: not-allowed}.dash .panel .row{gap: var(--s-2)}@keyframes dash-spin{to{transform: rotate(360deg)}}@media (prefers-reduced-motion: no-preference){.dash [data-sync][aria-busy="true"] svg{animation: dash-spin 1s linear infinite}}.dash [data-sync][aria-busy="true"]{opacity: .7;cursor: progress}.dash tr.is-gone{opacity: .35;transition: opacity .3s}.gate{display: grid;grid-template-columns: 1.1fr 1fr;margin: 40px 0 90px;border-radius: var(--r-xl);overflow: hidden;background: var(--card);box-shadow: var(--sh-3),inset 0 0 0 1px var(--line)}.gate__art{position: relative;isolation: isolate;overflow: hidden;display: flex;flex-direction: column;justify-content: space-between;min-height: 520px;padding: 48px;background: var(--night);color: #fff}.gate__art::before{content: "";position: absolute;z-index: -1;width: 520px;height: 520px;right: -160px;bottom: -200px;border-radius: 50%;background: var(--fire);filter: blur(70px);opacity: .55}.gate__art .eyebrow{color: var(--ember-3)}.gate__art h1{margin: 12px 0 14px;color: #fff;text-wrap: balance}.gate__art p{max-width: 40ch;color: rgba(255,255,255,.72)}.gate__stack{display: flex;margin-top: 30px}.gate__stack .icon{width: 58px;height: 58px;margin-right: -12px;box-shadow: 0 0 0 4px var(--night),0 10px 20px rgba(0,0,0,.4)}.gate__form{display: flex;flex-direction: column;justify-content: center;padding: 48px}.gate__kicker{color: var(--ink-3)}.gate__title{margin: var(--s-2) 0 10px;font-size: 24px;line-height: 1.2;letter-spacing: -.02em;font-weight: 750}.gate__lede{margin: 0 0 var(--s-5)}.gate__flag{align-self: center;margin-top: var(--s-3)}.gate__steps{list-style: none;margin: 28px 0 0;padding: 0;display: grid;gap: 14px}.gate__steps li{display: flex;gap: var(--s-3);font-size: 14.5px;color: var(--ink-2)}.gate__steps b{flex: none;width: 26px;height: 26px;border-radius: 8px;display: grid;place-items: center;background: var(--ember-wash);color: var(--ember-ink);font: 700 12px var(--mono)}.gate__legal{margin: 26px 0 0;font-size: 13px;line-height: 1.55;color: var(--ink-3)}.gate__legal a{color: var(--ink-2)}.chooser{--beta: #3949c9;--beta-wash: #eef0ff;--focus: #1a5fd0;color-scheme: light;color: #1f1f1f;width: min(440px,calc(100vw - 32px));margin: 60px auto 90px;padding: 36px 32px 28px;border-radius: 28px;background: #fff;box-shadow: var(--sh-3);text-align: center}:root[data-theme="dark"] .chooser{box-shadow: var(--sh-3),0 0 0 1px rgba(255,255,255,.1)}.chooser__g{display: flex;justify-content: center;margin-top: 22px}.chooser__g svg{width: 40px;height: 40px}.chooser h1{margin: 16px 0 6px;font-size: 24px;font-weight: 500;letter-spacing: -.01em;color: #1f1f1f}.chooser p{margin: 0 0 22px;font-size: 15px;color: #5f6368}.chooser p b{color: #1f1f1f}.chooser form{margin: 0}.chooser__list{list-style: none;margin: 0;padding: 0;border-top: 1px solid #e8eaed}.acct{display: flex;align-items: center;gap: 14px;width: 100%;padding: 12px 10px;border: 0;border-bottom: 1px solid #e8eaed;border-radius: 0;background: none;color: #1f1f1f;text-align: left;transition: background-color .15s}.acct:hover{background: #f8f9fa}.acct:focus-visible{outline-offset: -3px;border-radius: 10px}.acct .s-avatar{flex: none;background: var(--av,#5f6368);box-shadow: none}.acct__who{min-width: 0}.acct__name{display: block;font-size: 14.5px;font-weight: 600}.acct__meta{display: block;font-size: 13px;color: #5f6368;overflow-wrap: anywhere}.chooser__err{margin: 0 0 16px;padding: 10px 12px;border-radius: 10px;background: #fce8e6;color: #8c1d18;font-size: 14px}.chooser .chooser__note{margin: 20px 0 0;font-size: 12.5px}.doc{max-width: 760px;margin: 46px auto var(--s-9)}.doc__head{margin-bottom: var(--s-6)}.doc--developers .doc__body{min-width: 0;overflow-wrap: anywhere}.doc--developers pre{max-width: 100%;overflow-x: auto;padding: 14px;border-radius: var(--r);background: var(--paper-2);font: 500 13px/1.7 var(--mono)}.doc--developers code{font-family: var(--mono)}.doc__head .h1{margin-top: 10px;text-wrap: balance}.doc__head .lede{margin: 14px 0 0}.doc__banner{display: flex;gap: 10px;align-items: flex-start;margin: 0 0 28px;padding: 14px var(--s-4);border-radius: var(--r);background: var(--warn-wash);box-shadow: inset 0 0 0 1px color-mix(in oklab,var(--warn) 32%,transparent);color: var(--ink);font-size: 14.5px;line-height: 1.5}.doc__banner svg{flex: none;width: 18px;height: 18px;margin-top: 1px;color: var(--warn)}.doc__body{border-radius: var(--r-lg);background: var(--card);box-shadow: var(--sh-1),inset 0 0 0 1px var(--line);padding: 8px 28px}.doc__sec{padding: 22px 0;border-top: 1px solid var(--line)}.doc__sec:first-child{border-top: 0}.doc__sec h2{margin: 0 0 var(--s-2);font-size: 19px;line-height: 1.3;letter-spacing: -.015em;color: var(--ink)}.doc__sec p{margin: 0;font-size: 16px;line-height: 1.7;color: var(--ink-2);text-wrap: pretty}.doc__sec p + p{margin-top: 10px}.doc__sec a{color: var(--ember-ink)}.doc__tbd{font-weight: 650;color: var(--ink)}.doc__note{display: flex;gap: 10px;align-items: center;flex-wrap: wrap;margin: var(--s-5) 0 0;padding: 12px 14px;border-radius: var(--r);background: var(--paper-2);color: var(--ink-2);font-size: 14.5px}.doc__foot{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) 20px;margin-top: var(--s-6);font-size: 14.5px;color: var(--ink-3)}.doc__foot a{color: var(--ink-2)}.help-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(220px,100%),1fr));gap: var(--s-4)}.help-card{display: flex;flex-direction: column;gap: 10px;padding: 22px;border-radius: var(--r-lg);background: var(--card);box-shadow: var(--sh-1),inset 0 0 0 1px var(--line);transition: transform .25s var(--ease),box-shadow .25s var(--ease)}.help-card:hover{transform: translateY(-2px);box-shadow: var(--sh-2),inset 0 0 0 1px var(--line-2)}.help-card:focus-visible{outline-offset: 3px;border-radius: var(--r-lg)}.help-card__icon{display: grid;place-items: center;width: 40px;height: 40px;border-radius: 12px;background: var(--ember-wash);color: var(--ember-ink)}.help-card__icon svg{width: 20px;height: 20px}.help-card h2{margin: 6px 0 0;font-size: 18px;line-height: 1.3;letter-spacing: -.015em}.help-card p{flex: 1;margin: 0;font-size: 14.5px;line-height: 1.55;color: var(--ink-2);overflow-wrap: anywhere}.help-card__go{display: inline-flex;align-items: center;gap: 6px;font-size: 14.5px;font-weight: 650;color: var(--ember-ink)}.help-card__go svg{width: 15px;height: 15px;transition: transform .25s var(--ease)}.help-card:hover .help-card__go svg{transform: translateX(3px)}@media (max-width: 1020px){.gate{grid-template-columns: 1fr}.gate__art{min-height: 0}}@media (max-width: 860px){.dash{grid-template-columns: minmax(0,1fr);gap: 22px;margin-top: 20px}.side{position: static;grid-auto-flow: column;grid-auto-columns: max-content;gap: var(--s-2);overflow-x: auto;scrollbar-width: none;overscroll-behavior-x: contain;margin-inline: -20px;padding: 2px 20px 6px;scroll-padding-inline: 20px}.side::-webkit-scrollbar{display: none}.side hr,.who,.side__store{display: none}.side a,.side__out button{width: auto;min-height: 44px;padding: 0 16px;border-radius: 999px;white-space: nowrap;background: var(--card);box-shadow: inset 0 0 0 1px var(--line)}.side a[aria-current="page"]{background: var(--ink);color: var(--paper);box-shadow: none}.side a[aria-current="page"] :is(svg,.n){color: inherit}.side .n{margin-left: 2px}}@media (max-width: 560px){.gate{margin: 20px 0 60px;border-radius: var(--r-lg)}.gate__art,.gate__form{padding: 30px 24px}.side{margin-inline: -16px;padding-inline: 16px;scroll-padding-inline: 16px}.tiles{grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px;margin-bottom: var(--s-6)}.tile--ember{grid-column: 1 / -1}.tile{padding: var(--s-4)}.tile b{font-size: 28px}.dash__sub{flex-wrap: wrap}.chooser{margin-top: 28px;padding: 28px 20px 22px;border-radius: 22px}.doc{margin-top: 28px}.doc__body{padding: 4px 20px}}
.blog-head{margin: 56px 0 0}.blog-head .h-display{margin-top: var(--s-3);text-wrap: balance}.blog-head .lede{margin: var(--s-4) 0 0}.blog-cats{margin-top: 26px}.blog-scope{margin: var(--s-4) 0 0;font-size: 14.5px;font-weight: 550;line-height: 1.5;color: var(--ink-3)}.blog-scope a{color: var(--ink);font-weight: 650;text-decoration: underline;text-decoration-color: color-mix(in oklab,currentColor 35%,transparent);text-underline-offset: 3px}.blog-scope a:hover{text-decoration-color: currentColor}.blog-scope i{font-style: normal;opacity: .7}.blog-scope + .blog-cats{margin-top: var(--s-4)}.blog-hero{display: grid;grid-template-columns: 1.3fr 1fr;border-radius: var(--r-xl);overflow: hidden;background: var(--card);box-shadow: var(--sh-2),inset 0 0 0 1px var(--line);margin: var(--s-6) 0 56px;transition: box-shadow .35s var(--ease)}.blog-hero:hover{box-shadow: var(--sh-3),inset 0 0 0 1px var(--line)}.blog-hero:focus-visible{outline-offset: 4px;border-radius: var(--r-xl)}.blog-hero__img{position: relative;min-height: 380px;background: var(--night);overflow: hidden}.blog-hero__img img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: left top;transform-origin: left top;transition: transform 1.2s var(--ease)}.blog-hero:hover .blog-hero__img img{transform: scale(1.03)}.blog-hero__copy{padding: 44px;display: flex;flex-direction: column;justify-content: center;gap: 14px}.blog-hero__title{margin: 0;font-size: clamp(26px,3vw,36px);line-height: 1.12;letter-spacing: -.03em;font-weight: 800;text-wrap: balance}.blog-hero__stand{margin: 0;color: var(--ink-2);font-size: 16px;line-height: 1.55;text-wrap: pretty}.blog-hero__cta{display: inline-flex;align-items: center;gap: 6px;margin-top: var(--s-1);font-size: 15px;font-weight: 650;color: var(--ember-ink)}.blog-hero__cta svg{width: 16px;height: 16px;transition: transform .25s var(--ease)}.blog-hero:hover .blog-hero__cta svg{transform: translateX(3px)}.blog-list{margin-bottom: var(--s-9)}.post-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(320px,100%),1fr));gap: 22px}.post{display: flex;border-radius: var(--r-lg);overflow: hidden;background: var(--card);box-shadow: var(--sh-1),inset 0 0 0 1px var(--line);transition: transform .3s var(--ease),box-shadow .3s var(--ease)}:where(.post){flex-direction: column}.post:hover{transform: translateY(-3px);box-shadow: var(--sh-3),inset 0 0 0 1px var(--line)}.post:focus-visible{outline-offset: 3px;border-radius: var(--r-lg)}.post.reveal{transition: opacity .7s var(--ease),transform .45s var(--ease),box-shadow .3s var(--ease)}.post.reveal.is-in:hover{transform: translateY(-3px)}.post__img{aspect-ratio: 16 / 9;background: var(--paper-2);overflow: hidden}.post__img img{width: 100%;height: 100%;object-fit: cover;transition: transform .9s var(--ease)}.post:hover .post__img img{transform: scale(1.04)}:where(.post__body){flex: 1;display: grid;align-content: start;gap: var(--s-2);padding: 20px 22px 22px}.post__body :where(h2,h3){margin: 0;font-size: 19px;line-height: 1.25;letter-spacing: -.02em;font-weight: 750;color: var(--ink);text-wrap: balance}.post__body p{margin: 0;font-size: 14.5px;line-height: 1.55;color: var(--ink-2);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.post-meta{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2);font-size: 13px;font-weight: 550;color: var(--ink-3)}.post-meta i{font-style: normal;opacity: .7}.post-meta .pill{height: 20px;padding: 0 8px;font-size: 11px}.post-meta__by{color: var(--ink-2);font-weight: 600}.post-grid .post__body{grid-template-rows: auto auto 1fr auto}.post-grid .post__body p{align-self: start}.post-grid .post .post-meta{padding-top: var(--s-1)}.post--text{background: radial-gradient(120% 85% at 100% 0%,color-mix(in oklab,var(--ember) 9%,transparent),transparent 62%),var(--paper-2)}.post--text .post__body{gap: 10px;padding: 26px 26px 24px}.post--text .post__body :where(h2,h3){font-size: clamp(21px,1vw + 14px,27px);line-height: 1.18;letter-spacing: -.028em}.post--text .post__body p{-webkit-line-clamp: 6;font-size: 15.5px}.article{max-width: 760px;margin: 46px auto 0}.article__head .h1{margin: 0 0 14px;text-wrap: balance}.article__stand{margin: 0;text-wrap: pretty}.article__head .post-meta{margin-top: 18px}.article__cover{margin: var(--s-6) 0 36px;border-radius: var(--r-xl);overflow: hidden;background: var(--paper-2);box-shadow: var(--sh-2)}.article__cover img{width: 100%;height: auto}.article__disclosure{display: flex;gap: 10px;align-items: flex-start;margin: 40px 0 0;padding: 14px var(--s-4);border-radius: var(--r);background: var(--paper-2);color: var(--ink-2);font-size: 14px;line-height: 1.55}.article__disclosure svg{flex: none;width: 17px;height: 17px;margin-top: 2px;color: var(--ink-3)}.article__mention{margin-top: 44px}.article__mention .label{margin: 0}.article__mention-card{margin-top: var(--s-3);max-width: 380px}.project-link{display: grid;grid-template-columns: auto minmax(0,1fr) auto auto;align-items: center;gap: 4px 14px;margin-top: var(--s-3);padding: 14px 18px 14px 14px;border-radius: var(--r-lg);background: var(--card);box-shadow: var(--sh-1),inset 0 0 0 1px var(--line);color: var(--ink);transition: box-shadow .2s,transform .2s var(--ease)}.project-link:hover{transform: translateY(-1px);box-shadow: var(--sh-2),inset 0 0 0 1px var(--line-2)}.project-link:focus-visible{outline-offset: 3px;border-radius: var(--r-lg)}.project-link .icon{width: 48px;height: 48px}.project-link__text{display: grid;gap: 2px;min-width: 0}.project-link__text b{font-size: 16px;font-weight: 750;line-height: 1.3;letter-spacing: -.015em}.project-link__text span{font-size: 14px;line-height: 1.45;color: var(--ink-2);text-wrap: pretty}.project-link__go{display: flex;color: var(--ink-3)}.project-link__go svg{width: 16px;height: 16px;transition: transform .25s var(--ease)}.project-link:hover .project-link__go{color: var(--ink)}.project-link:hover .project-link__go svg{transform: translateX(3px)}.nobr{white-space: nowrap}.blog-more{margin: 72px auto var(--s-9);padding-top: 40px;border-top: 1px solid var(--line)}.blog-more .section__head{align-items: center}.jcover{--jc-line: color-mix(in oklab,var(--ink) 7%,transparent);position: relative;isolation: isolate;display: block;width: 100%;height: 100%;overflow: hidden;container-type: inline-size;color: var(--ink);background: radial-gradient(80% 120% at 100% 0%,color-mix(in oklab,#fff 70%,transparent),transparent 62%),linear-gradient(155deg,color-mix(in oklab,var(--accent) 12%,var(--paper)) 0%,color-mix(in oklab,var(--accent) 34%,var(--paper-2)) 100%)}:root[data-theme="dark"] .jcover{--jc-line: color-mix(in oklab,var(--ink) 6%,transparent);background: radial-gradient(80% 120% at 100% 0%,color-mix(in oklab,var(--accent) 26%,transparent),transparent 62%),linear-gradient(155deg,color-mix(in oklab,var(--accent) 18%,var(--card)) 0%,color-mix(in oklab,var(--accent) 5%,var(--paper)) 100%)}.jcover::before{content: "";position: absolute;inset: 0;z-index: -1;background-image: linear-gradient(var(--jc-line) 1px,transparent 1px),linear-gradient(90deg,var(--jc-line) 1px,transparent 1px);background-size: 24px 24px;background-position: -1px -1px;-webkit-mask-image: radial-gradient(130% 110% at 100% 100%,#000 10%,transparent 75%);mask-image: radial-gradient(130% 110% at 100% 100%,#000 10%,transparent 75%)}.jcover__icon{position: absolute;left: 6cqw;top: 6cqw;width: var(--jc-w,18cqw);aspect-ratio: 1;background: var(--jc-icon) center / contain no-repeat;filter: drop-shadow(0 .8cqw 1.6cqw rgba(23,19,15,.22));transition: transform .6s var(--ease)}.jcover__icon--mono{display: grid;place-items: center;border-radius: 27%;color: #fff;font-weight: 800;font-size: calc(var(--jc-w,18cqw) * .5);line-height: 1;letter-spacing: -.04em;background: linear-gradient(140deg,var(--accent),color-mix(in oklab,var(--accent) 55%,#000))}:root[data-theme="dark"] .jcover__icon{filter: drop-shadow(0 .8cqw 2cqw rgba(0,0,0,.55))}.jcover__num{position: absolute;right: 6cqw;bottom: 4.5cqw;display: grid;grid-template-columns: auto auto;align-items: baseline;column-gap: 1.8cqw;line-height: .78}.jcover__label{grid-column: 1 / -1;margin-bottom: 1.6cqw;font-size: max(10px,2.8cqw);font-weight: 700;letter-spacing: .18em;text-transform: uppercase;color: var(--ink-3);line-height: 1}.jcover__num b{font-size: 23cqw;font-weight: 750;letter-spacing: -.06em;font-variant-numeric: tabular-nums;color: var(--ink-2);background: linear-gradient(180deg,var(--ink-2) 30%,color-mix(in oklab,var(--accent) 50%,var(--ink-2)));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent}.jcover__of{font-size: max(11px,3.3cqw);font-weight: 650;letter-spacing: -.01em;color: var(--ink-2);line-height: 1}.post:hover .jcover__icon{transform: translateY(-2px) rotate(-2deg)}@media (forced-colors: active){.jcover__num b{background: none;-webkit-text-fill-color: currentColor}}.jcover--article{--jc-w: 12.5cqw}.jcover--article .jcover__icon{left: 4.5cqw;top: 50%;transform: translateY(-50%)}.jcover--article .jcover__num{right: 4.5cqw;bottom: 3cqw}.jcover--article .jcover__num b{font-size: 15cqw}.jcover--article .jcover__label{font-size: max(10px,1.6cqw);margin-bottom: 1cqw}.jcover--article .jcover__of{font-size: max(11px,2cqw)}.blog--series{margin-top: 46px}.blog-crumbs{margin-bottom: 0}.jhead{display: grid;grid-template-columns: auto minmax(0,1fr);align-items: start;gap: 22px;margin: var(--s-4) 0 28px;padding: 28px;border-radius: var(--r-xl);background: radial-gradient(110% 140% at 100% 0%,color-mix(in oklab,var(--accent,var(--ember)) 10%,transparent),transparent 60%),var(--card);box-shadow: var(--sh-1),inset 0 0 0 1px var(--line)}.jhead__copy{display: grid;justify-items: start;gap: 10px;min-width: 0}.jhead__title{margin: 0;font-size: clamp(26px,3vw,34px);line-height: 1.12;letter-spacing: -.03em;font-weight: 800;text-wrap: balance}.jhead__stand{margin: 0;max-width: 60ch;color: var(--ink-2);font-size: 16px;line-height: 1.55;text-wrap: pretty}.jhead__stand a{color: var(--ink);font-weight: 650;text-decoration: underline;text-decoration-color: color-mix(in oklab,currentColor 35%,transparent);text-underline-offset: 3px}.jhead__stand a:hover{text-decoration-color: currentColor}.jhead .post-meta{margin: 0}.jhead__actions{display: flex;flex-wrap: wrap;gap: 10px;margin-top: var(--s-1)}.blog--series :is(.jhead,.jpills--series){max-width: 860px}.blog-back{margin: calc(var(--s-6) * -1) 0 var(--s-9);font-size: 15px;font-weight: 650}.blog-back a{display: inline-flex;align-items: center;gap: 6px;color: var(--ink-2)}.blog-back a:hover{color: var(--ink)}.blog-back svg{width: 16px;height: 16px}.journal-note{display: flex;flex-wrap: wrap;align-items: center;gap: 6px var(--s-2);margin: 0;font-size: 13.5px;font-weight: 550;color: var(--ink-3)}.journal-note i{font-style: normal;opacity: .7}.journal-live{display: inline-flex;align-items: center;gap: 6px;font-weight: 700;color: var(--ok)}.journal-live::before{content: "";flex: none;width: 7px;height: 7px;border-radius: 50%;background: currentColor;box-shadow: 0 0 0 3px color-mix(in oklab,currentColor 22%,transparent)}.pill--new{background: var(--ember-wash);color: var(--ember-ink);box-shadow: inset 0 0 0 1px color-mix(in oklab,var(--ember) 35%,transparent)}.jpills{display: grid;gap: 8px;margin: 0;padding: 0;list-style: none}.jpills li{display: flex;min-width: 0}.jpill{--jp-accent: var(--accent,var(--ember));flex: 1;display: grid;grid-template-columns: auto minmax(0,1fr);align-items: center;gap: 12px;min-width: 0;min-height: 44px;padding: 7px 16px 7px 8px;border-radius: 22px;background: var(--card);box-shadow: inset 0 0 0 1px var(--line);color: var(--ink);transition: background-color .15s,box-shadow .2s,transform .2s var(--ease)}.jpill:hover{background: color-mix(in oklab,var(--jp-accent) 7%,var(--card));box-shadow: var(--sh-1),inset 0 0 0 1px var(--line-2);transform: translateY(-1px)}.jpill:focus-visible{outline-offset: 2px;border-radius: 22px}.jpill__part{display: inline-flex;align-items: center;justify-content: center;gap: 4px;min-width: 6em;padding: 6px 10px;border-radius: 999px;background: color-mix(in oklab,var(--jp-accent) 14%,var(--paper-2));font: 600 11.5px/1.1 var(--mono);letter-spacing: -.01em;color: var(--ink-2);white-space: nowrap}.jpill__part svg{width: 13px;height: 13px;flex: none}.jpill__text{display: flex;flex-wrap: wrap;align-items: baseline;gap: 2px 14px;min-width: 0}.jpill__title{flex: 0 1 auto;min-width: 0;font-size: 14.5px;font-weight: 650;line-height: 1.35;letter-spacing: -.01em;text-wrap: pretty}.jpill__meta{display: inline-flex;flex-wrap: wrap;align-items: center;gap: 2px 8px;min-width: 0;max-width: 100%;font-size: 12.5px;font-weight: 550;line-height: 1.4;color: var(--ink-3)}.jpill__meta .post-when{max-width: 100%}.jpill .pill{flex-wrap: wrap;row-gap: 0;max-width: 100%;height: auto;min-height: 20px;padding: 2px 8px;font-size: 11px;line-height: 1.25;white-space: normal}.jpill .pill time{white-space: nowrap}.pill--updated.pill--new::before{content: "";flex: none;width: 6px;height: 6px;border-radius: 50%;background: currentColor}.jpill[aria-current="page"]{background: color-mix(in oklab,var(--jp-accent) 14%,var(--card));box-shadow: inset 0 0 0 1.5px var(--ink)}.jpill[aria-current="page"]:hover{transform: none}.jpill[aria-current="page"] .jpill__part{background: var(--ink);color: var(--paper)}.jpills--dense{gap: 6px}.jpills--dense .jpill{min-height: 40px;padding-block: 5px}.jpills--dense .jpill__title{font-size: 14px}.guides:has(.jpill){grid-template-columns: minmax(0,1fr);gap: 8px}.jfeed{margin: var(--s-6) 0 56px}.jfeed:last-child{margin-bottom: var(--s-9)}.jpills--feed{grid-template-columns: repeat(auto-fill,minmax(min(460px,100%),1fr));gap: 10px 14px}.jpills--feed > li{container-type: inline-size}.jpill--app{grid-template-columns: auto minmax(0,1fr);grid-template-areas: "part meta" "title title";align-items: center;align-content: start;gap: 7px 12px;padding: 8px 14px 11px 8px;border-radius: 20px}.jpill--app:focus-visible{border-radius: 20px}.jpill--app .jpill__text{display: contents}.jpill--app .jpill__title{grid-area: title;padding-left: 6px}.jpill--app .jpill__meta{grid-area: meta;justify-self: end;justify-content: flex-end;text-align: right}.jpill--app .jpill__part{grid-area: part;justify-self: start;justify-content: start;gap: 6px;min-width: 0;max-width: 100%;padding: 3px 10px 3px 3px;font-family: inherit;font-size: 12px;font-weight: 650;line-height: 1.25;letter-spacing: -.005em;color: var(--ink-2)}.jpill--app .jpill__part .icon{width: 20px;height: 20px;border-radius: 6px;box-shadow: inset 0 0 0 1px rgba(0,0,0,.06)}.jpill--app .jpill__part .icon--mono{font-size: 9px;letter-spacing: -.02em}.jpill__app{min-width: 0;overflow: hidden;text-overflow: ellipsis;color: var(--ink)}.jpill--app .jpill__part i{font-style: normal;opacity: .6}@container (max-width: 560px){.jpills--feed .jpill--app{grid-template-columns: minmax(0,1fr);grid-template-areas: "part" "title" "meta";gap: 5px}.jpills--feed .jpill--app .jpill__part{margin-bottom: 2px}.jpills--feed .jpill--app .jpill__meta{justify-self: start;justify-content: flex-start;padding-left: 6px;text-align: left}}.jfeed__all{display: inline-flex;align-items: center;gap: 5px;margin: 8px 0 0 10px;padding: 6px 0;font-size: 13.5px;font-weight: 650;color: var(--ink-2)}.jfeed__all:hover{color: var(--ink)}.jfeed__all svg{width: 14px;height: 14px;transition: transform .25s var(--ease)}.jfeed__all:hover svg{transform: translateX(3px)}.article__series{margin: 0 0 var(--s-3)}.article__series a{color: inherit;text-decoration: underline;text-decoration-color: color-mix(in oklab,currentColor 35%,transparent);text-underline-offset: 3px}.article__series a:hover{text-decoration-color: currentColor}.article__part{white-space: nowrap}.article--journal .article__cover{position: relative;aspect-ratio: 4 / 1;box-shadow: var(--sh-1),inset 0 0 0 1px var(--line)}.article--journal .article__cover .jcover{position: absolute;inset: 0}.prose .meta{margin: 2.2em 0 0;padding-top: var(--s-4);border-top: 1px solid var(--line);font-size: 14px;line-height: 1.6;color: var(--ink-3);text-wrap: pretty}.prose .meta a{color: var(--ink-2);text-decoration-color: color-mix(in oklab,currentColor 45%,transparent)}.prose .meta a:hover{color: var(--ink);text-decoration-color: currentColor}.series-nav{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px 12px;margin-top: 44px}.jpill--next{grid-column: 2}.series-parts{margin-top: 44px}.series-parts__head{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: var(--s-2) var(--s-4)}.series-parts__all{display: inline-flex;align-items: center;gap: 5px;font-size: 13.5px;font-weight: 650;color: var(--ink-2)}.series-parts__all:hover{color: var(--ink)}.series-parts__all svg{width: 14px;height: 14px}.series-parts .journal-note{margin-top: 6px}.series-parts .jpills{margin-top: var(--s-3)}.prose{--dimmer: var(--ink-3);--tone-info: #1a5fd0}:root[data-theme="dark"] .prose{--tone-info: #7cb0ff}.prose > :first-child{margin-top: 0}.article .prose{overflow-wrap: break-word}.prose strong{color: var(--ink);font-weight: 650}.prose :is(ul,ol){padding-left: 1.3em}.prose li{margin: .35em 0}.prose li::marker{color: var(--ink-3)}.prose .b26-btn{display: inline-flex;align-items: center;justify-content: center;min-height: 44px;padding: 10px 20px;margin: 6px 8px 0 0;border-radius: 999px;font-size: 15px;font-weight: 650;line-height: 1.25;letter-spacing: -.01em;text-align: center;text-decoration: none;transition: transform .15s var(--ease),box-shadow .2s}.prose .b26-btn:hover{transform: translateY(-1px);text-decoration: none}.prose .b26-btn:active{transform: scale(.985)}.prose .b26-btn:focus-visible{outline-offset: 3px;border-radius: 999px}.prose .b26-btn--primary{background: var(--fire);color: #17130f;box-shadow: var(--sh-ember)}.prose .b26-btn--ghost{background: var(--card);color: var(--ink);box-shadow: inset 0 0 0 1px var(--line-2),var(--sh-1)}.prose .b26-btn--ghost:hover{box-shadow: inset 0 0 0 1px var(--line-strong,var(--ink-3)),var(--sh-2)}.prose .verdict{margin: 2.2em 0;padding: 26px 26px 24px;border-radius: var(--r-lg);background: radial-gradient(120% 140% at 100% 0%,color-mix(in oklab,var(--ember) 9%,transparent),transparent 60%),var(--card);box-shadow: var(--sh-2),inset 0 0 0 1px var(--line)}.prose .verdict h3{margin: 0 0 var(--s-2);font-size: 20px;letter-spacing: -.02em}.prose .verdict p{margin: 0 0 14px;font-size: 16px}.prose .table-scroll{overflow-x: auto;margin: 1.6em 0;border-radius: var(--r);background: var(--card);outline: 1px solid var(--line);outline-offset: -1px;overscroll-behavior-x: contain}.prose .table-scroll:focus-visible{outline: 2.5px solid var(--focus);outline-offset: 2px}.prose .table-scroll:not(.table-scroll--fit) table{min-width: 520px}@property --ts-l{syntax: "<length>";inherits: false;initial-value: 0px}@property --ts-r{syntax: "<length>";inherits: false;initial-value: 0px}@keyframes table-scroll-fade{from{--ts-l: 0px;--ts-r: 44px}6%{--ts-l: 44px}94%{--ts-r: 44px}to{--ts-l: 44px;--ts-r: 0px}}@supports (animation-timeline: scroll()){.prose .table-scroll:not(.table-scroll--fit){-webkit-mask-image: linear-gradient(90deg,transparent,#000 var(--ts-l),#000 calc(100% - var(--ts-r)),transparent);mask-image: linear-gradient(90deg,transparent,#000 var(--ts-l),#000 calc(100% - var(--ts-r)),transparent);animation: table-scroll-fade linear both;animation-timeline: scroll(self inline)}.prose .table-scroll:focus-visible{-webkit-mask-image: none;mask-image: none}}@supports not (animation-timeline: scroll()){.prose .table-scroll:not(.table-scroll--fit){background: linear-gradient(90deg,var(--card) 40%,transparent) left / 36px 100% no-repeat local,linear-gradient(270deg,var(--card) 40%,transparent) right / 36px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.16),transparent) left / 14px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.16),transparent) right / 14px 100% no-repeat scroll,var(--card)}}.prose .cmp{width: 100%;border-collapse: separate;border-spacing: 0;font-size: 14.5px;line-height: 1.5}.prose .cmp th{padding: 12px 14px;border-bottom: 1px solid var(--line);background: var(--paper);font-size: 12px;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;color: var(--ink-3);vertical-align: bottom}.prose .cmp td{padding: 12px 14px;border-bottom: 1px solid var(--line);color: var(--ink-2);vertical-align: top}.prose .cmp tbody tr:last-child :is(th,td){border-bottom: 0}.prose .cmp tbody :is(th,td){vertical-align: baseline}.prose .cmp tbody th{font-size: 14px;font-weight: 650;letter-spacing: 0;text-transform: none;text-align: left;color: var(--ink)}.prose .cmp .ours{background: color-mix(in oklab,var(--ember) 8%,transparent);color: var(--ink);font-weight: 600}.prose .cmp th.ours{color: var(--ember-ink)}.prose .cmp .yes{color: var(--ok);font-weight: 600}.prose .cmp .no{color: var(--ink-3)}.prose .callout{--tone: var(--ink-3);--glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 15h-2v-6h2v6Zm0-8h-2V7h2v2Z'/%3E%3C/svg%3E");display: flex;gap: var(--s-3);margin: 1.6em 0;padding: var(--s-4) 18px;border-radius: var(--r);background: color-mix(in oklab,var(--tone) 8%,var(--card));box-shadow: inset 0 0 0 1px color-mix(in oklab,var(--tone) 28%,transparent)}.prose .callout::before{content: "";flex: none;width: 20px;height: 20px;margin-top: 3px;background: var(--tone);-webkit-mask: var(--glyph) center / contain no-repeat;mask: var(--glyph) center / contain no-repeat}.prose .callout > i{display: none}.prose .callout p{margin: 0;font-size: 16px;line-height: 1.6;color: var(--ink-2)}.prose .callout--info{--tone: var(--tone-info)}.prose .callout--good{--tone: var(--ok);--glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1.4 14.2-4.2-4.2 1.4-1.4 2.8 2.8 5.8-5.8 1.4 1.4-7.2 7.2Z'/%3E%3C/svg%3E")}.prose .callout--warn{--tone: var(--warn);--glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 1 21h22L12 2Zm1 16h-2v-2h2v2Zm0-4h-2v-4h2v4Z'/%3E%3C/svg%3E")}.prose .figure{margin: 2em 0}.prose .figure img{margin: 0;width: 100%;height: auto;border-radius: var(--r);background: var(--paper-2);box-shadow: var(--sh-2),0 0 0 1px var(--line)}.prose .figure figcaption{margin-top: 10px;font-size: 13.5px;line-height: 1.5;color: var(--ink-3);text-align: center;text-wrap: balance}@media (max-width: 1020px){.blog-hero{grid-template-columns: 1fr}.blog-hero__img{min-height: 0;aspect-ratio: 16 / 10}}@media (max-width: 560px){.blog-head{margin-top: 36px}.blog-hero{margin-bottom: 40px;border-radius: var(--r-lg)}.blog-hero__copy{padding: 26px 22px 28px}.jhead{grid-template-columns: 1fr;gap: 14px;margin-bottom: 22px;padding: 22px 20px 24px;border-radius: var(--r-lg)}.jhead .icon--lg{width: 64px;height: 64px}.jhead__actions{justify-self: stretch}.jhead__actions .btn{flex: 1 1 auto}.article--journal .article__cover{aspect-ratio: 5 / 2}.article__part{display: block}.article__part-sep{display: none}.post-meta--journal{row-gap: 2px}.post-meta--journal .post-meta__sep{display: none}.post-meta--journal .post-when{flex-basis: 100%}.jfeed{margin-bottom: 40px}.jpills--feed{gap: 8px}.jpill{align-items: start;gap: 10px;padding-right: 14px}.jpill__part{min-width: 0;padding: 4px 8px}.jpill--pick{grid-template-columns: minmax(0,1fr);gap: 6px;padding: 8px 14px 10px 8px;border-radius: 20px}.jpill--pick:focus-visible{border-radius: 20px}.jpill--pick .jpill__part{justify-self: start}.jpill--pick .jpill__text{padding-left: 6px}.journal-note i{display: none}.journal-note{column-gap: 10px}.blog--series{margin-top: 28px}.blog-back{margin-top: calc(var(--s-5) * -1)}.post-grid .post--journal .post__img{aspect-ratio: 5 / 2}.post-grid .post--journal .jcover{--jc-w: 15cqw}.post-grid .post--journal .jcover__num b{font-size: 19cqw}.series-nav{grid-template-columns: 1fr}.jpill--next{grid-column: auto}.project-link{grid-template-columns: auto minmax(0,1fr) auto}.project-link .icon{grid-row: 1 / span 2}.project-link .pill{grid-column: 2;grid-row: 2;justify-self: start}.project-link__go{grid-column: 3;grid-row: 1 / span 2}.article{margin-top: 28px}.article__cover{margin: var(--s-5) 0 28px;border-radius: var(--r-lg)}.prose{font-size: 16.5px}.prose .verdict{padding: 20px}.prose .b26-btn{width: 100%;margin-right: 0}.blog-more{margin-top: 56px}}.article__toc{margin: 0 0 2rem;padding: 1.2rem 1.4rem;border: 1px solid var(--line);border-radius: 12px}.article__toc ol{margin: .8rem 0 0;padding-left: 1.25rem}.article__toc li + li{margin-top: .45rem}.article__toc a{text-decoration: underline;text-underline-offset: .18em}
a.sr:focus-visible{position: fixed !important;left: 16px;top: 12px;z-index: 100;width: auto;height: auto;margin: 0;clip: auto;clip-path: none;overflow: visible;white-space: nowrap;padding: 10px 16px;border-radius: 999px;background: var(--ink);color: var(--paper);font-weight: 650;box-shadow: var(--sh-3);outline-offset: 2px}.showcase__item:focus-visible{outline: none}.showcase__item:focus-visible::after{content: "";position: absolute;inset: 0;z-index: 2;border-radius: inherit;box-shadow: inset 0 0 0 11px rgba(0,0,0,.35);outline: 3px solid var(--ember-2);outline-offset: -8px;pointer-events: none}.cats .chip:focus-visible,.views a:focus-visible,.p-tabs a:focus-visible,.side a:focus-visible,.spot__rail button:focus-visible{outline-offset: -2px}:is(.cats .chip,.views a,.p-tabs a):is([aria-pressed="true"],[aria-current="page"],[aria-current="location"],[aria-selected="true"],.is-on):focus-visible{box-shadow: inset 0 0 0 5px var(--paper)}.showcase__thumbs button:focus-visible{opacity: 1;outline: none}.showcase__thumbs button:focus-visible::before{content: "";position: absolute;inset: 0;border-radius: inherit;box-shadow: inset 0 0 0 8px rgba(0,0,0,.5);outline: 2px solid #fff;outline-offset: -6px;pointer-events: none}@media (forced-colors: active){.showcase__item:focus-visible::after,.showcase__thumbs button:focus-visible::before{outline-color: Highlight}.showcase__thumbs button[aria-current="true"]::after{border: 3px solid SelectedItem}}.search input:focus-visible,.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.sort:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px}.palette input:focus-visible{outline: 2px solid transparent;outline-offset: -2px;box-shadow: inset 0 -2px 0 var(--focus)}.chooser,.pp-window__body{--focus: #c24100}html{scroll-padding-top: 84px;scroll-padding-bottom: 24px}html:has(.p-tabs){scroll-padding-top: 140px}html:has([data-buybar]){scroll-padding-bottom: 100px}.p-section,.views{scroll-margin-top: 0}@media (min-width: 861px){#grid > .card,#grid > .card .ql,#grid > .card .card__link{scroll-margin-top: var(--grid-card-scroll-mt,64px)}@supports (width: 1cqw){#grid > .card .card__link{scroll-margin-top: calc(var(--grid-card-scroll-mt,64px) + min(56.25cqw,240px) + 8px)}}}@media (max-height: 560px){.s-nav{position: relative}.toolbar,.p-tabs{position: static;background: none}html,html:has(.p-tabs){scroll-padding-top: 16px}#grid > .card,#grid > .card .ql,#grid > .card .card__link{scroll-margin-top: 0}.buybar{bottom: 8px}.buybar__in{padding-block: 8px}.buy,.side{position: static}}@media (pointer: coarse){.s-theme,.s-search-btn,.s-menu-toggle,.s-avatar,.copy{position: relative}.s-theme::after,.s-search-btn::after,.s-menu-toggle::after,.s-avatar::after,.copy::after{content: "";position: absolute;inset: -4px;border-radius: inherit}.copy{width: 36px;height: 36px}.btn--sm{height: 40px}.seg button,.chip{min-height: 40px}.p-tabs a{padding-block: 10px}.sheet__close,.qlv__nav{width: 44px;height: 44px}.qlv__dots button{position: relative}.qlv__dots button::before{content: "";position: absolute;inset: -10px -3px}.s-foot ul{gap: 0}.s-foot ul a{display: inline-block;padding-block: 10px}.crumbs a{display: inline-block;padding-block: 12px}.crumbs{margin-block: -12px 14px}.s-links a{padding-block: 12px}.switch{min-height: 44px}}@media (hover: none),(max-width: 860px){.search input,.sort,.field input,.field select,.field textarea,.palette input{font-size: 16px}}@media (hover: none){.search .s-kbd{display: none}.search input{padding-right: 16px}}@media (prefers-reduced-motion: reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation: none !important}.state__ring--spin{animation: none}*,*::before,*::after{animation-iteration-count: 1 !important}.js .reveal:not(.is-in){opacity: 1;transform: none}}