.interactive-preview{inline-size:min(100%,23rem);min-inline-size:0;max-inline-size:100%}.app-demo{background:var(--paper);block-size:44rem;inline-size:100%;color:var(--ink);border:7px solid var(--ink);text-align:start;border-radius:2.5rem;flex-direction:column;font-size:1rem;line-height:1.55;display:flex;overflow:hidden}.app-demo button,.app-demo input,.app-demo select{font:inherit}.app-demo button{text-align:start}.app-demo :focus-visible{outline:2px solid var(--ink);outline-offset:2px}.app-demo .demo-screen-heading:focus-visible{outline-offset:0}.demo-device-status{justify-content:space-between;gap:1rem;padding:.75rem 1.125rem .25rem;font-size:.75rem;font-weight:700;display:flex}.demo-device-status>span:last-child{background:var(--gold-soft);border-radius:.5rem;padding:.125rem .5rem}.demo-header{justify-content:space-between;align-items:center;gap:.5rem;min-block-size:3.75rem;padding:.5rem .875rem;display:flex}.demo-wordmark{block-size:auto;inline-size:9rem}.demo-header h3{letter-spacing:-.02em;font-size:1.125rem;font-weight:700;line-height:1.4}.demo-icon-button,.demo-back{background:var(--surface);border:1px solid var(--line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-block-size:2.75rem;min-inline-size:2.75rem;padding:.625rem;display:inline-flex}.demo-back{border-radius:var(--radius-input);font-size:.875rem!important}.demo-icon-button svg{block-size:1.25rem;inline-size:1.25rem}.demo-disclaimer{background:var(--gold-soft);color:var(--muted);border-block:1px solid var(--line);padding:.5rem .875rem;font-size:.75rem;line-height:1.5}.demo-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-ink-35) transparent;flex:1;min-block-size:0;overflow-y:auto}.demo-screen{padding:.875rem;animation:.18s ease-out arrive}.demo-screen>p{color:var(--muted);margin-block:.75rem;font-size:1rem;line-height:1.65}.demo-screen h4{letter-spacing:-.02em;margin-block:.75rem;font-size:1.125rem;font-weight:700;line-height:1.45}.demo-search{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-input);align-items:center;gap:.5rem;min-block-size:3rem;margin-block-end:.75rem;padding:.5rem .75rem;display:flex}.demo-search svg{block-size:1.125rem;inline-size:1.125rem}.demo-search input{inline-size:100%;min-inline-size:0;color:var(--ink);background:0 0;border:0;font-size:.875rem}.demo-search input::placeholder{color:var(--muted)}.demo-filter-row{align-items:stretch;gap:.625rem;display:flex}.demo-location{border:1px solid var(--line);background:var(--surface);border-radius:999px;flex:1;align-items:center;gap:.25rem;min-inline-size:0;padding-inline:.625rem;display:inline-flex}.demo-location svg{block-size:1rem;inline-size:1rem}.demo-location select{min-block-size:2.75rem;inline-size:100%;min-inline-size:0;color:var(--ink);background:0 0;border:0;font-size:.875rem}.demo-filter-button{border:1px solid var(--line);background:var(--surface);border-radius:999px;justify-content:center;align-items:center;gap:.375rem;min-block-size:2.75rem;padding:.5rem .625rem;display:inline-flex;font-size:.875rem!important}.demo-filter-button svg{block-size:1rem;inline-size:1rem}.demo-filter-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-input);margin-block-start:.75rem;padding:.75rem}.demo-filter-panel label{align-items:center;gap:.625rem;min-block-size:2.75rem;font-size:.875rem;display:flex}.demo-filter-panel input{accent-color:var(--ink);flex-shrink:0;block-size:1.125rem;inline-size:1.125rem}.demo-activities{flex-wrap:wrap;align-items:center;gap:.5rem;padding-block:.75rem;display:flex}.demo-activities button{white-space:nowrap;background:var(--surface);border:1px solid var(--line);border-radius:999px;min-block-size:2.75rem;padding:.5rem .875rem;font-size:.875rem!important}.demo-activities button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.demo-one-card{background:var(--ink);inline-size:100%;color:var(--paper);border-radius:var(--radius-card);border:0;flex-direction:column;gap:.375rem;padding:1rem;display:flex;position:relative;overflow:hidden}.demo-one-card:before{content:"";background:var(--gold);block-size:3px;inline-size:4rem;position:absolute;inset-block-start:0;inset-inline-start:0}.demo-one-card .demo-one-eyebrow{color:var(--gold);letter-spacing:.075em;font-size:.75rem;font-weight:700}.demo-one-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;display:flex}.demo-one-card>strong{font-size:1.125rem;font-weight:700;line-height:1.35}.demo-one-card>span:not(.demo-one-eyebrow){color:var(--light-muted);font-size:.875rem}.demo-one-card .demo-one-cta{padding-block-start:.5rem;font-weight:600;color:var(--paper)!important}.demo-one-card .demo-coming-soon{color:var(--light-muted);font-size:.75rem!important}.demo-one-card:focus-visible{outline-color:var(--ink)}.demo-list-heading{margin-block:1.375rem .875rem!important}.demo-session-list{gap:.625rem;display:grid}.demo-session{background:var(--surface);inline-size:100%;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-card);align-items:stretch;gap:.75rem;padding:.75rem;display:flex}.demo-studio-mark{background:var(--gold-soft);border-radius:.5rem;flex:none;justify-content:center;align-self:stretch;align-items:center;min-block-size:3.5rem;inline-size:3rem;font-size:1.75rem;font-weight:600;display:flex}.demo-session-info{flex-direction:column;flex:1;gap:.25rem;min-inline-size:0;display:flex}.demo-session-info>strong{font-size:1rem;font-weight:700;line-height:1.45}.demo-meta{color:var(--muted);line-height:1.5;font-size:.75rem!important}.demo-session-time{color:var(--muted);font-size:.75rem;line-height:1.5}.demo-session-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .625rem;font-size:.75rem;display:flex}.demo-session-bottom strong{font-size:.875rem;font-weight:700}.demo-detail-art{border-radius:var(--radius-card);background:var(--gold-soft);justify-content:center;align-items:center;min-block-size:7rem;margin-block-end:1rem;display:flex}.demo-detail-art svg{stroke-width:1.25px;block-size:3.5rem;inline-size:3.5rem}.demo-facts{flex-wrap:wrap;gap:.75rem;margin-block:1rem;display:flex}.demo-facts span{color:var(--muted);align-items:center;gap:.375rem;font-size:.875rem;display:inline-flex}.demo-facts svg{block-size:1rem;inline-size:1rem}.demo-price{border-block:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-block:1rem;padding-block:1rem;display:flex}.demo-price span{color:var(--muted);font-size:.875rem}.demo-price strong{font-size:1rem}.demo-info-note{background:var(--gold-soft);border-radius:var(--radius-input);align-items:flex-start;gap:.625rem;padding:.875rem;line-height:1.65;display:flex;font-size:.875rem!important}.demo-info-note svg{block-size:1.125rem;inline-size:1.125rem;margin-block-start:.125rem}.demo-primary-button,.demo-secondary-button{border:1px solid var(--ink);border-radius:var(--radius-input);justify-content:center;align-items:center;gap:.5rem;min-block-size:2.875rem;inline-size:100%;margin-block:.75rem;padding:.75rem;line-height:1.5;display:flex;text-align:center!important;font-size:.875rem!important;font-weight:600!important}.demo-primary-button{background:var(--ink);color:var(--paper)}.demo-secondary-button{background:var(--surface);color:var(--ink);border-color:var(--line)}.demo-empty,.demo-saved{text-align:center;padding-block:1.5rem}.demo-empty>svg,.demo-saved>svg{block-size:2rem;inline-size:2rem;margin-block-end:.75rem;margin-inline:auto}.demo-empty p,.demo-saved p{color:var(--muted);font-size:.875rem;line-height:1.7}.demo-wallet{background:var(--ink);color:var(--paper);border-radius:var(--radius-card);padding:1.5rem}.demo-wallet>p{color:var(--light-muted);margin-block:.75rem;font-size:.875rem}.demo-wallet>strong{font-size:3.25rem;font-weight:600;line-height:1.2;display:block}.demo-wallet>span{margin-block-start:.375rem;font-size:.875rem;display:block}.demo-tag{color:var(--ink);background:var(--gold-soft);border-radius:.5rem;margin-block-end:.75rem;padding:.375rem .625rem;font-size:.75rem;display:inline-flex}.demo-trainer-row{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);align-items:center;gap:.75rem;min-block-size:5rem;inline-size:100%;margin-block:.75rem;padding:.875rem;display:flex}.demo-trainer-row>span:last-child{gap:.25rem;display:grid}.demo-trainer-row strong{font-size:1rem;font-weight:600}.demo-trainer-row>span>span{color:var(--muted);font-size:.875rem}.demo-avatar{background:var(--gold-soft);block-size:3rem;inline-size:3rem;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.demo-account{text-align:center;padding-block:.75rem 1.5rem}.demo-account p{color:var(--muted);font-size:.875rem}.demo-account-row{border:0;border-block-end:1px solid var(--line);background:0 0;align-items:center;gap:.625rem;min-block-size:3.5rem;inline-size:100%;padding:.75rem .25rem;display:flex;font-size:.875rem!important}.demo-account-row svg{block-size:1.125rem;inline-size:1.125rem}.demo-account-row strong{margin-inline-start:auto;font-size:.875rem}.demo-tab-bar{background:var(--paper);border-block-start:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:.125rem;padding:.375rem .375rem .625rem;display:grid}.demo-tab-bar button{min-block-size:3.5rem;color:var(--muted);background:0 0;border:0;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.375rem .125rem;display:flex}.demo-tab-bar button>svg{block-size:1.25rem;inline-size:1.25rem}.demo-tab-bar button>span{text-align:center;font-size:.75rem;line-height:1.4}.demo-tab-bar button[aria-current=page]{background:var(--gold-soft);color:var(--ink);font-weight:700}.demo-preview-tools{justify-content:space-between;align-items:center;gap:.5rem;padding-block-start:.75rem;display:flex}.demo-preview-tools>span{align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;display:flex}.demo-preview-tools>span svg{block-size:1rem;inline-size:1rem}.demo-preview-tools button{border:1px solid var(--ink);background:0 0;border-radius:50%;justify-content:center;align-items:center;min-block-size:2.75rem;min-inline-size:2.75rem;padding:.5rem;display:inline-flex}.demo-preview-tools button svg{block-size:1.125rem;inline-size:1.125rem}.app-demo [dir=ltr]{letter-spacing:normal}html[dir=rtl] .app-demo h3,html[dir=rtl] .app-demo h4,html[dir=rtl] .demo-one-eyebrow{letter-spacing:0}@media (hover:hover){.demo-session:hover,.demo-trainer-row:hover{border-color:var(--ink)}.demo-primary-button:hover{background:var(--color-primary-deep)}.demo-secondary-button:hover,.demo-account-row:hover,.demo-icon-button:hover{background:var(--gold-soft)}}@media (max-width:767px){.hero-art{padding-inline:.75rem}.app-demo{border-width:6px}}@media (max-width:359px){.demo-screen{padding:.625rem}.demo-session{gap:.5rem;padding:.625rem}.demo-studio-mark{inline-size:2.25rem}.demo-header{padding-inline:.625rem}.demo-wordmark{inline-size:8rem}.demo-preview-tools>span{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.demo-screen{animation:none}}