:root{font-family:system-ui,-apple-system,sans-serif;color:#142a23;background:#f3f7f1;--ink:#142a23;--green:#126348;--deep:#153f34;--line:#dce7dc;--muted:#50685d;--white:#fff;--pale:#eaf3e8;--lime:#d4efa7;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a{color:var(--green)}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid #128657}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.8rem,4vw,2.55rem);letter-spacing:-.04em;line-height:1.1}h2{font-size:1.25rem}h3{font-size:1rem}.muted{color:var(--muted)}.small{font-size:.86rem}.skip{position:absolute;left:-1000px}.skip:focus{left:8px;top:8px;z-index:20}
.shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.sidebar{background:#fdfefd;border-right:1px solid var(--line);padding:23px 15px;display:flex;flex-direction:column;gap:26px;position:sticky;top:0;height:100dvh;overflow:auto}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-weight:750;font-size:.92rem;line-height:1.15}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:.75rem}.logo{width:40px;height:40px;border-radius:12px;background:var(--deep);color:#fff;display:grid;place-content:center;grid-auto-flow:column;align-items:end;font-size:1.5rem;font-weight:800;letter-spacing:-.06em;flex:none}.logo span{color:var(--lime)}nav{display:grid;gap:4px}.nav-group{padding:12px 9px 5px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:750}.nav-link{display:flex;gap:10px;align-items:center;min-height:42px;padding:8px 10px;border-radius:10px;text-decoration:none;color:#314b40;font-size:.9rem;font-weight:600}.nav-link svg{width:18px;height:18px;flex:none}.nav-link:hover,.nav-link[aria-current=page]{background:#e6f2e7;color:#105638}.side-note{margin-top:auto;font-size:.71rem;color:var(--muted);padding:0 5px 4px;display:flex;gap:7px;align-items:center}.status-dot{width:7px;height:7px;background:#3b9870;border-radius:50%;flex:none}
.body{min-width:0}.top{height:57px;padding:0 clamp(17px,4vw,45px);display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);background:#fdfefd;color:var(--muted);font-size:.88rem;font-weight:650}.badge{margin-left:auto;background:var(--pale);border:1px solid var(--line);color:var(--green);border-radius:99px;padding:4px 10px;font-size:.74rem;white-space:nowrap}.mobile-menu{display:none!important}main{max-width:1160px;margin:auto;padding:clamp(18px,4vw,42px);display:grid;gap:20px}.heading{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}.heading p{margin-top:8px}.hero{border-radius:24px;background:radial-gradient(ellipse at 95% 0%,#397356 0%,transparent 64%),var(--deep);color:white;position:relative;padding:clamp(23px,4vw,43px);overflow:hidden;display:grid;gap:12px}.hero p{color:#dbece0;max-width:540px}.hero .eyebrow{font-size:.72rem;font-weight:800;color:#d5eeb2;letter-spacing:.13em;text-transform:uppercase}.hero .row{margin-top:7px}.hero .primary{background:var(--lime);color:#18392a}.hero .secondary{background:#ffffff17;color:white;border-color:#ffffff4d}.grid{display:grid;gap:14px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.cols{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(15px,3vw,23px);display:grid;gap:12px;min-width:0;align-content:start}.metric{gap:6px}.metric strong{font-size:1.8rem;letter-spacing:-.06em}.metric .glyph{color:var(--green);font-size:1rem}.metric .glyph svg{width:21px;height:21px}.line{border-top:1px solid var(--line);padding:10px 0 0}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.between{justify-content:space-between}.stack{display:grid;gap:12px}.primary,.secondary,.danger,.icon,.text-btn{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;border-radius:10px;padding:8px 13px;font-size:.86rem;font-weight:700;border:1px solid transparent;white-space:normal;text-align:center}.primary{background:var(--green);color:#fff}.primary:hover{filter:brightness(1.08)}.secondary,.icon{background:#f2f7f0;border-color:#dbe9da;color:var(--deep)}.secondary:hover,.icon:hover{background:#e5f1e5}.danger{background:#fff0ed;color:#8b2928}.icon{padding:7px;min-width:40px}.icon svg,.primary svg,.secondary svg{width:16px;height:16px}.text-btn{padding:4px 0;background:none;color:var(--green);justify-content:flex-start}.pill{background:var(--pale);padding:4px 9px;border-radius:99px;font-size:.73rem;color:var(--green);font-weight:650}.empty{text-align:center;padding:24px;color:var(--muted);display:grid;justify-items:center;gap:12px}.empty h2{color:var(--ink)}
label.field{display:grid;gap:6px;color:var(--muted);font-size:.84rem;font-weight:650}input:not([type=checkbox]),textarea,select{background:white;color:var(--ink);border:1px solid #cddcce;border-radius:9px;padding:9px 11px;width:100%;min-width:0}textarea{min-height:83px;resize:vertical}.search{display:grid;grid-template-columns:minmax(140px,2fr) minmax(100px,1fr) minmax(100px,1fr);gap:9px}.list{display:grid;gap:0}.item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 0;align-items:center;border-bottom:1px solid var(--line)}.item:last-child{border-bottom:0}.word-title{font-size:1.08rem;font-weight:780;color:var(--ink);text-align:left;border:0;background:none;padding:0;overflow-wrap:anywhere}.spaced{line-height:1.55}.bar{height:7px;background:#e4eee3;border-radius:10px;overflow:hidden}.bar>span{height:100%;display:block;background:#1d805b}.bar-row{display:grid;grid-template-columns:52px 1fr 25px;gap:10px;align-items:center;font-size:.8rem}.flash{min-height:230px;place-content:center;text-align:center;border:1px dashed #b9d3ba;background:#f9fcf6;overflow-wrap:anywhere}.flash h2{font-size:clamp(1.4rem,4vw,2rem)}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.choices button{justify-content:flex-start;text-align:left}.player{min-height:205px;aspect-ratio:16/9;width:100%;background:#131b17;border-radius:12px;overflow:hidden}.player iframe{width:100%;height:100%;border:0}.cue-list{max-height:230px;overflow:auto}.segmented{display:flex;background:#e8f1e7;border-radius:10px;padding:4px;gap:4px}.segmented button{flex:1;border:0;border-radius:7px;background:none;color:var(--deep);min-height:35px;font-size:.84rem;font-weight:650}.segmented button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #142a2320}.feedback{background:var(--pale);padding:14px;border-radius:10px}.feedback.wrong{background:#fff2ea}.guide details{border-bottom:1px solid var(--line);padding:11px 0}.guide summary{font-weight:700;cursor:pointer}.guide details p{margin-top:8px}.toast{position:fixed;right:18px;bottom:18px;z-index:10;background:var(--deep);color:white;border-radius:11px;padding:12px 17px;max-width:min(410px,calc(100vw - 36px))}
dialog{border:1px solid var(--line);border-radius:18px;padding:22px;width:min(560px,calc(100vw - 22px));max-height:90dvh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#122b2460}.dialog-title{margin-bottom:13px}.dialog-actions{margin-top:13px;display:flex;gap:8px;justify-content:flex-end}.talk-controls audio{max-width:100%;height:38px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wide{grid-column:1/-1}
@media(max-width:900px){.shell{grid-template-columns:190px minmax(0,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.shell{display:block}.sidebar{position:fixed;display:none;z-index:12;top:57px;left:0;height:calc(100dvh - 57px);width:min(265px,85vw);box-shadow:8px 0 35px #122b2426}.sidebar.open{display:flex}.mobile-menu{display:inline-flex!important}.cols,.choices{grid-template-columns:1fr}.search{grid-template-columns:1fr 1fr}.search>*:first-child{grid-column:1/-1}.hero{border-radius:18px}.item .row{justify-content:flex-end}.top{position:sticky;top:0;z-index:11}.form-grid{grid-template-columns:1fr}}

[hidden]{display:none!important}