:root{--bg:#f6f6f3;--surface:#fff;--surface-2:#efefea;--text:#1d1d1b;--text-muted:#6b6b66;--border:#dcdcd5;--accent:#3b4fd8;--accent-weak:#e6e9fb;--accent-contrast:#fff;--danger:#c23b30;--ok:#2f9e5b;--ok-weak:#d6f0df;--maybe:#d99a17;--maybe-weak:#fbedcc;--ng:#9a9a93;--ng-weak:#e4e4de;--unsure:#7b5cc4;--unsure-weak:#ebe4f8;--unset:#fff;--requested:#d99a17;--approved:#3b4fd8;--shadow:0 1px 2px #0000000f, 0 2px 8px #0000000d;--radius:10px;--font:system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#151514;--surface:#1f1f1d;--surface-2:#2a2a27;--text:#ecece6;--text-muted:#a3a39c;--border:#3a3a36;--accent:#8b9cff;--accent-weak:#262c52;--accent-contrast:#10131f;--danger:#ff7b6e;--ok:#4cc47d;--ok-weak:#1d3a28;--maybe:#f0b545;--maybe-weak:#43361a;--ng:#77776f;--ng-weak:#2c2c29;--unsure:#b59cf2;--unsure-weak:#2f2842;--unset:#1f1f1d;--requested:#f0b545;--approved:#8b9cff;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%;margin:0;font-size:15px;line-height:1.55}#root{min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}h1,h2,h3{margin:0;line-height:1.3}h1{font-size:1.3rem}h2{font-size:1.1rem}h3{font-size:1rem}.top-sticky{z-index:20;position:sticky;top:0}.app-header{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 16px;display:flex}.app-title{white-space:nowrap;font-size:1rem;font-weight:700}.app-header select{flex:1;min-width:0;max-width:260px}.app-header .spacer{flex:1}.main{max-width:1100px;margin:0 auto;padding:16px 16px 96px}.tabbar{z-index:20;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--text-muted);flex-direction:column;align-items:center;gap:2px;padding:8px 4px 10px;font-size:.75rem;text-decoration:none;display:flex}.tabbar a .icon{font-size:1.15rem;line-height:1}.tabbar a.active{color:var(--accent);font-weight:700}@media (width>=900px){.tabbar{background:0 0;border:0;gap:4px;padding:0;display:flex;position:static}.tabbar a{border-radius:8px;flex-direction:row;padding:6px 10px;font-size:.9rem}.tabbar a.active{background:var(--accent-weak)}.main{padding-bottom:40px}}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.nowrap{flex-wrap:nowrap}.grow{flex:1;min-width:0}.muted{color:var(--text-muted)}.small{font-size:.85rem}.tiny{font-size:.75rem}.error-text{color:var(--danger)}.section-title{justify-content:space-between;align-items:center;gap:8px;margin:20px 0 8px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.card.clickable{cursor:pointer}.card.clickable:hover{border-color:var(--accent)}.list{flex-direction:column;gap:10px;display:flex}.btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:6px 14px;display:inline-flex}.btn:hover{border-color:var(--text-muted)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.btn.danger{color:var(--danger)}.btn.small{min-height:30px;padding:3px 10px;font-size:.85rem}.btn.ghost{background:0 0;border-color:#0000}.btn.block{width:100%}input[type=text],input[type=date],input[type=time],input[type=number],select,textarea{border:1px solid var(--border);background:var(--surface);border-radius:8px;max-width:100%;min-height:38px;padding:6px 10px}textarea{resize:vertical;width:100%;min-height:70px}label.field{color:var(--text-muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}label.field>input,label.field>select,label.field>textarea{color:var(--text);font-size:15px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:4px;min-height:32px;padding:3px 12px;font-size:.9rem;display:inline-flex}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.chip .sub{opacity:.8;font-size:.75rem}.badge{background:var(--surface-2);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.75rem;display:inline-block}.badge.requested{background:var(--maybe-weak);color:var(--text)}.badge.approved{background:var(--accent-weak);color:var(--text)}.badge.ok{background:var(--ok-weak);color:var(--text)}.segmented{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{background:var(--surface);cursor:pointer;border:0;border-right:1px solid var(--border);min-height:36px;padding:6px 12px}.segmented button:last-child{border-right:0}.segmented button.on{background:var(--accent);color:var(--accent-contrast);font-weight:600}.brush{flex-wrap:wrap;gap:6px;display:flex}.brush button{border:2px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;min-width:52px;min-height:42px;font-size:1.05rem;font-weight:700}.brush button.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-weak)}.brush .b-o{color:var(--ok)}.brush .b-m{color:var(--maybe)}.brush .b-x{color:var(--ng)}.toast-wrap{z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:76px;left:16px;right:16px}.toast{pointer-events:auto;background:var(--text);max-width:480px;color:var(--bg);box-shadow:var(--shadow);border-radius:8px;padding:10px 14px;font-size:.9rem}.toast.error{background:var(--danger);color:#fff}.sheet-backdrop{z-index:40;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:560px;max-height:88dvh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;overflow:auto}@media (width>=700px){.sheet-backdrop{align-items:center}.sheet{border-radius:14px}}.empty{text-align:center;color:var(--text-muted);padding:28px 16px}.grid-scroll{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:70dvh;overflow:auto}.grid-scroll.painting{touch-action:none}table.sheet-grid{border-collapse:separate;border-spacing:0;-webkit-user-select:none;user-select:none}table.sheet-grid th,table.sheet-grid td{padding:0}table.sheet-grid thead th{z-index:2;background:var(--surface);border-bottom:1px solid var(--border);text-align:center;white-space:pre-line;min-width:44px;padding:4px 2px;font-size:.72rem;font-weight:600;line-height:1.2;position:sticky;top:0}table.sheet-grid thead th.sat{color:#3b6fd8}table.sheet-grid thead th.sun{color:#d0453a}table.sheet-grid th.corner{z-index:3;min-width:48px;left:0}table.sheet-grid tbody th{z-index:1;background:var(--surface);border-right:1px solid var(--border);color:var(--text-muted);text-align:right;white-space:nowrap;vertical-align:top;padding:0 6px;font-size:.72rem;font-weight:400;line-height:1;position:sticky;left:0}table.sheet-grid td.cell{border-right:1px solid var(--surface-2);border-bottom:1px solid var(--surface-2);text-align:center;cursor:pointer;min-width:44px;height:26px;font-size:.72rem;line-height:26px;position:relative}table.sheet-grid tr.hour td.cell{border-top:1px solid var(--border)}table.sheet-grid td.cell.mk-o{background:var(--ok-weak);color:var(--ok)}table.sheet-grid td.cell.mk-m{background:var(--maybe-weak);color:var(--maybe)}table.sheet-grid td.cell.mk-x{background:var(--ng-weak);color:var(--ng)}table.sheet-grid td.cell.inherited{opacity:.45}table.sheet-grid td.cell.preview{outline:2px solid var(--accent);outline-offset:-2px}table.sheet-grid td.cell.anchor{outline:2px dashed var(--accent);outline-offset:-2px}table.sheet-grid td.cell.selected{box-shadow:inset 0 0 0 2px var(--accent)}table.sheet-grid td.cell.booked{background-image:repeating-linear-gradient(45deg,#0000 0 5px,#80808059 5px 7px)}table.sheet-grid td.cell.booked-own{box-shadow:inset 0 0 0 2px var(--approved)}table.sheet-grid td.cell .note-dot{background:var(--maybe);border-radius:50%;width:5px;height:5px;position:absolute;top:2px;right:3px}table.sheet-grid td.cell .comment-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;bottom:2px;right:3px}.legend{color:var(--text-muted);flex-wrap:wrap;gap:10px;font-size:.8rem;display:flex}.legend .sw{vertical-align:-2px;border:1px solid var(--border);border-radius:3px;width:14px;height:14px;margin-right:4px;display:inline-block}.cal-scroll{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-height:72dvh;overflow:auto}.cal{display:grid;position:relative}.cal .h{z-index:3;background:var(--surface);border-bottom:1px solid var(--border);text-align:center;white-space:nowrap;padding:4px 2px;font-size:.75rem;font-weight:600;position:sticky;top:0}.cal .h.sat{color:#3b6fd8}.cal .h.sun{color:#d0453a}.cal .t{z-index:2;background:var(--surface);border-right:1px solid var(--border);color:var(--text-muted);text-align:right;padding:0 6px;font-size:.7rem;line-height:1;position:sticky;left:0}.cal .corner{z-index:4;background:var(--surface);border-bottom:1px solid var(--border);border-right:1px solid var(--border);position:sticky;top:0;left:0}.cal .bg{border-right:1px solid var(--surface-2);border-bottom:1px solid var(--surface-2)}.cal .bg.hour{border-top:1px solid var(--border)}.cal .ev{z-index:1;cursor:pointer;border-radius:5px;min-width:0;margin:1px 2px;padding:2px 4px;font-size:.7rem;line-height:1.25;overflow:hidden}.cal .ev.approved{background:var(--approved);color:var(--accent-contrast)}.cal .ev.requested{background:var(--maybe-weak);border:2px dashed var(--requested);color:var(--text)}.cal .ev.candidate{border:1px dashed var(--text-muted);color:var(--text-muted);opacity:.8;background:0 0}.cal .ev.mine{box-shadow:0 0 0 2px var(--ok)}.member-list{flex-wrap:wrap;gap:6px;display:flex}.member{background:var(--surface-2);border-radius:999px;align-items:baseline;gap:4px;padding:2px 10px;font-size:.85rem;display:inline-flex}.member .inst{color:var(--text-muted);font-size:.75rem}.comment{border-top:1px solid var(--surface-2);padding:8px 0}.comment:first-child{border-top:0}.comment .meta{color:var(--text-muted);font-size:.75rem}.comment .body{white-space:pre-wrap;word-break:break-word}.detail-panel{z-index:5;position:sticky;bottom:70px}@media (width>=900px){.detail-panel{bottom:12px}}.who-list{grid-template-columns:auto 1fr;gap:2px 10px;font-size:.85rem;display:grid}.mk{font-weight:700}.mk.o{color:var(--ok)}.mk.m{color:var(--maybe)}.mk.x{color:var(--ng)}.mk.u{color:var(--text-muted)}.login-wrap{justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.login-card{width:100%;max-width:400px}.spinner-page{min-height:60dvh;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.agg-full{background:var(--ok);color:#fff;font-weight:700}.agg-maybe-full{background:color-mix(in srgb, var(--ok) 55%, var(--surface));color:var(--text);font-weight:700}.agg-high{background:color-mix(in srgb, var(--ok) 32%, var(--surface));color:var(--text)}.agg-mid{background:color-mix(in srgb, var(--ok) 18%, var(--surface));color:var(--text-muted)}.agg-low{background:color-mix(in srgb, var(--ok) 8%, var(--surface));color:var(--text-muted)}.agg-none{color:var(--text-muted)}.sw.booked{background-image:repeating-linear-gradient(45deg,#0000 0 3px,#80808080 3px 5px)}.sw.booked-own{box-shadow:inset 0 0 0 2px var(--approved)}.cal .h{white-space:pre-line;line-height:1.2}.cal button.ev{text-align:left;font:inherit;border:0;font-size:.7rem}.cal button.ev.requested{border:2px dashed var(--requested)}.cal button.ev.candidate{border:1px dashed var(--text-muted)}.day-picker{flex-direction:column;gap:4px;display:flex}.dp-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.dp-w{text-align:center;color:var(--text-muted);font-size:.75rem}.dp-w.sun,.dp-cell.sun .dp-num{color:#d0453a}.dp-w.sat,.dp-cell.sat .dp-num{color:#3b6fd8}.dp-cell{border:1px solid var(--border);background:var(--surface);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:54px;padding:2px;display:flex}.dp-cell.empty{cursor:default;background:0 0;border:0}.dp-cell .dp-num{font-size:.78rem;line-height:1.1}.dp-cell .dp-mark{min-height:1.2em;font-size:1.1rem;font-weight:700;line-height:1.2}.dp-cell.mk-o{background:var(--ok-weak);border-color:var(--ok)}.dp-cell.mk-o .dp-mark{color:var(--ok)}.dp-cell.mk-m{background:var(--maybe-weak);border-color:var(--maybe)}.dp-cell.mk-m .dp-mark{color:var(--maybe)}.dp-cell.mk-x{background:var(--ng-weak);border-color:var(--ng)}.dp-cell.mk-x .dp-mark{color:var(--ng)}.dp-cell.mixed{background:linear-gradient(135deg, var(--ok-weak) 50%, var(--ng-weak) 50%)}.dp-cell.mixed .dp-mark{color:var(--text);font-size:.75rem}.dp-cell.inherited{opacity:.5;border-style:dashed}.dp-cell.today{box-shadow:0 0 0 2px var(--accent)}.dp-cell:active{transform:scale(.96)}table.sheet-grid thead th.day-head{cursor:pointer}table.sheet-grid thead th.day-head:hover{background:var(--accent-weak)}table.sheet-grid td.cell.vague{background-image:radial-gradient(circle,#80808040 1px,#0000 1.5px);background-size:6px 6px}.sw.vague{background-image:radial-gradient(circle,#80808059 1px,#0000 1.5px);background-size:4px 4px}table.sheet-grid td.cell.has-vague,.sw.has-vague{outline:1px dashed var(--text-muted);outline-offset:-3px}.dp-cell .dp-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.62rem;line-height:1.1;overflow:hidden}.dp-cell.selected-day{box-shadow:0 0 0 3px var(--accent)}.dp-cell.agg-full{background:var(--ok);border-color:var(--ok);color:#fff}.dp-cell.agg-full .dp-num,.dp-cell.agg-full .dp-sub{color:#fff}.dp-cell.agg-maybe-full{background:color-mix(in srgb, var(--ok) 55%, var(--surface))}.dp-cell.agg-high{background:color-mix(in srgb, var(--ok) 32%, var(--surface))}.dp-cell.agg-mid{background:color-mix(in srgb, var(--ok) 18%, var(--surface))}.dp-cell.agg-low{background:color-mix(in srgb, var(--ok) 8%, var(--surface))}.brush .b-q{color:var(--unsure)}table.sheet-grid td.cell.mk-q{background:var(--unsure-weak);color:var(--unsure)}.dp-cell.mk-q{background:var(--unsure-weak);border-color:var(--unsure)}.dp-cell.mk-q .dp-mark,.mk.q{color:var(--unsure)}.song-days .sd-cell{justify-content:flex-start;gap:3px;min-height:64px;padding:4px 3px 5px}.song-days .sd-cell .dp-num{font-size:.75rem}.sd-star{color:var(--ok);margin-left:2px;font-size:.7rem}.sd-bar{background:var(--surface-2);border-radius:3px;gap:1px;width:100%;height:6px;display:flex;overflow:hidden}.sd-bar i{min-width:3px;display:block}.sd-bar i.o{background:var(--ok)}.sd-bar i.m{background:var(--maybe)}.sd-bar i.q{background:var(--unsure)}.sd-bar i.x{background:var(--ng)}.sd-bar i.u{background:var(--border)}.sd-counts{flex-wrap:wrap;justify-content:center;gap:0 4px;line-height:1.25;display:flex}.sd-c{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.66rem;font-weight:700}.sd-c.o{color:var(--ok)}.sd-c.m{color:var(--maybe)}.sd-c.q{color:var(--unsure)}.sd-c.x{color:var(--ng)}.sd-c.u{color:var(--text-muted);font-weight:400}.sd-tag{color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:0 3px;font-size:.58rem;line-height:1.3}.sd-tag.own{color:var(--approved);border-color:var(--approved)}.song-days .sd-cell.sd-all{background:var(--ok-weak);border:2px solid var(--ok)}.song-days .sd-cell.sd-come{border:2px solid var(--ok)}@media (width>=700px){.song-days .sd-cell{min-height:72px}.sd-c{font-size:.75rem}}.acting-bar{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:6px 16px;font-size:.85rem;display:flex}.acting-bar.other{background:var(--maybe-weak);border-bottom-color:var(--maybe)}.acting-bar .tiny{color:var(--text-muted);margin-left:4px}body>footer{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}@media (width>=900px){body>footer{padding-bottom:16px!important}}