:root{--bb-ease:cubic-bezier(0.23,1,0.32,1);--bb-von:translateY(100%);--bb-skala:scale(0.96);--bb-fokus:0 0 0 2px var(--surface-1),0 0 0 4px color-mix(in oklab,var(--text) 45%,transparent)}@media (min-width:768px){:root{--bb-von:translateX(100%)}}@media (prefers-reduced-motion:reduce){:root{--bb-von:none;--bb-skala:none}}.bb-ring:focus-visible,.bb-ring[data-focus-visible]{outline:none;box-shadow:var(--bb-fokus)}.bb-pfeil{flex:none;color:var(--text-3)}.bb-abdunkelung{position:fixed;inset:0;z-index:calc(var(--z-dialog) - 1);background:color-mix(in oklab,var(--bg) 70%,transparent);backdrop-filter:blur(4px);transition:opacity .25s ease-out}.bb-abdunkelung[data-ending-style],.bb-abdunkelung[data-starting-style]{opacity:0}.bb-blatt{position:fixed;z-index:var(--z-dialog);left:0;right:0;bottom:0;max-height:85dvh;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding:18px var(--pad) calc(18px + env(safe-area-inset-bottom));background:var(--surface-1);color:var(--text);border-top:1px solid var(--line-strong);border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--saum-stark),var(--shadow-2);outline:none;transition:transform .32s var(--bb-ease),opacity .32s var(--bb-ease)}@media (min-width:768px){.bb-blatt{left:auto;top:0;width:min(420px,100vw);max-height:none;padding-bottom:18px;border-top:0;border-left:1px solid var(--line-strong);border-radius:var(--radius) 0 0 var(--radius)}}.bb-blatt[data-ending-style],.bb-blatt[data-starting-style]{transform:var(--bb-von);opacity:0}@media (prefers-reduced-motion:no-preference){.bb-blatt[data-ending-style],.bb-blatt[data-starting-style]{opacity:1}}.bb-griff{align-self:center;flex:none;width:36px;height:4px;border-radius:2px;background:var(--line-strong)}@media (min-width:768px){.bb-griff{display:none}}.bb-titel{margin:0;padding-right:36px;font-size:var(--text-gross);font-weight:600;letter-spacing:-.01em;color:var(--text)}.bb-beschreibung{margin:0;font-size:var(--text-fein);line-height:1.5;color:var(--text-3)}.bb-schliessen{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:var(--r-feld);border:1px solid var(--line);background:transparent;color:var(--text-3);cursor:pointer;transition:color .2s ease-out,border-color .2s ease-out}.bb-schliessen:hover{color:var(--text);border-color:var(--line-strong)}.bb-schliessen:focus-visible{outline:none;box-shadow:var(--bb-fokus)}.bb-dialog{position:fixed;z-index:var(--z-dialog);inset:0;margin:auto;height:fit-content;max-height:calc(100dvh - 32px);overflow:auto;width:min(420px,calc(100vw - 32px));display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--surface-1);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--saum-stark),var(--shadow-2);outline:none;transition:opacity .24s var(--bb-ease),transform .24s var(--bb-ease)}.bb-dialog[data-ending-style],.bb-dialog[data-starting-style]{opacity:0;transform:var(--bb-skala)}.bb-dialog .bb-titel{font-size:var(--text-gross);padding-right:0}.bb-dialog-text{margin:0;font-size:var(--text-basis);line-height:1.5;color:var(--text-2)}.bb-dialog-knoepfe{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:6px}.btn.bb-gefahr{color:var(--neg-text);border-color:color-mix(in oklab,var(--neg) 40%,transparent);background:color-mix(in oklab,var(--neg) 10%,transparent)}.btn.bb-gefahr:hover{border-color:color-mix(in oklab,var(--neg) 60%,transparent);background:color-mix(in oklab,var(--neg) 18%,transparent);color:var(--neg-text)}.bb-lage{z-index:calc(var(--z-dialog) + 10)}.bb-menue{min-width:190px;max-width:min(360px,calc(100vw - 24px));padding:4px;background:var(--surface-2);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--r-innen);box-shadow:var(--saum),var(--shadow-2);outline:none;transform-origin:var(--transform-origin,top left);transition:opacity .2s var(--bb-ease),transform .2s var(--bb-ease)}.bb-menue[data-ending-style],.bb-menue[data-starting-style]{opacity:0;transform:var(--bb-skala)}.bb-liste{max-height:min(300px,var(--available-height,300px));overflow:auto;overscroll-behavior:contain;min-width:var(--anchor-width)}.bb-eintrag{display:flex;align-items:center;gap:8px;min-height:34px;padding:7px 10px;border-radius:var(--r-feld);font-size:var(--text-basis);color:var(--text-2);cursor:pointer;outline:none;user-select:none;-webkit-user-select:none}.bb-eintrag[data-highlighted]{background:var(--surface-3);color:var(--text)}.bb-eintrag[data-checked],.bb-eintrag[data-selected]{color:var(--text)}.bb-eintrag[data-disabled]{opacity:.45;cursor:default}.bb-eintrag.bb-eintrag-gefahr{color:var(--neg-text)}.bb-eintrag.bb-eintrag-gefahr[data-highlighted]{background:color-mix(in oklab,var(--neg) 14%,transparent);color:var(--neg-text)}.bb-haken{flex:none;width:14px;display:inline-flex;justify-content:center;color:var(--accent-text)}.bb-trenner{height:1px;margin:4px 2px;background:var(--line)}.bb-gruppe-titel{padding:6px 10px 2px;font-size:var(--text-mikro);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.bb-leer{padding:8px 10px;font-size:var(--text-fein);color:var(--text-3)}.bb-leer:empty{display:none}.bb-ausloeser{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;text-align:left;cursor:pointer}.bb-ausloeser[data-popup-open]{border-color:color-mix(in oklab,var(--text) 30%,transparent)}.bb-ausloeser [data-placeholder]{color:var(--text-4)}.bb-ausloeser[data-disabled]{opacity:.55;cursor:default}.bb-ausloeser>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-suche{position:relative;display:flex;align-items:center}.bb-suche .field{padding-right:34px}.bb-suche-pfeil{position:absolute;right:0;top:0;bottom:0;width:34px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--text-3);cursor:pointer}.bb-kaestchen-zeile{display:inline-flex;align-items:center;gap:9px;min-height:28px;font-size:var(--text-basis);color:var(--text);cursor:pointer;user-select:none;-webkit-user-select:none}.bb-kaestchen{--bb-farbe:var(--text);flex:none;display:inline-grid;place-items:center;width:18px;height:18px;padding:0;border-radius:var(--r-klein);border:1px solid var(--line-strong);background:transparent;color:var(--bg);cursor:pointer;transition:background .2s ease-out,border-color .2s ease-out}.bb-kaestchen[data-checked],.bb-kaestchen[data-indeterminate]{background:var(--bb-farbe);border-color:var(--bb-farbe)}.bb-kaestchen[data-disabled]{opacity:.5;cursor:default}.bb-kaestchen:focus-visible{outline:none;box-shadow:var(--bb-fokus)}.bb-kaestchen svg{display:block}.bb-schalter{flex:none;position:relative;display:inline-flex;align-items:center;width:40px;height:24px;padding:2px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface-3);box-shadow:inset 0 1px 2px rgba(0,0,0,.18);cursor:pointer;transition:background .2s ease-out,border-color .2s ease-out}.bb-schalter[data-checked]{background:var(--accent);border-color:var(--accent)}.bb-schalter[data-disabled]{opacity:.5;cursor:default}.bb-schalter:focus-visible{outline:none;box-shadow:var(--bb-fokus)}.bb-daumen{display:block;width:18px;height:18px;border-radius:50%;background:var(--text-2);box-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform .2s var(--bb-ease),background .2s ease-out}.bb-schalter[data-checked] .bb-daumen{transform:translateX(16px);background:#fff}.bb-regler{position:relative;display:flex;align-items:center;width:100%;min-height:28px;touch-action:none;user-select:none;-webkit-user-select:none}.bb-spur{position:relative;flex:1;height:4px;border-radius:2px;background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line)}.bb-bereich{height:100%;border-radius:2px;background:var(--accent)}.bb-griffpunkt{display:block;width:20px;height:20px;border-radius:50%;background:var(--text);border:2px solid var(--surface-1);box-shadow:0 1px 4px rgba(0,0,0,.4);cursor:grab}.bb-griffpunkt[data-dragging]{cursor:grabbing}.bb-griffpunkt:has(input:focus-visible){outline:none;box-shadow:var(--bb-fokus)}.bb-regler[data-disabled]{opacity:.5}.bb-zahl{display:flex;align-items:stretch;padding:0;overflow:hidden}.bb-zahl input{flex:1;min-width:0;padding:9px 12px;border:0;background:transparent;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;outline:none}.bb-zahl input::placeholder{color:var(--text-4)}.bb-zahl:focus-within{border-color:color-mix(in oklab,var(--text) 30%,transparent);background-color:color-mix(in oklab,var(--surface-3) 80%,transparent)}.bb-zahl-knopf{flex:none;width:34px;display:grid;place-items:center;border:0;border-left:1px solid var(--line);background:transparent;color:var(--text-2);font:inherit;font-size:var(--text-gross);line-height:1;cursor:pointer;user-select:none;-webkit-user-select:none}.bb-zahl-knopf:first-child{border-left:0;border-right:1px solid var(--line)}.bb-zahl-knopf:hover{background:var(--surface-3);color:var(--text)}.bb-zahl-knopf[data-disabled]{opacity:.4;cursor:default}.bb-zahl-knopf:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--text) 45%,transparent)}.bb-zahl[data-disabled]{opacity:.55}.bb-zahl-einheit{align-self:center;padding-right:10px;font-size:var(--text-fein);color:var(--text-3)}.bb-reiter-liste{position:relative;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line)}.bb-reiter-liste::-webkit-scrollbar{display:none}.bb-reiter{position:relative;flex:none;min-height:36px;padding:8px 12px;border:0;background:transparent;color:var(--text-3);font:inherit;font-size:var(--text-basis);font-weight:600;cursor:pointer;border-radius:var(--r-klein) var(--r-klein) 0 0;transition:color .2s ease-out}.bb-reiter:hover,.bb-reiter[data-active]{color:var(--text)}.bb-reiter:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--text) 45%,transparent)}.bb-reiter-strich{position:absolute;bottom:-1px;left:var(--active-tab-left,0);width:var(--active-tab-width,0);height:2px;border-radius:1px;background:var(--accent);transition:left .25s var(--bb-ease),width .25s var(--bb-ease)}.bb-reiter-inhalt{outline:none}.bb-reiter-inhalt:focus-visible{box-shadow:var(--bb-fokus);border-radius:var(--r-feld)}.bb-akk-eintrag{border-bottom:1px solid var(--line)}.bb-akk-eintrag:last-child{border-bottom:0}.bb-akk-kopf{margin:0;font:inherit}.bb-akk-knopf{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:9px 2px;border:0;background:transparent;color:var(--text);font:inherit;font-size:var(--text-basis);font-weight:600;text-align:left;cursor:pointer;border-radius:var(--r-feld)}.bb-akk-knopf:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--text) 45%,transparent)}.bb-akk-rechts{margin-left:auto;font-weight:500;color:var(--text-3)}.bb-akk-knopf[data-disabled]{opacity:.5;cursor:default}.bb-akk-inhalt{overflow:hidden;height:var(--accordion-panel-height);transition:height .32s var(--bb-ease),opacity .32s var(--bb-ease)}.bb-akk-inhalt[data-ending-style],.bb-akk-inhalt[data-starting-style]{height:0;opacity:0}.bb-akk-inhalt[data-ending-style]{transition-duration:.24s}.bb-akk-innen{padding:0 2px 12px}@media (prefers-reduced-motion:reduce){.bb-akk-inhalt{transition:opacity .2s ease-out}.bb-akk-inhalt[data-ending-style],.bb-akk-inhalt[data-starting-style]{height:var(--accordion-panel-height)}}.bb-fortschritt{position:relative;height:6px;border-radius:3px;overflow:hidden;background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line)}.bb-fortschritt-fuell{height:100%;border-radius:3px;background:var(--accent);transition:width .3s var(--bb-ease)}.bb-fortschritt-kopf{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:var(--text-fein);color:var(--text-2);font-variant-numeric:tabular-nums}.bb-toast-feld{position:fixed;z-index:calc(var(--z-dialog) + 30);left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;width:max-content;max-width:calc(100vw - 24px);margin:0;padding:0;list-style:none;outline:none}@media (min-width:768px){.bb-toast-feld{bottom:calc(20px + env(safe-area-inset-bottom))}}.bb-toast{display:flex;align-items:center;gap:12px;min-width:min(300px,calc(100vw - 24px));padding:10px 10px 10px 14px;background:var(--surface-2);color:var(--text);border:1px solid var(--line-strong);border-left-width:3px;border-radius:var(--r-innen);box-shadow:var(--saum),var(--shadow-2);font-size:var(--text-basis)}.bb-toast[data-art=ok]{border-left-color:var(--pos)}.bb-toast[data-art=fehler]{border-left-color:var(--neg)}.bb-toast[data-art=hinweis]{border-left-color:var(--warn)}.bb-toast-text{flex:1;min-width:0;margin:0;font-weight:500;overflow-wrap:anywhere}.bb-toast-aktion{flex:none;min-height:30px;padding:5px 11px;border-radius:var(--r-feld);border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent-text);font:inherit;font-size:var(--text-fein);font-weight:600;cursor:pointer;transition:background .2s ease-out}.bb-toast-aktion:hover{background:var(--accent-mid)}.bb-toast-aktion:focus-visible,.bb-toast-zu:focus-visible{outline:none;box-shadow:var(--bb-fokus)}.bb-toast-zu{flex:none;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--r-klein);background:transparent;color:var(--text-3);cursor:pointer}.bb-toast-zu:hover{color:var(--text)}@keyframes bb-toast-ein{0%{opacity:0;transform:translateY(12px)}}@keyframes bb-toast-aus{to{opacity:0;transform:translateY(12px)}}.bb-toast[data-state=open]{animation:bb-toast-ein .28s var(--bb-ease)}.bb-toast[data-state=closed]{animation:bb-toast-aus .2s ease-in forwards}.bb-toast[data-swipe=move]{transform:translateY(var(--radix-toast-swipe-move-y,0))}.bb-toast[data-swipe=cancel]{transform:translateY(0);transition:transform .2s ease-out}.bb-toast[data-swipe=end]{animation:bb-toast-aus .2s ease-in forwards}@media (prefers-reduced-motion:reduce){@keyframes bb-toast-ein{0%{opacity:0}}@keyframes bb-toast-aus{to{opacity:0}}}.bb-datum-pop{padding:10px;width:min(312px,calc(100vw - 24px))}.bb-datum-zeit{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);font-size:var(--text-fein);color:var(--text-3)}.bb-datum-zeit .field{width:auto;flex:1}.bb-kal{position:relative;width:100%;font-size:var(--text-fein)}.bb-kal-nav{position:absolute;top:0;right:0;display:flex;gap:4px;z-index:1}.bb-kal-titel{display:flex;align-items:center;height:32px;margin-bottom:6px;font-size:var(--text-basis);font-weight:600;color:var(--text)}.bb-kal-knopf{flex:none;display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:var(--r-feld);border:1px solid var(--line);background:transparent;color:var(--text-2);cursor:pointer;transition:color .2s ease-out,border-color .2s ease-out}.bb-kal-knopf:hover{color:var(--text);border-color:var(--line-strong)}.bb-kal-knopf:disabled,.bb-kal-knopf[data-disabled]{opacity:.4;cursor:default}.bb-kal-knopf:focus-visible,.bb-kal-knopf[data-focus-visible]{outline:none;box-shadow:var(--bb-fokus)}.bb-kal table{width:100%;border-collapse:collapse;table-layout:fixed}.bb-kal th{padding:2px 0 6px;font-size:var(--text-mikro);font-weight:600;color:var(--text-3);text-align:center}.bb-kal td{padding:1px;text-align:center}.bb-kal-tag{display:flex;align-items:center;justify-content:center;width:100%;min-width:32px;height:34px;padding:0;border-radius:var(--r-feld);border:1px solid transparent;background:transparent;color:var(--text-2);font:inherit;font-size:var(--text-fein);font-variant-numeric:tabular-nums;cursor:pointer;transition:background .2s ease-out,border-color .2s ease-out}.bb-kal-tag:hover,.bb-kal-tag[data-today]{border-color:var(--line-strong)}.bb-kal-tag[data-today]{color:var(--text)}.bb-kal-tag[data-selected]{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.bb-kal-tag[data-outside-month]{color:var(--text-4);opacity:.6}.bb-kal-tag:disabled{opacity:.35;cursor:default}.bb-kal-tag:focus-visible{outline:none;box-shadow:var(--bb-fokus)}.bb-monatsleiste{display:inline-flex;align-items:center;gap:8px}.bb-monatsleiste-titel{min-width:128px;margin:0;text-align:center;font-size:var(--text-gross);font-weight:700;letter-spacing:-.01em;color:var(--text);font-variant-numeric:tabular-nums}html[data-anim=aus] .bb-abdunkelung,html[data-anim=aus] .bb-akk-inhalt,html[data-anim=aus] .bb-blatt,html[data-anim=aus] .bb-daumen,html[data-anim=aus] .bb-dialog,html[data-anim=aus] .bb-fortschritt-fuell,html[data-anim=aus] .bb-menue,html[data-anim=aus] .bb-reiter-strich,html[data-anim=aus] .bb-toast{animation:none!important;transition:none!important}