.watchers-guide{--watcher-violet:#a78bfa;--watcher-cyan:#67e8f9;--watcher-blue:#60a5fa;width:min(100%,1120px);min-height:100vh;margin:0 auto;padding:2rem clamp(1rem,4vw,2.5rem) 5rem;color:var(--text-primary,#f8fafc)}.watchers-guide a{color:#c4b5fd;text-underline-offset:.2em}.watchers-guide a:focus-visible,.watchers-guide a:hover{color:#e9d5ff}.watchers-guide .guide-header{max-width:1000px;margin:2.5rem auto 2rem;padding:0;text-align:center}.watchers-guide .timing-badge{display:block;margin:0 0 .85rem;color:var(--watcher-cyan);font-size:.82rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.watchers-guide h1{margin:0;color:#ffffff;font-size:clamp(2.2rem,6vw,4.25rem);font-weight:900;letter-spacing:-.055em;line-height:1.02;text-wrap:balance;background:linear-gradient(118deg,#ffffff 5%,#ddd6fe 34%,#a78bfa 65%,#67e8f9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.watchers-guide .guide-subtitle{max-width:910px;margin:1.25rem auto 0;color:#cbd5e1;font-size:clamp(1.05rem,2.2vw,1.27rem);line-height:1.65;text-wrap:pretty}.watchers-guide .info-box{margin:1rem 0;padding:1rem;color:#e9d5ff;background:linear-gradient(135deg,rgba(76,29,149,.17),rgba(14,116,144,.1));border:1px solid rgba(167,139,250,.28);border-radius:12px;line-height:1.65}.watchers-guide .info-box.important{color:#cffafe;background:linear-gradient(135deg,rgba(14,116,144,.16),rgba(76,29,149,.12));border-color:rgba(103,232,249,.28)}.watchers-guide .guide-section{scroll-margin-top:6rem;margin:2rem 0;padding:clamp(1.1rem,3vw,1.7rem);background:linear-gradient(150deg,rgba(15,23,42,.9),rgba(46,16,101,.24));border:1px solid rgba(167,139,250,.2);border-radius:18px;box-shadow:0 18px 55px rgba(2,6,23,.18)}.watchers-guide .guide-section h2{margin:0 0 1rem;color:#ede9fe;font-size:clamp(1.45rem,3vw,2rem);line-height:1.18;text-wrap:balance}.watchers-guide .guide-section h3{color:#ffffff}.watchers-guide .call-grid p,.watchers-guide .channel-grid p,.watchers-guide .history-grid p,.watchers-guide .info-block p,.watchers-guide .job-grid p,.watchers-guide .tool-grid p,.watchers-guide .watcher-card>p,.watchers-guide details p{color:#cbd5e1;line-height:1.7}.watchers-guide .channel-grid p:last-child,.watchers-guide .history-grid p:last-child,.watchers-guide .info-block p:last-child,.watchers-guide .job-grid p:last-child,.watchers-guide .tool-grid p:last-child,.watchers-guide .watcher-card>p:last-child{margin-bottom:0}.watchers-guide .quick-answer{display:grid;grid-template-columns:minmax(12rem,.32fr) minmax(0,1fr);grid-gap:1rem;gap:1rem;align-items:center}.watchers-guide .watcher-equation,.watchers-guide .watcher-mark{display:grid;grid-gap:.4rem;gap:.4rem;padding:1.05rem;text-align:center;background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(8,145,178,.12));border:1px solid rgba(167,139,250,.38);border-radius:14px}.watchers-guide .watcher-equation span,.watchers-guide .watcher-mark span{color:#c4b5fd;font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.watchers-guide .watcher-equation strong,.watchers-guide .watcher-mark strong{color:#ffffff;font-size:clamp(1.15rem,2.5vw,1.5rem);line-height:1.3}.watchers-guide .watcher-equation small,.watchers-guide .watcher-mark small{color:#a5f3fc;font-size:.9rem}.watchers-guide .watcher-equation{margin-bottom:1rem}.watchers-guide .watcher-note{margin-top:1rem;padding:.85rem 1rem;background:rgba(8,145,178,.11);border-left:3px solid var(--watcher-cyan);border-radius:0 10px 10px 0}.watchers-guide .call-grid,.watchers-guide .channel-grid,.watchers-guide .history-grid,.watchers-guide .job-grid,.watchers-guide .tool-grid,.watchers-guide .watcher-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.9rem;gap:.9rem;margin:1rem 0}.watchers-guide .call-grid>div,.watchers-guide .channel-grid>div,.watchers-guide .history-grid>div,.watchers-guide .info-block,.watchers-guide .job-grid>div,.watchers-guide .tool-grid>div{min-width:0;padding:1rem;background:rgba(15,23,42,.72);border:1px solid rgba(167,139,250,.15);border-radius:13px}.watchers-guide .channel-grid h3,.watchers-guide .history-grid h3,.watchers-guide .info-block h3,.watchers-guide .job-grid h3{margin:0 0 .45rem;color:#c4b5fd;font-size:1rem}.watchers-guide .call-grid p,.watchers-guide .channel-grid p,.watchers-guide .history-grid p,.watchers-guide .info-block p,.watchers-guide .job-grid p,.watchers-guide .tool-grid p{margin:0}.watchers-guide .channel-grid>div{background:linear-gradient(145deg,rgba(76,29,149,.22),rgba(15,23,42,.75))}.watchers-guide .channel-grid span,.watchers-guide .tool-grid span,.watchers-guide .watcher-review span{display:block;margin-bottom:.35rem;color:#67e8f9;font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.watchers-guide .history-grid,.watchers-guide .job-grid,.watchers-guide .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.watchers-guide .job-grid>div{border-top:2px solid rgba(103,232,249,.48)}.watchers-guide .tool-grid>div{background:linear-gradient(145deg,rgba(8,145,178,.13),rgba(15,23,42,.76))}.watchers-guide .call-grid>p{grid-column:1/-1;margin:0;padding:.9rem 1rem;background:rgba(8,145,178,.09);border-left:3px solid var(--watcher-cyan);border-radius:0 10px 10px 0}.watchers-guide .call-grid strong{display:block;margin-bottom:.35rem;color:#a78bfa;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.watchers-guide .watcher-card>ol,.watchers-guide .watcher-card>ul{display:grid;grid-gap:.75rem;gap:.75rem;margin:0;padding:0;list-style:none;counter-reset:watcher-step}.watchers-guide .watcher-card>ol>li,.watchers-guide .watcher-card>ul>li{position:relative;min-width:0;padding:.85rem .9rem .85rem 3.35rem;color:#cbd5e1;background:rgba(2,6,23,.38);border:1px solid rgba(167,139,250,.13);border-radius:12px;line-height:1.6}.watchers-guide .watcher-card>ol>li{counter-increment:watcher-step}.watchers-guide .watcher-card>ol>li:before,.watchers-guide .watcher-card>ul>li:before{position:absolute;top:.78rem;left:.85rem;display:grid;width:1.72rem;height:1.72rem;place-items:center;color:#0f0823;background:linear-gradient(135deg,var(--watcher-violet),var(--watcher-cyan));border-radius:999px;font-size:.8rem;font-weight:900}.watchers-guide .watcher-card>ol>li:before{content:counter(watcher-step)}.watchers-guide .watcher-card>ul>li:before{content:"→"}.watchers-guide strong{color:#f8fafc}.watchers-guide details{margin:.75rem 0;overflow:hidden;background:rgba(2,6,23,.36);border:1px solid rgba(167,139,250,.18);border-radius:11px}.watchers-guide summary{padding:1rem;color:#ffffff;font-weight:750;cursor:pointer}.watchers-guide details p{margin:0;padding:0 1rem 1rem}.watchers-guide .watcher-review{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:1rem;gap:1rem;align-items:center;margin:2rem 0;padding:clamp(1.1rem,3vw,1.5rem);color:#ede9fe;background:linear-gradient(135deg,rgba(76,29,149,.3),rgba(14,116,144,.2));border:1px solid rgba(167,139,250,.4);border-radius:16px}.watchers-guide .watcher-review h2{margin:0 0 .45rem;color:#ffffff;font-size:clamp(1.25rem,2.5vw,1.65rem);line-height:1.25}.watchers-guide .watcher-review p{margin:0;color:#cffafe;line-height:1.65}.watchers-guide .watcher-review>a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:.72rem 1rem;color:#0f0823;background:linear-gradient(135deg,#a78bfa,#67e8f9);border-radius:10px;font-weight:850;text-align:center;text-decoration:none;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease}.watchers-guide .watcher-review>a:focus-visible,.watchers-guide .watcher-review>a:hover{color:#0f172a;transform:translateY(-1px);box-shadow:0 10px 30px rgba(103,232,249,.2)}@media (max-width:880px){.watchers-guide .history-grid,.watchers-guide .job-grid,.watchers-guide .tool-grid{grid-template-columns:1fr}}@media (max-width:760px){.watchers-guide .watcher-review{grid-template-columns:1fr}.watchers-guide .watcher-review>a{width:100%;white-space:normal}}@media (max-width:640px){.watchers-guide{padding:1rem .75rem 3.5rem}.watchers-guide .guide-header{margin-top:1.5rem}.watchers-guide .call-grid,.watchers-guide .channel-grid,.watchers-guide .quick-answer,.watchers-guide .watcher-grid{grid-template-columns:1fr}.watchers-guide .guide-section{padding:1rem;border-radius:14px}.watchers-guide .watcher-card>ol>li,.watchers-guide .watcher-card>ul>li{padding-left:3.1rem}}@media (prefers-reduced-motion:reduce){.watchers-guide .watcher-review>a:focus-visible,.watchers-guide .watcher-review>a:hover{transform:none}}