*{box-sizing:border-box}body{margin:0;font:14px system-ui,sans-serif;color:#222;background:#fff}button,input,select{font:inherit}button,.btn{cursor:pointer;border:1px solid #ccc;background:#fff;border-radius:6px;padding:6px 10px;color:inherit;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}button.on,.btn.on{background:#fce4f6;border-color:#c040a0;color:#a02880}#top{display:flex;gap:10px;align-items:center;padding:14px 20px;border-bottom:1px solid #eee}#top input#cur-name{flex:1;font-size:18px;border:0;outline:0}#timer-wrap{position:relative}#timer[role=button]{cursor:pointer}#start-pop{position:absolute;top:100%;right:0;margin-top:6px;padding:8px;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:10}#timer{font-size:20px;min-width:80px;text-align:right;font-variant-numeric:tabular-nums}#play{width:44px;height:44px;border-radius:50%;background:#b83fa5;color:#fff;border:0;font-size:18px;padding:0}#play.run{background:#d33}#bar{display:flex;gap:14px;align-items:center;padding:10px 20px;border-bottom:1px solid #eee;flex-wrap:wrap}#bar .sp{flex:1}.muted{color:#777}.error{color:#d33}#cal{overflow:auto;height:calc(100vh - 140px)}.grid{display:grid;grid-template-columns:50px repeat(7,1fr);min-width:800px}.head{position:sticky;top:0;background:#fff;z-index:5;border-bottom:1px solid #eee;padding:6px;font-weight:600}.head small{display:block;font-weight:400;color:#777}.head{display:flex;justify-content:space-between;align-items:flex-start;gap:4px}.absence-control{position:relative}.absence-control button{padding:2px;line-height:0;border-radius:4px;border-color:transparent;background:transparent}.absence-control button:hover{border-color:#ccc}.head.off,.col.off{background-color:#ececec}.absence-menu{position:absolute;top:100%;right:0;margin-top:2px;display:flex;gap:2px;padding:3px;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 3px 8px #0003;z-index:10}.absence-menu button[aria-checked=true]{background:#f3f3f3;border-color:#ccc}.hours div{height:48px;font-size:11px;color:#777;text-align:right;padding-right:6px;transform:translateY(-7px)}.col{position:relative;height:1152px;border-left:1px solid #eee;background:repeating-linear-gradient(#eee 0 1px,transparent 1px 48px);-webkit-user-select:none;user-select:none;touch-action:none}.entry{position:absolute;left:2px;right:2px;border-radius:4px;padding:3px 6px;overflow:visible;font-size:12px;cursor:pointer;border:1px solid rgba(0,0,0,.08)}.entry:hover{z-index:4}.entry-content{position:absolute;inset:3px 22px 3px 6px;overflow:hidden;pointer-events:none}.entry b{display:block}.entry .d{position:absolute;bottom:0;left:0;font-weight:600}.entry .play{position:absolute;right:2px;bottom:2px;width:16px;height:16px;padding:0;display:none;align-items:center;justify-content:center;font-size:9px;line-height:1;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;z-index:2}.entry:hover .play{display:flex}.entry .play:hover{background:#000000b3}.entry-menu{position:absolute;top:1px;right:1px;z-index:3}.entry-menu-trigger{display:none;width:18px;height:18px;padding:0;border:0;border-radius:3px;background:#00000073;color:#fff;font-size:16px;line-height:14px}.entry:hover .entry-menu-trigger,.entry.menu-open .entry-menu-trigger{display:block}.entry-menu-items{position:absolute;top:20px;right:0;min-width:100px;padding:3px;background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 3px 8px #0003;z-index:5}.entry-menu-items button{display:block;width:100%;padding:5px 8px;border:0;text-align:left;white-space:nowrap}.entry-menu-items button:hover{background:#f3f3f3}.entry .h{position:absolute;left:0;right:0;height:6px;cursor:ns-resize}.entry .h.t{top:0}.entry .h.b{bottom:0}.sel{position:absolute;left:2px;right:2px;background:#b83fa540;border-radius:4px;pointer-events:none}.now{position:absolute;left:0;right:0;border-top:2px solid #d33;pointer-events:none}table{width:100%;border-collapse:collapse}td,th{padding:4px 8px;border-bottom:1px solid #eee;text-align:left}td input,td select{width:100%;border:1px solid transparent;padding:4px;border-radius:4px;background:transparent}td input:hover,td input:focus,td select:hover{border-color:#ccc;background:#fff}td input[aria-invalid]{border-color:#d33}dialog{border:1px solid #ccc;border-radius:10px;padding:20px;min-width:340px}dialog label{display:block;margin:8px 0 2px;color:#555}dialog input,dialog select{width:100%;padding:6px}.row{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}#list,#ts,#settings{padding:10px 20px}.swatch{display:inline-block;width:12px;height:12px;border-radius:3px;border:1px solid rgba(0,0,0,.15);vertical-align:middle}.bar-bg{height:10px;background:#eee;border-radius:5px;overflow:hidden}.bar-fg{height:100%;background:#b83fa5}.bar-fg.over{background:#2a9d4a}.remaining{color:#d33}.overtime{color:#2a9d4a}.center{max-width:360px;margin:15vh auto;padding:0 20px}.login{display:flex;flex-direction:column;gap:8px}.login input{padding:8px;border:1px solid #ccc;border-radius:6px}svg{vertical-align:middle}#play{display:flex;align-items:center;justify-content:center}