*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{background:var(--color-page);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere;margin:0;line-height:1.75}::selection{background:var(--color-selected-surface);color:var(--color-text)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button,a,textarea,summary{-webkit-tap-highlight-color:transparent}svg{vertical-align:middle;flex-shrink:0}button:disabled{cursor:not-allowed;background:var(--color-subtle);color:var(--color-muted);border-color:var(--color-border)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-heading);text-wrap:balance;letter-spacing:-.045em;font-weight:500}h2{font-size:var(--text-heading);line-height:1.5}h3{font-size:var(--text-title);line-height:1.6}main:focus{outline:none}.container{width:min(calc(100% - var(--layout-gutter) * 2), var(--layout-width));margin-inline:auto}.section-space{padding-block:var(--space-section)}.eyebrow{align-items:center;gap:var(--space-2);font-size:var(--text-caption);letter-spacing:.09em;color:var(--color-primary);margin-bottom:var(--space-6);font-weight:500;display:flex}.tiny-square{background:currentColor;width:7px;height:7px;display:inline-block}.section-description{margin-top:var(--space-6);color:var(--color-muted);line-height:1.95}.skip-link{color:var(--color-on-primary);background:var(--color-primary);z-index:var(--z-skip-link);padding:1rem 1.5rem;position:fixed;top:-8rem;left:1rem}.skip-link:focus{top:1rem}.button{justify-content:center;align-items:center;gap:var(--space-4);min-height:var(--size-touch);border-radius:var(--radius-control);font-size:var(--text-label);transition:background var(--duration-press), border-color var(--duration-press), transform var(--duration-press);border:1px solid #0000;padding:.875rem 1.5rem;font-weight:500;line-height:1.6;display:inline-flex}.button--primary{color:var(--color-on-primary);background:var(--color-primary)}.button--primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.button--secondary{color:var(--color-text);border-color:var(--color-control-border);background:0 0}.button--secondary:hover:not(:disabled){background:var(--color-subtle)}.button--text{color:var(--color-primary);background:0 0;padding-inline:0}.button--text:hover:not(:disabled){text-underline-offset:4px;text-decoration:underline}.icon-button{width:var(--size-touch);height:var(--size-touch);color:inherit;border:1px solid var(--color-border);border-radius:var(--radius-small);background:0 0;place-items:center;display:inline-grid}.badge{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--text-caption);color:var(--color-primary);padding:.25rem .75rem;font-weight:500;display:inline-flex}.badge svg{width:14px;height:14px}.status-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.site-header{z-index:var(--z-header);border-bottom:1px solid var(--color-border);background:#f9f7eef5;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-8);min-height:88px;display:flex}.wordmark{align-items:center;gap:var(--space-3);min-height:var(--size-touch);color:var(--color-primary);display:inline-flex}.wordmark .brand-icon{flex-shrink:0;width:48px;height:48px}.wordmark .brand-wordmark{flex-shrink:0;width:111px;height:24px}.desktop-navigation{align-items:center;gap:var(--space-8);font-size:var(--text-label);display:flex}.desktop-navigation a{min-height:var(--size-touch);padding-block:var(--space-3);align-items:center;display:inline-flex}.desktop-navigation a:hover{color:var(--color-primary);text-underline-offset:7px;text-decoration:underline}.mobile-menu-toggle,.mobile-navigation{display:none}.hero{gap:var(--space-6);grid-template-columns:1.08fr 1fr;align-items:center;padding-block:clamp(4rem,6vw,6rem) clamp(4.5rem,7vw,6.5rem);display:grid}.hero .eyebrow{margin-bottom:var(--space-8);font-size:var(--text-label);letter-spacing:.04em}.hero h1{font-size:var(--text-display);letter-spacing:-.065em;line-height:1.45}.hero-emphasis{color:var(--color-primary);position:relative}.hero-description{color:var(--color-muted);margin-top:var(--space-6);font-size:1.0625rem;line-height:1.95}.hero-actions{margin-top:var(--space-10);align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex}.hero-actions .button{padding-inline:1.5rem}.hero-footnote{font-size:var(--text-caption);color:var(--color-muted);margin-top:var(--space-12);align-items:center;gap:9px;display:flex}.little-book{background:var(--color-scene);border-radius:50%;place-items:center;width:25px;height:25px;display:inline-grid}.little-book svg{width:13px;height:13px}.hero-scene{isolation:isolate;padding:1.25rem 0 3.75rem;position:relative}.hero-scene:before{content:"";background:var(--color-scene);opacity:.65;z-index:-1;border-radius:48% 48% 6% 6%;position:absolute;inset:13% 1% 10%}.scene-label{color:var(--color-muted);letter-spacing:.02em;align-items:center;gap:7px;margin-inline:1rem;font-size:.625rem;display:flex}.scene-label>span:last-child{letter-spacing:.1em;margin-left:auto;font-size:.625rem}.garden-art{width:100%;height:auto;display:block}.pixel-art,.pixel-art image{image-rendering:pixelated}.scene-paper{align-items:center;gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);width:80%;box-shadow:var(--shadow-paper);padding:1.125rem 1.25rem;display:flex;position:absolute;bottom:1.5rem;left:13%;transform:rotate(-3deg)}.scene-paper>svg{color:var(--color-primary)}.scene-paper p{font-family:var(--font-heading);font-size:.875rem;font-weight:500}.scene-paper div>span{color:var(--color-muted);font-size:.6875rem}.paper-pin{background:var(--color-scene);width:52px;height:18px;position:absolute;top:-8px;left:calc(50% - 26px);transform:rotate(2deg)}.scene-coordinate{letter-spacing:.13em;color:var(--color-muted);font-size:.5rem;position:absolute;bottom:-.5rem;right:3%}.belief-strip{border-block:1px solid var(--color-border);padding-block:var(--space-6)}.belief-strip .container{justify-content:center;align-items:center;gap:clamp(1rem,4vw,4rem);display:flex}.belief-strip span:not(.strip-plus){align-items:center;gap:var(--space-3);color:var(--color-muted);font-size:.8125rem;display:flex}.strip-plus{color:var(--color-control-border);font-size:.75rem}.story-section{align-items:start;gap:var(--space-12);grid-template-columns:.85fr 1.7fr;display:grid}.story-intro h2{font-size:clamp(1.75rem,2.5vw,2.375rem)}.story-intro .section-description{font-size:var(--text-label)}.story-signature{align-items:center;gap:var(--space-3);margin-top:var(--space-10);display:flex}.story-signature span{font-family:var(--font-heading);font-size:var(--text-label);color:var(--color-muted)}.story-cards{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.story-card{min-height:380px;padding:var(--space-8) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-card);flex-direction:column;align-items:flex-start;display:flex;position:relative}.story-card--paper{background:var(--color-surface)}.story-card--green{background:var(--color-scene);margin-top:var(--space-10)}.card-number{color:var(--color-muted);letter-spacing:.03em;font-size:.6875rem}.quote-mark{font-family:var(--font-heading);height:94px;color:var(--color-control-border);padding-top:10px;font-size:6rem;line-height:1}.story-card h3{letter-spacing:-.035em;font-size:clamp(1.125rem,1.65vw,1.375rem);line-height:1.7}.story-card p{margin-top:var(--space-4);color:var(--color-muted);font-size:.8125rem;line-height:1.9}.card-footnote{color:var(--color-muted);padding-top:var(--space-8);justify-content:space-between;align-items:center;width:100%;margin-top:auto;font-size:.625rem;display:flex}.card-footnote svg{width:16px;height:16px}.tiny-readers{align-items:center;gap:8px;height:94px;display:flex}.tiny-readers svg{width:64px;height:64px}.experience-section{background:var(--color-subtle);border-block:1px solid var(--color-border)}.experience-layout{grid-template-columns:.9fr 1fr;align-items:center;gap:clamp(3rem,7vw,8rem);display:grid}.experience-tabs{gap:var(--space-2);margin-top:var(--space-10);max-width:355px;display:grid}.experience-tab{align-items:center;gap:var(--space-4);border-radius:var(--radius-control);min-height:62px;color:var(--color-muted);text-align:left;font-size:var(--text-label);background:0 0;border:1px solid #0000;padding:.875rem 1rem;display:flex}.experience-tab[aria-selected=true]{border-color:var(--color-primary);background:var(--color-surface);color:var(--color-primary);font-weight:500;box-shadow:0 2px #4030190f}.experience-tab:hover{background:var(--color-surface)}.experience-tab svg{width:18px;margin-left:auto}.tab-number{font-variant-numeric:tabular-nums;font-size:.6875rem}.experience-stage{background:var(--color-page);border:1px solid var(--color-control-border);border-radius:var(--radius-card);padding:var(--space-6);box-shadow:8px 8px 0 var(--color-border);min-width:0}.preview-topline{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--color-muted);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);font-size:.625rem;display:flex}.preview-topline>span:first-child{letter-spacing:.07em;align-items:center;gap:7px;display:flex}.record-demo,.club-demo,.decorate-demo{padding-top:var(--space-5);min-height:330px}.demo-heading{padding-bottom:var(--space-5);align-items:center;gap:8px;font-size:.8125rem;font-weight:500;display:flex}.demo-heading>svg{width:16px;height:16px;color:var(--color-primary)}.demo-counter{color:var(--color-muted);margin-left:auto;font-size:.625rem;font-weight:400}.field-label{margin-bottom:var(--space-2);font-size:var(--text-label);font-weight:500;display:block}textarea,.text-input{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-control-border);border-radius:var(--radius-control);resize:vertical;width:100%;padding:1rem;font-size:1rem;line-height:1.85;display:block}textarea{min-height:8rem}textarea[aria-invalid=true],.text-input[aria-invalid=true]{border-color:var(--color-error)}.field-meta{justify-content:space-between;gap:var(--space-2);color:var(--color-muted);margin-top:7px;font-size:.625rem;display:flex}.field-meta>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.field-error{font-size:var(--text-label);color:var(--color-error);margin-top:var(--space-2)}.save-button{width:100%;margin-top:var(--space-5);min-height:var(--size-touch);font-size:var(--text-caption)}.demo-reader-note{justify-content:center;align-items:center;gap:var(--space-4);padding-block:var(--space-5) var(--space-2);display:flex}.demo-reader-note svg{width:64px;height:64px}.demo-reader-note span{color:var(--color-muted);font-size:.6875rem}.demo-reader-note strong{color:var(--color-text);font-weight:500}.saved-sentence{min-height:215px;padding:var(--space-4);border-left:2px solid var(--color-primary);background:var(--color-surface)}.saved-sentence>p{margin-block:var(--space-5);font-size:var(--text-passage);white-space:pre-wrap;line-height:1.9}.saved-sentence .button{font-size:var(--text-caption)}.preview-caption{border-top:1px solid var(--color-border);margin-top:var(--space-5);padding-top:var(--space-5)}.preview-caption h3{font-size:1.0625rem;line-height:1.7}.preview-caption p{font-size:var(--text-caption);color:var(--color-muted);margin-top:var(--space-2);line-height:1.85}.preview-disclaimer{margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px dashed var(--color-border);color:var(--color-muted);font-size:.625rem;line-height:1.8}.club-avatars{justify-content:center;gap:var(--space-5);background:var(--color-scene);border-radius:var(--radius-small);margin-bottom:var(--space-4);padding:1rem;display:flex}.club-avatars svg{width:64px;height:64px}.club-note{border:1px solid var(--color-border);background:var(--color-surface);margin-bottom:var(--space-3);border-radius:3px 12px 12px;padding:.75rem 1rem}.club-name{font-size:.6875rem;font-weight:500}.club-name span{color:var(--color-muted);margin-left:var(--space-2);font-size:.625rem;font-weight:400}.club-note p{margin-top:5px;font-size:.8125rem}.club-note--reply{margin-left:var(--space-6)}.club-note--mine{border-color:var(--color-primary)}.avatar-stage{min-height:185px;margin:var(--space-2) auto var(--space-6);justify-content:center;align-items:center;display:flex;position:relative}.avatar-stage:before{content:"";background:var(--color-scene);border-radius:50%;position:absolute;inset:0 16%}.avatar-stage>svg{z-index:1;width:128px;height:128px}.avatar-shadow{background:var(--color-border);border-radius:50%;width:100px;height:15px;position:absolute;bottom:12px}.pixel-spark{color:var(--color-primary);position:absolute}.spark-one{font-size:1.5rem;top:20%;left:24%}.spark-two{bottom:23%;right:24%}.coat-options,.motion-options{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.coat-option{padding:var(--space-1);min-height:var(--size-touch);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-control-border);border-radius:var(--radius-small);font-size:var(--text-caption);overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;display:flex}.coat-option>svg{flex-shrink:0;width:64px;height:64px}.coat-option:hover{background:var(--color-hover-surface)}.coat-option[aria-pressed=true]{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);background:var(--color-selected-surface)}.coat-option[aria-pressed=true]:hover{background:var(--color-selected-hover-surface)}.motion-hint{margin-bottom:var(--space-4);color:var(--color-muted);font-size:var(--text-caption)}.avatar-motion-fallback{font-size:var(--text-caption);color:var(--color-muted);text-align:center;position:absolute;bottom:0}.outfit-options{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.outfit-option{background:var(--color-surface);border:1px solid var(--color-control-border);border-radius:var(--radius-small);min-height:75px;color:var(--color-text);padding:.625rem .25rem;position:relative}.outfit-option>span{font-size:var(--text-caption);font-weight:500;display:block}.outfit-option small{color:var(--color-muted);font-size:.625rem}.outfit-option>svg{background:var(--color-primary);color:var(--color-on-primary);border-radius:50%;width:16px;height:16px;padding:2px;position:absolute;top:-7px;right:-5px}.outfit-option[aria-pressed=true]{border:2px solid var(--color-primary);background:var(--color-scene)}.outfit-caption{margin-top:var(--space-3);color:var(--color-muted);text-align:center;font-size:.625rem}.together-section{background:var(--color-page);color:var(--color-text);text-align:center}.together-inner{flex-direction:column;align-items:center;display:flex}.together-illustration{justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.together-illustration svg{width:64px;height:64px}.between-star{color:var(--color-primary);font-size:.875rem}.together-section .eyebrow{letter-spacing:.13em;font-size:.625rem}.together-section h2{font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.7}.together-section h2+p{color:var(--color-muted);font-size:var(--text-label);margin-top:var(--space-6);line-height:2}.together-rule{background:var(--color-border);width:1px;height:32px;margin-block:var(--space-8) var(--space-6)}.together-note{color:var(--color-muted);font-family:var(--font-heading);font-size:var(--text-caption)}.faq-section{gap:var(--space-16);grid-template-columns:.8fr 1.2fr;display:grid}.faq-list{border-top:1px solid var(--color-control-border)}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item summary{cursor:pointer;align-items:center;gap:var(--space-4);min-height:80px;padding-block:var(--space-5);font-size:var(--text-label);font-weight:500;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>svg{width:18px;height:18px;transition:transform var(--duration-state);margin-left:auto}.faq-item[open] summary>svg{transform:rotate(45deg)}.faq-number{color:var(--color-muted);font-size:.625rem;font-weight:400}.faq-item>p{color:var(--color-muted);font-size:var(--text-label);padding:0 2rem 1.5rem;line-height:1.95}.mobile-break{display:none}.site-footer{border-top:1px solid var(--color-border);padding-top:var(--space-12)}.footer-main{justify-content:space-between;gap:var(--space-8);padding-bottom:var(--space-10);display:flex}.footer-main .wordmark{font-size:1.5rem}.footer-main p{color:var(--color-muted);font-size:var(--text-caption);margin-top:var(--space-3)}.footer-main nav{gap:var(--space-8);font-size:var(--text-caption);align-items:flex-start;display:flex}.footer-main nav a{min-height:var(--size-touch);flex-wrap:wrap;align-items:center;gap:5px;display:flex}.footer-main nav a:hover{text-underline-offset:4px;text-decoration:underline}.small-note{color:var(--color-muted);font-size:.5625rem}.status-label{align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--color-muted);display:inline-flex}.footer-business{padding-bottom:var(--space-8);color:var(--color-muted);font-size:var(--text-caption)}.footer-business h2{margin-bottom:var(--space-3);color:var(--color-text);font-size:var(--text-caption);font-weight:500}.footer-business dl{gap:var(--space-2) var(--space-6);flex-wrap:wrap;margin:0;display:flex}.footer-business dl>div{gap:var(--space-2);flex-wrap:wrap;align-items:center;min-width:0;display:flex}.footer-business dd{overflow-wrap:anywhere;margin:0}.footer-business a{min-height:var(--size-touch);align-items:center;display:inline-flex}.footer-business a:hover{text-underline-offset:var(--space-1);text-decoration:underline}.footer-bottom{border-top:1px solid var(--color-border);justify-content:space-between;gap:var(--space-5);color:var(--color-muted);padding-block:var(--space-6);font-size:.625rem;display:flex}.footer-bottom a{min-height:var(--size-touch);align-items:center;display:inline-flex}.document-page{max-width:var(--layout-reading);padding-block:var(--space-section);min-height:65vh}.document-page h1,.system-hero h1{font-size:var(--text-heading);margin-bottom:var(--space-6);line-height:1.5}.document-page .document-meta{font-size:var(--text-caption);color:var(--color-muted);margin-bottom:var(--space-10)}.notice{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-warning-surface);color:var(--color-warning);line-height:1.9}.notice h2,.notice h3{font-family:var(--font-body);letter-spacing:0;margin-bottom:var(--space-2);font-size:1rem;font-weight:500}.document-page>.button{margin-top:var(--space-8)}.document-sections{margin-top:var(--space-10)}.document-sections h2{font-size:var(--text-title);margin-bottom:var(--space-4)}.document-sections section+section{margin-top:var(--space-10)}.document-sections section>*+*{margin-top:var(--space-4)}.document-list h3{font-family:var(--font-body);font-size:var(--text-body);letter-spacing:0;margin-bottom:var(--space-2)}.document-list ul{padding-left:var(--space-5);margin:0}.document-list li+li{margin-top:var(--space-1)}.document-steps{padding-left:var(--space-5);line-height:1.9}.document-steps li{list-style:decimal}.document-address{overflow-wrap:anywhere;font-weight:500}.document-link{color:var(--color-primary);text-underline-offset:.18em;overflow-wrap:anywhere;text-decoration:underline}.deletion-panel{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface)}.deletion-panel h2{font-size:var(--text-title)}.deletion-panel>*+*{margin-top:var(--space-5)}.deletion-actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.deletion-actions>*{max-width:100%}.account-deletion--login{align-content:center;gap:var(--space-20);max-width:60rem;min-height:39rem;padding-block:var(--space-20) var(--space-16);grid-template-columns:minmax(0,1fr) 20rem;display:grid}.account-deletion--login h1{margin-bottom:var(--space-4)}.account-deletion--login .document-meta{max-width:25rem;font-size:var(--text-label);margin-bottom:0;line-height:1.9}.account-deletion--login .deletion-home{min-height:auto;margin-top:var(--space-8);gap:var(--space-2);padding:0}.deletion-login{align-self:center;min-width:0}.deletion-provider-buttons{gap:var(--space-3);flex-direction:column;width:min(100%,20rem);display:flex}.deletion-google-slot{width:100%;min-height:40px}.deletion-login-loading{min-height:40px;font-size:var(--text-caption);color:var(--color-muted);align-items:center;display:flex}.apple-sign-in{background:#000;border:0;border-radius:4px;width:100%;height:40px;padding:0;overflow:hidden}.apple-sign-in img{object-fit:cover;width:100%;height:40px;display:block}.apple-sign-in:disabled{opacity:.5}.deletion-login .deletion-help{margin-top:var(--space-6);font-size:var(--text-caption);line-height:1.9}.deletion-login .deletion-help a{color:var(--color-text);display:block}@media (max-width:700px){.account-deletion--login{gap:var(--space-10);min-height:37rem;padding-block:var(--space-12);flex-direction:column;display:flex}.deletion-login{align-self:flex-start;width:100%}.account-deletion--login .deletion-home{margin-top:var(--space-6)}}.deletion-help{margin-top:var(--space-6);overflow-wrap:anywhere}.deletion-help a{text-decoration:underline}.button--destructive{background:var(--color-error);color:var(--color-on-primary)}.button--destructive:hover:not(:disabled){background:var(--color-error)}.deletion-error{margin-bottom:var(--space-5)}.system-hero{padding-block:var(--space-16) var(--space-10);border-bottom:1px solid var(--color-border)}.system-hero>p:last-child{max-width:48rem;color:var(--color-muted)}.system-navigation{gap:var(--space-4);margin-top:var(--space-8);font-size:var(--text-label);flex-wrap:wrap;display:flex}.system-navigation a{min-height:var(--size-touch);border-bottom:1px solid var(--color-control-border);align-items:center;display:inline-flex}.system-section{padding-block:var(--space-12);border-bottom:1px solid var(--color-border)}.system-section h2{margin-bottom:var(--space-3);font-size:1.75rem}.system-section>p{color:var(--color-muted);max-width:46rem}.swatches{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.swatch{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);overflow:hidden}.swatch-color{min-height:95px}.swatch-description{padding:var(--space-4);font-size:var(--text-caption)}.swatch-description code{color:var(--color-muted);margin-top:var(--space-1);font-size:.6875rem;display:block}.system-example{padding:var(--space-8);margin-top:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text)}.system-example>p+p{margin-top:var(--space-4)}.system-example[data-theme=night]{background:var(--color-page)}.type-display{font-family:var(--font-heading);font-size:var(--text-display);letter-spacing:-.045em;font-weight:500;line-height:1.5}.type-title{font-family:var(--font-heading);font-size:var(--text-title);font-weight:500}.type-passage{font-size:var(--text-passage);line-height:1.9}.system-label{font-size:var(--text-caption);color:var(--color-muted);font-family:var(--font-body);font-weight:400}.component-row{align-items:center;gap:var(--space-4);margin-block:var(--space-6);flex-wrap:wrap;display:flex}.system-fields{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.system-fields .field-error{margin-bottom:var(--space-4)}.token-list{gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.space-sample{align-items:flex-end;gap:var(--space-2);font-size:var(--text-caption);color:var(--color-muted);flex-direction:column;display:flex}.space-sample div{background:var(--color-primary);height:20px}.component-note{color:var(--color-muted);font-size:var(--text-caption)}.system-principles{padding-left:1.25rem;line-height:2.1}.system-principles li+li{margin-top:var(--space-3)}.system-preview{margin-block:var(--space-12)}.system-preview .experience-layout{align-items:start}@media (min-width:1500px){.hero{padding-block:6.5rem 7rem}}:is(.button--secondary,.button--text,.icon-button,.experience-tab,.outfit-option):hover:not(:disabled){background:var(--color-hover-surface);color:var(--color-primary);border-color:var(--color-control-border)}:is(.experience-tab[aria-selected=true],.outfit-option[aria-pressed=true],.icon-button[aria-expanded=true]):not(:disabled){background:var(--color-selected-surface);color:var(--color-primary);border-color:var(--color-primary)}:is(.experience-tab[aria-selected=true],.outfit-option[aria-pressed=true],.icon-button[aria-expanded=true]):hover:not(:disabled),:is(.button--secondary,.button--text,.icon-button,.experience-tab,.outfit-option):active:not(:disabled){background:var(--color-selected-hover-surface);color:var(--color-primary);border-color:var(--color-primary)}.outfit-option:hover:not(:disabled) small,.outfit-option[aria-pressed=true]:not(:disabled) small{color:inherit}@media (max-width:1100px){.header-inner{gap:var(--space-5)}.desktop-navigation{gap:var(--space-5);font-size:.8125rem}.story-section{gap:var(--space-8);grid-template-columns:1fr}.story-intro{max-width:40rem}.story-signature{display:none}.story-card{min-height:320px}.story-card--green{margin-top:var(--space-6)}.story-card h3{font-size:var(--text-title)}.story-card p{font-size:var(--text-label)}.experience-layout{gap:var(--space-12)}.footer-main nav{gap:var(--space-5)}}@media (max-width:800px){.desktop-navigation{display:none}.mobile-menu-toggle{display:inline-grid}.header-inner{min-height:76px}.mobile-navigation{padding:var(--space-3) var(--layout-gutter) var(--space-5);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.mobile-navigation a{min-height:52px;font-size:var(--text-label);justify-content:space-between;align-items:center;display:flex}.hero{padding-top:var(--space-12);gap:var(--space-8);padding-bottom:var(--space-12);grid-template-columns:1fr}.hero h1{font-size:clamp(2.625rem,6.8vw,4rem)}.hero .eyebrow{margin-bottom:var(--space-6)}.hero-scene{width:min(100%,530px);margin:0 auto}.hero-footnote{margin-top:var(--space-6)}.hero-actions{align-items:center;gap:var(--space-4);margin-top:var(--space-8);flex-flow:wrap}.hero-description{font-size:var(--text-body)}.belief-strip .container{gap:var(--space-5);flex-wrap:wrap}.belief-strip span:not(.strip-plus){gap:7px;font-size:.6875rem}.belief-strip svg{width:16px;height:16px}.strip-plus{display:none}.experience-layout{grid-template-columns:1fr}.experience-tabs{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.experience-tab{gap:var(--space-2);font-size:var(--text-caption);min-height:55px;padding:.75rem .625rem}.experience-tab>svg{display:none}.experience-stage{width:100%;max-width:560px;margin-inline:auto}.faq-section{gap:var(--space-8);grid-template-columns:1fr}.footer-main{flex-direction:column}.footer-main nav{gap:var(--space-6);flex-wrap:wrap}.swatches{grid-template-columns:repeat(2,1fr)}.system-example{padding:var(--space-6)}.system-fields{grid-template-columns:1fr}}@media (max-width:480px){.hero h1{font-size:clamp(2rem,7.65vw,2.625rem);line-height:1.6}.hero-description{font-size:.875rem}.hero-actions .button{padding-inline:1.125rem;font-size:.8125rem}.hero-actions{flex-direction:column;align-items:flex-start}.hero-footnote{font-size:.625rem}.scene-label{font-size:.5rem}.scene-paper{width:89%;padding:.875rem;left:7%}.scene-paper p{font-size:.8125rem}.scene-paper div>span{font-size:.625rem}.scene-coordinate{font-size:.4375rem}.belief-strip .container{align-items:flex-start;gap:var(--space-3);padding-inline:var(--space-4);flex-direction:column}.belief-strip span:not(.strip-plus){font-size:var(--text-caption)}.story-cards{grid-template-columns:1fr}.story-card--green{margin-top:0}.story-card{min-height:340px;padding:var(--space-6)}.story-intro h2{font-size:1.625rem}.experience-tab{flex-direction:column;align-items:flex-start;gap:3px}.experience-stage{padding:var(--space-4);box-shadow:4px 4px 0 var(--color-border)}.preview-topline{font-size:.5625rem}.experience-layout h2{font-size:1.875rem}.demo-heading{flex-wrap:wrap}.demo-counter{font-size:.5625rem}.preview-caption h3{font-size:1rem}.together-section h2{font-size:clamp(1.25rem,5.1vw,1.625rem)}.together-section h2+p{font-size:var(--text-caption)}.together-note{font-size:.625rem}.faq-item summary{gap:var(--space-3);font-size:.8125rem}.faq-item>p{padding-left:var(--space-6);font-size:.8125rem}.mobile-break{display:initial}.footer-main nav{flex-direction:column;gap:0}.footer-main{padding-bottom:var(--space-6)}.footer-bottom{font-size:.5625rem}.swatch-description{padding:var(--space-3)}.swatch-description code{font-size:.625rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.point-coin{vertical-align:middle;image-rendering:pixelated;flex-shrink:0;display:inline-block}.app-update{min-height:100dvh;padding:env(safe-area-inset-top) var(--space-6) calc(34px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;display:flex}.app-update__message{padding-block:var(--space-10);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.app-update__icon{border-radius:28px;box-shadow:0 10px 28px #9800001f,0 0 0 1px #322c270f}.app-update h1{letter-spacing:normal;margin-top:28px;font-size:1.5rem;line-height:1.5}.app-update__body{margin-top:var(--space-2);color:var(--color-muted);line-height:1.625}.app-update__body span{text-wrap:balance;display:block}.app-update__keep{margin-top:var(--space-5);border-radius:var(--radius-pill);background:var(--color-success-surface);color:var(--color-success);align-items:center;gap:6px;padding:7px 14px;font-size:.8125rem;font-weight:500;line-height:1.25rem;display:inline-flex}.app-update__actions{gap:var(--space-3);width:min(100%,26rem);margin-inline:auto;display:grid}.app-update__actions .button{min-height:52px;font-size:var(--text-body)}.app-update__hint{color:var(--color-muted);font-size:var(--text-caption);line-height:1.5}@media (prefers-color-scheme:dark){:root:has(.app-update){--color-page:var(--night-950);--color-surface:var(--night-900);--color-subtle:var(--night-800);--color-text:var(--mist-100);--color-muted:var(--mist-300);--color-border:var(--night-700);--color-control-border:var(--sand-400);--color-primary:var(--sand-300);--color-primary-hover:var(--sand-200);--color-on-primary:var(--night-950);--color-scene:var(--night-800);--color-focus:var(--sand-300);--color-success:var(--moss-300);--color-success-surface:var(--night-800);--color-warning:var(--clay-light);--color-warning-surface:var(--clay-night);--color-error:var(--red-light);--color-error-surface:var(--red-night);--color-disabled:var(--night-800);--color-on-disabled:var(--mist-300);--color-wood:var(--clay-700);--color-sky:var(--moss-600);--color-hover-surface:var(--night-hover);--color-selected-surface:var(--night-selected);--color-selected-hover-surface:var(--night-pressed)}.app-update__icon{box-shadow:0 0 0 1px #f7efd81f}}.friend-invite{align-items:center;gap:var(--space-4);width:min(100%,26rem);min-height:100dvh;padding:calc(var(--space-8) + env(safe-area-inset-top)) var(--space-4) calc(var(--space-8) + env(safe-area-inset-bottom));text-align:center;flex-direction:column;margin-inline:auto;display:flex}.friend-invite__brand{color:var(--color-primary);display:flex}.friend-invite__haro{width:96px;height:96px}.friend-invite h1{letter-spacing:normal;font-size:1.25rem;line-height:1.5}.friend-invite__body{margin-top:calc(-1 * var(--space-2));color:var(--color-muted);font-size:var(--text-label);line-height:1.625}.friend-invite__body span{text-wrap:balance;display:block}.friend-invite__card{gap:var(--space-3);width:100%;padding:var(--space-5) var(--space-4) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);display:grid}.friend-invite__code{color:var(--color-text);letter-spacing:.08em;font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;font-size:1.75rem;font-weight:500;line-height:1.4}.friend-invite__copy{width:100%}.friend-invite__status{min-height:1.125rem;color:var(--color-muted);font-size:var(--text-caption);line-height:1.5}.friend-invite__stores{gap:var(--space-3);grid-template-columns:1fr 1fr;width:100%;display:grid}.friend-invite__open{color:var(--color-muted);font-size:var(--text-label)}.friend-invite__open a{color:var(--color-primary);text-underline-offset:4px;font-weight:500;text-decoration:underline}