/* Keep SketchTV's existing dark Material palette, sizing, and colorful navigation. */
:root{color-scheme:dark;font-family:Roboto,Helvetica,Arial,sans-serif;color:#fff;background:#121212;font-size:16px;font-weight:400;line-height:1.5;--link:#90caf9;--paper:#1f1f1f}
*{box-sizing:border-box}body{margin:0}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:var(--link);background:transparent;border:1px solid #90caf980;border-radius:4px;padding:6px 14px}button:hover,.button:hover{background:#90caf912}button:disabled{opacity:.5}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1{font-size:34px;line-height:1.24;font-weight:400;margin-bottom:4px}h2{font-size:20px;line-height:32px;margin:0;font-weight:700}h3{font-size:16px;font-weight:400}p{margin-bottom:16px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #90caf9;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip-link{position:fixed;top:-60px;left:12px;z-index:100;background:#121212;padding:8px}.skip-link:focus{top:8px}
.app-bar{position:sticky;top:0;z-index:20;background:#272727;box-shadow:0 2px 4px #0005;border-bottom:1px solid #ffffff1f}.toolbar{min-height:55px;display:flex;align-items:center;padding-right:8px}.logo{flex-shrink:0}.logo img{margin-top:4px}.desktop-nav{display:flex;flex:1}.desktop-nav a,.mobile-nav a{font-family:'Comic Sans MS','Comic Neue','Chalkboard','Segoe Print','Kristen ITC',sans-serif;font-weight:700;font-size:16px;text-transform:uppercase;padding:6px 8px}.nav-categories{color:#fed73e}.nav-characters{color:#ff7341}.nav-people{color:#ff3584}.nav-shows{color:#47ff66}.nav-sketches{color:#2abfff}.nav-years{color:#b44aff}.section-categories{border-color:#fed73e}.section-characters{border-color:#ff7341}.section-people{border-color:#ff3584}.section-shows{border-color:#47ff66}.section-sketches{border-color:#2abfff}.section-years{border-color:#b44aff}.search-link{padding:8px;color:inherit;margin-left:auto;border-radius:50%;display:flex}.icon{width:24px;height:24px;flex-shrink:0}.mobile-nav{display:none}.container{max-width:900px;margin:8px auto 0;padding:0 24px;min-height:60vh}.page-title{margin:24px 0 16px}.page-title>div{line-height:28px}.home-title{font-size:16px;line-height:28px;text-align:center;padding:4px;margin:16px 0 8px}.home-title span{color:#e04b67}.home-title b{font-weight:400;color:#44ae79}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #ffffff3b;border-radius:20px;min-height:32px;padding:4px 12px;display:inline-flex;align-items:center;color:inherit;font-size:13px;line-height:22px}.chip:hover{background:#ffffff12;text-decoration:none}.featured{justify-content:center;margin:12px 0 20px}.featured-0{color:#e3f2fd;border-color:currentColor}.featured-1,.featured-3{color:#ff5252;border-color:currentColor}.featured-2,.featured-6{color:#ffd54f;border-color:currentColor}.featured-4{color:#64b5f6;border-color:currentColor}.featured-5{color:#81c784;border-color:currentColor}
.panel{background:var(--paper);border-radius:4px;margin:16px 0;box-shadow:0 2px 1px -1px #0003}.panel>summary{display:flex;gap:8px;align-items:center;padding:16px;min-height:64px;list-style:none}.panel>summary::-webkit-details-marker,.mobile-nav>summary::-webkit-details-marker{display:none}.chevron{margin-left:auto;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-right:8px}.panel[open]>summary .chevron{transform:rotate(225deg)}.panel-body{padding:8px 16px 16px}.sketch-grid{display:flex;flex-wrap:wrap;gap:12px;margin:0}.sketch-card{width:265px;max-width:100%;min-width:0}.thumbnail{position:relative;width:265px;max-width:100%}.thumbnail img{width:265px;height:auto;aspect-ratio:265/151;object-position:50% 0;border-radius:8px}.play-overlay{position:absolute;right:2px;bottom:2px;width:35px;height:35px}.play-overlay svg{width:100%;height:100%}.rating-badge{position:absolute;left:2px;top:2px;background:#0008;border-radius:8px;padding:2px 4px;font-size:13px}.card-caption{padding:6px 0 12px}.card-caption h3{line-height:24px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-caption p{font-size:12px;line-height:18px;margin:0}.sketch-card a{color:white}.birthday{color:inherit;display:flex;gap:16px;align-items:center;padding:12px 16px}.birthday:hover{background:#ffffff09;text-decoration:none}.birthday>span:first-child{min-width:120px}.birthday-images{display:flex;justify-content:center;flex:1;gap:8px}.birthday-images img{border-radius:50%;width:56px;height:56px}.birthday-date{font-size:14px;color:#ffffffb3;min-width:140px;text-align:right}.about-note{margin:32px 0;text-align:center}.footer{display:flex;flex-direction:column;align-items:center;padding:24px 16px 32px;gap:12px}.footer nav{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.footer a{color:#ddd;font-size:14px}.footer small{color:#ffffffb3;font-size:12px}
.video-hero{margin-bottom:16px}.hero-image{position:relative;display:block;width:350px;max-width:100%}.hero-image img{border-radius:8px;width:350px;height:auto;aspect-ratio:350/196}.watch-buttons{display:flex;flex-wrap:wrap;gap:0;margin-top:16px}.button{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid #90caf980;border-radius:3px;font-size:13px;text-transform:uppercase;line-height:22px;color:var(--link)}.button:hover{text-decoration:none}.button.filled{background:#90caf9;color:#102027}.teaser{font-style:italic;padding:16px;margin:16px 0;white-space:pre-line}.detail-tags{margin:16px 0}.site-rating{padding:12px 24px;background:var(--paper);margin:16px 0}.site-rating span{color:#ffdf00;font-size:22px}.cast-grid{display:flex;gap:12px;flex-wrap:wrap}.cast-card{position:relative;width:150px;align-self:flex-start}.cast-card img{border-radius:8px;object-position:50% 0;width:150px;height:150px}.cast-caption{background:#0009;position:absolute;bottom:0;left:0;right:0;padding:10px 12px;border-radius:0 0 8px 8px}.cast-caption h3{font-size:16px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.cast-caption p{font-size:12px;line-height:16px;margin:0}.cast-caption a{color:inherit}.profile-badge{position:absolute;top:6px;left:6px;padding:2px 6px;font-size:11px;background:#000c;border-radius:4px}.person-photos{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.person-photos img{border-radius:8px}.prose{white-space:pre-line;overflow-wrap:anywhere}.prose p:last-child{margin-bottom:0}blockquote{margin:0 0 8px;padding:8px;background:#292929;white-space:pre-line;font-size:14px;border-radius:4px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;border-bottom:1px solid #ffffff1f;padding:6px 16px}th{font-weight:500}td img{max-width:none}.content-list{columns:2;list-style:none;padding:0;margin:0}.content-list li{padding:6px 0;break-inside:avoid}
.directory-tools{display:flex;align-items:center;gap:16px;padding:8px 0}.directory-search{display:flex;border:1px solid #ffffff3b;border-radius:4px;align-items:center;padding:8px 12px;gap:8px;width:250px;max-width:100%}.directory-search input{width:100%;min-width:0;border:0;outline:0;background:none;color:inherit}.directory td{height:52px;padding:6px 10px}.directory th{height:56px;padding:6px 10px}.directory th button{border:0;padding:0;color:inherit;text-align:left}.directory th span{color:#aaa}.directory tbody tr:hover{background:#ffffff0a}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:16px}.pagination button{min-width:32px;height:32px;padding:0 6px;border:0;color:inherit;border-radius:50%;font-size:14px}.pagination [aria-current]{background:#ffffff29}.directory th:first-child{width:50%}
.search-hero{max-width:672px;margin:48px auto 0;text-align:center}.search-hero>a>img{margin:auto;object-fit:contain}.search-hero h1{font-size:24px;font-weight:600;margin:20px 0 24px}.search-box{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 18px;border:1px solid #52525b;border-radius:32px;background:#18181b}.search-box input{background:transparent;border:0;color:inherit;outline:none;width:100%;min-width:0;font-size:16px}.search-box button{background:#2563eb;border:0;color:white;border-radius:24px;padding:8px 24px}.search-box .icon{color:#aaa}.filter-row{display:flex;justify-content:center;align-items:center;gap:8px;margin:14px 0;color:#aaa;font-size:13px}.filter-row select{background:#18181b;border:1px solid #52525b;border-radius:6px;padding:4px;max-width:250px}.search-suggestions{margin:20px auto;max-width:672px;text-align:center}.search-suggestions h2{font-family:'Comic Sans MS',sans-serif;font-size:18px;margin-bottom:8px}.search-suggestions .chips{justify-content:center}.tags{color:#fed73e}.shows{color:#47ff66}.performers{color:#ff3584}.search-suggestions .chip{border-color:currentColor}.results-section{margin:32px auto;max-width:800px}.results-section>h2{font-size:24px;font-weight:500}.results-section #status{color:#aaa;font-size:14px}.result{display:flex;gap:20px;background:#18181b;border:1px solid #3f3f46;border-radius:8px;margin:16px 0;overflow:hidden;padding:16px}.result-image{width:210px;flex-shrink:0;align-self:flex-start}.result-image img{width:210px;height:auto;aspect-ratio:16/9;border-radius:4px}.result h3{font-size:20px;font-weight:600;margin:0 0 4px}.result h3 a{color:inherit}.result p{font-size:14px;color:#aaa;margin:0}.result .eyebrow{margin-bottom:6px;color:#90caf9;font-size:13px}.muted{color:#aaa}.benchmark{max-width:1100px;margin:24px auto;padding:0 24px}.metrics{display:flex;gap:32px}.metrics strong,.metrics span{display:block}.note{color:#aaa;font-size:14px}
#video-dialog{background:#080808;border:1px solid #333;border-radius:5px;color:white;width:min(95vw,850px);max-height:90vh;padding:40px 20px 20px;overflow:auto}#video-dialog::backdrop{background:#000d}.close-video{position:absolute;top:0;right:4px;border:0;color:white;font-size:28px;padding:0 10px}#video-frame iframe{width:100%;aspect-ratio:16/9;border:0;background:black}#video-frame p{padding:40px 8px;text-align:center}#video-sources{margin-top:16px;justify-content:center}#video-sources button{font-size:13px;border-radius:20px}#video-sources [aria-pressed=true]{background:#90caf9;color:#102027}
@media(max-width:899px){.desktop-nav a{font-size:14px;padding:6px}.sketch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sketch-card,.thumbnail{width:100%}.thumbnail img{width:100%}.birthday>span:first-child{min-width:100px}.birthday-date{min-width:90px}}
@media(max-width:599px){.container{padding:0 16px}.desktop-nav{display:none}.mobile-nav{display:block;margin:0 auto 0 8px}.mobile-nav>summary{list-style:none;padding:4px}.mobile-nav nav{position:absolute;top:55px;left:0;background:#272727;box-shadow:0 5px 10px #0007;padding:8px;display:flex;flex-direction:column}.toolbar>.logo{position:absolute;left:50%;transform:translateX(-50%)}.toolbar{min-height:55px}.home-title{font-size:14px}.panel-body{padding:8px 16px 16px}.sketch-grid{display:flex;justify-content:center}.sketch-card{width:265px}.thumbnail{width:265px}.birthday{padding:12px 0;gap:8px;flex-wrap:wrap}.birthday>span:first-child{min-width:0;flex:1;font-size:14px}.birthday-images{order:3;flex-basis:100%;justify-content:flex-start}.birthday-images img{width:40px;height:40px}.birthday-date{font-size:13px}.cast-grid{gap:8px}.cast-card{width:calc(50% - 4px);max-width:150px}.cast-card img{width:100%;height:auto;aspect-ratio:1}.page-title h1{font-size:30px}.directory-tools{flex-wrap:wrap}.content-list{columns:1}.search-hero{margin-top:32px}.search-hero h1{font-size:20px}.search-box{gap:8px}.search-box button{padding:8px 12px}.search-box input{font-size:14px}.result{display:block;padding:12px}.result-image{width:100%;margin-bottom:12px;display:block}.result-image img{width:100%}.result h3{font-size:18px}.footer nav{gap:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}
/* Match the original accordion and image-caption spacing. */
.featured{margin-bottom:16px}.panel>summary{min-height:72px}.card-caption{padding-bottom:6px}.page-title h1{margin-bottom:0}
.pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:0 8px;border-radius:16px;color:white;font-size:14px}.pagination a:hover{background:#ffffff19;text-decoration:none}.pagination span{align-self:center}.directory-count{font-size:13px;color:#bbb}.directory-search-link{display:inline-flex;align-items:center;gap:8px}
.panel-body a{overflow-wrap:anywhere}

[hidden]{display:none!important}
#directory-search{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#directory-search input{font-size:16px}.directory-search:focus-within{outline:2px solid #90caf9;outline-offset:2px}#directory-results a{overflow-wrap:anywhere}

.account-controls{flex-shrink:0;font-size:13px}.account-menu{position:relative}.account-menu summary{cursor:pointer;padding:8px}.account-menu>div{position:absolute;right:0;top:100%;min-width:190px;max-width:80vw;padding:16px;background:#272727;box-shadow:0 4px 12px #0009;border:1px solid #555;border-radius:4px}.account-menu p{overflow-wrap:anywhere;margin:0 0 12px}.account-status:empty,[data-rating-status]:empty{display:none}.account-status{margin:0;padding:4px 12px;font-size:13px}.rating-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}.rating-form select{background:#272727;color:white;padding:5px;border:1px solid #888;border-radius:4px}.site-rating [data-rating-controls]{margin-top:8px}.site-rating [data-rating-controls]:empty{display:none}.site-rating small{color:#bbb}.site-rating [data-rating-status]{margin:8px 0 0;font-size:14px}button:disabled{opacity:.55;cursor:default}@media(max-width:360px){.account-controls .button{font-size:11px;padding:4px}.search-link{padding:6px}}

.person-photos figure{margin:0;max-width:169px;flex-shrink:0}.person-photos figcaption{font-size:.8rem;padding:.4rem;color:var(--muted,#aaa)}