:root{--color-paper: oklch(18.69% .0114 60.7);--color-paper-2: oklch(22.41% .0158 62.5);--color-paper-3: oklch(26.39% .0198 63.4);--color-line: oklch(32.3% .0255 64.2);--color-line-soft: oklch(27.19% .0209 66.8);--color-ink: oklch(91.89% .0223 80.7);--color-ink-2: oklch(74.05% .0359 80.2);--color-ink-3: oklch(70.43% .0303 79.4);--color-accent: oklch(76.11% .1404 71.8);--color-accent-deep: oklch(62.47% .129 69);--color-accent-ink: oklch(18.69% .0114 60.7);--color-teal: oklch(72.08% .0934 184.6);--color-danger: oklch(64.01% .1534 32.7);--color-accent-wash: oklch(76.11% .1404 71.8 / .25);--color-done: oklch(45.09% .055 158.3);--color-claimed: oklch(41.75% .0522 83.7);--color-open: oklch(35.84% .0416 237.6);--color-claimed-stripe: oklch(91.89% .0223 80.7 / .08);--color-scrim: oklch(13.2% .0084 61.2 / .72);--color-transparent: oklch(0% 0 0 / 0);--font-display: "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif;--font-body: system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Noto Sans JP", sans-serif;--font-data: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius: 6px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{overflow-x:clip}html{color-scheme:dark}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:15px;line-height:1.55}h1,h2,h3{font-family:var(--font-display);font-style:normal;font-weight:600;letter-spacing:.01em;margin:0 0 var(--space-3)}h1,h2{font-size:19px;color:var(--color-ink)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.muted{color:var(--color-ink-2)}main h1[tabindex="-1"]:focus{outline:none}.skip-link{position:fixed;inset-inline-start:var(--space-4);top:var(--space-3);z-index:20;transform:translateY(-180%);padding:var(--space-2) var(--space-3);border:1px solid var(--color-accent);border-radius:var(--radius);background:var(--color-paper-2);color:var(--color-ink)}.skip-link:focus{transform:translateY(0)}.mast{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-line);position:sticky;top:0;background:color-mix(in oklch,var(--color-paper) 92%,var(--color-transparent));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;flex-wrap:wrap}.mast-left{display:flex;align-items:baseline;gap:var(--space-4);flex-wrap:wrap}.wordmark{font-family:var(--font-display);font-size:26px;color:var(--color-accent);letter-spacing:.02em}.wordmark-thin{color:var(--color-ink);font-weight:400}.tagline{color:var(--color-ink-2);font-size:13px}.mast-right{display:flex;align-items:center;gap:var(--space-3)}.locale-switch select{min-height:44px;border:1px solid var(--color-line-soft);border-radius:999px;padding:0 var(--space-3);background:var(--color-paper);color:var(--color-ink-2);font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.song-badge{font-family:var(--font-data);font-size:12px;color:var(--color-teal);border:1px solid var(--color-line);padding:2px var(--space-2);border-radius:999px}.name-chip{font-size:13px;color:var(--color-ink-2);border:1px dashed var(--color-line);border-radius:999px;min-height:44px;min-width:44px;max-width:min(45vw,220px);padding:2px var(--space-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-chip:hover{color:var(--color-ink);border-color:var(--color-ink-3)}#app{max-width:980px;margin:0 auto;scroll-margin-top:80px;padding:var(--space-6) var(--space-4) 96px;display:grid;gap:var(--space-4)}.panel{background:var(--color-paper-2);border:1px solid var(--color-line-soft);border-radius:var(--radius);padding:var(--space-4) var(--space-4) var(--space-6);min-width:0}.dec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--space-3)}.dec-card{border:1px solid var(--color-line-soft);border-radius:var(--radius);padding:var(--space-3) var(--space-4);background:var(--color-paper);display:grid;gap:var(--space-2);align-content:start}.dec-card.done{background:var(--color-paper-2)}.dec-value{font-family:var(--font-data);font-size:16px;color:var(--color-teal)}.dec-by{font-size:12px;color:var(--color-ink-2)}.dec-undecided{font-size:12px}.tempo-picker{display:grid;gap:var(--space-3);padding:var(--space-4) 0}.tempo-num{font-family:var(--font-data);font-size:28px;color:var(--color-accent);text-align:center}.tempo-picker input[type=range]{accent-color:var(--color-accent)}.key-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);padding:var(--space-3) 0}.key-btn{padding:var(--space-3) var(--space-2)}.chord-picker{display:grid;gap:var(--space-2);padding:var(--space-3) 0}.chord-row{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.chord-bar{font-family:var(--font-data);font-size:12px;color:var(--color-ink-3);min-width:4.5em}.chord-opt{padding:var(--space-2) var(--space-2);font-size:13px;font-family:var(--font-data)}.chord-opt.sel{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink);font-weight:700}.vote-title{font-weight:600;margin-bottom:var(--space-2)}.vote-title .win{color:var(--color-teal);font-size:12px;margin-inline-start:var(--space-2)}.action-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.act-btn{border:1px solid var(--color-line);background:var(--color-paper);border-radius:var(--radius);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:2px;min-width:180px}.act-btn strong{font-family:var(--font-display);font-size:16px}.act-btn span{font-size:12px;color:var(--color-ink-2)}.act-btn:hover:not(:disabled){border-color:var(--color-accent)}.act-btn:disabled,.act-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.board-section{margin-bottom:var(--space-4)}.board-sec-head{font-family:var(--font-data);font-size:12px;color:var(--color-ink-3);margin-bottom:var(--space-2);display:flex;gap:var(--space-3)}.board-sec-head b{color:var(--color-ink-2)}.board-layer-row{display:grid;grid-template-columns:minmax(5.5rem,7rem) minmax(0,1fr);gap:var(--space-2);align-items:center;margin-bottom:4px}.board-layer-label{min-width:0;color:var(--color-ink-2);font-family:var(--font-data);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-row{display:flex;min-width:0;gap:2px}.region-chip{position:relative;min-width:0;font-family:var(--font-data);font-size:12px;border-radius:4px;border:1px solid var(--color-line-soft);color:var(--color-ink-3);padding:6px var(--space-2);text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.region-chip.drums,.region-chip.melody{height:34px}.region-chip[data-bars="1"]{flex:1}.region-chip[data-bars="2"]{flex:2}.region-chip[data-bars="3"]{flex:3}.region-chip[data-bars="4"]{flex:4}.region-chip[data-bars="5"]{flex:5}.region-chip[data-bars="6"]{flex:6}.region-chip[data-bars="7"]{flex:7}.region-chip[data-bars="8"]{flex:8}.region-chip.open{background:var(--color-open);color:var(--color-ink);border-color:var(--color-line)}.region-chip.claimed{background:var(--color-claimed);color:var(--color-ink)}.region-chip.done{background:var(--color-done);color:var(--color-ink)}.region-chip.locked{background:var(--color-paper-2);border-style:dashed}.region-chip.open{border-style:solid}.region-chip.claimed{border-style:dotted;background-image:repeating-linear-gradient(135deg,var(--color-transparent) 0 5px,var(--color-claimed-stripe) 5px 7px)}.region-chip.done{border-style:double}.region-chip.drums{border-inline-start:4px solid var(--color-teal)}.region-chip.melody{border-inline-start:4px solid var(--color-accent)}.region-chip.mine{outline:2px solid var(--color-accent);outline-offset:1px}.board-legend{display:flex;gap:var(--space-3) var(--space-4);font-size:12px;color:var(--color-ink-3);margin-top:var(--space-3);flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;white-space:nowrap}.legend-chip{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-inline-end:4px;border:1px solid var(--color-line-soft)}.legend-chip.drums{border-inline-start:4px solid var(--color-teal);background:var(--color-paper-2)}.legend-chip.melody{border-inline-start:4px solid var(--color-accent);background:var(--color-paper-2)}.legend-chip.locked{background:var(--color-paper-2);border-style:dashed}.legend-chip.open{background:var(--color-open);border-style:solid}.legend-chip.claimed{background:var(--color-claimed);border-style:dotted;background-image:repeating-linear-gradient(135deg,var(--color-transparent) 0 3px,var(--color-claimed-stripe) 3px 5px)}.legend-chip.done{background:var(--color-done);border-style:double}.credits,.log{list-style:none;margin:0;padding:0;display:grid;gap:4px}.credits li,.log li{font-size:13px;color:var(--color-ink-2);border-bottom:1px solid var(--color-line-soft);padding:var(--space-2) 0;display:flex;gap:var(--space-3)}.credits li b,.log li b{color:var(--color-ink);font-weight:600;min-width:5em}.log li time{font-family:var(--font-data);font-size:12px;color:var(--color-ink-3);min-width:4em}.dock{position:fixed;bottom:0;left:0;right:0;background:var(--color-paper-2);border-top:1px solid var(--color-line);display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);z-index:20}.play-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--color-accent);color:var(--color-accent);font-size:16px;flex-shrink:0}.play-btn:hover{background:var(--color-accent);color:var(--color-accent-ink)}.play-btn:active:not(:disabled){background:var(--color-accent-deep);color:var(--color-accent-ink)}.play-btn:disabled{opacity:.4;cursor:not-allowed}.play-meta{flex:1;display:grid;gap:4px}#play-label{font-size:12px;color:var(--color-ink-2);font-family:var(--font-data)}.play-bar{height:4px;background:var(--color-paper-3);border-radius:999px;overflow:hidden}.play-bar{direction:ltr}.play-fill{height:100%;width:0%;background:var(--color-teal)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-scrim);display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--space-4)}.modal{background:var(--color-paper-2);border:1px solid var(--color-line);border-radius:var(--radius);max-width:720px;width:100%;max-height:90vh;overflow:auto;padding:var(--space-6)}.modal h2{font-size:18px}.modal-copy{margin:0;max-width:60ch}.text-modal-form{display:grid;gap:var(--space-2)}.text-modal-form input{width:100%;min-height:44px}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);flex-wrap:wrap}.btn{border:1px solid var(--color-line);border-radius:var(--radius);min-height:44px;padding:var(--space-2) var(--space-4);display:inline-flex;align-items:center;justify-content:center;line-height:1.2;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--color-ink-2)}.btn:active:not(:disabled){border-color:var(--color-accent);background:var(--color-paper-3)}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink);font-weight:600}.btn.primary:hover:not(:disabled){background:var(--color-accent-deep)}.btn.primary:active:not(:disabled){background:var(--color-accent-deep)}.btn.danger{color:var(--color-danger);border-color:var(--color-danger)}.pat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--space-3)}.pat-card{border:1px solid var(--color-line-soft);border-radius:var(--radius);padding:var(--space-3);background:var(--color-paper);display:grid;gap:var(--space-2)}.pat-card.sel{border-color:var(--color-accent)}.pat-rows{display:grid;gap:3px}.pat-row{display:flex;gap:3px}.pat-cell{flex:1;height:10px;border-radius:2px;background:var(--color-paper-3)}.pat-cell.on-k{background:var(--color-accent)}.pat-cell.on-s{background:var(--color-teal)}.pat-cell.on-h{background:var(--color-ink-3)}.pat-cell.on-o{background:var(--color-danger)}.roll-wrap{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;border:1px solid var(--color-line-soft);border-radius:var(--radius);background:var(--color-paper);direction:ltr}.melody-length{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;color:var(--color-ink-2)}.melody-length select{min-width:120px;min-height:44px}.roll{display:grid;gap:0;min-width:min-content}.roll-timeline{display:flex;min-width:max-content}.roll-timeline-label{width:44px;flex-shrink:0;height:28px;border-bottom:1px solid var(--color-line)}.roll-step{width:var(--roll-cell-width);flex-shrink:0;height:28px;border-left:1px solid var(--color-line-soft);border-bottom:1px solid var(--color-line);color:var(--color-ink-3);font-family:var(--font-data);font-size:12px;line-height:28px;text-align:center}.roll-step.beat,.roll-step.bar{border-left-color:var(--color-line)}.roll-step.bar{color:var(--color-ink-2);font-weight:700}.roll-row{display:flex}.roll-label{width:44px;flex-shrink:0;font-family:var(--font-data);font-size:12px;color:var(--color-ink-3);text-align:right;padding-right:var(--space-2);border-top:1px solid var(--color-line-soft);line-height:26px}.roll-label.chord-tone{color:var(--color-ink-2);font-weight:700}.roll-label.chromatic-tone{color:var(--color-ink-3)}.roll-cells{display:flex;flex:1;position:relative}.roll-cell{width:var(--roll-cell-width);height:26px;border-left:1px solid var(--color-line-soft);border-top:1px solid var(--color-line-soft);padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.roll-cell.beat{border-left:1px solid var(--color-line)}.roll-cell.chord-tone{background:color-mix(in oklch,var(--color-teal) 7%,var(--color-paper))}.roll-cell.chromatic-tone{background:color-mix(in oklch,var(--color-paper-3) 32%,var(--color-paper))}.roll-cell:hover{background:var(--color-paper-3)}.roll-cell:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px;z-index:1}.roll-note:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px;z-index:3}.roll-note{position:absolute;top:2px;height:22px;margin-top:2px;padding:0;border:0;background:var(--color-accent);border-radius:3px;box-shadow:inset 0 -2px 0 var(--color-accent-deep);cursor:grab;touch-action:manipulation;-webkit-user-select:none;user-select:none;z-index:2}.roll-note:active{cursor:grabbing}.roll-note.drag-armed{box-shadow:0 0 0 2px var(--color-teal),inset 0 -2px 0 var(--color-accent-deep)}.roll-row.has-note{z-index:2}.rec-status{font-family:var(--font-data);font-size:13px;color:var(--color-ink-2);margin:var(--space-2) 0}.rec-canvas{width:100%;height:90px;background:var(--color-paper);border:1px solid var(--color-line-soft);border-radius:var(--radius);touch-action:none;-webkit-user-select:none;user-select:none;cursor:ew-resize}.rec-position-label{display:block;font-size:12px;color:var(--color-ink-2);margin-top:var(--space-2)}.rec-position{display:block;width:100%;margin-top:4px;accent-color:var(--color-accent)}.rec-hint{font-size:12px;color:var(--color-ink-3);margin-top:var(--space-2)}.toast{position:fixed;bottom:76px;left:50%;transform:translate(-50%);background:var(--color-paper-3);color:var(--color-ink);border:1px solid var(--color-line);padding:var(--space-2) var(--space-4);border-radius:999px;font-size:14px;z-index:100;max-width:min(90vw,480px)}.toast.error{border-color:var(--color-danger);color:var(--color-danger)}.join-wrap{display:flex;justify-content:center;gap:var(--space-3);padding:var(--space-6) 0 var(--space-4);flex-wrap:wrap}.join-btn{font-size:20px;padding:var(--space-4) var(--space-8);border-radius:999px;white-space:nowrap}.intro-songs{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--color-line-soft)}.intro-songs h2{margin-bottom:var(--space-2)}.post-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;padding-top:var(--space-4)}.post-actions .btn{flex:1;min-width:160px;justify-content:center}#part-body{margin-top:var(--space-4)}.song-list{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.song-card{width:100%;display:grid;grid-template-columns:1fr auto;gap:4px 12px;text-align:start;border:1px solid var(--color-line-soft);background:var(--color-paper);border-radius:var(--radius);padding:var(--space-3) var(--space-4)}.song-card:hover{border-color:var(--color-line)}.song-card-id{font-family:var(--font-data);font-weight:700}.song-card-status{font-size:12px;color:var(--color-ink-2)}.song-card-status.complete{color:var(--color-teal)}.song-card-bar{grid-column:1 / -1;height:6px;background:var(--color-paper-3);border-radius:999px;overflow:hidden}.song-card-bar progress{display:block;width:100%;height:100%;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-paper-3)}.song-card-bar progress::-webkit-progress-bar{background:var(--color-paper-3)}.song-card-bar progress::-webkit-progress-value{background:var(--color-accent);border-radius:999px}.song-card-bar progress::-moz-progress-bar{background:var(--color-accent);border-radius:999px}.song-card-progress{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr) auto;align-items:center;gap:var(--space-2);grid-column:1 / -1;font-size:12px;color:var(--color-ink-3)}.song-card-progress>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-card-progress .song-card-bar{grid-column:auto}.song-card-progress b{font-family:var(--font-data);font-weight:400;min-width:3em;text-align:end}.song-card-meta{grid-column:1 / -1;font-size:12px;color:var(--color-ink-3)}.detail-head{display:grid;gap:6px}.detail-meta,.detail-note,.detail-draft-note{font-size:13px}.detail-actions{margin:12px 0;padding-top:0}.detail-section-title{margin-top:16px}.detail-draft-note{margin:0 0 var(--space-3)}.listen-note{margin-top:12px}.part-subheading{margin-top:24px}.tempo-slider{width:100%}.progression-label{margin-bottom:12px}.progression-listen{margin-top:12px}.pick-btn-row{display:flex;gap:8px}.rec-description{font-size:13px}.rec-actions{margin-top:12px}.download-link{display:none}.drum-scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;border:1px solid var(--color-line-soft);border-radius:var(--radius);padding:var(--space-2);background:var(--color-paper);direction:ltr}.drum-free{display:grid;gap:4px;margin-top:var(--space-3);min-width:680px}.drum-header{display:flex;gap:2px;margin-left:72px;font-size:12px;color:var(--color-ink-3)}.drum-header span{flex:1;text-align:center}.drum-row{display:flex;gap:2px;align-items:center}.drum-label{width:72px;flex-shrink:0;font-size:12px;color:var(--color-ink-2)}.drum-cell{flex:1;height:28px;border:1px solid var(--color-line-soft);background:var(--color-paper);border-radius:3px;touch-action:manipulation;cursor:crosshair;-webkit-user-select:none;user-select:none}.drum-cell.beat{border-left-color:var(--color-line)}.drum-cell.on{background:var(--color-accent);border-color:var(--color-accent)}.drum-cell.soft{background:color-mix(in oklch,var(--color-accent) 45%,var(--color-paper));border-color:var(--color-accent)}.drum-cell.playhead{box-shadow:inset 0 0 0 2px var(--color-teal)}.drum-cell:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.drum-help{font-size:12px;margin:var(--space-2) 0 0}.part-location{margin:var(--space-2) 0;color:var(--color-teal);font-family:var(--font-data);font-size:12px;letter-spacing:.04em}.melody-tools{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:10px 0 12px}.midi-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:10px 0 12px}.midi-status{flex:1 1 220px;min-width:0;font-size:12px}.fit-notice{margin:var(--space-3) 0 var(--space-4);padding:var(--space-2) var(--space-3);border-inline-start:3px solid var(--color-line);background:var(--color-paper-2);font-size:13px}.editor-hint{margin:var(--space-2) 0 var(--space-3);padding:var(--space-2) var(--space-3);border-inline-start:3px solid var(--color-teal);background:color-mix(in oklch,var(--color-teal) 7%,var(--color-paper-2));color:var(--color-ink-2);font-size:12px}.fit-notice.good{border-inline-start-color:var(--color-teal);color:var(--color-teal)}.fit-notice.warning{border-inline-start-color:var(--color-accent);color:var(--color-accent)}@media(max-width:640px){.mast-left,.mast-right{width:100%}.mast-right{justify-content:flex-end;min-width:0}.vote-label{min-width:8em}.board-layer-row{grid-template-columns:4.75rem minmax(0,1fr);gap:var(--space-1)}.mast{padding:var(--space-3) var(--space-4)}#app{padding:var(--space-4) var(--space-3) 96px}.panel{padding:var(--space-3) var(--space-3) var(--space-4)}.mast-left{gap:var(--space-2)}.tagline{width:100%}.join-btn{padding-inline:var(--space-3)}.key-grid{grid-template-columns:repeat(3,1fr)}.post-actions .btn{min-width:140px}.roll-wrap{margin-inline:calc(-1 * var(--space-3));border-left:0;border-right:0;border-radius:0}.roll-cell{height:30px}.roll-label{line-height:30px}.roll-note{height:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}