.pl-app{min-height:100vh;background:#f6f7f9;color:#081c3b;font-family:Aileron,Arial,sans-serif;font-size:16px;line-height:1.5}.pl-app *{box-sizing:border-box}.pl-app button,.pl-app input{font:inherit}.pl-app button{cursor:pointer;transition:background .15s,border-color .15s;min-height:48px}.pl-app button:disabled{cursor:default;opacity:.48}.pl-app button:focus-visible,.pl-app a:focus-visible,.pl-app summary:focus-visible,.pl-app input:focus-visible{outline:3px solid #3268bd;outline-offset:4px}.pl-app h1,.pl-app h2,.pl-app p{margin:0}.pl-header{height:84px;display:flex;align-items:center;gap:22px;padding:0 5%;background:#fff;border-bottom:1px solid #e3e7ed;font-weight:600}.pl-header img{object-fit:contain}.pl-divider{height:24px;width:1px;background:#dbe0e8}.pl-language{margin-left:auto;font-size:14px;color:#586377}.pl-main{max-width:1080px;margin:auto;padding:28px 28px 18px}.pl-tabs{display:flex;border-bottom:1px solid #dfe3e9;gap:26px}.pl-tabs button{border:0;border-bottom:3px solid transparent;background:none;color:#59657a;padding:12px 4px 18px;display:flex;align-items:center;gap:10px;font-weight:600}.pl-tabs button[aria-current]{color:#a81b21;border-bottom-color:#c8232a}.pl-tabs button span{font-size:12px;background:#e8ecf2;border-radius:6px;padding:3px 6px}.pl-tabs button[aria-current] span{background:#f6e6e8}.pl-intro{padding:30px 0 27px}.pl-eyebrow{font-size:11px;font-weight:600;letter-spacing:1.8px;color:#6b7484}.pl-intro h1,.pl-result h1{font-size:34px;letter-spacing:-1.1px;line-height:1.2;margin:9px 0 10px}.pl-intro>p:last-child{color:#59657a;font-size:16px}.pl-workspace{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}.pl-outline{padding:17px 0}.pl-outline h2{font-size:21px;line-height:1.35;letter-spacing:-.3px;margin:10px 0 22px}.pl-lesson-list{display:grid;gap:6px}.pl-lesson-list button{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid transparent;background:transparent;padding:10px 12px;border-radius:12px;color:#526078}.pl-lesson-list button[aria-current]{background:#fff;border-color:#dce1e8;box-shadow:0 3px 6px #081c3b04;color:#081c3b}.pl-mini{width:40px;height:40px;display:grid;place-items:center;font-size:22px;background:#e9edf3;border-radius:10px}.pl-lesson-list button[aria-current] .pl-mini{background:#081c3b;color:#fff}.pl-lesson-list small{display:block;font-size:12px;color:#59657a}.pl-chevron{margin-left:auto}.pl-aside-note{font-size:13px;color:#59657a;margin-top:20px!important;line-height:1.8}.pl-lesson{background:#fff;border:1px solid #dce2e9;border-radius:22px;box-shadow:0 8px 30px #081c3b04;padding:26px 30px 22px}.pl-card-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:600;color:#556279;letter-spacing:.5px}.pl-progress{display:flex;gap:5px;margin:14px 0 10px}.pl-progress i{height:4px;border-radius:5px;background:#eef0f4;flex:1}.pl-progress i.is-filled{background:#c8232a}.pl-sound-art{display:flex;align-items:center;justify-content:space-around;gap:20px;padding:20px 0 27px}.pl-big{font-size:100px;line-height:1.3;letter-spacing:-5px;font-weight:600}.pl-sound-art p{display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px}.pl-sound-art p>span:first-child{font-size:24px}.pl-equals{color:#8b93a0}.pl-contour{width:170px;text-align:center;color:#60708a;font-size:12px}.pl-curve{width:100%;height:auto}.pl-guides{stroke:#e0e6ef;stroke-dasharray:3 6;fill:none}.pl-line{stroke:#c8232a;stroke-width:7;stroke-linecap:round;fill:none}.pl-coach{display:flex;gap:12px;padding:18px 0;border-top:1px solid #edf0f4;min-height:96px}.pl-step-number{flex-shrink:0;width:25px;height:25px;background:#eef2f8;border-radius:50%;display:grid;place-items:center;font-size:12px;margin-top:2px}.pl-coach h2{font-size:20px;margin-bottom:3px}.pl-coach p{font-size:14px;color:#5a6478;max-width:390px}.pl-play{background:#c8232a;color:#fff;border:1px solid #c8232a;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:58px!important;font-weight:600!important}.pl-play:hover:not(:disabled){background:#a81b21}.pl-play svg,.pl-secondary svg{width:23px;height:23px}.pl-next-row{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:67px;padding-top:14px}.pl-next-row>span{font-size:12px;color:#647084}.pl-primary{background:#081c3b;color:#fff;border:1px solid #081c3b;border-radius:10px;padding:12px 20px;white-space:nowrap}.pl-primary:hover{background:#163566}.pl-help{margin:20px 0 0 288px;font-size:14px;color:#5a6478}.pl-app summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0}.pl-help p{margin:8px 0;max-width:650px}.pl-footer{display:flex;justify-content:space-between;align-items:start;gap:20px;border-top:1px solid #e0e4ea;margin-top:30px;padding-top:18px;font-size:12px;color:#616c80}.pl-footer details{max-width:320px;text-align:right}.pl-footer summary{padding-top:0}.pl-footer a{text-decoration:underline}.pl-quiz,.pl-search,.pl-result{background:#fff;border:1px solid #dce2e9;border-radius:22px;padding:30px}.pl-quiz{max-width:720px;margin:auto}.pl-answers{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:28px 0}.pl-answers button{border:2px solid #e0e5ed;border-radius:12px;background:#fff;padding:16px 6px;color:#081c3b}.pl-answers strong{display:block;font-size:34px}.pl-answers span{font-size:12px}.pl-answers .is-correct:disabled{border-color:#278060;background:#edf8f1;opacity:1}.pl-answers .is-wrong:disabled{border-color:#b44836;background:#fff1ec;opacity:1}.pl-feedback{min-height:132px}.pl-feedback h2{font-size:20px}.pl-feedback p{color:#59657a;margin:8px 0 18px}.pl-result{text-align:center;margin-top:30px;padding:50px 20px}.pl-result-icon{display:grid;place-items:center;margin:0 auto 22px;background:#e8f2ed;color:#257456;border-radius:50%;width:72px;height:72px;font-size:36px}.pl-result button{margin:24px 5px 0}.pl-secondary{background:#fff;border:1px solid #d5dce7;border-radius:10px;color:#081c3b;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.pl-search label{display:block;font-weight:600;font-size:14px;margin-bottom:8px}.pl-search input{width:100%;border:1px solid #bfc9d7;background:#fafbfd;border-radius:10px;padding:15px 18px;color:#081c3b}.pl-search-player{display:flex;align-items:center;gap:20px;margin:24px 0;padding-bottom:24px;border-bottom:1px solid #e5e9ef;flex-wrap:wrap}.pl-search-player>strong{font-size:46px;min-width:88px}.pl-tone-options{display:flex;gap:6px;flex-wrap:wrap}.pl-tone-options button{border:1px solid #dbe1e9;border-radius:8px;padding:8px 12px;background:#fff;font-size:13px}.pl-tone-options button[aria-pressed=true]{background:#081c3b;color:#fff}.pl-search-caption{font-size:13px;color:#59657a;margin-bottom:12px!important}.pl-syllables{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:9px}.pl-syllables button{border:1px solid #dce2eb;background:#f8fafc;border-radius:9px;color:#081c3b;font-size:21px}.pl-syllables button[aria-pressed=true]{border-color:#c8232a;background:#fbefef;color:#a81b21}.pl-show-all{margin-top:20px}.pl-small{font-size:12px;color:#59657a;margin-top:18px!important}.pl-error{padding:15px;background:#fff0ea;color:#952e1f;border-radius:10px;margin-top:18px!important}@media (max-width: 700px){.pl-header{height:66px;padding:0 20px;gap:12px;font-size:14px}.pl-header img{width:50px;height:42px}.pl-main{padding:14px 16px}.pl-tabs{gap:0;justify-content:space-between}.pl-tabs button{gap:6px;font-size:13px;padding:10px 2px 13px}.pl-tabs button span{font-size:10px}.pl-intro{padding:23px 0 20px}.pl-intro h1,.pl-result h1{font-size:27px}.pl-intro>p:last-child{font-size:14px}.pl-workspace{display:flex;flex-direction:column;gap:14px}.pl-outline{padding:0;width:100%}.pl-outline>h2,.pl-outline>.pl-eyebrow,.pl-aside-note{display:none}.pl-lesson-list{display:flex;gap:6px}.pl-lesson-list button{flex:1;min-width:0;padding:7px 0;justify-content:center;background:#edf0f5;border-color:transparent;border-radius:10px}.pl-lesson-list button[aria-current]{border-color:#081c3b}.pl-mini{width:auto;height:30px;background:transparent!important;color:inherit!important}.pl-lesson-list button>span:not(:first-child){display:none}.pl-lesson{padding:20px;width:100%;border-radius:17px}.pl-sound-art{padding:10px 0 21px;gap:10px}.pl-big{font-size:86px}.pl-contour{width:130px}.pl-sound-art p{font-size:12px;gap:7px;max-width:155px}.pl-coach{min-height:100px}.pl-coach h2{font-size:19px}.pl-next-row{flex-wrap:wrap;gap:9px}.pl-next-row .pl-primary{width:100%}.pl-help{margin:13px 0 0;font-size:13px}.pl-footer{margin-top:18px;font-size:11px;gap:10px}.pl-footer details{max-width:150px}.pl-quiz,.pl-search{padding:20px}.pl-answers{grid-template-columns:repeat(2,1fr)}.pl-answers button:last-child{grid-column:1/-1}.pl-search-player{gap:12px}.pl-tone-options{order:3;width:100%}.pl-tone-options button{flex:1;padding:8px 5px}.pl-search-player>.pl-secondary{margin-left:auto}.pl-result .pl-primary,.pl-result .pl-secondary{width:100%;margin:15px 0 0}.pl-language{font-size:12px}}@media (prefers-reduced-motion: reduce){.pl-app *{transition:none!important}}@media (max-width: 380px){.pl-intro{padding:16px 0}.pl-intro h1{font-size:24px}.pl-intro .pl-eyebrow{display:none}.pl-big{font-size:72px}.pl-sound-art{padding:4px 0 14px}.pl-lesson{padding:16px}}.py{background:#fff;color:var(--text);min-height:100dvh}.py-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.py-head{position:sticky;top:0;z-index:20;background:#ffffffe6;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.py-head-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}.py-logo{display:inline-flex;align-items:center;gap:12px}.py-logo img{height:34px;width:auto;display:block}.py-logo-tag{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--red);padding:5px 10px;border-radius:999px;background:#fbe9ea}.py-head-nav{display:flex;gap:4px}.py-head-nav a{font-size:14px;font-weight:500;color:var(--text-dim);padding:8px 12px;border-radius:10px;transition:background .2s var(--ease),color .2s var(--ease)}.py-head-nav a:hover{background:var(--surface);color:var(--text)}.py-head-right{display:flex;align-items:center;gap:12px}.py-lang{display:inline-flex;padding:3px;border-radius:10px;background:var(--surface)}.py-lang a{padding:6px 10px;border-radius:8px;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--text-mut);transition:background .2s var(--ease),color .2s var(--ease)}.py-lang a[aria-current=page]{background:#fff;color:var(--text);box-shadow:0 1px 2px #081c3b1f;cursor:default}.py-lang a:not([aria-current]):hover{color:var(--red)}.py-hero{padding-block:72px 56px;background:linear-gradient(180deg,#fff,#f7f9fd);border-bottom:1px solid var(--line)}.py-hero-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:center}.py-eyebrow{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:18px}.py-eyebrow .zh{text-transform:none;letter-spacing:0;font-size:15px}.py-eyebrow-num{display:inline-block;min-width:30px;padding:3px 8px;margin-right:6px;border-radius:8px;background:var(--ink);color:#fff;font-size:12px;text-align:center}.py-h1{font-size:64px;line-height:1.02;letter-spacing:-.025em;font-weight:600;color:var(--text);text-wrap:balance}.py-lede{margin-top:22px;font-size:20px;line-height:1.45;color:var(--text-mut);max-width:560px;text-wrap:pretty}.py-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.py-pills a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 10px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #081c3b1f;font-size:14px;font-weight:500;color:var(--text);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.py-pills a span{font-size:11px;font-weight:600;color:var(--red);padding:3px 6px;border-radius:6px;background:#fbe9ea}.py-pills a:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #081c3b4d}.py-hero-art{display:flex;flex-direction:column;align-items:center;gap:16px}.py-hero-tones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:340px}.py-hero-tone{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 12px 14px;border:0;border-radius:var(--r-inner);background:#fff;cursor:pointer;box-shadow:0 1px 2px #081c3b0f,0 18px 36px -24px #081c3b59;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.py-hero-tone:hover{transform:translateY(-3px);box-shadow:0 1px 2px #081c3b0f,0 22px 40px -22px #081c3b73}.py-hero-char{font-size:44px;line-height:1;color:var(--text)}.py-hero-syl{font-size:15px;font-weight:600;color:var(--red)}.py-hero-cap{font-size:14px;line-height:1.5;color:var(--text-mut);text-align:center;max-width:340px}.py-hero-cap .zh{color:var(--text);font-size:16px}.py-section{padding-block:88px;scroll-margin-top:68px}.py-section.band{background:var(--surface);color:var(--text)}.py-sh{max-width:760px;margin-bottom:44px}.py-h2{font-size:44px;line-height:1.1;letter-spacing:-.02em;font-weight:600;color:var(--text);text-wrap:balance}.py-sh-lede{margin-top:16px;font-size:18px;line-height:1.5;color:var(--text-mut);text-wrap:pretty}.py-bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.py-search{display:flex;flex-direction:column;gap:8px;min-width:260px}.py-search label{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mut)}.py-search-in{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 14px;border-radius:var(--r-pill);background:#fff;box-shadow:inset 0 0 0 1px #081c3b24}.py-search-in:focus-within{box-shadow:inset 0 0 0 2px var(--red)}.py-search input{flex:1;border:0;outline:0;background:none;font-family:var(--font);font-size:17px;color:var(--text);padding:10px 0;min-width:0}.py-search input::-webkit-search-cancel-button{display:none}.py-clear{flex:none;border:0;cursor:pointer;padding:8px 14px;border-radius:12px;background:var(--surface);font-family:var(--font);font-size:13px;font-weight:600;color:var(--text-mut)}.py-clear:hover{color:var(--red)}.py-count{font-size:13px;color:var(--text-mut)}.py-tones{display:flex;flex-wrap:wrap;gap:6px}.py-tone-pill{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:76px;padding:9px 14px;border:0;cursor:pointer;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #081c3b1f;font-family:var(--font);transition:background .2s var(--ease),box-shadow .2s var(--ease)}.py-tone-pill:hover{box-shadow:inset 0 0 0 1px #081c3b52}.py-tone-pill.is-on{background:var(--ink);box-shadow:none}.py-tone-mark{font-size:17px;font-weight:600;color:var(--text)}.py-tone-name{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-mut)}.py-tone-pill.is-on .py-tone-mark{color:#fff}.py-tone-pill.is-on .py-tone-name{color:var(--on-ink-dim)}.py-nomatch{margin-bottom:16px;font-size:15px;color:var(--red)}.py-grid-scroll{max-height:min(74vh,860px);overflow:auto;border-radius:var(--r-inner);background:#fff;box-shadow:inset 0 0 0 1px #081c3b1a;overscroll-behavior:contain}.py-grid{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed}.py-grid th,.py-grid td{padding:0;text-align:center;border-right:1px solid rgba(8,28,59,.06);border-bottom:1px solid rgba(8,28,59,.06)}.py-grid thead th{position:sticky;top:0;z-index:2;height:40px;background:#f3f6fc;font-size:14px;font-weight:600;color:var(--text)}.py-grid tbody th{position:sticky;left:0;z-index:1;width:74px;height:38px;background:#f3f6fc;font-size:13px;font-weight:600;color:var(--text-dim);text-align:right;padding-right:10px}.py-corner{position:sticky;left:0;z-index:3!important;width:74px;font-size:10px!important;font-weight:600;letter-spacing:.02em;color:var(--text-mut)!important;line-height:1.2;padding:0 6px!important}.py-grid .py-hi.is-on,.py-grid .py-hf.is-on{background:var(--ink);color:#fff}.py-cell{height:38px}.py-cell.is-empty{background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(8,28,59,.045) 5px 6px)}.py-cell button{display:block;width:100%;height:38px;border:0;cursor:pointer;background:none;font-family:var(--font);font-size:15px;font-weight:500;color:var(--text);transition:background .15s var(--ease),color .15s var(--ease)}.py-cell button:hover{background:#eaf0fb}.py-cell.is-off button{color:var(--text-mut);opacity:.42}.py-cell.is-dim button{opacity:.16}.py-cell.is-sel button{background:var(--red);color:#fff}.py-cell.is-sel.is-dim button{opacity:1}.py-cell.is-respelled button{text-decoration:underline dotted rgba(200,35,42,.55);text-underline-offset:3px}.py-cell.is-sel.is-respelled button{text-decoration-color:#ffffffb3}.py-cell button:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}.py-detail{margin-top:24px;padding:24px;border-radius:var(--r-card);background:#fff;box-shadow:0 1px 2px #081c3b0f}.py-detail-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 28px}.py-detail-syl{font-size:40px;font-weight:600;letter-spacing:-.02em;line-height:1;color:var(--text)}.py-parts{display:flex;gap:22px;margin:0}.py-parts dt{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mut)}.py-parts dd{margin:2px 0 0;font-size:17px;font-weight:600;color:var(--text)}.py-respell{flex-basis:100%;font-size:14px;line-height:1.5;color:var(--red)}.py-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0 0;padding:0;list-style:none}.py-slot button{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:14px 8px 12px;border:0;cursor:pointer;border-radius:var(--r-inner);background:var(--surface);font-family:var(--font);transition:background .2s var(--ease),transform .2s var(--ease)}.py-slot button:hover{background:#eaf0fb;transform:translateY(-2px)}.py-slot.is-on button{background:var(--tint);box-shadow:inset 0 0 0 1px #4a74cd66}.py-slot-syl{font-size:19px;font-weight:600;color:var(--text)}.py-slot-char{font-size:30px;line-height:1.1;color:var(--text)}.py-slot-gloss{font-size:12px;line-height:1.35;color:var(--text-mut);text-align:center}.py-slot-hsk{margin-top:2px;font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--tint-mut);padding:2px 6px;border-radius:999px;background:#fff}.py-slot.is-gap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 8px;border-radius:var(--r-inner);background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(8,28,59,.05) 5px 6px)}.py-slot-gap{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-mut)}.py-slot.is-gap .py-slot-syl{color:var(--text-mut);opacity:.55}.py-detail-note{margin-top:14px;font-size:14px;line-height:1.5;color:var(--text-mut)}.py-voice-note{margin-top:16px;padding:14px 18px;border-radius:var(--r-inner);background:#fbe9ea;font-size:14px;line-height:1.55;color:var(--text)}.tn-lead{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-bottom:28px}.tn-lead-word .zh{font-size:40px;line-height:1;color:var(--text)}.tn-lead-gloss{font-size:15px;color:var(--text-mut)}.tn-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.tn-card{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:var(--r-card);background:#fff;box-shadow:0 1px 2px #081c3b0f}.tn-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.tn-name{font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.tn-zh{font-size:14px;color:var(--text-mut)}.tn-contour{width:100%;height:96px;display:block}.tn-staff{stroke:#081c3b1f;stroke-width:1.5}.tn-staff.is-edge{stroke:#081c3b3d}.tn-line{fill:none;stroke:var(--red);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.tn-dot{fill:var(--red)}.tn-chao{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mut)}.tn-mark{font-size:30px;font-weight:600;line-height:1;color:var(--red)}.tn-desc{font-size:15px;line-height:1.5;color:var(--text)}.tn-tip{font-size:14px;line-height:1.5;color:var(--text-mut)}.tn-play{display:flex;align-items:center;gap:10px;margin-top:auto;padding:10px 14px;border:0;cursor:pointer;border-radius:var(--r-inner);background:var(--surface);font-family:var(--font);transition:background .2s var(--ease)}.tn-play:hover{background:var(--tint)}.tn-play-char{font-size:26px;line-height:1;color:var(--text)}.tn-play-label{font-size:13px;font-weight:600;color:var(--text-dim)}.pr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.pr-card{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:var(--r-card);background:#fff;box-shadow:0 1px 2px #081c3b0f}.pr-sounds{display:flex;align-items:center;gap:8px}.pr-side{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;border:0;cursor:pointer;border-radius:var(--r-inner);background:var(--surface);font-family:var(--font);transition:background .2s var(--ease),transform .2s var(--ease)}.pr-side:hover{background:var(--tint);transform:translateY(-2px)}.pr-syl{font-size:24px;font-weight:600;color:var(--text)}.pr-char{font-size:18px;color:var(--text-mut)}.pr-vs{font-size:20px;color:var(--text-mut)}.pr-t{font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--text)}.pr-d{font-size:14px;line-height:1.55;color:var(--text-mut)}.sp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin:0;padding:0;list-style:none}.sp-card{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:var(--r-card);background:#fff;box-shadow:0 1px 2px #081c3b0f}.sp-num{font-size:12px;font-weight:600;color:var(--red);padding:4px 9px;border-radius:8px;background:#fbe9ea;align-self:flex-start}.sp-t{font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--text)}.sp-d{margin-top:8px;font-size:15px;line-height:1.55;color:var(--text-mut)}.sp-ex{display:flex;flex-wrap:wrap;gap:8px;margin:auto 0 0;padding:0;list-style:none}.sp-ex li{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:10px;background:var(--surface);font-size:14px}.sp-from{color:var(--text-mut)}.sp-arrow{color:var(--red)}.sp-to{font-weight:600;color:var(--text)}.eq{padding:28px;border-radius:var(--r-card);background:#fff;box-shadow:0 1px 2px #081c3b0f}.eq-silent{padding:20px 24px;border-radius:var(--r-card);background:#fbe9ea;font-size:15px;line-height:1.55;color:var(--text)}.eq-modes{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--surface)}.eq-mode{border:0;cursor:pointer;padding:9px 16px;border-radius:9px;background:none;font-family:var(--font);font-size:14px;font-weight:600;color:var(--text-mut);transition:background .2s var(--ease),color .2s var(--ease)}.eq-mode.is-on{background:#fff;color:var(--text);box-shadow:0 1px 2px #081c3b1f}.eq-stage{display:flex;align-items:center;gap:20px;margin-top:24px}.eq-play{flex:none;display:inline-flex;align-items:center;gap:12px;padding:16px 26px;border:0;cursor:pointer;border-radius:var(--r-pill);background:var(--ink);font-family:var(--font);font-size:16px;font-weight:600;color:#fff;transition:background .2s var(--ease)}.eq-play:hover{background:var(--ink-soft)}.eq-play-icon{width:0;height:0;border-left:13px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}.eq-prompt{font-size:17px;line-height:1.5;color:var(--text)}.eq-char{font-size:22px;color:var(--text)}.is-hit{color:#1c7c46}.is-miss{color:var(--red)}.eq-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}.eq-opt{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 10px;border:0;cursor:pointer;border-radius:var(--r-inner);background:var(--surface);font-family:var(--font);transition:background .2s var(--ease),transform .2s var(--ease)}.eq-opt:hover:not(:disabled){background:var(--tint);transform:translateY(-2px)}.eq-opt:disabled{cursor:default}.eq-opt-main{font-size:20px;font-weight:600;color:var(--text)}.eq-opt-sub{font-size:13px;color:var(--text-mut)}.eq-opt.is-right{background:#e4f4ea;box-shadow:inset 0 0 0 1px #1c7c4659}.eq-opt.is-wrong{background:#fbe9ea;box-shadow:inset 0 0 0 1px #c8232a59}.eq-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}.eq-score{display:flex;gap:26px;margin:0}.eq-score dt{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mut)}.eq-score dd{margin:2px 0 0;font-size:19px;font-weight:600;color:var(--text)}.py-faq{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.py-faq-item{padding:24px;border-radius:var(--r-card);background:#fff;box-shadow:0 1px 2px #081c3b0f}.py-faq dt{font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--text)}.py-faq dd{margin:10px 0 0;font-size:16px;line-height:1.55;color:var(--text-mut)}@media (max-width: 1200px){.tn-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1100px){.py-h1{font-size:50px}.py-h2{font-size:36px}.py-hero-in{gap:36px}.py-head-nav{display:none}}@media (max-width: 900px){.py-hero-in{grid-template-columns:minmax(0,1fr)}.py-hero-art{order:-1}.py-slots{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 860px){.py-faq{grid-template-columns:1fr}.tn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.py-section{padding-block:56px}.py-h1{font-size:38px}.py-h2{font-size:30px}.py-lede{font-size:17px}.py-bar{flex-direction:column;align-items:stretch}.py-search{min-width:0}.py-grid{table-layout:auto;width:max-content;min-width:100%}.py-grid td,.py-grid thead th{min-width:52px}.py-grid-scroll{max-height:70vh}.py-slots,.eq-options{grid-template-columns:repeat(2,minmax(0,1fr))}.eq-stage{flex-direction:column;align-items:flex-start}.tn-grid,.pr-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 560px){.py-lang a{padding:6px 8px}.py-head-right{gap:8px}.py-head-cta{display:none}}@media (prefers-reduced-motion: reduce){.py-pills a,.py-hero-tone,.py-slot button,.pr-side,.eq-opt,.tn-play{transition:none}.py-pills a:hover,.py-hero-tone:hover,.py-slot button:hover,.pr-side:hover,.eq-opt:hover:not(:disabled){transform:none}}