:root{--bg: #14121f;--surface: #1f1c2e;--surface-2: #2a2640;--text: #f4f1ff;--muted: #a39fbd;--accent: #ff6b4a;--accent-2: #ffb547;--rest: #3fc9a8;--radius: 18px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100dvh;transition:background .4s}main{max-width:720px;margin:0 auto;padding:0 16px 48px}h1,h2,h3{line-height:1.2;margin:0 0 .5em}h3{margin-top:2em;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.muted{color:var(--muted)}.error{color:#ff7b7b;min-height:1.5em}button,.button{font:inherit;font-weight:600;border:0;border-radius:999px;cursor:pointer;padding:.7em 1.4em;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;color:var(--text);transition:transform .1s,opacity .2s}button:active,.button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:wait}.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#1a0f0a}.ghost{background:var(--surface-2)}.big{font-size:1.2rem;padding:.9em 2em}.small{font-size:.85rem;padding:.45em 1em}.row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.topbar{display:flex;justify-content:space-between;align-items:center;max-width:720px;margin:0 auto;padding:16px}.brand{color:var(--text);text-decoration:none;font-weight:800;font-size:1.15rem}.brand span{color:var(--accent)}.hero{text-align:center;padding:24px 0 32px}.hero h1{font-size:clamp(1.8rem,6vw,2.6rem)}.hero .button,.hero button{margin-top:12px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{background:var(--surface);border-radius:var(--radius);padding:20px;border-top:4px solid var(--c, var(--accent))}.card h2{color:var(--c)}.streak{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.streak strong{font-size:2.6rem;line-height:1}.streak span:last-child{color:var(--muted)}.flame{font-size:1.6rem}dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;gap:8px}dt{color:var(--muted);font-size:.75rem}dd{margin:0;font-weight:700;font-size:1.2rem}.together{text-align:center;margin:20px 0 0}.calendar{display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:4px;justify-content:start;overflow-x:auto}.day{width:18px;height:18px;border-radius:5px;background:var(--surface-2);display:inline-block}.day.future{opacity:.3}.legend{display:flex;gap:16px;margin-top:8px;color:var(--muted);font-size:.85rem;flex-wrap:wrap}.legend span{display:inline-flex;align-items:center;gap:6px}.legend .day{width:12px;height:12px}.history{list-style:none;padding:0;margin:0}.history li{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--surface-2);align-items:center}.empty{text-align:center;padding:24px}.setup h1{text-align:center;margin-top:16px}.people-pick{display:flex;gap:12px;justify-content:center}.pick{flex:1;max-width:200px;cursor:pointer}.pick input{display:none}.pick span{display:block;text-align:center;padding:20px;border-radius:var(--radius);background:var(--surface);border:3px solid transparent;font-weight:700;font-size:1.2rem;opacity:.5}.pick input:checked+span{border-color:var(--c);color:var(--c);opacity:1}.opt{display:flex;gap:10px;align-items:center;padding:8px 0}.opt input{width:20px;height:20px;accent-color:var(--accent)}.opt.disabled{color:var(--muted)}.sticky{position:sticky;bottom:16px;margin-top:24px}body.running .topbar{display:none}body.running{background:radial-gradient(circle at 50% 30%,#3a1d1d,var(--bg) 70%)}body.running.resting{background:radial-gradient(circle at 50% 30%,#12352f,var(--bg) 70%)}.run{text-align:center;padding-top:max(24px,env(safe-area-inset-top))}.timeline{--c-work: var(--accent);--c-partner: var(--accent-2);--c-soft: var(--rest);position:relative;padding:10px 0 14px;margin:-10px 0 -14px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}.tl-groups,.tl-track{display:flex;gap:2px}.tl-group{min-width:0;overflow:hidden;white-space:nowrap;text-align:center;font-size:.7rem;font-weight:700;text-overflow:clip;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:2px solid var(--surface-2);padding-bottom:2px;margin-bottom:4px}.tl-group.round{color:var(--text);border-color:var(--c-work)}.tl-group.partner{color:var(--c-partner);border-color:var(--c-partner)}.tl-group.warmup,.tl-group.cooldown,.tl-group.pause{border-color:var(--c-soft)}.tl-track{position:relative;height:18px}.tl-seg{position:relative;min-width:2px;border-radius:3px;overflow:hidden;--seg: var(--surface-2);background:color-mix(in srgb,var(--seg) 30%,transparent)}.tl-seg i{position:absolute;inset:0 auto 0 0;width:0;background:var(--seg)}.tl-seg.work{--seg: var(--c-work)}.tl-seg.partner{--seg: var(--c-partner);box-shadow:inset 0 0 0 1px var(--c-partner)}.tl-seg.warmup,.tl-seg.cooldown,.tl-seg.pause{--seg: var(--c-soft)}.tl-seg.transition{--seg: #6b6690;height:50%;align-self:center}.tl-seg.tl-active{outline:2px solid var(--text);outline-offset:1px;z-index:1}.tl-seg.tl-target{outline:3px solid var(--accent-2);outline-offset:2px;z-index:2}.tl-bubble{position:absolute;top:100%;transform:translate(-50%);z-index:5;margin-top:2px;max-width:100%;padding:8px 12px;border-radius:10px;background:var(--surface-2);font-size:.9rem;font-weight:700;box-shadow:0 6px 20px #0008;pointer-events:none}.tl-head{position:absolute;top:-3px;bottom:-3px;width:3px;margin-left:-1px;background:var(--text);border-radius:2px;box-shadow:0 0 6px #fff8;pointer-events:none}.ring-wrap{position:relative;width:min(58vw,34dvh,300px);aspect-ratio:1;margin:12px auto}.ring{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:8}.ring .track{stroke:var(--surface-2)}.ring .progress{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .1s linear}body.resting .ring .progress{stroke:var(--rest)}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.time{font-size:clamp(3.5rem,18vw,6rem);font-weight:800;font-variant-numeric:tabular-nums}body.paused .time{animation:blink 1s infinite}@keyframes blink{50%{opacity:.3}}.controls{margin-top:24px}.run-meta{display:flex;justify-content:space-between;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:10px;font-size:.95rem}.phase{margin:8px 0 0;font-size:1.3rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}body.resting .phase{color:var(--rest)}body.partner .phase{color:var(--accent-2)}body.partner .ring .progress{stroke:var(--accent-2)}.pcards{display:grid;grid-template-columns:repeat(var(--n, 2),1fr);gap:12px;margin-top:8px}.pcard{background:var(--surface);border-radius:var(--radius);padding:12px;border-top:5px solid var(--c, var(--accent));display:flex;flex-direction:column;align-items:center;gap:6px;transition:opacity .3s}.pcard.together{grid-column:1 / -1;flex-direction:row;text-align:left;border-top-color:var(--accent-2)}.pcard.together .ex-img{width:40%;max-width:200px}.pcard.upcoming{opacity:.7}.pcard .ex-img{width:100%;max-width:220px}.pname{font-weight:700;color:var(--c, var(--text))}.pex{font-size:clamp(1.2rem,5vw,1.9rem);font-weight:800;line-height:1.15}.plevel{color:var(--muted);font-size:.85rem}.soon{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;background:var(--rest);color:#062a22;border-radius:6px;padding:1px 8px;font-weight:700}a{color:var(--accent-2)}.spaced{margin-top:1.5em}.small-text{font-size:.85rem;margin:12px 0 0}.ex-img{display:block;aspect-ratio:4 / 3;object-fit:contain;background:#fff1;border-radius:12px;width:100%}.ex-img.placeholder{display:grid;place-items:center;font-size:3rem;font-weight:800;color:var(--muted)}.ex-img.large{max-width:480px;margin:0 auto 16px}.ex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.ex-card{background:var(--surface);border-radius:var(--radius);padding:12px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:6px}.ex-card .muted{font-size:.8rem}.ex-detail .lead{font-size:1.15rem}.ex-video{display:block;width:100%;max-width:640px;aspect-ratio:16 / 9;margin:0 auto 16px;border:0;border-radius:12px;overflow:hidden;background:#000;padding:0;position:relative;cursor:pointer}.ex-video img{width:100%;height:100%;object-fit:cover;display:block}.ex-video .play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:72px;height:72px;border-radius:50%;background:#e00c;color:#fff;font-size:2rem;display:grid;place-items:center;padding-left:6px}.ex-card .video-tag{align-self:flex-start;font-size:.75rem}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tag{background:var(--surface-2);border-radius:999px;padding:2px 10px;font-size:.85rem}.tag.ok{background:#1f4a3e;color:var(--rest)}.explain{display:block}.explain dt{color:var(--accent-2);font-weight:700;margin-top:14px;font-size:.9rem}.explain dd{margin:4px 0 0;font-size:1rem;font-weight:400}.explain ul{margin:0;padding-left:1.2em}.progression li{padding:4px 0}.progression li b{margin-left:8px;font-size:.85rem}.schedule{width:100%;border-collapse:collapse;font-size:.9rem}.schedule th,.schedule td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--surface-2)}.schedule td:first-child{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.schedule tr.together td:not(:first-child){background:#ffb54714}.schedule a{color:var(--text);text-decoration:none}.error-box pre{white-space:pre-wrap;background:var(--surface);padding:16px;border-radius:12px;color:#ff9b9b}.done{text-align:center;padding-top:48px}.confetti{font-size:5rem;animation:pop .6s ease-out}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.2)}}dialog{background:var(--surface);color:var(--text);border:0;border-radius:var(--radius);padding:24px;width:min(92vw,380px)}dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog input[type=password]{width:100%;font:inherit;padding:.7em 1em;border-radius:12px;border:2px solid var(--surface-2);background:var(--bg);color:var(--text)}dialog input:focus{outline:none;border-color:var(--accent)}body.wide main,body.wide .topbar{max-width:1200px}.aufbau h1{text-align:center;margin-top:16px;font-size:clamp(1.8rem,4vw,3rem)}.ab-count{text-align:center;color:var(--muted);font-size:clamp(1rem,2vw,1.4rem);margin:0 0 16px}.ab-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.ab-group{background:var(--surface);border-radius:var(--radius);padding:16px 18px}.ab-group h2{display:flex;gap:10px;align-items:center;font-size:clamp(1.1rem,2.2vw,1.6rem);margin:0 0 8px}.ab-group ul{list-style:none;margin:0;padding:0}.ab-group li{display:flex;align-items:center;gap:8px;border-top:1px solid var(--surface-2);transition:opacity .2s}.ab-group li:first-child{border-top:0}.ab-group li.ab-done{opacity:.55}.ab-group li.ab-done .ab-text{text-decoration:line-through;text-decoration-color:var(--rest)}.ab-item{flex:1;display:flex;align-items:center;gap:14px;padding:12px 0;cursor:pointer;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.3}.ab-item input{flex:none;width:28px;height:28px;accent-color:var(--rest)}.ab-text{flex:1}.ab-text small{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px;font-size:.8em;color:var(--muted)}.ab-pin{font-size:.85em;opacity:.7}.ab-foot{text-align:center;font-size:.85rem;margin-top:16px}.linkish{background:none;padding:0;font-weight:400;color:var(--accent-2);text-decoration:underline;border-radius:0}:root{--v-trainer: #5aa9ff;--v-trainerin: #ff7ac8}.v-trainer{color:var(--v-trainer)}.v-trainerin{color:var(--v-trainerin)}.dbg-setup{display:flex;flex-direction:column;gap:6px;padding:8px 0 0 30px;font-size:.9rem}.dbg-setup select,.gen-sel{width:100%;max-width:100%;padding:.5em;border-radius:10px;background:var(--surface-2);color:var(--text);border:1px solid #ffffff22;font:inherit}.dbg{margin-top:24px;text-align:left;font-size:.85rem;background:#0008;border:1px dashed #ffffff33;border-radius:12px;padding:10px 12px}.dbg-info{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--muted);margin-bottom:8px}.dbg-track{position:relative;height:22px;background:var(--surface-2);border-radius:4px;margin:0 6px}.dbg-mark{position:absolute;top:6px;bottom:6px;width:6px;margin-left:-3px;border-radius:2px;cursor:pointer;opacity:.85}.dbg-mark.ki{top:0;bottom:0;box-shadow:0 0 0 1px #fff;opacity:1}.dbg-head{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:#fff;pointer-events:none}.dbg-sub{min-height:2.6em;margin-top:10px;font-size:1rem}.dbg-next{color:var(--muted);margin-top:4px}.dbg-pick{margin-top:8px;padding-top:8px;border-top:1px solid #ffffff22}.dbg-pick ul{margin:4px 0 0;padding-left:18px}.dbg-tag{font-size:.7rem;padding:1px 6px;border-radius:6px;background:#ffb54733;color:var(--accent-2);vertical-align:1px}.dbg-tag.fix{background:var(--surface-2);color:var(--muted)}.ansagen-dbg pre{white-space:pre-wrap;word-break:break-word;background:var(--surface);padding:12px;border-radius:10px;font-size:.8rem;max-height:60vh;overflow:auto}.ansagen-dbg details{margin-top:10px}.ansagen-dbg summary{cursor:pointer;color:var(--muted)}.gen-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0}.gen-meta dd{margin:0;word-break:break-word}.table-scroll{overflow-x:auto;margin-top:16px}.gen-table{width:100%;border-collapse:collapse;font-size:.9rem}.gen-table th,.gen-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--surface-2);vertical-align:top}.gen-table td.num{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted)}.dbg-tag.st{background:#5aa9ff26;color:#9cc9ff}.gen-table tr.playing td{background:#ffb5471f}.gen-table .play{padding:.3em .7em}.lobby{text-align:center;padding-top:32px}.lobby h1{font-size:clamp(2rem,5vw,4rem)}.lobby .schedule{max-width:900px;margin:24px auto 0;text-align:left}.tv-sound{position:fixed;right:24px;bottom:24px;z-index:50;box-shadow:0 6px 24px #0008;animation:blink 1.6s infinite}.tv-sound[hidden]{display:none}body.tv{font-size:22px}body.tv main,body.tv .topbar{max-width:1600px}body.tv .schedule{font-size:1.1rem}body.tv.running main{max-width:none;padding:2.5dvh 3vw}body.tv .run{display:grid;grid-template-columns:minmax(0,36fr) minmax(0,64fr);grid-template-rows:auto auto 1fr;grid-template-areas:"tl tl" "meta meta" "clock cards";column-gap:3vw;height:95dvh;padding-top:0}body.tv .timeline{grid-area:tl}body.tv .tl-track{height:2.4dvh}body.tv .tl-group{font-size:1.6dvh}body.tv .run-meta{grid-area:meta;font-size:2.6dvh}body.tv .run-clock{grid-area:clock;align-self:center}body.tv .phase{font-size:4.5dvh}body.tv .ring-wrap{width:min(32vw,62dvh)}body.tv .time{font-size:min(9vw,17dvh)}body.tv .pcards{grid-area:cards;align-self:center;gap:2vw;margin:0}body.tv .pcard{padding:2dvh 1.5vw;gap:1dvh}body.tv .pcard .ex-img{max-width:none;max-height:52dvh}body.tv .pcard.together .ex-img{width:50%;max-width:none}body.tv .pname{font-size:3.4dvh}body.tv .pex{font-size:5.5dvh}body.tv .plevel{font-size:2.6dvh}body.tv .soon{font-size:2.2dvh}body.tv .done .confetti{font-size:10rem}body.paused .run-clock .phase:before{content:"Pausiert · "}