@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#202124;--muted:#6f7470;--line:#dde1dd;--paper:#f7f8f6;--purple:#6750a4;--purple-dark:#513b8c;--soft:#f1edf9;--white:#fff;--danger:#b3261e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:var(--purple);text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.app-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:20px;font-weight:700}.logo span,.big-logo{display:grid;place-items:center;background:var(--purple);color:#fff;border-radius:8px}.logo span{width:36px;height:36px}.app-header nav{display:flex;align-items:center;gap:20px}.app-header nav form{margin:0}.plain{border:0;background:none;color:var(--muted)}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--avatar);color:#fff;font-weight:700}main{min-height:calc(100vh - 68px)}.notice{position:fixed;right:24px;top:84px;z-index:10;background:#e1f3e7;color:#175d31;padding:12px 18px;border-radius:8px;box-shadow:0 5px 20px #0002}.notice.error{background:#f8dfdc;color:#8c1d18}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-intro{background:var(--purple);color:#fff;padding:12vh 10vw}.big-logo{width:54px;height:54px;font-size:28px;background:#fff;color:var(--purple)}.auth-intro>span{display:block;letter-spacing:2px;font-size:11px;margin-top:45px;opacity:.7}.auth-intro h1{font-size:56px;line-height:1.05;margin:15px 0}.auth-intro p{font-size:17px;line-height:1.7;max-width:430px;opacity:.8}.auth-card{align-self:center;justify-self:center;width:min(420px,85%);background:#fff;padding:35px;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px #30244e16}.auth-card h2{font-size:30px;margin:0}.auth-card>p{color:var(--muted)}label{display:block;font-size:13px;font-weight:600;margin:16px 0}input,textarea{width:100%;border:1px solid #c9ceca;border-radius:7px;padding:12px;margin-top:6px;background:#fff}textarea{min-height:90px;resize:vertical}.primary{border:0;border-radius:7px;background:var(--purple);color:#fff;padding:12px 18px;font-weight:700}.primary:hover{background:var(--purple-dark)}.primary:disabled{opacity:.55;cursor:not-allowed}.auth-card form>.primary{width:100%;margin-top:5px}.auth-link{text-align:center;margin:20px 0;font-size:13px}.demo-list{border-top:1px solid var(--line);padding-top:18px}.demo-list>span{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.demo-list form{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #edf0ed}.demo-list i{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;background:var(--avatar);color:#fff;border-radius:50%;font-style:normal}.demo-list b{font-size:12px}.demo-list small{grid-column:2;font-size:9px;color:var(--muted)}.demo-list button{grid-column:3;grid-row:1/3;border:0;background:none;color:var(--purple);font-weight:700}.page-dashboard,.page-editor{padding-bottom:70px}.dashboard-head{max-width:1120px;margin:0 auto;padding:55px 24px 25px;display:flex;justify-content:space-between;align-items:end}.dashboard-head span,.phase-card span{font-size:10px;letter-spacing:2px;color:var(--purple);font-weight:700}.dashboard-head h1{font-size:40px;margin:5px 0}.search{display:flex;gap:8px}.search input{width:280px;margin:0}.search button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:0 15px}.start-card{background:var(--soft);padding:30px max(24px,calc((100vw - 1072px)/2));display:flex;justify-content:space-between;align-items:center}.start-card h2{margin:0}.start-card p{margin:5px 0;color:var(--muted)}.new-form{border:0;background:none}.new-form b{display:grid;place-items:center;width:130px;height:90px;background:#fff;border:1px solid #c7c1d5;border-radius:5px;color:var(--purple);font-size:42px}.new-form:hover b{border:2px solid var(--purple)}.new-form span{display:block;margin-top:7px;font-weight:600}.forms-section{max-width:1120px;margin:auto;padding:35px 24px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2{font-size:18px}.section-title small{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.form-card{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.form-card:hover{border-color:var(--purple);box-shadow:0 3px 12px #0001}.form-preview{height:145px;display:block;padding:25px;background:#fafafa;border-bottom:1px solid var(--line)}.form-preview span{display:block;height:7px;background:var(--theme);margin-bottom:13px}.form-preview i{display:block;height:21px;background:#fff;border:1px solid #eee;margin:8px}.form-meta{position:relative;padding:14px}.form-meta strong{display:block;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-meta small{display:block;color:var(--muted);font-size:10px;margin-top:15px}.form-meta details{position:absolute;right:12px;bottom:8px}.form-meta summary{list-style:none;cursor:pointer}.form-meta details div{position:absolute;right:0;top:22px;background:#fff;box-shadow:0 4px 18px #0003;border-radius:6px;padding:6px;width:120px;z-index:3}.form-meta details form{display:grid}.form-meta details button{border:0;background:#fff;text-align:left;padding:8px}.form-meta details button:hover{background:#f5f5f5}.form-meta details .danger{color:var(--danger)}.empty{text-align:center;padding:90px 20px;color:var(--muted)}.empty>b{font-size:45px}.empty h3{color:var(--ink)}.editor-bar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 28px}.editor-bar>a{font-size:25px}.editor-bar>div{flex:1}.editor-bar strong,.editor-bar small{display:block}.editor-bar small{font-size:10px;color:var(--muted)}.tabs{height:52px;display:flex;justify-content:center;gap:30px;background:#fff;border-bottom:1px solid var(--line)}.tabs a{padding:16px 8px;color:var(--muted)}.tabs .active{color:var(--purple);font-weight:700;border-bottom:3px solid var(--purple)}.tabs .disabled{opacity:.5}.editor-canvas{max-width:760px;margin:28px auto;padding:0 20px}.title-card,.phase-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:28px;margin-bottom:16px}.title-card{border-top:9px solid var(--theme)}.title-input{border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:30px;font-weight:600;padding-left:0}.title-card textarea{border:0;border-bottom:1px solid var(--line);border-radius:0;padding-left:0}.title-card button{float:right;margin-top:12px}.title-card:after{content:"";display:block;clear:both}.phase-card{text-align:center;padding:50px}.phase-card h2{font-size:26px}.phase-card p{color:var(--muted);line-height:1.7;max-width:520px;margin:auto}
@media(max-width:800px){.auth-shell{grid-template-columns:1fr}.auth-intro{display:none}.auth-card{margin:50px auto}.form-grid{grid-template-columns:repeat(2,1fr)}.dashboard-head{align-items:flex-start;flex-direction:column}.search{width:100%}.search input{flex:1}.app-header{padding:0 14px}}@media(max-width:500px){.form-grid{grid-template-columns:1fr}.start-card{align-items:flex-start}.new-form b{width:100px}.app-header nav>a{display:none}.editor-bar{padding:0 14px}.editor-bar .primary{font-size:11px}}

