@font-face{font-family:SourceSans;src:url('fonts/SourceSans3-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:SourceSans;src:url('fonts/SourceSans3-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{font-family:SourceSans,Arial,sans-serif;color:#142d40;background:#e9f1f4;font-size:16px}
*{box-sizing:border-box}body{margin:0;min-width:300px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}:focus-visible{outline:3px solid #d28d33;outline-offset:3px}.hidden{display:none!important}
.shell{max-width:1180px;margin:0 auto;min-height:100vh;padding:0 26px 24px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c3d2d9;gap:16px}.brand{display:flex;align-items:center;gap:11px;font-size:1.2rem;font-weight:700}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#143850;color:#fff;font-size:1.7rem;line-height:1}.top-note{color:#547284;font-size:.92rem}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:38px 0 22px}.eyebrow{font-size:.8rem;letter-spacing:.14em;font-weight:700;color:#537c8a}h1{font-size:clamp(1.9rem,3.6vw,2.85rem);line-height:1.07;margin:9px 0 0;letter-spacing:-.025em}.tally{display:flex;gap:20px;color:#4b6777;white-space:nowrap}.tally b{font-size:1.28rem;color:#15364d}.tabs{display:flex;gap:28px;border-bottom:1px solid #b8cad2;margin-bottom:22px}.tab{border:0;border-bottom:3px solid transparent;background:none;padding:11px 0;color:#587486;font-weight:700}.tab.active{color:#153d59;border-color:#167a8e}.workspace{display:grid;grid-template-columns:minmax(225px,268px) minmax(0,1fr);gap:22px;align-items:start}.sidebar,.practice,.list-view{background:#fff;border:1px solid #d1dfe5;box-shadow:0 12px 34px rgba(15,46,63,.055);border-radius:15px}.sidebar{padding:22px}.field{display:flex;flex-direction:column;gap:9px;font-weight:700;font-size:.96rem;margin-bottom:20px}.field select,.field input{height:43px;width:100%;border:1px solid #b4c7d0;border-radius:8px;padding:0 11px;background:#fff;color:#19394c;font-weight:400}.field select{max-width:100%}.segmented{display:flex;width:100%;background:#eaf2f5;padding:4px;border-radius:10px;gap:3px}.segmented button{flex:1;border:0;border-radius:7px;background:transparent;color:#516f7f;padding:7px 5px;font-size:.89rem;line-height:1.15}.segmented button.selected{background:#fff;color:#123f59;box-shadow:0 1px 5px #acc5cf70;font-weight:700}.check{display:flex;align-items:center;gap:9px;cursor:pointer}.check input{accent-color:#1b8090;width:17px;height:17px;margin:0}.sidebar hr{border:0;border-top:1px solid #e2ebee;margin:20px 0}.hint,.side-note{font-size:.87rem;line-height:1.35;color:#567280;margin:-11px 0 18px}.side-note{margin:20px 0 0;border-top:1px solid #e1eaee;padding-top:17px}.practice{padding:23px 26px 18px}.practice-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.category-tag{display:inline-block;background:#e5f2f4;color:#176073;border-radius:99px;padding:6px 11px;font-size:.86rem;font-weight:700}.position{color:#5b7685}.card{min-height:330px;display:flex;flex-direction:column;align-items:flex-start;padding:38px 10px 25px}.prompt-label{font-size:.91rem;color:#647e8b;font-weight:700}.prompt{font-weight:700;font-size:clamp(2rem,3.7vw,3.55rem);line-height:1.08;letter-spacing:-.028em;margin:20px 0 8px;overflow-wrap:anywhere}.pronunciation{font-size:1.38rem;line-height:1.35;color:#1d7586;overflow-wrap:anywhere}.translation{font-size:1.15rem;margin-top:21px;border-left:3px solid #e7a758;padding-left:13px}.radio-note{font-size:.9rem;margin-top:16px;color:#8b611f}.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:30px}.primary,.secondary,.feedback button,.word-play{border-radius:9px;padding:10px 17px;font-weight:700;border:1px solid #a8c4ce;background:#fff;color:#194b60}.primary{border-color:#176f82;background:#176f82;color:white;min-width:160px}.primary:hover{background:#105a6c}.secondary:hover,.feedback button:hover,.word-play:hover{background:#eef7f8}.feedback{display:flex;gap:9px;flex-wrap:wrap;border-top:1px solid #e3ecf0;padding-top:18px}.feedback button{font-size:.95rem}.feedback #next{margin-left:auto;border-color:transparent}.helper{font-size:.9rem;color:#567180;margin:15px 0 0;min-height:1.2em}.list-view{padding:23px}.list-controls{display:grid;grid-template-columns:2fr 1fr;gap:16px}.list-controls .field{margin-bottom:5px}.results-count{color:#536f7e;margin:12px 0}.word-list{display:grid;gap:8px}.word-row{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(120px,1fr) minmax(150px,1.4fr) auto;gap:14px;align-items:center;border:1px solid #dce7ea;border-radius:9px;padding:12px 14px}.word-row:nth-child(even){background:#f5f9fa}.word-en{font-weight:700}.word-ipa{color:#1e7181}.word-cs{color:#4c6472}.word-play{padding:6px 11px;white-space:nowrap}.empty{padding:34px;text-align:center;color:#587382;border:1px dashed #c4d7dc;border-radius:10px}footer{font-size:.85rem;color:#617b88;line-height:1.4;margin:27px 0 0}
@media(max-width:790px){.shell{padding:0 16px 24px}.topbar{height:65px}.heading-row{padding:26px 0 16px;align-items:start;flex-direction:column;gap:14px}.workspace{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;padding:17px}.sidebar .field{margin-bottom:13px}.sidebar hr{display:none}.check{align-self:center;margin-bottom:12px}.hint{margin:-5px 0 10px}.side-note{grid-column:1/-1;margin:6px 0 0;padding-top:10px}.practice{padding:17px}.card{min-height:315px;padding:26px 5px 18px}.card-actions{padding-top:20px}.list-controls{grid-template-columns:1fr 1fr}.word-row{grid-template-columns:1.1fr 1fr auto}.word-cs{grid-column:1/3;grid-row:2}.word-play{grid-column:3;grid-row:1/3}}
@media(max-width:540px){.top-note{display:none}.sidebar{grid-template-columns:1fr}.sidebar .field{margin-bottom:12px}.hint{margin:-2px 0 14px}.check{margin:3px 0 14px}.side-note{grid-column:auto}.tally{gap:15px;font-size:.88rem}.card{min-height:290px}.prompt{font-size:2.35rem}.pronunciation{font-size:1.23rem}.feedback{display:grid;grid-template-columns:1fr 1fr}.feedback #next{grid-column:1/-1}.list-controls{grid-template-columns:1fr}.word-row{grid-template-columns:1fr auto;gap:5px 10px}.word-ipa{grid-column:1}.word-cs{grid-column:1;grid-row:3}.word-play{grid-column:2;grid-row:1/4}}
.editor-shell{max-width:1190px}.editor-back{color:#176579;font-weight:700;text-decoration:none}.editor-back:hover{text-decoration:underline}.editor-heading{align-items:center}.editor-heading p{color:#55717e;margin:13px 0 0;line-height:1.45}.editor-summary{white-space:nowrap;color:#496876;background:#dcebf0;border-radius:99px;padding:9px 16px}.editor-layout{display:grid;grid-template-columns:355px minmax(0,1fr);gap:20px;align-items:start}.editor-list,.editor-panel{background:#fff;border:1px solid #d1dfe5;border-radius:15px;box-shadow:0 12px 34px rgba(15,46,63,.055);padding:21px}.editor-list .field{margin-bottom:15px}.editor-results{max-height:60vh;overflow:auto;border:1px solid #dce7eb;border-radius:10px}.editor-result{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;padding:12px 14px;border:0;border-bottom:1px solid #e5eef1;background:#fff;color:#17394e}.editor-result:last-child{border-bottom:0}.editor-result.selected{background:#e6f4f6;border-left:3px solid #197c8e;padding-left:11px}.editor-result:hover{background:#f1f8f9}.editor-result b{display:block}.editor-result small{display:block;font-size:.77rem;color:#627c87;margin-top:3px}.changed-tag{color:#916011;background:#fff1d9;border-radius:99px;padding:4px 7px;font-size:.76rem;white-space:nowrap}.editor-panel{min-height:380px;padding:29px}.editor-panel h2{font-size:2.15rem;line-height:1.1;margin:22px 0 5px;overflow-wrap:anywhere}.editor-ipa{color:#1c7786;font-size:1.32rem;margin:0 0 25px;overflow-wrap:anywhere}.editor-original{line-height:1.45;background:#f2f7f9;padding:12px 14px;border-radius:8px;color:#465f6b;margin:0 0 22px}.editor-original b{color:#233c4b}.editor-textarea textarea{width:100%;border:1px solid #a8c4ce;border-radius:8px;padding:12px;line-height:1.4;resize:vertical;min-height:115px;color:#142d40}.editor-actions{display:flex;flex-wrap:wrap;gap:10px}.editor-message{min-height:23px;color:#1d6c7e;margin:16px 0 0}.editor-message.is-error{color:#a0392d}.editor-placeholder{color:#597381;display:grid;place-items:center;min-height:270px;text-align:center}.editor-gate{max-width:560px;margin:12vh auto;padding:30px;border:1px solid #d1dfe5;background:#fff;border-radius:15px;box-shadow:0 12px 34px rgba(15,46,63,.055);line-height:1.5}.editor-gate h1{font-size:2rem}.editor-button{display:inline-block;text-decoration:none;margin:10px 0}.editor-gate a:not(.editor-button){color:#176579}
@media(max-width:800px){.editor-layout{grid-template-columns:1fr}.editor-results{max-height:32vh}.editor-panel{min-height:320px}.editor-heading{align-items:start}}
@media(max-width:540px){.editor-shell{padding:0 14px 25px}.editor-list,.editor-panel{padding:16px}.editor-heading{gap:11px}.editor-back{font-size:.86rem}.editor-panel h2{font-size:1.7rem}.editor-summary{font-size:.9rem}}