:root{--bg: #0f1216;--bg-raised: #171c22;--bg-input: #1e252d;--border: #2a323c;--border-strong: #3a444f;--text: #e8ecf1;--text-dim: #93a1b0;--accent: #ffcb05;--accent-blue: #3b6ea5;--pos: #4ade80;--neg: #f87171;--radius: 10px;--shadow: 0 8px 30px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button{font:inherit;cursor:pointer}a{color:var(--accent-blue)}h1,h2,h3{margin:0}.app{max-width:1180px;margin:0 auto;padding:20px 20px 60px}.app-header{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px}.brand .logo{font-size:34px;color:var(--accent);line-height:1}.brand h1{font-size:20px;letter-spacing:.2px}.brand p{margin:2px 0 0;color:var(--text-dim);font-size:12px}.header-stats{display:flex;gap:22px;margin-left:auto;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:flex-end}.stat-value{font-size:17px;font-weight:650;font-variant-numeric:tabular-nums}.stat-value[data-tone=pos]{color:var(--pos)}.stat-value[data-tone=neg]{color:var(--neg)}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim)}.header-actions{display:flex;gap:8px;align-items:center}.btn-primary,.btn-ghost,.btn-danger{border-radius:8px;border:1px solid var(--border-strong);padding:8px 14px;background:var(--bg-input);color:var(--text);transition:background .12s,border-color .12s,opacity .12s}.btn-primary{background:var(--accent);color:#1a1a1a;border-color:var(--accent);font-weight:650}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost:hover{border-color:var(--accent)}.btn-danger{border-color:#6e2b2b;color:var(--neg);background:transparent}.btn-danger:hover{background:#f871711f}.btn-primary:disabled,.btn-ghost:disabled{opacity:.45;cursor:not-allowed}.sm{padding:6px 10px;font-size:13px}.tabs{display:flex;align-items:center;gap:6px;margin:18px 0 20px}.tabs button{background:transparent;border:1px solid transparent;border-radius:8px;padding:8px 14px;color:var(--text-dim);font-weight:600;display:flex;align-items:center;gap:8px}.tabs button.active{background:var(--bg-raised);border-color:var(--border);color:var(--text)}.tabs .count{background:var(--accent);color:#1a1a1a;border-radius:999px;padding:0 7px;font-size:12px;font-weight:700}.tab-note{margin-left:auto;color:var(--text-dim);font-size:12px}input,select,textarea{font:inherit;color:var(--text);background:var(--bg-input);border:1px solid var(--border-strong);border-radius:8px;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-blue);outline-offset:0}textarea{resize:vertical;width:100%}label.block{display:flex;flex-direction:column;gap:5px;margin-top:12px;font-size:12px;color:var(--text-dim)}label.block input,label.block textarea{color:var(--text)}.search-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px}.search-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-dim)}.search-form input,.search-form select{color:var(--text)}.search-form .sf-name{flex:1 1 220px}.search-form .sf-num{flex:0 1 90px}.search-form .sf-set{flex:1 1 180px;min-width:0}.search-form .sf-set select{width:100%}.search-form .sf-lang{flex:0 1 150px}.search-form .sf-go,.search-form .sf-manual{flex:0 0 auto;height:37px}.sf-hint{margin:8px 2px 0}.manual-identity{margin-bottom:6px}.manual-identity>label.block{margin-top:0}.manual-identity .field-grid{margin-top:10px}.manual-identity input{color:var(--text)}.empty,.result-line,.err{color:var(--text-dim);margin:16px 2px}.err{color:var(--neg)}.err.sm,.dim.sm{font-size:12px;margin:6px 0}.dim{color:var(--text-dim)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px;margin-top:16px}.card-tile{display:flex;flex-direction:column;text-align:left;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:10px;gap:8px;color:var(--text);transition:transform .1s,border-color .1s}.card-tile:hover{border-color:var(--accent);transform:translateY(-2px)}.tile-img{position:relative;aspect-ratio:5 / 7;border-radius:6px;overflow:hidden;background:#0b0e12}.tile-img img{width:100%;height:100%;object-fit:contain;display:block}.owned-badge{position:absolute;left:6px;bottom:6px;background:var(--accent);color:#1a1a1a;font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px}.owned-badge.wish{background:var(--accent-blue);color:#fff}.tile-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.tile-name{font-weight:650;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-sub{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-price{font-size:13px;font-weight:650;color:var(--accent);margin-top:2px}.tile-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.chip{font-size:10px;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:999px;padding:1px 7px;color:var(--text-dim)}.chip.trade{border-color:var(--accent-blue);color:#9dc0e6}.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0;color:var(--text-dim)}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.filters input[type=search]{flex:1 1 260px}.sort-control{display:flex;gap:6px;align-items:center}.sort-dir{padding:6px 9px;line-height:1}.view-toggle{display:flex;border:1px solid var(--border-strong);border-radius:8px;overflow:hidden;margin-left:auto}.view-toggle button{background:var(--bg-input);border:none;padding:8px 12px;color:var(--text-dim)}.view-toggle button.active{background:var(--accent);color:#1a1a1a;font-weight:650}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);margin-top:12px}table{width:100%;border-collapse:collapse;font-size:13px}thead th{text-align:left;padding:10px 12px;background:var(--bg-raised);color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;white-space:nowrap}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}thead th.sortable:hover{color:var(--text)}thead th.sorted{color:var(--accent)}.sort-arrow{font-size:9px}tbody td{padding:8px 12px;border-top:1px solid var(--border)}tbody tr{cursor:pointer}tbody tr:hover{background:var(--bg-raised)}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}.thumb-cell{width:40px}.thumb-cell img{width:34px;border-radius:3px;display:block}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;z-index:50}.modal{position:relative;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow);width:min(760px,100%);padding:24px}.settings-modal{width:min(460px,100%)}.modal-close{position:absolute;top:10px;right:12px;background:transparent;border:none;color:var(--text-dim);font-size:24px;line-height:1}.modal-close:hover{color:var(--text)}.modal-body{display:grid;grid-template-columns:240px 1fr;gap:22px}.modal-art img{width:100%;border-radius:10px;display:block}.art-fallback{aspect-ratio:5 / 7;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border-radius:10px;color:var(--text-dim)}.art-links{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:12px}.modal-form h2{font-size:18px}.modal-sub{margin:4px 0 0;color:var(--text-dim);font-size:13px}.modal-sub.dim{font-size:12px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:16px}.field-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-dim)}.field-grid input,.field-grid select{color:var(--text)}.market-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:10px 12px;background:var(--bg-input);border-radius:8px;font-size:13px}.gain-note{margin:8px 0 0;font-size:12px}.gain-note.pos{color:var(--pos)}.gain-note.neg{color:var(--neg)}.flag-row{display:flex;gap:20px;margin-top:14px}.checkbox{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text)}.checkbox input{width:16px;height:16px}.modal-actions{display:flex;align-items:center;gap:10px;margin-top:22px}.modal-actions .spacer{flex:1}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--accent);color:#1a1a1a;font-weight:650;padding:10px 18px;border-radius:999px;box-shadow:var(--shadow);z-index:60}.app-footer{margin-top:40px;padding-top:16px;border-top:1px solid var(--border);color:var(--text-dim);font-size:12px;text-align:center}.app.centered{min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:min(400px,100%);background:var(--bg-raised);border:1px solid var(--border);border-radius:14px;padding:28px}.auth-brand{display:flex;align-items:center;gap:10px}.auth-brand .logo{font-size:30px;color:var(--accent)}.auth-brand h1{font-size:20px}.auth-tag{color:var(--text-dim);margin:8px 0 20px;font-size:13px}.auth-form{display:flex;flex-direction:column;gap:4px}.auth-form label.block{margin-top:8px}.auth-form input{color:var(--text)}.auth-submit{margin-top:16px;width:100%;padding:11px}.auth-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:16px}.linkish{background:none;border:none;color:var(--accent-blue);font-size:13px;padding:0}.linkish:hover{text-decoration:underline}.notice{color:var(--pos)}.setup-list{margin:0;padding-left:20px;color:var(--text);font-size:13px;line-height:1.7}.setup-list code{background:var(--bg-input);padding:1px 5px;border-radius:4px;font-size:12px}.centered.dim{min-height:100vh;display:flex;align-items:center;justify-content:center}@media(max-width:760px){.app{padding:14px 12px 48px}.app-header{gap:12px 16px}.brand h1{font-size:18px}.header-stats{order:3;width:100%;margin-left:0;gap:12px 18px;justify-content:space-between}.stat{align-items:flex-start}.stat-value{font-size:15px}.header-actions{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.tabs{flex-wrap:wrap}.tab-note{width:100%;margin-left:0}.search-form .sf-name{flex:1 1 100%}.search-form .sf-num,.search-form .sf-set,.search-form .sf-lang,.search-form .sf-go,.search-form .sf-manual{flex:1 1 calc(50% - 6px)}.filters input[type=search]{flex:1 1 100%}.filters select{flex:1 1 40%}.filters .sort-control{flex:1 1 100%}.filters .sort-control select{flex:1 1 auto}.view-toggle{margin-left:0}.modal{padding:18px}.modal-body{grid-template-columns:1fr}.modal-art{max-width:200px;margin:0 auto}.field-grid{grid-template-columns:1fr 1fr}.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.modal-actions{flex-wrap:wrap}.modal-actions .btn-primary,.modal-actions .btn-ghost,.modal-actions .btn-danger{flex:1 1 auto}}@media(max-width:420px){.card-grid{grid-template-columns:repeat(2,1fr)}}