:root{--green:#173e35;--line:#dfe4da;--paper:#f5f6f0}body{background:radial-gradient(ellipse at 15% 0,#e9efdf 0,transparent 42%),var(--paper)}header{height:76px;background:#ffffffa6;border-bottom:1px solid #dfe5d8}main{max-width:1460px;padding:0 4vw}.intro{padding:28px 0;align-items:center}.intro h1{font-size:clamp(32px,3.5vw,44px);margin:10px 0;line-height:1.12}.intro p{font-size:12px;margin-top:10px}.sound-art{height:145px;width:34%;opacity:.85}.sound-art span:nth-child(4n){height:86px}.sound-art:after{bottom:18px}.workspace{grid-template-columns:290px minmax(0,1fr);border-radius:24px;border-color:#d8dfd1;box-shadow:0 18px 55px #173e3510}aside{background:linear-gradient(165deg,#eff3e9,#f7f8f2);padding:24px}.reader{padding:28px 32px}.reader>#player>.section-head{padding-bottom:4px}.reader h2#title{font-size:22px;line-height:1.45;margin-top:5px}.audio-panel{background:#f4f6ee;border:1px solid #e2e8da;box-shadow:0 4px 18px #173e3507;padding:14px 16px;border-radius:16px;margin:18px 0}.settings{gap:9px}.speed-controls>span{color:#64765f;font-size:11px;font-weight:600}.settings .speed-controls button{border-radius:20px;font-size:11px;padding:9px 15px}.display-options{display:flex;gap:9px 24px;flex-wrap:wrap;padding:2px 2px 12px;align-items:center}.display-options .ipa-option{font-size:11px;margin:0;color:#4a6153}.display-options .ipa-option small{font-size:9px}.display-options .ipa-help{width:100%;margin:0;font-size:9px;color:#768574}.listening-stage{display:grid;gap:10px;position:relative}.context-card{padding:15px 22px;border:1px solid #e1e7db;border-radius:14px;background:#f6f8f2;min-height:99px;transition:background .2s}.context-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.5px;font-weight:600;color:#7d8c76}.context-heading small{font-size:9px;letter-spacing:0;font-weight:400;white-space:nowrap}.context-text{font-size:14px;line-height:1.6;color:#53675a;margin:8px 0 0;white-space:pre-line}.context-ipa{font-family:'Segoe UI',Arial,sans-serif;color:#788b73;font-size:13px;line-height:1.6;margin:5px 0 0;white-space:pre-line;overflow-wrap:anywhere}.context-empty{opacity:.55;min-height:86px}.current-card{background:linear-gradient(120deg,#153b32,#245444);border:1px solid #2b5d49;border-radius:20px;padding:22px 26px;box-shadow:0 10px 30px #173e3526;min-height:225px;display:flex;flex-direction:column;justify-content:center}.current-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#b7d1a3;font-size:9px;font-weight:600;letter-spacing:1.8px;margin-bottom:16px}.current-heading span{display:flex;align-items:center;gap:7px}.current-heading i{width:6px;height:6px;border-radius:50%;background:#d5e4a1;box-shadow:0 0 0 4px #d5e4a115}.current-heading small{font-size:9px;letter-spacing:.3px;color:#bad0bf;font-weight:400}.current-card .subtitle{background:transparent;min-height:0;padding:0;border-radius:0;color:#fff9e9;font-size:clamp(21px,2vw,27px);line-height:1.75;text-align:left;font-weight:500;white-space:pre-line}.current-card .main-ipa{background:transparent;border-top:1px solid #b0d0a52b;margin-top:17px;padding:15px 0 0;border-radius:0;color:#c0dfa9;font-size:18px;text-align:left;line-height:1.85}.current-footnote{margin-top:17px;font-size:8px;letter-spacing:.4px;color:#a7c1ae}.current-card .word-current{background:#e6c975;box-shadow:0 0 0 2px #e6c975;color:#18382e!important}.loop-grid{margin-top:22px;gap:12px}.loop-card{border-radius:14px;padding:17px 18px;background:#fcfdf9;border-color:#e2e7da}.loop-card p{min-height:32px}.loop-card .eyebrow{font-size:8px}.caption-toolbar{border-top:1px solid #e5e9df;padding-top:20px;margin-top:8px}.cues{border:1px solid #e5e9df;border-radius:14px;background:#fff}.cue{padding:15px 14px}.cue.current{background:#eff4e8}.cue.selected{background:#faf5e6}.book{border-radius:12px;padding:16px;margin-bottom:10px}.book.active{border-color:#8ba77b;box-shadow:0 4px 15px #254d2510}.search{border-radius:11px}.storage{font-size:10px}.local-tag{font-size:10px}footer{padding:24px 0}@media(min-width:1200px){aside{position:relative}#library{max-height:520px}.reader{padding:30px 38px}}@media(max-width:900px){.workspace{grid-template-columns:255px minmax(0,1fr)}aside{padding:18px}.reader{padding:22px}.current-card{padding:20px}.context-card{padding:14px 18px}.loop-grid{grid-template-columns:1fr}}@media(max-width:650px){header{height:68px;padding:0 16px}.brand{gap:9px;font-size:18px}.logo{width:37px;height:37px;font-size:32px}.local-tag{font-size:8px;padding:8px 9px}main{padding:0 12px}.intro{padding:22px 5px}.intro h1{font-size:32px}.intro p{font-size:11px}.sound-art{height:115px;width:30%;gap:4px}.sound-art span{width:3px}.sound-art span:nth-child(4n){height:65px}.workspace{grid-template-columns:1fr;border-radius:18px}aside{padding:17px}#library{max-height:180px}.storage{margin-top:10px;padding-top:12px}.storage p{margin:5px 0}.reader{padding:18px 14px}.reader h2#title{font-size:18px}.audio-panel{top:4px;padding:10px}.settings{justify-content:flex-start}.settings .speed-controls{width:100%;gap:7px}.settings .speed-controls button{flex:1;font-size:11px;padding:9px}.display-options{gap:9px 15px}.display-options .ipa-option{font-size:10px}.display-options .ipa-option small{font-size:8px}.current-card{padding:19px 18px;min-height:205px;border-radius:17px}.current-card .subtitle{font-size:21px;line-height:1.65}.current-card .main-ipa{font-size:17px;padding-top:12px;margin-top:13px}.context-card{min-height:89px;padding:12px 15px}.context-text{font-size:13px}.context-ipa{font-size:12px}.context-heading{font-size:8px;letter-spacing:1px}.context-heading small{font-size:8px}.current-heading{margin-bottom:12px}.current-heading small{font-size:8px}.loop-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.loop-card{padding:12px}.loop-card h3{font-size:14px}.loop-card p{font-size:10px;min-height:45px}.loop-card button{font-size:10px;padding:8px}.cue{padding:12px 10px}.cue p{font-size:12px}.cue p.cue-ipa{font-size:13px}footer{padding:18px 4px}}