.language-explorer{border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--background);color:var(--foreground);word-break:keep-all;overflow-wrap:break-word;overflow:hidden;container:language-explorer/inline-size}.language-explorer :is(h3,h4){text-wrap:balance}.language-explorer :is(button,[role=tabpanel],[role=region]):focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.language-explorer-heading{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 16px;padding:16px 24px;display:flex}.language-explorer-title{font-size:1rem;font-weight:700}.language-example-label{color:var(--muted-foreground);font-size:.8125rem}.language-task-tabs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.language-task-tabs button{min-height:52px;box-shadow:inset 0 -1px 0 var(--border);color:var(--muted-foreground);cursor:pointer;border-bottom:2px solid #0000;padding:8px 6px;font-size:.9375rem;font-weight:600;line-height:1.35;transition:color .15s cubic-bezier(.23,1,.32,1),border-color .15s cubic-bezier(.23,1,.32,1)}.language-task-tabs button:hover{color:var(--foreground)}.language-task-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--foreground)}.language-task-panel[hidden]{display:none}.language-task-panel:focus-visible{outline-offset:-5px}.language-task-intro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding:24px;display:flex}.language-task-intro h3{letter-spacing:-.015em;font-size:1.25rem;font-weight:700;line-height:1.35}.language-task-instruction{color:var(--foreground-soft);margin-top:4px;font-size:.9375rem;line-height:1.6}.language-stage-buttons{display:flex}.language-stage-buttons button{border:1px solid var(--border-strong);background:var(--background);min-height:44px;color:var(--foreground);white-space:nowrap;cursor:pointer;padding:8px 16px;font-size:.9375rem;font-weight:600;transition:background-color .15s cubic-bezier(.23,1,.32,1),color .15s cubic-bezier(.23,1,.32,1);position:relative}.language-stage-buttons button+button{margin-left:-1px}.language-stage-buttons button:first-child{border-radius:var(--radius-lg)0 0 var(--radius-lg)}.language-stage-buttons button:last-child{border-radius:0 var(--radius-lg)var(--radius-lg)0}.language-stage-buttons button:hover{background:var(--surface)}.language-stage-buttons button[aria-pressed=true]{z-index:1;border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.language-explorer-body{border-top:1px solid var(--border)}.language-specimen{background:var(--surface);min-width:0;padding:32px 24px}.language-specimen:focus-visible{outline-offset:-5px}.language-specimen-caption{color:var(--muted-foreground);font-size:.8125rem;line-height:1.6}.language-explorer-next{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px 24px;padding:20px 24px;display:flex}.language-explorer-next>p{max-width:56ch;color:var(--foreground-soft);font-size:.9375rem;line-height:1.6}.language-explorer-next>p>strong{color:var(--foreground);margin-right:6px;font-weight:700}.language-explorer-next>button{flex-shrink:0}.language-explorer-footnote{border-top:1px solid var(--border);color:var(--muted-foreground);padding:12px 24px 16px;font-size:.8125rem;line-height:1.6}.language-explorer h4{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.5rem,4cqi,2rem);font-weight:700;line-height:1.3}.playground-help{max-width:40ch;color:var(--foreground-soft);font-size:.9375rem;line-height:1.7}.playground-invitation{align-self:center}.task-object{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto}.playground-feedback{border-top:1px solid var(--border-strong);color:var(--foreground-soft);margin-top:20px;padding-top:14px;font-size:.9375rem;line-height:1.65}.playground-feedback[data-success=true]{color:var(--foreground);font-weight:600}.task-playground .language-specimen-caption{margin-top:10px}.playground-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.playground-speech{margin-block:20px}.playground-speech>button{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--background);min-height:44px;color:var(--foreground);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:.9375rem;font-weight:600;transition:background-color .15s cubic-bezier(.23,1,.32,1);display:inline-flex}.playground-speech>button:hover{background:var(--surface-strong)}.playground-speech>button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.playground-speech>p{max-width:40ch;color:var(--muted-foreground);margin-top:8px;font-size:.8125rem;line-height:1.6}.playground-receptive{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:40px;display:grid}.playground-pictures{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.playground-pictures>button{border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--background);text-align:left;cursor:pointer;min-width:0;transition:border-color .15s cubic-bezier(.23,1,.32,1);overflow:hidden}.playground-pictures>button:hover{border-color:var(--border-strong)}.playground-pictures>button[aria-pressed=true]{border-color:var(--accent)}.playground-pictures .task-object{border:0;border-radius:0}.picture-label{border-top:1px solid var(--border);justify-content:space-between;align-items:center;min-height:44px;padding:8px 12px;font-size:1rem;font-weight:600;display:flex}.playground-pictures>button[aria-pressed=true] .picture-label{background:var(--accent-soft);color:var(--accent-strong)}.playground-naming,.playground-word{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,7cqi,80px);max-width:880px;margin-inline:auto;display:grid}.playground-naming-picture,.playground-word-picture{width:100%;max-width:340px;margin-inline:auto}.playground-naming-picture figcaption,.playground-word-picture figcaption{color:var(--muted-foreground);text-align:center;margin-top:8px;font-size:.8125rem;line-height:1.6}.playground-reveal{border-block:1px solid var(--border-strong);min-height:120px;color:var(--foreground-soft);flex-direction:column;justify-content:center;gap:6px;margin-top:20px;padding-block:16px;font-size:.9375rem;line-height:1.6;display:flex}.playground-reveal-label{color:var(--muted-foreground);font-size:.8125rem;font-weight:600}.playground-reveal strong{color:var(--foreground);font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1.3}.playground-ddk{grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);align-items:center;gap:48px;display:grid}.playground-ddk-meter{align-items:baseline;gap:12px;margin-block:24px 16px;display:flex}.playground-ddk-meter strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:3rem;font-weight:700;line-height:1}.playground-ddk-meter>span{color:var(--muted-foreground);font-size:.9375rem}.playground-rhythm-heading{color:var(--foreground-soft);font-size:.9375rem;font-weight:600}.playground-sounds{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:26rem;margin-block:16px 24px;display:grid}.playground-sounds>button{aspect-ratio:1;border:2px solid var(--foreground);border-radius:var(--radius-xl);background:var(--background);color:var(--foreground);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:background-color .15s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1);display:flex}.playground-sounds>button>span{font-size:clamp(2.25rem,8cqi,4rem);font-weight:800;line-height:1}.playground-sounds>button>small{align-items:center;min-height:20px;font-size:.8125rem;font-weight:600;display:flex}.playground-sounds>button[aria-current=step]{background:var(--mark);color:var(--mark-ink)}.playground-sounds>button:active:not(:disabled){transform:scale(.97)}.playground-sounds>button:disabled{border-color:var(--border-strong);background:var(--accent-soft);color:var(--accent-strong);cursor:default}.playground-repetitions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.playground-repetitions>div{border-top:1px solid var(--border-strong);padding-top:10px}.rhythm-group-label{color:var(--muted-foreground);align-items:center;gap:4px;font-size:.8125rem;font-weight:600;display:inline-flex}.playground-repetitions>div>div{gap:4px;margin-top:6px;display:flex}.playground-repetitions>div>div>span{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--background);color:var(--muted-foreground);text-align:center;flex:1;padding:6px 0;font-size:.9375rem}.playground-repetitions [data-played=true]{border-color:var(--accent);background:var(--accent);color:var(--background)}.playground-repetitions [data-current=true]{border-color:var(--foreground);color:var(--foreground)}.playground-word-copy h4{font-size:clamp(2.25rem,8cqi,3.5rem)}.playground-syllables{gap:10px;margin-block:20px 0;display:flex}.playground-syllables button{border:2px solid var(--foreground);border-radius:var(--radius-xl);background:var(--background);min-height:72px;color:var(--foreground);cursor:pointer;flex:1;font-size:2.25rem;font-weight:800;line-height:1;transition:background-color .15s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1)}.playground-syllables button:active{transform:scale(.97)}.playground-syllables button[aria-pressed=true]{background:var(--mark);color:var(--mark-ink)}.playground-sentence{max-width:880px;margin-inline:auto}.playground-model-sentence{color:var(--foreground);font-size:1.0625rem;font-weight:600;line-height:1.7}.playground-sentence-compose{margin-top:24px}.playground-compose-heading{color:var(--muted-foreground);justify-content:space-between;gap:12px;font-size:.8125rem;font-weight:600;display:flex}.playground-sentence-answer{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--background);flex-wrap:wrap;align-items:center;gap:8px;min-height:84px;margin-block:8px 16px;padding:16px;display:flex}.playground-sentence-answer>span{color:var(--muted-foreground);font-size:.9375rem;line-height:1.7}.playground-sentence-answer>button,.playground-word-bank>button{border:1px solid var(--border-strong);border-radius:var(--radius-lg);min-height:44px;color:var(--foreground);cursor:pointer;align-items:center;gap:12px;padding:8px 16px;font-size:1rem;font-weight:600;transition:background-color .15s cubic-bezier(.23,1,.32,1);display:inline-flex}.playground-sentence-answer>button{border-color:var(--accent);background:var(--accent-soft)}.playground-sentence-answer>button>span,.playground-word-bank>button>span{color:var(--muted-foreground);font-size:.9375rem;font-weight:400}.playground-word-bank{flex-wrap:wrap;gap:10px;display:flex}.playground-word-bank>button{background:var(--background)}.playground-word-bank>button:hover:not(:disabled){background:var(--surface-strong)}.playground-word-bank>button:disabled{opacity:.5;cursor:default;border-style:dashed}.playground-sentence-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.playground-sentence-bottom .language-specimen-caption{margin:0}.playground-story{max-width:880px;margin-inline:auto}.playground-story-words{flex-wrap:wrap;gap:8px;margin-block:24px 16px;display:flex}.playground-story-words>button{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--background);text-align:left;cursor:pointer;min-height:68px;padding:8px 14px;transition:border-color .15s cubic-bezier(.23,1,.32,1),background-color .15s cubic-bezier(.23,1,.32,1)}.playground-story-words>button:hover{background:var(--surface-strong)}.playground-story-words>button[aria-pressed=true]{border-color:var(--foreground)}.playground-story-words small{color:var(--muted-foreground);margin-bottom:4px;font-size:.8125rem;display:block}.playground-story-words span{letter-spacing:-.02em;font-size:clamp(1.125rem,3.4cqi,1.5rem);font-weight:700;line-height:1.4}.playground-story-detail{border-top:1px solid var(--border-strong);min-height:84px;padding-top:14px}.playground-story-detail strong{font-size:1rem;font-weight:700}.playground-story-detail p{max-width:48ch;color:var(--foreground-soft);margin-top:4px;font-size:.9375rem;line-height:1.65}.language-analysis-specimen{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}.language-evidence-board{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--background);min-width:0;padding:20px}.evidence-board-heading{border-bottom:1px solid var(--border);color:var(--muted-foreground);padding-bottom:12px;font-size:.8125rem;font-weight:600}.evidence-board-detail{border-top:1px solid var(--border);min-height:72px;color:var(--foreground-soft);margin-top:20px;padding-top:14px;font-size:.9375rem;line-height:1.7}.language-observations{border-top:1px solid var(--border-strong);margin-block:20px;display:grid}.language-observations>button{border-bottom:1px solid var(--border-strong);min-height:64px;color:var(--foreground-soft);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 12px;transition:background-color .15s cubic-bezier(.23,1,.32,1);display:flex}.language-observations>button:hover{background:var(--surface-strong)}.language-observations>button[aria-pressed=true]{background:var(--accent-soft);color:var(--foreground)}.language-observations strong{color:var(--foreground);font-size:1rem;font-weight:700;display:block}.language-observations strong+span{margin-top:4px;font-size:.9375rem;line-height:1.6;display:block}.language-observations>button>svg{color:var(--accent-strong);flex-shrink:0}.evidence-rhythm{gap:12px;padding-block:20px 8px;display:grid}.evidence-rhythm>div{align-items:center;gap:8px;display:flex}.evidence-rhythm span{border-bottom:2px solid var(--border-strong);text-align:center;border-radius:6px 6px 0 0;flex:1;padding-block:8px;font-size:1.75rem;font-weight:600}.evidence-rhythm em{min-width:2.75rem;color:var(--muted-foreground);text-align:center;border-radius:6px;padding:4px 8px;font-size:.8125rem;font-style:normal}.evidence-rhythm[data-lens="0"] span{border-bottom-color:var(--accent);background:var(--accent-soft)}.evidence-rhythm[data-lens="1"] em{background:var(--accent);color:var(--background)}.evidence-object-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:20px;display:grid}.evidence-object-pair>div{border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.evidence-object-pair>div[data-active=true]{border-color:var(--accent);background:var(--accent-soft)}.evidence-object-pair .task-object{max-width:150px}.evidence-object-pair strong{place-items:center;min-height:120px;font-size:2rem;font-weight:700;display:grid}.evidence-object-pair small{color:var(--muted-foreground);font-size:.8125rem;font-weight:600}.evidence-word{grid-template-columns:minmax(0,.75fr) minmax(0,1fr);align-items:center;gap:16px;padding-top:20px;display:grid}.evidence-word .task-object{max-width:150px}.evidence-word>div>small{color:var(--muted-foreground);font-size:.8125rem;font-weight:600}.evidence-word>div>div{gap:8px;margin-top:12px;display:flex}.evidence-word span{text-align:center;border-radius:8px;flex:1;padding:10px 2px;font-size:1.875rem;font-weight:700}.evidence-word [data-active=true]{background:var(--accent-soft)}.evidence-sentence>div{flex-wrap:wrap;gap:16px 12px;padding-block:28px 12px;display:flex}.evidence-sentence span{border-bottom:2px solid var(--border-strong);letter-spacing:-.02em;padding-bottom:8px;font-size:clamp(1.25rem,3.6cqi,1.75rem);font-weight:700}.evidence-sentence small{color:var(--muted-foreground);letter-spacing:0;margin-bottom:6px;font-size:.8125rem;font-weight:600;display:block}.evidence-sentence[data-lens="1"] span{border-bottom-color:var(--accent)}.language-report-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:48px;display:grid}.language-report-specimen{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--background);padding:24px 28px}.language-report-heading{border-bottom:1px solid var(--border-strong);padding-bottom:12px;font-size:1rem;font-weight:700}.language-report-specimen dl>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,9rem) minmax(0,1fr);gap:4px 20px;padding-block:14px;display:grid}.language-report-specimen dt{color:var(--muted-foreground);font-size:.8125rem;font-weight:600;line-height:1.7}.language-report-specimen dd{color:var(--foreground-soft);font-size:.9375rem;line-height:1.7}.language-report-specimen blockquote{color:var(--foreground);font-size:1.0625rem;font-weight:600}.language-report-specimen>.language-specimen-caption{margin-top:14px}@container language-explorer (min-width:700px){.language-task-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}}@container language-explorer (min-width:1000px){.playground-receptive{grid-template-columns:minmax(0,.7fr) minmax(0,2fr);gap:48px}.playground-pictures{grid-template-columns:repeat(4,minmax(0,1fr))}}@container language-explorer (max-width:749px){.language-task-intro{padding:20px}.language-specimen{padding:28px 20px}.language-explorer-next{padding:20px}.playground-ddk,.playground-receptive{grid-template-columns:1fr;gap:28px}.playground-ddk-meter{display:none}.language-analysis-specimen,.language-report-layout{gap:28px}}@container language-explorer (max-width:649px){.language-explorer-heading{padding:14px 20px}.language-stage-buttons{width:100%}.language-stage-buttons button{flex:1;padding-inline:6px;font-size:.875rem}.language-analysis-specimen,.language-report-layout{grid-template-columns:1fr}.language-explorer-next{flex-direction:column;align-items:stretch}.language-explorer-footnote{padding-inline:20px}.language-report-specimen{padding:20px}.language-report-specimen dl>div{grid-template-columns:1fr}}@container language-explorer (max-width:549px){.playground-naming,.playground-word{grid-template-columns:1fr;gap:24px}.playground-naming-picture,.playground-word-picture{max-width:220px}.playground-word-picture figcaption{display:none}.playground-pictures{gap:8px}.playground-sentence-answer>button,.playground-word-bank>button{gap:10px;padding:8px 12px;font-size:.9375rem}.evidence-word{grid-template-columns:1fr}.evidence-word .task-object{max-width:120px}}@media (prefers-reduced-motion:reduce){.language-explorer *{scroll-behavior:auto!important;transition:none!important}}
