:root{color:#14213d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.concept-shell{grid-template-columns:292px minmax(0,1fr);min-height:100vh;padding-bottom:76px;display:grid}.concept-sidebar{color:#fff;background:#111827;flex-direction:column;justify-content:space-between;height:100vh;padding:30px;display:flex;position:sticky;top:0}.concept-sidebar h1{max-width:10ch;margin:10px 0 0;font-size:40px;line-height:1.02}.prototype-label,.eyebrow{color:#0f766e;letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.prototype-label{color:#7dd3fc}.concept-sidebar nav{gap:8px;display:grid}.concept-sidebar button,.role-switcher button,.variant-bar button{border:0;border-radius:8px}.concept-sidebar button{color:#dbeafe;text-align:left;background:0 0;width:100%;min-height:42px;padding:0 12px}.concept-sidebar button.active,.concept-sidebar button:hover{color:#fff;background:#ffffff1f}.concept-workspace{align-content:start;gap:22px;padding:34px;display:grid}.concept-header,.signal-stage,.metric-grid,.group-grid,.settings-grid{gap:16px;display:grid}.concept-header{grid-template-columns:minmax(0,1fr) auto;align-items:center}.concept-header h2,.signal-stage h3,.section-card h3,.state-panel h3{color:#0f172a;margin:0}.concept-header h2{font-size:34px;line-height:1.12}.role-switcher{background:#fff;border:1px solid #d7dee8;border-radius:8px;gap:6px;padding:4px;display:flex}.role-switcher button,.variant-bar button{color:#475569;background:0 0;min-height:34px;padding:0 12px}.role-switcher button.selected,.variant-bar button.selected{color:#fff;background:#0f766e}.signal-stage{background:#fff;border:1px solid #d7dee8;border-radius:8px;grid-template-columns:minmax(260px,.84fr) minmax(320px,1fr);align-items:center;min-height:240px;padding:24px}.signal-stage h3{max-width:520px;font-size:30px;line-height:1.1}.signal-stage p,.section-card p,.role-note,.metric-card p,.group-card p,.user-row p{color:#526070}.signal-visual{width:100%;max-height:260px}.metric-grid,.group-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card,.group-card,.section-card,.table-card,.state-panel,.role-note,.setting-row{background:#fff;border:1px solid #d7dee8;border-radius:8px}.metric-card,.group-card,.section-card,.state-panel,.role-note{padding:20px}.metric-card{gap:10px;min-height:136px;display:grid}.metric-card span{color:#64748b;font-size:13px;font-weight:700}.metric-card strong,.group-card strong{color:#0f172a;font-size:28px;line-height:1}.content-stack{gap:16px;display:grid}.table-card{display:grid;overflow:hidden}.user-row{border-bottom:1px solid #e5ebf2;grid-template-columns:110px 80px minmax(120px,1fr) minmax(180px,1.5fr);align-items:center;gap:16px;min-height:72px;padding:16px 20px;display:grid}.user-row:last-child{border-bottom:0}progress{accent-color:#0f766e;width:100%;height:10px}.section-card{gap:12px;display:grid}.section-card ul{color:#334155;gap:8px;margin:0;padding-left:18px;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setting-row{gap:14px;padding:20px;display:grid}.setting-row span{color:#0f172a;font-weight:800}.state-panel pre{color:#d1fae5;background:#0f172a;border-radius:8px;margin:12px 0 0;padding:16px;font-size:13px;overflow:auto}.variant-bar{background:#ffffffeb;border:1px solid #d7dee8;border-radius:8px;justify-content:center;gap:8px;width:fit-content;max-width:calc(100vw - 48px);margin:0 auto;padding:8px;display:flex;position:fixed;bottom:20px;left:24px;right:24px;box-shadow:0 16px 40px #0f172a2e}.variant-operations .concept-sidebar{background:#253041}.variant-operations .role-switcher button.selected,.variant-operations .variant-bar button.selected{background:#2563eb}.variant-operations .signal-stage{background:#eef6ff}.variant-clinical{background:#f7fbf8}.variant-clinical .concept-sidebar{background:#18392f}.variant-clinical .role-switcher button.selected,.variant-clinical .variant-bar button.selected{background:#15803d}.variant-clinical .signal-stage{background:#f0fdf4}@media (width<=980px){.concept-shell,.signal-stage,.concept-header,.metric-grid,.group-grid,.settings-grid{grid-template-columns:1fr}.concept-sidebar{gap:26px;height:auto;position:static}.concept-sidebar h1{max-width:none}.concept-sidebar nav,.role-switcher,.variant-bar{flex-wrap:wrap}.concept-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.concept-workspace{padding:22px}.user-row{grid-template-columns:1fr}}