/* Phase 2: question builder */
.preview-button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px 14px;color:var(--muted)}.tabs b{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:10px;background:var(--soft);font-size:10px}.question-list{display:flex;flex-direction:column;gap:12px}.question-card,.add-question-card{background:#fff;border:1px solid var(--line);border-radius:9px;scroll-margin-top:20px}.question-card[open]{border-left:5px solid var(--theme);box-shadow:0 3px 13px #0001}.question-card>summary,.add-question-card>summary{display:grid;grid-template-columns:25px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:18px;list-style:none;cursor:pointer}.question-card>summary::-webkit-details-marker,.add-question-card>summary::-webkit-details-marker{display:none}.question-card>summary .drag{color:#999;cursor:grab;text-align:center}.question-card>summary b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-card>summary small{color:var(--muted)}.question-card>summary i{font-style:normal;font-size:9px;color:var(--purple);background:var(--soft);padding:5px 7px;border-radius:12px}.question-card.dragging{opacity:.45;border:2px dashed var(--purple)}.question-form{padding:0 22px 20px;border-top:1px solid var(--line)}.question-main{display:grid;grid-template-columns:1.5fr .8fr;gap:15px}.question-main input{font-size:16px;background:#f8f8f8}.question-main select,.scale-fields select{width:100%;border:1px solid #c9ceca;border-radius:7px;padding:12px;margin-top:6px;background:#fff}.help-field{font-weight:500}.help-field small,.type-panel small{color:var(--muted);font-weight:400}.type-panel textarea{min-height:100px;line-height:1.7}.grid-fields,.scale-fields,.file-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.scale-fields{grid-template-columns:.5fr .5fr 1fr 1fr}.file-fields{align-items:end}.file-fields p{color:var(--muted);font-size:11px}.type-panel[hidden]{display:none!important}.validation{margin:16px 0;border-top:1px dashed var(--line);padding-top:13px}.validation summary{cursor:pointer;color:var(--purple);font-size:12px;font-weight:700}.validation>div{display:grid;grid-template-columns:1.4fr repeat(4,.65fr);gap:10px}.question-actions{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:14px}.icon-danger{border:0;background:none;color:var(--danger)}.required-check{display:flex;align-items:center;gap:7px;margin:0}.required-check input{width:auto;margin:0}.add-question-card{margin-top:14px;border:2px dashed #bdb6d0}.add-question-card>summary{display:block;color:var(--purple);font-weight:700}.add-question-card[open]>summary{border-bottom:1px solid var(--line)}.question-empty{text-align:center;background:#fff;border:1px solid var(--line);padding:35px;margin-top:12px;border-radius:9px;color:var(--muted)}.question-empty b{font-size:30px;color:var(--purple)}.question-empty h2{color:var(--ink);font-size:20px}.save-error{color:var(--danger)}
@media(max-width:700px){.question-main,.grid-fields,.scale-fields,.file-fields,.validation>div{grid-template-columns:1fr}.question-card>summary{grid-template-columns:22px 1fr}.question-card>summary small,.question-card>summary i{display:none}.question-actions{grid-template-columns:auto 1fr}.question-actions>span{display:none}.required-check{justify-self:end}}

/* Phase 3: publishing, settings, and respondent experience */
.publish-actions{display:flex;align-items:center;gap:8px}.publish-actions form{margin:0}.preview-button{display:inline-block;color:var(--ink)}.settings-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:28px;margin-top:16px;scroll-margin-top:20px}.settings-card>span{font-size:10px;letter-spacing:2px;color:var(--purple);font-weight:700}.settings-card h2{margin:7px 0 20px}.setting-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px;margin-bottom:20px}.setting-list label{display:flex;align-items:center;gap:10px;padding:11px;background:#fafafa;border-radius:7px;margin:0}.setting-list input{width:auto;margin:0}.settings-card>form>.primary{float:right}.settings-card>form:after{content:"";display:block;clear:both}.page-public,.page-thanks{min-height:100vh;background:#f4f1fa}.public-shell{min-height:100vh;padding-bottom:40px}.public-brand{height:58px;display:flex;align-items:center;gap:9px;padding:0 24px;background:#fff;color:#525752;font-weight:700}.public-brand span,.public-logo{display:grid;place-items:center;background:var(--theme,var(--purple));color:#fff;border-radius:7px}.public-brand span{width:31px;height:31px}.public-canvas{max-width:760px;margin:28px auto;padding:0 18px}.public-title,.public-question,.respondent-card{background:#fff;border:1px solid #d9d6dd;border-radius:9px;padding:25px;margin-bottom:14px}.public-title{border-top:10px solid var(--theme)}.public-title h1{font-size:34px;margin:0 0 12px}.public-title p{color:var(--muted);line-height:1.6}.respondent-card label{margin-top:0}.respondent-card small{color:var(--muted)}.question-label{display:flex;gap:10px}.question-label>span{color:var(--muted)}.question-label h2{font-size:17px;margin:0}.question-label h2 em,.respondent-card em{color:#b3261e;font-style:normal}.question-label p{font-size:12px;color:var(--muted);margin:5px 0}.answer-control{margin-top:20px;padding-left:23px}.answer-control>input[type="text"],.answer-control>input[type="date"],.answer-control>input[type="time"],.answer-control>textarea{border:0;border-bottom:1px solid #aaa;border-radius:0;max-width:480px;padding-left:0}.answer-control select{width:min(360px,100%);border:1px solid #c9ceca;border-radius:7px;padding:11px}.choice{display:flex;align-items:center;gap:9px;font-weight:400}.choice input{width:auto;margin:0}.public-scale{display:flex;align-items:end;justify-content:space-between;gap:10px;overflow:auto}.public-scale label{display:grid;justify-items:center;gap:7px;margin:0}.public-scale input{width:auto;margin:0}.public-scale>small{max-width:90px;text-align:center;color:var(--muted)}.public-grid{overflow:auto}.public-grid table{width:100%;min-width:560px;border-collapse:collapse}.public-grid th,.public-grid td{padding:11px;text-align:center;border-bottom:1px solid var(--line);font-size:11px}.public-grid tbody th{text-align:left;font-size:12px}.public-grid tbody tr:nth-child(odd){background:#fafafa}.public-grid input{width:auto;margin:0}.upload-disabled{padding:18px;border:1px dashed #aaa;border-radius:7px;color:var(--muted)}.upload-disabled b,.upload-disabled span{display:block}.upload-disabled span{font-size:11px;margin-top:4px}.response-actions{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.progress{position:sticky;top:0;z-index:3;height:32px;background:#fff;border-radius:7px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 4px #0002}.progress i{display:block;height:4px;background:var(--theme);transition:width .2s}.progress span{display:block;text-align:center;font-size:10px;padding:6px;color:var(--muted)}.public-footer{text-align:center;color:#8b8f8b;font-size:10px;padding:20px}.public-state,.thanks-shell{max-width:580px;margin:14vh auto;background:#fff;border-radius:12px;border:1px solid var(--line);padding:45px;text-align:center}.public-state.compact{margin:15px 0;max-width:none}.public-logo{width:50px;height:50px;margin:0 auto 20px}.thanks-shell h1{font-size:30px}.thanks-shell p{color:var(--muted);font-size:16px}.thanks-shell small,.thanks-shell a{display:block;margin-top:18px}.thanks-shell code{word-break:break-all;background:#f3f3f3;padding:5px}.public-question:has(:invalid){border-color:#d6a4a0}
@media(max-width:700px){.setting-list{grid-template-columns:1fr}.publish-actions .preview-button{display:none}.public-title h1{font-size:27px}.public-question{padding:20px}.answer-control{padding-left:0}.public-scale{gap:16px}.public-scale>small{display:none}.public-state,.thanks-shell{margin:8vh 16px}}

/* Phase 4: raw and individual responses */
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#24a148}.responses-shell{max-width:1180px;margin:28px auto;padding:0 24px}.response-view-tabs{display:flex;gap:4px;margin-bottom:18px}.response-view-tabs a{padding:9px 16px;border-radius:20px;color:var(--muted);font-size:13px}.response-view-tabs a.active{background:var(--soft);color:var(--purple);font-weight:700}.response-empty{background:#fff;border:1px solid var(--line);border-radius:10px;padding:70px 25px;text-align:center;color:var(--muted)}.response-empty>b{font-size:44px;color:var(--purple)}.response-empty h2{color:var(--ink)}.response-table-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.table-meta{display:flex;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.table-meta span{font-weight:700}.table-meta small{color:var(--muted)}.response-table-wrap{overflow:auto}.response-table{border-collapse:collapse;width:100%;font-size:12px}.response-table th,.response-table td{padding:12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}.response-table thead th{position:sticky;top:0;background:#f5f3fa;color:#4e3e7c;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.response-table tbody tr:hover{background:#faf9fd}.pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin:20px}.pagination a{padding:8px}.disabled{pointer-events:none;opacity:.4}.individual-head{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 22px;margin-bottom:14px}.individual-head span,.individual-head strong,.individual-head small{display:block}.individual-head span{font-size:10px;color:var(--purple);font-weight:700;text-transform:uppercase;letter-spacing:1px}.individual-head strong{font-size:18px;margin:5px 0}.individual-head small{color:var(--muted)}.individual-head>div:last-child{display:flex;gap:8px}.nav-arrow{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;font-size:20px}.individual-answers{display:grid;gap:10px}.individual-answers article{display:flex;gap:15px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:22px}.individual-answers article>span{display:grid;place-items:center;align-self:start;width:25px;height:25px;border-radius:50%;background:var(--soft);color:var(--purple);font-size:11px;font-weight:700}.individual-answers h3{font-size:14px;margin:3px 0 10px}.individual-answers p{margin:0;color:#464b47;line-height:1.6}.page-responses{padding-bottom:60px}
@media(max-width:700px){.responses-shell{padding:0 12px}.individual-head{align-items:flex-start}.response-table th,.response-table td{max-width:180px}.editor-bar .publish-actions .primary{display:none}}

/* Phase 5: response summaries */
.summary-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.summary-overview article{background:#fff;border:1px solid var(--line);border-radius:9px;padding:19px}.summary-overview small,.summary-overview strong{display:block}.summary-overview small{color:var(--muted);font-size:11px}.summary-overview strong{font-size:30px;margin-top:5px}.summary-overview .date-stat{font-size:17px;margin-top:12px}.summary-list{display:grid;gap:14px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:23px}.summary-card>header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:20px}.summary-card>header span{font-size:9px;letter-spacing:1px;color:var(--purple);font-weight:700;text-transform:uppercase}.summary-card>header h2{font-size:17px;margin:5px 0 0}.summary-card>header>small{color:var(--muted);white-space:nowrap}.choice-summary{display:grid;grid-template-columns:180px 1fr;gap:32px;align-items:center}.donut{width:155px;height:155px;border-radius:50%;background:var(--donut);display:grid;place-items:center}.donut:before{content:"";grid-area:1/1;width:90px;height:90px;border-radius:50%;background:#fff}.donut>span{grid-area:1/1;z-index:1;text-align:center;font-size:25px;font-weight:700}.donut small{display:block;font-size:9px;color:var(--muted);font-weight:400}.bar-chart{display:grid;gap:9px}.chart-row{display:grid;grid-template-columns:minmax(100px,1fr) 2fr 30px 42px;align-items:center;gap:9px;font-size:11px}.chart-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-row>div{height:10px;background:#f0eef5;border-radius:8px;overflow:hidden}.chart-row i{display:block;height:100%;background:var(--purple);border-radius:8px}.chart-row small{color:var(--muted)}.scale-summary{display:grid;grid-template-columns:190px 1fr;gap:30px}.average{display:grid;place-content:center;text-align:center;background:var(--soft);border-radius:9px;padding:20px}.average strong{font-size:42px;color:var(--purple)}.average span{font-size:12px;font-weight:700}.average small{color:var(--muted);font-size:9px;margin-top:7px}.scale-bars{height:160px;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid var(--line)}.scale-bars>div{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:4px;min-width:35px}.scale-bars span{font-size:10px}.scale-bars i{display:block;width:28px;min-height:2px;background:var(--purple);border-radius:5px 5px 0 0}.scale-bars b{font-size:11px;margin-bottom:-19px}.grid-summary{overflow:auto}.grid-summary table{border-collapse:collapse;width:100%;min-width:580px;font-size:10px}.grid-summary th,.grid-summary td{padding:10px;border:1px solid var(--line);text-align:center}.grid-summary tbody th{text-align:left}.grid-summary td{position:relative}.grid-summary td i{position:absolute;inset:auto 3px 3px;height:4px;background:rgba(103,80,164,var(--strength));border-radius:3px}.text-summary{display:grid;grid-template-columns:1fr 1.2fr;gap:25px}.word-cloud{display:flex;align-content:center;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap;min-height:150px;background:var(--soft);border-radius:9px;padding:18px;color:var(--purple)}.word-cloud span{font-weight:700}.word-cloud sup{font-size:8px;margin-left:2px}.recent-text p{font-size:12px;line-height:1.5;padding:9px 0;margin:0;border-bottom:1px solid var(--line)}.muted{color:var(--muted)}
@media(max-width:700px){.summary-overview{grid-template-columns:1fr 1fr}.summary-overview article:last-child{grid-column:1/-1}.choice-summary,.scale-summary,.text-summary{grid-template-columns:1fr}.donut{margin:auto}.summary-card{padding:17px}.summary-card>header{align-items:flex-start}.chart-row{grid-template-columns:90px 1fr 25px}.chart-row small{display:none}}

/* Phase 6: sections and branching */
.question-section{display:flex;align-items:center;gap:7px;margin:0;font-weight:500}.question-section select{width:auto;max-width:180px;border:1px solid var(--line);border-radius:6px;padding:8px;background:#fff}.sections-manager{background:#fff;border:1px solid var(--line);border-radius:9px;padding:25px;margin-top:16px;scroll-margin-top:15px}.sections-manager>span{font-size:10px;letter-spacing:2px;color:var(--purple);font-weight:700}.sections-manager>h2{margin:6px 0}.sections-manager>p{color:var(--muted);font-size:12px}.section-rule-card{border:1px solid var(--line);border-radius:8px;margin:12px 0}.section-rule-card>summary{display:flex;justify-content:space-between;padding:15px;cursor:pointer}.section-rule-card>summary small{color:var(--muted)}.section-rule-card>form{border-top:1px solid var(--line);padding:16px}.section-basics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section-rule-card h3{font-size:12px;margin:18px 0 8px}.branch-rules{display:grid;gap:8px}.branch-rule{display:grid;grid-template-columns:1.2fr 1fr auto 1fr 30px;gap:7px;align-items:center;background:#fafafa;padding:8px;border-radius:7px}.branch-rule select,.branch-rule input,.section-rule-card select{width:100%;border:1px solid #c9ceca;border-radius:6px;padding:9px;margin:0;background:#fff}.branch-rule span{font-size:11px;color:var(--muted)}.remove-rule{border:0;background:none;color:var(--danger);font-size:20px}.add-rule{margin:9px 0}.rule-hint{display:block;color:var(--muted);margin:10px 0}.section-rule-actions{display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-top:1px solid var(--line);padding-top:12px}.add-section-form{display:grid;grid-template-columns:1fr 1.2fr auto;gap:9px;background:var(--soft);padding:13px;border-radius:8px}.add-section-form input{margin:0}.respondent-section-head{background:#fff;border:1px solid #d9d6dd;border-left:6px solid var(--theme);border-radius:9px;padding:18px 22px;margin-bottom:14px}.respondent-section-head span{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--theme);font-weight:700}.respondent-section-head h2{margin:5px 0;font-size:21px}.respondent-section-head p{margin:5px 0;color:var(--muted)}.public-section[hidden]{display:none}.section-navigation{display:grid;grid-template-columns:auto 1fr auto;align-items:center;margin:15px 0}.response-actions{justify-content:flex-end}.question-actions{grid-template-columns:auto 1fr auto auto}
@media(max-width:700px){.section-basics,.add-section-form{grid-template-columns:1fr}.branch-rule{grid-template-columns:1fr}.branch-rule span{display:none}.section-rule-card>summary{display:block}.section-rule-card>summary small{display:block;margin-top:3px}.question-section{grid-column:1/-1}.question-actions{grid-template-columns:auto 1fr}.question-actions .required-check{justify-self:end}}
.response-tools{display:flex;justify-content:flex-end;margin:-48px 0 16px}.upload-control{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.upload-control input{max-width:100%}.upload-control span{font-weight:600}.upload-control small{color:#6b7280}
.settings-shell{max-width:900px;margin:28px auto;padding:0 24px}.settings-shell .settings-card{margin-top:0}

/* Simplified Google Forms-style choice editor */
.choice-builder{padding:8px 0 4px}.choice-builder-title{display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:7px}.choice-option-list{display:grid;gap:2px}.choice-option-row{display:grid;grid-template-columns:28px minmax(0,1fr) 34px;align-items:center;gap:7px;min-height:43px}.choice-option-row i{display:block;width:18px;height:18px;border:2px solid #aeb3b0;border-radius:50%;justify-self:center}.choice-builder[data-choice-type="checkboxes"] .choice-option-row i{border-radius:3px}.choice-option-row input{margin:0;border:0;border-bottom:1px solid transparent;border-radius:0;padding:9px 3px;background:transparent}.choice-option-row input:focus{border-bottom-color:var(--purple);box-shadow:none}.remove-choice-option{border:0;background:transparent;color:#767b77;font-size:22px;line-height:1;cursor:pointer}.remove-choice-option:hover{color:var(--danger)}.choice-add-actions{display:flex;align-items:center;gap:7px;padding-left:35px;margin-top:5px}.choice-add-actions button{border:0;background:transparent;padding:7px 3px;color:var(--purple);font-weight:600;cursor:pointer}.choice-add-actions span{font-size:11px;color:var(--muted)}
.grid-choice-builder{display:grid;grid-template-columns:1fr 1fr;gap:38px;padding:16px 0}.grid-list-builder>b{display:block;margin-bottom:12px}.grid-edit-list{display:grid;gap:3px}.grid-edit-row{display:grid;grid-template-columns:28px minmax(0,1fr) 30px;align-items:center;gap:7px;min-height:42px}.grid-edit-row>span{color:#444;text-align:center;font-size:13px}.grid-edit-row>i{width:18px;height:18px;border:2px solid #aeb3b0;border-radius:50%;justify-self:center}.grid-choice-builder[data-grid-type="grid_checkbox"] .grid-edit-row>i{border-radius:3px}.grid-edit-row input{margin:0;border:0;border-bottom:1px solid transparent;border-radius:0;padding:9px 3px;background:transparent;white-space:nowrap;text-overflow:ellipsis}.grid-edit-row input:focus{border-bottom-color:var(--purple);box-shadow:none}.remove-grid-item{border:0;background:transparent;color:#737873;font-size:22px;cursor:pointer}.remove-grid-item:hover{color:var(--danger)}.add-grid-item{border:0;background:transparent;color:var(--purple);font-weight:600;padding:9px 3px;margin-left:34px;cursor:pointer}.grid-list-builder>small{display:block;color:var(--muted);font-size:10px;margin:1px 0 0 37px}.grid-columns .grid-edit-row{grid-template-columns:28px minmax(0,1fr) 30px}@media(max-width:700px){.grid-choice-builder{grid-template-columns:1fr;gap:22px}}
.variable-role-panel{border-top:1px solid var(--line);padding:17px 0;margin-top:5px}.variable-role-panel>span{display:block;font-weight:700}.variable-role-panel>p{font-size:11px;color:var(--muted);margin:4px 0 11px}.variable-role-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.variable-role-panel label{display:grid;grid-template-columns:auto 34px 1fr;align-items:center;gap:10px;margin:0;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fafafa;cursor:pointer}.variable-role-panel input{width:17px;height:17px;margin:0}.variable-role-panel i{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--soft);color:var(--purple);font-size:10px;font-style:normal;font-weight:800}.variable-role-panel b,.variable-role-panel small{display:block}.variable-role-panel small{font-size:10px;color:var(--muted);margin-top:2px}@media(max-width:700px){.variable-role-panel>div{grid-template-columns:1fr}}
.variable-analysis-list{display:grid;gap:16px}.variable-analysis-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.variable-analysis-card>header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:20px 22px;border-bottom:1px solid var(--line)}.variable-analysis-card>header span{font-size:10px;text-transform:uppercase;color:var(--purple);font-weight:800}.variable-analysis-card>header h2{font-size:18px;margin:5px 0 0}.variable-analysis-card>header>small{color:var(--muted);font-size:10px}.variable-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.variable-stats article{background:#fafafa;padding:15px 18px}.variable-stats small,.variable-stats strong{display:block}.variable-stats small{font-size:10px;color:var(--muted)}.variable-stats strong{font-size:22px;margin-top:4px}.statement-summary,.response-scores{padding:20px 22px}.statement-summary{border-bottom:1px solid var(--line)}.statement-summary h3,.response-scores h3{margin:0 0 5px;font-size:15px}.statement-summary>p{color:var(--muted);font-size:11px;margin:0 0 13px}.statement-summary .response-table td:nth-child(n+3),.statement-summary .response-table th:nth-child(n+3),.variable-score-table th:not(:first-child),.variable-score-table td:not(:first-child){text-align:center}.statement-summary .response-table td:nth-child(2),.statement-summary .response-table th:nth-child(2),.variable-score-table th:nth-child(2),.variable-score-table td:nth-child(2){text-align:left}@media(max-width:700px){.variable-stats{grid-template-columns:repeat(2,1fr)}.variable-analysis-card>header{display:block}.variable-analysis-card>header>small{display:block;margin-top:8px}.statement-summary,.response-scores{padding:14px}}
.builder-toolbar{position:fixed;z-index:20;top:230px;left:calc(50% + 480px);display:grid;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 8px #0002;overflow:hidden}.builder-toolbar button{display:grid;place-items:center;width:48px;height:48px;border:0;background:#fff;color:#666;cursor:pointer}.builder-toolbar button:hover{background:var(--soft);color:var(--purple)}.builder-toolbar svg{width:25px;height:25px;fill:currentColor}.builder-toolbar b{font-size:20px}.builder-drawer:not([open]){display:none}.builder-drawer[open]{position:fixed;z-index:40;top:90px;right:24px;bottom:24px;width:min(680px,calc(100vw - 48px));margin:0;overflow:auto;box-shadow:0 12px 45px #0004;border:1px solid var(--line);border-left:5px solid var(--theme,#6750a4)}.builder-drawer>summary{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;background:#fff;padding:17px 20px;border-bottom:1px solid var(--line)}.builder-drawer>summary b{font-size:22px;color:var(--muted)}.icon-danger{font-size:0;width:40px;height:40px;display:grid;place-items:center;border-radius:50%}.icon-danger:before{content:"";width:21px;height:21px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6l1 2h4v2H4V5h4l1-2Zm-2 6h10l-1 11H8L7 9Zm3 2v7h2v-7h-2Zm4 0v7h2v-7h-2Z'/%3E%3C/svg%3E") center/contain no-repeat}.icon-danger:hover{background:#fdeaea}@media(max-width:1100px){.builder-toolbar{left:auto;right:12px}}@media(max-width:700px){.builder-toolbar{top:auto;bottom:16px;right:16px;grid-auto-flow:column}.builder-drawer[open]{inset:70px 8px 8px;width:auto}.builder-toolbar button{width:44px;height:44px}}
.correlation-card{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:22px}.correlation-card>header{text-align:center;margin-bottom:16px}.correlation-card>header>span{font-size:9px;letter-spacing:1px;color:var(--purple);font-weight:800}.correlation-card>header h2{margin:5px 0;font-size:20px}.correlation-card>header p,.correlation-empty p{color:var(--muted);font-size:11px}.correlation-matrix{width:100%;border-collapse:collapse;font-family:Arial,sans-serif;font-size:11px}.correlation-matrix th,.correlation-matrix td{border:1px solid #444;padding:5px 8px;text-align:right;min-width:90px}.correlation-matrix thead th{text-align:center;background:#f2f2f2}.correlation-matrix tbody th:first-child{text-align:left;vertical-align:top;background:#f7f7f7;font-weight:400}.correlation-matrix tbody th:nth-child(2){text-align:left;font-weight:400;white-space:nowrap}.correlation-matrix tr.correlation-start:not(:first-child)>*{border-top-width:2px}.correlation-matrix sup{font-weight:800;font-size:8px}.correlation-card footer{display:flex;flex-direction:column;gap:3px;margin-top:9px;font-size:9px}.correlation-empty{text-align:center;padding:28px}.correlation-empty h2{margin:0 0 5px}
.correlation-after-variables{margin-top:18px}
.regression-section{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;margin:18px 0}.regression-section>header{text-align:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}.regression-section>header span{font-size:9px;letter-spacing:1px;color:var(--purple);font-weight:800}.regression-section>header h2{font-size:21px;margin:5px 0}.regression-section>header p{margin:0;color:var(--muted);font-size:12px}.regression-model{border:1px solid var(--line);border-radius:8px;padding:20px;margin-top:15px}.regression-model>h3{font-size:15px;margin:0 0 20px;color:var(--purple)}.regression-model h4{text-align:center;margin:22px 0 7px;font-size:15px}.spss-table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif;font-size:11px}.spss-table th,.spss-table td{border:1px solid #333;padding:6px 9px;text-align:right}.spss-table th{background:#f2f2f2;text-align:center}.spss-table td:nth-child(1),.spss-table td:nth-child(2){text-align:left}.coefficients-table thead th{vertical-align:bottom}.table-note{font-size:9px;margin:6px 2px 14px}.regression-unavailable{background:#faf8fd;border:1px dashed #b7aec8;border-radius:8px;padding:20px;text-align:center;color:var(--muted)}.regression-unavailable b{color:var(--ink)}.regression-unavailable p{margin:5px 0 0}@media(max-width:700px){.regression-section{padding:14px}.regression-model{padding:12px}}
.individual-delete-form{display:flex;justify-content:flex-end;margin:0 0 8px}.individual-delete-form .icon-danger{border:1px solid #efc9c9;background:#fff;color:var(--danger)}
.page-editor .sections-manager{display:none}
.title-card button[value="update_form"],.question-card button[value="update_question"],.section-rule-card button[value="update_section"],.settings-card button[value="update_settings"]{display:none}.autosave-indicator{position:fixed;right:18px;bottom:18px;z-index:60;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px 13px;box-shadow:0 2px 8px #0002;color:var(--muted);font-size:11px}.autosave-indicator.save-error{color:var(--danger)}
.question-card>summary{display:block;padding:20px 24px;list-style:none}.question-card>summary .drag{display:block;width:max-content;margin:-8px auto 7px;color:#aaa;cursor:grab}.question-preview-head{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:start;gap:10px}.question-preview-head>div>small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.question-preview-head h3{font-size:16px;font-weight:500;margin:0}.question-preview-head h3 em{color:#b3261e;font-style:normal}.preview-type{align-self:center;background:#f6f5f8;border:1px solid var(--line);border-radius:14px;padding:5px 9px;color:var(--muted);font-size:9px}.question-preview-answer{display:grid;gap:9px;margin:18px 0 2px 36px;max-width:650px}.question-card[open]>.question-preview-answer,.question-card[open]>summary .question-preview-answer{display:none}.question-card[open]>summary{padding-bottom:12px}.preview-choice{display:flex;align-items:center;gap:10px;font-size:13px}.preview-choice i{width:17px;height:17px;border:2px solid #b8bcb9;border-radius:50%}.preview-choice.square i{border-radius:3px}.preview-line{display:block;width:min(360px,80%);padding:8px 0;border-bottom:1px dotted #999;color:#999;font-size:11px}.preview-line.long{height:48px;width:min(600px,95%)}.preview-line.boxed{border:1px solid var(--line);border-radius:6px;padding:9px 11px}.preview-scale{display:flex;gap:22px;align-items:end}.preview-scale span{display:grid;gap:5px;justify-items:center;font-size:10px}.preview-scale i{width:16px;height:16px;border:2px solid #bbb;border-radius:50%}.preview-grid{display:flex;gap:10px;align-items:center;padding:12px;background:#fafafa;border-radius:7px;color:var(--muted);font-size:11px}.preview-grid b{color:var(--ink)}.question-card:not([open]):hover{box-shadow:0 2px 9px #0001}.question-card[open]{border-left:6px solid #4285f4}.question-card[open] .question-form{border-top:1px solid var(--line)}@media(max-width:700px){.question-preview-head{grid-template-columns:20px 1fr}.preview-type{display:none}.question-preview-answer{margin-left:30px}.preview-scale{gap:12px;overflow:auto}}
.preview-grid-wrap{overflow:auto;width:100%}.preview-grid-table{border-collapse:separate;border-spacing:0;width:100%;min-width:600px;table-layout:fixed;font-size:10px}.preview-grid-table th,.preview-grid-table td{padding:10px 7px;text-align:center;border:0}.preview-grid-table thead th{font-weight:500;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-grid-table thead th:first-child{width:34%;}.preview-grid-table tbody tr:nth-child(odd){background:#fafafa}.preview-grid-table tbody th{text-align:left;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-grid-table td i{display:block;width:17px;height:17px;border:2px solid #b8bcb9;border-radius:50%;margin:auto}.preview-grid-table td i.square{border-radius:3px}.question-card:not([open])>summary{cursor:pointer}.question-card[open]>summary .question-preview-head h3{font-weight:600}
.reliability-card{background:#fff;border:1px solid var(--line);border-radius:10px;margin-top:18px;padding:22px}.reliability-card>header{text-align:center;margin-bottom:16px}.reliability-card>header span{font-size:9px;letter-spacing:1px;color:var(--purple);font-weight:800}.reliability-card>header h2{font-size:20px;margin:5px 0}.reliability-card>header p{margin:0;color:var(--muted);font-size:11px}.reliability-table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif;font-size:11px}.reliability-table th,.reliability-table td{border:1px solid #555;padding:9px 12px;text-align:right}.reliability-table th{background:#f2f2f2;text-align:center;font-weight:500}.reliability-table th:first-child,.reliability-table td:first-child{text-align:left}.reliability-table td:nth-child(2),.reliability-table td:nth-child(3){font-size:14px}.reliability-card footer{font-size:9px;margin-top:7px;color:var(--muted)}
.summary-mode-tabs{display:flex;justify-content:center;gap:4px;margin:4px 0 16px}.summary-mode-tabs button{border:1px solid var(--line);background:#fff;color:var(--muted);padding:9px 20px;cursor:pointer}.summary-mode-tabs button:first-child{border-radius:20px 0 0 20px}.summary-mode-tabs button:last-child{border-radius:0 20px 20px 0}.summary-mode-tabs button.active{background:var(--purple);border-color:var(--purple);color:#fff}.summary-list[hidden]{display:none!important}.summary-card-actions{display:flex;align-items:center;gap:10px}.summary-card-actions>small{color:var(--muted);white-space:nowrap}.copy-output{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#fff;color:#666;cursor:pointer}.copy-output:hover,.copy-output.copied{background:var(--soft);color:var(--purple)}.copy-output svg{width:18px;height:18px;fill:currentColor}.summary-data-table{width:100%;border-collapse:collapse;font-size:12px}.summary-data-table th,.summary-data-table td{padding:10px 12px;border:1px solid var(--line);text-align:right}.summary-data-table th{background:#f5f3fa;color:#4e3e7c}.summary-data-table th:first-child,.summary-data-table td:first-child{text-align:left}.summary-data-table tfoot{font-weight:700}.tabular-summary-card .response-table-wrap{overflow:auto}@media(max-width:700px){.summary-card-actions>small{display:none}.summary-mode-tabs{justify-content:stretch}.summary-mode-tabs button{flex:1}}
.variable-graphics{display:grid;gap:16px}.variable-graphics[hidden],[data-variable-pane][hidden]{display:none!important}.variable-graphic-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.variable-graphic-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.variable-graphic-card>header span{font-size:9px;letter-spacing:1px;color:var(--purple);font-weight:800}.variable-graphic-card>header h2{font-size:19px;margin:5px 0}.variable-graphic-card>footer{color:var(--muted);font-size:10px;margin-top:14px}.variable-mean-chart,.reliability-bars{display:grid;gap:11px}.variable-mean-chart>div,.reliability-bars>div{display:grid;grid-template-columns:minmax(120px,2fr) minmax(160px,5fr) 45px;gap:12px;align-items:center}.variable-mean-chart span,.reliability-bars span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.variable-mean-chart i,.reliability-bars i{display:block;height:16px;background:#eeeaf5;border-radius:8px;overflow:hidden}.variable-mean-chart i b,.reliability-bars i b{display:block;height:100%;background:linear-gradient(90deg,#7c5bc4,#4285f4);border-radius:inherit}.variable-mean-chart strong,.reliability-bars strong{text-align:right;font-size:11px}.correlation-heatmap{display:grid;grid-template-columns:minmax(80px,1.4fr) repeat(var(--variables),minmax(55px,1fr));gap:3px;overflow:auto;font-size:10px}.correlation-heatmap>b{padding:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.correlation-heatmap>i{display:grid;place-items:center;min-height:45px;background:color-mix(in srgb,var(--purple) calc(var(--heat)*78%),#f4f1f9);color:color-mix(in srgb,#fff calc(var(--heat)*80%),var(--ink));font-style:normal;border-radius:4px}.variable-card-actions{display:flex;align-items:flex-start;gap:12px;max-width:58%}.variable-card-actions small{color:var(--muted);font-size:10px}.reliability-card>header,.correlation-card>header{position:relative}.reliability-card>header>.copy-output,.correlation-card>header>.copy-output{position:absolute;right:0;top:0}.regression-model>h3{display:flex;align-items:center;justify-content:space-between;gap:12px}.regression-model>h3 .copy-output{flex:0 0 auto}@media(max-width:700px){.variable-mean-chart>div,.reliability-bars>div{grid-template-columns:90px 1fr 36px}.variable-card-actions{max-width:none;margin-top:10px}.correlation-heatmap{grid-template-columns:80px repeat(var(--variables),60px)}}
.builder-drawer[open]{position:relative;inset:auto;width:100%;max-width:none;margin:14px 0 0;overflow:visible;box-shadow:0 3px 13px #0002;border:1px solid var(--line);border-left:6px solid #4285f4;border-radius:9px;background:#fff}.builder-drawer[open]>summary{position:absolute;top:8px;right:10px;z-index:3;width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#fff;color:transparent;cursor:pointer}.builder-drawer[open]>summary span{display:none}.builder-drawer[open]>summary b{display:block;color:#777;font-size:20px}.builder-drawer[open]>.question-form{padding-top:18px;border-top:0}.builder-drawer[open] .question-main{padding-right:34px}.builder-drawer[open]:before{content:"⠿";display:block;text-align:center;color:#aaa;height:18px;margin-top:5px}.builder-drawer[open] .question-actions{margin-top:20px}
.table-copy-heading{display:flex!important;align-items:center;justify-content:space-between;gap:12px;text-align:left!important}.table-copy-heading>span{flex:1}.table-copy-heading .copy-output{flex:0 0 auto}.table-copy-block{margin-top:18px}.table-copy-block>h4{margin:0 0 7px}
.form-editor-header{background:#fff;border-top:3px solid #4285f4}.form-editor-top{height:76px;display:flex;align-items:center;gap:17px;padding:0 28px}.forms-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#6b5cff;color:#fff;font-size:23px}.form-editor-top>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:500}.form-editor-icons{display:flex;align-items:center;gap:10px;margin-left:auto}.form-editor-icons form{margin:0}.header-icon{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#62676a;font-size:20px}.header-icon:hover{background:#f1f3f4}.published-button{border:1px solid #8e62e8;border-radius:6px;background:#fff;color:#6841bd;padding:10px 18px}.form-editor-header .tabs{height:50px}.header-save-state{position:absolute;top:55px;left:85px;color:var(--muted);font-size:9px}.share-dialog{width:min(650px,calc(100vw - 32px));border:0;border-radius:14px;padding:0;box-shadow:0 14px 60px #0005}.share-dialog::backdrop{background:#0008}.share-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;padding:26px 30px 12px}.share-dialog-head h2{font-size:25px;font-weight:500;margin:0;max-width:520px}.share-dialog-close{border:0;background:none;font-size:27px;color:#666}.share-add-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;padding:4px 30px 20px}.share-add-form label{margin:0}.share-add-form input{margin-top:6px}.share-add-form .primary{height:44px}.share-dialog>h3{font-size:18px;margin:6px 30px 12px}.access-list{display:grid;padding:0 30px}.access-list article{display:grid;grid-template-columns:42px 1fr auto auto;align-items:center;gap:12px;padding:9px 0}.access-list i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--avatar);color:#fff;font-style:normal}.access-list b,.access-list small{display:block}.access-list small{color:var(--muted);font-size:11px}.access-list>article>span{color:var(--muted);font-size:12px}.access-list form{margin:0}.access-list .danger{color:var(--danger)}.share-dialog-access{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 30px;padding:18px 0;border-top:1px solid var(--line)}.share-dialog-access b,.share-dialog-access small{display:block}.share-dialog-access small{color:var(--muted);margin-top:4px}.share-dialog-access button{border:1px solid var(--line);border-radius:22px;background:#fff;color:#0b57d0;padding:10px 16px}.share-dialog-done{float:right;margin:0 30px 25px;border-radius:22px;padding:10px 26px}@media(max-width:650px){.form-editor-top{padding:0 12px}.form-editor-top>strong{font-size:15px}.header-icon:first-child{display:none}.published-button{padding:8px 10px}.share-add-form{grid-template-columns:1fr}.access-list article{grid-template-columns:38px 1fr auto}.access-list form{grid-column:2/4}.share-dialog-access{align-items:flex-start;flex-direction:column}}
.header-icon svg{width:24px;height:24px;fill:currentColor}
.form-topic{min-width:0;max-width:min(720px,55vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:20px;font-weight:500}.form-topic:hover{color:var(--purple)}.header-signout{margin:0}.form-editor-icons>.avatar{flex:0 0 auto}@media(max-width:760px){.form-topic{max-width:38vw;font-size:15px}.header-signout{display:none}.form-editor-icons{gap:4px}.form-editor-icons>.avatar{width:32px;height:32px}.form-editor-icons .header-icon{width:34px;height:34px}}
.account-menu{position:relative}.account-menu>summary{list-style:none;cursor:pointer;outline:3px solid transparent}.account-menu>summary::-webkit-details-marker{display:none}.account-menu[open]>summary{outline-color:#d8dce2}.account-popover{position:absolute;z-index:100;right:0;top:48px;width:min(390px,calc(100vw - 24px));padding:25px 22px 18px;border:1px solid #d7dce4;border-radius:24px;background:#eef3fb;box-shadow:0 10px 35px #0003;text-align:center}.account-close{position:absolute;right:18px;top:13px;border:0;background:none;color:#555;font-size:28px}.account-popover>small{display:block;font-size:13px;color:#34373a}.account-popover>i{display:grid;place-items:center;width:84px;height:84px;margin:27px auto 12px;border-radius:50%;background:var(--avatar);color:#fff;font-size:31px;font-style:normal}.account-popover h2{font-size:25px;font-weight:500;margin:8px 0 18px}.manage-account{display:block;border:1px solid #73787d;border-radius:25px;padding:11px;color:#0b57d0;background:#fff}.account-popover form{margin:20px 0 16px}.account-popover form button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;border-radius:15px;background:#fff;padding:14px;color:var(--ink)}.account-popover form button span{font-size:22px}.account-popover footer{display:flex;justify-content:center;gap:10px;font-size:11px}.account-popover footer a{color:#444}.account-popover footer b{font-weight:400}.legal-shell{max-width:720px;margin:60px auto;padding:38px;background:#fff;border:1px solid var(--line);border-radius:14px}.legal-shell h1{margin-top:0}.legal-shell p{color:var(--muted);line-height:1.7}.account-page{text-align:center}.account-page>.avatar{margin:0 auto;width:70px;height:70px;font-size:25px}.account-page .primary{display:inline-block;margin-top:12px}@media(max-width:760px){.account-popover{position:fixed;right:12px;top:70px}.account-menu>summary.avatar{width:32px;height:32px}}
.export-chart{width:100%;overflow:auto}.chart-export-svg{display:block;width:100%;height:auto;max-height:430px}
.chart-stage{position:relative}.chart-menu{position:absolute;z-index:4;right:4px;top:0}.chart-menu>summary{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;list-style:none;color:#666;font-size:25px;cursor:pointer}.chart-menu>summary::-webkit-details-marker{display:none}.chart-menu>summary:hover,.chart-menu[open]>summary{background:#f1edf9;color:var(--purple)}.chart-menu>div{position:absolute;right:0;top:38px;display:grid;min-width:165px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 5px 18px #0002}.chart-menu button{border:0;border-radius:5px;background:#fff;padding:9px 12px;text-align:left}.chart-menu button:hover,.chart-menu button.active{background:var(--soft);color:var(--purple)}

/* Response summaries keep metadata in Individual view and allow charts to size for readable labels. */
.summary-overview{grid-template-columns:repeat(2,1fr)}
.export-chart{padding-bottom:6px}
.chart-export-svg{max-height:none}
.chart-controls{position:absolute;z-index:4;right:4px;top:0;display:flex;align-items:center;gap:7px}.chart-type-select{position:static;display:flex;align-items:center;gap:8px;margin:0;padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);font-size:10px}.chart-type-select select{border:0;background:#fff;color:var(--ink);font:inherit;font-weight:700;outline:0;cursor:pointer}.chart-palette-menu{position:relative}.chart-palette-menu>summary{display:flex;align-items:center;gap:2px;width:38px;height:32px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fff;list-style:none;cursor:pointer}.chart-palette-menu>summary::-webkit-details-marker{display:none}.chart-palette-menu>summary i{width:7px;height:7px;border-radius:50%;background:#4472c4}.chart-palette-menu>summary i:nth-child(2){background:#ed7d31}.chart-palette-menu>summary i:nth-child(3){background:#70ad47}.chart-palette-menu>div{position:absolute;right:0;top:38px;width:230px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 6px 22px #0003}.chart-palette-menu>div>b{display:block;margin-bottom:8px;font-size:11px}.chart-palette-menu button{display:block;width:100%;padding:6px;border:1px solid transparent;border-radius:6px;background:#fff}.chart-palette-menu button:hover,.chart-palette-menu button.active{border-color:#6b8fd5;background:#edf3ff}.chart-palette-menu button span{display:grid;grid-template-columns:repeat(6,1fr);height:24px;overflow:hidden;border-radius:3px}.chart-palette-menu button i{background:var(--swatch)}@media(max-width:600px){.chart-controls{position:relative;right:auto;top:auto;justify-content:flex-end;margin-bottom:8px}.chart-palette-menu>div{right:0}}
.required-check.locked-required{color:var(--purple)}.required-check.locked-required:after{content:"All rows required";font-size:9px;color:var(--muted)}
.chart-palette-menu>div{width:270px!important;max-height:410px;overflow-y:auto}.chart-palette-menu button{display:grid!important;grid-template-columns:92px 1fr;align-items:center;gap:8px}.chart-palette-menu button em{font-size:10px;font-style:normal;text-align:left;color:var(--muted)}
.token-balance-pill{display:inline-flex;align-items:center;white-space:nowrap;padding:8px 14px;border-radius:999px;background:#f0eaff;color:#5f46b3!important;font-weight:800;text-decoration:none}.admin-notification{position:relative;text-decoration:none;font-size:20px}.admin-notification b{position:absolute;right:-8px;top:-8px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#d93025;color:#fff;font:700 11px/18px Arial;text-align:center}.account-token-link{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:2px;margin:8px 0;padding:14px 18px!important;border-radius:18px;background:#fff;color:#202124!important;text-decoration:none}.account-token-link small{font-size:13px;color:#6f7370}.token-shell{max-width:1180px;margin:0 auto;padding:54px 28px}.token-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.token-hero span{color:#6750a4;font-size:13px;font-weight:900;letter-spacing:.16em}.token-hero h1{font-size:42px;margin:8px 0}.token-hero p{color:#68706c;max-width:650px}.token-columns{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:24px;align-items:start}.token-card{background:#fff;border:1px solid #dcdedb;border-radius:18px;padding:26px;box-shadow:0 3px 14px #2021240d}.token-card h2{margin:0 0 12px}.token-card>p{color:#68706c;line-height:1.55}.payment-qr{width:240px;aspect-ratio:1;margin:22px auto 12px;padding:12px;border:1px solid #ddd;border-radius:16px;background:#fff}.payment-qr.small{width:180px}.payment-qr img{display:block;width:100%;height:100%;object-fit:contain}.placeholder-qr{height:100%;display:grid;place-content:center;text-align:center;font-size:130px;line-height:.7;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 50%/22px 22px;color:#fff;text-shadow:0 1px 3px #000}.placeholder-qr small{display:block;margin-top:20px;padding:8px;background:#fff;color:#111;font:bold 12px Arial}.token-request-form{display:grid;gap:14px;margin-top:18px}.token-request-form label{display:grid;gap:7px;font-weight:700}.token-request-form input{padding:12px;border:1px solid #b7bbb7;border-radius:9px;font:inherit}.token-list{display:grid;gap:4px;margin:12px 0 28px}.token-list article,.admin-request-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid #eceeeb}.token-list article div,.admin-request-list article div{display:grid;gap:4px}.token-list small,.admin-request-list small{color:#747975}.token-plus,.status-approved{color:#087f5b}.token-minus,.status-rejected{color:#c5221f}.status-pending{color:#9a6700}.status-approved,.status-rejected,.status-pending{font-weight:800;padding:5px 9px;border-radius:999px;background:#f3f3f3}.admin-request-list article{display:grid;grid-template-columns:1fr auto auto}.admin-request-list form{display:flex;gap:8px}.campaign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.campaign-card{display:flex;flex-direction:column;min-height:260px;padding:25px;border:1px solid #ddd;border-top:8px solid #6750a4;border-radius:15px;background:#fff}.campaign-card>span{font-size:12px;color:#087f5b}.campaign-card h2{margin:15px 0 8px}.campaign-card p{color:#68706c;line-height:1.5;flex:1}.campaign-card small{margin-bottom:18px}.paid-sharing{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid #ddd}.paid-sharing div{display:grid;gap:4px}.paid-sharing small{color:#6f7370}.reward-banner{display:flex;justify-content:space-between;gap:20px;padding:14px 18px;margin-bottom:14px;border-radius:12px;background:#e6f4ea;color:#087f5b}.public-brand .token-balance-pill{margin-left:auto}@media(max-width:760px){.token-columns{grid-template-columns:1fr}.token-hero{align-items:flex-start;flex-direction:column}.admin-request-list article{grid-template-columns:1fr}.reward-banner{flex-direction:column}.app-header nav>a:not(.token-balance-pill),.form-editor-icons>.token-balance-pill{display:none}}
