.temporal-tab{position:relative;background:#fff;min-height:330px}.temporal-tab svg{display:block}.temporal-labels{position:sticky;z-index:5;left:0;width:48px;height:100%;background:#f9fbfd;border-right:1px solid #d8e1ea;color:#52667c;font:700 14px ui-monospace,SFMono-Regular,monospace;pointer-events:none}.temporal-labels span{position:absolute;left:0;right:0;transform:translateY(-50%);text-align:center}.tt-bar{stroke:#a3b2c1;stroke-width:1.1}.tt-beat{stroke:#e4ebf1;stroke-width:1;stroke-dasharray:3 7}.tt-string{stroke:#718092;stroke-width:1.2}.tt-measure{fill:#60748a;font:800 11px ui-sans-serif,system-ui,sans-serif}.tt-beat-text{fill:#6c7d8f;text-anchor:middle;font:800 10px ui-sans-serif,system-ui,sans-serif}.tt-note{fill:#fafdff;stroke:#2a70af;stroke-width:1.5}.tt-fret{fill:#17304a;text-anchor:middle;dominant-baseline:central;font:700 14px ui-monospace,SFMono-Regular,monospace}.tt-technique{fill:#a04b29;font:800 11px ui-sans-serif,system-ui,sans-serif}.tt-tuplet{fill:none;stroke:#b56236;stroke-width:1.1}.tt-tuplet-text{fill:#9b4a28;text-anchor:middle;font:800 12px ui-sans-serif,system-ui,sans-serif}.temporal-tab-empty{min-height:15rem;display:grid;place-items:center;color:#64748b;background:#fff}.temporal-tab{min-height:0}.temporal-tab-root{position:relative}.temporal-tab-root>.temporal-tab .temporal-labels{position:sticky;z-index:6;top:0;left:0;bottom:auto;height:0;padding-top:0!important;transform:translateY(76px)}.instrumental-surface-viewport{touch-action:pan-y}.instrumental-surface:not(.overview-surface) .surface-fragments{z-index:12}.instrumental-surface:not(.overview-surface) .surface-fragment-shading{z-index:11}.surface-music svg{pointer-events:none}.phase-b-web{max-width:none}.phase-b-web header,.phase-b-toolbar{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.phase-b-web header label,.phase-b-toolbar label{display:grid;gap:.25rem;font-weight:700;font-size:.8rem}.phase-b-web select,.phase-b-web input{min-height:44px;border:1px solid #b9c5bd;border-radius:8px;padding:.4rem;background:#fff}.phase-b-audio-error{margin:-.35rem 0 .75rem;padding:.7rem .85rem;border-left:4px solid #b83232;background:#fff0f0;color:#7d1d1d}.phase-b-toolbar{padding:.65rem;background:#fff;border:1px solid #d9e1da;border-radius:12px}.phase-b-tool-group{display:flex;align-items:center;gap:.4rem;padding:.15rem .65rem .15rem 0;border-right:1px solid #d9e1da}.phase-b-tool-group:last-child{border:0}.phase-b-tool-group>span{color:#526058;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.phase-b-tool-group button{min-height:44px}.phase-b-inspector{display:grid;gap:.75rem;margin-top:1rem}.phase-b-inspector section{max-width:none;background:#fff;border-radius:12px;padding:.8rem}.phase-b-inspector h3{margin:.1rem 0 .6rem}.phase-b-inspector ul{display:grid;gap:.5rem;padding-left:1rem}.phase-b-inspector button{margin:.2rem}.instrumental-surface-viewport{position:relative;width:100%;overflow-x:auto;border:1px solid #b7c4d4;border-radius:.45rem;background:#fff;overscroll-behavior:contain}.instrumental-surface{position:relative;min-height:16rem;-webkit-user-select:none;user-select:none;touch-action:none}.surface-structure{position:absolute;inset:0 0 auto;height:1.55rem;border-bottom:1px solid #cbd5e1}.surface-structure-block{position:absolute;inset-block:.14rem;overflow:hidden;padding:.17rem .42rem;border-right:1px solid #d5dde7;background:#eef3f8;color:#475569;font-size:.7rem;font-weight:800;white-space:nowrap}.surface-fragments{position:absolute;top:1.55rem;left:0;right:0;height:2.75rem;border-bottom:1px solid #d5dde7}.surface-fragment{position:absolute;height:1.2rem;padding:.1rem .3rem;border:1px solid var(--fragment-color,#3976a9);border-radius:.2rem;background:color-mix(in srgb,var(--fragment-color,#3976a9) 18%,white);font-size:.67rem;font-weight:800;cursor:grab}.surface-fragment.selected{outline:3px solid #d97706}.surface-handle{position:absolute;top:-8px;bottom:-8px;width:18px;background:transparent;cursor:ew-resize}.surface-handle.start{left:-9px}.surface-handle.end{right:-9px}.surface-playhead{position:absolute;z-index:10;top:0;bottom:0;width:3px;background:#dc2626;box-shadow:0 0 0 1px #fff;pointer-events:none}.surface-music{position:relative;margin-top:4.3rem}.surface-fragment-shading{z-index:4}.fragment-temporal-body{position:absolute;top:0;bottom:0;pointer-events:auto;cursor:grab}.fragment-temporal-body.subcreate{pointer-events:none}.fragment-range-shading{position:absolute;top:0;bottom:0;border-inline:3px solid var(--fragment-color,#b45309);background:color-mix(in srgb,var(--fragment-color,#b45309) 15%,transparent)}.fragment-range-shading.selected{background:color-mix(in srgb,var(--fragment-color,#b45309) 28%,transparent);box-shadow:inset 0 0 0 2px #18211e}.fragment-range-shading.child{top:.6rem;bottom:.6rem;border-style:dashed}.fragment-temporal-body .surface-handle{z-index:2;top:0;bottom:0}.surface-fragment.draft{border-style:dashed}@media(min-width:700px){.phase-b-inspector{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:699px){.phase-b-toolbar{align-items:stretch}.phase-b-tool-group{width:100%;padding:.25rem 0;border-right:0;border-bottom:1px solid #d9e1da;flex-wrap:wrap}.phase-b-tool-group:last-child{border-bottom:0}.phase-b-tool-group>span{width:100%}}.phase-b-category-sheet{position:fixed;z-index:30;inset:0;background:#18211e99;display:grid;align-items:end;padding:.75rem}.phase-b-category-sheet section{width:100%;max-width:620px;margin:auto;background:#fff;border-radius:16px 16px 0 0;padding:1rem;display:grid;gap:.5rem}.phase-b-category-sheet header{display:flex;justify-content:space-between;align-items:center}.phase-b-category-sheet h3{margin:0}.phase-b-category-sheet button[aria-pressed=true]{outline:3px solid #d97706}.phase-b-repeat{max-width:none;margin-top:.75rem;padding:.8rem;background:#fff;border-radius:12px}.phase-b-repeat p{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}@media(min-width:700px){.phase-b-category-sheet{align-items:center}.phase-b-category-sheet section{border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.phase-b-category-sheet header{grid-column:1/-1}}.fragment-inspector{border:2px solid #d7e6dc}.fragment-kind{margin:.1rem 0 .7rem;color:#34513f;font-weight:800}.fragment-inspector dl{display:grid;gap:.5rem;margin:0}.fragment-inspector dl div{display:grid;gap:.1rem}.fragment-inspector dt{color:#526058;font-size:.72rem;font-weight:800;text-transform:uppercase}.fragment-inspector dd{margin:0;font-weight:700}.fragment-hierarchy{margin-top:.85rem;padding-top:.75rem;border-top:1px solid #d9e1da}.fragment-hierarchy h4{margin:0 0 .35rem}.fragment-hierarchy p{margin:.25rem 0 .45rem}.hierarchy-item{display:grid;width:100%;gap:.16rem;margin:.1rem 0!important;padding:.55rem;text-align:left;color:#18211e;border:1px solid #a7c0b0;border-radius:8px;background:#f5faf6}.hierarchy-item strong{color:#18211e}.hierarchy-item span{font-size:.85rem;color:#34463b}.fragment-hierarchy ul{margin:.35rem 0 0;padding-left:0!important;list-style:none}.tt-fragment-selection rect{fill:#f59e0b;fill-opacity:.18;pointer-events:none}.tt-fragment-selection line{stroke:#c96a08;stroke-width:3;stroke-dasharray:7 4;pointer-events:none}.surface-resize-handle{position:absolute;z-index:22;top:var(--tab-music-top);bottom:0;width:44px;transform:translate(-22px);border:0;background:linear-gradient(#a54b09dd,#d97706dd);color:#fff;font-size:2rem;font-weight:900;line-height:1;cursor:ew-resize;touch-action:none}.surface-resize-handle.start{border-radius:0 12px 12px 0}.surface-resize-handle.end{border-radius:12px 0 0 12px}.surface-resize-handle:hover,.surface-resize-handle:focus-visible{background:#8c3d05;outline:3px solid #17211e}.phase-b-toolbar{gap:.35rem;padding:.4rem .55rem}.phase-b-tool-group{gap:.3rem;padding:.1rem .35rem .1rem 0}.phase-b-tool-group>span{display:none}.phase-b-tool-group button{min-height:40px;padding:.35rem .65rem}.phase-b-web .instrumental-surface{min-height:23rem}@media(min-width:700px)and (orientation:landscape){.phase-b-web .instrumental-surface{min-height:31rem}.phase-b-web .surface-music{margin-top:4.3rem}}@media(max-width:699px){.phase-b-toolbar{gap:.25rem}.phase-b-tool-group{width:auto;padding:0;border:0}.phase-b-tool-group button{min-height:40px;padding:.3rem .5rem}.phase-b-tool-group:nth-child(3),.phase-b-tool-group:nth-child(4){flex-basis:100%}}.phase-b-navigator{margin:.75rem 0}.phase-b-navigator h3{margin:0 0 .35rem;font-size:.8rem}.phase-b-web .instrumental-surface:not(.overview-surface){min-height:0}@media(min-width:700px)and (orientation:landscape){.phase-b-web .instrumental-surface:not(.overview-surface){min-height:0}.phase-b-web .surface-music{margin-top:0}}.phase-b-web .instrumental-surface.overview-surface{min-height:5.15rem;height:5.15rem}:root{font-family:Inter,system-ui,sans-serif;color:#18211e;background:#f4f6f2}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{min-height:44px;border:0;border-radius:10px;padding:.65rem .9rem;background:#1e5b45;color:#fff;cursor:pointer}button:disabled{opacity:.55}.web-shell{max-width:960px;margin:auto;padding:env(safe-area-inset-top) 1rem 2rem}.web-shell header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0 1.5rem}.brand{background:none;color:#18211e;padding:0;font-weight:800;font-size:1.05rem}.web-centered{min-height:100dvh;display:grid;place-items:center;padding:1rem}.login-card{width:min(100%,400px);display:grid;gap:1rem;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 8px 30px #18211e17}.login-card h1,.login-card p{margin:0}.login-card label{display:grid;gap:.4rem;font-weight:600}.login-card input{min-height:44px;border:1px solid #aab5ae;border-radius:8px;padding:.55rem}.card-list{margin:1rem 0;padding:0;display:grid;gap:.75rem;list-style:none}.card-list button{width:100%;min-height:72px;text-align:left;background:#fff;color:#18211e;border:1px solid #d9dfda;display:grid;gap:.25rem}.card-list span{font-size:.88rem;color:#526058}.back{background:#e3ebe5;color:#193126;margin-bottom:1rem}section{max-width:720px}dl{display:grid;grid-template-columns:max-content 1fr;gap:.65rem 1rem;background:#fff;padding:1rem;border-radius:12px}dt{font-weight:700}dd{margin:0}.phase-a-web{max-width:none}.phase-a-web header{padding:0}.eyebrow{margin:0;color:#526058;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.save-state{font-size:.88rem}.save-state.saving{color:#8a5800}.save-state.error,.save-state.conflict{color:#a12424}.phase-toolbar,.phase-actions{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin:1rem 0}.toolbar-spacer{flex:1}.phase-toolbar span{font-variant-numeric:tabular-nums;white-space:nowrap}.phase-timeline-viewport{overflow-x:auto;border:1px solid #cbd5ce;border-radius:14px;background:#fff;touch-action:pan-x;overscroll-behavior:contain}.phase-timeline-lane{height:190px;min-width:100%;position:relative;background:linear-gradient(#f7faf7 0 35%,#edf3ee 35%);touch-action:none;-webkit-user-select:none;user-select:none}.phase-measure{position:absolute;top:0;bottom:0;border-right:1px solid #d4ddd6;color:#66736b;font-size:.72rem;padding:.3rem;pointer-events:none}.phase-playhead{position:absolute;z-index:5;top:0;bottom:0;width:2px;background:#b83232;pointer-events:none}.phase-block{position:absolute;z-index:3;top:62px;height:76px;border-radius:9px;background:#1e5b45;color:#fff;display:flex;align-items:center;justify-content:center;min-width:12px;padding:0 22px;text-align:center;font-weight:700;font-size:.82rem;overflow:hidden;touch-action:none}.phase-block.selected{outline:4px solid #edb34b;z-index:4}.phase-handle{position:absolute!important;top:-8px;bottom:-8px;z-index:6;width:32px;min-height:92px;padding:0!important;border-radius:8px!important;background:#103c2c!important;cursor:ew-resize}.phase-handle.start{left:-12px}.phase-handle.end{right:-12px}.phase-actions{padding:1rem;background:#fff;border-radius:12px}.phase-actions label{display:grid;gap:.3rem;font-weight:700}.phase-actions select{min-height:44px;border:1px solid #b9c5bd;border-radius:8px;padding:.4rem;background:#fff}.phase-completion{margin-top:1.5rem}.phase-completion p{color:#a12424}.phase-completed{padding:1rem;background:#dcefe2;border-radius:10px}.phase-dialog{position:fixed;inset:0;z-index:10;background:#18211e99;display:grid;place-items:end center;padding:1rem}.phase-dialog section{width:min(100%,520px);background:#fff;padding:1.25rem;border-radius:16px;display:flex;gap:.7rem;flex-wrap:wrap}.phase-dialog h3,.phase-dialog p{width:100%;margin:.15rem 0}.phase-dialog button:first-of-type{background:#e3ebe5;color:#193126}@media(min-width:700px){.phase-timeline-lane{height:250px}.phase-block{top:82px;height:90px;font-size:.95rem}.phase-actions{align-items:end}.phase-dialog{place-items:center}.phase-a-web{max-width:1100px}}@media(max-width:420px){.web-shell{padding-inline:.75rem}.web-shell header{align-items:flex-start}.web-shell header button:last-child{font-size:.85rem;padding:.55rem}.card-list button{white-space:normal}.phase-toolbar{gap:.35rem}.phase-toolbar button{padding:.55rem .6rem}}