:root{--bg-paper: #EAE9E6;--text-primary: #000000;--text-secondary: #333333;--border-color: #111111;--accent-purple: #9D61FF;--accent-purple-dark: #7B4FCC;--accent-purple-light: #C4A1FF;--grid-line: 1px solid var(--text-primary);--sidebar-width: 140px;--input-bg: #FFFFFF;--row-hover: #F2F1EF}.dark{--bg-paper: #0A0A0A;--text-primary: #FFFFFF;--text-secondary: #AAAAAA;--border-color: #333333;--grid-line: 1px solid #333333;--input-bg: #1A1A1A;--row-hover: #1A1A1A}html{color-scheme:light}html.dark{color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{background-color:var(--bg-paper);font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--text-primary);min-height:100vh}.poster-container{background-color:var(--bg-paper);width:100%;max-width:1200px;margin:0 auto;display:flex;position:relative;min-height:100vh;border-left:var(--grid-line);border-right:var(--grid-line)}.sidebar{width:var(--sidebar-width);border-left:var(--grid-line);display:flex;flex-direction:column;align-items:center;position:relative;background:var(--bg-paper);z-index:10}.sidebar-top,.sidebar-bottom{flex:1;display:flex;align-items:center;justify-content:center}.vertical-text-group{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:82px;font-weight:500;line-height:.85;letter-spacing:-2px;text-transform:uppercase;white-space:nowrap}.meta-block{display:flex;flex-direction:row;gap:6px}.meta-text{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.content-stream{flex:1;display:flex;flex-direction:column;position:relative;min-height:max(100vh,1600px)}.hero-section{padding:50px 40px;border-bottom:var(--grid-line)}.hero-title{font-size:52px;text-transform:uppercase;line-height:1;margin-bottom:24px;font-weight:700;letter-spacing:-1px}.hero-desc{font-size:14px;line-height:1.6;max-width:400px;margin-bottom:30px;color:var(--text-secondary);font-weight:500}.subscribe-form{display:flex;border:var(--grid-line);width:-moz-fit-content;width:fit-content}.subscribe-input{background:var(--input-bg);border:none;padding:15px 20px;font-family:inherit;font-size:12px;width:250px;outline:none;color:var(--text-primary);letter-spacing:.5px}.subscribe-input::-moz-placeholder{color:var(--text-secondary)}.subscribe-input::placeholder{color:var(--text-secondary)}.subscribe-btn{background:var(--text-primary);color:var(--bg-paper);border:none;padding:15px 30px;font-family:inherit;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:background .2s}.subscribe-btn:hover{background:#b794f4;color:#000}.dark .subscribe-btn:hover{color:var(--bg-paper)}.episode-row{display:flex;position:relative;border-bottom:var(--grid-line);min-height:180px;background:var(--bg-paper);text-decoration:none;color:inherit;transition:background .2s}.episode-row:hover{background:var(--row-hover)}.color-strip{width:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-right:var(--grid-line)}.color-strip span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:inherit}.color-strip{color:#1a1a1a}.strip-purple-1{background-color:#e9dfff}.strip-purple-2{background-color:#b794f4}.strip-purple-3{background-color:#d6bcfa}.strip-purple-4{background-color:#9f7aea}.strip-purple-5{background-color:#c4b5fd}.episode-image{width:180px;flex-shrink:0;border-left:var(--grid-line);overflow:hidden;display:flex}.episode-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.episode-row.featured{min-height:200px}.episode-content{padding:25px 30px;display:flex;flex-direction:column;justify-content:center;flex:1}.ep-title{font-size:28px;text-transform:uppercase;font-weight:500;margin-bottom:12px;line-height:1.1;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:transparent;transition:text-decoration-color .3s}.episode-row:hover .ep-title{text-decoration-color:var(--text-primary)}.ep-meta{font-size:28px;font-weight:400;margin-bottom:12px;display:flex;gap:10px;align-items:baseline}.ep-meta small{font-size:14px;font-weight:700;text-transform:uppercase;color:var(--text-secondary)}.ep-desc{font-size:13px;line-height:1.5;max-width:500px;font-weight:500;color:var(--text-secondary)}.play-indicator{position:absolute;right:30px;top:50%;transform:translateY(-50%);width:60px;height:60px;border:1px solid var(--text-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.play-indicator:before{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid var(--text-primary);margin-left:4px}.episode-row:hover .play-indicator{opacity:1}.footer-row{padding:40px;display:flex;justify-content:space-between;align-items:flex-start;margin-top:auto;border-top:var(--grid-line)}.brand-block h3{font-size:14px;text-transform:uppercase;margin-bottom:10px;font-weight:700;line-height:1.4}.brand-block p{font-size:11px;line-height:1.5;color:var(--text-secondary)}.footer-link{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--text-primary)}.theme-toggle-container{position:absolute;top:20px;right:20px;z-index:100}.theme-toggle{background:transparent;border:var(--grid-line);padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:background .2s}.theme-toggle:hover{background:var(--text-primary);color:var(--bg-paper)}.sun-icon{display:none}.moon-icon,.dark .sun-icon{display:block}.dark .moon-icon{display:none}@media(max-width:1024px){.sidebar{display:none}.poster-container{border-left:none;border-right:none}}@media(max-width:768px){.hero-title{font-size:36px}.hero-section{padding:30px 20px}.subscribe-form{flex-direction:column;width:100%}.subscribe-input{width:100%;border-bottom:var(--grid-line)}.episode-content{padding:20px}.ep-title,.ep-meta{font-size:22px}.play-indicator{display:none}.footer-row{flex-direction:column;gap:30px;padding:30px 20px}.footer-row .brand-block{text-align:left!important}}