*{box-sizing:border-box}
:root{--bg:#02152d;--deep:#000d1e;--panel:rgba(2,23,48,.88);--gold:#e7a933;--gold2:#ffd56f;--white:#fff;--muted:#aebbd0;--border:rgba(231,169,51,.32);--green:#78d7a2;--red:#ff8d8d}
.profil-lab-body{margin:0;min-height:100vh;color:var(--white);background:#020c1b url("assets/infinity-background-desktop.webp") center/cover fixed no-repeat;font-family:Arial,Helvetica,sans-serif}
.lab-shell{min-height:100vh;display:flex;flex-direction:column;background:rgba(0,8,20,.34)}
.lab-header{min-height:100px;padding:16px clamp(22px,5vw,72px);display:flex;align-items:center;gap:24px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(0,10,25,.58);backdrop-filter:blur(12px)}
.lab-brand img{width:165px;display:block;mix-blend-mode:screen}.lab-title-wrap{display:flex;align-items:center;gap:12px;font-size:18px}.lab-badge{padding:6px 9px;border:1px solid var(--gold);border-radius:999px;color:var(--gold2);font-size:11px;letter-spacing:.12em}.lab-back{margin-left:auto;color:var(--muted);text-decoration:none}.lab-back:hover{color:var(--gold2)}
.lab-main{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:42px 0 60px}.lab-intro{display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center;margin-bottom:28px}.profil-logo{width:170px;max-height:145px;object-fit:contain}.eyebrow{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.18em;margin:0 0 8px}.lab-intro h1{margin:0 0 10px;font-size:clamp(30px,4vw,48px);font-weight:500}.lab-intro p:last-child{max-width:850px;margin:0;color:var(--muted);line-height:1.6}
.lab-panel{margin:0 0 22px;padding:26px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:var(--panel);box-shadow:0 18px 60px rgba(0,0,0,.22)}.lab-panel label,.lab-panel h2,.lab-panel h3{font-weight:500}.lab-panel label{display:block;margin-bottom:12px;font-size:18px}textarea{width:100%;min-height:330px;resize:vertical;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(0,9,22,.72);color:#fff;font:16px/1.55 Arial,Helvetica,sans-serif;outline:none}textarea:focus{border-color:var(--gold)}
.lab-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.lab-actions button{padding:12px 18px;border:1px solid var(--gold);border-radius:10px;background:rgba(231,169,51,.12);color:#fff;font-weight:700;cursor:pointer}.lab-actions button:hover:not(:disabled){background:rgba(231,169,51,.22)}.lab-actions button:disabled{opacity:.35;cursor:not-allowed}#charCount{margin-left:auto;color:var(--muted);font-size:13px}
.status-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.status-head h2{margin:0}.score-badge,.duration-badge{padding:7px 11px;border:1px solid var(--border);border-radius:999px;color:var(--gold2);font-size:13px}.muted{color:var(--muted)}.coverage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.coverage-item{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(0,9,22,.42)}.coverage-item span{display:block;color:var(--muted);font-size:12px}.coverage-item strong{display:block;margin-top:5px;font-size:20px}.missing-item{margin-top:10px;padding:12px;border-left:2px solid var(--gold);background:rgba(231,169,51,.06)}.missing-item strong{color:var(--gold2)}
.result-content{margin-top:18px}.result-block{padding:18px 0;border-top:1px solid rgba(255,255,255,.08)}.result-block:first-child{border-top:0}.result-block h3{margin:0 0 9px;color:var(--gold2);font-size:18px}.result-block p,.result-block li{color:#eef3fb;line-height:1.65}.result-block ul{margin:8px 0 0;padding-left:22px}.lab-error{margin-bottom:22px;padding:16px;border:1px solid rgba(255,141,141,.5);border-radius:12px;background:rgba(120,0,0,.22);color:#ffd0d0}
@media(max-width:760px){.lab-header{padding:14px 18px}.lab-title-wrap strong{display:none}.lab-back{font-size:14px}.lab-main{width:min(100% - 24px,1180px);padding-top:24px}.lab-intro{grid-template-columns:1fr}.profil-logo{width:140px}.coverage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-panel{padding:18px}textarea{min-height:280px}}

/* PROFIL LAB 005 – iterative Ergänzungen */
.supplement-wrap{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.10)}
.supplement-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}
.supplement-head h3{margin:0 0 6px;color:#fff;font-size:18px}
.supplement-head p{margin:0;color:var(--muted);line-height:1.5;font-size:14px;max-width:780px}
.score-compare{flex:0 0 auto;padding:7px 11px;border:1px solid var(--border);border-radius:999px;color:var(--gold2);background:rgba(231,169,51,.08);font-size:13px;font-weight:700;white-space:nowrap}
.supplement-input{min-height:150px;margin-top:2px}
.supplement-actions{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}
.supplement-actions button{border:1px solid var(--gold);border-radius:10px;background:rgba(231,169,51,.08);color:var(--gold2);padding:11px 16px;font-weight:700;cursor:pointer}
.supplement-actions button:hover{background:rgba(231,169,51,.15)}
.supplement-actions button:disabled{opacity:.55;cursor:default}
.supplement-actions span{color:var(--muted);font-size:13px}
@media(max-width:760px){.supplement-head{display:block}.score-compare{display:inline-block;margin-top:10px}.supplement-input{min-height:180px}}

/* PROFIL LAB 006 – Antwortfeld direkt je Rückfrage */
.missing-question{margin-top:2px;line-height:1.45}
.missing-item small{display:block;margin-top:4px;color:#e8edf5;line-height:1.4}
.missing-answer-label{margin:13px 0 7px !important;color:var(--gold2);font-size:13px !important;font-weight:700 !important}
textarea.missing-answer{min-height:92px;padding:12px 14px;font-size:14px;line-height:1.45;background:rgba(0,9,22,.58)}
.supplement-wrap .supplement-actions{margin-top:4px}

/* PROFIL LAB 007 – Komfort + echter Loader */
.secondary-button{border-color:rgba(255,255,255,.18)!important;color:var(--muted)!important;background:rgba(255,255,255,.035)!important}
.secondary-button:hover:not(:disabled){color:#fff!important;background:rgba(255,255,255,.07)!important}
.copy-button{border:1px solid rgba(231,169,51,.38);border-radius:8px;background:rgba(231,169,51,.07);color:var(--gold2);padding:7px 10px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.copy-button:hover{background:rgba(231,169,51,.14)}
.copy-button.copied{border-color:rgba(120,215,162,.65);color:var(--green);background:rgba(120,215,162,.08)}
.missing-item-head,.result-block-head,.result-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}
.result-tools{justify-content:flex-end}
.result-block-head h3{margin:0}
.result-block-head{margin-bottom:9px}
.result-block-head + p,.result-block-head + ul{margin-top:0}
.lab-loader[hidden]{display:none}
.lab-loader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,8,20,.72);backdrop-filter:blur(5px)}
.lab-loader-card{min-width:min(390px,calc(100vw - 40px));padding:30px 28px;border:1px solid rgba(231,169,51,.42);border-radius:18px;background:rgba(2,23,48,.97);box-shadow:0 24px 80px rgba(0,0,0,.45);text-align:center}
.lab-loader-card strong{display:block;margin-top:16px;font-size:19px;color:#fff}
.lab-loader-card span{display:block;margin-top:7px;color:var(--muted);font-size:14px;line-height:1.45}
.lab-spinner{width:48px;height:48px;margin:0 auto;border:4px solid rgba(255,255,255,.12);border-top-color:var(--gold2);border-right-color:var(--gold);border-radius:50%;animation:lab-spin .85s linear infinite}
@keyframes lab-spin{to{transform:rotate(360deg)}}
.lab-is-loading{overflow:hidden}
@media(max-width:760px){.missing-item-head,.result-block-head{align-items:flex-start}.result-tools{gap:8px}.copy-button{padding:6px 8px}.lab-actions .secondary-button{order:3}#charCount{margin-left:0}}

/* PROFIL LAB 008 – Schnittmengen-Test 0.1 */
.lab-note{margin:12px 0 18px;color:var(--muted);line-height:1.55}
.debug-summary{padding:14px 16px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(0,9,22,.48);line-height:1.55;margin-bottom:16px}
.debug-summary strong{color:var(--gold2)}
.possibility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.possibility-card{padding:16px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(0,9,22,.5)}
.possibility-card.leading{border-color:rgba(231,169,51,.68);box-shadow:0 0 0 1px rgba(231,169,51,.12) inset}
.possibility-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}.possibility-head h3{margin:0;color:#fff;font-size:17px}.possibility-id{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--gold);border-radius:50%;color:var(--gold2);font-weight:800;flex:0 0 auto}.approx-badge{padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#dce6f4;font-size:11px;white-space:nowrap}.possibility-card.leading .approx-badge{border-color:var(--border);color:var(--gold2)}
.possibility-hypothesis{margin:0 0 12px;line-height:1.5;color:#f3f6fb}.debug-label{margin:12px 0 6px;color:var(--gold2);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.intersection-list{display:grid;gap:8px}.intersection-item{padding:10px;border-left:2px solid rgba(231,169,51,.55);background:rgba(231,169,51,.05)}.intersection-item strong{color:#fff}.signal-list,.plain-debug-list{margin:6px 0 0;padding-left:18px;color:#dbe5f3}.signal-list li,.plain-debug-list li{margin:4px 0;line-height:1.4}.strength{display:inline-block;margin-left:6px;color:var(--muted);font-size:11px}.possibility-reason{margin:8px 0 0;color:#e5ebf4;line-height:1.45}.intersection-verdict{margin-top:16px;padding:16px;border:1px solid rgba(231,169,51,.26);border-radius:14px;background:rgba(231,169,51,.055)}.intersection-verdict-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.verdict-item{padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(0,9,22,.38)}.verdict-item span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.verdict-item strong{display:block;color:#fff;line-height:1.45}.verdict-wide{grid-column:1/-1}.intersection-panel .eyebrow{margin-bottom:5px}
@media(max-width:820px){.possibility-grid,.intersection-verdict-grid{grid-template-columns:1fr}.verdict-wide{grid-column:auto}}

/* PROFIL LAB 0.2 – sichtbares Auswahlverfahren */
.selection-process{margin:22px 0;padding:18px;border:1px solid rgba(214,166,54,.42);border-radius:12px;background:rgba(214,166,54,.045)}
.selection-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.selection-head h3{margin:3px 0 0}
.selection-grid{display:grid;gap:10px}
.selection-item{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:12px;background:rgba(2,15,31,.58);border:1px solid rgba(255,255,255,.08);border-radius:9px}
.selection-number{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid rgba(214,166,54,.6);color:#e0b84f;font-weight:700}
.selection-item p{margin:6px 0 8px;color:#aebbd0}
.selection-shift{display:flex;flex-wrap:wrap;gap:8px}
.selection-shift span{padding:4px 8px;border-radius:6px;background:rgba(255,255,255,.055);font-size:.84rem}
.selection-summary{margin:14px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}


/* PROFIL LAB 011 – kompakter Ablauf, Tabs und PDF */
.pdf-button{border:1px solid rgba(231,169,51,.55);border-radius:8px;background:rgba(231,169,51,.10);color:var(--gold2);padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.pdf-button:hover{background:rgba(231,169,51,.18)}
.results-workspace{padding-top:18px}
.results-tabs{display:flex;gap:8px;margin:-2px 0 22px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.10)}
.result-tab{padding:11px 18px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(255,255,255,.035);color:var(--muted);font-weight:700;cursor:pointer}
.result-tab.active{border-color:var(--gold);background:rgba(231,169,51,.12);color:#fff}
.result-tab:disabled{opacity:.32;cursor:not-allowed}
.result-view{padding:2px 0 0}
.result-view[hidden]{display:none}
.results-workspace .intersection-verdict{margin-bottom:2px}
@media(max-width:760px){.results-tabs{flex-direction:column}.result-tab{width:100%;text-align:left}.status-head{align-items:flex-start}.result-tools{flex-wrap:wrap}}

/* LAB 0.4 – nachvollziehbare Ergänzungshistorie */
.answered-history{margin:18px 0 6px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}
.answered-history>h3{margin:0 0 8px;color:#eef3fa}
.answered-item{border-left-color:#6e879e;background:rgba(110,135,158,.08)}
.answered-badge{padding:4px 8px;border:1px solid rgba(231,169,51,.45);border-radius:999px;color:var(--gold2);font-size:11px;font-weight:700}
.answered-item textarea[readonly]{min-height:92px;padding:12px 14px;font-size:14px;line-height:1.45;opacity:.88;background:rgba(0,9,22,.55);cursor:default}

/* PROFIL LAB 013 – Zeitfaktor 0.1 */
.time-effect-banner{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px;margin:12px 0 16px;border:1px solid rgba(231,169,51,.35);border-radius:12px;background:rgba(231,169,51,.07)}.time-effect-banner span,.time-before-after span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.time-effect-banner strong{color:#fff;font-size:17px}.time-section{margin:16px 0;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(0,9,22,.28)}.time-section p{line-height:1.5}.time-item{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.time-item:last-child{border-bottom:0}.time-item strong{color:var(--gold2)}.time-item p,.time-impact p{margin:4px 0}.time-item small,.time-impact small,.time-transition small{color:var(--muted)}.time-transition{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.time-transition:last-child{border-bottom:0}.time-transition b{color:var(--gold2);font-weight:700}.time-transition small{grid-column:1/-1}.time-impact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.time-impact{display:flex;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px}.time-impact strong{color:#fff}.time-before-after{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.time-before-after>div{padding:14px;border:1px solid rgba(231,169,51,.24);border-radius:12px;background:rgba(231,169,51,.045)}.time-before-after strong{display:block;color:#fff;margin:6px 0}.time-before-after p{margin:0;color:#dbe5f3}@media(max-width:820px){.time-impact-grid,.time-before-after{grid-template-columns:1fr}.time-transition{grid-template-columns:1fr}.time-transition small{grid-column:auto}}

/* PROFIL LAB 014 – Belastbarkeit nach Gegenprüfung */
.reliability-trail{display:flex;align-items:stretch;gap:10px;margin:-6px 0 22px;padding:14px;border:1px solid rgba(231,169,51,.28);border-radius:12px;background:rgba(231,169,51,.045)}
.reliability-trail>div,.time-score-grid>div{flex:1;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(0,9,22,.42)}
.reliability-trail>b{align-self:center;color:var(--muted);font-size:18px}.reliability-trail span,.time-score-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.reliability-trail strong,.time-score-grid strong{display:block;margin-top:5px;color:#fff;font-size:18px}.reliability-trail .final,.time-score-grid .final{border-color:rgba(231,169,51,.52);background:rgba(231,169,51,.08)}.reliability-trail .final strong,.time-score-grid .final strong{color:var(--gold2)}
.time-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px}
@media(max-width:820px){.reliability-trail{flex-direction:column}.reliability-trail>b{transform:rotate(90deg)}.time-score-grid{grid-template-columns:1fr}}
