.interview-toolbar{display:flex;align-items:center;gap:13px;padding:11px 14px;background:#fff;border:1px solid #e9edf4;border-radius:11px;box-shadow:0 2px 8px #2d365006;margin-bottom:11px}.interview-mode{display:flex;align-items:center;gap:9px;min-width:190px}.mode-pulse{width:9px;height:9px;border-radius:50%;background:#30b990;box-shadow:0 0 0 4px #30b99020}.interview-mode div{display:flex;flex-direction:column;gap:3px}.interview-mode strong{font-size:9px;color:#414a63}.interview-mode small{font-size:7px;color:#969dae}.interview-context{height:29px;border:1px solid #eceef4;border-radius:7px;display:flex;align-items:center;gap:7px;padding:0 8px;color:#77809a}.interview-context span{font-size:12px}.interview-context select{appearance:none;border:0;background:transparent;outline:0;color:#5b647c;font:600 8px var(--font);padding-right:2px;max-width:130px}.interview-progress{margin-left:auto;display:grid;grid-template-columns:auto auto;column-gap:6px;align-items:center}.interview-progress>b{font:800 14px var(--display);color:#5869ef}.interview-progress>span{font-size:7px;color:#8e96a9}.interview-progress>i{grid-column:1/-1;width:113px;height:4px;border-radius:5px;background:#eef0f5;margin-top:5px}.interview-progress>i>b{height:100%;display:block;border-radius:5px;background:linear-gradient(90deg,#6574f1,#a27be9);transition:width .2s}.consent-banner{display:flex;align-items:center;gap:10px;border:1px solid #f2e7c8;background:#fffaf0;border-radius:10px;padding:10px 12px;margin-bottom:12px}.consent-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#fff0c8;color:#b58223;flex:0 0 auto;font-size:12px}.consent-banner>div{min-width:0;flex:1}.consent-banner strong{font-size:9px;color:#725728}.consent-banner p{font-size:8px;line-height:1.45;color:#9b8864;margin:3px 0 0}.consent-banner .button{height:30px;white-space:nowrap;font-size:8px;padding:0 9px}.consent-state{font-size:7px;color:#af8b42;min-width:49px;text-align:right}.consent-confirmed{border-color:#b8e5d3;color:#278a6c;background:#effaf5}.mosaic-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:12px;align-items:start}.mosaic-card{background:#fff;border:1px solid #e9edf4;border-radius:12px;padding:15px 16px;box-shadow:0 2px 8px #2d365006;min-width:0;position:relative}.profile-card{grid-column:1;grid-row:1}.topic-card{grid-column:2;grid-row:1}.work-card{grid-column:1;grid-row:2}.politics-card{grid-column:2;grid-row:2}.notes-card{grid-column:1/-1;grid-row:3}.mosaic-head{display:flex;align-items:center;gap:9px;margin-bottom:14px}.mosaic-head>div{min-width:0}.mosaic-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-size:13px;flex:0 0 auto}.profile-icon{background:#eef0ff;color:#6271e8}.topic-icon{background:#fff0ed;color:#ed7c70}.engagement-icon{background:#eaf8f2;color:#31a982}.politics-icon{background:#f3edff;color:#9571dc}.notes-icon{background:#fff5df;color:#c1902b}.mosaic-kicker{display:block;font-size:6.5px;letter-spacing:.95px;font-weight:800;color:#a1a7b5;margin-bottom:3px}.mosaic-head h2{font:700 12px var(--display);letter-spacing:-.25px;color:#303a54;margin:0}.optional-label,.multi-label,.sensitive-label{margin-left:auto;font-size:6.5px;color:#a2a7b4;white-space:nowrap}.multi-label{color:#9082d2}.sensitive-label{color:#bb7d28;background:#fff5df;border-radius:5px;padding:4px 6px}.mosaic-field{margin-top:12px}.field-title{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:7px}.field-title strong{font-size:8px;font-weight:700;color:#626b81}.field-hint{font-size:6.5px;color:#a2a8b5;white-space:nowrap}.field-source{display:flex;gap:3px}.source-choice{border:0;border-radius:5px;padding:3px 6px;background:#f5f6fa;color:#9aa0af;font:600 6.5px var(--font);cursor:pointer}.source-choice.selected{background:#eef0ff;color:#6674e8}.choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.age-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-pick{min-height:27px;border:1px solid #eaedf3;border-radius:6px;background:#fff;color:#737c91;font:500 7px var(--font);padding:4px 6px;cursor:pointer;transition:.15s ease;line-height:1.2}.quick-pick:hover{border-color:#c3c8f3;background:#fbfbff}.quick-pick.selected{border-color:#8791ef;color:#505ed3;background:#f0f1ff;box-shadow:0 0 0 1px #8791ef22}.choice-row{display:flex;gap:5px;flex-wrap:wrap}.choice-row .quick-pick{flex:1 1 auto}.mosaic-select{width:100%;height:31px;border:1px solid #e8ebf2;border-radius:6px;background:#fff;padding:0 8px;color:#737c91;font:500 7.5px var(--font);outline:none}.mosaic-select:focus{border-color:#8791ef;box-shadow:0 0 0 3px #6473f31a}.work-text{height:30px}.work-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.theme-tile{min-height:34px;border:1px solid #eceef4;border-radius:7px;background:#fff;display:flex;align-items:center;gap:6px;padding:0 7px;cursor:pointer;text-align:left;transition:.15s ease;color:#7b8396}.theme-tile>span{width:17px;height:17px;border-radius:5px;display:grid;place-items:center;font-size:10px;background:#f3f4fa;color:#727d98;flex:0 0 auto}.theme-tile b{font:600 7px var(--font);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-tile i{font:400 10px var(--font);color:#b1b6c2;font-style:normal}.theme-tile:hover{border-color:#c8cdf3;background:#fcfcff}.theme-tile.selected{border-color:#8e98ef;background:#f5f5ff;color:#505dce}.theme-tile.selected i{color:#5667df}.theme-home>span{background:#eef0ff;color:#6472e7}.theme-health>span{background:#fff0ed;color:#eb7b6e}.theme-work>span{background:#fff6e3;color:#d29b2d}.theme-mobility>span{background:#f4edff;color:#9b76dc}.theme-school>span{background:#eaf8f2;color:#32ac84}.theme-cost>span{background:#fff5e7;color:#cc933a}.theme-env>span{background:#eaf8f2;color:#36ad87}.theme-safe>span{background:#f1efff;color:#8976d9}.theme-social>span{background:#fff0f0;color:#dc7c88}.theme-tax>span{background:#fff5df;color:#bc8c2b}.theme-civic>span{background:#eef4ff;color:#5d87ce}.theme-other>span{background:#f3f4f8;color:#8990a3}.mosaic-instruction{font-size:7.5px;color:#969dae;margin:-7px 0 10px;line-height:1.45}.priority-prompt{border-top:1px solid #f0f1f5;padding-top:10px;margin-top:12px}.priority-prompt .quick-pick{font-size:6.5px}.work-sector{min-height:27px}.work-sector b{font-size:6.5px}.contact-separation{display:flex;align-items:flex-start;gap:7px;border-top:1px solid #f0f1f5;padding-top:10px;margin-top:12px;color:#8089a0}.contact-separation span{color:#9c8bdc;font-size:12px}.contact-separation p{font-size:7px;line-height:1.5;margin:0}.politics-card fieldset{border:0;padding:0;margin:0;min-width:0}.politics-card fieldset[disabled]{opacity:.5;filter:saturate(.5);pointer-events:none}.politics-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.politics-columns>.mosaic-field{margin:0}.party-label{margin-top:11px}.local-vote-field{border-top:1px solid #f0f1f5;padding-top:11px}.consent-lock{position:absolute;z-index:3;left:50%;top:56%;transform:translate(-50%,-50%);width:min(240px,80%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:13px 15px;border:1px solid #e8e2f7;border-radius:10px;background:#fff;box-shadow:0 8px 22px #3434521a}.consent-lock[hidden]{display:none}.consent-lock>span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;color:#9473d9;background:#f3eeff;font-size:12px}.consent-lock strong{font:700 9px var(--display);color:#525b74}.consent-lock small{font-size:7px;color:#989eae;line-height:1.35}.mosaic-notes{display:block;width:100%;min-height:72px;resize:vertical;border:1px solid #e8ebf2;border-radius:7px;padding:9px;color:#5e667d;font:400 8px/1.5 var(--font);outline:none}.mosaic-notes:focus{border-color:#929bf0;box-shadow:0 0 0 3px #6473f31a}.mosaic-notes::placeholder{color:#b3b8c4}.notes-footer{display:flex;justify-content:space-between;gap:10px;margin-top:6px;color:#a0a6b3;font-size:6.5px}.interview-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}.footer-status{margin-right:auto;display:flex;align-items:center;gap:6px;color:#9ba2b1;font-size:7px}.save-dot{width:6px;height:6px;border-radius:50%;background:#d6dae3}.interview-footer .button{height:34px;font-size:8px}.prototype-note{text-align:right;color:#b0b5c0;font-size:6.5px;margin-top:7px}
@media(max-width:1000px){.interview-toolbar{flex-wrap:wrap}.interview-mode{min-width:180px}.interview-progress{margin-left:auto}.mosaic-grid{grid-template-columns:1fr 1fr}.topic-card{grid-column:1/-1;grid-row:1}.profile-card{grid-column:1;grid-row:2}.work-card{grid-column:2;grid-row:2}.politics-card{grid-column:1/-1;grid-row:3}.notes-card{grid-row:4}.theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.interview-toolbar{gap:8px;padding:9px}.interview-mode{width:100%;min-width:unset}.interview-context{flex:1;min-width:0}.interview-context select{max-width:unset;min-width:0;width:100%}.interview-progress{margin-left:auto}.interview-progress>i{width:75px}.consent-banner{align-items:flex-start;flex-wrap:wrap;padding:9px}.consent-banner>div{width:calc(100% - 42px);flex:1}.consent-banner .button{margin-left:32px}.consent-state{align-self:center;margin-left:auto}.mosaic-grid{grid-template-columns:1fr;gap:9px}.topic-card,.profile-card,.work-card,.politics-card,.notes-card{grid-column:1;grid-row:auto}.mosaic-card{padding:13px}.mosaic-head{margin-bottom:12px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-tile{min-height:37px}.theme-tile b{font-size:8px}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.age-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-pick{min-height:31px;font-size:7.5px}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.politics-columns{grid-template-columns:1fr;gap:13px}.consent-lock{top:48%;width:210px}.interview-footer{flex-wrap:wrap}.footer-status{width:100%;margin:0 0 2px}.interview-footer .button{flex:1}.prototype-note{text-align:left;line-height:1.45}}
