/* Private alpha workspace: keep the original green, ivory and lime palette. */
.header-account{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.account-indicator{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #b9d0aa;border-radius:999px;background:#edf4df;color:var(--green);font-size:12px;font-weight:700;white-space:nowrap}
.account-indicator:before{content:"";width:7px;height:7px;border-radius:50%;background:#6b9b36}
#header-settings{min-height:34px;padding:5px 10px;font-size:12px}
main:has(.app-nav){padding-top:26px}
.app-nav{display:flex;gap:5px;align-items:center;overflow-x:auto;padding:5px;margin:0 0 40px;border:1px solid var(--line);border-radius:12px;background:#edeee6;scrollbar-width:thin}
.app-nav button{flex:1 0 auto;border:0;background:transparent;padding:10px 15px;white-space:nowrap;color:var(--muted);font-size:13px}
.app-nav button:hover{background:#f9faf2;color:var(--ink)}
.app-nav button[aria-current=page]{background:var(--white);color:var(--green);box-shadow:0 1px 5px #1d35241f}
.app-page{animation:page-in .18s ease-out}
@keyframes page-in{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.page-heading{margin-bottom:32px}.page-heading h1{margin-bottom:10px}.page-heading .lead{margin:0}
.home-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:30px 32px;border:1px solid #7fa477;border-radius:18px;background:radial-gradient(circle at 93% 12%,#b5d4a250,transparent 35%),linear-gradient(135deg,#eaf0db,#fdfcf6)}
.home-hero h2{font-size:clamp(24px,3.5vw,34px);letter-spacing:-1px;margin:11px 0 7px}.home-hero p{margin:0;color:var(--muted)}
.home-hero .actions{flex-shrink:0;margin:0}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 30px}
.overview-card{min-height:115px;padding:20px;background:var(--white);border:1px solid var(--line);border-radius:13px}.overview-card strong{display:block;color:var(--green);font-size:25px;line-height:1.3;overflow-wrap:anywhere}.overview-card span{display:block;margin-top:7px;font-size:12px;color:var(--muted)}
.wayfinding{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wayfinding button{text-align:left;min-height:105px;padding:16px}.wayfinding strong,.wayfinding span{display:block}.wayfinding strong{font-size:16px;color:var(--green)}.wayfinding span{margin-top:8px;font-size:12px;color:var(--muted);font-weight:400}
.app-page .panel:first-of-type{margin-top:0}
#page-settings .settings input,#page-plan .settings input{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--white);font:inherit;color:var(--ink);margin-top:8px;min-height:46px}
#page-settings #account-controls input[type=checkbox]{display:inline-block;width:18px;min-height:0;margin:0 7px 0 0;vertical-align:middle}
#page-settings #account-controls label{line-height:1.6}
#page-settings #account-delete{color:var(--error);border-color:#dfc3bc}
#page-settings #account-delete:hover{background:#fff1ed}
#page-progress .history-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
#page-progress .history-row button{font-size:12px;min-height:36px;padding:7px 10px}
.vocab-progress{--audit-pass:#4f8c5c;--audit-repair:#c57b3c;--audit-empty:#e8e8da;padding:32px;background:linear-gradient(150deg,#fffef9 63%,#f1f5e8)}
.vocab-progress-heading{display:flex;justify-content:space-between;align-items:start;gap:24px}
.vocab-progress-heading h2{font-size:clamp(24px,3vw,34px);letter-spacing:-1.2px;margin:7px 0 5px}
.vocab-progress-heading p,.vocab-units-heading p,.vocab-caveat{font-size:12px;color:var(--muted);margin:0}
.exam-countdown{border-left:1px solid var(--line);padding-left:20px;min-width:135px}.exam-countdown strong{display:block;font-size:23px;color:var(--green);line-height:1.3}.exam-countdown span{font-size:11px;color:var(--muted)}
.vocab-progress-main{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:34px;margin:32px 0 30px}
.vocab-ring{width:200px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--audit-pass) 0% 0%,var(--audit-repair) 0% 0%,var(--audit-empty) 0% 100%);box-shadow:0 10px 30px #173e2516;flex-shrink:0}
.vocab-ring>div{display:flex;align-items:center;justify-content:center;flex-direction:column;width:156px;aspect-ratio:1;border-radius:50%;background:var(--white);text-align:center}
.vocab-ring strong{font-size:39px;line-height:1;color:var(--green);letter-spacing:-2px}.vocab-ring span{font-size:11px;color:var(--muted);margin-top:8px}
.vocab-numbers h3{font-size:21px;letter-spacing:-.5px;margin:0 0 6px}.vocab-numbers>p{font-size:13px;color:var(--muted);max-width:540px;margin:0 0 17px}
.vocab-legend{display:flex;flex-wrap:wrap;gap:9px 19px;font-size:12px;color:var(--muted);margin-bottom:13px}.vocab-legend>span{display:inline-flex;align-items:center;gap:5px}.vocab-legend strong{color:var(--ink)}.vocab-dot{display:inline-block;width:9px;height:9px;border-radius:50%}.vocab-dot.pass,.vocab-track .pass{background:var(--audit-pass)}.vocab-dot.repair,.vocab-track .repair{background:var(--audit-repair)}.vocab-dot.unchecked{background:var(--audit-empty);border:1px solid #a8b3a6}
.vocab-track{height:12px;display:flex;overflow:hidden;background:var(--audit-empty);border-radius:999px;margin-bottom:18px}.vocab-track span{height:100%;width:0;transition:width .3s ease}
.vocab-units-heading{border-top:1px solid var(--line);padding-top:22px;margin-bottom:17px}.vocab-units-heading h3{font-size:16px;margin:0 0 2px}
.vocab-unit-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.vocab-unit-grid button{display:flex;flex-direction:column;align-items:stretch;text-align:left;min-height:78px;padding:9px 7px;background:#f7f8f0}.vocab-unit-grid button:hover{border-color:var(--green);background:#eef4e9}.vocab-unit-grid button .unit-index{font-size:13px;color:var(--ink)}.vocab-unit-grid button .unit-count{font-size:10px;font-weight:400;color:var(--muted);margin:2px 0 8px}.vocab-unit-grid button .unit-bar{height:5px;border-radius:4px;background:var(--audit-empty);overflow:hidden;display:flex}.unit-bar span{height:100%}.unit-bar .pass{background:var(--audit-pass)}.unit-bar .repair{background:var(--audit-repair)}
.vocab-caveat{border-top:1px solid var(--line);margin-top:22px;padding-top:15px;line-height:1.6}
@media(max-width:850px){.vocab-unit-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:640px){.vocab-progress{padding:20px}.vocab-progress-heading{display:block}.exam-countdown{border-left:0;border-top:1px solid var(--line);padding:10px 0 0;margin-top:14px}.vocab-progress-main{grid-template-columns:1fr;justify-items:center;gap:22px;margin:24px 0}.vocab-ring{width:170px}.vocab-ring>div{width:132px}.vocab-ring strong{font-size:32px}.vocab-unit-grid{gap:5px}.vocab-unit-grid button{min-height:70px;padding:7px 5px}.vocab-unit-grid button .unit-count{font-size:9px}}
@media(max-width:760px){.home-hero{display:block}.home-hero .actions{margin-top:24px}.wayfinding{grid-template-columns:1fr}.wayfinding button{min-height:0}.overview-grid{gap:8px}.overview-card{padding:15px}}
@media(max-width:640px){header{align-items:flex-start}.header-account{gap:7px}.save-status{display:none}.app-nav{margin-bottom:28px}.app-nav button{padding:10px 12px}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-card:last-child{grid-column:1/-1}.home-hero{padding:24px}}
@media(prefers-reduced-motion:reduce){.app-page{animation:none}}