.bt{gap:22px;display:grid}.bt-buehne{--bt-akzent:var(--violett);--bt-flaeche:#fff;--bt-tinte:var(--ink);--bt-leise:var(--muted);border:1px solid var(--line);border-radius:var(--radius-gross);background:var(--bt-flaeche);box-shadow:var(--shadow-hoch);color:var(--bt-tinte);justify-items:center;gap:14px;padding:30px 24px 26px;transition:background-color .6s,border-color .6s;display:grid;position:relative;overflow:hidden}.bt-buehne:before{content:"";background:var(--bt-akzent);opacity:.9;height:4px;position:absolute;inset:0 0 auto}.bt-buehne--knapp{--bt-akzent:#d08a1e;--bt-flaeche:#fffaf0}.bt-buehne--endspurt{--bt-akzent:#c0392b;--bt-flaeche:#fff5f3}.bt-buehne--um{--bt-akzent:#c0392b;--bt-flaeche:#c0392b;--bt-tinte:#fff;--bt-leise:#ffffffd1;border-color:#a53024}.bt-buehne-kopf{text-align:center}.bt-phase-name{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:clamp(1.4rem,3.4vw,2.1rem);font-weight:700;line-height:1.15}.bt-phase-zaehler{color:var(--bt-leise);margin:4px 0 0;font-size:.85rem}.bt-uhr{aspect-ratio:1;place-items:center;width:min(300px,66vw);display:grid;position:relative}.bt-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.bt-ring-bahn{fill:none;stroke:var(--line);stroke-width:14px}.bt-buehne--um .bt-ring-bahn{stroke:#ffffff47}.bt-ring-rest{fill:none;stroke:var(--bt-akzent);stroke-width:14px;stroke-linecap:round;transition:stroke-dashoffset .3s linear,stroke .6s}.bt-buehne--um .bt-ring-rest{stroke:#fff}.bt-zeit{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(3rem,11vw,5.4rem);font-weight:700;line-height:1;position:relative}.bt-buehne--endspurt .bt-zeit{animation:1s ease-in-out infinite bt-puls}@keyframes bt-puls{50%{opacity:.55}}.bt-danach{text-align:center;color:var(--bt-leise);margin:0;font-size:1rem}.bt-buehne--um .bt-danach{color:#fff;font-size:1.08rem}.bt-knoepfe{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bt-knopf{border:1px solid var(--line-stark);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:9px 16px;font-size:.92rem;font-weight:600;transition:background-color .15s,border-color .15s,transform 60ms}.bt-knopf:hover:not(:disabled){background:var(--bg-tief)}.bt-knopf:active:not(:disabled){transform:translateY(1px)}.bt-knopf:disabled{opacity:.42;cursor:not-allowed}.bt-knopf--primaer{background:var(--bt-akzent);border-color:var(--bt-akzent);color:#fff;min-width:148px}.bt-knopf--primaer:hover:not(:disabled){background:var(--bt-akzent);filter:brightness(.94)}.bt-buehne--um .bt-knopf{color:#fff;background:#ffffff1f;border-color:#ffffff73}.bt-buehne--um .bt-knopf:hover:not(:disabled){background:#ffffff38}.bt-band{gap:4px;width:100%;max-width:760px;margin:2px 0 0;padding:0;list-style:none;display:flex}.bt-band-stueck{flex:1 1 0;min-width:0}.bt-band-stueck>button{background:var(--line);width:100%;height:26px;color:var(--ink-soft);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:999px;padding:0 8px;font-size:.72rem;display:block;position:relative;overflow:hidden}.bt-band-stueck>button:hover{filter:brightness(.97)}.bt-band-stueck.ist-vorbei>button{background:var(--violett-soft);color:var(--violett-dark)}.bt-band-stueck.ist-jetzt>button{box-shadow:inset 0 0 0 1.5px var(--bt-akzent);color:var(--ink);background:#fff;font-weight:600}.bt-band-fuellung{background:var(--violett-soft);width:100%;position:absolute;inset:0 auto 0 0}.bt-band-stueck.ist-jetzt .bt-band-fuellung{background:color-mix(in srgb, var(--bt-akzent) 18%, #fff)}.bt-band-stueck:not(.ist-vorbei):not(.ist-jetzt) .bt-band-fuellung{display:none}.bt-band-text{white-space:nowrap;text-overflow:clip;line-height:26px;display:block;position:relative;overflow:hidden}.bt-buehne--um .bt-band-stueck>button{color:#fff;background:#ffffff24;border-color:#ffffff4d}.bt-buehne--um .bt-band-fuellung{background:#ffffff38}.bt-bilanz{color:var(--bt-leise);text-align:center;margin:0;font-size:.92rem}.bt-buehne:fullscreen{border-radius:0;align-content:center;gap:2.4vh;padding:4vh 5vw}.bt-buehne:fullscreen .bt-uhr{width:min(46vh,80vw)}.bt-buehne:fullscreen .bt-zeit{font-size:min(20vh,22vw)}.bt-buehne:fullscreen .bt-phase-name{font-size:min(7vh,9vw)}.bt-buehne:fullscreen .bt-danach{font-size:min(3vh,4vw)}.bt-plan{border:1px solid var(--line);border-radius:var(--radius-gross);background:var(--card);box-shadow:var(--shadow);padding:20px}.bt-plan-kopf h2{margin:0;font-size:1.15rem}.bt-plan-hinweis{color:var(--muted);margin:4px 0 14px;font-size:.88rem}.bt-zeilen{gap:6px;margin:0 0 14px;padding:0;list-style:none;display:grid}.bt-zeile{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;gap:8px;padding:6px;display:flex}.bt-zeile.ist-jetzt{border-color:var(--violett);box-shadow:inset 3px 0 0 var(--violett)}.bt-zeile-nr{text-align:center;width:22px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.bt-feld{font:inherit;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:8px;padding:7px 8px}.bt-feld:hover{border-color:var(--line)}.bt-feld:focus{outline:2px solid var(--focus);outline-offset:1px;background:#fff}.bt-feld--name{flex:auto;min-width:0;font-weight:600}.bt-feld-zeit{flex:none;align-items:center;gap:3px;display:inline-flex}.bt-feld--min{text-align:right;font-variant-numeric:tabular-nums;width:62px}.bt-einheit{color:var(--muted);font-size:.82rem}.bt-zeile-knoepfe{flex:none;gap:2px;display:inline-flex}.bt-zeile-knoepfe button{border:1px solid var(--line);width:30px;height:30px;color:var(--ink-soft);font:inherit;cursor:pointer;background:#fff;border-radius:8px;line-height:1}.bt-zeile-knoepfe button:hover:not(:disabled){background:var(--bg-tief)}.bt-zeile-knoepfe button:disabled{opacity:.35;cursor:not-allowed}.bt-bausteine{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding-top:4px;display:flex}.bt-bausteine-titel{color:var(--muted);margin-right:2px;font-size:.85rem}.bt-chip{border:1px solid var(--line-stark);font:inherit;color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:999px;padding:6px 12px;font-size:.84rem}.bt-chip:hover{background:var(--violett-soft);border-color:var(--violett);color:var(--violett-dark)}.bt-chip span{color:var(--muted)}.bt-chip--leer{border-style:dashed}.bt-fuss{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.bt-schalter{color:var(--ink-soft);cursor:pointer;align-items:center;gap:7px;font-size:.88rem;display:inline-flex}.bt-tasten{color:var(--muted);flex:100%;margin:0;font-size:.8rem}.bt-tasten kbd{font:inherit;border:1px solid var(--line-stark);background:var(--bg-tief);border-bottom-width:2px;border-radius:5px;padding:1px 5px;font-size:.76rem}.bt-sr-nur{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:640px){.bt-zeile{grid-template-columns:auto 1fr auto;grid-template-areas:"nr name name""nr zeit knoepfe";align-items:center;gap:2px 6px;display:grid}.bt-zeile-nr{grid-area:nr}.bt-feld--name{grid-area:name;padding-left:4px}.bt-feld-zeit{grid-area:zeit;padding-left:4px}.bt-zeile-knoepfe{grid-area:knoepfe;justify-self:end}.bt-band-stueck>button{height:10px;padding:0}.bt-band-text{display:none}}@media (prefers-reduced-motion:reduce){.bt-buehne,.bt-ring-rest,.bt-knopf{transition:none}.bt-buehne--endspurt .bt-zeit{animation:none}}