:root{--ink:#141414;--paper:#fff;--muted:#626262;--mono:"Courier New",Courier,monospace}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f3f3f0;font-family:Arial,Helvetica,sans-serif;font-size:15px}button,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #111;outline-offset:4px}button{border-radius:0}a{color:inherit}.masthead{max-width:1440px;margin:0 auto;padding:35px 48px 26px}.eyebrow{display:flex;align-items:center;gap:12px;font:11px var(--mono);letter-spacing:1.4px}.disc-mark{font:30px Arial;line-height:1}.private{margin-left:auto;border:1px solid;padding:5px 8px;letter-spacing:1px;font-size:10px}h1{font-size:clamp(43px,5.8vw,84px);line-height:.99;letter-spacing:-4.5px;margin:26px 0 25px;font-weight:900;max-width:1100px}.question{display:inline-block;padding-left:5px}.mastfoot{display:flex;justify-content:space-between;gap:20px;font-size:14px}.edition{font:10px var(--mono);letter-spacing:1px;align-self:end}main{max-width:1440px;margin:auto;padding:0 48px}.library-window{border:2px solid;background:var(--paper);box-shadow:6px 6px 0 #151515}.window-bar{min-height:35px;display:flex;align-items:center;gap:13px;padding:8px 13px;border-bottom:2px solid;font:bold 10px var(--mono);letter-spacing:1px}.window-dot{width:11px;height:11px;border:1px solid;background:white;flex-shrink:0}.stripe{height:14px;flex:1;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,#777 2px,#777 3px)}.controls{display:flex;align-items:center;border-bottom:1px solid;min-height:74px;gap:20px;padding:0 23px}.tabs{display:flex;align-self:stretch;gap:26px}.tab{border:0;background:none;position:relative;font-size:21px;letter-spacing:-.6px;padding:0 2px;font-weight:bold}.tab span{font:10px var(--mono);vertical-align:top;margin-left:7px;display:inline-block;margin-top:3px}.tab.active:after{content:"";height:4px;position:absolute;bottom:0;left:0;right:0;background:var(--ink)}#search-form{display:flex;align-items:center;gap:7px;margin-left:auto;border:1px solid #999;padding:8px 10px;width:280px;background:#f7f7f5}#search-form>span{font-size:23px;line-height:1}input{min-width:0;width:100%;border:0;background:transparent;font-size:13px;outline-offset:6px}kbd{font:10px var(--mono);border:1px solid #aaa;padding:1px 4px}.small-button{background:white;border:1px solid;padding:8px 12px;font:11px var(--mono);box-shadow:2px 2px 0 #222;white-space:nowrap}.small-button:hover,.small-button:active{background:#111;color:#fff}.small-button:disabled{opacity:.4;box-shadow:none;cursor:default}.view-caption{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;gap:15px;font-size:12px}.view-caption>span:last-child{font:9px var(--mono);color:var(--muted);letter-spacing:1px}.album-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px 20px;padding:0 24px 30px}.album{background:none;border:none;text-align:left;padding:0;min-width:0}.album-art{aspect-ratio:1;position:relative;background:#e7e7e2;border:1px solid #222;overflow:hidden;box-shadow:3px 3px 0 #deded9}.album-art img{height:100%;width:100%;display:block;object-fit:contain;background:#ecece7}.album:hover .album-art{outline:2px solid;outline-offset:3px}.album:hover .album-title{text-decoration:underline}.album-title{font-size:12px;line-height:1.35;font-weight:600;margin-top:10px;display:block}.album-meta{font:10px var(--mono);color:#666;display:block;margin-top:4px;line-height:1.5}.cover-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#fff,#fff 2px,#eee 2px,#eee 4px);font:bold 80px var(--mono)}.window-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid;padding:12px 15px;background:#f7f7f4;font:9px var(--mono);letter-spacing:.5px}.page-footer{max-width:1440px;margin:26px auto 32px;padding:0 48px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1px;color:#555}.text-button{border:0;background:none;padding:0;text-decoration:underline;font:inherit;letter-spacing:inherit}.decades{padding:19px 24px 0;display:flex;gap:9px;flex-wrap:wrap}.decades[hidden]{display:none}.decade{background:white;border:1px solid;padding:8px 13px;font:12px var(--mono)}.decade.active{background:#111;color:white;box-shadow:2px 2px 0 #aaa}.film-list{padding:0 24px 25px}.film-row{display:grid;grid-template-columns:65px minmax(0,1fr) 24px;width:100%;border:0;border-top:1px solid #ccc;background:white;text-align:left;padding:17px 5px;align-items:baseline;gap:15px}.film-row:hover{background:#f1f1ed}.film-year{font:13px var(--mono)}.film-name{font-size:19px;letter-spacing:-.4px;line-height:1.3}.film-director{display:block;font-size:12px;color:#666;margin-top:5px;letter-spacing:0}.film-arrow{font-size:20px}.empty{padding:60px 25px 80px;text-align:center;color:#555;font:13px var(--mono)}#filter-banner{margin:0 24px 17px;padding:12px;border:1px solid;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f0f0ec;font:12px var(--mono)}#filter-banner[hidden]{display:none}dialog{padding:0;border:2px solid;width:min(760px,calc(100% - 40px));max-height:88dvh;box-shadow:8px 8px 0 #111;background:white;color:var(--ink)}dialog::backdrop{background:rgba(0,0,0,.38);backdrop-filter:blur(2px)}.card-bar{display:flex;align-items:center;gap:15px;padding:10px 14px;border-bottom:2px solid;position:sticky;top:0;background:white;z-index:2;font:10px var(--mono);letter-spacing:1px;min-height:48px}.card-bar>span{margin:auto}.card-bar>button:last-child{width:29px;height:29px;border:1px solid;background:white;font:25px/20px var(--mono)}.card-bar>button:last-child:hover{background:#111;color:white}#card-body{padding:28px}.card-layout{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:28px}.card-cover{width:100%;border:1px solid;aspect-ratio:1;object-fit:contain;background:#f0f0ec}.card-kicker{font:10px var(--mono);letter-spacing:1px;margin:0 0 10px;color:#555}h2{font-size:32px;line-height:1.08;letter-spacing:-1.3px;margin:0 0 22px}.metadata{margin:0}.metadata>div{border-top:1px solid #ddd;padding:10px 0;display:grid;grid-template-columns:95px 1fr;gap:10px;line-height:1.5;font-size:13px}.metadata dt{font:10px var(--mono);text-transform:uppercase;color:#666;padding-top:3px}.metadata dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.link-button{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;text-align:left;line-height:1.65}.link-button:hover{background:#111;color:white}.chip-list{display:flex;gap:6px 12px;flex-wrap:wrap}.card-section{border-top:2px solid;margin-top:26px;padding-top:15px}.card-section h3{font:11px var(--mono);letter-spacing:1px;margin:0 0 14px;text-transform:uppercase}.card-section p{font-size:14px;line-height:1.7;white-space:pre-wrap}.linked-list{list-style:none;margin:0;padding:0}.linked-list li{border-top:1px solid #ddd;padding:11px 0;font-size:14px;line-height:1.4}.linked-meta{display:block;font:11px var(--mono);color:#666;margin-top:5px}.external-link{display:inline-block;font:12px var(--mono);margin-top:22px}.about-body{padding:35px}.about-body p{line-height:1.7;max-width:480px}#import-note{font:11px/1.6 var(--mono);color:#666;border-top:1px solid #ccc;padding-top:15px;margin-top:25px}.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}body.modal-open{overflow:hidden}.film-card .metadata>div{grid-template-columns:95px 1fr}.missing{color:#888}
@media(min-width:1500px){.album-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1000px){.masthead{padding:28px 28px 24px}main{padding:0 28px}.page-footer{padding:0 28px}.album-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.controls{gap:15px}#search-form{width:230px}h1{letter-spacing:-3px}}
@media(max-width:720px){.masthead{padding:22px 17px 22px}.eyebrow{font-size:8px;letter-spacing:.5px;gap:7px}.disc-mark{font-size:23px}.private{font-size:8px;padding:4px;letter-spacing:0}h1{font-size:48px;letter-spacing:-2.8px;margin:24px 0 19px}.mastfoot{font-size:12px}.edition{display:none}main{padding:0 15px}.library-window{box-shadow:4px 4px 0}.window-bar{font-size:8px;gap:9px}.controls{flex-wrap:wrap;gap:12px;padding:0 14px 13px}.tabs{height:58px;gap:25px;margin-right:auto}.tab{font-size:20px}#search-form{order:3;width:100%;margin:0}#shuffle{font-size:10px;padding:7px 10px}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 14px 22px;gap:20px 12px}.album-title{font-size:11px;margin-top:8px}.album-meta{font-size:9px}.view-caption{padding:17px 14px 14px;font-size:11px}.view-caption>span:last-child{font-size:8px;max-width:90px;text-align:right}.window-footer{font-size:8px;padding:11px;line-height:1.5}.window-footer>span:last-child{max-width:145px;text-align:right}.page-footer{padding:0 16px;font-size:8px;letter-spacing:0}.decades{padding:16px 14px 0;gap:7px}.decade{padding:8px 10px;font-size:11px}.film-list{padding:0 14px 20px}.film-row{grid-template-columns:40px minmax(0,1fr) 15px;gap:10px;padding:15px 0}.film-name{font-size:17px}.film-year{font-size:11px}.film-director{font-size:11px}dialog{width:calc(100% - 28px);max-height:90dvh;box-shadow:5px 5px 0}#card-body{padding:20px}.card-layout{display:block}.card-cover{width:150px;margin-bottom:23px;box-shadow:3px 3px 0 #ccc}h2{font-size:29px}.metadata>div{grid-template-columns:85px 1fr}.card-bar{font-size:9px}.card-section p{font-size:13px}#filter-banner{margin:0 14px 15px;font-size:11px}.about-body{padding:25px}.cover-placeholder{font-size:45px}}
@media(max-width:390px){h1{font-size:41px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.album-title{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.album-art{transition:outline-offset .12s}dialog[open]{animation:arrive .13s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}

.disc-actions{display:flex;gap:9px;flex-shrink:0}.disc-actions[hidden]{display:none}.icon-button{width:40px;height:40px;padding:9px!important;display:grid;place-items:center}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}

.external-links{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}.external-links .external-link{font:12px var(--mono);margin-top:22px}.disc-icons{display:inline-flex;gap:5px;margin-left:10px;vertical-align:middle;white-space:nowrap}.disc-icon{display:inline-flex;width:20px;height:20px;flex-shrink:0}.disc-icon svg{width:100%;height:100%}.disc-icon.black{color:#141414}.disc-icon.green{color:#218343}.disc-icon.blue{color:#2465b5}@media(max-width:720px){.disc-icon{width:17px;height:17px}.disc-icons{gap:4px;margin-left:7px}}