.spin-page{grid-gap:16px;display:grid;font-family:Microsoft JhengHei,system-ui,-apple-system,sans-serif;gap:16px;min-height:100svh;padding:24px 16px;place-items:center;position:relative}.spin-page:before{background:50%/cover no-repeat var(--page-back);content:"";inset:0;position:fixed;z-index:-1}.wheel-wrap{height:560px;position:relative;width:560px}.wheel-svg{display:block;height:100%;width:100%}.wheel-rot{transform-box:fill-box;transform-origin:center}.pointer{border-bottom:28px solid #e53935;border-left:16px solid #0000;border-right:16px solid #0000;filter:drop-shadow(0 2px 0 rgba(0,0,0,.2));height:0;left:50%;position:absolute;top:-12px;transform:translateX(-50%) rotate(180deg);width:0;z-index:3}.wheel-label-vertical{fill:#fff;stroke:#000;stroke-width:.8px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.85));font-size:22px;font-weight:900;opacity:1;paint-order:stroke;text-orientation:upright;writing-mode:vertical-rl}.spin-btn{background:#2f2f2f;border:0;border-radius:12px;box-shadow:0 6px 14px #0000002e;color:#fff;cursor:pointer;font-size:18px;margin-top:8px;padding:12px 26px}.spin-btn:disabled{cursor:not-allowed;opacity:.6}.popup-center{display:grid;inset:0;opacity:0;place-items:center;pointer-events:none;position:fixed;transform:scale(.92);transition:opacity .25s,transform .25s cubic-bezier(.2,.9,.2,1)}.popup-center.show{opacity:1;transform:scale(1)}.popup-center:before{background:#00000073;content:"";inset:0;position:absolute}.popup-card{background:#000000d9;border-radius:16px;box-shadow:0 20px 40px #00000059;color:#fff;font-size:30px;padding:20px 28px;pointer-events:auto;position:relative}.result{bottom:42px;color:#111;font-size:22px;font-weight:800;left:50%;position:fixed;text-shadow:0 1px 2px #fff9;transform:translateX(-50%)}.sg-wrap{grid-gap:20px;background:linear-gradient(180deg,#f1d4f5,#f6e9f2);box-sizing:border-box;display:grid;gap:20px;grid-template-columns:280px 1fr;height:calc(100vh - 24px);padding:12px 16px}.ladder{background:#fff;border:1px solid #e7e7e7;border-radius:12px;overflow:auto;padding:12px}.ladder-title{font-size:20px;font-weight:700;margin:6px 8px 10px}.ladder-title.small{font-size:16px}.ladder-step{background:linear-gradient(180deg,#ff3c3c,#cc1620);border:1px solid #fff3;border-radius:10px;box-shadow:inset 0 2px 0 #ffffff40,0 2px 4px #00000014;color:#fff;font-weight:800;letter-spacing:1px;margin:10px 0;padding:10px 12px;text-align:center}.ladder-step.active{outline:4px solid #ffd24d}.stage{background:#fff;border:1px solid #e7e7e7;border-radius:12px;overflow:auto;padding:18px}.songlist-title,.topic-panel .panel-title{font-size:28px;font-weight:800;margin-bottom:16px;text-align:center}.topics{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1100px}.topic-pill{background:#eee;border-radius:18px;box-shadow:0 4px 10px #00000014,inset 0 1px 0 #fff9;font-size:26px;font-weight:800;padding:26px 24px;text-align:center}.topic-pill.color-1{background:#f3c6ca}.topic-pill.color-2{background:#cfe0f7}.topic-pill.color-3{background:#f3e0b6}.topic-pill.color-4{background:#cfead5}.topic-pill.color-5{background:#d4e6ff}.topic-pill.color-6{background:#d6c8f0}.panel-hint{margin-top:10px;opacity:.65;text-align:center}.song-tiles{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr;margin:0 auto;max-width:900px}.song-tile{background:linear-gradient(180deg,#ffde9b,#ffb048);border:none;border-radius:12px;box-shadow:0 4px 10px #0000001f,inset 0 1px 0 #fff9;height:140px;padding:18px;position:relative}.song-tile.admin{cursor:pointer}.song-tile.used{filter:grayscale(1) contrast(.8);opacity:.6}.song-tile .used-mask{background:#222;border-radius:8px;color:#fff;font-size:12px;padding:4px 8px;position:absolute;right:12px;top:12px}.song-tile .line{background:#ffffffa6;border-radius:8px;height:28px;margin:8px 0}.song-tile .line.big{height:36px}.song-tile .line.year{width:40%}.play-panel{grid-gap:12px;display:grid;grid-template-rows:auto 1fr;height:100%}.play-mask{align-items:center;display:flex;justify-content:center;padding:8px}.mask-text{font-size:52px;font-weight:900;letter-spacing:4px}.player{align-items:center}.player-video{box-shadow:0 6px 20px #00000040;max-height:60vh;width:min(960px,100%)}.player.empty{opacity:.6}.sg-wrap.admin .btn-start{background:#fafafa;border:1px solid #ddd;border-radius:8px;display:block;font-weight:700;margin-bottom:10px;padding:10px 12px;width:100%}.play-admin-ctrl{align-items:center;display:flex;gap:10px}.ans-input{flex:1 1;font-size:20px;padding:12px 14px}.ans-input,.btn-confirm{border:1px solid #ddd;border-radius:10px}.btn-confirm{background:#111;color:#fff;font-weight:800;padding:12px 18px}.song-title{font-size:22px;font-weight:700;line-height:1.2;margin-bottom:6px}.song-meta{font-size:14px;opacity:.85}.media-badge{border-radius:999px;display:inline-block;font-size:12px;margin-left:8px;padding:2px 8px}.media-badge.has{background:#e8fff2}.media-badge.none{background:#f7f7f7}.result-banner{background:#00000080;border-radius:16px;color:#fff;font-size:64px;font-weight:800;left:50%;padding:12px 24px;position:absolute;top:8%;transform:translateX(-50%)}.result-banner.ok{background:#00800099}.result-banner.ng{background:#c8000099}.mask-text{bottom:12%;font-size:48px;font-weight:700;left:50%;position:absolute;text-shadow:0 2px 8px #000c;transform:translateX(-50%)}.player-video{display:block;margin:0 auto}.play-panel{display:flex;flex-direction:column;gap:12px}.mask-bar{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;border-radius:12px;display:flex;gap:12px;justify-content:center;min-height:80px;padding:10px 16px;position:static!important;width:100%}.mask-text{color:#fff;font-size:clamp(22px,6vw,72px);font-weight:800;line-height:1.2;overflow-wrap:anywhere;text-align:center;white-space:pre-wrap}.result-chip{border-radius:999px;color:#fff;font-size:clamp(14px,3vw,24px);line-height:1;padding:6px 12px;-webkit-user-select:none;user-select:none}.result-chip.ok{background:#16a34a}.result-chip.ng{background:#b91c1c}.player{display:flex;justify-content:center;width:100%}.player-video{background:#000;border-radius:12px;height:72vh;object-fit:contain;width:min(100%,1280px)}.player.empty{background:#111;border-radius:12px;color:#888;display:grid;height:40vh;place-items:center}.play-mask,.result-banner{position:static!important}.shift-root{--bg0:#0f1117;--bg1:#181c25;--bg2:#1e2330;--bg3:#252b3a;--bg4:#2d3447;--border:#2e3548;--border2:#3a4158;--border3:#4a5470;--text1:#e8eaf0;--text2:#a8afc4;--text3:#6b7494;--accent:#4f8ef7;--accent-bg:#1a2a4a;--accent-text:#7eb3ff;--success:#2ecc87;--success-bg:#0d2e20;--success-text:#4fdba0;--warning:#f7a94f;--warning-bg:#2e1e0a;--warning-text:#f7c47e;--danger:#f76f6f;--danger-bg:#2e1010;--danger-text:#f7a0a0;--amber-bg:#2a1f0d;--amber-text:#d4a256;--green-bg:#0d2217;--green-text:#4dba87;--pink-bg:#2a0d1a;--pink-text:#d46090;background:#0a0c12;color:var(--text1);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:0}.shift-root *{box-sizing:border-box}.shift-phone{background:var(--bg1);display:flex;flex-direction:column;max-width:480px;min-height:100vh;width:100%}.shift-topbar{background:var(--bg2);border-bottom:.5px solid var(--border);flex-shrink:0;gap:10px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.shift-back,.shift-topbar{align-items:center;display:flex}.shift-back{background:none;border:none;color:var(--accent-text);cursor:pointer;font-size:18px;min-width:30px;padding:2px 6px 2px 0}.shift-tb-info{flex:1 1;min-width:0}.shift-tb-title{color:var(--text1);font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-tb-sub{color:var(--text3);font-size:12px;margin-top:1px}.shift-rp{border-radius:99px;flex-shrink:0;font-size:12px;font-weight:600;padding:3px 10px}.rp-staff{background:var(--accent-bg);color:var(--accent-text)}.rp-early{background:var(--amber-bg);color:var(--amber-text)}.rp-late{background:var(--green-bg);color:var(--green-text)}.rp-owner{background:var(--pink-bg);color:var(--pink-text)}.shift-modebar{background:var(--bg2);border-bottom:.5px solid var(--border);display:flex;flex-shrink:0;gap:5px;padding:8px 14px}.shift-mb-btn{background:#0000;border:.5px solid var(--border);border-radius:7px;color:var(--text3);cursor:pointer;flex:1 1;font-size:12px;min-width:0;padding:7px 4px;text-align:center;white-space:nowrap}.shift-mb-btn.on{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-text);font-weight:600}.shift-scroll{flex:1 1;overflow-y:auto;padding-bottom:32px}.shift-slabel{color:var(--text3);font-size:12px;font-weight:600;letter-spacing:.05em;padding:14px 16px 6px;text-transform:uppercase}.shift-card{background:var(--bg3);border:.5px solid var(--border);border-radius:12px;cursor:pointer;margin:0 14px 8px;overflow:hidden}.shift-card:active{background:var(--bg4)}.shift-fc-top{align-items:center;display:flex;gap:11px;padding:13px 14px}.shift-dot{border-radius:50%;flex-shrink:0;height:9px;width:9px}.dot-on{background:var(--success)}.dot-pt{background:var(--accent)}.dot-off{background:var(--border2)}.shift-fc-info{flex:1 1;min-width:0}.shift-fc-name{color:var(--text1);font-size:14px;font-weight:500}.shift-fc-meta{color:var(--text3);font-size:12px;margin-top:2px}.shift-mini-bar{background:var(--bg0);border-radius:2px;height:3px;margin-top:4px;overflow:hidden;width:52px}.shift-mini-fill{border-radius:2px;height:100%;transition:width .3s}.shift-idle-entry{background:var(--bg3);border:.5px solid var(--border2);border-radius:12px;cursor:pointer;margin:0 14px 8px}.shift-idle-entry:active{background:var(--bg4)}.shift-ie-icon{align-items:center;background:var(--accent-bg);border-radius:9px;display:flex;flex-shrink:0;font-size:18px;height:38px;justify-content:center;width:38px}.shift-prog-strip{background:var(--bg0);flex-shrink:0;height:5px}.shift-prog-fill{height:100%;transition:width .3s}.shift-form-hdr{border-bottom:.5px solid var(--border);padding:14px 16px 12px}.shift-name-inp{background:var(--bg3);border:.5px solid var(--border2);border-radius:9px;color:var(--text1);font-size:15px;margin-top:6px;outline:none;padding:10px 12px;width:100%}.shift-name-inp:focus{border-color:var(--accent)}.shift-name-warn{align-items:center;color:var(--warning-text);display:flex;font-size:12px;gap:4px;margin-top:5px}.shift-sec-hdr{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px 6px;-webkit-user-select:none;user-select:none}.shift-sec-hdr:active{background:var(--bg3)}.shift-sec-title{color:var(--text2);font-size:13px;font-weight:600}.shift-sec-cnt{color:var(--text3);font-size:12px}.shift-sec-items{display:flex;flex-direction:column;gap:6px;padding:0 14px 8px}.shift-ci{align-items:flex-start;background:var(--bg3);border:.5px solid var(--border);border-radius:10px;display:flex;gap:12px;min-height:46px;padding:12px 13px}.shift-ci.clickable{cursor:pointer}.shift-ci.clickable:active{background:var(--bg4)}.shift-ci.done{opacity:.55}.shift-ci-box{align-items:center;border:1.5px solid var(--border2);border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:13px;height:22px;justify-content:center;margin-top:1px;transition:all .15s;width:22px}.shift-ci-box.chk{background:var(--success);border-color:var(--success)}.shift-ci-label{color:var(--text1);flex:1 1;font-size:15px;line-height:1.4}.shift-ci.done .shift-ci-label{color:var(--text3);text-decoration:line-through}.shift-ti-item{background:var(--bg3);border:.5px solid var(--border);border-radius:10px;padding:11px 13px}.shift-ti-label{align-items:center;color:var(--text2);display:flex;font-size:14px;gap:6px;margin-bottom:7px}.shift-ti-tag{background:var(--accent-bg);border-radius:99px;color:var(--accent-text);font-size:11px;padding:1px 7px}.shift-ti-inp{background:var(--bg2);border:.5px solid var(--border2);border-radius:7px;color:var(--text1);font-size:15px;outline:none;padding:8px 11px;width:100%}.shift-ti-inp:focus{border-color:var(--accent)}.shift-item-imgs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.shift-item-imgs img{border:.5px solid var(--border2);border-radius:8px;cursor:pointer;height:64px;object-fit:cover;width:64px}.shift-footer{background:var(--bg2);border-top:.5px solid var(--border);flex-shrink:0;padding:14px 16px}.shift-issue-ta{background:var(--bg3);border:.5px solid var(--border);border-radius:9px;color:var(--text1);font-size:14px;height:64px;margin-bottom:10px;outline:none;padding:9px 12px;resize:none;width:100%}.shift-issue-ta:focus{border-color:var(--accent)}.shift-submit-btn{background:var(--accent);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;width:100%}.shift-submit-btn:disabled{background:var(--border2);color:var(--text3);cursor:default}.shift-submitted{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:36px;text-align:center}.shift-supcard{background:var(--bg3);border:.5px solid var(--border);border-radius:12px;margin:0 14px 8px;overflow:hidden}.shift-sc-top{align-items:flex-start;cursor:pointer;display:flex;gap:11px;padding:12px 14px;-webkit-user-select:none;user-select:none}.shift-sc-top:active{background:var(--bg4)}.shift-sc-main{flex:1 1;min-width:0}.shift-sc-name{color:var(--text1);font-size:14px;font-weight:500}.shift-sc-comments{display:flex;flex-direction:column;gap:3px;margin-top:5px}.shift-sc-comment-line{color:var(--text3);font-size:12px;line-height:1.4}.shift-sc-comment-line span{color:var(--text2);font-weight:600}.shift-sc-right{align-items:center;display:flex;flex-shrink:0;gap:7px;padding-top:2px}.shift-conf-pills{display:flex;gap:4px}.shift-conf-pill{align-items:center;border:1.5px solid var(--border2);border-radius:99px;color:var(--text3);display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:26px;justify-content:center;transition:all .18s;width:26px}.shift-conf-pill.mine{cursor:pointer}.shift-conf-pill.done,.shift-conf-pill.mine:hover{border-color:var(--success)}.shift-conf-pill.done{background:var(--success);color:#fff}.shift-conf-pill.other-done{background:var(--border2);border-color:var(--border2);color:var(--success);cursor:default}.shift-conf-pill.other-empty{background:#0000;border-color:var(--border);color:var(--text3);cursor:default;opacity:.5}.shift-sc-expand{border-top:.5px solid var(--border);display:flex;flex-direction:column;gap:5px;padding:10px 14px 14px}.shift-sc-row{color:var(--text2);display:flex;font-size:13px;justify-content:space-between;padding:3px 0}.shift-sc-text-val{color:var(--text1);font-weight:500}.shift-note-ta{background:var(--bg2);border:.5px solid var(--border);border-radius:8px;color:var(--text1);font-size:13px;height:52px;margin-top:4px;outline:none;padding:8px 11px;resize:none;width:100%}.shift-note-ta:focus{border-color:var(--accent)}.shift-note-lbl{color:var(--text3);font-size:12px;font-weight:600;margin-bottom:2px;margin-top:10px}.shift-note-readonly{background:var(--bg2);border:.5px solid var(--border);border-radius:7px;color:var(--text2);font-size:13px;margin-top:4px;padding:7px 11px}.shift-issue-chip{background:var(--warning-bg);border-radius:8px;color:var(--warning-text);margin-top:6px;padding:6px 10px}.shift-conf-log,.shift-issue-chip{align-items:center;display:flex;font-size:12px;gap:5px}.shift-conf-log{color:var(--success-text);margin-bottom:5px}.shift-metric-row{grid-gap:9px;display:grid;gap:9px;grid-template-columns:1fr 1fr;padding:12px 14px}.shift-metric{background:var(--bg3);border:.5px solid var(--border);border-radius:11px;padding:13px 14px;text-align:center}.shift-metric-val{font-size:24px;font-weight:600}.shift-metric-lbl{color:var(--text3);font-size:12px;margin-top:3px}.shift-tabbar{background:var(--bg2);border-bottom:.5px solid var(--border);display:flex;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:9}.shift-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text3);cursor:pointer;flex:1 1;font-size:12px;padding:12px 2px;text-align:center}.shift-tab.on{border-bottom-color:var(--accent);color:var(--accent-text)}.shift-banner{align-items:center;border-radius:8px;display:flex;font-size:13px;gap:7px;margin:10px 14px 0;padding:8px 12px}.ban-sun{background:var(--green-bg);color:var(--green-text)}.ban-month{background:var(--amber-bg);color:var(--amber-text)}.shift-emg-btn{align-items:center;background:#0000;border:.5px dashed var(--border2);border-radius:12px;color:var(--text3);cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;margin:6px 14px 0;padding:12px 14px;width:calc(100% - 28px)}.shift-emg-btn:active{background:var(--bg3)}.shift-empty{color:var(--text3);font-size:14px;padding:32px;text-align:center}.shift-divider{background:var(--border);height:.5px;margin:10px 14px}.shift-ed-wrap{padding:16px}.shift-ed-lbl{color:var(--text2);font-size:13px;font-weight:600;margin-bottom:6px;margin-top:4px}.shift-ed-inp{background:var(--bg3);border:.5px solid var(--border);border-radius:8px;color:var(--text1);font-size:14px;margin-bottom:12px;outline:none;padding:9px 11px;width:100%}.shift-ed-inp:focus{border-color:var(--accent)}.shift-day-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.shift-dc{background:var(--bg3);border:.5px solid var(--border);border-radius:99px;color:var(--text3);cursor:pointer;font-size:13px;padding:6px 11px}.shift-dc.on{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-text);font-weight:600}.shift-time-row{grid-gap:9px;display:grid;gap:9px;grid-template-columns:1fr 1fr;margin-bottom:12px}.shift-sec-block{background:var(--bg3);border:.5px solid var(--border);border-radius:10px;margin-bottom:10px;padding:12px}.shift-sei{align-items:center;background:var(--bg2);border:.5px solid var(--border);border-radius:7px;display:flex;gap:8px;margin-bottom:5px;padding:8px 9px}.shift-sei-type{background:var(--bg4);border:.5px solid var(--border2);border-radius:99px;color:var(--text3);flex-shrink:0;font-size:11px;padding:1px 7px}.shift-sei-name{color:var(--text2);flex:1 1;font-size:13px}.shift-se-btn{background:#0000;border:.5px solid var(--border);border-radius:7px;color:var(--text3);cursor:pointer;font-size:12px;padding:4px 9px}.shift-se-btn:hover{background:var(--bg4)}.shift-se-btn.d{border-color:var(--danger);color:var(--danger-text)}.shift-add-btn{background:#0000;border:.5px dashed var(--border2);border-radius:8px;color:var(--text3);cursor:pointer;font-size:13px;margin-top:4px;padding:9px;width:100%}.shift-add-btn:hover{background:var(--bg4)}.shift-save-btn{background:var(--accent);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:14px;padding:13px;width:100%}.shift-login-wrap{display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;padding:32px 24px}.shift-login-title{color:var(--text1);font-size:22px;font-weight:600}.shift-login-sub{color:var(--text3);font-size:13px;margin-top:4px}.shift-login-field{display:flex;flex-direction:column;gap:6px}.shift-login-field label{color:var(--text2);font-size:13px;font-weight:600}.shift-login-inp{background:var(--bg3);border:.5px solid var(--border2);border-radius:10px;color:var(--text1);font-size:16px;outline:none;padding:12px 14px;width:100%}.shift-login-inp:focus{border-color:var(--accent)}.shift-login-err{color:var(--danger-text);font-size:13px}.shift-login-btn{background:var(--accent);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:6px;padding:14px;width:100%}.shift-login-btn:disabled{cursor:default;opacity:.6}.shift-sync-dot{animation:shiftpulse 2s infinite;background:var(--success);border-radius:50%;display:inline-block;height:7px;margin-right:4px;width:7px}@keyframes shiftpulse{0%,to{opacity:1}50%{opacity:.35}}.shift-back-lnk{background:none;border:none;color:var(--text3);cursor:pointer;display:block;font-size:13px;padding:12px 0;text-align:center;width:100%}.shift-lightbox{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.shift-lightbox img{border-radius:8px;max-height:90vh;max-width:100%}.shift-shift-badge{align-items:center;background:var(--bg3);border:.5px solid var(--border2);border-radius:12px;display:flex;gap:10px;margin:12px 14px 0;padding:11px 14px}.shift-sb-pill{border-radius:99px;flex-shrink:0;font-size:12px;font-weight:700;padding:3px 11px}.sb-early{background:var(--amber-bg);color:var(--amber-text)}.sb-late{background:var(--green-bg);color:var(--green-text)}.sb-night{background:var(--pink-bg);color:var(--pink-text)}.shift-sb-text{color:var(--text2);font-size:13px}.shift-sb-sup{background:var(--accent-bg);border-radius:99px;color:var(--accent-text);font-size:11px;font-weight:700;margin-left:auto;padding:2px 8px}.shift-noshift{background:var(--warning-bg);border-radius:12px;color:var(--warning-text);font-size:13px;margin:12px 14px 0;padding:11px 14px}.shift-task{align-items:flex-start;background:var(--bg3);border:.5px solid var(--border);border-radius:10px;cursor:pointer;display:flex;gap:12px;margin:0 14px 6px;min-height:46px;padding:12px 13px}.shift-task:active{background:var(--bg4)}.shift-task.done{opacity:.55}.shift-task-box{align-items:center;border:1.5px solid var(--border2);border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:13px;height:22px;justify-content:center;margin-top:1px;width:22px}.shift-task-box.chk{background:var(--success);border-color:var(--success)}.shift-task-main{flex:1 1;min-width:0}.shift-task-title{color:var(--text1);font-size:15px;line-height:1.4}.shift-task.done .shift-task-title{color:var(--text3);text-decoration:line-through}.shift-task-desc{color:var(--text3);font-size:12px;line-height:1.4;margin-top:3px}.shift-task-meta{color:var(--text3);display:flex;flex-wrap:wrap;font-size:11px;gap:6px;margin-top:4px}.shift-task-tag{background:var(--accent-bg);border-radius:99px;color:var(--accent-text);font-size:10px;padding:1px 7px}.shift-task-tag.mine{background:var(--pink-bg);color:var(--pink-text)}.shift-anom-entry{align-items:center;background:#0000;border:.5px dashed var(--warning);border-radius:12px;color:var(--warning-text);cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;margin:6px 14px 0;padding:12px 14px;width:calc(100% - 28px)}.shift-anom-entry:active{background:var(--bg3)}.shift-anom-form{padding:14px 16px}.shift-anom-item{background:var(--bg3);border:.5px solid var(--border);border-radius:12px;margin:0 14px 8px;padding:12px 14px}.shift-anom-title{color:var(--text1);font-size:14px;font-weight:600}.shift-anom-body{color:var(--text2);font-size:13px;line-height:1.5;margin-top:6px;white-space:pre-wrap}.shift-anom-meta{align-items:center;color:var(--text3);display:flex;flex-wrap:wrap;font-size:11px;gap:8px;margin-top:6px}.shift-status-pill{border-radius:99px;font-size:10px;font-weight:700;padding:2px 8px}.st-pending{background:var(--danger-bg);color:var(--danger-text)}.st-acknowledged{background:var(--amber-bg);color:var(--amber-text)}.st-resolved{background:var(--success-bg);color:var(--success-text)}.shift-ov-filter{display:flex;gap:5px;padding:8px 14px}.shift-ov-fbtn{background:#0000;border:.5px solid var(--border);border-radius:7px;color:var(--text3);cursor:pointer;flex:1 1;font-size:12px;padding:7px 4px;text-align:center}.shift-ov-fbtn.on{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-text);font-weight:600}.shift-ov-task{background:var(--bg3);border:.5px solid var(--border);border-radius:11px;margin:0 14px 6px;padding:11px 14px}.shift-ov-row{align-items:center;display:flex;gap:8px}.shift-ov-name{color:var(--text1);flex:1 1;font-size:14px}.shift-ov-who{color:var(--text3);font-size:12px;margin-top:5px}.shift-ov-who span{color:var(--text2)}.shift-tree{padding-bottom:24px}.shift-tree-special{border-bottom:1px dashed var(--border2);margin-bottom:14px;padding-bottom:10px}.shift-tree-cat{margin:0 10px 6px}.shift-tree-cat-hd{border:none;cursor:pointer;gap:8px;padding:10px 8px;text-align:left;width:100%}.shift-tree-cat-hd,.shift-tree-leaf{align-items:center;background:var(--bg3);border-radius:10px;color:var(--text1);display:flex;font-size:14px}.shift-tree-leaf{border:.5px solid var(--border);gap:10px;margin:4px 10px;padding:10px 12px}.shift-tree-leaf .done{color:var(--text3);text-decoration:line-through}.shift-tree-leaf input{height:18px;width:18px}.shift-tree-who{color:var(--text3);flex-shrink:0;font-size:11px;margin-left:auto}.shift-tree-text{background:var(--bg3);border:.5px solid var(--border);border-radius:10px;margin:6px 10px;padding:10px 12px}.shift-tree-text-label{align-items:center;color:var(--text1);display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:6px}.shift-inv-embed{background:#fff;border-radius:12px;margin:0 -4px;overflow:hidden}.shift-inv-embed>div{min-height:auto!important}@font-face{font-display:swap;font-family:CreamFont;font-style:normal;font-weight:400;src:url(/static/media/creamfont-2.0.e1a606c5d188e7b8a04d.otf) format("opentype")}@font-face{font-display:swap;font-family:CreamFont;font-style:normal;font-weight:700;src:url(/static/media/creamfont-2.0.e1a606c5d188e7b8a04d.otf) format("opentype")}@font-face{font-display:swap;font-family:CSong3HK;font-style:normal;font-weight:400;src:url(/static/media/CSong3HK-Medium.929599e0625e1d45e48c.otf) format("opentype")}@font-face{font-display:swap;font-family:CSong3HK;font-style:normal;font-weight:700;src:url(/static/media/CSong3HK-Medium.929599e0625e1d45e48c.otf) format("opentype")}@font-face{font-display:swap;font-family:MarcellusSC;font-style:normal;font-weight:400;src:url(/static/media/MarcellusSC-Regular.d36eafd3ccb97b75de17.ttf) format("truetype")}@font-face{font-display:swap;font-family:MarcellusSC;font-style:normal;font-weight:700;src:url(/static/media/MarcellusSC-Regular.d36eafd3ccb97b75de17.ttf) format("truetype")}:root{--font-cream:"CreamFont";--font-csong:"CSong3HK";--font-marc:"MarcellusSC";--brand-bg:#f8f3ea;--brand-surface:#fffaf2;--brand-text:#3b2c24;--brand-primary:#7b4f2f;--brand-secondary:#a67c5b;--brand-border:#e8dccb}html{-webkit-text-size-adjust:100%}body{font-synthesis-weight:none}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#f8f3ea,#fff 48%);background:linear-gradient(180deg,var(--brand-bg) 0,#fff 48%);color:#3b2c24;color:var(--brand-text);font-family:CreamFont,CSong3HK,PingFang TC,Noto Sans TC,Heiti TC,Microsoft JhengHei,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-cream),"CSong3HK","PingFang TC","Noto Sans TC","Heiti TC","Microsoft JhengHei",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;margin:0}*{box-sizing:border-box}img{display:block}button{background:linear-gradient(180deg,#fffdf8,#fff5e8);border:1px solid #e8dccb;border:1px solid var(--brand-border);border-radius:10px;color:#3b2c24;color:var(--brand-text);cursor:pointer;font-family:inherit;padding:8px 12px}button:hover{border-color:#d6c1a6}input,select,textarea{background:#fffefb;border:1px solid #e8dccb;border:1px solid var(--brand-border);border-radius:8px;color:#3b2c24;color:var(--brand-text);font-family:inherit;padding:8px 10px}.font-cream{font-family:CreamFont,inherit;font-family:var(--font-cream),inherit}.font-csong{font-family:CSong3HK,inherit;font-family:var(--font-csong),inherit}.font-marc{font-family:MarcellusSC,inherit;font-family:var(--font-marc),inherit}.board-wrap{margin:16px auto;padding:8px;width:min(520px,94vw)}.board-header{gap:8px;text-align:center}.board-header,.top-countdown{align-items:center;display:flex;justify-content:center}.top-countdown{font-weight:800;gap:10px;margin:8px auto 12px}.top-countdown .team{font-size:16px}.top-countdown .time{font-feature-settings:"tnum";font-size:22px;font-variant-numeric:tabular-nums}.top-countdown .dot{block-size:10px;border-radius:999px;inline-size:10px}.overlay-victory{align-items:center;background:#000000d9;border-radius:999px;color:#fff;display:flex;font-size:18px;font-weight:900;gap:10px;letter-spacing:1px;margin:8px auto 12px;padding:10px 14px;position:-webkit-sticky;position:sticky;top:0;width:-webkit-fit-content;width:fit-content;z-index:20}.grid{grid-gap:8px;aspect-ratio:1/1;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:520px;position:relative;width:100%}@media (min-width:640px){.grid{gap:10px;max-width:640px}}.grid.small{max-width:360px}.cell{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:14px;display:flex;flex-direction:column;justify-content:flex-start;padding:10px 6px 8px}.cell-index{font-size:20px;font-weight:900;line-height:1;margin-bottom:6px}.badges{align-content:flex-start;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.badge{border:2px solid;border-radius:999px;font-size:14px;font-weight:800;line-height:1;padding:3px 10px}.line{color:currentColor;pointer-events:none;position:absolute;z-index:5}.line .glow{border:2px solid}.line[data-line="0"],.line[data-line="1"],.line[data-line="2"]{height:8px;left:5%;right:5%}.line[data-line="0"]{top:calc(16.66% - 4px)}.line[data-line="1"]{top:calc(50% - 4px)}.line[data-line="2"]{top:calc(83.33% - 4px)}.line[data-line="3"],.line[data-line="4"],.line[data-line="5"]{bottom:5%;top:5%;width:8px}.line[data-line="3"]{left:calc(16.66% - 4px)}.line[data-line="4"]{left:calc(50% - 4px)}.line[data-line="5"]{left:calc(83.33% - 4px)}.line[data-line="6"],.line[data-line="7"]{height:140%;left:50%;top:-20%;transform-origin:center;width:8px}.line[data-line="6"]{transform:translateX(-50%) rotate(-45deg)}.line[data-line="7"]{transform:translateX(-50%) rotate(45deg)}.line .glow{background:currentColor;border-radius:999px;box-shadow:0 0 12px currentColor,inset 0 0 24px currentColor;height:100%;width:100%}.toast{align-items:center;background:#000c;border-radius:12px;bottom:18px;color:#fff;display:flex;font-weight:800;gap:8px;left:50%;padding:10px 14px;position:fixed;transform:translateX(-50%);z-index:30}.toast .dot{block-size:10px;border-radius:50%;inline-size:10px}.admin-wrap{grid-template-columns:1fr;margin:16px auto;width:min(1200px,96vw)}.admin-wrap,.left-col{grid-gap:16px;display:grid;gap:16px}.left-col{align-content:start}.plays{overflow-x:auto}.panel{grid-gap:16px;display:grid;gap:16px}.panel h3{margin:0 0 6px}.toolbar{display:flex;flex-wrap:wrap;gap:10px}.toolbar button{background:#fff;border:2px solid #444;border-radius:10px;color:#444;font-weight:800;padding:10px 12px}.panel-inner{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.panel-inner .col.span-2{grid-column:1}@media (min-width:768px){.panel-inner{grid-template-columns:1fr 1fr}.panel-inner .col.span-2{grid-column:1/-1}}.keypad{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);max-width:420px}.num-btn{aspect-ratio:1/1;background:#fff;border:2px solid #111;border-radius:14px;color:#111;font-size:20px;font-weight:900;padding:16px 0}.num-btn.active{background:#111;color:#fff}.teams{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(110px,1fr))}.team-btn{--clr:#333;background:#fff;border:2px solid var(--clr);border-radius:12px;color:var(--clr);font-size:16px;font-weight:800;padding:14px 10px}.team-btn.active{background:var(--clr);box-shadow:inset 0 0 0 3px #0000000f;color:#fff}.submit{background:#111;border:none;border-radius:14px;color:#fff;font-size:18px;font-weight:900;padding:16px 18px;width:100%}@media (min-width:1024px){.admin-wrap{grid-template-columns:5fr 7fr}}.board-preview .grid.small{max-width:320px}.admin-wrap{height:calc(100vh - 32px)}.plays{display:flex;flex-direction:column;min-height:0}.plays .table-wrap{background:#fff;border:1px solid #eee;border-radius:10px;flex:1 1 auto;max-height:calc(100vh - 120px);min-height:0;overflow:auto;padding:6px}.plays table{border-collapse:collapse;width:100%}.plays thead th{background:#fff;border-bottom:1px solid #eee;padding:8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.plays tbody td{border-bottom:1px solid #f2f2f2;padding:6px 8px}.plays tbody tr:hover{background:#fafafa}
/*# sourceMappingURL=main.84069202.css.map*/