:root{color:#17201c;background:#f5f3ec;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-inline-size:320px;min-block-size:100vh}button{border:0;border-radius:6px;color:inherit;cursor:pointer;font:inherit}.app-shell{min-block-size:100vh;padding:24px;background:linear-gradient(180deg,#ffffffd1,#f5f3ecf0),repeating-linear-gradient(90deg,rgba(23,32,28,.05) 0 1px,transparent 1px 80px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block-end:18px}.topbar h1,.diagnostic-card h2,.skill-card h3{margin:0;letter-spacing:0}.topbar h1{font-size:clamp(1.5rem,3vw,2.4rem);line-height:1}.eyebrow{margin:0 0 6px;color:#5a6c63;font-size:.75rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.quota-pill{display:grid;gap:2px;min-inline-size:142px;padding:10px 12px;border:1px solid #cfd5ca;border-radius:8px;background:#fff}.quota-pill span{color:#68766c;font-size:.78rem}.quota-pill strong{font-size:.92rem}.workspace{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(360px,1.5fr) minmax(260px,1fr);gap:14px}.zone,.skill-card{border:1px solid #d6d7cd;border-radius:8px;background:#ffffffe0;box-shadow:0 16px 30px #36393014}.zone{min-block-size:438px;padding:16px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-block-end:18px}.section-heading p{margin:0;font-weight:800}.section-heading span{color:#6f7869;font-size:.78rem;text-align:end}.action-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.action-list li{padding:11px 12px;border:1px solid #dfe2d8;border-radius:6px;background:#f8f8f3;color:#586057}.action-list .done{border-color:#9bc2ad;background:#edf7f0;color:#1c5b3b}.action-list .active{border-color:#e0bf77;background:#fff7df;color:#6c4a06}.metric-row{display:flex;justify-content:space-between;margin-block-start:18px;padding-block-start:14px;border-block-start:1px solid #e4e2d8}.diagnostic-card{display:grid;gap:24px}.diagnostic-card h2{max-inline-size:760px;font-size:clamp(1.4rem,2.8vw,2.6rem);line-height:1.08}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.answers button,.mode-grid button{min-block-size:46px;padding:10px 12px;border:1px solid #d9ddd2;background:#fbfbf7;text-align:start}.answers button:hover,.mode-grid button:hover{border-color:#95a89d;background:#eef6f1}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.message-panel{margin-block-start:14px;padding:14px;border-radius:6px;background:#17201c;color:#eef3ec}.message-panel p{margin:0}.progress-band{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin-block-start:14px}.skill-card{padding:14px}.skill-card-header{display:flex;justify-content:space-between;gap:10px}.skill-card h3{font-size:1rem}.skill-card-header span{color:#7a5321;font-size:.78rem;white-space:nowrap}.bar{position:relative;overflow:hidden;block-size:8px;margin-block:14px;border-radius:999px;background:#e4e1d4}.bar span{display:block;block-size:100%;border-radius:inherit;background:#2e7a59}dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}dt{color:#677066;font-size:.72rem}dd{margin:2px 0 0;font-weight:800}@media(max-width:980px){.workspace,.progress-band{grid-template-columns:1fr}.zone{min-block-size:auto}}@media(max-width:620px){.app-shell{padding:14px}.topbar{align-items:stretch;flex-direction:column}.quota-pill{inline-size:100%}.answers,.mode-grid,dl{grid-template-columns:1fr}}