.tc-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tc-item{border-radius:var(--r-lg,18px);background:var(--card);border:1px solid var(--hair-2);align-items:center;gap:10px;padding:12px 14px;display:flex}.tc-item-main{min-width:0;color:var(--text);flex:1;gap:2px;text-decoration:none;display:grid}.tc-item-main b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tc-item-main:hover b{text-decoration:underline}.tc-import{gap:12px;margin-top:14px;display:grid}.tc-paste{width:100%;color:var(--ink);background:var(--paper);border:2px solid var(--ink);resize:vertical;border-radius:12px;padding:10px;font:600 14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.tc-tracks{border:1px solid var(--hair-2);border-radius:12px;gap:6px;padding:10px;display:grid}.tc-tracks legend{padding:0 4px;font-weight:800}.tc-note{align-items:center;gap:6px;display:flex}.tc-error{color:var(--text-error);margin:0;font-weight:700}.tc-edit,.tc-rec{gap:12px;width:100%;max-width:1280px;margin:0 auto;padding:12px 16px 32px;display:grid}.tc-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tc-title{min-width:140px;font:400 22px var(--font-display);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.tc-hint{margin:0}.tc-grid-wrap{background:var(--card);border:1px solid var(--hair-2);border-radius:18px;padding:12px;overflow-x:auto}.tc-grid{width:max-content;display:grid}.tc-row{display:contents}.tc-sname{color:var(--muted);place-items:center;font-weight:900;display:grid}.tc-cell{height:38px;color:var(--text);font:900 16px var(--font-ui);cursor:pointer;background:0 0;background-image:linear-gradient(var(--hair-3), var(--hair-3));touch-action:manipulation;-webkit-user-select:none;user-select:none;background-position:50%;background-repeat:no-repeat;background-size:100% 2px;border:0;position:relative}.tc-cell.col{background-color:var(--hair-1)}.tc-cell.has{color:var(--ink)}.tc-cell.has:before{content:"";background:var(--paper);border:2px solid var(--ink);z-index:0;border-radius:10px;position:absolute;inset:5px 6px}.tc-cell{isolation:isolate}.tc-cell.has{z-index:0}.tc-cell.has>*,.tc-cell.has{text-shadow:none}.tc-cell.on{outline:3px solid var(--gold);outline-offset:-2px;border-radius:10px}.tc-cell:focus-visible{outline:3px solid var(--gold-light);outline-offset:-2px}.tc-tools{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.tc-tool{background:var(--card);border-radius:16px;align-content:start;gap:8px;padding:12px;display:grid}.tc-frets{flex-wrap:wrap;gap:6px;display:flex}.tc-fret{border:2px solid var(--ink);background:var(--paper);min-width:40px;height:40px;color:var(--ink);font:900 15px var(--font-ui);cursor:pointer;border-radius:10px}.tc-fret.wide{padding:0 12px}.tc-fret.on,.tc-fret:hover{background:var(--gold)}.tc-tool kbd{font:800 11px var(--font-ui);opacity:.8}.tc-msg{color:var(--success-text);margin:0;font-weight:800}.tc-alts{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tc-cell.has{background-image:none}.tc-steps{gap:6px;margin:0;padding:0;font-size:14px;font-weight:800;list-style:none;display:flex}.tc-steps li{color:var(--muted);border-radius:999px;padding:4px 10px}.tc-steps li.on{background:var(--gold);color:var(--ink)}.tc-stage-wrap{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.tc-stage{aspect-ratio:16/9;background:var(--highway);border:2px solid var(--ink);border-radius:18px;width:100%;max-height:calc(100vh - 140px);position:relative;overflow:hidden}.tc-stage.f-portrait{aspect-ratio:9/16;justify-self:center;width:auto;height:min(72vh,820px)}.tc-canvas{width:100%;height:100%;display:block}.tc-hidden-video{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.tc-count{font:400 120px var(--font-display);color:var(--paper);text-shadow:0 4px 0 var(--ink);place-items:center;display:grid;position:absolute;inset:0}.tc-side{gap:14px;display:grid}.tc-bpm output{text-align:center;min-width:80px;font-weight:900}.tc-rec-dot{background:var(--danger);border:2px solid var(--ink);border-radius:50%;width:14px;height:14px}.tc-sync{gap:12px;display:grid}.tc-take{background:var(--highway);border-radius:16px;width:100%;max-height:52vh}.tc-timeline{background:var(--card);border:1px solid var(--hair-2);border-radius:14px;height:56px;position:relative;overflow:hidden}.tc-cursor{background:var(--gold);width:2px;position:absolute;top:0;bottom:0}.tc-mark{border:2px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:50%;width:18px;height:18px;padding:0;position:absolute;top:50%;translate:-50% -50%}.tc-mark.est{background:var(--card);border-color:var(--paper)}.tc-mark.on{background:var(--gold);border-color:var(--ink);width:24px;height:24px}.tc-mark-row{justify-content:space-between;align-items:center;gap:8px;font-weight:800;display:flex}.tc-progress{background:var(--card-high);border-radius:7px;height:14px;overflow:hidden}.tc-progress span{background:var(--gold);height:100%;display:block}.cr{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.cr-riffo{align-items:center;gap:14px;display:flex}.cr-line{color:var(--text);margin:0 0 6px;font-weight:800}.cr-center{text-align:center;justify-items:center;gap:10px;padding:28px 16px;display:grid}.cr-progress{gap:10px;width:min(360px,100%);display:grid}.cr-timer{font:900 48px var(--font-ui);font-variant-numeric:tabular-nums;margin:0}.cr-meter{background:var(--card-high);border-radius:5px;width:min(320px,100%);height:10px;overflow:hidden}.cr-meter span{background:var(--gold);transform-origin:0;height:100%;transition:transform 80ms linear;display:block}.cr-rec{color:var(--text);font:900 16px var(--font-ui);cursor:pointer;background:0 0;border:0;justify-items:center;gap:8px;margin-top:8px;display:grid}.cr-rec-core{background:var(--danger);border:4px solid var(--ink);width:84px;height:84px;box-shadow:0 4px 0 var(--ink);transition:border-radius var(--dur-tap) var(--ease-out);border-radius:50%}.cr-rec.on .cr-rec-core{border-radius:22px;animation:.9s ease-out infinite cr-pulse}.cr-rec:focus-visible .cr-rec-core{outline:3px solid var(--gold-light);outline-offset:4px}@keyframes cr-pulse{50%{transform:scale(.94)}}@media (prefers-reduced-motion:reduce){.cr-rec.on .cr-rec-core{animation:none}}@media (width<=899px){.tc-stage-wrap,.cr{grid-template-columns:minmax(0,1fr)}.tc-item{flex-wrap:wrap}.tc-item-main{flex-basis:100%}.tc-stage.f-portrait{height:min(64vh,640px)}}.tc-grid{position:relative}.tc-links{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.tc-link{fill:none;stroke:var(--gold-light);stroke-width:2.5px;stroke-linecap:round}.tc-link.preview{stroke-dasharray:5 5}.tc-link-label{fill:var(--text);font:900 12px var(--font-ui);text-anchor:middle}.tc-link-chip{background:var(--paper);border:2px solid var(--ink);z-index:2;border-radius:999px;gap:2px;padding:2px;display:flex;position:absolute;transform:translate(-50%,-100%)}.tc-link-chip button{min-width:32px;height:28px;color:var(--ink);font:900 13px var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:999px}.tc-link-chip button[aria-pressed=true]{background:var(--gold)}.tc-cell.pair{outline:3px dashed var(--gold);outline-offset:-2px;border-radius:10px}.tc-cell.play{background-color:var(--hair-3)}.tc-cell.has.play:before{background:var(--gold)}.tc-tool-wide{grid-column:1/-1}.tc-tools .tc-frets{scroll-behavior:auto;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.tc-fret{flex:none;min-width:44px;height:44px}.tc-fret.on{outline:3px solid var(--ink);outline-offset:-3px}.tc-techbar{flex-wrap:wrap;gap:6px;display:flex}.tc-tech{border:2px solid var(--ink);background:var(--paper);min-width:44px;height:44px;color:var(--ink);font:900 15px var(--font-ui);cursor:pointer;border-radius:12px;padding:0 10px}.tc-tech.on{background:var(--gold)}.tc-tech:disabled{opacity:.45;cursor:default}.tc-listen{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tc-ptab{width:max-content;display:grid}.tc-ptab .tc-cell{cursor:default;place-items:center;display:grid}.tc-pctl{background:var(--card);border-radius:18px;justify-items:center;gap:16px;padding:16px;display:grid}.tc-bpm,.tc-transport{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.tc-big{border:3px solid var(--ink);background:var(--paper);min-width:52px;min-height:52px;color:var(--ink);font:900 18px var(--font-ui);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.tc-big:disabled{opacity:.45}.tc-toggle.on{background:var(--gold)}.tc-bpm-val{text-align:center;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;min-width:120px;color:var(--text)}.tc-bpm-val b{font:400 44px var(--font-display)}.tc-bpm-val:focus-visible{outline:3px solid var(--gold-light);border-radius:12px}.tc-sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tc-home{padding-bottom:120px}.tc-empty,.coll-empty{text-align:center;color:var(--text);justify-items:center;gap:12px;padding:32px 16px;display:grid}.tc-menu{position:relative}.tc-more{border:2px solid var(--hair-2);background:var(--card);width:44px;height:44px;color:var(--text);font:900 20px var(--font-ui);cursor:pointer;border-radius:22px}.tc-menu-pop{z-index:5;background:var(--paper);border:2px solid var(--ink);border-radius:14px;min-width:170px;padding:6px;display:grid;position:absolute;top:48px;right:0}.tc-menu-pop a,.tc-menu-pop button{min-height:44px;color:var(--ink);font:800 15px var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;padding:0 12px;text-decoration:none;display:flex}.tc-menu-pop a:hover,.tc-menu-pop button:hover{background:var(--gold-light)}.tc-menu-pop .danger{color:var(--text-error)}.tc-actionbar{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:10;background:var(--section);border:2px solid var(--ink);border-radius:20px;flex-wrap:wrap;justify-content:center;gap:10px;max-width:calc(100vw - 32px);padding:10px;display:flex;position:fixed;transform:translate(-50%)}.tc-choices{gap:10px;display:grid}.tc-choice{border:3px solid var(--ink);background:var(--paper);min-height:72px;color:var(--ink);text-align:left;font:400 15px var(--font-ui);box-shadow:0 4px 0 var(--ink);cursor:pointer;border-radius:18px;align-items:center;gap:14px;padding:12px 16px;display:flex}.tc-choice b{font:900 18px var(--font-ui);display:block}.tc-choice:hover{background:var(--gold-light)}.tc-choice-icon{background:var(--gold);border:2px solid var(--ink);border-radius:24px;flex:none;place-items:center;width:48px;height:48px;display:grid}.tc-paste-box{gap:8px;display:grid}.cr-steps{flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.cr-steps li{background:var(--card);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-weight:800;display:flex}.cr-steps li span{border:2px solid;border-radius:12px;place-items:center;width:24px;height:24px;display:grid}.cr-steps li.on{background:var(--gold);color:var(--ink)}.cr-steps li.done{color:var(--text)}