:root{--bg: #f3f6f9;--surface: #ffffff;--ink: #0f2233;--ink-soft: #5b6b7a;--line: #e2e9f0;--brand: #0782c6;--brand-deep: #045b8c;--teal: #0ea5b7;--ok: #15924b;--warn: #d98a00;--bad: #d93a3a;--ok-bg: #e7f6ec;--warn-bg: #fdf3e0;--bad-bg: #fdeaea;--radius: 14px;--shadow: 0 1px 2px rgba(15, 34, 51, .06), 0 8px 24px rgba(15, 34, 51, .06);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}h1,h2,h3{line-height:1.2}a{color:var(--brand-deep)}code{background:#eef3f7;padding:.05em .35em;border-radius:5px;font-size:.85em}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:.55rem;background:none;border:none;cursor:pointer;font:inherit}.brand-mark{font-size:1.4rem}.brand-name{font-weight:700;color:var(--brand-deep);letter-spacing:-.01em}.nav{display:flex;gap:.25rem}.nav-btn{border:none;background:none;padding:.5rem .85rem;border-radius:999px;cursor:pointer;color:var(--ink-soft);font:inherit;font-weight:500}.nav-btn:hover{background:#eef3f7;color:var(--ink)}.nav-btn.active{background:var(--brand);color:#fff}.ai-badge{font-size:.72rem;font-weight:700;border-radius:999px;padding:.25rem .6rem;margin-left:.3rem;align-self:center}.ai-badge.on{background:var(--ok-bg);color:var(--ok)}.ai-badge.off{background:#eef3f7;color:var(--ink-soft)}.main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.loading{color:var(--ink-soft);padding:3rem;text-align:center}.banner{padding:.8rem 1rem;border-radius:10px;margin-bottom:1rem;font-size:.92rem}.banner.error,.error{background:var(--bad-bg);color:#9a2222}.banner.info{background:#e8f3fb;color:var(--brand-deep)}.home-hero{text-align:center;margin:1.5rem 0 2rem}.home-hero h2{margin:0;font-size:1.9rem;letter-spacing:-.02em}.home-hero p{color:var(--ink-soft);margin:.4rem 0 0}.mode-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.1rem}.mode-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--shadow);transition:transform .12s,border-color .12s;font:inherit}.mode-card:hover{transform:translateY(-3px);border-color:var(--brand)}.mode-emoji{font-size:1.8rem}.mode-title{font-weight:700;font-size:1.2rem}.mode-text{color:var(--ink-soft);font-size:.92rem;line-height:1.5}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;align-items:start}@media (max-width: 900px){.split{grid-template-columns:1fr}}.split-left,.split-right{min-width:0}.form{display:flex;flex-direction:column;gap:1.1rem}fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;margin:0;background:var(--surface)}legend{font-weight:700;padding:0 .4rem;color:var(--brand-deep)}.req{font-size:.7rem;background:var(--brand);color:#fff;border-radius:999px;padding:.1rem .5rem;margin-left:.4rem;vertical-align:middle}label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600;color:var(--ink-soft);margin-bottom:.7rem}label.block{display:block}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}@media (max-width: 560px){.grid2{grid-template-columns:1fr}}.narrow{max-width:160px}input,select,textarea{font:inherit;font-weight:400;color:var(--ink);padding:.55rem .65rem;border:1px solid var(--line);border-radius:9px;background:#fff;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);border-color:var(--brand)}textarea{resize:vertical}.hint{font-size:.8rem;color:var(--ink-soft);font-weight:400;margin:.2rem 0 0}.row{display:flex;gap:1rem;align-items:flex-end}.row label{flex:1;margin-bottom:0}.btn{font:inherit;font-weight:600;border-radius:10px;padding:.6rem 1.1rem;cursor:pointer;border:1px solid transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--brand);color:#fff}.btn.primary:hover:not(:disabled){background:var(--brand-deep)}.btn.ghost{background:#fff;border-color:var(--line);color:var(--ink)}.btn.ghost:hover:not(:disabled){border-color:var(--brand);color:var(--brand-deep)}.btn.sm{padding:.4rem .7rem;font-size:.85rem}.dropzone{border:2px dashed var(--line);border-radius:var(--radius);padding:1.4rem;text-align:center;background:var(--surface);margin-bottom:1rem}.dropzone p{margin:0 0 .6rem;color:var(--ink-soft)}.filehint{font-size:.8rem;color:var(--ok)}.empty-preview{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);padding:3rem 1.5rem;text-align:center;color:var(--ink-soft)}.preview-toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;margin-bottom:.8rem}.export-bar{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.export-label{font-size:.85rem;color:var(--ink-soft);font-weight:600}.export-warn{font-size:.78rem;font-weight:700;color:var(--warn);background:var(--warn-bg);padding:.2rem .5rem;border-radius:999px}.version-picker{flex-direction:row;align-items:center;gap:.4rem;margin:0}.version-picker select{width:auto}.saved-bar{margin-bottom:1rem}.saved-load{flex-direction:row;align-items:center;gap:.5rem;margin:0}.saved-load select{width:auto;flex:1}.toolbar-right{display:flex;align-items:center;gap:.6rem}.alert{background:var(--warn-bg);color:#8a5a00;padding:.7rem .9rem;border-radius:10px;margin-bottom:.8rem;font-size:.9rem}.phone{background:#0f2233;border-radius:34px;padding:12px;box-shadow:var(--shadow);max-width:390px;margin:0 auto;position:relative}.phone-notch{position:absolute;top:16px;left:50%;transform:translate(-50%);width:110px;height:22px;background:#0f2233;border-radius:0 0 14px 14px;z-index:2}.phone-screen{background:#fff;border-radius:24px;height:70vh;min-height:460px;overflow-y:auto}.ad{padding:2rem 1.1rem 1.5rem}.ad-title{font-size:1.3rem;margin:0 0 1rem;color:var(--brand-deep);letter-spacing:-.01em}.ad-sec{margin:1.1rem 0}.ad-sec h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--teal);margin:0 0 .4rem}.md-p{margin:.4rem 0;font-size:.92rem;line-height:1.55}.md-list{margin:.3rem 0;padding-left:1.1rem}.md-list li{font-size:.9rem;line-height:1.5;margin:.25rem 0}.ad-facts dl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0}.fact{background:#f3f8fc;border-radius:9px;padding:.5rem .6rem}.fact dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.fact dd{margin:.15rem 0 0;font-size:.88rem;font-weight:600}.ad-cta{background:#e8f3fb;border-radius:12px;padding:.9rem;font-weight:600}.ad-contact,.ad-link{font-size:.82rem;color:var(--ink-soft);margin:.4rem 0 0}.ph{color:var(--bad);background:var(--bad-bg);border-radius:6px;padding:0 .3em;font-size:.85rem}.dash{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;box-shadow:var(--shadow)}.score-card{display:flex;align-items:baseline;gap:.6rem;padding:1rem 1.2rem;border-radius:12px;margin-bottom:1rem}.score-card.ampel-gruen{background:var(--ok-bg);color:var(--ok)}.score-card.ampel-gelb{background:var(--warn-bg);color:var(--warn)}.score-card.ampel-rot{background:var(--bad-bg);color:var(--bad)}.score-num{font-size:2.8rem;font-weight:800;line-height:1}.score-of{font-size:.9rem;opacity:.7}.score-label{font-weight:700}.dash-h{margin:1rem 0 .6rem;font-size:1rem}.crit-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.9rem}.crit-head{display:flex;align-items:center;gap:.5rem}.crit-id{font-size:.7rem;font-weight:700;color:#fff;background:var(--ink-soft);border-radius:5px;padding:.1rem .35rem}.crit-name{font-weight:600;font-size:.9rem;flex:1}.crit-score{font-variant-numeric:tabular-nums;font-weight:700;font-size:.85rem}.badge{font-size:.68rem;font-weight:700;border-radius:999px;padding:.1rem .5rem}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.bar{height:7px;background:#eef3f7;border-radius:999px;overflow:hidden;margin:.4rem 0}.bar-fill{height:100%;border-radius:999px}.bar-fill.ok{background:var(--ok)}.bar-fill.warn{background:var(--warn)}.bar-fill.bad{background:var(--bad)}.crit-body{font-size:.85rem}.crit-reason{margin:.2rem 0;color:var(--ink)}.rule-ref{color:var(--ink-soft);font-variant-numeric:tabular-nums}.crit-fix{margin:.2rem 0;color:var(--brand-deep)}.crit-example summary{cursor:pointer;color:var(--ink-soft);font-size:.8rem}.crit-example pre{white-space:pre-wrap;background:#f6f9fb;padding:.6rem;border-radius:8px;font-size:.8rem}.foot{text-align:center;padding:1.4rem;color:var(--ink-soft);font-size:.82rem;border-top:1px solid var(--line);background:var(--surface)}.muted{opacity:.8}