*{box-sizing:border-box}
body{margin:0;font-family:system-ui,sans-serif;background:#0b0b0f;color:#eee}
a{color:#d4af37}
header{background:#2a0a4a;border-bottom:3px solid #d4af37;padding:10px 14px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
header nav a{margin-right:12px;text-decoration:none}
header form{margin:0}
header small{color:#c9c2d4}
.wordmark{text-decoration:none;display:flex;flex-direction:column;line-height:1.1}
.wordmark .meyou{color:#9b5cff;font-weight:800;font-size:1.25rem;letter-spacing:.04em}
.wordmark .product{color:#d4af37;font-weight:700;font-size:.85rem;letter-spacing:.12em}
.tagline{margin:0;padding:8px 14px;background:#12081c;color:#d4af37;font-size:13px;letter-spacing:.08em;text-align:center;border-bottom:1px solid #3d2a5c}
main{padding:16px 14px 40px;max-width:900px;margin:auto}
footer{padding:20px 14px;color:#888;text-align:center;border-top:1px solid #3d2a5c}
h1,h2{color:#d4af37}
.card{background:#1a1424;border:1px solid #3d2a5c;border-radius:10px;padding:14px;margin:10px 0}
.hero .lead{font-size:1.08rem;line-height:1.5}
.price{font-size:1.6rem;color:#d4af37;font-weight:700;margin:.2em 0}
input,select,textarea,button{width:100%;padding:11px;margin:5px 0;font-size:16px;border-radius:8px;border:1px solid #5b3d8a;background:#120d1a;color:#eee}
input[type=checkbox],input[type=file]{width:auto}
button,.btn{background:#6a2bb3;border:1px solid #d4af37;color:#fff;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}
button.small,.btn{width:auto;padding:6px 10px;font-size:14px;border-radius:8px;margin:3px 2px}
button.danger,.btn.danger{background:#5a1a24;border-color:#e5484d}
.btn.big{font-size:16px;padding:10px 16px}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}.row>*{flex:1;min-width:140px}
.actions{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:8px 0}
.tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;background:#3d2a5c;margin-right:4px}
.st-planned{background:#1d2c55;color:#cfe0ff;border:1px solid #5b7bd0}
.st-in_progress{background:#4a3d0f;color:#fff3c4;border:1px solid #d4af37}
.st-completed{background:#123a22;color:#bdf0cb;border:1px solid #3a9}
.st-pilot{background:#3d2a5c;color:#e6d9ff;border:1px solid #9b5cff}
.red{color:#ff6b6b;font-weight:700}.err{color:#ff6b6b}.ok{color:#3c9}.muted{color:#999;font-size:13px}
img.ph{max-width:160px;max-height:120px;border-radius:8px;border:1px solid #3d2a5c;margin:4px 4px 0 0}
.thumbs{margin-top:6px}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:6px 0}
.facts dt{color:#c9c2d4;font-weight:600}.facts dd{margin:0}
.copy{font-family:monospace;font-size:13px}
.era{border-left:4px solid #d4af37;padding:0 0 8px 14px;margin:22px 0}
.era.past{border-color:#5b3d8a}
.era h2{margin:0 0 4px;font-size:1.15rem}
.proj{border-left:5px solid #5b3d8a}
.proj.st-completed{border-left-color:#3a9}
.proj.st-in_progress{border-left-color:#d4af37}
.proj.st-planned{border-left-color:#5b7bd0}
.notes{white-space:pre-wrap}
.review{margin-top:6px;padding:8px;border-radius:8px;background:#120d1a;border:1px solid #3d2a5c}
.stars{color:#d4af37;letter-spacing:2px}
.since{border-left:6px solid #d4af37;font-size:1.05rem}
fieldset.reviewfs{border:1px solid #3d2a5c;border-radius:8px;margin:8px 0;padding:8px 12px}
label{display:block;margin:6px 0}
@media (max-width:640px){.row{display:block}}
.stamp{border:2px solid #d4af37;color:#d4af37;text-align:center;padding:12px 10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:8px 0 14px;border-radius:8px}
.fingerprint{font-family:ui-monospace,monospace;font-size:12px;word-break:break-all;color:#c9c2d4}
.fingerprint b{color:#eee}
.card.sold{border-left:5px solid #d4af37}
@media print{
  header nav,header form,header small,.noprint,footer{display:none !important}
  header{border-bottom:2px solid #000;background:#fff}
  .wordmark .meyou{color:#5b1fa0}
  .wordmark .product,.tagline,h1,h2{color:#111}
  .tagline{background:#fff;border:0}
  body,main,.card,.review{background:#fff;color:#111}
  a{color:#000;text-decoration:none}
  .stamp{color:#000;border-color:#000}
  .fingerprint,.fingerprint b,.muted,.facts dt{color:#333}
  .era{border-color:#000}
}
