.an-shell{padding:0 16px;display:flex;flex-direction:column;gap:16px}
.an-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 8px 22px rgba(28,48,38,.05)}
.an-card h3{font-size:16px;letter-spacing:-.1px;margin-top:5px}
.an-sub{color:var(--muted);font-size:12.5px;margin-top:5px;line-height:1.5}
.an-empty{color:var(--muted);font-size:13px;line-height:1.55;margin-top:12px}

.an-hero{display:flex;align-items:center;gap:18px}
.an-hero>svg{flex:0 0 96px}
.an-hero-text b{display:block;font-size:15px;margin-top:6px}
.an-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.an-chip{font-size:11px;font-weight:750;padding:4px 9px;border-radius:999px;background:var(--redSoft);color:var(--redDeep);border:1px solid #F0D3CE}
.an-chip.warn{background:#fdf1e2;color:#8a4708;border-color:#f3d5ae}
.an-chip.bad{background:#fbeae7;color:#8f2a22;border-color:#f0cfca}

.an-tabs{display:flex;gap:6px;background:#edf1ee;padding:4px;border-radius:12px;margin-top:12px}
.an-tabs button{flex:1;border:0;background:transparent;font:inherit;font-size:12.5px;font-weight:800;color:var(--muted);padding:8px 4px;border-radius:9px}
.an-tabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(28,48,38,.09)}

.an-chart{position:relative;margin-top:14px}
.an-chart svg{display:block;width:100%;height:auto;overflow:visible}
.an-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:11.5px;color:var(--muted)}
.an-legend i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:6px;vertical-align:-1px}
.an-key{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:11px;color:var(--muted)}
.an-key span{display:flex;align-items:center;gap:5px}
.an-key i{width:10px;height:10px;border-radius:3px;display:inline-block}
.an-key[hidden]{display:none}

.an-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.an-stat{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:11px 12px}
.an-stat small{display:block;font-size:9.5px;letter-spacing:1.1px;font-weight:900;color:var(--muted)}
.an-stat b{display:block;font-size:17px;margin-top:5px;font-variant-numeric:tabular-nums}
.an-stat em{font-style:normal;font-size:11px;color:var(--muted)}

.an-note{display:flex;gap:9px;align-items:flex-start;margin-top:14px;border-radius:13px;padding:11px 12px;font-size:12.5px;line-height:1.5;background:var(--redSoft);border:1px solid #F0D3CE;color:var(--redDeep)}
.an-note.warn{background:#fdf1e2;border-color:#f3d5ae;color:#8a4708}
.an-note.bad{background:#fbeae7;border-color:#f0cfca;color:#8f2a22}

.an-detail{color:var(--muted);font-size:11.5px;margin-top:9px;min-height:1.4em}

.an-strip{display:grid;grid-template-columns:repeat(14,1fr);gap:5px;margin-top:14px}
.an-strip i{aspect-ratio:1;border-radius:5px;background:#edf1ee;display:block;cursor:pointer}
.an-strip i.ok{background:#dfeee7}
.an-strip i.p1{background:#f4c9c3}
.an-strip i.p2{background:#e59a90}
.an-strip i.p3{background:#c0362c}

.an-heat{display:grid;grid-template-columns:26px repeat(7,minmax(0,1fr));gap:5px;margin-top:14px;align-items:center;max-width:290px}
.an-heat .an-lbl{font-size:9.5px;font-weight:900;color:var(--muted);text-align:right;padding-right:2px}
.an-heat .an-day{font-size:9px;font-weight:900;color:var(--muted);text-align:center}
.an-heat i{height:20px;border-radius:6px;display:block;background:#edf1ee;cursor:pointer}
.an-heat i.ruhe{background:#f0f3f0;box-shadow:inset 0 0 0 1px var(--line)}
.an-heat i.kommend{background:#f7f8f5;box-shadow:inset 0 0 0 1px var(--line)}
.an-heat i.halb{background:#7fc3a6}
.an-heat i.voll{background:var(--done)}
.an-heat i.offen{background:#e8ece7}

.an-insight{background:var(--redSoft);border-color:#F0D3CE}
.an-insight h3{color:var(--redDeep)}
.an-insight p{font-size:13.5px;line-height:1.6;margin-top:8px}

.an-table{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
.an-table summary{font-size:12px;font-weight:800;color:var(--red);list-style:none}
.an-table summary::-webkit-details-marker{display:none}
.an-table-scroll{overflow-x:auto;margin-top:10px}
.an-table table{border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums}
.an-table th,.an-table td{text-align:left;padding:6px 10px 6px 0;border-bottom:1px solid var(--line);white-space:nowrap}
.an-table th{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}

.an-tip{position:absolute;pointer-events:none;opacity:0;transform:translate(-50%,-108%);background:var(--ink);color:#fff;padding:7px 10px;border-radius:10px;font-size:11.5px;line-height:1.4;white-space:nowrap;box-shadow:0 8px 18px rgba(30,20,15,.28);transition:opacity .12s ease;z-index:5}
.an-tip.show{opacity:1}

.playtime-hint{color:var(--muted);font-size:12px;line-height:1.5;margin:7px 0 10px}
@media (prefers-reduced-motion:reduce){.an-tip{transition:none}}