:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-secondary: #ec4899;--color-background: #0f172a;--color-surface: #1e293b;--color-surface-light: #334155;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-quadrant-tl: #8b5cf6;--color-quadrant-tr: #3b82f6;--color-quadrant-bl: #22c55e;--color-quadrant-br: #f59e0b;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;line-height:1;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text);box-shadow:0 4px 14px #6366f166}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--color-surface-light);color:var(--color-text);border:1px solid var(--color-surface-light)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface);border-color:var(--color-primary)}.auth-buttons{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:300px}.btn-sso{width:100%;max-width:300px;padding:var(--space-4) var(--space-6);background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-surface-light);font-size:var(--font-size-lg)}.btn-sso svg{flex-shrink:0}.btn-sso:hover:not(:disabled){background-color:var(--color-surface-light);border-color:var(--color-primary);transform:translateY(-2px)}.btn-large{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.demo-banner{text-align:center;padding:var(--space-4);margin-bottom:var(--space-4);background:linear-gradient(135deg,#f59e0b33,#f59e0b0d);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg)}.demo-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-warning);color:var(--color-background);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);margin-bottom:var(--space-2)}.demo-banner p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-base)}.demo-note{margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}.demo-note code{background:var(--color-surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:monospace}.btn:focus-visible,.likert-btn:focus-visible,.card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.card{background-color:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--color-surface-light);transition:all var(--transition-base)}.card:hover{border-color:var(--color-primary);box-shadow:0 8px 30px #0000004d}.likert-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.likert-btn{width:48px;height:48px;border-radius:var(--radius-full);border:2px solid var(--color-surface-light);background-color:var(--color-surface);color:var(--color-text);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast)}.likert-btn:hover{transform:scale(1.1);border-color:var(--color-primary)}.likert-btn.selected{transform:scale(1.15);border-width:3px}.likert-btn[data-value="1"]{border-color:var(--color-error)}.likert-btn[data-value="1"].selected{background-color:var(--color-error)}.likert-btn[data-value="2"]{border-color:var(--color-warning)}.likert-btn[data-value="2"].selected{background-color:var(--color-warning)}.likert-btn[data-value="3"]{border-color:var(--color-warning)}.likert-btn[data-value="3"].selected{background-color:var(--color-warning)}.likert-btn[data-value="4"]{border-color:var(--color-success)}.likert-btn[data-value="4"].selected{background-color:var(--color-success)}.likert-btn[data-value="5"]{border-color:var(--color-success)}.likert-btn[data-value="5"].selected{background-color:var(--color-success)}.progress-bar{width:100%;height:8px;background-color:var(--color-surface);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);transition:width var(--transition-base)}.continuum{width:100%;padding:var(--space-4) 0}.continuum-track{position:relative;width:100%;height:12px;background:linear-gradient(90deg,var(--color-quadrant-tl),var(--color-surface-light),var(--color-quadrant-br));border-radius:var(--radius-full)}.continuum-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:3px solid var(--color-text);border-radius:var(--radius-full);box-shadow:0 4px 12px #0006;z-index:2}.continuum-cohort-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background-color:var(--color-text-muted);border-radius:var(--radius-full);opacity:.6;z-index:1}.compass-container{padding:var(--space-8) 6rem}.compass{position:relative;width:100%;max-width:400px;aspect-ratio:1;margin:0 auto}.compass-grid{position:relative;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;background-color:var(--color-surface-light);border-radius:var(--radius-xl);overflow:hidden}.compass-quadrant{display:flex;align-items:center;justify-content:center;padding:var(--space-4);font-size:var(--font-size-sm);font-weight:500;text-align:center;color:var(--color-text);opacity:.8;transition:opacity var(--transition-fast)}.compass-quadrant:hover{opacity:1}.compass-quadrant.top-left{background-color:var(--color-quadrant-tl)}.compass-quadrant.top-right{background-color:var(--color-quadrant-tr)}.compass-quadrant.bottom-left{background-color:var(--color-quadrant-bl)}.compass-quadrant.bottom-right{background-color:var(--color-quadrant-br)}.compass-axis{position:absolute;background-color:var(--color-text);opacity:.3}.compass-axis.horizontal{top:50%;left:0;right:0;height:2px;transform:translateY(-50%)}.compass-axis.vertical{left:50%;top:0;bottom:0;width:2px;transform:translate(-50%)}.compass-label{position:absolute;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);white-space:nowrap;display:flex;align-items:center;gap:var(--space-1)}.compass-label.top{top:-2.5rem;left:50%;transform:translate(-50%);flex-direction:column}.compass-label.top:after{content:"▼";font-size:.6rem;opacity:.6}.compass-label.bottom{bottom:-2.5rem;left:50%;transform:translate(-50%);flex-direction:column-reverse}.compass-label.bottom:before{content:"▲";font-size:.6rem;opacity:.6}.compass-label.left{left:-1rem;top:50%;transform:translateY(-50%) translate(-100%);flex-direction:row}.compass-label.left:after{content:"▶";font-size:.6rem;opacity:.6}.compass-label.right{right:-1rem;top:50%;transform:translateY(-50%) translate(100%);flex-direction:row-reverse}.compass-label.right:before{content:"◀";font-size:.6rem;opacity:.6}.compass-dot{position:absolute;width:20px;height:20px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:3px solid var(--color-text);border-radius:var(--radius-full);transform:translate(-50%,-50%);box-shadow:0 4px 12px #0006;z-index:10}.archetype-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);box-shadow:0 4px 14px #6366f14d}.survey-instructions{text-align:center;max-width:700px;margin:0 auto;padding:var(--space-6)}.instructions-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.instructions-description{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--space-8)}.survey-instructions h2{font-size:var(--font-size-xl);margin-top:var(--space-6);margin-bottom:var(--space-3);text-align:left}.survey-instructions p{text-align:left;line-height:1.7;margin-bottom:var(--space-3)}.instructions-list{text-align:left;padding-left:var(--space-6);margin-bottom:var(--space-4);line-height:1.7}.instructions-list li{margin-bottom:var(--space-3);color:var(--color-text-muted)}.instructions-list li strong{color:var(--color-text)}.instructions-begin{margin-top:var(--space-8)}.question-container{background-color:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--color-surface-light);margin:0 auto var(--space-3)}.question-text{margin-bottom:var(--space-3)}.question-text p{font-size:2.2rem;font-weight:600;line-height:1.3;color:var(--color-text);margin:0}.likert-question .likert-buttons{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.likert-question .likert-btn{width:100%;height:auto;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);text-align:left;font-size:var(--font-size-base);font-weight:500;border:2px solid var(--color-surface-light);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.likert-question .likert-btn:hover{transform:translate(4px);border-color:var(--color-primary);background-color:var(--color-surface-light)}.likert-question .likert-btn.selected{transform:translate(4px);border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text)}.likert-question .likert-btn[data-value="-2"]{border-left:4px solid var(--color-error)}.likert-question .likert-btn[data-value="-1"]{border-left:4px solid var(--color-warning)}.likert-question .likert-btn[data-value="1"]{border-left:4px solid var(--color-info)}.likert-question .likert-btn[data-value="2"]{border-left:4px solid var(--color-success)}.dont-understand-container{margin-bottom:var(--space-4);padding:var(--space-3);background-color:var(--color-surface-light);border-radius:var(--radius-md)}.checkbox-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-muted)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.context-container{margin-top:var(--space-4)}.context-container label{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.context-container textarea{width:100%;padding:var(--space-3);background-color:var(--color-surface-light);border:1px solid var(--color-surface-light);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-sm);resize:vertical;transition:border-color var(--transition-fast)}.context-container textarea:focus{outline:none;border-color:var(--color-primary)}.context-container textarea::placeholder{color:var(--color-text-muted)}.choice-options{display:flex;flex-direction:column;gap:var(--space-3)}.choice-btn{width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);text-align:left;font-size:var(--font-size-base);font-weight:500;border:2px solid var(--color-surface-light);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.choice-btn:hover{transform:translate(4px);border-color:var(--color-primary);background-color:var(--color-surface-light)}.choice-btn.selected{transform:translate(4px);border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text)}.ranking-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.ranked-items,.unranked-items{min-height:200px}.ranked-items h4,.unranked-items h4{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.ranked-items .hint{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.ranked-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-surface-light);border:2px solid var(--color-primary);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.rank-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:700;color:var(--color-text)}.rank-text{flex:1;font-size:var(--font-size-sm);color:var(--color-text)}.remove-rank{width:24px;height:24px;padding:0;background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-lg);cursor:pointer;transition:color var(--transition-fast)}.remove-rank:hover{color:var(--color-error)}.unranked-btn{display:block;width:100%;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);background-color:var(--color-surface);border:2px solid var(--color-surface-light);border-radius:var(--radius-md);text-align:left;font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.unranked-btn:hover{border-color:var(--color-primary);background-color:var(--color-surface-light)}.response-container{display:flex;flex-direction:column;gap:var(--space-3)}.response-container textarea{width:100%;padding:var(--space-4);background-color:var(--color-surface-light);border:2px solid var(--color-surface-light);border-radius:var(--radius-lg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;resize:vertical;min-height:120px;transition:border-color var(--transition-fast)}.response-container textarea:focus{outline:none;border-color:var(--color-primary)}.response-container textarea::placeholder{color:var(--color-text-muted)}.response-container .hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.prediction-options{display:flex;flex-direction:column;gap:var(--space-4)}.prediction-row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background-color:var(--color-surface-light);border-radius:var(--radius-lg)}.prediction-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.prediction-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.prediction-btn{padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:2px solid var(--color-surface);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.prediction-btn:hover{border-color:var(--color-primary)}.prediction-btn.selected{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text)}.progress-container{max-width:800px;margin:0 auto var(--space-6)}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.survey-header{position:fixed;top:0;left:0;right:0;z-index:100;background-color:var(--color-background);padding:var(--space-4);border-bottom:1px solid var(--color-surface-light)}.survey-container{max-width:1200px;margin:0 auto;padding:calc(var(--space-4) + 40px) var(--space-4) var(--space-4);min-height:100vh;display:flex;flex-direction:column}.survey-navigation{display:flex;justify-content:space-between;gap:var(--space-4);position:sticky;bottom:0;padding:var(--space-3) var(--space-4);background:var(--color-background);border-top:1px solid var(--color-surface-light);z-index:50}.survey-navigation .btn{min-width:120px}@media (max-width: 640px){.survey-header{padding:var(--space-3)}.survey-container{padding:calc(var(--space-6) + 60px) var(--space-3) var(--space-6)}.survey-navigation{flex-direction:column-reverse;gap:var(--space-3)}.survey-navigation .btn{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.fade-in{animation:fadeIn var(--transition-slow) ease forwards}@media (max-width: 640px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}.container{padding:0 var(--space-3)}.card{padding:var(--space-4)}.likert-btn{width:40px;height:40px;font-size:var(--font-size-sm)}.compass{max-width:300px}.compass-quadrant{font-size:var(--font-size-xs);padding:var(--space-2)}.btn-sso{max-width:100%}.question-container{padding:var(--space-4)}.question-text p{font-size:var(--font-size-lg)}.ranking-container{grid-template-columns:1fr;gap:var(--space-4)}.ranked-items,.unranked-items{min-height:auto}.prediction-buttons{grid-template-columns:1fr;gap:var(--space-2)}}.results-header{position:sticky;top:0;z-index:100;background-color:var(--color-background);padding:var(--space-6) var(--space-4);border-bottom:1px solid var(--color-surface-light);text-align:center}.results-header h1{margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results-tabs{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.tab-btn{padding:var(--space-2) var(--space-4);background-color:transparent;border:2px solid var(--color-surface-light);border-radius:var(--radius-full);color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.tab-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.tab-btn.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-color:var(--color-primary);color:var(--color-text)}.results-container{max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-4);min-height:calc(100vh - 200px)}.results-footer{position:sticky;bottom:0;background-color:var(--color-background);padding:var(--space-4);border-top:1px solid var(--color-surface-light);display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.archetype-header{text-align:center;margin-bottom:var(--space-8)}.archetype-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);box-shadow:0 4px 14px #6366f14d;margin-bottom:var(--space-4)}.archetype-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.archetype-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-3);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.archetype-description{font-size:var(--font-size-lg);color:var(--color-text-muted);margin:0 auto}.archetype-boundary-note{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;margin-top:var(--space-3)}.compass-container{margin:var(--space-6) 0}.compass-hint{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-4)}.compass-classmate-dot{position:absolute;width:10px;height:10px;background-color:var(--color-text-muted);border-radius:var(--radius-full);transform:translate(-50%,-50%);opacity:.5;z-index:5}.tribes-view{display:flex;flex-direction:column;gap:var(--space-6)}.tribes-top{text-align:center}@media (min-width: 900px){.tribes-top{display:grid;grid-template-columns:2fr 3fr;align-items:center}.tribes-top .archetype-header{text-align:left;margin-bottom:0}.tribes-top .archetype-description{margin:0}}@media (max-width: 899px){.compass-container{padding:var(--space-8) var(--space-6)}}.tribe-insights .insights-list{list-style:none;padding:0;margin:var(--space-4) 0 0}.tribe-insights .insights-list li{padding:var(--space-3) 0;border-bottom:1px solid var(--color-surface-light);color:var(--color-text-muted)}.tribe-insights .insights-list li:last-child{border-bottom:none}.position-details h3{margin-bottom:var(--space-4)}.position-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.position-item{display:flex;flex-direction:column;gap:var(--space-1)}.position-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.position-value{font-weight:600;color:var(--color-text)}.perspectives-view{display:flex;flex-direction:column;gap:var(--space-6)}.prediction-summary{text-align:center}.prediction-summary h2{margin-bottom:var(--space-4)}.prediction-score{display:flex;align-items:baseline;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4)}.prediction-score .score-number{font-size:var(--font-size-4xl);font-weight:700;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.prediction-score .score-divider{font-size:var(--font-size-2xl);color:var(--color-text-muted)}.prediction-score .score-total{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-muted)}.prediction-score .score-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-left:var(--space-2)}.accuracy-bar{width:100%;max-width:300px;height:8px;background-color:var(--color-surface-light);border-radius:var(--radius-full);margin:0 auto var(--space-4);overflow:hidden}.accuracy-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);transition:width var(--transition-slow)}.prediction-insight{color:var(--color-text-muted);font-size:var(--font-size-base);max-width:400px;margin:0 auto}.continua-list{display:flex;flex-direction:column;gap:var(--space-4)}.continua-list h3{margin-bottom:var(--space-2)}.continuum-item{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-surface-light)}.continuum-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);flex-wrap:wrap;gap:var(--space-2)}.continuum-name{font-size:var(--font-size-base);font-weight:600;margin:0}.prediction-accuracy{font-size:var(--font-size-xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.prediction-accuracy.correct{background-color:#22c55e33;color:var(--color-success)}.prediction-accuracy.incorrect{background-color:#f59e0b33;color:var(--color-warning)}.continuum-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.continuum-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-2);margin-bottom:0}.continuum-prediction-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background-color:var(--color-warning);border:2px solid var(--color-text);border-radius:var(--radius-full);opacity:.7;z-index:1}.continua-legend{margin-top:var(--space-4)}.continua-legend h4{margin-bottom:var(--space-3)}.legend-items{display:flex;gap:var(--space-6);margin-bottom:var(--space-3);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.continua-legend p{font-size:var(--font-size-sm);margin:0}.convictions-view{display:flex;flex-direction:column;gap:var(--space-6)}.conviction-overview h2{text-align:center;margin-bottom:var(--space-6)}.conviction-meter-container{max-width:400px;margin:0 auto var(--space-4)}.meter-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.conviction-meter{position:relative;width:100%;height:12px;background:linear-gradient(90deg,var(--color-quadrant-tl),var(--color-surface-light),var(--color-quadrant-br));border-radius:var(--radius-full)}.conviction-meter-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);transition:width var(--transition-slow)}.conviction-meter-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:3px solid var(--color-text);border-radius:var(--radius-full);box-shadow:0 2px 8px #0000004d}.conviction-percentage{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-3)}.conviction-observation{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-base);line-height:1.6;max-width:700px;margin:var(--space-4) auto 0}.conviction-by-topic h3{margin-bottom:var(--space-4)}.topic-conviction-list{display:flex;flex-direction:column;gap:var(--space-4)}.topic-conviction-item{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-surface-light)}.topic-conviction-item:last-child{border-bottom:none;padding-bottom:0}.topic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.topic-name{font-weight:500}.topic-percentage{font-weight:700;color:var(--color-primary)}.topic-bar{height:6px;background-color:var(--color-surface-light);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.topic-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);transition:width var(--transition-slow)}.topic-counts{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted)}.conviction-extremes h3{margin-bottom:var(--space-4)}.extremes-group{margin-bottom:var(--space-6)}.extremes-group:last-child{margin-bottom:0}.extremes-label{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.extremes-label.strong{color:var(--color-success)}.extremes-label.mild{color:var(--color-info)}.extremes-list{list-style:none;padding:0;margin:0}.extremes-list li{padding:var(--space-3);background-color:var(--color-surface-light);border-radius:var(--radius-md);margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.extremes-list li:last-child{margin-bottom:0}.extremes-list .direction{font-weight:600;margin-right:var(--space-1)}.extremes-list .direction.agree{color:var(--color-success)}.extremes-list .direction.disagree{color:var(--color-error)}.extremes-list .direction.nuanced{color:var(--color-info)}.topic-extremes h3{margin-bottom:var(--space-4)}.topic-extremes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.topic-extreme-item{text-align:center;padding:var(--space-4);background-color:var(--color-surface-light);border-radius:var(--radius-lg)}.topic-extreme-label{display:block;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.topic-extreme-item.strong .topic-extreme-label{color:var(--color-success)}.topic-extreme-item.weak .topic-extreme-label{color:var(--color-info)}.topic-extreme-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.surprises-view{display:flex;flex-direction:column;gap:var(--space-6)}.surprises-header{text-align:center;margin-bottom:var(--space-2)}.surprises-header h2{margin-bottom:var(--space-2)}.surprises-header p{color:var(--color-text-muted)}.surprise-cards{display:flex;flex-direction:column;gap:var(--space-4)}.surprise-card h3{margin-bottom:var(--space-3)}.surprise-description{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.surprise-list{list-style:none;padding:0;margin:0}.surprise-list li{padding:var(--space-3);background-color:var(--color-surface-light);border-radius:var(--radius-md);margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.surprise-list li:last-child{margin-bottom:0}.surprise-list strong{color:var(--color-primary)}.surprise-list em{color:var(--color-text-muted);font-style:normal}.cohort-pending{text-align:center;padding:var(--space-6)}.pending-icon{color:var(--color-text-muted);margin-bottom:var(--space-4)}.pending-text{color:var(--color-text);font-size:var(--font-size-base);margin-bottom:var(--space-2)}.pending-subtext{color:var(--color-text-muted);font-size:var(--font-size-sm)}.unique-perspectives{display:flex;flex-direction:column;gap:var(--space-4)}.unique-insight{display:flex;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-surface-light);border-radius:var(--radius-lg)}.insight-icon{font-size:var(--font-size-2xl);flex-shrink:0}.insight-content h4{font-size:var(--font-size-base);margin-bottom:var(--space-1)}.insight-content p{font-size:var(--font-size-sm);margin:0}.future-hint h4{margin-bottom:var(--space-3)}.future-hint ul{list-style:none;padding:0;margin:0}.future-hint li{padding:var(--space-2) 0;padding-left:var(--space-4);position:relative;font-size:var(--font-size-sm);color:var(--color-text-muted)}.future-hint li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:var(--color-primary);border-radius:var(--radius-full)}.toast{position:fixed;bottom:var(--space-8);left:50%;transform:translate(-50%) translateY(100px);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;box-shadow:0 4px 20px #0000004d;opacity:0;transition:all var(--transition-base);z-index:1000}.toast.show{transform:translate(-50%) translateY(0);opacity:1}@media (max-width: 640px){.results-header{padding:var(--space-4) var(--space-3)}.results-tabs{gap:var(--space-1)}.tab-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.results-container{padding:var(--space-4) var(--space-3)}.results-footer{flex-direction:column;gap:var(--space-2)}.results-footer .btn{width:100%}.position-grid,.topic-extremes-grid{grid-template-columns:1fr}.legend-items{flex-direction:column;gap:var(--space-3)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-surface-light)}.header-actions{display:flex;gap:var(--space-4);align-items:center}.select-input{padding:var(--space-2) var(--space-4);border:1px solid var(--color-surface-light);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text);font-size:var(--font-size-base);min-width:200px}.dashboard-content{padding:var(--space-6);max-width:1200px;margin:0 auto}.dashboard-panels{display:flex;flex-direction:column;gap:var(--space-6)}.panel{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 4px 14px #0003}.panel h2{margin:0 0 var(--space-2) 0;font-size:var(--font-size-lg)}.panel-description{color:var(--color-text-muted);margin:0 0 var(--space-4) 0;font-size:var(--font-size-sm)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.completion-summary{font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-background);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.analytics-grid{display:flex;flex-direction:column;gap:var(--space-6)}.explore-compass-controls{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.explore-compass-controls .explore-field{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:200px}.explore-compass-controls .select-input{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.question-agreement-panel{margin-top:var(--space-6)}.question-agreement-panel .panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.sort-controls{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.sort-controls .select-input{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-3)}.question-agreement-item{padding:var(--space-4);border-bottom:1px solid var(--color-surface-light)}.question-agreement-item:last-child{border-bottom:none}.question-agreement-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.question-agreement-prompt{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.5}.question-agreement-badges{display:flex;gap:var(--space-2);flex-shrink:0}.question-agreement-badge{font-size:var(--font-size-xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.question-agreement-badge.high{background:#22c55e26;color:#22c55e}.question-agreement-badge.moderate{background:#fbbf2426;color:#fbbf24}.question-agreement-badge.split{background:#ef444426;color:#ef4444}.question-agreement-badge.confused{background:#f9731626;color:#f97316}.question-agreement-options{display:flex;flex-direction:column;gap:var(--space-2)}.question-agreement-option{display:grid;grid-template-columns:120px 40px 1fr;gap:var(--space-2);align-items:center}.option-bar-container{height:12px;background:var(--color-surface-light);border-radius:6px;overflow:hidden}.option-bar{height:100%;border-radius:6px;transition:width .3s ease}.option-bar.option-a{background:var(--color-primary)}.option-bar.option-b{background:var(--color-secondary)}.option-pct{font-size:var(--font-size-sm);font-weight:600;text-align:right}.question-agreement-option .option-text{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.completion-table{display:flex;flex-direction:column;gap:var(--space-1)}.completion-header-row,.completion-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-4);padding:var(--space-2) var(--space-4);align-items:center}.completion-header-row{font-weight:600;color:var(--color-text-muted);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-surface-light)}.completion-row{background:var(--color-background);border-radius:var(--radius-sm)}.completion-row.pending{background:color-mix(in srgb,var(--color-warning) 5%,var(--color-background))}.student-name{display:block;font-weight:500}.student-email{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted)}.status-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500}.badge-success{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.badge-warning{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.btn-small{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:color-mix(in srgb,var(--color-error) 85%,black)}.cohort-compass-wrapper{text-align:center}.cohort-compass-wrapper svg{max-width:100%;height:auto}.compass-panel .compass-container{position:relative}.compass-svg{display:block}.cohort-dot{transition:transform var(--transition-fast);transform-origin:center}.cohort-dot:hover{transform:scale(1.5)}.compass-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--color-background);border-radius:var(--radius-lg);color:var(--color-text-muted)}.quadrant-labels{position:absolute;top:50px;right:50px;bottom:50px;left:50px;pointer-events:none}.quadrant-label{position:absolute;font-size:var(--font-size-xs);color:var(--color-text-muted);max-width:80px;text-align:center}.quadrant-label.top-left{top:10px;left:10px}.quadrant-label.top-right{top:10px;right:10px}.quadrant-label.bottom-left{bottom:10px;left:10px}.quadrant-label.bottom-right{bottom:10px;right:10px}.distribution-bars{display:flex;flex-direction:column;gap:var(--space-4)}.distribution-item{display:flex;flex-direction:column;gap:var(--space-1)}.distribution-label{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.archetype-name{font-weight:500}.archetype-count{color:var(--color-text-muted)}.distribution-bar{height:8px;background:var(--color-background);border-radius:var(--radius-full);overflow:hidden}.distribution-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-base)}.continuum-row{display:flex;flex-direction:column;gap:var(--space-2)}.response-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.continuum-bar-container{display:flex;align-items:center;gap:var(--space-2)}.pole-label{font-size:var(--font-size-sm);color:var(--color-text);width:200px;flex-shrink:0}.pole-label.left{text-align:right}.pole-label.right{text-align:left}.continuum-bar{flex:1;height:24px;background:var(--color-surface-light);border-radius:var(--radius-sm);position:relative}.continuum-row-clickable{cursor:pointer;padding:var(--space-3);border-radius:var(--radius-lg);transition:background-color var(--transition-fast)}.continuum-row-clickable:hover{background-color:var(--color-surface)}.modal-continuum-bar-section{margin-bottom:var(--space-2)}.modal-stat-summary{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;margin-top:var(--space-2)}.continuum-range{position:absolute;top:0;bottom:0;background:#6366f140;border-radius:var(--radius-sm);z-index:1}.continuum-center-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--color-surface-light)}.continuum-marker{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:2}.marker-dot{width:18px;height:18px;background:var(--color-primary);border:3px solid var(--color-text);border-radius:50%;box-shadow:0 0 10px #6366f180}.marker-value{font-size:var(--font-size-xs);font-weight:500;margin-top:var(--space-1)}.empty-state{text-align:center;padding:var(--space-8);color:var(--color-text-muted)}.empty-state.small{padding:var(--space-6)}.empty-state h2{margin-bottom:var(--space-2);color:var(--color-text)}.text-muted{color:var(--color-text-muted)}.hidden{display:none!important}@media (max-width: 640px){.dashboard-header{flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.header-actions{width:100%;flex-direction:column}.select-input{width:100%}.dashboard-content{padding:var(--space-4)}.completion-header-row,.completion-row{grid-template-columns:1fr 1fr;gap:var(--space-2)}.col-date{display:none}.analytics-grid{grid-template-columns:1fr}.continuum-bar-container{flex-direction:column;gap:var(--space-1)}.pole-label{min-width:auto;text-align:center!important}.pole-label.left,.pole-label.right{width:100%}}.admin-content{padding:var(--space-6);max-width:1200px;margin:0 auto}.admin-view.hidden{display:none}.survey-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.survey-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .2));border-left:4px solid var(--color-surface-light)}.survey-card.active{border-left-color:var(--color-success)}.survey-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.survey-card-header h3{margin:0;font-size:var(--font-size-lg)}.survey-card-meta{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.status-indicator{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-background)}.status-indicator.active{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.survey-card-actions{display:flex;gap:var(--space-2)}.version-badge{padding:var(--space-1) var(--space-2);background:var(--color-surface-light);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted)}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.editor-actions{display:flex;gap:var(--space-2)}.editor-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-surface-light);margin-bottom:var(--space-6)}.editor-tabs .tab-btn{padding:var(--space-3) var(--space-6);background:none;border:none;border-bottom:2px solid transparent;border-radius:0;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-muted);transition:all var(--transition-fast)}.editor-tabs .tab-btn:hover{color:var(--color-text)}.editor-tabs .tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:transparent}.editor-content{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6)}.editor-form h3{margin:var(--space-6) 0 var(--space-4) 0;font-size:var(--font-size-lg);padding-top:var(--space-4);border-top:1px solid var(--color-surface-light)}.editor-form h3:first-child{margin-top:0;padding-top:0;border-top:none}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-1);font-weight:600;font-size:var(--font-size-sm)}.form-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-surface-light);border-radius:var(--radius-sm);font-size:var(--font-size-base);background:var(--color-background);color:var(--color-text);font-family:var(--font-family)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.color-input-wrapper{display:flex;gap:var(--space-2);align-items:center}.color-input-wrapper input[type=color]{width:48px;height:38px;padding:2px;border:1px solid var(--color-surface-light);border-radius:var(--radius-sm);cursor:pointer}.color-text{flex:1}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.statements-list{display:flex;flex-direction:column;gap:var(--space-4)}.statement-card{background:var(--color-background);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-surface-light)}.statement-card-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2)}.statement-order{display:flex;align-items:center;gap:var(--space-1)}.order-number{min-width:24px;text-align:center;font-weight:600}.btn-icon{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.statement-type-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.type-likert{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary)}.type-perspective_choice{background:color-mix(in srgb,var(--color-secondary) 15%,transparent);color:var(--color-secondary)}.type-priority_ranking{background:color-mix(in srgb,var(--color-accent, #f59e0b) 15%,transparent);color:var(--color-accent, #f59e0b)}.type-open_response{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.statement-text{margin:0 0 var(--space-2) 0;line-height:1.5}.statement-meta{display:flex;gap:var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-muted)}.scheduled-badge{display:inline-block;margin-top:var(--space-2);padding:var(--space-1) var(--space-2);background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.statement-card-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-surface-light)}.continuum-editor-card{background:var(--color-background);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-surface-light)}.continuum-editor-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.continuum-name-input{font-size:var(--font-size-lg);font-weight:600;border:none;background:transparent;padding:0}.continuum-name-input:focus{outline:none;border-bottom:2px solid var(--color-primary)}.continuum-key-display{margin-top:var(--space-2);color:var(--color-text-muted)}.continuum-key-display code{background:var(--color-surface-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:monospace}.compass-axis-editor{margin-bottom:var(--space-6)}.compass-axis-editor h4{margin:0 0 var(--space-2) 0;font-size:var(--font-size-base)}.quadrant-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--color-surface);border-radius:var(--radius-xl);width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--color-surface-light)}.modal-header h3{margin:0}.modal-close{font-size:var(--font-size-xl);line-height:1}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-6);border-top:1px solid var(--color-surface-light)}.checkbox-group label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:400}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.code-input{font-family:monospace;font-size:var(--font-size-sm)}.form-hint{display:block;margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (max-width: 640px){.admin-content{padding:var(--space-4)}.editor-header{flex-direction:column;gap:var(--space-3);align-items:stretch}.editor-actions{justify-content:stretch}.editor-actions .btn{flex:1}.editor-tabs{overflow-x:auto}.editor-tabs .tab-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);white-space:nowrap}.survey-cards,.form-row,.quadrant-grid{grid-template-columns:1fr}.statement-card-header{flex-wrap:wrap}.statement-meta{flex-direction:column;gap:var(--space-2)}.modal-content{width:95%;max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:var(--space-4)}}.forced-choice-question .question-text{margin-bottom:var(--space-4)}.forced-choice-options{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.forced-choice-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);background:var(--color-surface);border:2px solid var(--color-surface-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font-family);font-size:1.4rem;color:var(--color-text);min-height:80px;line-height:1.6}.forced-choice-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.forced-choice-card.selected{border-color:var(--color-primary);background:linear-gradient(135deg,#6366f126,#6366f10d);box-shadow:0 0 0 1px var(--color-primary),0 4px 12px #6366f14d}.option-label{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:50%;background:var(--color-surface-light);font-weight:700;font-size:var(--font-size-sm);flex-shrink:0}.forced-choice-card.selected .option-label{background:var(--color-primary);color:#fff}.option-text{flex:1}.skip-btn{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-2);text-decoration:underline;font-family:var(--font-family)}.skip-btn:hover{color:var(--color-text)}.dont-understand-label{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:1.3rem;cursor:pointer;padding:var(--space-3) 0;margin-top:var(--space-3)}.dont-understand-checkbox{cursor:pointer;width:20px;height:20px}@media (min-width: 768px){.forced-choice-options{flex-direction:row}.forced-choice-card{flex:1;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6)}}.scenario-block{padding:var(--space-3);margin-bottom:var(--space-3);background:linear-gradient(135deg,#6366f11a,#6366f108);border-left:4px solid var(--color-primary);border-radius:var(--radius-md)}.scenario-icon{font-size:1.5rem;margin-bottom:var(--space-2)}.scenario-text{font-size:1.4rem;line-height:1.7;color:var(--color-text)}.ranking-question .question-text{margin-bottom:var(--space-4)}.ranking-layout{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.ranking-ranked h4,.ranking-unranked h4{margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.ranking-hint{color:var(--color-text-muted);font-style:italic;font-size:var(--font-size-sm)}.ranking-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-2);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);transition:all var(--transition-fast)}.ranking-item.ranked{background:var(--color-surface);border:1px solid var(--color-surface-light)}.ranking-item.unranked{background:var(--color-surface-light);border:2px solid transparent;cursor:pointer;width:100%;text-align:left}.ranking-item.unranked:hover{border-color:var(--color-primary);transform:translate(4px)}.ranking-position{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:700;font-size:var(--font-size-sm);flex-shrink:0}.ranking-text{flex:1}.ranking-remove{background:none;border:none;color:var(--color-text-muted);font-size:1.2rem;cursor:pointer;padding:var(--space-1);line-height:1}.ranking-remove:hover{color:var(--color-error, #ef4444)}.ranking-reset{background:none;border:1px solid var(--color-surface-light);color:var(--color-text-muted);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.ranking-reset:hover{border-color:var(--color-text-muted);color:var(--color-text)}@media (min-width: 768px){.ranking-layout{flex-direction:row}.ranking-ranked,.ranking-unranked{flex:1}}.continua-profile-view{padding:var(--space-4)}.view-intro{color:var(--color-text-muted);margin-bottom:var(--space-6);line-height:1.6}.v2-continua-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 900px){.v2-continua-grid{grid-template-columns:1fr 1fr}}.v2-continuum-item h4{margin-bottom:var(--space-2)}.v2-continuum-labels{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-2);gap:var(--space-4)}.v2-continuum-labels span:last-child{text-align:right}.v2-continuum-track{position:relative;height:12px;background:var(--color-surface-light);border-radius:6px;margin-bottom:var(--space-2)}.v2-continuum-marker{position:absolute;top:50%;width:20px;height:20px;background:var(--color-primary);border:3px solid var(--color-bg, #0f0f23);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #6366f180}.v2-continuum-heading-row{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2)}.v2-continuum-heading-row h4{margin-bottom:0}.v2-continuum-see-responses{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;padding:0;font-family:var(--font-family);white-space:nowrap}.v2-continuum-see-responses:hover{text-decoration:underline}.v2-continuum-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.continuum-response-card{padding:var(--space-4);border-bottom:1px solid var(--color-surface-light)}.continuum-response-card:last-child{border-bottom:none}.continuum-response-prompt{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.continuum-response-choice{font-size:var(--font-size-base);margin-bottom:var(--space-2)}.continuum-response-direction{display:inline-block;font-size:var(--font-size-sm);color:var(--color-primary);font-weight:600}.beta-banner{padding:var(--space-3) var(--space-4);background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-lg);color:#fbbf24;font-size:var(--font-size-sm);text-align:center;margin-bottom:var(--space-6)}.tradeoff-profile-view{padding:var(--space-4)}.tradeoff-top-layout{display:flex;flex-direction:column;gap:var(--space-6)}@media (min-width: 900px){.tradeoff-top-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}}.tradeoff-theme-item{margin-bottom:var(--space-4)}.tradeoff-theme-item label{display:flex;justify-content:space-between;margin-bottom:var(--space-1);font-size:var(--font-size-sm)}.tradeoff-theme-bar{height:10px;background:var(--color-surface-light);border-radius:5px;overflow:hidden}.tradeoff-theme-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent, #8b5cf6));border-radius:5px;transition:width .6s ease}.radar-section{margin:var(--space-6) 0;text-align:center}.radar-chart{max-width:400px;margin:0 auto;display:block}.radar-ring{fill:none;stroke:var(--color-surface-light);stroke-width:1}.radar-spoke{stroke:var(--color-surface-light);stroke-width:1}.radar-polygon{fill:#6366f133;stroke:var(--color-primary);stroke-width:2}.radar-point{fill:var(--color-primary)}.radar-label{fill:var(--color-text-muted);font-size:11px}.tradeoff-tiles-section{margin:var(--space-4) 0}.tradeoff-tiles-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-3)}.tradeoff-tile{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-surface-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font-family);color:var(--color-text)}.tradeoff-tile:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.tradeoff-tile-name{font-weight:700;font-size:var(--font-size-sm)}.tradeoff-tile-bar{height:6px;background:var(--color-surface-light);border-radius:3px;overflow:hidden}.tradeoff-tile-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent, #8b5cf6));border-radius:3px;transition:width .6s ease}.tradeoff-tile-stat{font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted)}.tradeoff-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.tradeoff-modal{background:var(--color-bg, #0f0f23);border:1px solid var(--color-surface-light);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:80vh;overflow-y:auto}.tradeoff-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-surface-light)}.tradeoff-modal-title{margin:0;font-size:var(--font-size-lg)}.tradeoff-modal-close{background:none;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;padding:var(--space-1);line-height:1}.tradeoff-modal-close:hover{color:var(--color-text)}.tradeoff-modal-body{padding:var(--space-4)}.tradeoff-modal-item{padding:var(--space-3) 0;border-bottom:1px solid var(--color-surface-light)}.tradeoff-modal-item:last-child{border-bottom:none}.tradeoff-modal-statement{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--space-2);line-height:1.5}.tradeoff-modal-rejected-statement{color:var(--color-text-muted)}.tradeoff-modal-summary{font-size:var(--font-size-xs, .75rem);color:var(--color-success, #10b981);margin-top:var(--space-2)}.tradeoff-label{font-weight:600}.tradeoff-narrative-btn{display:block;margin:var(--space-6) auto 0}.tradeoff-narrative{margin-top:var(--space-4);line-height:1.7}@media (min-width: 768px){.tradeoff-tiles-grid{grid-template-columns:1fr 1fr}}@media (max-width: 400px){.tradeoff-tiles-grid{grid-template-columns:1fr}}.priority-profile-view{padding:var(--space-4)}.priority-ranking-display{margin-bottom:var(--space-6)}.priority-list{margin-top:var(--space-4)}.priority-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);margin-bottom:var(--space-2);transition:all var(--transition-fast)}.priority-rank{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:700;flex-shrink:0}.priority-text{flex:1;line-height:1.4}.dissonance-section{margin-top:var(--space-4)}.dissonance-found{border-left:4px solid var(--color-warning, #f59e0b);background:linear-gradient(135deg,#f59e0b1a,#f59e0b05)}.dissonance-consistent{border-left:4px solid var(--color-success, #10b981);background:linear-gradient(135deg,#10b9811a,#10b98105)}.dissonance-message{font-size:var(--font-size-base);line-height:1.7;margin-top:var(--space-3)}.dissonance-item{margin-top:var(--space-4);padding:var(--space-3);background:#ffffff0d;border-radius:var(--radius-md, 8px)}.dissonance-item h4{font-size:var(--font-size-base);margin-bottom:var(--space-2)}.dissonance-item p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.dissonance-examples{list-style:none;padding:0;margin:0}.dissonance-examples li{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);margin-top:var(--space-1);background:#ffffff0d;border-radius:var(--radius-sm, 4px);border-left:3px solid var(--color-warning, #f59e0b)}.dissonance-reflection{margin-top:var(--space-4);font-style:italic;color:var(--color-text-muted)}.supplementary-indicators{margin:var(--space-4) 0}.supplementary-indicators h4{margin-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.supplementary-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.supplementary-badge{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--color-surface-light);border-radius:999px;font-size:var(--font-size-sm);color:var(--color-text)}.completion-choice{text-align:center;padding:var(--space-12) var(--space-6)}.completion-choice__message{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-4)}.completion-choice__subtext{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--space-8)}.completion-choice__buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.view-results-link{margin-left:auto}@media (max-width: 640px){.completion-choice__buttons{flex-direction:column}.completion-choice__buttons .btn{width:100%}}.continue-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);margin:0 var(--space-4) var(--space-6);max-width:900px;margin-left:auto;margin-right:auto;background:linear-gradient(135deg,#6366f126,#ec48991a);border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-lg)}.continue-banner__text{font-size:var(--font-size-base);color:var(--color-text);margin:0}@media (max-width: 640px){.continue-banner{flex-direction:column;text-align:center}}.explore-layout{display:flex;flex-direction:column;gap:var(--space-6)}@media (min-width: 900px){.explore-layout{display:grid;grid-template-columns:2fr 3fr;gap:var(--space-6);align-items:center}}.explore-panel,.explore-controls{display:flex;flex-direction:column;gap:var(--space-4)}.explore-field{display:flex;flex-direction:column;gap:var(--space-2)}.explore-field-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.custom-select{position:relative;width:100%}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:2px solid var(--color-surface-light);border-radius:var(--radius-lg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);cursor:pointer;text-align:left;transition:border-color var(--transition-fast)}.custom-select-trigger:after{content:"▾";color:var(--color-text-muted);margin-left:var(--space-2)}.custom-select-trigger:hover,.custom-select.open .custom-select-trigger{border-color:var(--color-primary)}.custom-select-dropdown{display:none;position:absolute;top:calc(100% + var(--space-1));left:0;right:0;background-color:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-lg);max-height:250px;overflow-y:auto;z-index:200;box-shadow:0 8px 24px #0006}.custom-select.open .custom-select-dropdown{display:block}.custom-select-option{padding:var(--space-3) var(--space-4);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.custom-select-option:hover{background-color:#6366f126;color:var(--color-text)}.custom-select-option.selected{color:var(--color-primary);font-weight:600}.custom-select-option:not(:last-child){border-bottom:1px solid var(--color-surface-light)}.explore-presets{display:flex;flex-direction:column;gap:var(--space-2)}.explore-preset-btn{background:var(--color-surface);border:1px solid var(--color-surface-light);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:left;transition:all var(--transition-fast)}.explore-preset-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.explore-hint{font-size:var(--font-size-sm);font-style:italic;color:var(--color-text-muted)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);line-height:1.6;min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{font-weight:700;line-height:1.2}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{color:var(--color-text-muted)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-8);text-align:center}.login-container h1{font-size:clamp(3rem,8vw,5.5rem);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-container .tagline{margin-bottom:var(--space-8);font-size:clamp(1.25rem,3vw,2rem)}.login-container .auth-instruction{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--space-4)}