:root{--ink:#14304a;--paper:#f1f5f8;--sheet:#fff;--line:#cdd8e1;--work:#0d7377;--idle:#d99a1c;--break:#7c4a84;--bad:#b3261e;--muted:#50677b;--head:Bahnschrift,"DIN Alternate","Arial Narrow",system-ui,sans-serif;--body:"Segoe UI",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:16px/1.5 var(--body);margin:0}h1,h2{font-family:var(--head);font-weight:600;line-height:1.15}h1{margin:0 0 1rem;font-size:2.25rem}h2{margin:2.25rem 0 .6rem;font-size:1.3rem}button,input,select{font:inherit;color:inherit}button{background:var(--work);color:#fff;cursor:pointer;border:0;border-radius:4px;padding:.5rem .9rem}button:hover{background:#0a5d60}:focus-visible{outline:3px solid var(--idle);outline-offset:2px}button.link{color:var(--work);background:0 0;padding:0;text-decoration:underline}button.danger{background:var(--bad)}input,select{border:1px solid var(--muted);background:#fff;border-radius:4px;width:100%;padding:.45rem .55rem}input[type=checkbox]{width:auto}label{font-weight:500;display:block}label.inline{align-items:center;gap:.5rem;margin-right:1rem;display:inline-flex}label.inline input{width:auto}label.check{align-items:center;gap:.5rem;font-weight:400;display:flex}.shell{grid-template-columns:200px 1fr;min-height:100vh;display:grid}nav{background:var(--ink);color:#fff;flex-direction:column;gap:.2rem;padding:1.25rem .75rem;display:flex}nav strong{font:600 1.35rem var(--head);padding:0 .6rem 1rem}nav button{text-align:left;color:#d8e4ec;background:0 0}nav button:hover{background:#21445f}nav button[aria-current]{color:var(--ink);background:#fff}nav .out{margin-top:auto}main{min-width:0;max-width:1050px;padding:2rem clamp(1rem,4vw,3rem)}section{margin-bottom:1.5rem}table{border-collapse:collapse;background:var(--sheet);width:100%;margin:.5rem 0 1rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.45rem .7rem;font-weight:400}thead th{border-bottom:2px solid var(--ink);font-weight:600}tbody th{font-weight:500}.roster{background:var(--sheet);border-top:2px solid var(--ink);margin:0;padding:0;list-style:none}.row{text-align:left;width:100%;color:var(--ink);border-bottom:1px solid var(--line);background:0 0;border-radius:0;grid-template-columns:14px 1.4fr 1fr 1fr 1fr;align-items:center;gap:.8rem;padding:.7rem;display:grid}.row:hover{background:#e6eff4}.dot{border:2px solid var(--muted);background:#fff;border-radius:50%;width:12px;height:12px}.dot.online{background:var(--work);border-color:var(--work)}.dot.idle{background:var(--idle);border-color:var(--idle)}.dot.break{background:var(--break);border-color:var(--break)}.ribbon{margin:1.5rem 0}.ribbon>div{background:#dfe7ed;height:72px;position:relative;overflow:hidden}.ribbon b{position:absolute;top:0;bottom:0}.ribbon b.work{background:var(--work)}.ribbon b.idle{background:var(--idle)}.ribbon figcaption{font:500 1rem var(--head);justify-content:space-between;margin-top:.3rem;display:flex}.shots{flex-wrap:wrap;gap:.4rem;padding:0;list-style:none;display:flex}.shots button{background:var(--sheet);color:var(--ink);border:1px solid var(--line)}.shots button:hover{border-color:var(--work);background:var(--sheet)}.viewer{background:var(--sheet);margin:1rem 0;padding:.6rem}.viewer img{width:100%;display:block}.viewer figcaption{gap:.5rem;margin-top:.6rem;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:.8rem;margin-bottom:1rem;display:grid}.stack{gap:.9rem;max-width:560px;display:grid}.stack button{justify-self:start}.note{color:var(--muted)}.bar{margin-bottom:.5rem}.error{color:var(--bad)}.ok{overflow-wrap:anywhere;background:#dcefe9;padding:.5rem .7rem}.alert{border-left:4px solid var(--idle);background:#fbeed2;padding:.5rem .7rem}.login,.consent{max-width:520px;margin:8vh auto;padding:0 16px}.login h1{font-size:3rem}.login form{gap:1rem;display:grid}.login button{justify-self:start}@media (width<=760px){.shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}nav{flex-flow:wrap}nav strong{width:100%;padding-bottom:.3rem}nav .out{margin:0}.row{grid-template-columns:14px 1fr 1fr}.row span:first-of-type,.row span:nth-of-type(3){display:none}table{display:block;overflow-x:auto}}