/* Research Workspace visual direction — deliberately distinct from Google Forms. */
:root{--ink:#17252b;--muted:#65747a;--line:#d7dfdc;--paper:#f3f2ed;--purple:#0f766e;--purple-dark:#0b5d57;--soft:#e5efec;--white:#fff;--danger:#bd3f36;--navy:#17324d;--sand:#e8ddc8;--amber:#d28a32}
body{background:var(--paper);letter-spacing:-.008em}a{color:var(--purple)}
.app-header{height:76px;padding:0 38px;background:var(--navy);border:0;box-shadow:0 6px 24px #132c4020}.app-header .logo,.app-header nav>a{color:#fff}.logo span{background:#36a89c;border-radius:12px;transform:rotate(-4deg)}.app-header .token-balance-pill{background:#ffffff16;color:#fff!important;border:1px solid #ffffff28}.app-header .avatar{outline:3px solid #ffffff26}
.primary{background:var(--purple);border-radius:10px;box-shadow:0 4px 10px #0f766e22}.primary:hover{background:var(--purple-dark)}input,textarea,select{border-color:#c7d1cd;border-radius:10px}.notice{border-radius:12px}
.dashboard-head{max-width:1220px;padding:58px 32px 30px;align-items:center}.dashboard-head span,.phase-card span{color:var(--purple)}.dashboard-head h1{font-family:Georgia,serif;font-size:48px;font-weight:500}.search{padding:5px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px #17252b0b}.search input{border:0}.search button{border:0;background:var(--navy);color:#fff;border-radius:9px}
.start-card{max-width:1156px;margin:0 auto 12px;padding:28px 34px;background:linear-gradient(120deg,#dcece7,#efe5d4);border-radius:20px;box-shadow:inset 0 0 0 1px #fff9}.start-card h2{font-family:Georgia,serif;font-size:27px;font-weight:500}.new-form{display:flex;align-items:center;gap:14px}.new-form b{width:72px;height:72px;border:0;border-radius:18px;background:var(--navy);color:#fff;box-shadow:0 8px 22px #17324d33}.new-form span{text-align:left;color:var(--navy)}
.forms-section{max-width:1220px;padding:35px 32px}.form-grid{grid-template-columns:repeat(3,1fr);gap:24px}.form-card{border:0;border-radius:16px;box-shadow:0 5px 20px #182d3510;transition:.2s transform,.2s box-shadow}.form-card:hover{border:0;transform:translateY(-4px);box-shadow:0 14px 34px #182d3520}.form-preview{height:165px;padding:30px;background:#f8faf9}.form-preview span{height:10px;border-radius:5px}.form-preview i{border:0;border-radius:5px;background:#e7ece9}.form-meta{padding:18px}.form-meta strong{font-size:16px}.form-meta small{font-size:11px}
.form-editor-header{position:sticky;top:0;z-index:30;background:var(--navy);border:0;box-shadow:0 5px 22px #17252b22}.form-editor-top{height:72px}.form-topic{color:#fff;font-family:Georgia,serif;font-size:21px}.form-topic:hover{color:#8fd5cc}.header-icon{color:#d9e4e7}.header-icon:hover{background:#ffffff12}.published-button{border-color:#65c1b6;background:#ffffff0d;color:#b7eee7}.form-editor-header .token-balance-pill{background:#ffffff12;color:#fff!important}.form-editor-header .tabs{height:48px;background:#fff0;border-top:1px solid #ffffff14;border-bottom:0}.form-editor-header .tabs a{color:#b7c7cc}.form-editor-header .tabs .active{color:#fff;border-color:#55c2b5}.tabs b{background:#ffffff18}
.respondent-request-open{border:1px solid #62c2b6;border-radius:10px;padding:10px 14px;background:#1f8178;color:#fff;font-weight:800;white-space:nowrap}.respondent-request-open.active{background:#ffffff12;color:#aee7df}.respondent-request-dialog{width:min(620px,calc(100vw - 28px));max-height:88vh;padding:0;border:0;border-radius:20px;box-shadow:0 24px 80px #102a3b66}.respondent-request-dialog::backdrop{background:#0d1e2bb8}.respondent-request-dialog .share-dialog-head{padding-bottom:18px;background:#eef3f1}.respondent-request-dialog .share-dialog-head span{font-size:10px;letter-spacing:.16em;color:var(--purple);font-weight:900}.respondent-request-form{padding:24px 30px 30px}.distribution-cost{display:flex;align-items:center;gap:18px;padding:16px 18px;border-radius:14px;background:var(--navy);color:#fff}.distribution-cost div{display:grid;margin-right:auto}.distribution-cost small{font-size:9px;letter-spacing:.12em;color:#afc5cc}.distribution-cost div b{font-size:20px}.distribution-cost>span{color:#b8c8cd}.distribution-cost>strong{font-size:20px;color:#75d2c7}.respondent-request-form label small{display:block;color:var(--muted);font-weight:400}.respondent-request-form fieldset{margin:22px 0 0;padding:18px;border:1px solid var(--line);border-radius:14px}.respondent-request-form legend{padding:0 7px;font-weight:800}.respondent-request-form fieldset>p{margin:0;color:var(--muted);font-size:12px}.respondent-request-form footer{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:22px}.insufficient-token{display:block;margin-top:12px;text-align:right;font-weight:700}.campaign-active-state{padding:34px}.campaign-active-state b{font:500 26px Georgia,serif}.campaign-active-state p{color:var(--muted);line-height:1.6;margin-bottom:24px}@media(max-width:760px){.respondent-request-open{width:40px;overflow:hidden;font-size:0;padding:9px}.respondent-request-open:before{content:'◎';font-size:20px}}
.screening-options-head{display:grid;gap:3px;margin:18px 0 8px}.screening-options-head small{color:var(--muted)}.screening-options{display:grid;gap:8px}.screening-option{display:grid;grid-template-columns:28px 1fr 34px;align-items:center;gap:8px}.screening-option>input[type="radio"]{appearance:none;width:21px;height:21px;margin:0;border:2px solid #8a9693;border-radius:50%;padding:0}.screening-option>input[type="radio"]:checked{border:6px solid var(--purple)}.screening-option>input[type="text"],.screening-option>input:not([type]){margin:0}.screening-option button{border:0;background:transparent;color:var(--muted);font-size:23px}.screening-option button:hover{color:var(--danger)}.add-screening-option{margin:10px 0 0 36px;border:0;background:transparent;color:var(--purple);font-weight:800}
.campaign-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:14px;overflow:hidden;border-radius:13px;background:#cdd9d5}.campaign-progress>div{display:grid;gap:4px;padding:13px 16px;background:#eaf0ee}.campaign-progress small{font-size:9px;letter-spacing:.1em;color:var(--muted)}.campaign-progress b{font-size:22px;color:var(--navy)}
.csv-import-shell{max-width:1220px;margin:auto;padding:52px 28px 80px}.csv-import-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.csv-import-head span,.csv-mapping-card>header span,.csv-preview-card>header span{font-size:10px;letter-spacing:.16em;color:var(--purple);font-weight:900}.csv-import-head h1{font:500 46px Georgia,serif;margin:7px 0}.csv-import-head p{color:var(--muted);max-width:650px}.csv-upload-card{max-width:650px;margin:70px auto;padding:48px;text-align:center;border-radius:24px;background:#fff;box-shadow:0 12px 38px #17252b12}.csv-upload-icon{display:grid;place-items:center;width:84px;height:84px;margin:auto;border-radius:22px;background:#dcece7;color:var(--purple);font-size:20px;font-weight:900}.csv-upload-card p{color:var(--muted);line-height:1.6}.csv-upload-card form{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:28px}.csv-file-picker{margin:0}.csv-file-picker input{position:absolute;opacity:0;width:1px}.csv-file-picker span{display:block;padding:11px 17px;border:1px solid var(--line);border-radius:10px;background:#fff}.csv-file-summary{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:1px;margin-bottom:20px;overflow:hidden;border-radius:16px;background:#d4ddda}.csv-file-summary>div{display:grid;gap:3px;padding:18px;background:#fff}.csv-file-summary small{color:var(--muted);font-size:9px;letter-spacing:.1em}.csv-file-summary a{height:100%;display:grid;place-items:center;padding:0 20px;background:#e7eeeb}.csv-title-field{max-width:650px;margin:22px 0}.csv-title-field input{font:500 24px Georgia,serif}.csv-mapping-card,.csv-preview-card{margin-top:22px;padding:26px;border-radius:18px;background:#fff;box-shadow:0 6px 24px #17252b0e}.csv-mapping-card>header{display:flex;justify-content:space-between;gap:30px;align-items:end;padding-bottom:18px;border-bottom:1px solid var(--line)}.csv-mapping-card h2,.csv-preview-card h2{margin:5px 0 0}.csv-mapping-card>header p{max-width:430px;margin:0;color:var(--muted);font-size:12px}.csv-column-list{display:grid}.csv-column-row{display:grid;grid-template-columns:minmax(150px,1.3fr) minmax(180px,1fr) minmax(170px,1fr) minmax(180px,1.3fr);gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #e7ebe8}.csv-column-name{display:grid;gap:4px}.csv-column-name small,.csv-values small{color:var(--muted);font-size:9px}.csv-column-row label{margin:0}.csv-column-row select{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff}.csv-column-row input{margin-top:3px;padding:10px}.csv-values{display:grid;gap:4px;min-width:0}.csv-values span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.csv-preview-card>div{overflow:auto}.csv-preview-card table{width:100%;border-collapse:collapse;font-size:11px}.csv-preview-card th,.csv-preview-card td{max-width:220px;padding:10px;border:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.csv-preview-card th{background:#e8efed}.csv-import-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}.csv-import-actions p{color:var(--muted);font-size:12px}@media(max-width:850px){.csv-column-row{grid-template-columns:1fr 1fr}.csv-values{grid-column:1/-1}.csv-file-summary{grid-template-columns:1fr 1fr}.csv-file-summary a{padding:15px}.csv-import-head,.csv-import-actions{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.csv-column-row{grid-template-columns:1fr}.csv-upload-card{padding:28px}.csv-upload-card form{align-items:stretch;flex-direction:column}}
.editor-canvas{max-width:920px;margin:36px auto}.title-card,.question-card,.add-question-card{border:0;border-radius:16px;box-shadow:0 5px 22px #17252b0e}.title-card{border-top:0;border-left:10px solid var(--theme,var(--purple));padding:34px}.title-input{font-family:Georgia,serif}.question-list{gap:18px}.question-card[open]{border-left:7px solid var(--amber);box-shadow:0 12px 36px #17252b1a}.question-card:not([open]):hover{box-shadow:0 10px 28px #17252b14}.question-card>summary{padding:24px 28px}.question-card[open] .question-form{border-top:1px solid #e4e8e5}.preview-type{background:#e8efed;border:0;color:#36535a}.question-card[open]>.question-preview-answer,.question-card[open]>summary .question-preview-answer{display:none}.question-main input{background:#f2f5f3}.builder-toolbar{border-radius:18px!important;box-shadow:0 12px 32px #17252b24!important}
.page-public,.page-thanks{background:#e9ede9}.public-brand{height:70px;background:var(--navy);color:#fff;padding:0 max(24px,calc((100vw - 1020px)/2))}.public-brand span{background:#38a89d}.public-canvas{max-width:900px;margin:38px auto}.public-title,.public-question,.respondent-card{border:0;border-radius:16px;padding:30px 34px;box-shadow:0 4px 18px #17252b0c}.public-title{border-top:0;border-left:10px solid var(--theme,var(--purple))}.public-title h1{font-family:Georgia,serif;font-weight:500;font-size:39px}.public-question{margin-bottom:18px}.question-label h2{font-size:18px}.choice{padding:7px 0}.reward-banner{border-radius:14px;background:#dcefe7;color:#155d53}
.responses-shell{max-width:1280px;margin-top:36px}.summary-overview article,.summary-card,.correlation-card,.regression-section,.reliability-card,.variable-graphic-card,.response-table-card,.individual-head,.individual-answers article{border:0;border-radius:16px;box-shadow:0 5px 22px #17252b0d}.response-view-tabs{justify-content:center}.response-view-tabs a{border-radius:10px}.response-view-tabs a.active{background:var(--navy);color:#fff}.summary-card>header span,.correlation-card>header>span,.regression-section>header span,.reliability-card>header span,.variable-graphic-card>header span{color:var(--purple)}.response-table thead th,.summary-data-table th{background:#e8efed;color:#24444a}.correlation-matrix thead th,.spss-table th,.reliability-table th{background:#e8efed}
.token-hero h1{font-family:Georgia,serif;font-weight:500;font-size:48px}.token-hero span{color:var(--purple)}.token-card,.campaign-card{border:0;border-radius:18px;box-shadow:0 7px 26px #17252b10}.campaign-card{border-top:0;border-left:8px solid var(--amber)}.token-balance-pill{background:#dcece7;color:#0b625b!important}.account-popover{border-radius:24px!important;background:#edf1ef!important}.account-token-link{border:1px solid #d8e0dc}
.auth-intro{background:linear-gradient(145deg,var(--navy),#1b5b61)}.auth-intro h1{font-family:Georgia,serif;font-weight:500}.big-logo{color:var(--navy)}.auth-card{border:0;border-radius:22px;box-shadow:0 18px 55px #17252b1c}
@media(max-width:950px){.form-grid{grid-template-columns:repeat(2,1fr)}.start-card{margin-inline:20px}.app-header{padding:0 18px}}
@media(max-width:600px){.form-grid{grid-template-columns:1fr}.dashboard-head h1,.token-hero h1{font-size:38px}.start-card{align-items:center}.public-title h1{font-size:31px}.public-title,.public-question{padding:24px}.app-header nav{gap:9px}}
.section-title-actions{display:flex;align-items:center;gap:16px}.form-view-controls{display:flex;gap:4px;padding:4px;background:#e6ebe8;border-radius:11px}.form-view-controls button{display:grid;place-items:center;width:34px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:#6b7777}.form-view-controls button:hover{color:var(--navy)}.form-view-controls button.active{background:#fff;color:var(--purple);box-shadow:0 2px 7px #17252b18}.form-view-controls svg{width:18px;height:18px;fill:currentColor}
.form-grid[data-view="list"]{display:grid;grid-template-columns:1fr;gap:10px}.form-grid[data-view="list"] .form-card{display:grid;grid-template-columns:92px minmax(0,1fr);min-height:86px;border-radius:12px}.form-grid[data-view="list"] .form-preview{height:86px;padding:16px;border:0;border-right:1px solid var(--line)}.form-grid[data-view="list"] .form-preview span{height:6px;margin-bottom:8px}.form-grid[data-view="list"] .form-preview i{height:9px;margin:5px}.form-grid[data-view="list"] .form-meta{display:flex;flex-direction:column;justify-content:center;padding:15px 52px 15px 20px}.form-grid[data-view="list"] .form-meta small{margin-top:6px}.form-grid[data-view="list"] .form-meta details{bottom:27px}.form-grid[data-view="list"] .form-card:hover{transform:translateX(3px)}
.csv-start-link{display:flex;align-items:center;gap:12px;margin-left:auto;color:var(--navy)}.csv-start-link b{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#fff;color:var(--purple);box-shadow:0 6px 18px #17252b18}.csv-start-link span{font-weight:800}@media(max-width:650px){.csv-start-link span{display:none}}
.csv-upload-card form{flex-wrap:wrap}.csv-selected-file{display:grid;min-width:190px;padding:9px 13px;text-align:left;border-radius:10px;background:#e9f1ee}.csv-selected-file[hidden]{display:none}.csv-selected-file b{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csv-selected-file small{color:var(--muted)}.csv-upload-progress{flex-basis:100%;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;color:var(--purple);font-weight:700}.csv-upload-progress[hidden]{display:none}.csv-upload-progress i{width:18px;height:18px;border:3px solid #c8dcd7;border-top-color:var(--purple);border-radius:50%;animation:csv-spin .75s linear infinite}@keyframes csv-spin{to{transform:rotate(360deg)}}
.csv-column-row.research-heading-detected{margin-inline:-12px;padding-inline:12px;border-radius:10px;background:#f1f7f4}.detected-variable{width:max-content;padding:3px 7px;border-radius:999px;background:#d7ece6;color:#0b665d!important;font-weight:800}