:root{--bg:#f6f7f9;--fg:#111827;--muted:#6b7280;--card:#fff;--line:#e5e7eb;--accent:#1d4ed8;--warn:#dc2626;--we:#f1f5f9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1115;--fg:#e5e7eb;--muted:#9ca3af;--card:#181b22;--line:#2a2f3a;--we:#1d212b;--accent:#60a5fa}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;margin:0;font:16px/1.4 system-ui,sans-serif}.app{max-width:1400px;padding:12px 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}h1{margin:0;font-size:1.25rem}.bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.bar label{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:.9rem;display:flex}.spacer{flex:1}.range{font-size:.95rem}button,select{font:inherit;border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--fg);cursor:pointer;border-radius:8px;padding:0 14px}button.on{outline:2px solid var(--accent)}.seg{display:flex}.seg button:first-child{border-radius:8px 0 0 8px}.seg button:last-child{border-radius:0 8px 8px 0}.gridwrap{background:var(--card);border:1px solid var(--line);border-radius:10px;max-height:70vh;overflow:auto}table.grid{border-collapse:separate;border-spacing:0;width:100%}.grid th,.grid td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:center;min-width:56px;height:52px;padding:0;font-size:.85rem;font-weight:500}.grid thead th{background:var(--card);z-index:2;height:44px;position:sticky;top:0}.grid .name{background:var(--card);z-index:3;text-align:left;min-width:96px;padding:0 10px;position:sticky;left:0}.grid thead .name{z-index:4}.we{background:var(--we)!important}.today{box-shadow:inset 0 -3px var(--accent)}.cell{cursor:pointer;touch-action:manipulation;position:relative}.cell.over{outline:2px dashed var(--accent);outline-offset:-2px}.cell.mine{background:color-mix(in srgb, var(--accent) 8%, transparent)}.cell.warn{box-shadow:inset 0 0 0 2px var(--warn)}.flag{color:var(--warn);font-weight:700;position:absolute;top:2px;right:4px}.wish{font-size:.7rem;position:absolute;bottom:1px;left:3px}.chip{color:#111;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:8px;justify-content:center;align-items:center;min-width:38px;min-height:36px;font-weight:700;display:inline-flex}.chip.dragging{opacity:.4}.palette{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.count.low{color:var(--warn);font-weight:700}.muted{color:var(--muted);font-size:.9rem}.err{color:var(--warn)}.panels{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:14px;display:grid}.panel{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.panel h3{margin:0 0 8px;font-size:1rem}.panel ul{margin:0;padding-left:18px}.panel li{margin:4px 0}.v-rest,.v-hours{color:var(--warn)}.row{flex-wrap:wrap;gap:8px;display:flex}.row.inline{margin-left:8px;display:inline-flex}.row button small{opacity:.7}.backdrop{z-index:20;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:100%;max-width:520px;padding:14px 16px calc(18px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0}.sheet header{align-items:center;gap:6px;margin-bottom:8px;display:flex}.sheet .x{min-width:44px;margin-left:auto;padding:0}.sheet h4{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:10px 0 6px;font-size:.85rem}@media (width>=700px){.backdrop{align-items:center}.sheet{border-radius:16px}}@media (width<=600px){.app{padding:8px}.grid th,.grid td{min-width:48px}}@media print{.bar:not(.top),.top .ctl,.palette,.panels,.backdrop{display:none!important}.top{position:static}.gridwrap{border:0;max-height:none;overflow:visible}body{color:#000;background:#fff}}.sheet.wide{max-width:900px;max-height:85vh;overflow:auto}.mlist h4{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:14px 0 6px;font-size:.85rem}.mrow{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;display:flex}.mrow input{font:inherit;border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--fg);border-radius:8px;min-width:0;padding:0 10px}.mrow input[type=color]{width:52px;padding:2px}.mrow input.code{width:72px}.mrow .num{color:var(--muted);flex-direction:column;font-size:.75rem;display:flex}.mrow .num input{width:92px}.mrow button:disabled{opacity:.5;cursor:not-allowed}button.danger{color:var(--warn)}.cal{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.cal-h{text-align:center;color:var(--muted);padding:4px 0;font-size:.8rem}.cal-d{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:8px;flex-direction:column;align-items:stretch;gap:4px;min-height:92px;padding:4px;display:flex;position:relative}.cal-d.we{background:var(--we)}.cal-d.today{outline:2px solid var(--accent)}.cal-d.warn{box-shadow:inset 0 0 0 2px var(--warn)}.cal-n{font-size:.8rem;font-weight:600}.cal-duty{flex-direction:column;gap:2px;display:flex}.cal-chip{color:#111;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:2px 5px;font-size:.78rem;font-weight:600;overflow:hidden}.cal-chip.me{outline:2px solid var(--accent)}.cal-w{font-size:.75rem;position:absolute;bottom:3px;right:5px}.daywarn{color:var(--warn);margin:0 0 6px;padding-left:18px}.row.pick button small{opacity:.7}@media (width<=600px){.cal-d{min-height:64px;padding:2px}.cal-chip{padding:1px 3px;font-size:.68rem}.cal{gap:2px}}@media print{.cal-d{min-height:70px}}.panel ul.hours{padding:0;list-style:none}.hours li{grid-template-columns:5.5rem 1fr 6.5rem;align-items:center;gap:8px;display:grid}.hours li.over{color:var(--warn);font-weight:600}.hours progress{width:100%;height:10px}.confirm{color:var(--warn);flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.mrow input.wide{flex:200px;width:220px}a.contact{border:1px solid var(--line);min-height:44px;color:var(--accent);background:var(--card);border-radius:8px;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.contacts{list-style:none;padding:0!important}.contacts li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.contacts .who{flex:6rem;font-weight:600}.contacts li.duty .who:after{content:" · Dienst heute";color:var(--muted);font-size:.8rem;font-weight:400}body{font-family:var(--font,system-ui, sans-serif)}.logo{object-fit:contain;width:auto;max-width:160px;height:36px;display:block}.badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;margin-left:auto;padding:4px 10px;font-size:.8rem}.cal-chip.big{padding:6px 12px;font-size:1rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand{align-items:center;gap:10px;display:flex}.top{z-index:10;background:var(--bg);margin-top:-8px;padding-top:8px;padding-bottom:8px;position:sticky;top:0}.top .ctl{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.top .ctl label,.top .ctl .badge{margin-left:0}.print-only{display:none}@media print{.print-only{margin:8px 0;display:block}}.appearance{flex-direction:column;gap:14px;max-width:560px;display:flex}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.field input:not([type=color]):not([type=file]),.field select{font:inherit;border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--fg);border-radius:8px;padding:0 10px}.field input[type=color]{border:1px solid var(--line);background:var(--card);border-radius:8px;width:64px;height:44px;padding:2px}.check{align-items:center;gap:8px;min-height:44px;font-size:.9rem;display:flex}.logo-preview{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:6px;width:auto;max-width:200px;height:40px;padding:2px}.filebtn{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--fg);cursor:pointer;border-radius:8px;align-items:center;padding:0 14px;display:inline-flex}.filebtn input{display:none}.login{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;max-width:380px;margin:12vh auto 0;padding:20px;display:flex}.login h2{margin:0;font-size:1.15rem}.login input{font:inherit;border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--fg);border-radius:8px;padding:0 10px}button.link{color:var(--accent);text-align:left;background:0 0;border:0;min-height:36px;padding:0}.sheet form,form.sheet{flex-direction:column;gap:10px;display:flex}.access .who{flex-direction:column;flex:14rem;min-width:0;display:flex}.access .who small{overflow-wrap:anywhere}.access .mrow.off{opacity:.6}.access select{font:inherit;border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--fg);border-radius:8px;padding:0 8px}.reveal{border:1px solid var(--accent);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;padding:10px;display:flex}.reveal code{background:var(--we);-webkit-user-select:all;user-select:all;border-radius:6px;padding:4px 8px;font-size:1.05rem}.ubar{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;display:flex}