:root{color:#f7f3ff;font-synthesis:none;--surface:#222039;--muted:#d3cbdf;--line:#534565;--accent:#68e4e6;--notice-bg:#49391e;--notice-border:#ffcb47;background:#121122;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:var(--accent)}a:focus-visible{outline-offset:4px;outline:3px solid #e29a14}.site-header{background:#19152d;border-bottom:3px solid #ff388f}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1600px;margin:auto;padding:1rem 2rem;display:flex}.brand{color:inherit;white-space:nowrap;font-size:1.15rem;font-weight:750;text-decoration:none}.brand span{color:var(--accent);margin-right:.25rem;font-size:1.5rem}nav{flex-wrap:wrap;gap:.35rem;display:flex}nav a{color:var(--muted);border-radius:.5rem;padding:.5rem .75rem;font-weight:600;text-decoration:none}nav a:hover,nav a[aria-current=page]{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface))}main{max-width:1600px;margin:auto;padding:3.5rem 2rem 5rem}h1,h2,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:.5rem;font-size:clamp(2rem,5vw,3rem)}h2{margin-bottom:1.25rem;font-size:1.15rem}.intro{margin-bottom:2rem}.intro>p:not(.eyebrow),.overview>p{color:var(--muted)}.eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem;font-size:.8rem;font-weight:750}.notice{background:var(--notice-bg);border-left:4px solid var(--notice-border);border-radius:.5rem;margin-bottom:2rem;padding:1rem 1.25rem}.notice p{margin:.25rem 0 0}.overview{background:var(--surface);border:1px solid var(--line);border-radius:1rem;margin-bottom:1.25rem;padding:1.5rem}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.count{color:var(--muted);font-size:.9rem;font-weight:600}.confidence-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.metric{background:color-mix(in srgb, var(--accent) 5%, var(--surface));border-radius:.75rem;flex-direction:column;padding:1rem;display:flex}.metric span,.metric small{color:var(--muted)}.metric strong{font-size:1.8rem}.decades{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.decades li{border:1px solid var(--line);border-radius:.6rem;justify-content:space-between;gap:.5rem;padding:.75rem;display:flex}.back-link{margin-top:.5rem;display:inline-block}.skip-link{background:var(--surface);z-index:1;padding:.75rem;position:absolute;top:-10rem;left:1rem}.skip-link:focus{top:1rem}button,.button,.file-button{font:inherit;color:#190d1d;cursor:pointer;background:#f43b89;border:0;border-radius:.6rem;padding:.7rem 1rem;font-weight:700;text-decoration:none;display:inline-block}button:hover,.button:hover,.file-button:hover{background:#ff76b2}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.file-button:focus-within{outline-offset:3px;outline:3px solid #e29a14}.secondary,.file-button{color:#adf9f5;background:#163f4a;border:1px solid #49b3b8}.secondary:hover,.file-button:hover{background:#245c65}.actions{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.session{margin-bottom:1.25rem}.training-focus{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.identity-fields{border:1px solid var(--line);border-radius:.75rem;gap:.75rem;max-width:440px;margin:1rem 0;padding:1rem;display:grid}.identity-fields label{gap:.35rem;display:grid}.suggestion-field{gap:.35rem;display:grid;position:relative}.suggestion-list{z-index:5;background:var(--surface);border:1px solid var(--accent);border-radius:.5rem;max-height:15rem;margin:.2rem 0 0;padding:.25rem;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 .4rem 1rem #0008}.suggestion-list li{cursor:pointer;border-radius:.3rem;padding:.55rem .65rem}.suggestion-list li:hover,.suggestion-list li[aria-selected=true]{background:#245c65}.identity-result{margin:1rem 0}.identity-result p{margin-bottom:.35rem}.volume-control{gap:.35rem;max-width:24rem;margin-bottom:1.5rem;display:grid}.game{max-width:1000px}form:not(.inline-form){gap:.65rem;max-width:440px;margin-top:1rem;display:grid}input,select{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:.4rem;max-width:100%;padding:.6rem}input[type=range]{accent-color:#ffcb47;width:100%}label{font-weight:600}.settings-grid,.inline-form{flex-wrap:wrap;align-items:end;gap:.75rem;margin-top:1rem;display:flex}.settings-grid label,.inline-form label{gap:.3rem;display:grid}.result-year{color:var(--accent);margin:.2rem 0;font-size:3rem;font-weight:800}details{margin-top:1.5rem}summary{cursor:pointer;font-weight:700}.stat-row{grid-template-columns:1fr auto;gap:.3rem;margin-bottom:1rem;display:grid}progress{accent-color:#ffcb47;grid-column:1/-1;width:100%}.timeline{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));grid-auto-rows:1fr;align-items:stretch;row-gap:2rem;padding:1rem 0;display:grid;position:relative}.timeline-item{min-width:0;padding:0 2.8rem;position:relative}.timeline-row-start:before{content:"↳ Weiter in der nächsten Zeile";color:var(--accent);font-size:.75rem;font-weight:700;position:absolute;top:-1.6rem;left:2.8rem}.timeline-card{border:1px solid var(--line);background:color-mix(in srgb, var(--accent) 5%, var(--surface));overflow-wrap:anywhere;border-radius:.75rem;flex-direction:column;justify-content:center;height:100%;min-height:10rem;padding:1rem;display:flex}.timeline-card strong{color:var(--accent);font-size:1.8rem}.timeline-card span{color:var(--muted)}button.timeline-insert{border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;padding:0;font-size:1.3rem;display:grid;position:absolute;top:50%;left:.15rem;transform:translateY(-50%)}button.timeline-insert-end{left:auto;right:.15rem}.file-button input{max-width:200px;margin-top:.5rem;display:block}.error{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (width<=600px){.header-inner{padding:1rem}nav{gap:.1rem}nav a{padding:.5rem}main{padding:2.5rem 1rem}}