:root{font-family:Outfit,"Avenir Next",system-ui,sans-serif;color:#eaf0f9;background:#061421;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#061421}button,input,select,textarea{font:inherit;color:inherit}.control{position:relative;display:grid;grid-template:72px 1fr/260px 1fr;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 76% 42%,#102f50 0,#071b2e 32%,#061421 68%)}.control:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.32;background-image:linear-gradient(#7ca8f40d 1px,transparent 1px),linear-gradient(90deg,#7ca8f40d 1px,transparent 1px);background-size:48px 48px}.ambient{position:fixed;width:min(72vw,820px);aspect-ratio:1;right:-15vw;top:5vh;pointer-events:none;opacity:.42}.ambient i{position:absolute;inset:0;border:1px solid #7ca8f433;border-radius:50%;animation:orbit 24s linear infinite}.ambient i:nth-child(2){inset:13%;border-style:dashed;animation-duration:35s;animation-direction:reverse}.ambient i:nth-child(3){inset:32%;border-width:2px;box-shadow:0 0 70px #2f6fed29;animation-duration:18s}.topbar{z-index:3;grid-column:1/-1;display:grid;grid-template-columns:240px 1fr auto;align-items:center;gap:2rem;padding:0 28px;border-bottom:1px solid #7ca8f429;background:#061421c2;backdrop-filter:blur(18px)}.topbar strong{font-size:1.22rem;letter-spacing:-.04em}.topbar span,.topbar b{font:650 .68rem monospace;letter-spacing:.13em}.topbar span{color:#8ea9c4}.topbar b{color:#7ca8f4}.stepper{z-index:2;display:flex;flex-direction:column;gap:6px;padding:28px 18px;border-right:1px solid #7ca8f424;background:#0614218f}.stepper button{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 11px;border:1px solid transparent;border-radius:12px;color:#839bb3;background:transparent;text-align:left;cursor:pointer}.stepper button.active{color:#eaf0f9;border-color:#7ca8f44d;background:linear-gradient(90deg,#2f6fed38,#0e2a472e)}.stepper i{display:grid;place-items:center;width:30px;height:30px;border:1px solid #7ca8f447;border-radius:50%;font:normal .72rem monospace}.stepper button.done i{color:#061421;background:#9dbdf2}.workspace{z-index:1;display:grid;grid-template-rows:1fr auto;min-width:0;padding:clamp(26px,5vw,68px)}.panel{display:none;align-self:center;width:min(880px,100%)}.panel.active{display:block}.eyebrow{margin:0 0 14px;color:#7ca8f4;font:700 .7rem monospace;letter-spacing:.14em}.panel h1{max-width:13ch;margin:0;font-size:clamp(2.5rem,5vw,5.5rem);font-weight:620;line-height:.96;letter-spacing:-.055em}.lead{max-width:58ch;margin:22px 0 30px;color:#afc2d8;font-size:1.04rem;line-height:1.6}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:760px}.form-grid label{display:grid;gap:8px}.form-grid label.wide{grid-column:1/-1}.form-grid span{color:#a9bdd2;font-size:.76rem}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-height:52px;border:1px solid #7ca8f43d;border-radius:12px;padding:13px 15px;outline:none;background:#081b2dd1}.form-grid textarea{min-height:96px}.form-grid :focus{border-color:#7ca8f4;box-shadow:0 0 0 3px #2f6fed24}.info,.warning{margin-top:22px;color:#88a3bd;font-size:.78rem}.checks{display:grid;gap:10px;max-width:800px}.checks.compact{margin-top:22px}.checks button{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:13px;width:100%;min-height:58px;padding:10px 14px;border:1px solid #7ca8f42e;border-radius:12px;background:#081b2dad;text-align:left;cursor:pointer}.checks button:before{content:"";display:grid;place-items:center;width:26px;height:26px;border:1px solid #55718d;border-radius:7px}.checks button:after{content:"OFFEN";color:#7892aa;font:650 .62rem monospace;letter-spacing:.08em}.checks button.done{border-color:#7ca8f473;background:linear-gradient(90deg,#2f6fed2b,#081b2d9e)}.checks button.done:before{content:"✓";color:#061421;border-color:#9dbdf2;background:#9dbdf2}.checks button.done:after{content:"BESTÄTIGT";color:#9dbdf2}.voice{display:flex;align-items:center;gap:20px}.voice-ring{width:86px;height:86px;border:1px solid #7ca8f459;border-radius:50%;box-shadow:inset 0 0 24px #2f6fed38,0 0 34px #2f6fed38}.voice.recording .voice-ring{animation:pulse 1.2s ease infinite}.voice button,.export{min-height:48px;border:1px solid #7ca8f4;border-radius:12px;padding:0 18px;background:linear-gradient(120deg,#2f6fed,#224f9d);cursor:pointer}.summary{display:grid;place-items:center;width:210px;height:210px;margin:12px 0 22px;border:1px solid #7ca8f438;border-radius:50%;box-shadow:inset 0 0 60px #2f6fed1a}.summary span{color:#afc2d8}.summary small{color:#7ca8f4}.panel-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding-top:24px;border-top:1px solid #7ca8f424}.panel-nav button{justify-self:start;border:0;padding:10px 0;background:transparent;cursor:pointer}.panel-nav button:last-child{justify-self:end}.panel-nav span{color:#7892aa;font:.68rem monospace}.panel-nav button:disabled{opacity:.25}.export{margin-top:18px}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08)}}@media(max-width:760px){.control{grid-template:60px auto 1fr/1fr;overflow:visible}.topbar{grid-template-columns:1fr auto;padding:0 16px}.topbar span{display:none}.stepper{flex-direction:row;grid-row:2;overflow-x:auto;padding:10px;border-right:0}.stepper button{width:48px;grid-template-columns:1fr}.stepper button span{display:none}.workspace{grid-row:3;padding:28px 18px}.panel{align-self:start}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.checks button:after{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}