:root{--paper: #f5efe2;--paper-deep: #ebe2cf;--paper-dark: #ddd1b6;--ink: #1a1a1a;--ink-soft: #4a4a4a;--ink-faint: #888278;--gold: #b8860b;--gold-deep: #8a6508;--gold-glow: rgba(184,134,11,.12);--crimson: #8b2014;--leaf: #2d6a4f;--rule: rgba(26,26,26,.15);--rule-soft: rgba(26,26,26,.08);--shadow-soft: 0 1px 0 rgba(26,26,26,.05);--shadow-card: 0 1px 0 rgba(26,26,26,.05), 0 24px 48px -24px rgba(26,26,26,.25);--font-display: "Fraunces", "Times New Roman", serif;--font-body: "Inter Tight", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);background-image:radial-gradient(circle at 12% 10%,rgba(184,134,11,.06),transparent 35%),radial-gradient(circle at 90% 92%,rgba(26,26,26,.04),transparent 50%);font-family:var(--font-body);color:var(--ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.1 0 0 0 0 0.1 0 0 0 0 0.1 0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");mix-blend-mode:multiply;opacity:.55}#root{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}a:hover{color:var(--gold-deep)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;letter-spacing:-.015em;margin:0}h1{font-size:clamp(40px,6vw,64px);font-style:italic;line-height:1.02;font-variation-settings:"SOFT" 50,"WONK" 0}h2{font-size:clamp(28px,3.6vw,40px);font-variation-settings:"SOFT" 60}h3{font-size:22px}h4{font-size:17px;font-style:italic}.eyebrow{display:inline-block;font-family:var(--font-body);font-weight:500;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}.eyebrow.bordered{padding:4px 12px;border:1px solid var(--ink);border-radius:999px;color:var(--ink)}.numeric,code,kbd{font-family:var(--font-mono)}.container{max-width:1180px;margin:0 auto;padding:0 24px}.container-narrow{max-width:720px;margin:0 auto;padding:0 24px}.nav{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--rule)}.wordmark{font-family:var(--font-display);font-size:26px;font-weight:600;font-variation-settings:"SOFT" 100,"WONK" 1;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}.wordmark em{color:var(--gold-deep);font-style:italic;font-weight:500}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{text-decoration:none;font-size:14px;color:var(--ink-soft)}.nav-links a:hover,.nav-links a.active{color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:600;font-size:14px;letter-spacing:.04em;padding:12px 22px;border-radius:4px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .1s ease,background .15s ease,color .15s ease,border-color .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:#000;color:var(--paper)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:var(--paper)}.btn-gold{background:var(--gold-deep);color:var(--paper)}.btn-gold:hover{background:var(--gold)}.btn-danger{background:transparent;color:var(--crimson);border-color:var(--crimson)}.btn-danger:hover{background:var(--crimson);color:var(--paper)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.field{margin-bottom:18px}.field label{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px}.field input,.field select,.field textarea{width:100%;font:inherit;padding:11px 14px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:4px;outline:none;transition:border-color .15s ease,background .15s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);background:#fff}.field textarea{min-height:100px;resize:vertical}.field .hint{font-size:12px;color:var(--ink-faint);margin-top:6px}.field .err{font-size:13px;color:var(--crimson);margin-top:6px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 540px){.field-row{grid-template-columns:1fr}}.card{background:#fff;border:1px solid var(--rule);border-radius:4px;padding:28px;box-shadow:var(--shadow-card)}.card-header{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:18px;margin-bottom:22px;border-bottom:1px dashed var(--rule)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.item-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--rule);border-radius:4px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.item-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.item-card .thumb{aspect-ratio:4/3;background:var(--paper-deep);background-image:linear-gradient(135deg,var(--paper-deep) 25%,transparent 25%),linear-gradient(225deg,var(--paper-deep) 25%,transparent 25%),linear-gradient(45deg,var(--paper-deep) 25%,transparent 25%),linear-gradient(315deg,var(--paper-deep) 25%,var(--paper) 25%);background-position:8px 0,8px 0,0 0,0 0;background-size:16px 16px}.item-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}.item-card .body{padding:18px;flex:1;display:flex;flex-direction:column}.item-card .name{font-family:var(--font-display);font-size:19px;line-height:1.15;margin:0 0 8px}.item-card .meta{font-size:13px;color:var(--ink-soft);display:flex;justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:12px}.item-card .bounty{font-family:var(--font-display);font-weight:600;font-size:22px;color:var(--gold-deep);font-variation-settings:"SOFT" 80}.status{display:inline-block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:3px 10px;border-radius:999px;border:1px solid currentColor}.status-ACTIVE{color:var(--ink-soft)}.status-LOST{color:var(--crimson);background:#8b20140f}.status-FOUND{color:var(--gold-deep);background:var(--gold-glow)}.status-RECOVERED{color:var(--leaf);background:#2d6a4f14}.status-ARCHIVED{color:var(--ink-faint)}.alert{padding:12px 16px;border-left:3px solid var(--gold-deep);background:var(--gold-glow);border-radius:2px;font-size:14px}.alert.success{border-color:var(--leaf);background:#2d6a4f14}.alert.error{border-color:var(--crimson);background:#8b20140f}.hero{padding:88px 0 64px;position:relative}.hero h1{max-width:14ch;margin-bottom:24px}.hero h1 em{color:var(--gold-deep)}.hero .lede{font-size:20px;max-width:56ch;color:var(--ink-soft);line-height:1.5}.hero .actions{display:flex;gap:12px;margin-top:36px}.hero-rule{position:absolute;top:50%;right:0;width:120px;border-top:1px solid var(--rule)}.footer{margin-top:auto;padding:48px 0 32px;border-top:1px solid var(--rule);font-size:13px;color:var(--ink-faint);display:flex;justify-content:space-between;align-items:center}.footer .seal{font-family:var(--font-display);font-style:italic}.stack-sm>*+*{margin-top:12px}.stack>*+*{margin-top:20px}.stack-lg>*+*{margin-top:36px}.row{display:flex;gap:12px;align-items:center}.row.between{justify-content:space-between}.muted{color:var(--ink-soft)}.tiny{font-size:12px}.center{text-align:center}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--paper-deep) 0%,var(--paper-dark) 50%,var(--paper-deep) 100%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;border-radius:4px}.modal-backdrop{position:fixed;inset:0;background:#1a1a1a99;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.modal{background:var(--paper);border:1px solid var(--rule);border-radius:4px;max-width:520px;width:100%;padding:32px;box-shadow:var(--shadow-card)}.share-box{background:var(--paper-deep);border:1px dashed var(--rule);border-radius:4px;padding:18px;font-family:var(--font-mono);font-size:13px;word-break:break-all}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rise{animation:rise .5s ease both}.rise-1{animation-delay:.05s}.rise-2{animation-delay:.12s}.rise-3{animation-delay:.2s}.rise-4{animation-delay:.28s}
