:root{color-scheme:dark;--ink:#f4f4ef;--muted:#aaa9a4;--paper:#101010;--surface:#1a1a1a;--surface-strong:#272727;--stage:#080808;--card-gradient:linear-gradient(to bottom, #0000 0%, #000 82%, #000 100%);--white:#fff;--focus:#f4f4ef;--page:1040px;--gutter:clamp(1rem, 4vw, 3rem);--space-section:clamp(2.75rem, 5vw, 4.5rem);--text-display:clamp(2.25rem, 3.8vw, 3.5rem);--text-title:clamp(2rem, 3.5vw, 3.25rem);--text-heading:clamp(1.5rem, 2.4vw, 2.1rem);--shadow-soft:0 18px 60px #0000004d}*,:before,:after{box-sizing:border-box}html{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;margin:0;overflow-x:hidden}button,input,select{color:inherit;font:inherit}button,select{cursor:pointer}a{color:inherit;text-underline-offset:.2em;text-underline-position:from-font;text-decoration-thickness:from-font}img{max-width:100%;display:block}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{letter-spacing:-.045em;text-wrap:balance;line-height:1.05}p{text-wrap:pretty;line-height:1.6}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}code{overflow-wrap:break-word}::selection{background:var(--ink);color:var(--paper)}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:var(--paper);border-radius:.75rem;padding:.75rem 1rem;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.focus-shell:focus-visible,a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.focus-shell{text-decoration:none}.page-shell{width:min(calc(100% - (2 * var(--gutter))), var(--page));margin-inline:auto}.site-header{z-index:20;position:relative}.nav-shell{justify-content:space-between;align-items:center;gap:2rem;min-height:4.5rem;display:flex}.brand{align-items:center;min-height:44px;font-weight:680;text-decoration:none;display:inline-flex}nav{align-items:center;gap:clamp(1rem,3vw,2rem);display:flex}nav a,.footer-links a{color:var(--muted);font-size:.92rem;font-weight:600;text-decoration:none;transition:color .12s ease-out}nav a:hover,.footer-links a:hover{color:var(--ink)}.site-footer{color:var(--muted);grid-template-columns:1fr auto auto;align-items:end;gap:3rem;padding-block:3.5rem 2.5rem;font-size:.92rem;display:grid}.site-footer p{margin-block-end:0}.footer-title{color:var(--ink);font-weight:700}.footer-links{gap:1.25rem;display:flex}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-block-end:1.35rem;font-size:.78rem;font-weight:720}.hero{grid-template-columns:minmax(0,.9fr) minmax(28rem,1.1fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:auto;padding-block:clamp(2.75rem,5vw,4.5rem);display:grid}.hero-copy h1{max-width:11ch;font-size:var(--text-display);margin-block-end:1rem;font-weight:720}.hero-copy>p:not(.eyebrow):not(.hero-creator){max-width:56ch;color:var(--muted);margin-block-end:1.25rem;font-size:clamp(1rem,1.5vw,1.12rem)}.hero-creator{background:var(--surface);corner-shape:squircle;border-radius:1.25rem;align-items:center;gap:.55rem;margin-block-end:1.5rem;padding:.75rem .9rem;text-decoration:none;transition:background-color .12s ease-out,transform .15s ease-out;display:inline-flex}.hero-creator:hover{background:var(--surface-strong);transform:translateY(-2px)}.hero-creator:active{transform:scale(.96)}.creator-copy{color:var(--muted);white-space:nowrap;align-items:baseline;gap:.3rem;font-size:.78rem;font-weight:650;line-height:1;display:inline-flex}.creator-copy strong{color:var(--ink);font-size:.84rem}.creator-arrow{color:var(--muted)}.hero-actions,.section-actions{flex-wrap:wrap;gap:.75rem;display:flex}.action-link,.copy-control{background:0 0;border:0;min-height:3.25rem;padding:0;text-decoration:none;transition:scale .15s ease-out;display:inline-flex}.action-link:active,.copy-control:active{scale:.96}.button-surface{corner-shape:squircle;white-space:nowrap;border-radius:1.15rem;justify-content:center;align-items:center;min-height:3.25rem;padding-inline:1.25rem;font-size:.94rem;font-weight:680;display:inline-flex}.button-surface-dark{background:var(--ink);color:var(--paper)}.button-surface-light{background:var(--surface-strong);color:var(--ink)}.install-pill{background:var(--surface-strong);corner-shape:squircle;border-radius:1.15rem;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:3.5rem;margin-block-start:0;padding:.35rem .35rem .35rem 1rem;display:flex}.install-pill code{font-size:clamp(.74rem,2vw,.9rem)}.install-pill .button-surface{min-height:3.1rem}.developer-panel{background:var(--surface);corner-shape:squircle;box-shadow:var(--shadow-soft);border-radius:2rem;padding:1rem}.developer-panel-label{color:var(--muted);text-transform:uppercase;justify-content:space-between;padding:.15rem .25rem .85rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem;display:flex}.developer-panel pre{background:var(--stage);corner-shape:squircle;color:#d8d8d2;border-radius:1.15rem;min-height:8.5rem;margin:.75rem 0;padding:1rem;font-size:.76rem;line-height:1.65;overflow-x:auto}.developer-panel pre code{font:inherit}.developer-previews{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.developer-previews a{aspect-ratio:1.6;background:var(--stage);corner-shape:squircle;border-radius:1rem;place-items:center;display:grid;overflow:hidden}.developer-previews img{object-fit:contain;width:72%;height:72%}.stagger-item{opacity:1}@media (prefers-reduced-motion:no-preference){.stagger-item{opacity:0;filter:blur(4px);animation:.4s ease-out forwards reveal;transform:translateY(12px)}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.2s}.stagger-item:nth-child(4){animation-delay:.3s}.stagger-item:nth-child(5){animation-delay:.4s}@keyframes reveal{to{opacity:1;filter:blur();transform:translateY(0)}}}.stats{padding-block:1rem var(--space-section);grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.stat-card,.feature-card,.guide-card,.metadata-card{background:var(--surface);corner-shape:squircle;border-radius:2rem;padding:clamp(1.1rem,2vw,1.5rem)}.stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.06em;margin-block-end:.25rem;font-size:clamp(2rem,3.5vw,3rem);font-weight:720;display:block}.stat-label{color:var(--muted)}.section{padding-block:var(--space-section)}.gallery-section{padding-block-end:var(--space-section)}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-block-end:1.5rem;display:flex}.section-heading h2,.page-intro h1{max-width:11ch;font-size:var(--text-title);margin-block-end:0}.section-heading p,.page-intro>p{max-width:52ch;color:var(--muted);margin-block-end:0}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.feature-card h3{margin-block:1.25rem .5rem;font-size:1.35rem}.feature-card p{color:var(--muted);margin-block-end:0}.feature-number{color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem}.cta-surface{background:var(--stage);color:var(--white);corner-shape:squircle;border-radius:3.25rem;justify-content:space-between;align-items:end;gap:2rem;padding:clamp(1.75rem,3vw,2.5rem);display:flex}.cta-surface h2{max-width:8ch;font-size:var(--text-title);margin-block-end:1rem}.cta-surface>p:not(.eyebrow){color:#bdbdb8;max-width:48ch}.cta-surface .eyebrow{color:#bdbdb8}.cta-surface .section-actions{flex:none;margin-block-start:0}.preview-grid,.exercise-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}.exercise-card{min-width:0}.card-link{display:block}.card-surface{aspect-ratio:3/4;background:var(--card-gradient);corner-shape:squircle;border-radius:2rem;flex-direction:column;transition:transform .15s ease-out;display:flex;overflow:hidden}.card-link:hover .card-surface{transform:translateY(-3px)}.card-link:active .card-surface{transform:scale(.96)}.card-stage{aspect-ratio:1;background:var(--stage);corner-shape:squircle;border-radius:1.35rem;place-items:center;padding:1.1rem;display:grid;overflow:hidden}.card-stage img{object-fit:contain;width:100%;height:100%}.card-image{object-fit:contain;flex:1;width:100%;min-height:0;padding:1rem 1rem 0}.card-copy{padding:.9rem 1rem 1.1rem}.card-copy h2{letter-spacing:-.025em;margin-block-end:.45rem;font-size:1.12rem}.card-copy p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-block-end:0;font-size:.85rem;overflow:hidden}.page-intro{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);align-items:end;gap:3rem;padding-block:clamp(3.5rem,7vw,6rem) 2.5rem;display:grid}.filter-panel{grid-template-columns:minmax(15rem,2fr) repeat(3,minmax(9rem,1fr));gap:.75rem;margin-block-end:1.5rem;display:grid}.field-label{color:var(--muted);margin-block-end:.45rem;font-size:.78rem;font-weight:680;display:block}.field-surface{background:var(--surface);corner-shape:squircle;border-radius:1.2rem;align-items:center;min-height:3.5rem;padding-inline:1rem;display:flex}.field-surface:focus-within{outline:3px solid var(--focus);outline-offset:3px}.field-surface input,.field-surface select{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:1rem}.result-meta{min-height:2rem;color:var(--muted);font-variant-numeric:tabular-nums;margin-block-end:1.5rem}.empty-state{text-align:center;padding:5rem 1.5rem}.detail-hero{padding-block:4rem var(--space-section);grid-template-columns:minmax(0,.75fr) minmax(20rem,1.25fr);align-items:center;gap:clamp(3rem,8vw,7rem);display:grid}.breadcrumb{min-height:44px;color:var(--muted);align-items:center;margin-block-end:2rem;font-size:.9rem;display:inline-flex}.detail-copy h1{font-size:var(--text-title);margin-block-end:1.25rem}.detail-copy>p{color:var(--muted)}.guide-layout>div>h2{font-size:var(--text-heading);margin-block-end:1rem}.tag-list{flex-wrap:wrap;gap:.55rem;margin-block:1.5rem 0;padding:0;list-style:none;display:flex}.tag{background:var(--surface);corner-shape:squircle;color:var(--muted);border-radius:.9rem;padding:.62rem .85rem;font-size:.8rem;font-weight:620}.detail-featured{aspect-ratio:1;background:var(--card-gradient);corner-shape:squircle;border-radius:4rem;place-items:center;padding:clamp(1rem,4vw,3rem);display:grid}.detail-featured img{object-fit:contain;width:100%;height:100%}.frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.frame-card{background:var(--card-gradient);corner-shape:squircle;border-radius:2rem;padding:.65rem}.frame-card .card-stage{background:0 0;padding:1.5rem}.frame-meta{justify-content:space-between;align-items:center;gap:1rem;padding:1rem .85rem .7rem;display:flex}.frame-meta p{font-variant-numeric:tabular-nums;margin:0;font-size:.88rem}.frame-meta a{min-height:2.75rem;color:var(--muted);align-items:center;font-size:.84rem;font-weight:650;display:inline-flex}.guide-layout{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(3rem,8vw,8rem);display:grid}.guide-nav{gap:.25rem;display:grid;position:sticky;inset-block-start:2rem}.guide-nav a{min-height:44px;color:var(--muted);align-items:center;text-decoration:none;display:flex}.guide-content{min-width:0}.guide-section{margin-block-end:5rem;scroll-margin-top:2rem}.guide-section h2{font-size:var(--text-heading);margin-block-end:1rem}.guide-section>p,.guide-section>ul{max-width:68ch;color:var(--muted)}.code-block{background:var(--stage);color:#f7f7f4;corner-shape:squircle;border-radius:1.5rem;margin-block:1.5rem;padding:1.5rem;font-size:.84rem;line-height:1.65;position:relative;overflow-x:auto}.code-block pre{margin:0}.code-with-copy{position:relative}.code-with-copy .copy-control{z-index:2;position:absolute;inset-block-start:.6rem;inset-inline-end:.6rem}.code-with-copy .button-surface{min-height:2.6rem;color:var(--white);background:#343434;padding-inline:.9rem;font-size:.78rem}.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.metadata-card dt{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-block-end:.45rem;font-size:.78rem;font-weight:650}.metadata-card dd{margin:0;font-weight:650}.guide-card p:last-child{margin-block-end:0}@media (width<=900px){.hero,.detail-hero,.page-intro,.guide-layout{grid-template-columns:1fr}.hero{min-height:auto}.hero-copy h1{max-width:9ch}.filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-grid,.exercise-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-nav{grid-template-columns:repeat(3,minmax(0,1fr));position:static}}@media (width<=680px){.nav-shell{flex-direction:column;align-items:flex-start;gap:.2rem;padding-block:1rem}nav{justify-content:space-between;width:100%}.hero{padding-block-start:2.25rem}.hero-copy h1{font-size:clamp(2.1rem,8.5vw,2.75rem)}.feature-grid,.exercise-grid,.frame-grid,.metadata-grid,.filter-panel{grid-template-columns:1fr}.stats{gap:.5rem}.stat-card{padding:1rem .85rem}.stat-value{font-size:clamp(1.8rem,9vw,2.4rem)}.stat-label{font-size:.72rem}.preview-grid{scroll-snap-type:x proximity;grid-template-columns:repeat(5,minmax(10.5rem,1fr));padding-block-end:.5rem;overflow-x:auto}.preview-grid .exercise-card{scroll-snap-align:start}.section-heading{flex-direction:column;align-items:start}.install-pill{gap:.5rem;padding-inline-start:.8rem}.install-pill code{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cta-surface{flex-direction:column;align-items:flex-start}.site-footer{grid-template-columns:1fr;align-items:start;gap:1.5rem}.footer-links{flex-wrap:wrap}.guide-nav{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.action-link,.copy-control,.hero-creator,.card-surface{transition:none}.action-link:active,.copy-control:active,.hero-creator:active,.card-link:active .card-surface{transform:none}}@media (forced-colors:active){.focus-shell:focus-visible,a:focus-visible,button:focus-visible,select:focus-visible,.field-surface:focus-within{outline-color:canvastext}}