:root{--mustard: #c9a227;--mustard-dark: #a88420;--cream: #f5f1e8;--cream-dim: #b8b0a0;--warm-grey: #8a8278;--bg: #1a1814;--bg-2: #222018;--panel: #2a2620;--elevated: #323028;--line: #3a3630;--line-light: #4a4640;--accent: #c9a227;--accent-soft: rgba(201, 162, 39, .16);--text: #f5f1e8;--muted: #8a8278;--love: #e63946;--radius: 12px;--shadow: 0 8px 24px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.01em}.gate{display:grid;place-items:center;min-height:100%;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,#2a2620 0%,var(--bg) 60%)}.gate-card{width:min(360px,100%);display:flex;flex-direction:column;gap:12px;padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.gate-card h1{font-size:24px}.gate-sub{margin:-6px 0 6px;color:var(--muted);font-size:13px}.gate-card input,.search,.sidebar select,.detail input,.detail textarea{width:100%;padding:10px 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;outline:none}.gate-card input:focus,.search:focus,.detail input:focus,.detail textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c9a22733}.gate-card button[type=submit]{padding:10px 12px;background:var(--accent);color:#1a1814;font-weight:650;border-radius:8px}.gate-card button[disabled]{opacity:.5;cursor:default}.gate-error{margin:0;color:var(--love);font-size:13px}.app{display:grid;grid-template-columns:288px minmax(0,1fr);height:100%}.app.has-detail{grid-template-columns:288px minmax(0,1fr) 380px}.sidebar{overflow-y:auto;padding:20px 18px 40px;background:var(--bg-2);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:22px}.sidebar section{display:flex;flex-direction:column;gap:9px}.sidebar h4,.detail h4{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.search-sm{padding:7px 10px;font-size:13px}.seed-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:var(--accent-soft);border:1px solid rgba(201,162,39,.35);border-radius:8px;font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:5px 9px;background:var(--panel);border:1px solid var(--line);border-radius:999px;font-size:12.5px;color:var(--muted);transition:.12s}.chip:hover{color:var(--text);border-color:var(--line-light)}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.chip em{font-style:normal;opacity:.5;margin-left:3px;font-size:11px}.chip-sm{padding:3px 7px;font-size:11px}.chip-own{background:#e6394624;border-color:#e6394673;color:var(--text)}.checkline{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer}.sidebar select{cursor:pointer}.sidebar-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}.link{color:var(--accent);font-size:12.5px}.link:hover{text-decoration:underline}.main{overflow-y:auto;padding:24px 26px 60px}.grid-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:8px 0 16px;flex-wrap:wrap}.grid-head h2{font-size:19px}.grid-sub{font-size:12.5px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.14s}.card:hover{border-color:var(--line-light);transform:translateY(-2px)}.card-active{border-color:var(--accent)}.card-hit{display:block;width:100%;text-align:left}.card-art{position:relative;aspect-ratio:460 / 215;background:var(--bg-2)}.card-art img{width:100%;height:100%;object-fit:cover;display:block}.card-badge{position:absolute;top:7px;left:7px;padding:2px 7px;background:#1a1814e0;border:1px solid var(--accent);border-radius:999px;font-size:11px;font-weight:650;color:var(--accent)}.card-flag{position:absolute;bottom:7px;left:7px;padding:2px 7px;background:#1a1814e0;border-radius:4px;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.card-body{padding:10px 11px 12px;display:flex;flex-direction:column;gap:7px}.card-body h3{font-size:14px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.card-meta{display:flex;gap:10px;font-size:12px;color:var(--muted)}.card-tags{display:flex;flex-wrap:wrap;gap:4px}.card-love{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;background:#1a1814b8;color:#ffffff73;font-size:14px;line-height:26px;text-align:center;transition:.12s}.card-love:hover,.card-love.is-loved{color:var(--love)}.card-flag-wish{background:var(--mustard);color:#1a1814;font-weight:700}.pips{display:inline-flex;gap:5px}.pip{display:inline-flex;align-items:center;gap:3px;padding:1px 5px;border-radius:4px;font-size:11px;font-weight:650;font-variant-numeric:tabular-nums;border:1px solid transparent}.pip em{font-style:normal;font-weight:500;font-size:9px;letter-spacing:.06em;text-transform:uppercase;opacity:.65}.pip-positive{color:#6fd08c;border-color:#6fd08c59;background:#6fd08c1a}.pip-mixed{color:#d9b25f;border-color:#d9b25f59;background:#d9b25f1a}.pip-negative{color:#e0736f;border-color:#e0736f59;background:#e0736f1a}.score-blocks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.score-block{padding:10px 11px;background:var(--panel);border:1px solid var(--line);border-left-width:3px;border-radius:8px}.score-block strong{display:block;font-size:20px;line-height:1.2;font-variant-numeric:tabular-nums}.score-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:2px}.score-sub{display:block;font-size:11px;color:var(--muted)}.score-sub a{color:var(--muted)}.score-positive{border-left-color:#6fd08c}.score-positive strong{color:#6fd08c}.score-mixed{border-left-color:#d9b25f}.score-mixed strong{color:#d9b25f}.score-negative{border-left-color:#e0736f}.score-negative strong{color:#e0736f}.score-none{border-left-color:var(--line)}.score-none strong{color:var(--muted)}.wish-tag{margin-left:8px;padding:2px 7px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent);font-size:10px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;vertical-align:middle}.wish-dot{display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:var(--accent);vertical-align:middle}.empty{grid-column:1 / -1;color:var(--muted);padding:30px 0}.shelves{display:flex;flex-direction:column;gap:26px;margin-bottom:34px}.shelf header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.shelf h3{font-size:16px}.shelf header p{margin:2px 0 0;font-size:12.5px;color:var(--muted)}.shelf-rail{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.tile{flex:0 0 188px;text-align:left;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:var(--panel);transition:.14s}.tile:hover{border-color:var(--accent)}.tile-art{position:relative;display:block}.tile img{width:100%;aspect-ratio:460 / 215;object-fit:cover;display:block}.tile-flag{position:absolute;bottom:6px;left:6px;padding:2px 6px;border-radius:4px;background:var(--mustard);color:#1a1814;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.tile-wish{border-style:dashed;border-color:#c9a22780}.tile-name{display:block;padding:8px 9px 0;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-sub{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:3px 9px 9px;font-size:11.5px;color:var(--muted)}.rail-divider{flex:0 0 auto;align-self:stretch;display:flex;align-items:center;padding:0 4px;border-left:1px dashed var(--line)}.rail-divider span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding:0 6px}.detail{position:relative;overflow-y:auto;padding:20px 20px 50px;background:var(--bg-2);border-left:1px solid var(--line);display:flex;flex-direction:column;gap:20px}.detail section{display:flex;flex-direction:column;gap:9px}.detail-close{position:absolute;top:12px;right:14px;width:28px;height:28px;border-radius:50%;background:#1a1814c7;font-size:20px;line-height:26px;color:var(--muted)}.detail-close:hover{color:var(--text)}.detail-art{width:100%;border-radius:8px;display:block}.detail h2{font-size:19px;margin-top:-8px}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:-8px}.detail-stats div{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:9px 10px}.detail-stats strong{display:block;font-size:14px}.detail-stats span{font-size:11px;color:var(--muted)}.detail-blurb{margin:0;font-size:13px;color:var(--muted)}.axis-bars{display:flex;flex-direction:column;gap:7px}.axis-row{display:grid;grid-template-columns:118px 1fr 26px;align-items:center;gap:9px;font-size:12px}.axis-name{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axis-track{height:5px;background:var(--panel);border-radius:999px;overflow:hidden}.axis-fill{display:block;height:100%;background:var(--accent);border-radius:999px}.axis-score{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.chip-btn:hover{border-color:var(--accent);color:var(--text)}.neighbours{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.neighbours button{display:grid;grid-template-columns:56px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:2px 10px;width:100%;padding:6px;border-radius:8px;text-align:left;transition:.12s}.neighbours button:hover{background:var(--panel)}.neighbours img{grid-row:1 / 3;width:56px;border-radius:4px;display:block}.n-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.n-why{grid-column:2;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.n-score{grid-row:1 / 3;grid-column:3;font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums}.btn-wide{display:block;width:100%;padding:9px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;font-size:13px;color:var(--text);text-decoration:none}.btn-wide:hover{border-color:var(--accent)}.rating{display:flex;gap:3px}.star{font-size:19px;color:var(--line);transition:.1s}.star.on{color:#ffc247}.star:hover{color:var(--muted)}.row{display:flex;gap:6px}.row button{padding:0 12px;background:var(--panel);border:1px solid var(--line);border-radius:8px;font-size:13px}.detail textarea{resize:vertical;font-size:13px}@media(max-width:1100px){.app,.app.has-detail{grid-template-columns:240px minmax(0,1fr)}.detail{position:fixed;inset:0 0 0 auto;width:min(400px,100%);box-shadow:var(--shadow);z-index:20}}@media(max-width:720px){.app,.app.has-detail{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.sidebar{border-right:none;border-bottom:1px solid var(--line);max-height:42vh}}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;margin:-24px -26px 18px;padding:14px 26px;background:linear-gradient(180deg,#1a1814fa,#1a1814eb);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.brand{font-size:18px;font-weight:800;letter-spacing:-.02em}.brand span{color:var(--mustard)}.topbar-stats{flex:1;font-size:12.5px;color:var(--muted)}.surprise{padding:9px 16px;border-radius:10px;background:linear-gradient(135deg,var(--mustard) 0%,var(--mustard-dark) 100%);color:#1a1814;font-size:13.5px;font-weight:700;white-space:nowrap;transition:.15s}.surprise:hover{filter:brightness(1.08)}.sentinel{padding:28px 0 8px;text-align:center;font-size:12.5px;color:var(--muted)}@media(max-width:720px){.topbar{margin:-24px -16px 14px;padding:12px 16px}.topbar-stats{display:none}}.ghost-btn{padding:8px 14px;border-radius:10px;border:1px solid var(--line-light);background:var(--panel);font-size:13px;font-weight:600;color:var(--cream-dim);white-space:nowrap;transition:.15s}.ghost-btn:hover:not(:disabled){border-color:var(--mustard);color:var(--text)}.ghost-btn:disabled{opacity:.55;cursor:default}.sync-bar{display:flex;flex-direction:column;gap:7px;margin-bottom:22px;padding:12px 14px;background:var(--accent-soft);border:1px solid rgba(201,162,39,.3);border-radius:var(--radius);font-size:12.5px;color:var(--cream-dim)}.sync-track{height:4px;background:#0000004d;border-radius:999px;overflow:hidden}.sync-fill{height:100%;background:var(--mustard);border-radius:999px;transition:width .4s ease}.gate-card code{padding:1px 5px;border-radius:4px;background:#0000004d;font-size:12px}.mode-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;padding:14px 16px;background:#e639461a;border:1px solid rgba(230,57,70,.45);border-radius:var(--radius)}.mode-banner strong{display:block;font-size:14px;color:var(--cream)}.mode-banner p{margin:5px 0 0;font-size:12.5px;line-height:1.5;color:var(--cream-dim)}.mode-banner code{padding:1px 5px;border-radius:4px;background:#00000059;font-size:11.5px}.gate-warn{margin:0;padding:9px 11px;background:#e639461f;border:1px solid rgba(230,57,70,.4);border-radius:8px;font-size:12px;line-height:1.45;color:var(--cream-dim)}.sidebar h4 .count{margin-left:6px;padding:1px 6px;border-radius:999px;background:var(--panel);border:1px solid var(--line);color:var(--cream-dim);font-size:10px;letter-spacing:0}.chips-scroll{max-height:320px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.chips-note{display:block;width:100%;font-size:11.5px;color:var(--muted)}.art-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:8px;background:linear-gradient(135deg,var(--elevated) 0%,var(--panel) 100%);text-align:center}.art-fallback span{font-size:12px;font-weight:600;line-height:1.3;color:var(--cream-dim);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.detail-art{display:block;width:100%;aspect-ratio:460 / 215;border-radius:8px;overflow:hidden}.detail-art img{width:100%;height:100%;object-fit:cover;display:block}.n-art{grid-row:1 / 3;display:block;width:56px;aspect-ratio:460 / 215;border-radius:4px;overflow:hidden}.n-art img{width:100%;height:100%;object-fit:cover;display:block}.n-art .art-fallback span{font-size:8px;-webkit-line-clamp:2;line-clamp:2}.tile .art-fallback span{font-size:11px}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px 9px;border-top:1px solid var(--line)}.card-stars{display:flex;gap:1px}.card-stars .star{font-size:15px;line-height:1;padding:2px 1px;color:var(--line-light);transition:color .12s}.card-stars .star:hover{color:var(--cream-dim)}.card-stars .star.on{color:var(--mustard)}.card .card-love{position:static;width:auto;height:auto;background:none;border-radius:0;font-size:16px;line-height:1;color:var(--line-light)}.card .card-love:hover,.card .card-love.is-loved{color:var(--love)}