:root{color-scheme:light;--bg:#f4f3ee;--surface:#fffdf8;--surface-2:#f8f6ef;--text:#252923;--muted:#646a62;--line:#d9d7cf;--accent:#225d4a;--accent-dark:#174536;--danger:#8a2f27;--shadow:0 18px 55px rgba(44,52,45,.10);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(circle at 10% 0,#faf7ed 0,var(--bg) 38%,#eef0eb 100%);color:var(--text);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}
.prep-shell{width:min(980px,calc(100% - 32px));margin:0 auto;padding:42px 0 70px}.prep-header{display:flex;gap:28px;align-items:flex-start;justify-content:space-between;margin-bottom:26px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.11em;font-size:.78rem;font-weight:750;color:var(--accent)}h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.04;letter-spacing:-.04em;margin:0;max-width:720px}.lead{font-size:1.08rem;line-height:1.6;color:var(--muted);max-width:720px;margin:16px 0 0}.time-chip{white-space:nowrap;background:#e3eee8;color:var(--accent-dark);border:1px solid #bfd2c8;border-radius:999px;padding:10px 14px;font-weight:700;margin-top:4px}
.panel,.question-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.start-panel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:24px;padding:28px}.privacy-card{background:var(--surface-2);border-radius:18px;padding:22px}.privacy-card h2,.submitted-panel h2{margin:0 0 10px;font-size:1.45rem}.privacy-card p,.privacy-card li,.submitted-panel p{line-height:1.58;color:var(--muted)}.privacy-card ul{padding-left:20px;margin-bottom:0}.start-form{align-self:center;display:grid;gap:10px;padding:10px}
label{font-weight:700}input,textarea,select{width:100%;border:1px solid #c9ccc5;border-radius:12px;background:#fff;padding:12px 13px;color:var(--text);outline:none}input:focus,textarea:focus,select:focus{border-color:#6f9b88;box-shadow:0 0 0 3px rgba(34,93,74,.12)}textarea{min-height:132px;resize:vertical;line-height:1.5}button{border:0;border-radius:12px;padding:12px 18px;font-weight:750}.primary{background:var(--accent);color:white}.primary:hover{background:var(--accent-dark)}.primary:disabled{opacity:.48;cursor:not-allowed}.secondary{background:#ecebe5;color:var(--text)}
.status-banner{margin:0 0 18px;padding:12px 15px;border-radius:12px;background:#fff4cf;border:1px solid #e4cf81;color:#554814}.status-banner.error{background:#f9e4e1;border-color:#dab0aa;color:var(--danger)}
.progress-row{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:28px 4px 10px}.progress-row>div:first-child{display:grid;gap:3px}#progressLabel,.save-state{font-size:.84rem;color:var(--muted)}#sectionTitle{font-size:1.28rem}.progress-track{height:7px;border-radius:999px;background:#dfe1dc;overflow:hidden;margin-bottom:20px}.progress-track span{display:block;height:100%;width:0;background:var(--accent);transition:width .2s ease}.section-stack{display:grid;gap:16px}.question-card{padding:24px}.question-card h2{font-size:1.15rem;margin:0 0 8px;line-height:1.4}.question-meta{font-size:.8rem;color:var(--muted);margin-bottom:14px}.hint{font-size:.86rem;color:var(--muted);margin:8px 0 0}.required::after{content:" · Pflicht";color:var(--accent);font-weight:700}
.candidate-grid{display:grid;gap:10px}.candidate-row{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center}.candidate-row span{font-size:.9rem;color:var(--muted)}.tag-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag-option{display:flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:.9rem;font-weight:500}.tag-option input{width:auto;margin:0}
.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.context-grid .wide{grid-column:1/-1}.field{display:grid;gap:7px}.field span{font-size:.86rem;font-weight:700;color:#444a44}.duration-row{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px}.nav-row{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.nav-row #backBtn{margin-right:auto}.submitted-panel{padding:34px;margin-top:24px}
.nowrap{white-space:nowrap}.session-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:-8px 4px 18px;font-size:.9rem;color:var(--muted)}.session-bar strong{color:var(--text)}.invite-start p{margin:0;line-height:1.58;color:var(--muted)}.invite-start .greeting{font-size:1.2rem;color:var(--text)}.access-panel{padding:34px;margin-top:8px;max-width:720px}.access-panel h2{margin:0 0 10px;font-size:1.45rem}.access-panel p{line-height:1.58;color:var(--muted)}.access-panel .access-note{font-size:.88rem;margin-bottom:0}.review-note p{margin:0;line-height:1.58;color:var(--muted)}.review-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.review-head h2{margin:0}.link-button{background:none;color:var(--accent);padding:4px 0;text-decoration:underline;text-underline-offset:3px}.link-button:hover{color:var(--accent-dark)}.review-list{display:grid;gap:12px;margin:14px 0 0}.review-list div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px}.review-list dt{font-size:.84rem;font-weight:700;color:var(--muted)}.review-list dd{margin:0;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}.review-open{color:var(--muted);font-style:italic}
@media(max-width:720px){.access-panel{padding:22px}.session-bar{margin-top:0}.prep-shell{width:min(100% - 20px,980px);padding-top:24px}.prep-header{display:block}.time-chip{display:inline-block;margin-top:18px}.start-panel{grid-template-columns:1fr;padding:18px}.question-card{padding:18px;border-radius:18px}.context-grid{grid-template-columns:1fr}.context-grid .wide{grid-column:auto}.duration-row{grid-template-columns:1fr}.candidate-row{grid-template-columns:1fr;gap:5px}.review-list div{grid-template-columns:1fr;gap:3px}.progress-row{align-items:start;flex-direction:column}.nav-row{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(244,243,238,0),var(--bg) 24%);padding:24px 0 8px}}