:root{--tg-card:var(--bg-card);--tg-bg:var(--bg-primary);--tg-text:var(--text-primary);--tg-muted:var(--text-secondary);--tg-accent:var(--accent-primary);--max-width:1360px}.tw-root{background:transparent;padding:18px 0;font-family:inherit}.tw-hero,.tw-root{color:var(--tg-text)}.tw-hero{background:var(--bg-card);padding:18px;border-radius:12px;margin-bottom:18px;box-shadow:var(--shadow-sm);border-left:4px solid var(--tg-accent)}.tw-hero-inner h1{margin:0;font-size:20px}.tw-hero-inner p{margin:8px 0 0;font-size:14px;opacity:.95;color:rgba(255,255,255,.92)}@media (min-width:980px){.tw-hero-inner h1{font-size:28px}.tw-hero-inner p{font-size:15px}}.tw-layout{display:flex;flex-direction:column;gap:14px;max-width:var(--max-width);margin:0 auto}.tw-sidebar{display:none}.tw-main{display:flex;flex-direction:column;gap:16px}.tw-player{background:var(--bg-card);border-radius:12px;padding:12px;box-shadow:var(--shadow-sm);color:var(--text-primary)}.tw-player-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.tw-player-title{margin:0;font-size:16px}.tw-player-actions .btn-primary{padding:8px 10px;border-radius:8px}.tw-embed{width:100%;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden}.tw-embed iframe{width:100%;height:100%;border:0}.tw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tw-card{background:transparent;border-radius:8px;overflow:visible;border:0;cursor:pointer;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease;padding:6px}.tw-card:hover{transform:translateY(-4px)}.btn-youtube{display:inline-flex;align-items:center;justify-content:center;width:44px;height:36px;border-radius:8px;border:none;background:transparent;cursor:pointer;padding:4px;color:var(--text-primary)}.btn-youtube svg{display:block}.btn-youtube:before{display:none!important}.btn-youtube:hover{transform:translateY(-2px);background:var(--glass-bg)}.btn-youtube:active{transform:translateY(0)}.btn-youtube:focus{outline:2px solid rgba(var(--accent-primary-rgb),.18);outline-offset:3px}.btn-copy{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;border:1px solid var(--glass-border);background:var(--bg-card);cursor:pointer;font-size:13px;color:var(--text-primary)}.btn-copy svg{opacity:.9}.btn-copy .copy-status{font-weight:600;font-size:13px;color:var(--text-primary)}.btn-copy:hover{background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.btn-copy:focus{outline:2px solid rgba(var(--accent-primary-rgb),.12);outline-offset:3px}.btn-copy:before{display:none!important}@media (max-width:540px){.btn-copy .copy-status{font-size:12px}}.tw-thumb{aspect-ratio:16/9;height:auto;background-size:cover;background-position:50%;position:relative;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .22s ease,filter .22s ease}.tw-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.32));opacity:0;transition:opacity .18s ease}.tw-thumb:hover{transform:scale(1.06);filter:brightness(.98)}.tw-thumb:hover:after{opacity:1}.tw-play{position:absolute;left:12px;top:12px;transform:none;width:36px;height:36px;border-radius:6px;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;color:white;font-weight:700}.tw-play svg{width:14px;height:14px}.tw-hover-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}.tw-card-body{padding:8px}.tw-card-title{font-weight:600;font-size:15px;line-height:1.18;margin:4px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2}.tw-card-sub{font-size:13px;color:var(--tg-muted);margin:0}.tw-card.active{background:linear-gradient(180deg,rgba(var(--accent-primary-rgb),.08),rgba(var(--accent-primary-rgb),.04));border-radius:10px;box-shadow:var(--shadow-sm)}.tw-card.active .tw-card-title{color:var(--text-primary);font-weight:700}.tw-card.active .tw-card-sub{color:var(--tg-muted)}.tw-hashtag{margin-top:8px;font-size:12px;color:var(--text-secondary);background:transparent;padding:4px 6px;border-radius:6px;border:1px solid transparent}@media (min-width:980px){.tw-layout{display:grid;grid-template-columns:300px 1fr;gap:24px}.tw-sidebar{display:block;position:sticky;top:calc(var(--header-height,72px) + 20px);height:calc(100vh - (var(--header-height,72px) + 40px));overflow:auto;padding:12px;border-radius:8px}.tw-sidebar-inner{background:var(--bg-card);padding:8px;border-radius:8px}.tw-sidebar{scrollbar-width:thin;scrollbar-color:rgba(var(--accent-primary-rgb),.18) transparent}.tw-sidebar::-webkit-scrollbar{width:8px}.tw-sidebar::-webkit-scrollbar-track{background:transparent}.tw-sidebar::-webkit-scrollbar-thumb{background:rgba(var(--accent-primary-rgb),.12);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.tw-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-primary-rgb),.18)}.tw-sidebar-list{display:flex;flex-direction:column;gap:8px;margin-top:8px;scrollbar-width:thin}.tw-sidebar-list::-webkit-scrollbar{width:6px}.tw-sidebar-list::-webkit-scrollbar-thumb{background:rgba(var(--accent-primary-rgb),.08);border-radius:999px}.tw-side-item{display:flex;align-items:center;gap:8px;background:transparent;border:none;padding:10px;text-align:left;border-radius:8px;cursor:pointer;color:var(--text-primary);font-family:inherit}.tw-side-item.active{background:linear-gradient(90deg,rgba(var(--accent-primary-rgb),.06),rgba(var(--accent-tertiary-rgb),.02));font-weight:700}.tw-side-play{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:rgba(var(--accent-primary-rgb),.1);color:var(--accent-primary);flex:0 0 28px}.tw-side-play svg{display:block;width:12px;height:12px}.tw-side-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-sidebar-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.tw-filter{background:transparent;border:1px solid var(--glass-border);padding:6px 8px;border-radius:8px;cursor:pointer;color:var(--text-primary);font-family:inherit}.tw-filter:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.tw-filter.active{background:var(--bg-secondary);box-shadow:var(--shadow-sm);font-weight:700;color:var(--text-primary)}[data-theme=dark] .tw-filter{border:1px solid rgba(255,255,255,.06);color:var(--text-primary)}[data-theme=dark] .tw-filter:hover{background:rgba(255,255,255,.02)}[data-theme=dark] .tw-filter.active{background:var(--bg-secondary);box-shadow:var(--shadow-md);color:var(--text-primary)}.tw-player{padding:18px}.tw-player-title{font-size:20px}.tw-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tw-thumb{min-height:160px}}@media (min-width:1400px){.tw-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tw-thumb{min-height:220px}}