.TranscriptMarquee-module__pDwKmq__marquee{font-family:var(--font-dm-sans), sans-serif;font-size:var(--font-size-body-md);-webkit-user-select:none;user-select:none;max-width:280px;font-style:italic;line-height:1.6}.TranscriptMarquee-module__pDwKmq__sentence{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:1px 3px;transition:color .3s,background .3s,opacity .3s;display:inline}.TranscriptMarquee-module__pDwKmq__active{color:var(--color-text-primary);background:color-mix(in oklab, var(--color-accent-bright) 28%, transparent);opacity:1}.TranscriptMarquee-module__pDwKmq__adjacent{color:var(--color-text-muted);opacity:.55}.TranscriptMarquee-module__pDwKmq__distant{color:var(--color-text-muted);opacity:.3}
.CinematicListenView-module__6BGPoW__feed{top:0;left:0;right:0;bottom:var(--layout-tab-bar-height);z-index:5;isolation:isolate;color:var(--color-text-primary);background:var(--color-background);position:fixed;overflow:hidden}.CinematicListenView-module__6BGPoW__bgGradient{background:var(--color-cinematic-warm);opacity:.6;z-index:0;position:absolute;inset:0}.CinematicListenView-module__6BGPoW__bgVignette{background:radial-gradient(circle at 30% 80%, transparent, var(--color-background) 80%);z-index:1;position:absolute;inset:0}.CinematicListenView-module__6BGPoW__statusChip{top:calc(env(safe-area-inset-top,0px) + var(--spacing-lg));left:var(--spacing-md);z-index:3;align-items:center;gap:var(--spacing-xs);border:1px solid var(--color-rule-ink);-webkit-backdrop-filter:blur(10px);font-family:var(--font-dm-sans), sans-serif;font-size:var(--font-size-listen-eyebrow);letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase;color:var(--color-text-primary);background:#00000073;border-radius:999px;padding:6px 10px;font-weight:600;display:inline-flex;position:absolute}.CinematicListenView-module__6BGPoW__liveDot{background:var(--color-accent-bright);width:6px;height:6px;box-shadow:0 0 8px var(--color-accent-bright);border-radius:50%}.CinematicListenView-module__6BGPoW__body{left:var(--spacing-lg);right:var(--spacing-lg);bottom:200px;top:calc(env(safe-area-inset-top,0px) + 96px);z-index:3;justify-content:flex-end;gap:var(--spacing-md);scrollbar-width:none;flex-direction:column;display:flex;position:absolute;overflow-y:auto}.CinematicListenView-module__6BGPoW__body::-webkit-scrollbar{display:none}.CinematicListenView-module__6BGPoW__waveformWrap{align-items:center;max-width:280px;height:96px;display:flex}.CinematicListenView-module__6BGPoW__eyebrow{font-family:var(--font-dm-sans), sans-serif;font-size:var(--font-size-em-dash);letter-spacing:var(--letter-spacing-em-dash);text-transform:uppercase;color:var(--color-accent-bright);font-style:italic;font-weight:700}.CinematicListenView-module__6BGPoW__title{font-family:var(--font-dm-sans), sans-serif;font-weight:500;font-size:var(--font-size-display-lg);letter-spacing:var(--letter-spacing-display-lg);margin:0;line-height:.95}.CinematicListenView-module__6BGPoW__chapterLine{font-family:var(--font-dm-sans), sans-serif;font-size:var(--font-size-eyebrow);color:var(--color-text-muted);font-style:italic}.CinematicListenView-module__6BGPoW__rightRail{right:var(--spacing-md);z-index:4;gap:var(--spacing-md);flex-direction:column;align-items:center;display:flex;position:absolute;bottom:220px}.CinematicListenView-module__6BGPoW__railButton{border:1px solid var(--color-rule-ink);-webkit-backdrop-filter:blur(10px);width:42px;height:42px;color:var(--color-text-primary);cursor:pointer;background:#00000073;border-radius:50%;place-items:center;text-decoration:none;transition:background .2s,transform .2s;display:grid}.CinematicListenView-module__6BGPoW__railButton:hover{background:#0009}.CinematicListenView-module__6BGPoW__railButton:active{transform:scale(.95)}.CinematicListenView-module__6BGPoW__railButtonAccent{color:var(--color-accent-bright)}.CinematicListenView-module__6BGPoW__transport{z-index:3;background:linear-gradient(to top, var(--color-background) 0%, color-mix(in oklab, var(--color-background) 82%, transparent) 55%, transparent 100%);padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md);position:absolute;bottom:0;left:0;right:0}
.HomeFilterChips-module__DVAF8a__row{padding:var(--spacing-xs) 0 var(--spacing-md);scrollbar-width:none;z-index:5;background:var(--color-background);-webkit-backdrop-filter:blur(8px);gap:6px;display:flex;position:sticky;top:0;overflow-x:auto}.HomeFilterChips-module__DVAF8a__row::-webkit-scrollbar{display:none}.HomeFilterChips-module__DVAF8a__chip{border-radius:var(--border-radius-pill);font-family:var(--font-body);font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-semi-bold);letter-spacing:.05em;color:var(--color-text-muted);border:1px solid var(--color-rule-ink);white-space:nowrap;cursor:pointer;transition:filter var(--motion-default-transition-duration,.175s) ease;background:0 0;flex-shrink:0;padding:6px 12px;text-decoration:none}.HomeFilterChips-module__DVAF8a__chip:hover{filter:brightness(1.08);text-decoration:none}.HomeFilterChips-module__DVAF8a__chipActive{background:var(--color-background);color:var(--color-primary);border-color:var(--color-rule-ink-strong);cursor:default}
.PlaylistSummaryHeader-module__6OiixW__header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.PlaylistSummaryHeader-module__6OiixW__headerInfo{flex:1;min-width:200px}.PlaylistSummaryHeader-module__6OiixW__eyebrow{font-family:var(--font-body);font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-bold);color:var(--color-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-em-dash,.28em);margin-bottom:var(--spacing-sm);line-height:1}.PlaylistSummaryHeader-module__6OiixW__accentRule{width:var(--accent-rule-width,28px);height:var(--accent-rule-height,1px);background:var(--color-accent-rule,var(--color-primary));margin:var(--spacing-sm) 0 var(--spacing-md)}.PlaylistSummaryHeader-module__6OiixW__description{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:var(--spacing-xs) 0;max-width:560px}.PlaylistSummaryHeader-module__6OiixW__meta{font-size:var(--font-size-body-small);color:var(--color-text-muted);line-height:var(--line-height-body-small);min-height:1em}.PlaylistSummaryHeader-module__6OiixW__actions{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.PlaylistSummaryHeader-module__6OiixW__playButton{background:var(--color-primary);width:48px;height:48px;color:var(--color-primary-foreground);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:filter .15s;display:flex}.PlaylistSummaryHeader-module__6OiixW__playButton:hover{filter:brightness(.9)}.PlaylistSummaryHeader-module__6OiixW__playButton:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes PlaylistSummaryHeader-module__6OiixW__plsum-spin{to{transform:rotate(360deg)}}.PlaylistSummaryHeader-module__6OiixW__spinner{animation:1s linear infinite PlaylistSummaryHeader-module__6OiixW__plsum-spin}@media (prefers-reduced-motion:reduce){.PlaylistSummaryHeader-module__6OiixW__spinner{animation:none}.PlaylistSummaryHeader-module__6OiixW__playButton{transition:none}}
.SectionAccordionShowcase-module__Mj3gIG__wrap{flex-direction:column;max-width:520px;display:flex}.SectionAccordionShowcase-module__Mj3gIG__lead{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0 0 var(--spacing-lg)}.SectionAccordionShowcase-module__Mj3gIG__row{border-top:1px solid var(--color-divider)}.SectionAccordionShowcase-module__Mj3gIG__row:last-of-type{border-bottom:1px solid var(--color-divider)}.SectionAccordionShowcase-module__Mj3gIG__header{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) 0;cursor:pointer;font:inherit;color:var(--color-text-primary);text-align:left;background:0 0;border:0;display:flex}.SectionAccordionShowcase-module__Mj3gIG__title{font-size:var(--font-size-section-header);font-weight:var(--font-weight-semi-bold);text-transform:uppercase;letter-spacing:1.5px;flex:1}.SectionAccordionShowcase-module__Mj3gIG__chevron{width:16px;height:16px;color:var(--color-text-secondary);transition:transform var(--motion-expand-collapse-duration) var(--motion-expand-collapse-easing);justify-content:center;align-items:center;display:inline-flex}.SectionAccordionShowcase-module__Mj3gIG__row[data-open=true] .SectionAccordionShowcase-module__Mj3gIG__chevron{transform:rotate(180deg)}.SectionAccordionShowcase-module__Mj3gIG__body{max-height:0;transition:max-height var(--motion-expand-collapse-duration) var(--motion-expand-collapse-easing);overflow:hidden}.SectionAccordionShowcase-module__Mj3gIG__body[data-open=true]{max-height:5000px}.SectionAccordionShowcase-module__Mj3gIG__bodyInner{padding-bottom:var(--spacing-md)}.SectionAccordionShowcase-module__Mj3gIG__bodyText{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0}
.page-module__3Ytt-q__page{max-width:1080px;padding:var(--spacing-xxl) var(--spacing-lg) 120px;margin:0 auto}.page-module__3Ytt-q__header{margin-bottom:64px}.page-module__3Ytt-q__headerRow{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.page-module__3Ytt-q__title{font-size:var(--font-size-entity-title);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm)}.page-module__3Ytt-q__themeToggle{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:20px;flex-shrink:0;font-family:inherit;transition:background .15s;display:flex}.page-module__3Ytt-q__themeToggle:hover{background:var(--color-surface-elevated)}.page-module__3Ytt-q__themeToggle[data-active]{background:var(--color-surface-elevated);color:var(--color-text-primary);font-weight:var(--font-weight-semi-bold)}.page-module__3Ytt-q__themeToggleIcon{font-size:16px}.page-module__3Ytt-q__subtitle{font-size:var(--font-size-section-header);font-weight:var(--font-weight-semi-bold);color:var(--color-text-primary);margin:0 0 12px}.page-module__3Ytt-q__description{font-size:var(--font-size-body);color:var(--color-text-muted);max-width:640px;margin:0;line-height:26px}.page-module__3Ytt-q__section{margin-bottom:64px}.page-module__3Ytt-q__sectionTitle{font-size:var(--font-size-section-header);font-weight:var(--font-weight-semi-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm);text-transform:uppercase;letter-spacing:1.5px}.page-module__3Ytt-q__sectionSubtitle{font-size:var(--font-size-body-small);color:var(--color-text-muted);margin:0 0 var(--spacing-xl)}.page-module__3Ytt-q__divider{border:none;border-top:1px solid var(--color-divider);margin:0 0 64px}.page-module__3Ytt-q__fontSpecimen{font-size:96px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs);line-height:1.1}.page-module__3Ytt-q__fontName{font-size:var(--font-size-body);color:var(--color-text-muted);margin:0 0 40px}.page-module__3Ytt-q__weightsGrid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl);grid-template-columns:repeat(4,1fr);display:grid}.page-module__3Ytt-q__weightCard{padding:var(--spacing-card-padding);background:var(--color-surface);border-radius:16px}.page-module__3Ytt-q__weightSample{color:var(--color-text-primary);margin:0 0 12px;font-size:24px;line-height:1.3}.page-module__3Ytt-q__weightMeta{font-size:var(--font-size-caption);color:var(--color-text-muted);margin:0}.page-module__3Ytt-q__typeScaleGrid{grid-template-columns:1fr;gap:0;display:grid}.page-module__3Ytt-q__typeScaleRow{padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-divider);grid-template-columns:140px 1fr 160px;align-items:baseline;display:grid}.page-module__3Ytt-q__typeScaleRow:last-child{border-bottom:none}.page-module__3Ytt-q__typeScaleLabel{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.page-module__3Ytt-q__typeScaleSample{color:var(--color-text-primary)}.page-module__3Ytt-q__typeScaleMeta{font-size:var(--font-size-time-display);color:var(--color-text-muted);text-align:right;font-variant-numeric:tabular-nums}.page-module__3Ytt-q__neutralStrip{margin-bottom:var(--spacing-xl);border-radius:16px;grid-template-columns:repeat(9,1fr);gap:0;display:grid;overflow:hidden}.page-module__3Ytt-q__neutralSwatch{aspect-ratio:1;padding:var(--spacing-sm) var(--spacing-xs);flex-direction:column;justify-content:center;align-items:center;min-height:100px;display:flex}.page-module__3Ytt-q__swatchName{font-size:11px;font-weight:var(--font-weight-semi-bold);letter-spacing:.5px;margin:0 0 2px}.page-module__3Ytt-q__swatchHex{font-size:10px;font-weight:var(--font-weight-regular);margin:0 0 2px}.page-module__3Ytt-q__swatchStep{font-size:10px;font-weight:var(--font-weight-regular);margin:0}.page-module__3Ytt-q__colorPairsRow{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.page-module__3Ytt-q__colorPair{border-radius:12px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.page-module__3Ytt-q__colorPairSwatch{padding:var(--spacing-card-padding) var(--spacing-md);flex-direction:column;gap:2px;display:flex}.page-module__3Ytt-q__colorPairName{font-size:var(--font-size-time-display);font-weight:var(--font-weight-semi-bold);margin:0}.page-module__3Ytt-q__colorPairHex{margin:0;font-size:11px}.page-module__3Ytt-q__semanticGrid{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.page-module__3Ytt-q__semanticCard{background:var(--color-surface);padding:var(--spacing-lg);border-radius:16px;overflow:hidden}.page-module__3Ytt-q__semanticCardTitle{font-size:var(--font-size-body-small);font-weight:var(--font-weight-semi-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-card-padding)}.page-module__3Ytt-q__semanticRow{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-divider);grid-template-columns:28px 1fr auto auto;align-items:center;gap:12px;display:grid}.page-module__3Ytt-q__semanticRow:last-child{border-bottom:none}.page-module__3Ytt-q__semanticSwatch{border:1px solid var(--color-border-strong);border-radius:6px;flex-shrink:0;width:28px;height:28px}.page-module__3Ytt-q__semanticRole{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0}.page-module__3Ytt-q__semanticHex{font-size:var(--font-size-time-display);color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin:0}.page-module__3Ytt-q__wcagBadge{font-size:var(--font-size-time-display);font-weight:var(--font-weight-semi-bold);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:4px;padding:2px 8px}.page-module__3Ytt-q__wcagBadge[data-level=aaa]{background:var(--color-success);color:var(--color-background)}.page-module__3Ytt-q__wcagBadge[data-level=aa]{background:var(--color-primary);color:var(--color-primary-foreground)}.page-module__3Ytt-q__wcagBadge[data-level=fail]{background:var(--color-error);color:var(--color-background)}.page-module__3Ytt-q__wcagBadge[data-level=exempt]{background:var(--color-text-disabled);color:var(--color-background)}.page-module__3Ytt-q__usageGrid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.page-module__3Ytt-q__usageCard{background:var(--color-surface);padding:var(--spacing-lg);border-radius:16px;overflow:hidden}.page-module__3Ytt-q__usageCardFlat{padding:var(--spacing-lg);overflow:hidden}.page-module__3Ytt-q__usageCardTitle{font-size:var(--font-size-caption);font-weight:var(--font-weight-semi-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-md)}.page-module__3Ytt-q__usageContent{gap:var(--spacing-sm);flex-direction:column;display:flex}.page-module__3Ytt-q__usageTextPrimary{font-size:var(--font-size-body);color:var(--color-text-primary);margin:0;line-height:26px}.page-module__3Ytt-q__usageTextSecondary{font-size:var(--font-size-body-small);color:var(--color-text-secondary);margin:0;line-height:22px}.page-module__3Ytt-q__usageTextMuted{font-size:var(--font-size-caption);color:var(--color-text-muted);margin:0;line-height:18px}.page-module__3Ytt-q__usageTextDisabled{font-size:var(--font-size-caption);color:var(--color-text-disabled);margin:0;line-height:18px}.page-module__3Ytt-q__usageSurface{border-radius:8px;padding:12px}.page-module__3Ytt-q__usageSurface[data-level=base]{background:var(--color-background);border:1px solid var(--color-divider)}.page-module__3Ytt-q__usageSurface[data-level=surface]{background:var(--color-surface)}.page-module__3Ytt-q__usageSurface[data-level=elevated]{background:var(--color-surface-elevated)}.page-module__3Ytt-q__usageSurfaceLabel{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm);display:block}.page-module__3Ytt-q__usageButtonRow{gap:12px;margin-bottom:12px;display:flex}.page-module__3Ytt-q__usageButton{padding:var(--spacing-sm) var(--spacing-card-padding);background:var(--color-primary);color:var(--color-background);font-size:var(--font-size-caption);font-weight:var(--font-weight-semi-bold);cursor:pointer;border:none;border-radius:8px;font-family:inherit}.page-module__3Ytt-q__usageButtonOutline{padding:var(--spacing-sm) var(--spacing-card-padding);color:var(--color-text-primary);border:1px solid var(--color-border-strong);font-size:var(--font-size-caption);font-weight:var(--font-weight-semi-bold);cursor:pointer;background:0 0;border-radius:8px;font-family:inherit}.page-module__3Ytt-q__trackSkipFull,.page-module__3Ytt-q__trackSkipCompact{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:flex}.page-module__3Ytt-q__trackSkipFull{width:44px;height:44px}.page-module__3Ytt-q__trackSkipCompact{width:36px;height:36px}.page-module__3Ytt-q__trackSkipFull:hover:not(:disabled),.page-module__3Ytt-q__trackSkipCompact:hover:not(:disabled){opacity:.8}.page-module__3Ytt-q__trackSkipFull:disabled,.page-module__3Ytt-q__trackSkipCompact:disabled{opacity:.3;cursor:default}.page-module__3Ytt-q__usageMessage{font-size:var(--font-size-caption);color:var(--color-text-secondary);background:var(--color-background);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;line-height:18px;display:flex}.page-module__3Ytt-q__usageMessageDot{width:var(--spacing-sm);height:var(--spacing-sm);border-radius:50%;flex-shrink:0}.page-module__3Ytt-q__usageMessageDot[data-type=success]{background:var(--color-success)}.page-module__3Ytt-q__usageMessageDot[data-type=error]{background:var(--color-error)}.page-module__3Ytt-q__usageMessageDot[data-type=link]{background:var(--color-link)}.page-module__3Ytt-q__usageHighlightSample{font-size:var(--font-size-body-small);color:var(--color-text-primary);margin:0;line-height:24px}.page-module__3Ytt-q__usageHighlightSentence{background:var(--color-highlight-sentence);border-radius:3px;padding:2px 0}.page-module__3Ytt-q__usageHighlightWord{background:var(--color-highlight-word);padding:2px var(--spacing-xs);border-radius:3px}.page-module__3Ytt-q__usageBorderDemo{margin-bottom:12px}.page-module__3Ytt-q__usageBorderItem{padding:10px 0}.page-module__3Ytt-q__usageDividerLine{border:none;border-top:1px solid var(--color-divider);margin:0}.page-module__3Ytt-q__usageInputDemo{margin-top:var(--spacing-xs)}.page-module__3Ytt-q__usageInput{padding:10px var(--spacing-md);border:1px solid var(--color-border-strong);background:var(--color-search-bg);border-radius:24px}.page-module__3Ytt-q__spacingList{flex-direction:column;gap:12px;display:flex}.page-module__3Ytt-q__spacingRow{align-items:center;gap:var(--spacing-md);grid-template-columns:120px 1fr 60px;display:grid}.page-module__3Ytt-q__spacingLabel{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.page-module__3Ytt-q__spacingBarContainer{align-items:center;height:28px;display:flex}.page-module__3Ytt-q__spacingBar{background:var(--color-border-strong);height:100%;min-width:var(--spacing-xs);border-radius:4px}.page-module__3Ytt-q__spacingValue{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-align:right;font-variant-numeric:tabular-nums}.page-module__3Ytt-q__radiusGrid{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);margin-bottom:40px;display:grid}.page-module__3Ytt-q__radiusCard{flex-direction:column;align-items:center;gap:12px;display:flex}.page-module__3Ytt-q__radiusShape{border:2px solid var(--color-primary);background:var(--color-surface);width:80px;height:80px}.page-module__3Ytt-q__radiusLabel{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0}.page-module__3Ytt-q__radiusValue{font-size:var(--font-size-time-display);color:var(--color-text-disabled);margin:0}.page-module__3Ytt-q__dimensionsTable{border-collapse:collapse;width:100%}.page-module__3Ytt-q__dimensionsTable th{font-size:var(--font-size-time-display);font-weight:var(--font-weight-semi-bold);color:var(--color-text-muted);text-align:left;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-divider);text-transform:uppercase;letter-spacing:.5px}.page-module__3Ytt-q__dimensionsTable td{font-size:var(--font-size-body-small);color:var(--color-text-secondary);border-bottom:1px solid var(--color-divider);padding:12px 0}.page-module__3Ytt-q__dimensionsTable tr:last-child td{border-bottom:none}.page-module__3Ytt-q__dimensionValue{font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.page-module__3Ytt-q__loadingDescription{font-size:var(--font-size-body-small);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg);max-width:640px;line-height:22px}.page-module__3Ytt-q__codeInline{background:var(--color-surface);color:var(--color-text-primary);border-radius:4px;padding:2px 6px;font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.9em}.page-module__3Ytt-q__sonarRow{align-items:flex-end;gap:var(--spacing-xl);margin-bottom:var(--spacing-xxl);display:flex}.page-module__3Ytt-q__sonarDemo{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.page-module__3Ytt-q__sonarLabel{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.page-module__3Ytt-q__skeletonExamples{gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl);flex-direction:column;display:flex}.page-module__3Ytt-q__skeletonExample{gap:var(--spacing-sm);flex-direction:column;display:flex}.page-module__3Ytt-q__skeletonExampleLabel{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.page-module__3Ytt-q__topicSkeletonDemo{background:var(--color-surface);padding:var(--spacing-lg);border-radius:16px;max-width:640px}.page-module__3Ytt-q__repShowcase{margin-bottom:var(--spacing-xl)}.page-module__3Ytt-q__repLabel{font-size:var(--font-size-section-header);font-weight:var(--font-weight-semi-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}.page-module__3Ytt-q__repDescription{font-size:var(--font-size-body-small);color:var(--color-text-muted);line-height:var(--line-height-body-small);margin:0 0 var(--spacing-md)}.page-module__3Ytt-q__repDemoArea{max-width:640px}.page-module__3Ytt-q__pillShowcase{gap:var(--spacing-xl);align-items:flex-start;display:flex}.page-module__3Ytt-q__pillViewport{border:1px solid var(--color-divider);border-radius:var(--border-radius-card);background:var(--color-background);flex-shrink:0;width:320px;height:400px;position:relative;overflow:hidden}.page-module__3Ytt-q__pillViewportContent{padding:var(--spacing-md)}.page-module__3Ytt-q__pillDemo{min-height:48px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-search-bar);background:var(--color-player-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--elevation-floating);justify-content:space-between;align-items:center;display:flex;position:absolute;left:16px;right:16px}.page-module__3Ytt-q__pillLegend{flex:1;min-width:0}@media (max-width:768px){.page-module__3Ytt-q__page{padding:var(--spacing-xl) var(--spacing-md) 120px}.page-module__3Ytt-q__fontSpecimen{font-size:64px}.page-module__3Ytt-q__weightsGrid{grid-template-columns:repeat(2,1fr)}.page-module__3Ytt-q__typeScaleRow{gap:var(--spacing-sm);grid-template-columns:100px 1fr 100px}.page-module__3Ytt-q__neutralStrip{border-radius:12px;grid-template-columns:repeat(3,1fr)}.page-module__3Ytt-q__neutralSwatch{min-height:80px}.page-module__3Ytt-q__semanticGrid,.page-module__3Ytt-q__usageGrid{grid-template-columns:1fr}.page-module__3Ytt-q__radiusGrid{grid-template-columns:repeat(2,1fr)}.page-module__3Ytt-q__colorPairsRow{grid-template-columns:1fr}}@media (max-width:480px){.page-module__3Ytt-q__typeScaleRow{gap:var(--spacing-xs);grid-template-columns:1fr;padding:12px 0}.page-module__3Ytt-q__typeScaleMeta{text-align:left}.page-module__3Ytt-q__spacingRow{grid-template-columns:80px 1fr 50px}}