@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500&family=Syne:wght@400;600;700;800&display=swap";:root{--bg:#0e0e10;--bg2:#141416;--bg3:#1a1a1e;--border:#ffffff0f;--border2:#ffffff1f;--text:#e8e8e2;--muted:#6b6b72;--purple:#7c6af7;--purple2:#a89af9;--teal:#3ecfb0;--amber:#f0a835;--coral:#f07060;--blue:#5ba3f5;--green:#5ecb8a;--mono:"JetBrains Mono", monospace;--display:"Syne", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--display);min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#ffffff0a 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:.5px solid var(--border2);background:#0e0e10eb;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}nav h1{letter-spacing:-.02em;font-size:18px;font-weight:800}.nav-stats{font-family:var(--mono);gap:16px;font-size:11px;display:flex}.nav-stats span{color:var(--muted)}.nav-stats .n{color:var(--text);font-weight:500}.nav-views{gap:4px;display:flex}.nav-views button{font-family:var(--mono);border:.5px solid var(--border2);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:5px 12px;font-size:11px;transition:all .15s}.nav-views button:hover{color:var(--text);border-color:var(--border2)}.nav-views button.active{color:var(--purple2);background:#7c6af71f;border-color:#7c6af74d}.filters{border-bottom:.5px solid var(--border);flex-wrap:wrap;gap:8px;padding:10px 24px;display:flex}.filter-group{align-items:center;gap:4px;display:flex}.filter-group label{font-family:var(--mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-right:4px;font-size:9px}.filter-btn{font-family:var(--mono);border:.5px solid var(--border2);color:var(--muted);cursor:pointer;background:0 0;border-radius:5px;padding:3px 8px;font-size:10px;transition:all .15s}.filter-btn:hover{color:var(--text)}.filter-btn.active{color:var(--text);background:#ffffff0f;border-color:#fff3}.filter-sep{background:var(--border2);width:1px;height:18px;margin:0 6px}.gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;padding:16px 24px;display:grid}.gallery-empty{text-align:center;font-family:var(--mono);color:var(--muted);grid-column:1/-1;padding:60px 0;font-size:12px}.card{border:.5px solid var(--border2);background:var(--bg2);cursor:pointer;contain:layout style paint;content-visibility:auto;contain-intrinsic-size:200px 280px;border-radius:10px;transition:all .2s;position:relative;overflow:hidden}.card:hover{border-color:#ffffff2e;transform:translateY(-3px)}.card img{aspect-ratio:4/5;object-fit:cover;background:var(--bg3);width:100%;display:block}.card-score{font-family:var(--mono);border-radius:5px;padding:2px 7px;font-size:12px;font-weight:600;line-height:1.3;position:absolute;top:8px;right:8px}.card-motor{font-family:var(--mono);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.04em;background:#0009;border-radius:4px;padding:2px 6px;font-size:9px;position:absolute;top:8px;left:8px}.card-bottom{justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.card-name{font-family:var(--mono);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:70%;font-size:10px;overflow:hidden}.card-mood{font-family:var(--mono);border:.5px solid;border-radius:4px;padding:1px 6px;font-size:9px}.card-dots{opacity:0;background:linear-gradient(#0000,#000c);justify-content:center;gap:3px;padding:6px;transition:opacity .2s;display:flex;position:absolute;bottom:36px;left:0;right:0}.card:hover .card-dots{opacity:1}.card-dot{cursor:pointer;width:16px;height:16px;font-family:var(--mono);color:#ffffff80;background:#0006;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;font-size:8px;transition:all .1s;display:flex}.card-dot:hover{background:#fff3;transform:scale(1.2)}.card-dot.on{background:var(--green);border-color:var(--green);color:#000}.detail-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.detail{background:var(--bg2);border:.5px solid var(--border2);border-radius:14px;grid-template-columns:auto 380px;max-width:1100px;max-height:90vh;display:grid;overflow:hidden}.detail-img{object-fit:contain;background:#000;max-width:600px;max-height:90vh;display:block}.detail-panel{flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.detail-title{font-size:16px;font-weight:700}.detail-meta{flex-wrap:wrap;gap:6px;display:flex}.detail-chip{font-family:var(--mono);border:.5px solid var(--border2);background:var(--bg3);color:var(--muted);border-radius:5px;padding:3px 8px;font-size:10px}.detail-section{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;border-bottom:.5px solid var(--border);margin-bottom:4px;padding-bottom:4px;font-size:9px}.score-row{gap:4px;display:flex}.score-btn{border:.5px solid var(--border2);color:var(--muted);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:6px;flex:1;padding:8px 0;font-size:13px;font-weight:600;transition:all .15s}.score-btn:hover{color:var(--text);background:#ffffff0f}.score-btn.active{color:#000}.score-btn.s5.active{background:var(--coral);border-color:var(--coral)}.score-btn.s6.active{background:var(--amber);border-color:var(--amber)}.score-btn.s7.active{background:var(--blue);border-color:var(--blue)}.score-btn.s8.active{background:var(--green);border-color:var(--green)}.score-btn.s9.active{background:var(--teal);border-color:var(--teal)}.score-btn.s10.active{background:var(--purple2);border-color:var(--purple2)}.tag-pills{flex-wrap:wrap;gap:4px;display:flex}.tag-pill{font-family:var(--mono);border:.5px solid var(--border2);color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;padding:2px 8px;font-size:10px;transition:all .12s}.tag-pill:hover{color:var(--text);border-color:#fff3}.tag-pill.on{color:var(--text);background:#ffffff14;border-color:#ffffff40}.prompt-box{font-family:var(--mono);color:var(--muted);background:var(--bg3);border:.5px solid var(--border);border-radius:6px;max-height:120px;padding:10px;font-size:10px;line-height:1.6;overflow-y:auto}.category-actions{gap:6px;display:flex}.cat-btn{border:.5px solid var(--border2);font-family:var(--mono);color:var(--muted);cursor:pointer;text-align:center;background:0 0;border-radius:6px;flex:1;padding:8px;font-size:10px;transition:all .15s}.cat-btn:hover{color:var(--text)}.cat-btn.active{color:#000;font-weight:600}.cat-btn.x_ready.active{background:var(--green);border-color:var(--green)}.cat-btn.vault.active{background:var(--blue);border-color:var(--blue)}.cat-btn.archived.active{background:var(--coral);border-color:var(--coral)}.cat-btn.regenerate.active{background:var(--amber);border-color:var(--amber)}.stats-page{flex-direction:column;gap:20px;max-width:1100px;margin:0 auto;padding:24px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.stat-card{background:var(--bg2);border:.5px solid var(--border2);border-radius:12px;padding:16px;position:relative;overflow:hidden}.stat-card:before{content:"";height:1.5px;position:absolute;top:0;left:0;right:0}.stat-card .label{font-family:var(--mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:9px}.stat-card .value{font-size:28px;font-weight:800;line-height:1}.stat-card .sub{font-family:var(--mono);color:var(--muted);margin-top:4px;font-size:10px}.motor-bar{border-bottom:.5px solid var(--border);align-items:center;gap:10px;padding:8px 0;display:flex}.motor-bar-name{font-family:var(--mono);min-width:100px;font-size:11px;font-weight:500}.motor-bar-fill{background:var(--bg3);border-radius:3px;flex:1;height:6px;overflow:hidden}.motor-bar-fill div{border-radius:3px;height:100%;transition:width .4s}.motor-bar-count{font-family:var(--mono);color:var(--muted);text-align:right;min-width:40px;font-size:10px}.loading{height:80vh;font-family:var(--mono);color:var(--muted);justify-content:center;align-items:center;font-size:12px;display:flex}.kb-hint{font-family:var(--mono);color:var(--muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:.5px solid var(--border2);z-index:300;background:#0e0e10e6;border-radius:6px;padding:6px 14px;font-size:10px;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.kb-hint kbd{border:.5px solid var(--border2);background:#ffffff14;border-radius:3px;margin:0 2px;padding:1px 5px;font-size:9px;display:inline-block}