@font-face{font-family:DM Sans;src:url('/static/assets/dm-sans-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:DM Serif;src:url('/static/assets/dm-serif-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:DM Serif;src:url('/static/assets/dm-serif-italic-latin.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
:root{--ink:#213631;--ink-dark:#182d29;--muted:#7b8b84;--muted-dark:#61746b;--green:#1c7767;--green-dark:#145a4e;--green-pale:#e5f1ea;--line:#e1e8e2;--page:#f6f8f4;--white:#fff;--link:#5689b9;--reduce:#c38b43;--informal:#bb7a55;--purple:#9a80ae;--red:#c47370;--shadow:0 5px 18px rgba(28,58,47,.035);--radius:14px;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:DM Sans,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,select,textarea,input{font:inherit}button,select{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #7bb8aa;outline-offset:3px}button:disabled{opacity:.48;cursor:not-allowed}button{border:0;background:none}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{height:74px;background:rgba(255,255,255,.97);border-bottom:1px solid #e7ece7}.topbar-inner{max-width:1420px;height:100%;margin:auto;padding:0 42px;display:flex;align-items:center;gap:66px}.brand{display:inline-flex;align-items:center;gap:10px;flex:none}.brand-mark{height:35px;width:35px;display:flex;align-items:center;justify-content:center;gap:2px;border-radius:10px;background:#1b7666;box-shadow:0 3px 7px #1b766626}.brand-mark span{width:2px;background:#fff;border-radius:4px}.brand-mark span:nth-child(1),.brand-mark span:nth-child(5){height:6px;opacity:.7}.brand-mark span:nth-child(2),.brand-mark span:nth-child(4){height:13px}.brand-mark span:nth-child(3){height:19px}.brand-wordmark{display:flex;align-items:baseline;gap:6px}.brand-wordmark strong{font-size:19px;letter-spacing:-1.2px;color:#1a332d;line-height:1}.brand-dot{color:#49a18a}.brand-wordmark small{font-size:8px;font-weight:700;color:#96a79e;letter-spacing:.11em}.main-nav{align-self:stretch;display:flex;gap:33px;align-items:center}.nav-link{height:100%;display:inline-flex;align-items:center;position:relative;font-size:12px;font-weight:600;color:#85948c;padding:0;white-space:nowrap}.nav-link.active{color:#315c4f}.nav-link.active:after{content:"";height:2px;background:#2f8a72;position:absolute;bottom:0;left:0;right:0}.nav-link:hover{color:var(--green)}.nav-count{font-size:9px;margin-left:5px;color:var(--green);background:#e6f3eb;padding:1px 5px;border-radius:8px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:23px}.availability{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;color:#7b8c82;white-space:nowrap}.status-dot,.sound-label-dot{width:7px;height:7px;border-radius:50%;background:#59a888;box-shadow:0 0 0 3px #eaf4ee}.status-dot.warning{background:#c99455;box-shadow:0 0 0 3px #f8efe3}.help-button{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#667b70;white-space:nowrap}.help-button .icon{width:16px;height:16px}.help-button:hover{color:var(--green)}
.page-shell{max-width:1420px;margin:0 auto;padding:0 42px}.hero{display:flex;align-items:flex-end;justify-content:space-between;min-height:168px;padding:34px 0 28px}.eyebrow,.section-kicker,.tiny-label{font-size:9px;font-weight:800;letter-spacing:.13em;color:#7e9489}.hero-eyebrow{display:flex;align-items:center;gap:10px;color:#6c8b7d}.eyebrow-line{width:21px;height:1px;background:#6e9c89}.eyebrow-separator{color:#ccd8ce;font-weight:400}.hero h1{margin:12px 0 5px;font-family:DM Serif,Georgia,serif;font-size:40px;font-weight:400;letter-spacing:-1.25px;line-height:1.12;color:#1b332d}.hero h1 em{font-weight:400;color:#278b74}.hero p{margin:0;color:#75877d;font-size:13px}.hero-note{display:flex;align-items:center;gap:11px;margin-bottom:6px}.hero-note-icon{width:37px;height:37px;border:1px solid #d8e8de;border-radius:50%;display:grid;place-items:center;color:#4c9079;background:#edf5ef}.hero-note-icon .icon{width:18px;height:18px}.hero-note strong,.hero-note small{display:block}.hero-note strong{font-size:9px;letter-spacing:.12em;color:#719283}.hero-note small{font-size:11px;color:#91a299;margin-top:2px}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.main-column,.side-column{min-width:0;display:flex;flex-direction:column;gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.editor-card{padding:25px 27px 19px}.card-title-row,.section-heading,.side-card-heading,.practice-header,.insight-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.section-kicker{display:flex;align-items:center;gap:8px}.section-number{color:#42947c;letter-spacing:.04em}.editor-card h2,.insight-card h2,.practice-card h2,.section-heading h2{font-family:DM Serif,Georgia,serif;font-weight:400;letter-spacing:-.35px;color:var(--ink-dark);margin:7px 0 3px;font-size:23px;line-height:1.15}.supporting{margin:0;color:#8b9a91;font-size:11.5px}.text-button{display:inline-flex;align-items:center;gap:4px;color:#9aa9a0;font-size:11px;font-weight:600;padding:5px 0}.text-button:hover{color:#315d4d}.text-button .icon{width:12px;height:12px}.editor-card textarea{display:block;resize:vertical;width:100%;min-height:100px;max-height:350px;border:1px solid #dfe8e1;border-radius:9px;background:#fbfcf9;color:#2d4239;margin-top:18px;padding:16px 17px;font-family:DM Serif,Georgia,serif;font-size:20px;line-height:1.45;letter-spacing:.02px;transition:border-color .15s}.editor-card textarea:focus{outline:none;border-color:#77ad9a;box-shadow:0 0 0 3px #eaf5ed}.editor-card textarea::placeholder{color:#a2afa6}.editor-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 18px}.examples{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.examples>span{color:#a1aea5;font-size:8px;font-weight:800;letter-spacing:.1em;margin-right:4px}.examples button{font-size:10px;color:#698276;background:#f2f6f1;border:1px solid #e8eee7;border-radius:5px;padding:4px 8px}.examples button:hover{background:#e5f2e9;color:#226b58}.char-count{font-size:10px;white-space:nowrap;color:#acb9b0}.editor-controls{border-top:1px solid #edf1ec;padding-top:17px;display:flex;align-items:end;gap:17px}.control-group{display:flex;flex-direction:column;gap:6px}.control-label,.speed-group label,.insight-controls label{color:#84978a;font-size:9px;font-weight:800;letter-spacing:.09em}.segmented{display:flex;align-items:center;padding:3px;border-radius:8px;background:#f4f7f3;border:1px solid #edf1ec;gap:2px}.accent-option{display:flex;gap:7px;align-items:center;border-radius:5px;padding:7px 9px;font-size:11px;font-weight:600;color:#829188;white-space:nowrap}.accent-option.selected{background:#fff;color:#285846;box-shadow:0 1px 4px #263a2f16}.accent-code,.compare-code{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#eff4ef;color:#6c8979;font-size:8px;font-weight:800;letter-spacing:.02em}.accent-option.selected .accent-code{background:#e7f3eb;color:#27816b}.style-control{flex:1;min-width:130px}select{appearance:none;border:1px solid #e1e9e2;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23768a7d' stroke-width='2'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;color:#41584b;border-radius:7px;padding:10px 32px 10px 11px;font-size:11px;font-weight:600;min-height:40px}.style-control select{width:100%}.primary-button{background:#1d7665;color:#fff;min-height:41px;display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:10px 16px;border-radius:7px;font-weight:700;font-size:11px;white-space:nowrap;box-shadow:0 3px 7px #226f5d18;transition:background .15s,transform .15s}.primary-button:hover:not(:disabled){background:#155c4f}.primary-button .icon{width:15px;height:15px}.analyze-button{min-width:157px}.style-hint{font-size:10px;color:#a0ada4;margin:11px 0 0}.inline-error{margin-top:12px;padding:10px 12px;border-radius:7px;background:#fdf1ee;color:#a1483c;border:1px solid #f3dbd5;font-size:11px}
.section-heading{margin:2px 0 13px;align-items:end}.section-heading h2{font-size:25px;margin-top:7px;margin-bottom:0}.heading-period{color:#55a78c}.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 11px;border-radius:7px;color:#617b6c;border:1px solid #dfe8e0;background:#fff;font-size:10px;font-weight:700}.outline-button:hover,.outline-button.saved{background:#eef7f0;border-color:#bcdccb;color:#27785e}.outline-button .icon{height:14px;width:14px}.sound-card{padding:21px 26px 17px}.sound-topline{display:flex;justify-content:space-between;gap:15px;align-items:center}.sound-label{display:flex;align-items:center;gap:8px;color:#6c8a79;font-size:9px;font-weight:800;letter-spacing:.1em}.sound-label-dot{height:6px;width:6px;box-shadow:none}.sound-label-slash{color:#c6d3c8}.ipa-toggle{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:700;color:#7a8c7e;cursor:pointer}.ipa-toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle-track{width:27px;height:15px;border-radius:20px;background:#dce6dd;position:relative;transition:background .15s}.toggle-track>span{width:11px;height:11px;position:absolute;top:2px;left:2px;background:white;border-radius:50%;box-shadow:0 1px 2px #263a2d25;transition:transform .15s}.ipa-toggle input:checked+.toggle-track{background:#469b80}.ipa-toggle input:checked+.toggle-track>span{transform:translateX(12px)}.ipa-toggle input:focus-visible+.toggle-track{outline:3px solid #7bb8aa;outline-offset:3px}.sentence-map{min-height:77px;display:flex;flex-wrap:wrap;align-content:center;align-items:baseline;white-space:pre-wrap;gap:0;color:#263b34;font-family:DM Serif,Georgia,serif;font-size:27px;line-height:1.45;margin:16px 0 4px;overflow-wrap:anywhere}.sentence-map .word{display:inline-flex;flex-direction:column;align-items:center;position:relative;vertical-align:baseline;padding:0 1px 2px;margin:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;border-radius:3px;text-align:center;border-bottom:2px solid transparent}.sentence-map .word:hover{background:#f3f8f3}.sentence-map .word[data-category="linking"]{border-color:#85abc8;background:#f3f8fc}.sentence-map .word[data-category="reduction"]{border-color:#d3aa69;background:#fcf7ec}.sentence-map .word[data-category="informal"]{border-color:#ce936c;background:#fcf4ee}.sentence-map .word[data-category="assimilation"]{border-color:#a58abc;background:#f8f4fa}.sentence-map .word[data-category="elision"]{border-color:#d68b83;background:#fdf4f2}.sentence-map .word[data-category="allophone"]{border-color:#72a991;background:#f1f8f3}.sentence-map .word[data-category="contraction"]{border-color:#8da49a;background:#f2f6f3}.sentence-map .word.selected{box-shadow:0 2px 0 currentColor}.sentence-map .word.playing{background:#daefe3!important;box-shadow:0 0 0 3px #daefe3}.sentence-map .word-ipa{font-family:DM Sans,"DejaVu Sans",sans-serif;font-size:10px;line-height:1.2;font-weight:500;color:#7d9185;letter-spacing:0;white-space:nowrap;margin-top:3px}.analysis-loading{font-size:11px;color:#72897c;padding-top:12px}.map-instruction{margin:0;color:#91a39a;font-size:10.5px}.instruction-icon{color:#6fa991;font-weight:800;margin-right:5px}.legend{display:flex;flex-wrap:wrap;gap:15px;margin:16px 0 18px;color:#83968a;font-size:9.5px;font-weight:600}.legend>span{display:flex;align-items:center;gap:5px}.legend-mark{font-style:normal;font-size:11px;line-height:17px;text-align:center;width:17px;height:17px;border-radius:4px}.legend-mark.linking{background:#eef5fb;color:#6795b5}.legend-mark.reduction{background:#faf2e5;color:#b88b4d}.legend-mark.informal{background:#f9eee6;color:#b87d55}.legend-mark.change{background:#eff6ef;color:#6b9d7d}.ipa-notice{font-size:10px;color:#8a9b91;margin:-7px 0 13px}.player{border:1px solid #e7eee7;border-radius:10px;background:#f7faf6;display:flex;align-items:center;gap:16px;padding:15px 17px 10px}.play-main{width:44px;height:44px;flex:none;border-radius:50%;background:#247e6a;color:white;display:grid;place-items:center;box-shadow:0 4px 10px #267b6726}.play-main:hover:not(:disabled){background:#155f50}.play-main .icon{width:19px;height:19px}.player-body{min-width:0;flex:1}.player-heading{display:flex;justify-content:space-between;gap:10px;align-items:start}.player-heading strong{display:inline-block;color:#3d5b4c;font-size:10.5px;font-weight:800}.voice-label{display:inline-block;margin-left:8px;color:#9cac9f;font-size:9px}.player-time{color:#91a39a;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.player-time span{color:#c9d4cb;margin:0 3px}.waveform-wrap{height:37px;position:relative;overflow:hidden;cursor:pointer}.waveform-wrap canvas{height:37px;width:100%;display:block}.waveform-message{position:absolute;inset:0;display:flex;align-items:center;color:#a5b6a9;font-size:10px}.seek{display:block;width:100%;height:3px;margin:1px 0 0;accent-color:#2b8d73;cursor:pointer}.player-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 1px 10px}.playback-actions{display:flex;gap:16px}.small-action{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:#82958a;padding:4px 0}.small-action:hover:not(:disabled),.small-action[aria-pressed="true"]{color:#217b64}.small-action .icon{width:14px;height:14px}.speed-group{display:flex;align-items:center;gap:8px}.speed-group label{font-size:8px}.speed-group select{min-height:29px;padding:5px 25px 5px 9px;background-position:right 7px center;font-size:10px;border-radius:6px}.audio-note{display:flex;align-items:flex-start;gap:7px;padding-top:11px;border-top:1px solid #edf1ec;color:#9aaba0;font-size:9.5px;line-height:1.5}.note-info{width:13px;height:13px;flex:none;border:1px solid #b4c4b8;border-radius:50%;display:grid;place-items:center;font-family:serif;font-size:9px;font-weight:700;color:#8fa397}
.insight-card{padding:25px 23px 0}.insight-title-row{align-items:center}.insight-card h2{font-size:23px;margin-top:9px}.insight-spark{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#eef7ef;color:#67a789}.insight-spark .icon{width:17px;height:17px}.insight-divider{height:1px;background:#edf1ec;margin:21px 0}.empty-copy{font-size:11px;color:#93a299;line-height:1.6}.event-tag{display:inline-flex;gap:6px;align-items:center;padding:5px 8px;background:#fbf1e8;color:#b17d50;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.event-tag.linking{color:#658caa;background:#eff5fa}.event-tag.reduction{color:#ae864b;background:#fbf5e9}.event-tag.assimilation{color:#9676a3;background:#f6f0f8}.event-tag.elision{color:#b66d66;background:#fcf1ee}.event-tag.allophone{color:#65967c;background:#eef7f1}.event-tag.contraction{color:#758d7d;background:#eff5f0}.event-name{font-family:DM Serif,Georgia,serif;font-size:26px;line-height:1.15;letter-spacing:-.3px;color:#293d35;margin:13px 0 13px;overflow-wrap:anywhere}.form-comparison{border:1px solid #eee9dd;background:#fdfbf7;border-radius:8px;padding:12px 13px;display:flex;align-items:center;gap:10px}.form-cell{flex:1;min-width:0}.form-cell small{display:block;color:#b5a994;font-size:8px;font-weight:800;letter-spacing:.1em}.form-cell strong{display:block;margin-top:3px;color:#5d594e;font-size:13px;overflow-wrap:anywhere}.form-cell.after strong{color:#b4784e}.form-arrow{font-size:16px;color:#d8b69e}.form-notation{font-size:9px;color:#b3a996;margin:6px 0 0}.insight-explanation{font-size:12px;color:#657a6d;line-height:1.75;margin:17px 0}.condition-box{background:#f6f9f5;border-radius:7px;padding:11px 12px;color:#85968a;font-size:10.5px;line-height:1.6}.condition-box strong{display:block;color:#799485;font-size:8px;letter-spacing:.1em;margin-bottom:3px}.verification{font-size:9px;color:#a2afa5;margin:12px 0 0;display:flex;gap:6px;align-items:flex-start}.verification .note-info{width:12px;height:12px}.listen-phrase{margin:14px 0 18px;width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border:1px solid #dcebe0;border-radius:7px;background:#f8fcf8;color:#377c64;font-size:10.5px;font-weight:800}.listen-phrase:hover:not(:disabled){background:#eaf6ec}.listen-phrase .icon{width:14px;height:14px}.insight-controls{border-top:1px solid #edf1ec;margin:0 -23px;padding:12px 23px;display:flex;justify-content:space-between;align-items:center;gap:8px}.insight-controls select{border:0;min-height:auto;background-color:transparent;padding:5px 24px 5px 5px;font-size:10px;color:#597566;background-position:right 3px center}.patterns-card{padding:20px 22px}.side-card-heading{align-items:center}.tiny-label{color:#99aaa0;font-size:8px}.side-card-heading h3,.compare-card h3{font-family:DM Serif,Georgia,serif;font-size:20px;line-height:1.15;letter-spacing:-.15px;font-weight:400;margin:7px 0 0;color:#294238}.pattern-count{background:#edf6ee;color:#6b9a7d;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:800}.pattern-list{margin-top:14px}.pattern-row{display:flex;align-items:center;width:100%;gap:10px;padding:10px 0;text-align:left;border-top:1px solid #f1f4ef}.pattern-row:hover .pattern-name{color:#257861}.pattern-icon{display:grid;place-items:center;flex:none;border-radius:6px;width:30px;height:30px;background:#fbf2eb;color:#c4875e;font-size:14px;font-weight:700}.pattern-icon.linking{background:#edf5fa;color:#779dbb}.pattern-icon.reduction{background:#faf4e9;color:#c0a06d}.pattern-icon.assimilation{background:#f6f0f8;color:#a389b2}.pattern-icon.elision{background:#fbf0ed;color:#c47d74}.pattern-icon.allophone{background:#eef7ef;color:#73a287}.pattern-icon.contraction{background:#f1f5f1;color:#7c9986}.pattern-row-body{flex:1;min-width:0}.pattern-name,.pattern-description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pattern-name{font-size:11px;font-weight:800;color:#60786a}.pattern-description{font-size:9px;color:#a0afa3;margin-top:1px}.pattern-row .icon{height:13px;width:13px;color:#b7c7ba}.pattern-row.selected .pattern-name{color:#28795f}.show-patterns{margin-top:6px;display:flex;align-items:center;gap:7px;font-size:10px;color:#4b9176;font-weight:700;padding:4px 0}.show-patterns .icon{width:12px;height:12px}.compare-card{border:1px solid #dcebe0;border-radius:var(--radius);padding:21px 22px;background:#eaf4ea;position:relative;overflow:hidden}.compare-card:after{content:"";position:absolute;width:145px;height:145px;border:1px solid #d1e8d6;border-radius:50%;right:-66px;top:-65px;pointer-events:none}.compare-top{display:flex;align-items:center;gap:9px}.compare-icon{width:29px;height:29px;border-radius:8px;background:#d9eddf;display:grid;place-items:center;color:#5c9d7a}.compare-icon .icon{width:15px;height:15px}.compare-overline{font-size:8px;letter-spacing:.1em;font-weight:800;color:#78a28b}.compare-card h3{margin:13px 0 4px;color:#365c48}.compare-card p{margin:0;color:#829d8a;font-size:10.5px;line-height:1.6}.compare-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}.compare-buttons button{display:flex;align-items:center;gap:7px;text-align:left;border:1px solid #d8e9dc;border-radius:7px;padding:8px;background:#fff;color:#577765;font-size:10px;font-weight:700}.compare-buttons button:hover{border-color:#9dcdb0}.compare-buttons button .icon{margin-left:auto;width:13px;height:13px;color:#72a888}.compare-code{background:#eff7ef;color:#77a58b}.compare-foot{margin-top:11px;font-size:9px;color:#9ab3a1}.side-foot{display:flex;align-items:center;justify-content:center;gap:6px;color:#a9b8ad;font-size:10px}.side-foot .icon{height:13px;width:13px;color:#93b8a0}
.practice-card{padding:25px 27px}.practice-card h2{font-size:24px}.practice-icon{height:40px;width:40px;border-radius:50%;background:#eef7ef;color:#6da88a;display:grid;place-items:center}.practice-icon .icon{height:20px;width:20px}.quiz-question{color:#526b5c;font-size:12px;font-weight:700;margin:19px 0 12px}.quiz-options{display:flex;flex-wrap:wrap;gap:7px}.quiz-option{padding:8px 12px;border:1px solid #e1eae2;border-radius:7px;color:#73877a;font-size:11px;background:#fbfcfa}.quiz-option:hover,.quiz-option[aria-pressed="true"]{border-color:#8fc3a5;color:#277c5f;background:#f0f8f1}.quiz-actions{display:flex;align-items:center;gap:14px;margin-top:13px}.quiz-check{background:#eaf5ed;border-radius:6px;padding:8px 11px;color:#3b8065;font-size:10px;font-weight:800}.quiz-feedback{font-size:10.5px;color:#769384;line-height:1.5}.footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #e5ebe4;margin:48px 0 0;padding:22px 0 30px;color:#abb9af;font-size:10px}.footer>span:first-child{font-size:14px;font-weight:800;letter-spacing:-.5px;color:#8da89a}.footer small{font-size:7px;letter-spacing:.1em;margin-left:4px}.footer button{font-size:10px;color:#8fa99a;padding:0}.footer button:hover{color:#2d8067}
.modal{width:min(540px,calc(100% - 32px));max-height:min(85vh,780px);overflow:auto;border:1px solid #dbe7dd;border-radius:16px;padding:28px;background:#fff;color:#284035;box-shadow:0 24px 90px #18382b32}.modal::backdrop{background:#18372c75;backdrop-filter:blur(2px)}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.modal h2{font-family:DM Serif,Georgia,serif;font-size:27px;line-height:1.15;font-weight:400;margin:7px 0}.icon-button{border:1px solid #e4ece4;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#7f9687}.icon-button:hover{background:#f2f7f1}.icon-button .icon{width:15px;height:15px}.modal-content>p{color:#718579;font-size:12px;line-height:1.8}.modal-step{display:flex;gap:13px;padding:14px 0;border-top:1px solid #eff3ee}.modal-step>span{color:#62a58a;font-size:10px;font-weight:800}.modal-step strong{font-size:12px}.modal-step p{margin:4px 0 0;color:#8a9b90;font-size:11px;line-height:1.65}.modal-privacy{background:#f2f8f2;padding:12px 14px;border-radius:8px}.modal-done{width:100%;margin-top:10px}.library-description{color:#889b8e;font-size:12px}.library-list{margin-top:16px}.library-item{display:flex;align-items:center;gap:10px;border-top:1px solid #edf2ec;padding:11px 0}.library-load{text-align:left;min-width:0;flex:1}.library-load strong{display:block;color:#3e5b4b;font-family:DM Serif,Georgia,serif;font-weight:400;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-load small{color:#9aab9f;font-size:10px}.library-delete{color:#a1b0a6;padding:5px}.library-delete:hover{color:#b96d62}.library-delete .icon{width:16px;height:16px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:10px 15px;border-radius:8px;background:#254f3e;color:white;font-size:11px;font-weight:600;box-shadow:0 8px 20px #233e2b26;z-index:10}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 320px;gap:18px}.main-column,.side-column{gap:18px}.topbar-inner{gap:42px}.editor-controls{gap:10px}.accent-option{padding:7px 6px}.analyze-button{min-width:140px}.hero h1{font-size:37px}}
@media(max-width:900px){.page-shell{padding:0 24px}.topbar-inner{padding:0 24px}.workspace{grid-template-columns:minmax(0,1fr) 300px}.editor-controls{flex-wrap:wrap}.style-control{min-width:145px}.analyze-button{flex:1}.voice-label{display:block;margin:2px 0 0}.hero-note{display:none}.availability{display:none}.main-nav{gap:22px}.topbar-inner{gap:30px}}
@media(max-width:720px){.topbar{height:64px}.topbar-inner{padding:0 18px;gap:16px}.brand-wordmark small{display:none}.main-nav{gap:18px;margin-left:auto}.main-nav .nav-link{font-size:10px}.top-actions{margin-left:0}.help-button span{display:none}.page-shell{padding:0 16px}.hero{min-height:auto;padding:31px 0 24px}.hero h1{font-size:33px;letter-spacing:-.8px}.hero p{font-size:12px}.hero-eyebrow{font-size:8px;gap:7px}.workspace{grid-template-columns:1fr;gap:18px}.main-column,.side-column{gap:18px}.side-column{display:contents}.insight-card{order:0}.main-column{display:contents}.editor-card{order:0}.sound-section{order:1}.insight-card{order:2}.patterns-card{order:3}.compare-card{order:4}.practice-card{order:5}.side-foot{order:6}.editor-card,.practice-card{padding:22px 19px}.sound-card{padding:18px}.section-heading{margin-top:0}.insight-card{padding:22px 19px 0}.insight-controls{margin:0 -19px;padding-left:19px;padding-right:19px}.editor-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.accent-control,.style-control{min-width:0}.segmented{width:100%}.accent-option{flex:1;justify-content:center}.analyze-button{grid-column:1/-1;width:100%}.style-hint{line-height:1.45}.footer{margin-top:30px}.footer>span:nth-child(2){display:none}}
@media(max-width:430px){.brand-wordmark strong{font-size:17px}.brand-mark{width:32px;height:32px}.main-nav{gap:13px}.main-nav .nav-link{font-size:9px}.hero h1{font-size:29px}.hero-eyebrow .eyebrow-separator,.hero-eyebrow .eyebrow-separator~*{display:none}.editor-card textarea{font-size:18px}.examples>span{width:100%}.editor-controls{grid-template-columns:1fr}.analyze-button{grid-column:auto}.sentence-map{font-size:23px}.sound-label{font-size:8px;gap:5px}.legend{gap:9px}.player{gap:10px;padding:13px 11px 8px}.play-main{width:40px;height:40px}.player-heading strong{font-size:10px}.player-time{font-size:9px}.voice-label{font-size:8px}.footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Preserve the literal whitespace between inline word buttons, including newlines. */
.sentence-map{display:block;padding-top:9px;padding-bottom:8px}
.sentence-map .word{vertical-align:baseline}
.sentence-map .word.stress-candidate:before{content:'•';position:absolute;top:-8px;left:1px;font:700 9px/1 DM Sans,sans-serif;color:#459b79}
.legend-mark.prominence{background:#edf7ef;color:#459b79;font-size:15px}
.prosody-note{border-top:1px solid #edf2ec;margin-top:14px;padding-top:13px}
.prosody-heading{display:flex;justify-content:space-between;align-items:center;color:#789185;font-size:8px;letter-spacing:.1em;font-weight:800}
.prosody-line{font-family:Georgia,serif;font-size:22px;line-height:1;color:#77ad90}
.prosody-note strong{display:block;color:#526e5c;font-size:10px;margin-top:4px}
.prosody-note p{font-size:10px;color:#6c8173;margin:4px 0;line-height:1.6}
.prosody-note small{font-size:9px;color:#788d7f}
/* Secondary information must remain legible on light surfaces. */
.supporting,.char-count,.map-instruction,.voice-label,.player-time,.audio-note,.compare-foot,.pattern-description,.empty-copy,.library-description,.modal-step p{color:#6a7f71}
.section-kicker,.tiny-label,.control-label,.speed-group label,.insight-controls label{color:#718a7a}
.examples>span,.style-hint,.form-notation,.verification,.side-foot,.footer{color:#768c7c}
.examples button{color:#536d5c}.sound-label{color:#5c7a69}.condition-box{color:#647a6a}.condition-box strong{color:#688374}.compare-card p{color:#698675}.compare-overline{color:#628c73}.compare-foot{color:#6d8a76}
/* WCAG AA text contrast: muted does not mean faint. */
.brand-wordmark small,.nav-link,.availability,.hero-eyebrow,.hero p,.hero-note strong,.hero-note small,
.section-kicker,.tiny-label,.control-label,.speed-group label,.insight-controls label,.supporting,.char-count,
.examples>span,.style-hint,.text-button,.ipa-toggle,.map-instruction,.legend,.voice-label,.player-time,
.small-action,.audio-note,.pattern-description,.form-notation,.verification,.prosody-heading,.prosody-note p,
.prosody-note small,.side-foot,.footer,.footer>span:first-child,.footer button,.library-description,.modal-step p,
.empty-copy,.ipa-notice,.analysis-loading{color:#52695b}
.section-number{color:#27735b}.accent-option{color:#52695b}.accent-code,.accent-option.selected .accent-code,.compare-code{color:#286c50}
.quiz-option{color:#52695b}.quiz-check{color:#276a50}.quiz-feedback{color:#52695b}
.event-tag{color:#85542d}.event-tag.linking{color:#365f80}.event-tag.reduction{color:#795b27}.event-tag.assimilation{color:#72537e}.event-tag.elision{color:#89483f}.event-tag.allophone,.event-tag.contraction{color:#3f6e51}
.form-cell small{color:#776a57}.form-cell.after strong{color:#8a4f2b}.condition-box,.condition-box strong{color:#52695b}
.show-patterns{color:#267052}.compare-overline,.compare-card p,.compare-foot{color:#4f6c58}.compare-buttons button{color:#3b614b}
/* Keep common helper text comfortable without enlarging compact labels. */
.supporting,.map-instruction,.audio-note,.pattern-description,.prosody-note p,.compare-card p{font-size:11px}
.sentence-map .word-ipa,.modal-content>p,.modal-step p{color:#52695b}
.modal-step>span{color:#28735b}
.compare-card .accent-note{border-top:1px solid #cfe4d2;padding-top:10px;margin-top:12px;color:#4f6c58;font-size:10px;line-height:1.6}