.HomeFilterChips-module__DVAF8a__row{padding:var(--spacing-xs) 0 var(--spacing-md);scrollbar-width:none;gap:6px;display:flex;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-surface);color:var(--color-primary);border-color:var(--color-rule-ink-strong);cursor:default}
.EditableTitle-module__JTED6W__title{font-family:var(--font-body);font-size:var(--font-size-display-md,var(--font-size-entity-title));font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-display-md,var(--line-height-entity-title));letter-spacing:var(--letter-spacing-display-md,-.029em);margin:0 0 var(--spacing-xs)}.EditableTitle-module__JTED6W__editTrigger{font:inherit;color:inherit;text-align:left;cursor:text;background:0 0;border:none;border-radius:6px;margin-left:-4px;padding:2px 4px;font-family:inherit}.EditableTitle-module__JTED6W__editTrigger:hover{background:var(--color-surface-elevated)}.EditableTitle-module__JTED6W__input{font-family:inherit;font-size:var(--font-size-display-md,var(--font-size-entity-title));font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-display-md,var(--line-height-entity-title));letter-spacing:var(--letter-spacing-display-md,-.029em);border:none;border-bottom:1px dashed var(--color-primary);background:0 0;border-radius:0;outline:none;width:100%;margin:0;padding:2px 0}.EditableTitle-module__JTED6W__input:focus-visible{border-bottom-color:var(--color-primary);border-bottom-style:solid}
.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}
.CategoryPageHeader-module__bRl-bW__saveButton{color:var(--color-text-muted);border:1px solid var(--color-divider);font-size:var(--font-size-body-small);font-weight:var(--font-weight-semi-bold);cursor:pointer;align-items:center;gap:var(--spacing-xs);background:0 0;border-radius:999px;padding:10px 22px;font-family:inherit;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.CategoryPageHeader-module__bRl-bW__saveButton:hover{color:var(--color-text-primary);border-color:var(--color-primary)}.CategoryPageHeader-module__bRl-bW__saveButton:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.CategoryPageHeader-module__bRl-bW__saveButton[data-saved]{color:var(--color-text-primary);border-color:var(--color-primary);background:var(--color-surface)}.CategoryPageHeader-module__bRl-bW__saveButton[data-saved]:hover{filter:brightness(1.1)}
.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}}
.page-module__8n3DHa__header{margin-bottom:var(--spacing-lg)}.page-module__8n3DHa__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__8n3DHa__subtitle{font-size:var(--font-size-body-small);color:var(--color-text-muted);margin:0}.page-module__8n3DHa__list{gap:var(--spacing-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.page-module__8n3DHa__footerNav{gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.page-module__8n3DHa__footerNavLink{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-body-small);font-weight:var(--font-weight-semi-bold);border-radius:8px;align-items:center;text-decoration:none;transition:background .15s;display:inline-flex}.page-module__8n3DHa__footerNavLink:hover{background:var(--color-surface-elevated);text-decoration:none}
.SaveToPlaylistSheet-module__dqzvfa__overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;animation:.15s SaveToPlaylistSheet-module__dqzvfa__overlayFade;display:flex;position:fixed;inset:0}@keyframes SaveToPlaylistSheet-module__dqzvfa__overlayFade{0%{opacity:0}to{opacity:1}}.SaveToPlaylistSheet-module__dqzvfa__sheet{background:var(--color-surface);color:var(--color-text-primary);width:420px;max-width:calc(100vw - var(--spacing-lg));border:1px solid var(--color-divider);border-radius:16px;flex-direction:column;max-height:80vh;animation:.18s SaveToPlaylistSheet-module__dqzvfa__sheetPop;display:flex;overflow:hidden}@keyframes SaveToPlaylistSheet-module__dqzvfa__sheetPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (max-width:720px){.SaveToPlaylistSheet-module__dqzvfa__overlay{align-items:flex-end}.SaveToPlaylistSheet-module__dqzvfa__sheet{border-bottom:none;border-radius:16px 16px 0 0;width:100%;max-width:100%;height:75vh;max-height:75vh;animation:.22s SaveToPlaylistSheet-module__dqzvfa__sheetSlide}@keyframes SaveToPlaylistSheet-module__dqzvfa__sheetSlide{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.SaveToPlaylistSheet-module__dqzvfa__header{padding:var(--spacing-md);border-bottom:1px solid var(--color-divider);flex-shrink:0}.SaveToPlaylistSheet-module__dqzvfa__headerTop{justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.SaveToPlaylistSheet-module__dqzvfa__topicTitle{font-size:var(--font-size-section-header);font-weight:var(--font-weight-semi-bold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.SaveToPlaylistSheet-module__dqzvfa__closeButton{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:color .15s,background .15s;display:inline-flex}.SaveToPlaylistSheet-module__dqzvfa__closeButton:hover{color:var(--color-text-primary);background:var(--color-surface-elevated)}.SaveToPlaylistSheet-module__dqzvfa__searchInput{background:var(--color-search-background);width:100%;color:var(--color-text-primary);border:1px solid var(--color-divider);padding:10px var(--spacing-md);font-size:var(--font-size-body-small);border-radius:10px;outline:none;font-family:inherit;transition:border-color .15s}.SaveToPlaylistSheet-module__dqzvfa__searchInput::placeholder{color:var(--color-search-placeholder)}.SaveToPlaylistSheet-module__dqzvfa__searchInput:focus{border-color:var(--color-primary)}.SaveToPlaylistSheet-module__dqzvfa__body{padding:var(--spacing-sm) 0;flex:1;overflow-y:auto}.SaveToPlaylistSheet-module__dqzvfa__sectionLabel{font-size:var(--font-size-caption);font-weight:var(--font-weight-semi-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);margin:0}.SaveToPlaylistSheet-module__dqzvfa__row{padding:12px var(--spacing-md);cursor:pointer;text-align:left;width:100%;color:var(--color-text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;font-family:inherit;transition:background .15s;display:flex}.SaveToPlaylistSheet-module__dqzvfa__row:hover{background:var(--color-surface-elevated)}.SaveToPlaylistSheet-module__dqzvfa__rowMain{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.SaveToPlaylistSheet-module__dqzvfa__rowName{font-size:var(--font-size-body);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.SaveToPlaylistSheet-module__dqzvfa__rowCount{font-size:var(--font-size-caption);color:var(--color-text-muted)}.SaveToPlaylistSheet-module__dqzvfa__saveButton{background:var(--color-primary);color:var(--color-primary-foreground);font-size:var(--font-size-caption);font-weight:var(--font-weight-semi-bold);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:6px 14px;font-family:inherit;transition:opacity .15s}.SaveToPlaylistSheet-module__dqzvfa__saveButton:hover{opacity:.85}.SaveToPlaylistSheet-module__dqzvfa__savedButton{color:var(--color-text-muted);border:1px solid var(--color-divider);font-size:var(--font-size-caption);font-weight:var(--font-weight-semi-bold);cursor:default;background:0 0;border-radius:999px;flex-shrink:0;padding:6px 14px;font-family:inherit}.SaveToPlaylistSheet-module__dqzvfa__emptyMessage{padding:var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-body-small);text-align:center}.SaveToPlaylistSheet-module__dqzvfa__footer{padding:var(--spacing-md);border-top:1px solid var(--color-divider);background:var(--color-surface);flex-shrink:0}.SaveToPlaylistSheet-module__dqzvfa__createTrigger{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:12px var(--spacing-md);background:var(--color-surface-elevated);border:1px solid var(--color-divider);color:var(--color-text-primary);font-size:var(--font-size-body-small);font-weight:var(--font-weight-semi-bold);cursor:pointer;border-radius:12px;font-family:inherit;transition:background .15s;display:flex}.SaveToPlaylistSheet-module__dqzvfa__createTrigger:hover{background:var(--color-surface-pressed)}.SaveToPlaylistSheet-module__dqzvfa__createForm{gap:var(--spacing-sm);display:flex}.SaveToPlaylistSheet-module__dqzvfa__createInput{background:var(--color-search-background);color:var(--color-text-primary);border:1px solid var(--color-divider);padding:10px var(--spacing-md);font-size:var(--font-size-body-small);border-radius:10px;outline:none;flex:1;font-family:inherit}.SaveToPlaylistSheet-module__dqzvfa__createInput:focus{border-color:var(--color-primary)}.SaveToPlaylistSheet-module__dqzvfa__createSubmit{background:var(--color-primary);color:var(--color-primary-foreground);padding:0 var(--spacing-md);font-size:var(--font-size-body-small);font-weight:var(--font-weight-semi-bold);cursor:pointer;border:none;border-radius:10px;font-family:inherit;transition:opacity .15s}.SaveToPlaylistSheet-module__dqzvfa__createSubmit:hover{opacity:.85}.SaveToPlaylistSheet-module__dqzvfa__createSubmit:disabled{opacity:.5;cursor:not-allowed}
.PlayButton-module__paUAMW__container{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-lg);min-height:var(--listen-bar-height);background:var(--color-primary);color:var(--color-primary-foreground);-webkit-backdrop-filter:none;border:none;border-radius:0;width:100%;max-width:none;display:flex}@media (min-width:900px){.PlayButton-module__paUAMW__container{bottom:calc(var(--pill-stack-bottom) + var(--pill-lift,0px));width:auto;min-width:160px;max-width:var(--floating-pill-max-width);border-radius:var(--border-radius-pill);padding:0 var(--spacing-xl)}html[data-player-bar=compact] .PlayButton-module__paUAMW__container{bottom:calc(var(--pill-stack-bottom) + var(--pill-lift,0px) + 36px + 2 * var(--spacing-md) + var(--floating-pill-gap))}}.PlayButton-module__paUAMW__listenButton{justify-content:center;align-items:center;gap:var(--spacing-sm);min-height:var(--listen-bar-height);color:inherit;font-family:var(--font-body);font-size:var(--font-size-body-small);font-weight:var(--font-weight-semi-bold);cursor:pointer;background:0 0;border:none;flex:1;padding:0;display:inline-flex}.PlayButton-module__paUAMW__listenButton:hover{opacity:.9}.PlayButton-module__paUAMW__inlineBookmark{border-radius:var(--border-radius-button);width:44px;height:44px;color:var(--color-primary-foreground);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.PlayButton-module__paUAMW__inlineBookmark:hover{opacity:.85}.PlayButton-module__paUAMW__floatingBookmark{top:calc(var(--spacing-md) + env(safe-area-inset-top,0px));right:var(--spacing-md);z-index:98;position:fixed}
.SectionButtons-module__VV-bpW__container{gap:var(--spacing-sm);padding:var(--spacing-sm) 0;scrollbar-width:none;flex-direction:row;display:flex;overflow-x:auto}.SectionButtons-module__VV-bpW__container::-webkit-scrollbar{display:none}.SectionButtons-module__VV-bpW__button{border:1px solid var(--color-primary);color:var(--color-text-primary);font-size:var(--font-size-chip-text);font-family:var(--font-body);white-space:nowrap;cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-weight:600;transition:opacity .15s;display:inline-flex}.SectionButtons-module__VV-bpW__button:hover{opacity:.85}
.ReadModeToggle-module__Y3vySG__row{border:1px solid var(--color-border);background:var(--color-surface);margin-bottom:var(--spacing-md);border-radius:999px;align-items:stretch;gap:0;padding:2px;display:inline-flex}.ReadModeToggle-module__Y3vySG__pill{appearance:none;font-family:var(--font-body);font-size:var(--font-size-body-sm,var(--font-size-caption));font-weight:var(--font-weight-medium);color:var(--color-text-muted);letter-spacing:.02em;cursor:pointer;background:0 0;border:none;border-radius:999px;min-height:32px;padding:6px 14px;transition:background-color .15s,color .15s}.ReadModeToggle-module__Y3vySG__pill:hover{color:var(--color-text-primary)}.ReadModeToggle-module__Y3vySG__pillActive{background:var(--color-primary);color:var(--color-primary-foreground)}.ReadModeToggle-module__Y3vySG__pillActive:hover{color:var(--color-primary-foreground)}.ReadModeToggle-module__Y3vySG__pill:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ReadModeToggle-module__Y3vySG__pill{transition:none}}
.SentenceMenu-module__Y0MK4W__handle{vertical-align:baseline;margin:0 var(--spacing-2xs,4px);padding:0 var(--spacing-2xs,4px);color:var(--color-text-muted);font:inherit;font-size:var(--font-size-caption);cursor:pointer;opacity:.55;background:0 0;border:0;border-radius:4px;line-height:1;transition:opacity .12s,color .12s,background .12s;display:inline-block}.SentenceMenu-module__Y0MK4W__handle:hover,.SentenceMenu-module__Y0MK4W__handle:focus-visible{opacity:1;color:var(--color-text-primary);background:var(--color-surface-elevated,var(--color-surface))}@media (hover:none){.SentenceMenu-module__Y0MK4W__handle{opacity:1}}.SentenceMenu-module__Y0MK4W__handle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.SentenceMenu-module__Y0MK4W__overlay{z-index:1000;background:#00000052;position:fixed;inset:0}.SentenceMenu-module__Y0MK4W__popover{z-index:1001;background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-divider);min-width:220px;padding:var(--spacing-2xs,4px);border-radius:12px;animation:.12s SentenceMenu-module__Y0MK4W__popIn;position:fixed;box-shadow:0 12px 32px #0000002e}@keyframes SentenceMenu-module__Y0MK4W__popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.SentenceMenu-module__Y0MK4W__menuItem{align-items:center;gap:var(--spacing-xs,8px);width:100%;padding:var(--spacing-xs,8px) var(--spacing-sm,12px);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-body-small);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;display:flex}.SentenceMenu-module__Y0MK4W__menuItem:hover:not(:disabled),.SentenceMenu-module__Y0MK4W__menuItem:focus-visible{background:var(--color-surface-elevated,var(--color-surface))}.SentenceMenu-module__Y0MK4W__menuItem:disabled{cursor:default;color:var(--color-text-muted)}.SentenceMenu-module__Y0MK4W__icon{flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.SentenceMenu-module__Y0MK4W__label{flex:auto}.SentenceMenu-module__Y0MK4W__comingSoon{font-size:var(--font-size-eyebrow);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;flex:none}
.SyncedScriptText-module__lH6P9q__scriptText{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);color:var(--color-text-secondary);white-space:pre-wrap;margin:0}.SyncedScriptText-module__lH6P9q__readWord{background-color:var(--color-highlight-word)}.SyncedScriptText-module__lH6P9q__activeWord{background-color:var(--color-highlight-word);cursor:pointer}.SyncedScriptText-module__lH6P9q__inactiveWord{color:var(--color-text-secondary)}.SyncedScriptText-module__lH6P9q__inactiveWord[role=button],.SyncedScriptText-module__lH6P9q__readWord[role=button],.SyncedScriptText-module__lH6P9q__activeWord[role=button]{cursor:pointer}.SyncedScriptText-module__lH6P9q__linkPublished{color:var(--color-link)}.SyncedScriptText-module__lH6P9q__linkUnpublished{color:var(--color-link-dim)}.SyncedScriptText-module__lH6P9q__linkWrap .SyncedScriptText-module__lH6P9q__inactiveWord,.SyncedScriptText-module__lH6P9q__linkWrap .SyncedScriptText-module__lH6P9q__readWord,.SyncedScriptText-module__lH6P9q__linkWrap .SyncedScriptText-module__lH6P9q__activeWord{background-color:#0000}.SyncedScriptText-module__lH6P9q__linkPublished .SyncedScriptText-module__lH6P9q__inactiveWord,.SyncedScriptText-module__lH6P9q__linkPublished .SyncedScriptText-module__lH6P9q__readWord,.SyncedScriptText-module__lH6P9q__linkPublished .SyncedScriptText-module__lH6P9q__activeWord,.SyncedScriptText-module__lH6P9q__linkUnpublished .SyncedScriptText-module__lH6P9q__inactiveWord,.SyncedScriptText-module__lH6P9q__linkUnpublished .SyncedScriptText-module__lH6P9q__readWord,.SyncedScriptText-module__lH6P9q__linkUnpublished .SyncedScriptText-module__lH6P9q__activeWord{color:inherit}.SyncedScriptText-module__lH6P9q__activeWordBg{background-color:var(--color-highlight-word)}
.UnauthListenCta-module__cn6wVq__button{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);min-height:var(--listen-bar-height);border-radius:var(--border-radius-pill);background:var(--color-primary);color:var(--color-primary-foreground);font-family:inherit;font-size:var(--font-size-body-small);font-weight:var(--font-weight-semi-bold);white-space:nowrap;cursor:pointer;border:none;margin:0;transition:opacity .15s,transform .15s;display:inline-flex}.UnauthListenCta-module__cn6wVq__button:hover{opacity:.9}.UnauthListenCta-module__cn6wVq__button:active{transform:translateY(1px)}.UnauthListenCta-module__cn6wVq__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}@media (max-width:899px){.UnauthListenCta-module__cn6wVq__button{width:100%;display:flex}}
.PlayChip-module__3Jrjtq__chip{background:var(--color-primary);color:var(--color-primary-foreground);font-size:var(--font-size-chip-text);font-family:var(--font-body);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-weight:600;transition:opacity .15s;display:inline-flex}.PlayChip-module__3Jrjtq__chip:hover{opacity:.85}