:root{--bg: #0f1115;--fg: #e8e8e8;--muted: #8b8f97;--accent: #ff6b35;--card: #181b22;--border: #262a33;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--fg)}a{color:var(--fg);text-decoration:none}a:hover{color:var(--accent)}.app{max-width:1280px;margin:0 auto;padding:0 16px}.app-header{display:flex;align-items:center;gap:24px;padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:24px}.app-header .logo{font-weight:700;font-size:22px;letter-spacing:1px}.app-header nav{display:flex;gap:16px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.card .cover{aspect-ratio:1 / 1;background:#222;display:block;background-size:cover;background-position:center}.card .meta{padding:10px 12px}.card .meta h3{font-size:14px;margin:0 0 4px;line-height:1.3}.card .meta .sub{font-size:12px;color:var(--muted)}.detail{display:grid;grid-template-columns:320px 1fr;gap:32px}.detail .cover{aspect-ratio:1 / 1;background:#222 center/cover no-repeat;border-radius:8px}.detail h1{margin-top:0}.detail .field{margin:8px 0;color:var(--muted)}.detail .field strong{color:var(--fg)}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#232732;padding:4px 10px;border-radius:999px;font-size:12px;cursor:pointer;border:1px solid var(--border)}.tag.removable:after{content:" ×";opacity:.6}input[type=text],input[type=number],textarea{background:#0c0e12;color:var(--fg);border:1px solid var(--border);padding:8px 10px;border-radius:6px;font:inherit;width:100%}button{background:var(--accent);color:#000;border:0;padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:600}button.ghost{background:transparent;color:var(--fg);border:1px solid var(--border)}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.section{margin:24px 0}.section h2{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:8px}.alphabet{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px}.alphabet a{padding:4px 8px;border:1px solid var(--border);border-radius:4px}.alphabet a.active{background:var(--accent);color:#000}table{width:100%;border-collapse:collapse}th,td{padding:6px 10px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase}.pagination{display:flex;gap:8px;margin:16px 0}