:root{--navy-900: #0f1e3d;--navy-700: #1e3a8a;--navy-600: #2547a8;--navy-100: #e6ecf7;--navy-50: #f3f6fc;--ink-900: #0e1320;--ink-700: #2b3144;--ink-500: #5a6175;--ink-400: #828aa0;--ink-300: #b8bdcc;--ink-200: #d9dde6;--ink-100: #eef0f5;--ink-50: #f7f8fb;--paper: #ffffff;--red-600: #c92a2a;--red-500: #dc2626;--green-600: #2f9e44;--amber-600: #b8860b;--band-blue: #d9e6f4;--band-yellow: #f1ecc9;--band-pink: #e8d5e2;--band-green: #d6e4cc;--band-orange: #f1d9c2;--band-violet: #d8d6e8;--grid-line: #e3e6ee;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(15,30,61,.06), 0 1px 1px rgba(15,30,61,.04);--shadow: 0 2px 8px rgba(15,30,61,.06), 0 1px 2px rgba(15,30,61,.04);--shadow-lg: 0 12px 32px rgba(15,30,61,.1), 0 2px 6px rgba(15,30,61,.06);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif: "Source Serif 4", "Source Serif Pro", Georgia, serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:var(--font-sans);color:var(--ink-900);background:var(--ink-50);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{height:56px;background:var(--paper);border-bottom:1px solid var(--ink-200);display:flex;align-items:center;padding:0 28px;gap:22px;position:sticky;top:0;z-index:30}.topbar .brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--navy-900);letter-spacing:.02em;text-decoration:none}.brand-mark{width:26px;height:26px;border-radius:6px;background:linear-gradient(135deg,var(--navy-700),var(--navy-600));display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;font-family:var(--font-serif)}.brand-name{font-size:15px}.brand-sub{color:var(--ink-400);font-weight:500;font-size:13px;margin-left:4px}.nav-pills{display:flex;gap:4px;margin-left:auto;background:var(--ink-100);border-radius:999px;padding:4px}.nav-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:6px 14px;border-radius:999px;font:inherit;font-size:13px;font-weight:500;color:var(--ink-500);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:all .15s ease}.nav-pill:hover{color:var(--ink-900)}.nav-pill.active{background:var(--paper);color:var(--navy-900);box-shadow:var(--shadow-sm)}.content{flex:1;padding:36px 28px 80px}.container{max-width:1120px;margin:0 auto}.container-wide{max-width:1280px;margin:0 auto}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:600;color:var(--navy-700)}h1.page-title{font-family:var(--font-serif);font-weight:600;font-size:36px;margin:8px 0;letter-spacing:-.01em;color:var(--navy-900)}.page-lead{color:var(--ink-500);font-size:16px;max-width:64ch;margin:0 0 28px}h2.section-title{font-family:var(--font-serif);font-weight:600;font-size:22px;color:var(--navy-900);margin:0 0 12px;letter-spacing:-.005em}.card{background:var(--paper);border:1px solid var(--ink-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:32px}.card-pad-lg{padding:44px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font:inherit;font-weight:500;padding:11px 18px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease;font-size:14px;line-height:1;white-space:nowrap;text-decoration:none}.btn:focus-visible{outline:2px solid var(--navy-600);outline-offset:2px}.btn-primary{background:var(--navy-700);color:#fff}.btn-primary:hover{background:var(--navy-900)}.btn-primary:disabled{background:var(--ink-200);color:var(--ink-400);cursor:not-allowed}.btn-secondary{background:var(--paper);color:var(--ink-900);border:1px solid var(--ink-200)}.btn-secondary:hover{border-color:var(--ink-400);background:var(--ink-50)}.btn-ghost{background:transparent;color:var(--ink-500)}.btn-ghost:hover{color:var(--ink-900);background:var(--ink-100)}.btn-danger{background:transparent;color:var(--red-600);border:1px solid var(--ink-200)}.btn-danger:hover{background:#fdf2f2;border-color:#f3c8c8}.btn-lg{padding:13px 22px;font-size:15px}.btn-sm{padding:7px 12px;font-size:13px;border-radius:6px}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:13px;font-weight:500;color:var(--ink-700)}.label .req{color:var(--red-600);margin-left:2px}.input,.select,.textarea{width:100%;border:1px solid var(--ink-200);background:var(--paper);border-radius:8px;padding:10px 12px;font:inherit;font-size:14px;color:var(--ink-900);transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus,.textarea:focus{outline:0;border-color:var(--navy-600);box-shadow:0 0 0 3px #2547a826}.helper{font-size:12px;color:var(--ink-400)}.check{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:14px;border:1px solid var(--ink-200);border-radius:10px;background:var(--ink-50);transition:all .15s ease}.check:hover{border-color:var(--ink-300)}.check.checked{background:var(--navy-50);border-color:var(--navy-600)}.check input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1.5px solid var(--ink-300);border-radius:4px;background:#fff;cursor:pointer;margin:1px 0 0;display:grid;place-items:center;flex:0 0 auto;transition:all .15s ease}.check input[type=checkbox]:checked{background:var(--navy-700);border-color:var(--navy-700)}.check input[type=checkbox]:checked:after{content:"";width:10px;height:10px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M3 8.5l3 3 7-7'/></svg>") center/contain no-repeat}.check-text{font-size:13.5px;color:var(--ink-700);line-height:1.55}.check-text strong{color:var(--ink-900);font-weight:600}.likert{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.likert-opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ink-200);background:var(--paper);border-radius:12px;padding:18px 12px 14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;font:inherit;transition:all .15s ease;text-align:center}.likert-opt:hover{border-color:var(--navy-600);transform:translateY(-1px);box-shadow:var(--shadow)}.likert-opt.selected{background:var(--navy-50);border-color:var(--navy-700);box-shadow:0 0 0 3px #2547a81a}.likert-dot{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--ink-300);background:#fff;display:grid;place-items:center;font-weight:600;font-size:13px;color:var(--ink-500);transition:all .15s ease}.likert-opt.selected .likert-dot{background:var(--navy-700);border-color:var(--navy-700);color:#fff}.likert-label{font-size:12.5px;color:var(--ink-700);line-height:1.35;font-weight:500}.likert-opt.selected .likert-label{color:var(--navy-900)}.progress-row{display:flex;align-items:center;gap:16px;margin-bottom:24px}.progress-track{flex:1;height:6px;background:var(--ink-100);border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:var(--navy-700);border-radius:999px;transition:width .35s ease}.progress-text{font-size:13px;color:var(--ink-500);font-variant-numeric:tabular-nums;font-weight:500}.profile-sheet{background:#fff;border:1px solid var(--ink-200);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.profile-header{background:var(--navy-700);color:#fff;padding:20px 28px}.profile-header-title{font-family:var(--font-serif);font-weight:600;font-size:18px;margin:0;letter-spacing:.005em}.profile-header-sub{margin:4px 0 0;color:#ffffffc7;font-size:13px}.chart{position:relative;display:grid;grid-template-columns:64px 64px 1fr 280px;border-top:1px solid var(--ink-200)}.chart-h{background:var(--ink-50);border-bottom:1px solid var(--ink-200);padding:10px 8px;text-align:center;font-size:11px;font-weight:600;color:var(--ink-500);text-transform:uppercase;letter-spacing:.06em}.chart-scale{position:relative;background:var(--ink-50);border-bottom:1px solid var(--ink-200);padding:10px 0 8px}.chart-scale-inner{position:relative;height:40px;margin:0 14px}.scale-tick{position:absolute;top:0;width:1px;height:100%;background:var(--ink-200);transform:translate(-.5px)}.scale-num{position:absolute;top:22px;font-size:11px;color:var(--ink-500);font-weight:500;font-variant-numeric:tabular-nums;transform:translate(-50%)}.scale-label{position:absolute;top:0;font-size:10px;font-weight:600;color:var(--ink-400);text-transform:uppercase;letter-spacing:.08em;transform:translate(-50%)}.row-roh,.row-norm{border-bottom:1px solid var(--ink-200);display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500;color:var(--ink-700);background:#fff}.row-norm{color:var(--navy-900);font-weight:600;border-left:1px solid var(--ink-200);border-right:1px solid var(--ink-200)}.row-band{position:relative;border-bottom:1px solid var(--ink-200);height:96px}.row-band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:0 14px;background-image:repeating-linear-gradient(to right,var(--grid-line) 0,var(--grid-line) 1px,transparent 1px,transparent calc(100% / 9))}.row-info{padding:14px 18px;border-bottom:1px solid var(--ink-200);border-left:1px solid var(--ink-200);display:flex;flex-direction:column;gap:6px}.row-info-title{font-weight:700;color:var(--navy-900);font-size:14px;letter-spacing:.005em}.row-info-q{font-size:12.5px;color:var(--ink-500);line-height:1.45}.row-info-facets{margin-top:4px;font-size:12px;color:var(--ink-700);line-height:1.5}.chart-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.table-wrap{border:1px solid var(--ink-200);border-radius:12px;overflow:hidden;background:var(--paper)}table.tbl{width:100%;border-collapse:collapse;font-size:14px}table.tbl th,table.tbl td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--ink-100);vertical-align:middle}table.tbl thead th{background:var(--ink-50);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-500);font-weight:600;border-bottom:1px solid var(--ink-200)}table.tbl tbody tr:last-child td{border-bottom:0}table.tbl tbody tr.clickable{cursor:pointer}table.tbl tbody tr.clickable:hover,table.tbl tbody tr.selected{background:var(--navy-50)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:500;background:var(--ink-100);color:var(--ink-700)}.badge.pos{background:#e6f4ea;color:var(--green-600)}.badge.neg{background:#fdecea;color:var(--red-600)}.badge.neu{background:var(--navy-100);color:var(--navy-700)}.pol-pill{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.pol-pill.pos{background:#e6f4ea;color:var(--green-600)}.pol-pill.neg{background:#fdecea;color:var(--red-600)}.row-flex{display:flex;align-items:center;gap:12px}.stack{display:flex;flex-direction:column}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.muted{color:var(--ink-500)}.divider{height:1px;background:var(--ink-200);margin:24px 0}.avatar{width:32px;height:32px;border-radius:50%;background:var(--navy-100);color:var(--navy-700);display:grid;place-items:center;font-weight:600;font-size:12px;flex:0 0 auto}.compare-wrap{overflow-x:auto}.q-card{background:#fff;border:1px solid var(--ink-200);border-radius:14px;padding:36px 40px;box-shadow:var(--shadow-sm)}.q-text{font-family:var(--font-serif);font-size:24px;line-height:1.4;color:var(--navy-900);margin:8px 0 28px;font-weight:600;letter-spacing:-.005em}.q-stem{color:var(--ink-500);font-size:14px;margin:0 0 4px}.micro-foot{margin-top:10px;text-align:center;color:var(--ink-400);font-size:12px}.save-ind{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-400)}.save-ind .dot{width:6px;height:6px;border-radius:50%;background:var(--green-600)}.legend{display:flex;gap:18px;flex-wrap:wrap;padding:12px 28px;background:var(--ink-50);border-bottom:1px solid var(--ink-200);font-size:12px;color:var(--ink-500)}.legend-item{display:inline-flex;align-items:center;gap:8px}.legend-dot{width:10px;height:10px;border-radius:50%;background:var(--red-500)}.legend-line{width:18px;height:2px;background:var(--navy-700)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:16px;flex-wrap:wrap}.user-list{display:flex;flex-direction:column}.user-row{padding:14px 16px;border-bottom:1px solid var(--ink-100);display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .15s ease}.user-row:hover{background:var(--ink-50)}.user-row.active{background:var(--navy-50)}.user-row:last-child{border-bottom:0}.user-name{font-weight:500;color:var(--ink-900);font-size:14px}.user-meta{font-size:12px;color:var(--ink-400)}.mini-bar{position:relative;height:6px;width:80px;background:var(--ink-100);border-radius:999px;overflow:hidden;margin-top:6px}.mini-bar>span{position:absolute;left:0;top:0;bottom:0;background:var(--navy-700);border-radius:999px}.empty-state{padding:48px;text-align:center;color:var(--ink-500)}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.banner-warn{background:#fff8e1;border:1px solid #f3e2a1;color:#7a5a00;padding:12px 16px;border-radius:10px;font-size:13.5px;margin-bottom:18px}.banner-error{background:#fdecea;border:1px solid #f3c8c8;color:var(--red-600);padding:12px 16px;border-radius:10px;font-size:13.5px;margin-bottom:18px}@media (max-width: 880px){.chart{grid-template-columns:48px 48px 1fr}.row-info{grid-column:1 / -1;border-left:0;border-top:1px solid var(--ink-200)}}