app-root .selector-toggle.is-phone{width:auto;height:auto;gap:.4rem;padding:.55rem .72rem}app-root .selector-toggle-copy{font-size:.82rem;font-weight:700}app-root .selector-collapsed-copy{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45}app-root .mobile-score-list{display:grid;gap:.75rem}app-root .mobile-score-toolbar,app-root .mobile-score-card{padding:.85rem}app-root .mobile-utility-panel{display:grid;gap:.8rem;padding:.85rem;border-color:#e6d8be;background:linear-gradient(180deg,#fffbf3fa,#f8fbf8fa)}app-root .mobile-utility-copy{display:grid;gap:.22rem}app-root .mobile-utility-title,app-root .mobile-utility-text{margin:0}app-root .mobile-utility-title{color:#6f5b3d;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}app-root .mobile-utility-text{color:var(--muted);font-size:.82rem;line-height:1.45}app-root .mobile-utility-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}app-root .mobile-utility-actions button{width:100%}app-root .mobile-score-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem}app-root .mobile-method-select{flex:1 1 auto}app-root .mobile-method-select select{margin-top:.18rem}app-root .mobile-score-stats{color:var(--muted);font-size:.8rem;white-space:nowrap}app-root .mobile-score-card{display:grid;gap:.8rem}app-root .mobile-score-head,app-root .mobile-score-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}app-root .mobile-score-title{min-width:0;display:grid;gap:.38rem}app-root .mobile-score-title h3{margin:0;font-size:1rem;line-height:1.3}app-root .mobile-score-category{display:inline-flex;width:fit-content;align-items:center;padding:.28rem .62rem;border:1px solid color-mix(in srgb,var(--cat-border, #d7e0dc) 78%,#ffffff 22%);border-radius:999px;background:color-mix(in srgb,var(--cat-bg, #f3f8f5) 74%,#ffffff 26%);color:var(--cat-text, #3f5551);font-size:.76rem;font-weight:700}app-root .mobile-score-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:end;justify-items:stretch}app-root .mobile-score-field{width:100%;min-width:0;display:grid;gap:.28rem;text-align:center}app-root .mobile-raw-score-input{width:100%}app-root .mobile-result-card{width:100%;min-width:9rem;display:grid;gap:.24rem;padding:.7rem .8rem;border:1px solid #ebd9bf;border-radius:14px;background:linear-gradient(180deg,#fffaf0,#fff4e5);text-align:center}app-root .mobile-result-card .result-pill{display:inline-flex;width:100%;justify-content:center;align-items:center}app-root .mobile-result-card small{color:#7b5a23;font-size:.7rem;line-height:1.35}app-root .mobile-result-label{color:#6f5b3d;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}app-root .mobile-score-footer{align-items:center}app-root .mobile-score-meta{display:flex;flex-wrap:wrap;gap:.4rem;color:var(--muted);font-size:.76rem}app-root .mobile-score-meta span{display:inline-flex;align-items:center;padding:.25rem .52rem;border:1px solid #dde6e2;border-radius:999px;background:#f7fbf9}app-root .mobile-next-action{border-radius:999px;white-space:nowrap}.export-cta{min-width:9.5rem}.export-dialog-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1rem;background:#141e1d61;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.export-dialog{width:min(760px,100%);max-height:min(82vh,920px);overflow:auto;padding:1rem;border:1px solid rgba(125,122,114,.18);border-radius:22px;background:linear-gradient(180deg,#fdf9f1fa,#f9f4ebfa);box-shadow:0 28px 70px #15242238}.export-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.export-dialog-head h3,.export-group-head h4{margin:0}.export-dialog-kicker{margin:0 0 .24rem;color:#8a6129;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.export-dialog-copy,.export-dialog-summary{margin:0}.export-dialog-copy{margin-top:.3rem;color:#425654}.export-dialog-summary{margin-top:.8rem;padding:.65rem .8rem;border:1px solid #e7ddd1;border-radius:14px;background:#ffffffad;color:#536361;font-size:.83rem}.export-dialog-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:.9rem}.export-dialog-group{padding:.9rem;border:1px solid #e6ddd0;border-radius:16px;background:#ffffff9e}.export-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;margin-bottom:.75rem}.export-group-head span{color:#697674;font-size:.78rem;font-weight:700}.export-checkbox-grid{display:grid;gap:.55rem}label.export-option{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.55rem;padding:.6rem .7rem;border:1px solid #ece2d6;border-radius:12px;background:#fffc;font-weight:600}.export-option input{width:auto;margin:.15rem 0 0}.export-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-top:1rem}.export-dialog-utility-actions,.export-dialog-primary-actions{display:flex;flex-wrap:wrap;gap:.55rem}@media (max-width: 760px){app-root .workspace-grid.is-phone{gap:.8rem}app-root .controls.is-phone{gap:.6rem}app-root .selector-head{align-items:center}app-root .selector-toggle.is-phone{min-width:5.8rem}app-root .mobile-score-toolbar,app-root .mobile-score-body,app-root .mobile-score-footer,app-root .mobile-utility-actions{align-items:stretch;grid-template-columns:1fr;flex-direction:column}app-root .mobile-result-card{min-width:0}app-root .mobile-next-action{width:100%}app-root .graph-cta-wrap{justify-content:stretch}app-root .graph-cta-wrap button{width:100%}.export-dialog{padding:.85rem;border-radius:18px}.export-dialog-groups{grid-template-columns:1fr}.export-dialog-actions,.export-dialog-utility-actions,.export-dialog-primary-actions{flex-direction:column;align-items:stretch}}@media (max-width: 520px){app-root .selector-actions,app-root .view-strip,app-root .selector-demographics{grid-template-columns:1fr}app-root .selector-actions,app-root .view-strip{display:grid}app-root .domain-header{align-items:flex-start;flex-direction:column}app-root .domain-meta{width:100%;justify-content:space-between}app-root .mobile-score-toolbar,app-root .mobile-score-card,app-root .mobile-utility-panel{padding:.75rem}.export-dialog-backdrop{padding:0;place-items:stretch}.export-dialog{width:100%;max-height:100vh;min-height:100vh;border-radius:0;padding:1rem .9rem 1.25rem}.export-dialog-head{gap:.65rem}}
