:root{--ink:#151412;--muted:#6d6961;--paper:#f4f0e8;--card:#fffdf8;--line:#d9d2c5;--accent:#8d2e26;--gold:#b9924a;--shadow:0 18px 55px rgba(45,36,25,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:76px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(244,240,232,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-weight:700;font-size:20px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ink);border-radius:50%;font-size:17px}.site-header nav{display:flex;gap:24px}.nav-link{font-size:14px;font-weight:700}.nav-link:hover,.back:hover{text-decoration:underline;text-underline-offset:4px}main{min-height:calc(100vh - 150px)}.hero{padding:clamp(64px,10vw,132px) clamp(20px,8vw,120px) clamp(48px,7vw,84px);border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 28%,rgba(185,146,74,.18),transparent 24%),linear-gradient(135deg,#f8f4ec,#eee7da)}.eyebrow{margin:0 0 16px;color:var(--accent);font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.hero h1,.detail h1,.login-panel h1,.admin h1,.edit-panel h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.04em}.hero h1{max-width:900px;margin:0;font-size:clamp(42px,7vw,92px);line-height:.98}.lede{max-width:670px;margin:28px 0 38px;color:var(--muted);font-family:Georgia,serif;font-size:clamp(18px,2vw,24px);line-height:1.55}.stats{display:flex;gap:clamp(22px,5vw,64px);flex-wrap:wrap}.stats span{color:var(--muted);font-size:14px}.stats strong{display:block;color:var(--ink);font-family:Georgia,serif;font-size:28px;font-weight:500}.catalog{padding:48px clamp(20px,5vw,72px) 88px}.filters{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-bottom:46px}.search{display:flex;flex:1;max-width:700px}.search input,input,textarea,select{border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;border-radius:4px}.search input{width:100%;padding:15px 18px;border-radius:4px 0 0 4px}.search button{padding:0 22px;border:0;background:var(--ink);color:white;border-radius:0 4px 4px 0;font-weight:700}.selects{display:flex;gap:10px}.selects select{padding:14px}.results-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:14px}.results-head h2{margin:0;font-family:Georgia,serif;font-size:28px;font-weight:500}.results-head span{color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:30px 20px}.card{display:block}.poster{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:3px;background:#ded7ca;box-shadow:0 9px 26px rgba(40,31,21,.12)}.poster img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s}.card:hover .poster img{transform:scale(1.025)}.poster-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#2d2924,#827565);color:#eee5d7}.poster-placeholder span{font-family:Georgia,serif;font-size:64px;opacity:.8}.type-pill{position:absolute;left:10px;top:10px;padding:5px 8px;border-radius:2px;background:rgba(20,18,16,.82);color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.card-copy h2{margin:14px 0 4px;font-family:Georgia,serif;font-size:18px;font-weight:600;line-height:1.18}.card-copy p{margin:0;color:var(--muted);font-size:13px}.detail{padding:48px clamp(20px,9vw,140px) 90px}.back{display:inline-block;margin-bottom:34px;color:var(--muted);font-weight:700;font-size:14px}.detail-grid{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,680px);gap:clamp(40px,8vw,110px);align-items:start}.detail-copy{padding-top:28px}.detail h1{margin:0;font-size:clamp(44px,6vw,78px);line-height:1}.original{color:var(--muted);font-style:italic}.overview{font-family:Georgia,serif;font-size:20px;line-height:1.65;color:#45413a}.facts{display:flex;gap:40px;margin:32px 0}.facts span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.facts strong{display:block;margin-top:6px;font-family:Georgia,serif;font-size:23px;font-weight:500}blockquote{margin:32px 0;padding:22px 24px;border-left:3px solid var(--gold);background:rgba(255,255,255,.48);font-family:Georgia,serif;font-size:18px;line-height:1.5}.button{display:inline-block;border:0;border-radius:3px;background:var(--accent);color:#fff;padding:13px 18px;font-weight:800;cursor:pointer}.button.secondary{background:var(--ink)}.login-panel,.edit-panel,.admin{width:min(920px,calc(100% - 40px));margin:60px auto 100px}.login-panel{max-width:480px;padding:40px;background:var(--card);box-shadow:var(--shadow)}.login-panel h1,.edit-panel h1,.admin h1{font-size:48px;margin:0 0 28px}.login-panel form,.edit-panel form{display:grid;gap:18px}.login-panel label,.edit-panel label{display:grid;gap:7px;font-size:13px;font-weight:800}.login-panel input,.edit-panel input,.edit-panel textarea{width:100%;padding:12px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;justify-content:start}.check input{width:auto}.notice{padding:12px;background:#f4e3bd;border-left:3px solid var(--gold);font-size:14px}.admin-head{display:flex;justify-content:space-between;align-items:start}.table-wrap{overflow:auto;background:var(--card);box-shadow:var(--shadow);margin-top:28px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:15px;border-bottom:1px solid var(--line);font-size:14px}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}td a{color:var(--accent);font-weight:800}.empty{grid-column:1/-1;padding:70px 20px;text-align:center;border:1px dashed var(--line)}footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(20px,5vw,72px);border-top:1px solid var(--line);color:var(--muted);font-size:12px}.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}
@media(max-width:760px){.site-header{height:66px}.brand{font-size:16px}.site-header nav .nav-link:first-child{display:none}.hero{padding-top:66px}.filters{align-items:stretch;flex-direction:column}.selects select{min-width:0;width:50%}.detail-grid{grid-template-columns:1fr}.detail-poster{max-width:300px}.detail-copy{padding-top:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.card-copy h2{font-size:16px}footer{flex-direction:column}.login-panel{padding:26px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.poster img{transition:none}}