.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-toolbar{padding:.6rem;background:#fff;border-radius:12px}.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}.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:2px;background:#dc2626;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:2px solid var(--fragment-color,#b45309);background:color-mix(in srgb,var(--fragment-color,#b45309) 13%,transparent)}.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))}}.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}}: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}}