.assessment-app{--cos-bg: #0a0a1a;--cos-bg2: #0f0f2a;--cos-card: rgba(20,20,40,.6);--cos-card-hover: rgba(25,25,50,.8);--cos-gold: #D4AF37;--cos-gold-dim: rgba(212,175,55,.15);--cos-gold-border: rgba(212,175,55,.25);--cos-teal: #2DD4BF;--cos-teal-dim: rgba(45,212,191,.15);--cos-rose: #F472B6;--cos-rose-dim: rgba(244,114,182,.15);--cos-rose-border: rgba(244,114,182,.25);--cos-purple: #7C4DFF;--cos-purple-dim: rgba(124,77,255,.15);--cos-blue: #60A5FA;--cos-blue-dim: rgba(96,165,250,.15);--cos-amber: #FBBF24;--cos-amber-dim: rgba(251,191,36,.15);--cos-text: #e8e8f0;--cos-text2: #a0a0b8;--cos-text3: #6e6e82;--cos-border: rgba(212,175,55,.2);--cos-radius: 12px;--cos-radius-sm: 8px;background-color:var(--cos-bg);max-width:800px;margin:0 auto;padding:1.5rem;min-height:60vh;color:var(--cos-text);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}.assessment-app h1,.assessment-app h2,.assessment-app h3,.assessment-app h4{font-family:Space Grotesk,sans-serif;color:var(--cos-gold);font-weight:700}.assessment-app h1{font-size:2.4em;letter-spacing:-.02em;line-height:1.15}.assessment-app h2{font-size:1.6em;margin-bottom:.3em}.assessment-app h3{font-size:1.2em;color:var(--cos-teal)}.assessment-app ::selection{background:#d4af374d;color:#fff}.assessment-app .screen{display:none;animation:cossFadeIn .4s ease}.assessment-app .screen.active{display:block}@keyframes cossFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.assessment-app .progress-bar{display:flex;gap:6px;margin-bottom:2rem;padding:0 .5rem}.assessment-app .progress-bar .step{flex:1;height:4px;border-radius:2px;background:#ffffff14;transition:.3s}.assessment-app .progress-bar .step.done{background:var(--cos-gold)}.assessment-app .progress-bar .step.current{background:var(--cos-teal)}.assessment-app .step-label{text-align:center;color:var(--cos-text3);font-size:.8rem;margin-bottom:1.5rem}.assessment-app .card{background:var(--cos-card);border:1px solid var(--cos-border);border-radius:var(--cos-radius);padding:1.25rem;margin-bottom:1rem;transition:.3s}.assessment-app .card:hover{background:var(--cos-card-hover);border-color:#d4af3759}.assessment-app .card.shadow-card{border-color:var(--cos-rose-border)}.assessment-app .card.shadow-card:hover{border-color:#f472b666}.assessment-app .card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.assessment-app .card-icon{font-size:1.5em;width:40px;text-align:center}.assessment-app .card-title{font-family:Space Grotesk,sans-serif;font-weight:600;color:var(--cos-gold);font-size:1.05em}.assessment-app .card-desc{color:var(--cos-text2);font-size:.88rem;margin-bottom:1rem;line-height:1.5}.assessment-app .slider-group{margin-bottom:1rem}.assessment-app .slider-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.assessment-app .slider-label span{font-size:.82rem;color:var(--cos-text2)}.assessment-app .slider-label .val{color:var(--cos-teal);font-weight:600;font-size:.95rem;min-width:1.5em;text-align:right}.assessment-app .slider-question{font-size:.8rem;color:var(--cos-text3);margin-bottom:.5rem;font-style:italic}.assessment-app input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:#ffffff14;outline:none;cursor:pointer}.assessment-app input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--cos-teal);border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:.2s}.assessment-app input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 12px #2dd4bf66}.assessment-app input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--cos-teal);border:2px solid rgba(255,255,255,.2);cursor:pointer}.assessment-app input[type=range].rose-slider::-webkit-slider-thumb{background:var(--cos-rose)}.assessment-app input[type=range].rose-slider::-moz-range-thumb{background:var(--cos-rose)}.assessment-app .slider-ends{display:flex;justify-content:space-between;font-size:.72rem;color:var(--cos-text3);margin-top:.2rem}.assessment-app input[type=range].compass-slider{background:linear-gradient(90deg,var(--cos-rose-dim) 0%,rgba(255,255,255,.06) 50%,var(--cos-teal-dim) 100%)}.assessment-app .wave-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.assessment-app .wave-card{background:var(--cos-card);border:1px solid var(--cos-border);border-radius:var(--cos-radius);padding:1rem;cursor:pointer;transition:.3s;text-align:center}.assessment-app .wave-card:hover{transform:translateY(-2px)}.assessment-app .wave-card.selected{border-width:2px;transform:translateY(-2px)}.assessment-app .wave-card.rt{--wc: var(--cos-teal)}.assessment-app .wave-card.rt.selected{border-color:var(--cos-teal);background:var(--cos-teal-dim)}.assessment-app .wave-card.st{--wc: var(--cos-amber)}.assessment-app .wave-card.st.selected{border-color:var(--cos-amber);background:var(--cos-amber-dim)}.assessment-app .wave-card.lt{--wc: var(--cos-blue)}.assessment-app .wave-card.lt.selected{border-color:var(--cos-blue);background:var(--cos-blue-dim)}.assessment-app .wave-card.ut{--wc: var(--cos-rose)}.assessment-app .wave-card.ut.selected{border-color:var(--cos-rose);background:var(--cos-rose-dim)}.assessment-app .wave-card .wave-icon{font-size:2em;margin-bottom:.4rem}.assessment-app .wave-card .wave-name{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:.95rem;color:var(--wc, var(--cos-text))}.assessment-app .wave-card .wave-desc{font-size:.78rem;color:var(--cos-text3);margin-top:.3rem}.assessment-app .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border:none;border-radius:var(--cos-radius-sm);font-family:Space Grotesk,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;transition:.3s;text-decoration:none}.assessment-app .btn-primary{background:var(--cos-gold);color:#0a0a1a}.assessment-app .btn-primary:hover{background:#e6c43f;transform:translateY(-1px)}.assessment-app .btn-secondary{background:transparent;border:1px solid var(--cos-border);color:var(--cos-text)}.assessment-app .btn-secondary:hover{border-color:var(--cos-gold);color:var(--cos-gold)}.assessment-app .btn-sm{padding:.5rem 1rem;font-size:.85rem}.assessment-app .nav-buttons{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.assessment-app .results-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.assessment-app .result-card{background:var(--cos-card);border:1px solid var(--cos-border);border-radius:var(--cos-radius);padding:1.25rem}.assessment-app .result-card.full{grid-column:1 / -1}.assessment-app canvas{width:100%;max-width:400px;margin:0 auto;display:block}.assessment-app .shadow-bar{margin-bottom:.75rem}.assessment-app .shadow-bar-label{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.3rem}.assessment-app .shadow-bar-track{height:8px;border-radius:4px;background:#ffffff0f;overflow:hidden}.assessment-app .shadow-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--cos-rose),#E879A8);transition:.5s}.assessment-app .veto-badge{display:inline-block;background:var(--cos-rose);color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;margin-left:.3rem}.assessment-app .align-badge{display:inline-block;background:var(--cos-teal);color:#0a0a1a;font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;margin-left:.3rem}.assessment-app .chair-ring{position:relative;width:140px;height:140px;margin:0 auto 1rem}.assessment-app .chair-ring canvas{width:140px;height:140px}.assessment-app .chair-pct{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Space Grotesk,sans-serif;font-size:1.6em;font-weight:700;color:var(--cos-teal)}.assessment-app .chair-dims{list-style:none;padding:0}.assessment-app .chair-dims li{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.88rem}.assessment-app .chair-dims li span:last-child{color:var(--cos-teal);font-weight:600}.assessment-app .insight-card{background:#d4af370f;border:1px solid var(--cos-gold-border);border-radius:var(--cos-radius-sm);padding:.9rem 1rem;margin-bottom:.6rem;font-size:.88rem;line-height:1.55}.assessment-app .insight-card.warn{background:var(--cos-rose-dim);border-color:var(--cos-rose-border)}.assessment-app .insight-card strong{color:var(--cos-gold)}.assessment-app .insight-card.warn strong{color:var(--cos-rose)}.assessment-app .action-item{display:flex;gap:.6rem;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.88rem}.assessment-app .action-item:before{content:"-->";color:var(--cos-teal);font-weight:600}.assessment-app .wave-display{text-align:center;padding:1rem}.assessment-app .wave-display .current-wave{font-size:2.5em;margin-bottom:.3rem}.assessment-app .wave-display .wave-label{font-family:Space Grotesk,sans-serif;font-size:1.2em;font-weight:600}.assessment-app .wave-display .sub{font-size:.82rem;color:var(--cos-text3);margin-top:.5rem}.assessment-app .alignment-gauge{width:100%;height:8px;border-radius:4px;background:#ffffff0f;margin-top:.5rem;overflow:hidden}.assessment-app .alignment-gauge-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--cos-rose),var(--cos-amber),var(--cos-teal));transition:.5s}.assessment-app .history-item{background:var(--cos-card);border:1px solid var(--cos-border);border-radius:var(--cos-radius-sm);padding:1rem;margin-bottom:.6rem;cursor:pointer;transition:.3s}.assessment-app .history-item:hover{border-color:var(--cos-gold)}.assessment-app .history-item .date{font-family:Space Grotesk,sans-serif;font-weight:600;color:var(--cos-gold)}.assessment-app .history-item .summary{font-size:.82rem;color:var(--cos-text2);margin-top:.3rem}.assessment-app .disclaimer{font-size:.78rem;color:var(--cos-text3);border-top:1px solid rgba(255,255,255,.06);padding-top:1rem;margin-top:2rem;line-height:1.6}.assessment-app .hero{text-align:center;padding:3rem 1rem}.assessment-app .hero h1{margin-bottom:.5rem;font-size:2.6em}.assessment-app .hero .subtitle{color:var(--cos-teal);font-family:Space Grotesk,sans-serif;font-size:1.15em;font-weight:400;margin-bottom:1.5rem}.assessment-app .hero p{color:var(--cos-text2);max-width:560px;margin:0 auto 2rem;font-size:.95rem;line-height:1.7}.assessment-app .hero-glyph{font-size:4em;margin-bottom:1rem;opacity:.7}.assessment-app .section-title{text-align:center;margin-bottom:.3rem}.assessment-app .section-sub{text-align:center;color:var(--cos-text2);font-size:.92rem;margin-bottom:1.5rem}@media(max-width:640px){.assessment-app{padding:1rem}.assessment-app h1{font-size:1.8em}.assessment-app .results-grid,.assessment-app .wave-grid{grid-template-columns:1fr}.assessment-app .nav-buttons{flex-direction:column-reverse;gap:.5rem}.assessment-app .nav-buttons .btn{width:100%;justify-content:center}.assessment-app .hero{padding:2rem .5rem}}
