:root{color-scheme:dark;--bg:#090d13;--bg2:#111720;--card:#141b24;--stroke:#2a3542;--muted:#92a1ae;--white:#f6f8fb;--accent:#ff8b28;--yellow:#ffb066;--serif:Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button,select,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}p{line-height:1.7}h1,h2,h3,p{margin-top:0}.site-shell{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.wrap{width:min(1320px,calc(100% - 68px));margin:auto}.topbar{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;background:none;border:0;color:inherit;text-align:left;padding:0}.brand-square{display:grid;place-items:center;background:var(--white);color:#080a0d;letter-spacing:-.13em;width:48px;height:48px;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:35px;font-weight:900;padding-right:7px}.brand-text{font-size:9px;line-height:1.4;letter-spacing:.16em;font-weight:600}.brand-text strong{font-size:12px;letter-spacing:.09em}.topbar-right{display:flex;align-items:center;gap:32px}.signal,.version{font-size:10px;letter-spacing:.2em;font-weight:800;color:#bac6cf}.signal i{width:7px;height:7px;background:#81d999;display:inline-block;border-radius:50%;margin-right:10px;box-shadow:0 0 12px #81d99977}.version{color:#6e7c89}.view{display:none}.view.active{display:block;animation:fadeIn .25s ease}@keyframes fadeIn{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.hero{height:min(690px,calc(100svh - 115px));min-height:580px;position:relative;overflow:hidden;background:#10151c;border:1px solid #202934}.hero-visual{position:absolute;inset:0;background:url('./assets/feedback-hero.webp') center/cover no-repeat;opacity:.96}.hero:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,13,.94) 0%,rgba(5,9,13,.87) 23%,rgba(5,9,13,.42) 56%,rgba(5,9,13,.04) 85%),linear-gradient(0deg,#090d13aa,transparent 36%)}.hero-content{position:relative;z-index:1;padding:60px 7%;max-width:800px;height:100%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.24em;font-weight:800;color:var(--accent);text-transform:uppercase}.dash{display:inline-block;width:21px;height:2px;background:var(--accent)}h1,h2,h3,.category-name{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-weight:900;text-transform:uppercase;line-height:.87;letter-spacing:-.014em}h1{font-size:clamp(75px,9.9vw,142px);margin:28px 0 18px}h1 em,h2 em{font-style:normal;color:var(--accent)}.dot{color:var(--accent)}.hero-content>p{max-width:500px;font-size:15px;color:#cfdae1;line-height:1.8;margin-bottom:26px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;border:none;background:var(--accent);color:#0b0e11;padding:17px 20px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;font-size:11px;min-height:54px;transition:background .15s,transform .15s}.primary:hover{background:#ffae57;transform:translateY(-2px)}.primary.big{min-width:292px}.primary span{font-size:17px}.hero-footer{display:flex;gap:30px;margin-top:auto;font-weight:800;font-size:10px;letter-spacing:.1em;color:#dde3e8}.vertical-word{writing-mode:vertical-rl;position:absolute;right:20px;top:34px;z-index:1;font-size:10px;font-weight:800;letter-spacing:.28em;color:#c7cbd075}.intro-stripe{display:flex;align-items:center;gap:30px;padding:27px 0;font-size:10px;letter-spacing:.24em;font-weight:800;color:#a3adb7}.intro-stripe .line{height:1px;background:#27323f;flex:1}.intro-stripe>span:last-child{color:var(--accent)}.privacy-preview{padding:72px 0 95px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;border-top:1px solid #202934}.privacy-preview h2{font-size:clamp(45px,5vw,75px);line-height:.97;margin:18px 0 0}.privacy-preview p{color:#98a7b5;max-width:560px}.pill{display:inline-flex;align-items:center;gap:8px;color:#d3dee5;border:1px solid #3a4654;border-radius:30px;padding:10px 14px;font-size:9px;letter-spacing:.2em;font-weight:800}.privacy-lock{color:#85db9f}
.content-view{padding:38px 0 100px;min-height:70vh}.section-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:60px;border-bottom:1px solid #25303a}.back{border:0;background:transparent;color:#aab6c0;font-size:11px;font-weight:800;letter-spacing:.13em;padding:8px 0}.back:hover{color:var(--accent)}.step-label{font-size:10px;letter-spacing:.15em;color:#71808d;font-weight:800}.content-header{margin:70px 0 40px;max-width:790px}.content-header h2,.done-view h2{font-size:clamp(61px,9vw,125px);margin:22px 0}.content-header p{max-width:610px;color:#97a5b1}.panel{background:var(--card);border:1px solid #2c3845;padding:36px}.profile-panel{max-width:850px}.field-label{display:block;font-size:11px;font-weight:900;letter-spacing:.15em;margin-bottom:16px}.required{color:var(--accent)}.optional{font-size:9px;color:#758596;margin-left:8px}select,input,textarea{width:100%;background:#0d131a;color:var(--white);border:1px solid #3a4754;border-radius:0;padding:17px;font-size:14px;outline:0}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#d5dee7 50%),linear-gradient(135deg,#d5dee7 50%,transparent 50%);background-position:calc(100% - 25px) center,calc(100% - 20px) center;background-size:5px 5px;background-repeat:no-repeat}.age-grid{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}.age-chip{padding:13px 17px;background:#0b1118;color:#a4b4bf;border:1px solid #374351;font-size:11px;font-weight:900;letter-spacing:.09em}.age-chip:hover,.age-chip.chosen{background:var(--accent);color:#101214;border-color:var(--accent)}.profile-panel select{margin-bottom:35px}.notice{display:flex;gap:13px;align-items:flex-start;border-left:2px solid var(--accent);background:#22252b;padding:16px 20px}.notice span{color:var(--accent);font-weight:bold}.notice p{font-size:12px;color:#bdc7d0;margin:0;line-height:1.65}.form-actions{display:flex;justify-content:flex-end;margin-top:26px}.categories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.category-card{position:relative;text-align:left;min-height:257px;background:linear-gradient(135deg,#18202a,#111820);border:1px solid #2c3947;color:var(--white);padding:30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .2s,border-color .2s}.category-card:hover{transform:translateY(-5px);border-color:var(--accent)}.category-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #ff8b281e;border-radius:50%;right:-80px;top:-100px;box-shadow:0 0 0 35px #ff8b2807,0 0 0 80px #ff8b2804}.category-symbol{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #574431;color:var(--accent);font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:24px;font-weight:800}.category-name{display:block;font-size:clamp(34px,4vw,54px);margin:23px 0 7px;line-height:1}.category-description{display:block;color:#a4b4bf;font-size:12px;max-width:250px;line-height:1.6}.category-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #374350;padding-top:16px;font-size:10px;font-weight:900;letter-spacing:.14em;margin-top:16px;color:#9eacb8}.category-arrow{color:var(--accent);font-size:19px}.section-note{color:#798793;font-size:12px;margin-top:30px}.question-heading{max-width:840px;margin:60px auto 30px}.progress-meta{display:flex;justify-content:space-between;margin:22px 0 10px;color:#bec9d1;font-size:10px;letter-spacing:.13em;font-weight:800}.progress-track{height:3px;background:#2b3540}.progress-fill{height:3px;background:var(--accent);transition:width .2s}.question-card{max-width:840px;margin:auto;padding:46px}.question-number{font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--accent)}.question-card h2{font-size:clamp(41px,5vw,68px);line-height:1.02;margin:20px 0 22px}.question-help{color:#a5b2bd;font-size:13px;margin-bottom:28px}.answer-textarea{min-height:165px;resize:vertical}.counter{text-align:right;color:#7c8d9b;font-size:11px;margin-top:8px}.choices{display:grid;gap:10px}.choice{display:flex;gap:14px;align-items:center;background:#0a121a;border:1px solid #384553;color:#dde6eb;padding:18px;text-align:left}.choice .choice-radio{display:grid;place-items:center;width:19px;height:19px;border:1px solid #647383;border-radius:50%;flex-shrink:0}.choice.selected{border-color:var(--accent);background:#231c16}.choice.selected .choice-radio{background:var(--accent);border-color:var(--accent);color:#111;font-size:12px}.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.scale button{border:1px solid #3b4856;color:#d8e3ea;background:#0c131b;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:30px;font-weight:700;min-height:82px}.scale button.selected{color:#090d13;background:var(--accent);border-color:var(--accent)}.scale-tips{display:flex;justify-content:space-between;color:#82919e;font-size:11px;margin:9px 0 28px}.question-card .notice{margin-top:24px}.notice.small{background:#1a2028}.question-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:29px}.ghost{background:none;border:1px solid #3b4856;color:#d4dce3;padding:16px 19px;font-weight:800;font-size:11px;letter-spacing:.1em}.ghost:hover{border-color:var(--accent);color:var(--accent)}.done-view{padding-top:100px;text-align:center}.done-symbol{width:85px;height:85px;display:grid;place-items:center;margin:0 auto 34px;border:1px solid #ff8b2877;border-radius:50%;color:var(--accent);font-size:44px}.done-view h2{margin:30px 0}.done-view p{max-width:480px;margin:0 auto 28px;color:#a9b5c0}
.footer{border-top:1px solid #222d38;padding:24px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:35px;font-weight:900}.footer-brand span:last-child{font-family:Arial,Helvetica,sans-serif;font-size:9px;color:#72808d;letter-spacing:.13em;margin-left:18px}.footer-links{display:flex;align-items:center;gap:26px}.footer-links button{border:0;background:none;color:#8997a5;font-size:10px;font-weight:800;letter-spacing:.13em}.footer-links button:hover{color:var(--accent)}.footer-links .tiny-admin{font-size:9px;color:#485563}.privacy-dialog{background:#131b24;color:var(--white);border:1px solid #384755;width:min(650px,calc(100% - 30px));max-height:min(85vh,830px);padding:30px;overflow:auto}.privacy-dialog::backdrop{background:#030507dd;backdrop-filter:blur(8px)}.privacy-dialog h2{font-size:56px;margin:16px 0 26px}.privacy-dialog h3{font-family:Arial,Helvetica,sans-serif;font-size:13px;letter-spacing:.06em;margin:24px 0 6px}.privacy-dialog p{color:#acb9c4;font-size:13px;line-height:1.75}.dialog-head{display:flex;justify-content:space-between}.dialog-head button{background:none;border:0;color:#d5dfe7;font-size:20px}.dialog-close{margin-top:20px;width:100%}.toast{position:fixed;right:20px;bottom:20px;z-index:40;padding:16px 20px;background:#202b36;color:#fff;border-left:3px solid var(--accent);box-shadow:0 15px 60px #0009;font-size:12px;max-width:370px;display:none}.toast.show{display:block}.demo-banner{position:fixed;z-index:30;bottom:0;left:0;width:100%;text-align:center;background:#a45a11;color:white;font-size:10px;letter-spacing:.13em;font-weight:900;padding:10px 15px}.admin-login{max-width:450px}.admin-login input{margin-bottom:13px}.subtle{color:#8998a5;font-size:11px}.admin-login .primary{margin-top:17px;width:100%}.admin-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:22px}.admin-tabs{display:flex;gap:6px;flex-wrap:wrap}.admin-tabs button{background:#18212c;color:#acb8c3;border:1px solid #34404d;padding:15px 18px;letter-spacing:.12em;font-size:10px;font-weight:900}.admin-tabs button.active{background:var(--accent);border-color:var(--accent);color:#10131a}.admin-section{display:grid;gap:20px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat{padding:26px;background:#161e28;border:1px solid #2b3947}.stat-num{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-weight:900;font-size:64px;color:var(--accent);display:block;line-height:1}.stat-label{color:#8fa0ac;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800}.admin-card{background:#151d26;border:1px solid #304050;padding:24px}.admin-card h3{font-size:23px;line-height:1;margin:0 0 15px;letter-spacing:.03em}.admin-card h4{font-size:14px;margin:25px 0 9px}.admin-card p,.admin-card li{color:#aab8c3;font-size:13px}.admin-card-header{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-form label{display:block;font-size:10px;font-weight:900;letter-spacing:.11em;color:#c3cdd4;margin-bottom:8px}.admin-form .full{grid-column:1/-1}.admin-form textarea{min-height:88px;resize:vertical}.admin-form .primary{align-self:end}.item-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 0;border-top:1px solid #33404e}.item-row strong{display:block;font-size:14px}.item-row small{display:block;color:#8c9ca9;line-height:1.7;margin-top:4px}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.mini-btn{border:1px solid #394653;background:#0e151c;padding:9px 12px;font-size:10px;font-weight:800;color:#c3d0d8}.mini-btn:hover{border-color:var(--accent)}.mini-btn.danger{color:#ffac9c}.meter-row{margin:13px 0}.meter-top{display:flex;justify-content:space-between;font-size:12px;color:#aebbc5;margin-bottom:7px}.meter{height:7px;background:#263543;overflow:hidden}.meter>div{height:100%;background:linear-gradient(90deg,#db6c18,#ff9c3d)}.quote{background:#0e151d;padding:17px 19px;border-left:2px solid #ff8b2870;margin:9px 0;color:#d8e1e7;font-size:13px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}.empty{padding:34px;text-align:center;border:1px dashed #465361;color:#98a7b4;font-size:13px}.filter{width:auto;min-width:220px}.admin-warning{padding:13px 16px;background:#3b2e1e;color:#f1d2a9;font-size:12px;border-left:2px solid var(--accent)}
@media(max-width:850px){.wrap{width:calc(100% - 32px)}.topbar{min-height:78px}.topbar-right{gap:10px}.version{display:none}.hero{min-height:660px;height:auto}.hero-visual{background-position:63% center}.hero:after{background:linear-gradient(90deg,#05090de8,#05090d88 65%,#05090d22),linear-gradient(0deg,#090d13bb,transparent)}.hero-content{padding:55px 27px 28px;min-height:660px}.hero h1{font-size:clamp(78px,15vw,116px)}.hero-footer{gap:15px;flex-wrap:wrap;font-size:8px}.vertical-word{display:none}.privacy-preview{grid-template-columns:1fr;gap:15px;padding:55px 0}.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-name{font-size:43px}.content-header h2{font-size:clamp(68px,10vw,98px)}.question-card{padding:30px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.brand-square{width:42px;height:42px}.brand-text{font-size:8px}.brand-text strong{font-size:10px}.signal{font-size:8px;letter-spacing:.05em}.hero{min-height:610px}.hero-content{min-height:610px;padding:44px 23px 24px}.hero h1{font-size:clamp(68px,15.3vw,92px);margin-top:38px}.hero-content>p{font-size:12px}.hero-footer{gap:10px}.hero-footer span{width:auto}.intro-stripe{gap:10px;font-size:8px;letter-spacing:.1em}.privacy-preview h2{font-size:50px}.content-view{padding-top:18px}.section-top{padding-bottom:28px}.content-header{margin:46px 0 30px}.content-header h2{font-size:clamp(56px,12vw,75px)}.panel{padding:22px}.age-chip{flex:1 1 27%;padding:13px 8px}.categories-grid{grid-template-columns:1fr;gap:10px}.category-card{min-height:192px;padding:23px}.category-name{font-size:45px}.category-symbol{width:42px;height:42px}.question-heading{margin-top:37px}.question-card h2{font-size:43px}.scale button{min-height:70px}.question-actions{gap:8px}.question-actions .ghost{padding:16px 8px}.question-actions .primary{gap:10px}.footer-brand span:last-child{display:none}.footer-links{gap:13px}.admin-form{grid-template-columns:1fr}.admin-form .full{grid-column:auto}.stats-grid{grid-template-columns:1fr}.admin-card{padding:19px}.item-row{align-items:flex-start;flex-direction:column}.admin-card-header{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Author CSS muss das HTML-hidden-Attribut respektieren. */
[hidden]{display:none!important}