.viewing-page{--viewing-a:#7264cc;--viewing-b:#1d9b9c;padding:44px 0 72px}.viewing-hero{grid-template-columns:minmax(0,1fr) 290px;align-items:center;gap:48px;margin-bottom:40px;display:grid}.viewing-eyebrow{color:var(--violet);letter-spacing:.14em;margin:0 0 18px;font-size:11px;font-weight:800}.viewing-hero h1{font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-size:clamp(32px,4.4vw,60px);line-height:1.04}.viewing-hero h1 span{max-width:650px;color:var(--muted);letter-spacing:-.035em;margin-top:18px;font-size:clamp(20px,2.3vw,30px);font-weight:500;line-height:1.25;display:block}.viewing-hero p:not(.viewing-eyebrow){max-width:680px;color:var(--subtle-ink);margin:20px 0;font-size:16px;line-height:1.7}.viewing-benefits{flex-wrap:wrap;gap:10px 18px;display:flex}.viewing-benefits span{color:var(--subtle-ink);align-items:center;gap:7px;font-size:12px;display:inline-flex}.viewing-benefits svg{color:var(--violet)}.viewing-hero-art{isolation:isolate;color:#e8fc61;background:radial-gradient(at 82% 20%,#344b77,#0000 60%),linear-gradient(135deg,#181932,#302349);border-radius:28px;place-content:center;height:235px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 36px #15204012}.viewing-hero-art:before{content:"";opacity:.12;z-index:-1;background-image:linear-gradient(#fff 1px,#0000 1px),linear-gradient(90deg,#fff 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;transform:perspective(500px)rotateX(25deg)scale(1.4)}.viewing-hero-art i{z-index:-1;border:1px solid #a896ec44;border-radius:50%;width:220px;height:220px;position:absolute;top:-38px;right:-15px;transform:rotate(-35deg)scaleY(.6)}.viewing-hero-art i:nth-child(2){width:290px;height:290px;top:-75px;right:-50px}.viewing-hero-art i:nth-child(3){width:360px;height:360px;top:-110px;right:-85px}.viewing-hero-art>svg{filter:drop-shadow(0 0 16px #d1ed6440);transition:transform .3s}.viewing-hero-art:hover>svg{transform:translateY(-5px)rotate(-4deg)}.viewing-hero-art>span{font:11px var(--font-display);letter-spacing:.25em;color:#c5b9e9;margin:20px auto 0}.viewing-hero-art-alt{color:#a9eee1;background:radial-gradient(at 82% 20%,#296769,#0000 60%),linear-gradient(135deg,#182932,#213745)}.viewing-workspace{border:1px solid var(--line);background:var(--paper);border-radius:22px;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);display:grid;overflow:hidden}.viewing-form{flex-direction:column;gap:18px;min-width:0;padding:28px;display:flex}.viewing-section-title{color:var(--violet);align-items:center;gap:9px;display:flex}.viewing-section-title h2{font:600 20px var(--font-display);color:var(--ink);letter-spacing:-.025em;margin:0}.viewing-form label{color:var(--subtle-ink);flex-direction:column;gap:8px;min-width:0;font-size:12px;font-weight:600;display:flex}.viewing-form :is(input:not([type=checkbox]),select,textarea){border:1px solid var(--line);background:var(--control);width:100%;min-width:0;max-width:100%;color:var(--ink);font:14px var(--font-body);border-radius:10px;padding:11px 12px;line-height:1.3;transition:border-color .2s,box-shadow .2s}.viewing-form :is(input,select,textarea):focus{border-color:var(--violet)}.viewing-form-pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.viewing-help{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.viewing-exact{border:1px solid var(--line);border-radius:10px;padding:11px 12px}.viewing-exact summary{cursor:pointer;font-size:12px;font-weight:600}.viewing-exact[open] summary{margin-bottom:14px}.viewing-exact p{color:var(--muted);margin-bottom:0;font-size:12px;line-height:1.6}.viewing-exact textarea{resize:vertical}.viewing-weekdays{border:0;min-width:0;margin:0;padding:0}.viewing-weekdays legend{color:var(--subtle-ink);margin-bottom:10px;font-size:12px;font-weight:600}.viewing-weekdays>div{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.viewing-weekdays label,.viewing-episode-checks label{cursor:pointer;position:relative}.viewing-weekdays input,.viewing-episode-checks input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.viewing-weekdays label span{text-align:center;border:1px solid var(--line);border-radius:8px;padding:11px 2px;font-size:11px;transition:background .2s,border-color .2s}.viewing-weekdays input:checked+span{background:var(--violet-bg);border-color:var(--violet);color:var(--violet)}.viewing-weekdays input:focus-visible+span,.viewing-episode-checks input:focus-visible+span{outline:3px solid var(--violet);outline-offset:3px}.viewing-primary{background:var(--accent);color:var(--on-accent);border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:14px 20px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.viewing-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8c9b3c20}.viewing-results{background:var(--soft-surface-alt);border-left:1px solid var(--line);min-width:0;padding:30px}.viewing-results>h2{font:600 28px var(--font-display);letter-spacing:-.04em;overflow-wrap:anywhere;margin:0 0 23px}.viewing-results>p:not(.viewing-eyebrow):not(.viewing-help):not(.viewing-error){color:var(--subtle-ink);font-size:14px;line-height:1.8}.viewing-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:480px;display:flex}.viewing-empty h2{font:600 28px var(--font-display);letter-spacing:-.04em;max-width:290px;margin:26px 0 12px}.viewing-empty p{max-width:320px;color:var(--muted);font-size:14px;line-height:1.8}.viewing-orbit{border:1px solid var(--line);width:130px;height:130px;color:var(--violet);background:radial-gradient(circle, var(--violet-bg), transparent 70%);outline:1px solid var(--line);outline-offset:17px;border-radius:50%;place-items:center;display:grid}.viewing-metrics{grid-template-columns:1.3fr 1fr 1fr;gap:8px;margin-bottom:22px;display:grid}.viewing-metrics div{flex-direction:column;gap:7px;display:flex}.viewing-metrics strong{font:600 23px var(--font-display);letter-spacing:-.05em}.viewing-metrics span{color:var(--muted);font-size:10px}.viewing-verdict{background:var(--paper);border-left:3px solid var(--violet);border-radius:0 10px 10px 0;margin-bottom:23px;padding:17px 18px}.viewing-verdict>strong{margin-bottom:8px;font-size:14px;display:block}.viewing-verdict p{color:var(--subtle-ink);margin:0;font-size:12px;line-height:1.75}.viewing-verdict h3{font:600 22px var(--font-display);letter-spacing:-.035em;margin:15px 0}.viewing-verdict>svg{color:var(--violet);margin-bottom:12px}.viewing-tight{border-color:var(--warning)}.viewing-results progress{width:100%;height:5px;accent-color:var(--violet);border:0;border-radius:10px;margin-bottom:20px;overflow:hidden}.viewing-results progress::-webkit-progress-bar{background:var(--line)}.viewing-results progress::-webkit-progress-value{background:var(--violet)}.viewing-session-list{scrollbar-width:thin;max-height:650px;margin:0 0 20px;padding:0;list-style:none;overflow-y:auto}.viewing-session-list li{border-bottom:1px solid var(--line);padding:14px 0}.viewing-session-day{align-items:center;gap:12px;display:flex}.viewing-session-day>span{color:var(--violet);font:500 22px var(--font-display);opacity:.6}.viewing-session-day>div{flex-direction:column;gap:4px;display:flex}.viewing-session-day strong{font-size:13px}.viewing-session-day small{color:var(--muted);font-size:10px}.viewing-episode-checks{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.viewing-episode-checks span{background:var(--paper);border:1px solid var(--line);border-radius:7px;align-items:center;gap:4px;padding:6px 8px;font-size:11px;display:flex}.viewing-episode-checks svg{opacity:.2}.viewing-episode-checks input:checked+span{color:var(--violet);border-color:var(--violet);background:var(--violet-bg)}.viewing-episode-checks input:checked+span svg{opacity:1}.viewing-actions{flex-wrap:wrap;gap:9px;margin-bottom:14px;display:flex}.viewing-actions button{border:1px solid var(--line);background:var(--paper);border-radius:8px;align-items:center;gap:7px;padding:10px 12px;font-size:11px;font-weight:600;transition:border-color .2s;display:flex}.viewing-actions button:hover{border-color:var(--violet)}.viewing-error{border:1px solid var(--warning);color:var(--warning);border-radius:8px;margin:0;padding:12px;font-size:12px;line-height:1.7}.viewing-editorial{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:60px;margin:64px 0;display:grid}.viewing-editorial h2{font:600 32px var(--font-display);letter-spacing:-.045em;margin:0 0 20px}.viewing-editorial p{color:var(--subtle-ink);font-size:14px;line-height:1.85}.viewing-editorial-cards article{border-bottom:1px solid var(--line);margin-bottom:22px;padding:0 0 22px 35px;position:relative}.viewing-editorial-cards article:last-child{margin-bottom:0}.viewing-editorial-cards article>span{color:var(--violet);font-size:11px;font-weight:700;position:absolute;top:4px;left:0}.viewing-editorial-cards h3{font:600 18px var(--font-display);letter-spacing:-.02em;margin:0 0 8px}.viewing-editorial-cards p{margin-bottom:0;font-size:13px}.viewing-faq{max-width:900px;margin:0 auto 45px}.viewing-faq>h2{font:600 25px var(--font-display);letter-spacing:-.04em;margin:0 0 18px}.viewing-faq details{border-top:1px solid var(--line);padding:19px 0}.viewing-faq details:last-child{border-bottom:1px solid var(--line)}.viewing-faq summary{cursor:pointer;font-size:14px;font-weight:600}.viewing-faq p{color:var(--subtle-ink);font-size:14px;line-height:1.85}.viewing-faq a{color:var(--violet);text-decoration:underline}.viewing-related{flex-wrap:wrap;gap:10px;display:flex}.viewing-related a{border:1px solid var(--line);background:var(--paper);border-radius:12px;flex:230px;align-items:center;gap:14px;padding:20px;font-size:13px;font-weight:600;transition:transform .2s,border-color .2s;display:flex}.viewing-related a svg{color:var(--violet);flex-shrink:0;margin-left:auto}.viewing-related a:hover{border-color:var(--violet);transform:translateY(-3px)}.episode-map{flex-direction:column;gap:8px;margin:22px 0;display:flex}.episode-map>span{border:1px solid var(--line);background:var(--paper);border-radius:9px;align-items:center;gap:12px;padding:14px;font-size:13px;display:flex}.episode-map small{color:var(--violet);font-weight:700}.episode-map svg{color:var(--muted);margin-left:auto}@media (max-width:1000px){.viewing-hero{grid-template-columns:minmax(0,1fr) 210px;gap:30px}.viewing-hero-art{height:210px}.viewing-form,.viewing-results{padding:22px}.viewing-editorial{gap:35px}}@media (max-width:760px){.viewing-page{padding-top:28px}.viewing-hero{grid-template-columns:1fr;gap:20px}.viewing-hero-art{display:none}.viewing-workspace{grid-template-columns:1fr}.viewing-results{border-left:0;border-top:1px solid var(--line)}.viewing-empty{min-height:310px}.viewing-editorial{grid-template-columns:1fr;gap:28px;margin:40px 0}.viewing-editorial h2{font-size:28px}.viewing-hero h1{font-size:42px}.viewing-hero h1 span{font-size:23px}}@media (max-width:400px){.viewing-form,.viewing-results{padding:18px}.viewing-form-pair{gap:10px}.viewing-weekdays>div{gap:3px}.viewing-weekdays label span{font-size:10px}.viewing-metrics strong{font-size:21px}.viewing-metrics{grid-template-columns:1.3fr 1fr 1fr}}@media (prefers-reduced-motion:reduce){.viewing-page *,.viewing-page :before{transition:none!important;animation:none!important}.viewing-hero-art:hover>svg,.viewing-primary:hover,.viewing-related a:hover{transform:none}}.viewing-preset{border:1px solid var(--line,#626b8340);background:linear-gradient(135deg,#7970ff0d,#00baac0d);border-radius:16px;gap:.8rem;min-width:0;padding:1rem;display:grid}.viewing-preset legend{padding:0 .4rem;font-weight:700}.viewing-preset select{background:var(--surface,Canvas);width:100%;min-width:0;color:inherit;border:1px solid #8b91a655;border-radius:8px;padding:.7rem}.viewing-preset button{color:#fff;cursor:pointer;background:#5149c7;border:0;border-radius:9px;padding:.8rem;font-weight:700}.viewing-preset p{margin:0;font-size:.85rem;line-height:1.5}