:root{--bg:#d7dddf;--panel:#f5f6f2;--ink:#25373d;--muted:#66777b;--line:#adb9bb;--lime:#275f6a;--serif:Verdana,Tahoma,Arial,sans-serif}html{background:#c7d1d5}body{font:12px Verdana,Tahoma,Arial,sans-serif;color:var(--ink);background:linear-gradient(90deg,#bfcbd0,#e4e9e8 25%,#e4e9e8 75%,#bfcbd0);padding:22px 0 0}header,main,footer{max-width:1180px;background:#f4f5f1;border-left:1px solid #82979e;border-right:1px solid #82979e;box-shadow:0 0 18px #4b657522}header{height:114px;display:grid;grid-template-columns:1fr auto;grid-template-rows:67px 46px;padding:0 24px;border-top:1px solid #90a3aa;border-bottom:1px solid #7d959e;background:linear-gradient(#f9fbfa,#dce5e6);position:relative;border-radius:5px 5px 0 0}.brand{font:700 27px Arial,sans-serif;letter-spacing:-1px;grid-column:1;grid-row:1;color:#214452;gap:12px}.brandmark{font-family:Georgia,serif;background:linear-gradient(#427884,#1a3b4e);color:#f0f5ee;padding:4px 10px 1px;font-size:38px;border:1px solid #123447;box-shadow:inset 1px 1px #b3cbd0}.brandmark span{display:none}.brand-sub{font:8px Verdana,sans-serif;letter-spacing:3px;margin-top:4px}.saved-nav{grid-column:2;grid-row:1;font-size:11px;gap:8px;color:#244d59}.saved-nav b{background:#fff;border:1px inset #c1caca;font-size:10px}nav{grid-column:1/3;grid-row:2;align-items:flex-end;gap:5px;height:46px}nav button{height:34px;border:1px solid #8fa2a9;border-bottom:0;padding:0 23px;background:linear-gradient(#f8fbfa,#c4d0d2);font:11px Verdana;color:#3a555f;border-radius:4px 4px 0 0;box-shadow:inset 0 1px white}nav button.active{color:#fff;background:linear-gradient(#427e8a,#285866);border-color:#244d5b;box-shadow:inset 0 1px #92b9bd}nav button.active:after{display:none}.hero{padding:20px 24px 0}.hero-art{min-height:245px;border:1px solid #8ca0a5;background:linear-gradient(110deg,#dfe8e7,#f3f5e9 60%,#bbcccf);box-shadow:inset 0 1px #fff;border-radius:2px;overflow:hidden}.hero-art>img{width:38%;height:185px;right:18px;top:27px;border:6px solid #e9efea;outline:1px solid #809499;object-position:center;filter:sepia(.15) saturate(.7);opacity:.95;box-shadow:3px 4px 0 #73909755}.hero-art:after{display:none}.frame-top{top:12px;left:18px;right:20px;color:#596e72;font:bold 8px Verdana;letter-spacing:1.2px}.record{position:absolute;top:211px;right:0;font-size:7px;color:#506d70}.record i,.dot{background:#539068;box-shadow:0 0 0 1px #779f76}.hero-copy{padding:47px 25px 41px;max-width:62%}.hero-copy>.eyebrow{font:bold 8px Verdana;letter-spacing:1px;color:#537177;margin-bottom:8px}.hero h1{font:bold clamp(31px,3.9vw,50px)/1 Arial,Helvetica,sans-serif;letter-spacing:-2px;margin:13px 0;color:#23434f;text-shadow:1px 1px #fff}.hero h1 br{display:none}.hero h1 em{color:#23434f}.intro{font:11px/1.6 Verdana;color:#5c7074;margin:12px 0}.hero-actions{margin-top:17px;gap:10px}.primary,.secondary{font:11px Tahoma,Arial;min-height:33px;padding:8px 13px;border-radius:2px;gap:9px}.primary{color:white;background:linear-gradient(#4e8591,#2c5d6c);border:1px solid #214c59;box-shadow:inset 0 1px #95b9c0;font-weight:bold}.primary:hover{background:linear-gradient(#5b939d,#356b79)}.secondary{border:1px solid #95a7ab;background:linear-gradient(#fff,#dbe3e3);box-shadow:inset 0 1px #fff;color:#355763}.secondary:hover{border-color:#607f87;background:#edf4ed}.hero-stamp{display:none}.hero-bottom{bottom:11px;left:18px;right:20px;color:#748285;font:7px Verdana;letter-spacing:1px}.hero-bottom span:last-child{display:none}.collection-bar{margin:0 24px;padding:15px 0;gap:24px;font:10px Verdana;border-bottom:1px dotted #a7b5b6;color:#6e7f83}.collection-bar>div{font-size:8px;color:#365c65}.collection-bar strong{color:#2b4f5b}.collection-bar p span{color:#92a2a6;padding:0 8px}.drive-status{font-size:9px;color:#6a7e80}.library{padding:25px 24px}.section-title{margin-bottom:18px;border:1px solid #9cafb4;border-radius:2px;padding:12px 15px;background:linear-gradient(#edf3f2,#d3dfe0);box-shadow:inset 0 1px #fff}.section-title .eyebrow{font:7px Verdana;letter-spacing:1.4px;margin-bottom:5px;color:#5c7882}h2,.section-title h2{font:bold 23px Tahoma,Arial;letter-spacing:-.5px;color:#294d59}.section-title p:not(.eyebrow){font:10px Verdana;margin-top:6px;color:#61767c}.view-controls{border:1px solid #91a4ab;background:#f8faf6;box-shadow:inset 1px 1px #fff;padding:2px}.view-controls button{color:#466570;font-size:18px;width:29px;height:25px}.view-controls .selected{background:#b1c7cc;color:#244b59;box-shadow:inset 1px 1px #78969d}.toolbar{gap:8px}.search-wrap{background:white;border:1px inset #c2cccc;padding:0 11px}.search-wrap input{height:36px;font:11px Verdana;color:#294f5a}.search-wrap>span{font-size:21px;color:#789295}.search-wrap kbd{color:#819294;border-color:#c5d0d0}.toolbar select{height:38px;background:linear-gradient(#fff,#edf1ed);border:1px solid #abbabc;color:#415e65;font:10px Verdana;padding:0 10px}.filterline{margin:15px 0 20px}.year-tabs{gap:5px}.year-tabs button{font:10px Tahoma;color:#5b767e;padding:6px 13px}.year-tabs button.active{background:#dce8e5;border:1px solid #91aaa9;color:#28585e;box-shadow:inset 0 1px white}#result-count{font:9px Verdana;color:#70848a}.results{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid #b5c2c4;background:#fff;padding:7px;box-shadow:2px 2px #b8c5c333}.thumb{border:1px solid #96a9ac;border-radius:0;aspect-ratio:16/10;background:linear-gradient(135deg,#69848a,#d2dfdc)}.thumb img{opacity:1;filter:grayscale(.15) saturate(.6)}.thumb .fallback{font:bold 50px Arial;color:#f5faf866}.thumb:after{background:linear-gradient(0deg,#123543b0,transparent 50%)}.thumb .tag{top:6px;left:6px;background:#143643df;font:7px Verdana;letter-spacing:.5px;padding:4px 5px;border:1px solid #9caea077}.thumb .play{bottom:7px;left:7px;border-radius:2px;background:#e3ecebdd;color:#265662;width:23px;height:21px;border:1px outset #d9e6e4;font-size:9px}.thumb .variant-count{font:8px Verdana;right:7px;bottom:13px;color:#fff}.card-meta{font:8px Verdana;letter-spacing:0;margin:10px 0 7px;color:#799096}.card h3{font:bold 11px/1.5 Verdana;color:#2c596c;margin-right:10px;min-height:33px}.card .subtitle{font:9px/1.6 Verdana;color:#7b8d91;padding-right:15px}.bookmark{font-size:19px;right:5px;bottom:6px;color:#819a9e}.bookmark.is-saved{color:#247a80}.watched-label{font:7px Verdana;background:#d3e9c6;color:#37603a;border:1px solid #8da681;top:6px;right:6px}.results.list .card{padding:8px;border:1px solid #b3c1c3;margin-bottom:5px;box-shadow:none}.results.list .card-open{grid-template-columns:100px 150px 1fr;gap:14px}.results.list .card h3{min-height:0}.results.list .bookmark{right:12px}.reference-cards{gap:16px;margin-bottom:22px}.reference-card{background:#fff;border:1px solid #adbdc0;border-radius:0}.reference-card-copy{padding:18px}.reference-card-copy .eyebrow{font:8px Verdana;letter-spacing:1px;color:#66818b;margin-bottom:7px}.reference-card h3{font:bold 16px Tahoma;color:#315a69;margin-bottom:9px}.reference-card p:not(.eyebrow){font:10px/1.6 Verdana;color:#768b91}.reference-card-copy>span{font:10px Verdana;color:#2b6476;margin-top:13px;text-decoration:underline}.mini-browser{margin:20px 28px 0;transform:none;height:145px;background:#e6e8df;box-shadow:3px 3px #9eafb366}.mini-browser>div{background:linear-gradient(90deg,#2b5870,#79a3aa)}.paper-preview{margin:20px 55px 0;height:145px;transform:rotate(1deg);box-shadow:6px 5px #bdc7ba80}.archive-callout{margin:8px 24px 0;padding:13px 15px;border:1px solid #9eafb3;background:linear-gradient(#f5f8f3,#dbe5e2);display:flex;gap:20px;justify-content:flex-start}.archive-callout>span{font:bold 8px Verdana;color:#6f8a92;letter-spacing:1px}.archive-callout button{font:10px Verdana;text-decoration:underline;color:#3b6675;padding:4px 0}.about{display:block;margin:0 24px;padding:13px 0}.about p{font:9px/1.9 Verdana;color:#849397;margin:0}.about a{font-size:9px;color:#5b7c87}footer{border-bottom:1px solid #8fa4ab;padding:14px 24px;font:8px Verdana;box-shadow:none;border-top:1px solid #b4c2c4;margin-bottom:25px;color:#7c939a}.footer-title{font:bold 8px Verdana;letter-spacing:.6px;color:#48717e}#source-links{gap:15px}.empty{background:#f1f5ec;border:1px dashed #adbfba;padding:40px 15px}.empty h3{font:bold 20px Tahoma}.empty p{font-size:11px}#player{background:#f2f5f0;border:2px outset #c7d6d5;box-shadow:0 15px 70px #18323d55;border-radius:2px;color:#2b4c57}.dialog-top{background:linear-gradient(90deg,#285368,#7fa6aa);color:#fff;font:9px Tahoma;padding:8px 14px}.dialog-top button{background:#d8e1dd;color:#345762;border:1px outset #eef3ec;font-size:15px}.player-body h2{font:bold 23px Tahoma}.player-body .eyebrow{font:9px Verdana;color:#6c8c96}.player-body>p:not(.eyebrow){font:11px Verdana;line-height:1.6;color:#708a91}#versions{background:white;border:1px solid #8da7ae;color:#365e6a}details{color:#7d9298;border-color:#b7c8cb}#related h3{font:bold 13px Tahoma;color:#476c75}.related-list button{background:#e9f0e8;color:#426b76;border:1px solid #aac1bf;font:10px/1.5 Verdana}#toast{background:#2e6974;color:white;border:1px solid #abc3c3;font-size:11px}#retro{font-family:Tahoma,Verdana,sans-serif}.skip{background:#235568;color:#fff}
@media(max-width:1100px){body{padding:10px 12px 0}.results{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art{min-height:250px}.hero-copy{padding-left:18px}.hero-art>img{width:36%}.toolbar select{max-width:none}.search-wrap{flex-basis:100%}}
@media(max-width:760px){body{padding:0}header,main,footer{border-left:0;border-right:0;box-shadow:none}header{height:106px;min-height:106px;border-radius:0;padding:0 14px;grid-template-rows:63px 42px}.brand{font-size:25px}.brandmark{font-size:34px}.brand-sub{font-size:7px}nav{height:42px;gap:3px;justify-content:stretch}nav button{height:32px;font-size:9px;padding:0 9px;flex:1;white-space:nowrap}.saved-nav span{display:none}.hero{padding:12px 13px 0}.hero-art{min-height:265px}.hero-art>img{width:40%;height:130px;top:40px;right:12px;border-width:4px}.hero-copy{padding:46px 13px 45px;max-width:62%;position:relative}.hero-copy>.eyebrow{font-size:7px;max-width:140px;line-height:1.6}.hero h1{font-size:31px;letter-spacing:-1.3px;line-height:1.03;margin:12px 0}.hero h1 br{display:block}.intro{font-size:9px;max-width:150px}.hero-actions{position:relative;margin-top:18px;flex-wrap:wrap;gap:7px;width:280px}.hero-actions .secondary{font-size:9px;padding:9px 10px}.primary{font-size:10px;padding:9px 11px}.hero-bottom{font-size:6px;bottom:11px;left:13px}.frame-top{font-size:7px;top:12px;left:13px}.record{display:flex;top:174px;right:-3px;font-size:6px}.collection-bar{margin:0 13px;padding:13px 0;gap:10px;font-size:9px;flex-wrap:wrap}.collection-bar>div{font-size:7px}.collection-bar p span{padding:0 5px}.library{padding:18px 13px}.section-title{padding:11px;margin-bottom:14px;gap:8px}.section-title h2{font-size:21px}.section-title p:not(.eyebrow){font-size:9px;line-height:1.7;max-width:240px}.section-title .eyebrow{font-size:6px;letter-spacing:1px}.view-controls{align-self:center}.results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:5px}.card h3{font-size:10px;min-height:30px}.card-meta{font-size:7px;margin-top:8px;line-height:1.6}.card .subtitle{font-size:8px;line-height:1.6}.thumb .tag{font-size:6px;padding:3px;left:4px;top:4px}.thumb .variant-count{font-size:7px;right:4px;bottom:11px}.thumb .play{left:4px;bottom:5px;width:20px;height:18px;font-size:8px}.bookmark{font-size:19px;bottom:3px;right:2px}.year-tabs button{font-size:9px;padding:6px 10px}.filterline{gap:10px;margin-bottom:15px}.toolbar select{font-size:9px;padding:0 6px;height:36px}.toolbar{gap:6px}.search-wrap input{font-size:10px}.results.list .card-open{grid-template-columns:80px 1fr;gap:6px 10px}.results.list .card-meta{grid-column:2}.results.list .card h3{grid-column:2;min-height:0;margin-top:0}.reference-cards{grid-template-columns:1fr;gap:12px}.reference-card-copy{padding:15px}.reference-card h3{font-size:16px}.mini-browser{height:136px;margin:18px 30px 0}.paper-preview{height:140px;margin:18px 65px 0}.archive-callout{margin:0 13px;padding:12px;display:flex;flex-wrap:wrap;gap:10px 18px}.archive-callout>span{flex-basis:100%;font-size:7px}.archive-callout button{font-size:9px}.about{margin:0 13px;padding:13px 0}.about p,.about a{font-size:8px}footer{margin-bottom:0;padding:12px 13px;gap:12px;font-size:7px}.footer-title{font-size:7px}#source-links{gap:12px}.player-body{padding:18px}#player{width:96vw}.player-body h2{font-size:21px}.player-actions{gap:7px}.player-actions .primary,.player-actions .secondary{font-size:10px;min-height:36px}.related-list button{font-size:10px}}
@media(prefers-reduced-motion:no-preference){.card:hover{box-shadow:2px 2px #9db8b5}.card:hover .thumb img{transform:scale(1.02)}}