:root{--bg: #14171c;--screen: #141821;--panel: #242932;--panel-2: #2b313b;--toolbar: #2f353f;--line: #3a4050;--line-strong: #454c5c;--ink: #e7eaf0;--ink-2: #b4bac6;--ink-3: #7d8494;--row-alt: #262b33;--accent: #3b82f6;--event-blue: #2b7fff;--ok: #3ecf75;--warn: #f2a03f;--danger: #e0413a;--watermark: rgba(255, 255, 255, .11);--break: #f3c24b;--night: rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;background:var(--screen);color:var(--ink);font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior:none}input,select,textarea,button{font:inherit;color:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;padding-top:max(24px,env(safe-area-inset-top))}.login-card{width:100%;max-width:360px;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:14px;padding:28px 22px}.login-title{margin:0;font:800 32px/1 Inter,sans-serif;letter-spacing:-.01em}.login-sub{margin:6px 0 24px;color:var(--ink-3);font-size:13px}.login-form{display:flex;flex-direction:column;gap:14px}.login-form label{display:flex;flex-direction:column;gap:6px}.login-form label span{font-size:12px;color:var(--ink-3);font-weight:600;letter-spacing:.04em}.login-form input{padding:12px 14px;border-radius:10px;background:#1b1f28;border:1px solid var(--line);color:#fff;font-size:15px;outline:none}.login-form input:focus{border-color:var(--accent)}.login-form button{margin-top:6px;padding:12px;border-radius:10px;background:var(--accent);color:#fff;border:0;font-weight:700;letter-spacing:.06em}.login-form button:disabled{background:#4a5058;cursor:not-allowed}.login-err{color:var(--danger);font-size:13px}.board-page{height:100vh;width:100vw;max-width:100vw;background:var(--screen);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);overflow:hidden}.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 28px;background:transparent;position:relative;white-space:nowrap}.shop-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;padding:4px 6px;color:#fff;font:700 15px/1 Noto Sans SC,Inter,sans-serif}.shop-btn .pin{width:16px;height:16px;color:var(--accent)}.date-btn{background:transparent;border:0;padding:4px 8px;color:var(--ink-2);cursor:pointer;font:500 13px/1 Inter,Noto Sans SC,sans-serif;border-radius:8px}.date-btn:active{background:#ffffff0f}.board-err{padding:8px 14px;color:var(--danger);background:#e0413a14;font-size:13px;cursor:pointer}.board-loading,.board-empty{padding:28px;text-align:center;color:var(--ink-3)}.board-spinner{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:60;pointer-events:none;background:transparent;border:0}.spinner{width:44px;height:44px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.grid-wrap{position:relative}.grid-wrap{flex:1 1 auto;overflow-x:auto;overflow-y:auto;background:transparent;-webkit-overflow-scrolling:touch}.grid{display:grid;grid-template-columns:58px 1fr;min-width:4618px}.col-head-time{grid-column:1 / span 2;padding:0 0 0 58px;background:var(--panel-2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.ruler{position:relative;height:26px}.ruler-hour{position:absolute;top:0;height:100%;font:600 11px/26px JetBrains Mono,Inter,sans-serif;color:var(--ink-2);padding-left:5px;white-space:nowrap;border-left:1px solid var(--line)}.ruler-hour:first-child{border-left:0}.ruler-hour-end{padding-left:0;padding-right:4px;border-left:0;text-align:right}.ruler-shade{position:absolute;top:0;bottom:0;background:var(--night);z-index:2;pointer-events:none}.ruler-break-shade{position:absolute;top:0;bottom:0;background:#f3c24b12;z-index:1;pointer-events:none}.ruler-break-chip{position:absolute;top:4px;transform:translate(-50%);font:700 10.5px/1 Inter,sans-serif;color:#1a1a1a;background:var(--break);padding:3px 7px;border-radius:4px;z-index:7;pointer-events:none;white-space:nowrap;letter-spacing:.02em;box-shadow:0 0 6px #f3c24b73}.ruler-now-chip{position:absolute;top:3px;transform:translate(-50%);background:var(--accent);color:#fff;font:700 11px/1 JetBrains Mono,Inter,sans-serif;padding:3px 7px;border-radius:3px;z-index:7;pointer-events:none;white-space:nowrap;letter-spacing:.02em}.ruler-now-chip:after{content:"";position:absolute;left:50%;bottom:-4px;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--accent)}.name-cell{border-right:0;border-bottom:1px solid var(--line);padding:0;background:#20242c;position:sticky;left:0;z-index:10;overflow:hidden;display:flex;align-items:center;justify-content:center}.name-cell .name{position:relative;z-index:2;font:700 12.5px/1.2 Noto Sans SC,Inter,sans-serif;color:#fff;letter-spacing:-.005em;text-align:center;padding:0 2px;white-space:nowrap}.name-cell .name.dual{display:flex;flex-direction:column;gap:0;line-height:1.15}.name-cell .name.dual span{display:block}.name-cell .ws-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:800;font-size:68px;line-height:1;color:var(--watermark);letter-spacing:-.04em;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.row{position:relative;border-bottom:1px solid var(--line);height:104px;overflow:hidden;background:var(--panel)}.row.dual{height:104px}.row:nth-child(2n of.row){background:var(--row-alt)}.row-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(to right,var(--line) 1px,transparent 1px);background-size:calc(100% / 288) 100%,calc(100% / 24) 100%;pointer-events:none}.row-shade{position:absolute;top:0;bottom:0;background:var(--night);z-index:2;pointer-events:none}.row-break-shade{position:absolute;top:0;bottom:0;background:#f3c24b12;z-index:1;pointer-events:none}.row-break-line{position:absolute;top:0;bottom:0;width:0;border-left:1.5px dashed var(--break);z-index:6;pointer-events:none}.row-now-line{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);z-index:6;pointer-events:none;box-shadow:0 0 0 2px #3b82f638}.row-now-line:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent)}.event{position:absolute;top:50%;transform:translateY(-50%);height:60px;border-radius:0;padding:4px 6px;color:#fff;font:600 11.5px/1.15 Inter,Noto Sans SC,sans-serif;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;z-index:3;overflow:hidden;background:var(--event-blue);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.event:hover{filter:brightness(1.08)}.event.sel{outline:2px solid #fff;outline-offset:1px;z-index:5}.event .lbl{display:flex;flex-direction:column;gap:1px;min-width:0;align-items:center;text-align:center;pointer-events:none}.event .lbl .t{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:clip}.row.dual .event{height:82px}.event.short .lbl .t{font-size:13px}.event.tiny{padding:4px 5px;gap:3px}.event.tiny .lbl .t{font-size:12.5px}.event.lane-split{top:0}.event.lane-split .lbl .t{font-size:11px}.event.lane-split.lanes-3 .lbl .t,.event.lane-split.lanes-4 .lbl .t{font-size:10px}.event.st-active:after{content:"";position:absolute;right:4px;bottom:4px;width:9px;height:9px;border-radius:50%;background:#ff3a3a;box-shadow:0 0 0 2px #ffffffe6,0 0 6px #ff3a3a,0 0 14px #ff3a3ae6,0 0 22px #ff3a3a99;animation:pulseDot 1.2s ease-in-out infinite;pointer-events:none;z-index:2}.event.st-done{background:#4a5058!important;color:#ffffff8c}.event.st-done:after{display:none}@keyframes pulseDot{0%,to{transform:scale(1);box-shadow:0 0 0 2px #ffffffe6,0 0 6px #ff3a3a,0 0 14px #ff3a3ae6,0 0 22px #ff3a3a99}50%{transform:scale(1.18);box-shadow:0 0 0 2px #fffffff2,0 0 10px #ff3a3a,0 0 20px #ff3a3a,0 0 30px #ff3a3abf}}.event .vbadge{position:absolute;top:2px;left:4px;font-family:Playfair Display,Didot,"Bodoni 72","Noto Serif SC",serif;font-style:italic;font-weight:900;font-size:15px;line-height:1;color:#eef2f7;text-shadow:0 0 5px rgba(220,230,245,.55),0 0 10px rgba(180,200,225,.35),0 1px 0 rgba(0,0,0,.4);letter-spacing:.02em;pointer-events:none;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:baseline;gap:1px}.event .vbadge .vn{font-family:JetBrains Mono,Inter,monospace;font-style:normal;font-weight:700;font-size:11px;color:#eef2f7;text-shadow:0 0 4px rgba(220,230,245,.5)}.event.tiny .vbadge,.event.short .vbadge{font-size:13px;top:1px;left:3px}.event .rbubble{position:absolute;bottom:3px;left:3px;width:18px;height:18px;padding:0;background:#00000052;color:#fff;border:0;border-radius:4px;display:flex;align-items:center;justify-content:center;z-index:4}.event .rbubble svg{width:12px;height:12px}.event.tiny .rbubble,.event.short .rbubble{width:16px;height:16px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:70;touch-action:none}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,calc(100vw - 24px));max-height:min(82vh,calc(100vh - 80px));overflow:hidden;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:14px;color:var(--ink);z-index:80;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000008c;touch-action:pan-y}.modal-head{display:flex;align-items:flex-start;gap:10px;padding:16px 16px 12px}.modal-head h3{margin:0;font:800 22px/1.15 Inter,Noto Sans SC,sans-serif;color:#fff;letter-spacing:.01em}.head-chips{margin-left:auto;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.d-time-sub{margin-top:4px;font:700 22px/1.15 JetBrains Mono,monospace;color:#fff}.modal-body{padding:2px 16px 14px;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}.modal-foot{display:flex;gap:10px;padding:12px 16px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.modal-foot button{flex:1;padding:13px;font:700 16px/1 Inter,Noto Sans SC,sans-serif;border-radius:8px;border:1px solid var(--line-strong);background:transparent;color:var(--ink);letter-spacing:.06em}.modal-foot button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.modal-foot button:disabled{background:#4a5058;border-color:#4a5058;color:#ffffff73;cursor:not-allowed}.section{border:1px solid var(--line);border-radius:8px;padding:10px 12px 12px}.section h4{margin:0 0 8px;font:700 14px/1 Inter,Noto Sans SC,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.section .rowd{display:flex;justify-content:space-between;padding:6px 0;font-size:15px;border-top:1px solid var(--line);gap:8px}.section .rowd-remarks{padding:4px 0 2px;font-size:14px;line-height:1.5;color:var(--ink);white-space:pre-wrap;word-break:break-word}.section .rowd:first-of-type{border-top:0}.section .rowd .k{color:var(--ink-3)}.section .rowd .v{color:#fff;font-weight:600;font-family:JetBrains Mono,monospace;max-width:60%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section .rowd .v.neg{color:#ff6b6b}.items-list{display:flex;flex-direction:column;gap:6px;width:100%;margin:8px 0 10px}.items-list .it-row{display:flex;justify-content:space-between;gap:10px}.items-list .it-n{color:#fff;font:600 15px/1.3 Noto Sans SC,Inter,sans-serif}.items-list .it-p{color:#fff;font-family:JetBrains Mono,monospace;font-size:15px;white-space:nowrap}.items-list .it-p.neg{color:#ff6b6b}.items-list .it-n.discount{color:#5fa1ff}.items-list .it-n.benefit{color:#e6b848}.chip{font:600 13px/1 Inter,Noto Sans SC,sans-serif;padding:5px 11px;border-radius:999px;background:#2fa36a26;color:#5ed49a;border:1px solid rgba(47,163,106,.35);white-space:nowrap}.chip.st-plan{background:#8fb8ff1f;color:#8fb8ff;border-color:#8fb8ff66}.chip.st-active{background:#3ff57a24;color:#3ff57a;border-color:#3ff57a73}.chip.st-done{background:#ffffff0f;color:#9aa3ad;border-color:#ffffff2e}.shop-sheet-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 8px;gap:10px;background:transparent;color:#fff;border:0;border-top:1px solid var(--line);font:600 15px/1 Noto Sans SC,Inter,sans-serif;text-align:left}.shop-sheet-row:first-child{border-top:0}.shop-sheet-row.current{color:var(--accent)}.shop-sheet-tick{color:var(--accent);font-weight:800}.shop-sheet-empty{padding:16px 8px;color:var(--ink-3);text-align:center;font-size:14px}.dp-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:100%}.dp-head{text-align:center;font:600 12px/1 Noto Sans SC,Inter,sans-serif;color:var(--ink-3);padding:6px 0 4px;min-width:0}.dp-cell{border:0;background:#1b1f28;color:var(--ink-2);border-radius:8px;padding:8px 2px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:JetBrains Mono,Inter,monospace;min-height:46px;min-width:0;overflow:hidden;cursor:pointer}.dp-cell:disabled{visibility:hidden}.dp-cell .dp-d{font-size:14px;font-weight:700;color:#fff}.dp-cell .dp-t{font-size:9.5px;color:var(--ink-3);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:clip}.dp-cell.today{outline:1px solid rgba(59,130,246,.35)}.dp-cell.selected{background:var(--accent)}.dp-cell.selected .dp-d,.dp-cell.selected .dp-t{color:#fff}.dp-cell:empty{background:transparent;cursor:default}.dp-nav{display:flex;align-items:center;gap:8px;padding:10px 4px 2px}.dp-nav button{background:#1b1f28;border:1px solid var(--line);color:#fff;border-radius:999px;padding:6px 12px;font-size:13px}.dp-nav .dp-month-active{background:var(--accent);border-color:var(--accent)}.dp-nav .dp-spacer{flex:1}.dp-nav .dp-today{background:var(--accent);border-color:var(--accent)}.dp-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:none}.modal-body{position:relative}.rec-photos{display:flex;flex-wrap:wrap;gap:8px}.rec-photo{position:relative;width:72px;height:72px;border-radius:8px;overflow:hidden;background:#151922;border:1px solid var(--line-strong)}.rec-photo img{width:100%;height:100%;object-fit:cover;display:block}.rec-photo .rm{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#000000b3;color:#fff;border:0;font-size:12px;line-height:20px;text-align:center;padding:0}.rec-photo-progress{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;font:700 13px/1 JetBrains Mono,Inter,sans-serif}.rec-photo-err{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center}.rec-photo-err:before{content:"!";width:24px;height:24px;border-radius:50%;background:var(--danger);color:#fff;font:800 16px/24px Inter,sans-serif;text-align:center}.rec-note-textarea{width:100%;min-height:96px;background:#1b1f28;border:1px solid var(--line);border-radius:8px;padding:10px;color:#fff;font-size:14px;outline:none;resize:vertical}.rec-note-textarea:focus{border-color:var(--accent)}.rec-toast{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 26px;border-radius:12px;font:700 16px/1 Noto Sans SC,Inter,sans-serif;color:#fff;pointer-events:none;z-index:5;background:#141821eb;border:1px solid var(--line)}.rec-toast.success{border-color:var(--ok);color:var(--ok)}.rec-toast.error{border-color:var(--danger);color:#ff8e88}.rec-add-photo{width:72px;height:72px;border-radius:8px;border:1px dashed var(--line-strong);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--ink-3);font:500 12px/1 Noto Sans SC,Inter,sans-serif;cursor:pointer}.rec-add-photo svg{width:20px;height:20px}.rec-add-photo:hover{color:#fff;border-color:var(--ink-2)}.rec-err{color:var(--danger);font-size:13px;padding:0 2px}.rec-notes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 0 14px}.rec-add-hint{font:500 12px/1 Noto Sans SC,Inter,sans-serif;color:var(--ink-3)}.rec-add-note{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;border:0;display:flex;align-items:center;justify-content:center;padding:0}.rec-add-note svg{width:18px;height:18px}.rec-add-note-inline{margin:6px auto 0}.rec-notes{display:flex;flex-direction:column;gap:8px}.rec-note{position:relative;background:#1b1f28;border:1px solid var(--line-strong);border-radius:8px;padding:10px 12px 26px}.rec-note textarea{width:100%;min-height:48px;max-height:144px;background:transparent;border:0;outline:none;resize:none;color:#fff;font:500 14px/1.45 Noto Sans SC,Inter,sans-serif;overflow-y:auto}.rec-note .counter{position:absolute;bottom:6px;right:34px;font:500 11px/1 JetBrains Mono,Inter,monospace;color:var(--ink-3);pointer-events:none}.rec-note .counter.warn{color:var(--warn)}.rec-note .counter.over{color:var(--danger)}.rec-note .rm{position:absolute;bottom:5px;right:7px;width:20px;height:20px;border-radius:50%;background:#ffffff14;color:var(--ink-3);border:0;font-size:12px;line-height:20px;text-align:center;padding:0}.rec-note .rm:hover{color:#fff;background:#ffffff24}@media (min-width: 768px){.grid{grid-template-columns:86px 1fr}.col-head-time{padding-left:86px}.name-cell .name{font-size:15px}.name-cell .ws-num{font-size:86px}.modal{width:min(520px,calc(100vw - 40px))}.rec-photo,.rec-add-photo{width:96px;height:96px}}@media (min-width: 1024px){.board-toolbar{padding:12px 22px}.shop-btn{font-size:18px}.grid{grid-template-columns:106px 1fr}.col-head-time{padding-left:106px}}