:root{color-scheme:dark;--bg:#10191e;--surface:#18242b;--border:#324047;--text:#f2efe7;--muted:#b1bcc0;--accent:#ffb555}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 "Segoe UI",Arial,sans-serif}.wrap{max-width:1336px;width:calc(100% - 9vw);margin:auto}button,select,input,textarea{font:inherit}button,a,select{touch-action:manipulation}button,select{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;background:transparent;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}header{border-bottom:1px solid #303b40;background:#131d22}.head{height:73px;display:flex;align-items:center;gap:54px}.brand{display:flex;align-items:center;font:bold italic 26px/1 Arial,sans-serif;letter-spacing:-1.5px}.brand svg{color:var(--accent);margin-right:8px}.brand span{color:var(--accent)}nav{display:flex;gap:28px;font-size:14px;font-weight:600}nav button{padding:0;color:var(--muted)}nav a:hover,nav button:hover{color:var(--accent)}.amber{padding:10px 17px;border-radius:6px;color:#172024;background:var(--accent);font-weight:700;font-size:14px}.amber:hover{background:#ffca82}.head>.amber{margin-left:auto}.amber b{margin-right:4px}.hero{position:relative;isolation:isolate;overflow:hidden;margin:29px 0 39px;border-radius:12px;border:1px solid #48524f;background:#233237;min-height:318px;display:flex;align-items:center}.heroArt{position:absolute;inset:0 0 0 30%;background:url('/art/hero.svg') 65% 49%/cover no-repeat;z-index:-2}.hero:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#1a292f 15%,#1c2c30 30%,rgba(31,46,49,.30) 37%,transparent 45%);z-index:-1}.heroText{padding:34px 0 34px 3.4%;max-width:54%}.eyebrow,.plate,.tag,.resultbar #count,footer small{font:600 10px/1.4 Consolas,"Courier New",monospace;letter-spacing:1.5px}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--accent)}.eyebrow i{width:21px;height:3px;display:inline-block;background:repeating-linear-gradient(115deg,var(--accent) 0 3px,transparent 3px 5px)}h1,h2,h3,p{margin:0}h1{font:bold clamp(43px,4.5vw,72px)/.98 "Segoe UI",Arial,sans-serif;letter-spacing:-.057em;margin:16px 0 12px}h1 em{font-style:normal;color:var(--accent)}.heroText p{color:#d8dedc;font-size:14px}.heroLink{display:inline-flex;gap:18px;align-items:center;padding:8px 13px;border:1px solid #788583;border-radius:5px;font-size:13px;font-weight:650;margin-top:20px;background:#233338}.heroLink span{color:var(--accent)}.plate{position:absolute;bottom:15px;right:16px;background:#172427d9;border:1px solid #81908a66;padding:4px 7px;font-size:9px;color:#efe5cc}.archive{scroll-margin-top:20px}.sectionTop,.resultbar,footer{display:flex;align-items:center;justify-content:space-between;gap:15px}.sectionTop{align-items:end}h2{font-size:clamp(32px,3.1vw,44px);letter-spacing:-.05em;line-height:1.1;margin:6px 0 0}.search{display:flex;align-items:center;gap:10px;background:#182329;border:1px solid var(--border);padding:0 13px;border-radius:6px;width:275px;height:41px;color:var(--muted)}input,textarea,select{color:var(--text)}.search input{background:none;border:0;width:100%;min-width:0;outline:none;font-size:13px}.search:focus-within{border-color:var(--accent)}.filters{display:flex;gap:8px;overflow-x:auto;padding:21px 2px 17px;border-bottom:1px solid var(--border)}.filter{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid #344249;border-radius:6px;color:#c6ced0;background:#1a252b;white-space:nowrap;font-size:13px;font-weight:600}.filter svg{width:15px;height:15px}.filter[aria-pressed=true]{background:var(--accent);color:#1a252a;border-color:var(--accent)}.resultbar{margin:14px 0}.resultbar #count{font-size:11px;letter-spacing:.5px;color:var(--muted)}.resultbar label{font-size:12px;color:var(--muted)}.resultbar select{background:var(--bg);border:0;font-weight:600;font-size:12px;max-width:150px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{border:1px solid var(--border);border-radius:9px;background:var(--surface);overflow:hidden;position:relative}.card:hover{border-color:#67726e}.cardMain{text-align:left;width:100%;display:block;padding:0}.art{display:block;width:100%;aspect-ratio:2.18;object-fit:cover}.cardText{padding:15px 17px 16px}.tag{color:var(--accent);font-size:10px;text-transform:uppercase}.card h3{font-size:22px;letter-spacing:-.04em;line-height:1.2;margin:6px 0 10px}.author{color:var(--muted);font-size:13px}.cardFoot{border-top:1px solid var(--border);padding:10px 16px;color:#cad0cd;font:11px/1.4 Consolas,monospace;display:flex;align-items:center;justify-content:space-between}.cardFoot b{font:500 12px "Segoe UI",sans-serif;color:var(--accent)}.save,.close{display:grid;place-items:center;position:absolute;right:11px;top:11px;border:1px solid #abb0a27a;border-radius:5px;background:#172327df;width:32px;height:32px;color:#faf8ef}.save[aria-pressed=true]{color:var(--accent)}.blank{grid-column:1/-1;text-align:center;padding:40px;border:1px dashed var(--border);border-radius:8px}.blank p{margin-bottom:16px}footer{margin-top:42px;padding:22px 0 32px;border-top:1px solid var(--border);color:var(--muted)}footer span{font-size:13px;font-weight:800;letter-spacing:.5px}footer small{font-size:9px;letter-spacing:1px}dialog{padding:0;color:var(--text);background:#1b282f;border:1px solid #526167;border-radius:12px;width:min(520px,92vw);max-height:90vh}dialog::backdrop{background:#071115cf}.modalBody{padding:26px}.modalBody h2{font-size:30px;margin:10px 0}.modalBody p{color:var(--muted);margin:10px 0 18px;white-space:pre-line}.modalBody .amber{display:inline-block}.close{font-size:23px;line-height:1}form label{display:grid;gap:5px;font-size:13px;font-weight:600;margin-bottom:11px}form input,form select,textarea{padding:9px;border:1px solid #4c5c63;background:#111d23;border-radius:5px;width:100%}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}textarea{resize:vertical}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:10px 16px;background:#f3c487;color:#1b282f;border-radius:6px;z-index:5}#notice{margin:10px 0;color:var(--accent)}@media(max-width:850px){.head{gap:22px}.heroArt{left:18%}.heroText{max-width:55%}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.wrap{width:92%}.head{height:auto;min-height:67px;flex-wrap:wrap;gap:0;justify-content:space-between;padding-top:13px}.head nav{order:3;width:100%;padding:11px 0;gap:18px;font-size:12px}.brand{font-size:22px}.brand svg{width:27px}.amber{padding:8px 12px}.hero{align-items:flex-end;min-height:345px;margin:17px 0 26px}.heroArt{inset:0 0 30% 0;background-position:center}.hero:after{background:linear-gradient(0deg,#1c2b30 22%,#1c2b30e8 38%,transparent 70%)}.heroText{max-width:100%;padding:17px 20px}.heroText h1{font-size:40px;margin:10px 0}.heroText h1 br{display:none}.heroText h1 em:before{content:' '}.heroText p{font-size:13px;max-width:300px}.heroLink{margin-top:11px}.plate{top:10px;bottom:auto;font-size:8px}.sectionTop{align-items:stretch;flex-direction:column}.search{width:100%}.filters{padding:13px 1px}.cards{grid-template-columns:1fr;gap:15px}.resultbar{gap:4px}.card h3{font-size:23px}footer{align-items:flex-start;flex-direction:column}.modalBody{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:620px){.hero{display:block}.heroArt{position:relative;inset:auto;width:100%;aspect-ratio:2.35;background-position:center 57%}.hero:after{background:linear-gradient(0deg,#1c2b30 12%,transparent 68%);pointer-events:none}.heroText{padding-top:0}}