*{box-sizing:border-box}body{margin:0;background:#dfdfdf;color:#000;font:16px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif;border-top:10px solid #470f34}body>div{max-width:1250px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:end;gap:20px;background:#fff;border-bottom:4px solid #e2011f;padding:24px 28px;margin-bottom:24px;box-shadow:0 2px 10px #00000014}header small{color:#e2011f;font-weight:700;letter-spacing:.18em;font-size:13px}header>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}h1{font-size:40px;margin:4px 0;font-weight:700}p{color:#222;margin:6px 0 0}small{color:#555}#week,#user{background:#eee;border-radius:999px;padding:9px 16px;font-weight:700;font-size:14px}#week:empty,#user:empty{display:none}button{border:0;background:#000;color:#fff;border-radius:999px;padding:12px 26px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}button:hover:not(:disabled){opacity:.85}button:disabled{opacity:.35;cursor:not-allowed}#login{background:#e2011f}input{flex:1;min-width:0;border:1px solid #949494;background:#fff;color:#000;border-radius:999px;padding:12px 18px;font-family:inherit;font-size:15px}input:focus{outline:2px solid #e2011f;border-color:#e2011f}main{display:grid;grid-template-columns:340px 1fr;gap:24px}aside,section{background:#fff;padding:24px;box-shadow:0 2px 10px #00000014}form{display:flex;gap:8px}form button{background:#e2011f;padding:12px 18px}.person{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f4f4f4;border-left:4px solid #e2011f;padding:12px 14px;margin-top:8px}.person>div:first-child{min-width:0}.person>div:last-child{display:flex;gap:6px;flex-shrink:0}.person b,.person small{display:block}.person b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person.absent{opacity:.5;border-left-color:#949494}.person button{background:#fff;color:#000;border:1px solid #949494;padding:8px 14px;font-size:13px}.person button:hover:not(:disabled){border-color:#000;opacity:1}.wheel-wrap{position:relative;width:min(100%,590px);aspect-ratio:1;margin:auto}.pointer{position:absolute;z-index:4;left:50%;top:-2px;transform:translate(-50%);border-left:14px solid transparent;border-right:14px solid transparent;border-top:30px solid #e2011f}#wheel{position:absolute;inset:12px;border:10px solid #fff;border-radius:50%;overflow:hidden;transition:transform 3.2s cubic-bezier(.12,.75,.18,1);box-shadow:0 12px 32px #00000040}.hub{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border:6px solid #fff;border-radius:50%;background:#e2011f;color:#fff;font-size:25px;box-shadow:0 4px 14px #0000004d}.label{position:absolute;background:#fff;color:#000;border-radius:4px;padding:5px 8px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 8px #0006}.actions,#mods{display:flex;gap:10px;margin-top:16px}.actions button:first-child{background:#e2011f}.actions button:nth-child(2){background:#470f34}.actions button:last-child{background:#fff;color:#000;border:2px solid #000}.mod{flex:1;background:#000;color:#fff;border-top:4px solid #e2011f;padding:16px 18px}.mod strong,.mod small{display:block}.mod small{color:#fff;opacity:.7;letter-spacing:.14em;font-weight:700;font-size:12px}.mod strong{font-size:22px;margin-top:4px}@media(max-width:850px){main{grid-template-columns:1fr}header{align-items:start;flex-direction:column}.actions,#mods{flex-direction:column}}