.tc{--accent:#f2a44e}.tc-count{font:600 12px/1 var(--font-sans);color:var(--faint)}.tc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:12px}.tc-card{cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px 14px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04);text-align:left;color:var(--ink);transition:transform .12s,border-color .15s,background .15s;position:relative}.tc-card:hover{transform:translateY(-3px);border-color:var(--accent);background:rgba(242,164,78,.08)}.tc-ico{font-size:34px;line-height:1}.tc-card h3{margin:0;font:800 15px/1.3 var(--font-sans);color:var(--ink)}.tc-sub{font:600 11.5px/1.5 var(--font-sans);color:var(--faint)}.tc-chip{display:inline-block;font:700 10.5px/1 var(--font-sans);color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:3px 8px;margin:2px 4px 0 0}.tc-song-mark{position:absolute;top:10px;right:12px;font-size:15px;opacity:.8}.tc-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(10,8,4,.72);backdrop-filter:blur(4px)}.tc-box{position:relative;width:min(640px,94vw);max-height:88vh;overflow-y:auto;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,rgba(56,42,26,.97),rgba(30,24,16,.98));padding:22px 22px 18px;box-shadow:0 22px 60px #0009}.tc-x{position:absolute;top:10px;right:12px;cursor:pointer;border:0;background:none;color:var(--faint);font-size:22px;line-height:1;padding:6px}.tc-x:hover{color:var(--ink)}.tc-head{display:flex;align-items:center;gap:14px;margin-bottom:8px}.tc-head .tc-ico{font-size:46px}.tc-head h2{margin:0;font:800 22px/1.2 var(--font-sans);color:var(--ink)}.tc-head .en{font:600 12px/1.4 var(--font-sans);color:var(--faint)}.tc-meta{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px}.tc-sec{margin:14px 0 0}.tc-sec h4{margin:0 0 6px;font:800 12px/1 var(--font-sans);color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.tc-sec p{margin:0;font:400 14px/1.75 var(--font-sans);color:var(--dim)}.tc-song{border:1px solid rgba(242,164,78,.35);border-radius:12px;background:rgba(242,164,78,.07);padding:12px 16px;margin-top:4px}.tc-line{display:block;font:600 14.5px/1.9 var(--font-sans);color:var(--dim);transition:color .15s,transform .15s;border-radius:6px;padding:0 6px}.tc-line.on{color:#ffd98a;background:rgba(242,164,78,.16);transform:translate(4px)}.tc-play{margin-top:10px}.tc-steps{margin:0;padding-left:20px}.tc-steps li{font:400 14px/1.75 var(--font-sans);color:var(--dim);margin-bottom:5px}.tc-steps li::marker{color:var(--accent);font-weight:800}.tc-fact{border-left:3px solid var(--accent);padding:6px 12px;background:rgba(242,164,78,.06);border-radius:0 8px 8px 0;margin-top:4px}.tcq-song{font:600 17px/2 var(--font-sans);color:#ffd98a;text-align:center;padding:14px;border:1px dashed rgba(242,164,78,.4);border-radius:12px;background:rgba(242,164,78,.06);white-space:pre-line;margin:10px 0 14px}.tcq-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.tcq-opt{cursor:pointer;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);color:var(--ink);font:700 14px/1.4 var(--font-sans);text-align:center;transition:border-color .15s,background .15s}.tcq-opt:hover{border-color:var(--accent)}.tcq-opt.ok{border-color:#5fd07a;background:rgba(95,208,122,.15)}.tcq-opt.no{border-color:#e0688a;background:rgba(224,104,138,.13)}.tcq-bar{display:flex;align-items:center;gap:10px;margin-top:14px}.tcq-score{font:700 13px/1 var(--font-mono);color:var(--accent)}