.shell{max-width:1040px;margin:0 auto;padding:12px 12px calc(96px + env(safe-area-inset-bottom,0px))}.workspace-grid{display:grid;grid-template-columns:1fr;gap:12px}.top-status-strip{position:sticky;top:10px;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:12px}.status-pill{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 14px;border-radius:999px;border:1px solid rgba(14,116,144,.14);background:#ffffffeb;backdrop-filter:blur(18px);box-shadow:0 12px 28px #0f2d461a;color:#0f2d46}.status-pill strong,.status-pill span{min-width:0}.status-pill-soft{justify-content:space-between;gap:12px;background:linear-gradient(180deg,#ecfdf5f2,#e0f2feeb)}.status-pill-soft span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#0f2d469e}.status-pill-soft strong{font-size:.86rem;color:#0f2d46}.status-dot{width:10px;height:10px;border-radius:999px;flex:0 0 auto;background:linear-gradient(135deg,#0f766e,#0284c7);box-shadow:0 0 0 5px #0284c71f}.shell.is-survey-only{max-width:1180px}.shell.is-survey-only .workspace-grid{grid-template-columns:1fr}.panel,.assist-card,.participant-card,.question-card,.empty-state,.survey-intro{border:1px solid rgba(14,116,144,.12);background:#ffffffd6;backdrop-filter:blur(16px);box-shadow:0 18px 36px #0f2d4614}.section-kicker,.empty-state p,.feedback,.participant-card p,.question-help,.assist-card p,.survey-intro p{font-size:1rem;line-height:1.65;margin:0;color:#0f2d46d1}.panel{padding:16px;border-radius:22px}.panel-primary{background:linear-gradient(180deg,#eff6fff5,#ecfdf5f0)}.panel-accent{background:linear-gradient(180deg,#ecfdf5f5,#e0f2fef0)}.survey-stage.is-locked{opacity:.78}.survey-stage.is-ready{opacity:1}#survey-stage.is-ready{min-width:0}.panel-header{display:flex;flex-direction:column;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.panel-header h2,.participant-card h3,.question-head h3,.survey-intro strong{margin:0;font-size:1.1rem;color:#0f2d46}.panel-kicker{margin:0 0 6px;text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:800;color:#0284c7}.panel-copy{margin:6px 0 0;font-size:.94rem;line-height:1.5;color:#0f2d46c2}.badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-size:.8rem;font-weight:700;background:linear-gradient(135deg,#0f766e,#0284c7);color:#effcff}.badge-soft{background:#0f2d4614;color:#0f2d46}.stack-form,.survey-form{display:grid;gap:12px}.survey-form{gap:14px}.field-row{display:grid;grid-template-columns:1fr;gap:14px}label{display:grid;gap:8px;font-weight:600;color:#12405d}.question-input,.choice-item input:not([type=radio]):not([type=checkbox]){width:100%}input,textarea{width:100%;min-height:52px;padding:14px 15px;border-radius:16px;border:1px solid rgba(2,132,199,.24);background:#f7fcfffa;font:inherit;color:#0f2d46;box-shadow:inset 0 1px #ffffffd9,0 8px 18px #0f2d460d}input:focus,textarea:focus{outline:2px solid rgba(14,165,233,.24);border-color:#0284c7;background:#fff}input::placeholder,textarea::placeholder{color:#0f2d467a}.text-answer-box{padding:10px;border-radius:18px;border:1px solid rgba(2,132,199,.12);background:linear-gradient(180deg,#ebf9ffe6,#f0fdfae0);box-shadow:inset 0 1px #ffffffb3}.question-textarea{min-height:132px}.action-button{min-height:54px;padding:16px 22px;border:0;border-radius:18px;background:linear-gradient(135deg,#0284c7,#0f766e);color:#ecfeff;font:inherit;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 14px 28px #0284c738}.action-button:hover{transform:translateY(-1px)}.action-button:disabled{opacity:.65;cursor:progress}.action-button-dark{background:linear-gradient(135deg,#0f172a,#0f766e);box-shadow:0 14px 28px #0f172a2e}.assist-card,.survey-intro{padding:12px 14px;border-radius:18px;margin-bottom:10px;background:linear-gradient(180deg,#e0f2fef2,#ecfdf5eb)}.google-button-wrap{margin-top:14px;display:flex;justify-content:flex-start}.survey-participant-summary{display:grid;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(2,132,199,.14)}.survey-participant-summary span{font-size:.84rem;color:#0f2d46b8}.survey-participant-summary strong{font-size:.98rem;color:#0f2d46}.survey-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.survey-summary-card,.survey-section{border:1px solid rgba(14,116,144,.1);background:#ffffffc7;border-radius:20px}.survey-summary-card{padding:10px 12px;display:grid;gap:2px}.survey-summary-card span{font-size:.82rem;color:#0f2d46b8}.survey-summary-card strong{font-size:1.35rem;color:#0f2d46}.survey-sections,.survey-question-stack{display:grid;gap:12px}.survey-section{padding:12px}.survey-section-head{display:flex;flex-direction:column;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:8px}.survey-section-head p,.survey-section-copy{margin:0}.survey-section-head p{font-size:1rem;font-weight:800;color:#0f2d46}.survey-section-head span{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:700;color:#0f2d46;background:#0284c714}.survey-section-copy{color:#0f2d46c2;line-height:1.45;margin-bottom:8px}.assist-kicker{margin:0 0 6px;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;color:#0284c7;font-weight:700}.participant-card,.question-card,.empty-state{padding:14px;border-radius:20px;background:#ffffffc7;border:1px solid rgba(14,116,144,.1)}.participant-card{display:grid;gap:8px;background:linear-gradient(180deg,#eff6fff0,#ecfdf5eb);border:1px solid rgba(2,132,199,.16);box-shadow:0 8px 18px #0f2d460d}.question-card{display:grid;gap:10px;padding:12px}.question-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-direction:column}.question-title-wrap,.question-meta{display:grid;gap:6px}.question-number,.question-type-pill{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:700}.question-number{color:#0f766e;background:#0f766e1a}.question-type-pill{color:#0369a1;background:#0284c71a;text-transform:capitalize}.required-pill{padding:6px 10px;border-radius:999px;font-size:.75rem;background:#0284c71f;color:#0369a1;font-weight:700}.question-control{display:grid;gap:8px}.choice-item{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border-radius:14px;background:linear-gradient(180deg,#eff6fff0,#ecfdf5eb);border:1px solid rgba(2,132,199,.16);box-shadow:0 8px 18px #0f2d460d;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease,background .18s ease}.choice-item:hover{transform:translateY(-1px);border-color:#0284c747;box-shadow:0 12px 22px #0f2d4614}.submit-survey-button{width:100%;position:sticky;bottom:calc(10px + env(safe-area-inset-bottom,0px));margin-top:8px;z-index:10;border-radius:20px;box-shadow:0 18px 36px #0f172a38}.choice-item input{width:auto;margin:2px 0 0;min-height:auto;box-shadow:none}.choice-item span{color:#0f2d46;line-height:1.55}.choice-item:has(input:checked){border-color:#0f766e61;background:linear-gradient(180deg,#dcfce7f2,#e0f2fef2);box-shadow:0 14px 24px #0f766e1f}.question-card.is-invalid{border-color:#ae2f286b;box-shadow:0 16px 30px #ae2f281f}.question-card.is-invalid .text-answer-box,.question-card.is-invalid .choice-item{border-color:#ae2f2847}.question-error{margin:0;font-size:.92rem;line-height:1.45;color:#ae2f28;font-weight:700}.feedback{min-height:1.75rem;margin-top:8px}.feedback[data-kind=success]{color:#0f766e}.feedback[data-kind=error]{color:#ae2f28}.feedback[data-kind=pending]{color:#0369a1}.hidden{display:none}@media(min-width:720px){.shell{padding:22px 18px 72px}.top-status-strip{top:16px;margin-bottom:16px}.shell.is-survey-only{max-width:1080px}.survey-form{gap:16px}.survey-question-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.question-card{height:100%}.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.question-head{flex-direction:row;align-items:center}.panel-header{flex-direction:row;align-items:flex-start}.survey-section-head{flex-direction:row;align-items:center}.question-meta{justify-items:end}}@media(min-width:960px){.workspace-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px;align-items:start}.shell.is-survey-only .workspace-grid{grid-template-columns:1fr}.shell.is-survey-only{max-width:1180px}.panel{padding:22px}.survey-section{padding:16px}.question-card{border-radius:18px;padding:16px;background:linear-gradient(180deg,#ffffffeb,#f8fafcf0)}.submit-survey-button{width:100%;justify-self:stretch;grid-column:1 / -1;position:static}}
