.guide-page{min-height:100vh;background:var(--dragon-bg);padding:0 0 4rem}.guide-topbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.75rem 2.5rem 1.5rem;border-bottom:1px solid var(--dragon-border)}.guide-topbar-left{display:flex;align-items:center;gap:1.25rem}.guide-back{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--dragon-border);border-radius:10px;background:hsla(0,0%,100%,.045);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);font-size:1.25rem;text-decoration:none;transition:border-color .3s ease,background .3s ease,transform .3s ease}.guide-back:hover{border-color:var(--accent);background:rgba(123,104,238,.09);transform:translateX(-2px);color:var(--text-primary)}.guide-title{margin:0;font-family:var(--font-header);font-size:1.5rem;letter-spacing:3px;color:var(--text-primary)}.guide-sub{margin:.2rem 0 0;font-family:var(--font-body);font-size:.95rem;color:var(--text-dim)}.guide-clock{font-family:var(--font-mono,var(--font-body));font-size:.9rem;letter-spacing:1px;color:var(--text-secondary);min-height:1.2em;min-width:14ch;text-align:right}.guide-preview{display:grid;grid-template-columns:340px minmax(0,1fr);grid-gap:2rem;gap:2rem;align-items:center;margin:2rem 2.5rem;padding:1.75rem;border:1px solid var(--dragon-border);border-radius:16px;background:hsla(0,0%,100%,.045);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.guide-preview-still{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:hsla(0,0%,100%,.03)}.guide-preview-weave{position:absolute;inset:0}.guide-preview-live,.guide-prog-live{position:absolute;padding:.25rem .6rem;border-radius:3px;background:#e5484d;color:#fff;font-family:var(--font-mono,var(--font-body));font-size:.65rem;letter-spacing:1.5px;text-transform:uppercase}.guide-preview-live{top:.75rem;left:.75rem}.guide-preview-channel{font-family:var(--font-mono,var(--font-body));font-size:.78rem;letter-spacing:2px;text-transform:uppercase;color:var(--accent)}.guide-preview-title{margin:.6rem 0 .5rem;font-family:var(--font-header);font-size:1.9rem;letter-spacing:2px;color:var(--text-primary)}.guide-preview-meta{margin:0 0 .9rem;font-family:var(--font-body);font-size:1rem;color:var(--text-secondary)}.guide-preview-desc{margin:0 0 1.5rem;max-width:46rem;font-family:var(--font-body);font-size:1.02rem;line-height:1.6;color:var(--text-dim)}.guide-preview-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.guide-btn,.guide-watch{padding:.7rem 1.6rem;border:1px solid var(--dragon-border);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.045);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);font-family:var(--font-header);font-size:.85rem;letter-spacing:2px;cursor:pointer;transition:border-color .3s ease,background .3s ease,transform .3s ease}.guide-btn:hover:not(:disabled),.guide-watch:hover:not(:disabled){border-color:var(--accent);background:rgba(123,104,238,.09);transform:translateY(-2px)}.guide-btn:disabled,.guide-watch:disabled{opacity:.4;cursor:not-allowed}.guide-preview-note{font-family:var(--font-body);font-size:.9rem;color:var(--text-dim)}.guide-controls{display:flex;align-items:center;gap:.75rem;margin:0 2.5rem 1rem}.guide-btn-now{border-color:rgba(123,104,238,.4)}.guide-hint{margin-left:auto;font-family:var(--font-body);font-size:.88rem;color:var(--text-dim)}.guide-scroller{position:relative;margin:0 2.5rem;border:1px solid var(--dragon-border);border-radius:14px;overflow:auto;max-height:68vh;background:hsla(0,0%,100%,.02)}.guide-grid{--slot-w:148px;--rail-w:210px;--row-h:62px;position:relative;display:grid;grid-template-columns:var(--rail-w) repeat(var(--slots),var(--slot-w));grid-auto-rows:var(--row-h);width:max-content}.guide-corner{left:0;z-index:4;padding:0 1rem;border-right:1px solid var(--dragon-border);font-size:.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim)}.guide-corner,.guide-time{position:-webkit-sticky;position:sticky;top:0;display:flex;align-items:center;background:#08080f;border-bottom:1px solid var(--dragon-border);font-family:var(--font-mono,var(--font-body))}.guide-time{z-index:3;padding:0 .85rem;border-left:1px solid hsla(0,0%,100%,.05);font-size:.78rem;letter-spacing:1px;color:var(--text-secondary);white-space:nowrap}.guide-channel{position:-webkit-sticky;position:sticky;left:0;z-index:2;display:flex;align-items:center;gap:.7rem;padding:0 1rem;background:#08080f;border-right:1px solid var(--dragon-border);border-bottom:1px solid hsla(0,0%,100%,.04)}.guide-channel-num{font-family:var(--font-mono,var(--font-body));font-size:.78rem;color:var(--accent)}.guide-channel-name{font-family:var(--font-body);font-size:.95rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-prog{position:relative;display:flex;flex-direction:column;justify-content:center;gap:.15rem;margin:3px;padding:0 .85rem;border:1px solid var(--dragon-border);border-radius:8px;background:hsla(0,0%,100%,.04);text-align:left;cursor:pointer;overflow:hidden;transition:border-color .2s ease,background .2s ease}.guide-prog:hover{border-color:var(--accent);background:rgba(123,104,238,.1)}.guide-prog.is-selected{border-color:var(--accent);background:rgba(123,104,238,.18);box-shadow:inset 0 0 0 1px rgba(123,104,238,.35)}.guide-prog-title{font-family:var(--font-body);font-size:.92rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-prog-time{font-family:var(--font-mono,var(--font-body));font-size:.72rem;color:var(--text-dim);white-space:nowrap}.guide-prog-live{top:5px;right:5px;font-size:.58rem;padding:.15rem .4rem}.guide-nowline{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(229,72,77,0),#e5484d 6%,#e5484d);z-index:3;pointer-events:none}@media (max-width:991px){.guide-controls,.guide-preview,.guide-scroller,.guide-topbar{margin-left:1rem;margin-right:1rem}.guide-topbar{padding:1.25rem 1rem;margin:0}.guide-preview{grid-template-columns:1fr}.guide-hint{display:none}.guide-grid{--rail-w:150px;--slot-w:128px}}