:root{font-family:'DM Sans','Segoe UI',sans-serif;color:#e8edee;background:#101415;font-synthesis:none;font-size:16px;--muted:#9ba8a9;--line:#2b3334;--mint:#c3f475;--green:#91d5a3}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}header{height:90px;max-width:1600px;margin:auto;padding:0 48px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{font-family:Manrope,'Segoe UI',sans-serif;font-weight:800;font-size:22px;letter-spacing:-.6px;display:flex;align-items:center;gap:13px}.brand-icon{width:42px;height:42px;background:var(--mint);color:#182111;border-radius:50%;display:grid;place-items:center;font-size:18px;letter-spacing:-1px}.brand-light{font-weight:500;color:#a9b3b3}.local{margin-left:auto;font-size:13px;color:var(--muted);border:1px solid var(--line);padding:7px 11px;border-radius:30px}.quiet{border:1px solid #3a4445;border-radius:8px;background:transparent;color:#d8dede;padding:10px 15px;font-size:14px}.quiet:hover{background:#252d2e}.primary{border:0;background:var(--mint);color:#1a2513;font-size:14px;font-weight:700;border-radius:9px;padding:15px 21px;white-space:nowrap}.primary:hover{background:#d4ff91}.primary span{margin-left:20px}main{max-width:1600px;margin:auto;padding:43px 48px 25px}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;color:var(--mint);margin-bottom:11px}h1,h2,h3{font-family:Manrope,'Segoe UI',sans-serif}h1{font-size:clamp(27px,3vw,39px);font-weight:650;letter-spacing:-1.5px;margin:0 0 11px}p{color:var(--muted);line-height:1.6;margin:0}.heading p{font-size:15px}.connection{border:1px solid #3c442e;background:#1c241b;border-radius:10px;display:flex;align-items:center;padding:17px 20px;gap:14px}.connection strong{font-size:14px;font-weight:600}.connection p{font-size:13px;margin-top:3px}.connection button{margin-left:auto;flex-shrink:0}.status-dot{width:8px;height:8px;border-radius:50%;background:#d0d786;flex-shrink:0}.connection.connected{background:#19251f;border-color:#2d4b38}.connection.connected .status-dot{background:#8fde9e}.connection.error{background:#2b2319;border-color:#645030}.connection.error .status-dot{background:#ebbd74}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:29px 0 38px}.stats>div{border-right:1px solid var(--line);padding:0 25px}.stats>div:first-child{padding-left:0}.stats>div:last-child{border:0}.stats span{color:var(--muted);font-size:13px;display:block}.stats strong{display:block;font-size:35px;font-weight:500;font-family:Manrope,sans-serif;letter-spacing:-1px;line-height:1.8}.stats em{font-style:normal;font-size:18px;color:var(--muted);letter-spacing:0}.stats small{font-size:12px;color:#849193;display:block;line-height:1.5}.green{color:var(--green)}.collection-title{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:18px}h2{font-size:21px;letter-spacing:-.5px;margin:0;font-weight:650}.collection-title h2 span{color:#8e9a9b;font-size:13px;letter-spacing:0;border:1px solid var(--line);border-radius:6px;padding:3px 7px;margin-left:8px;vertical-align:middle}.view-tabs{display:flex;padding:4px;background:#191e20;border-radius:8px;gap:3px}.view-tabs button{border:0;padding:9px 13px;background:transparent;color:var(--muted);font-size:13px;border-radius:5px}.view-tabs button.active{background:#343d3e;color:#fff}.view-tabs button span{margin-left:4px;color:#b8ddb5}.toolbar{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding:20px 0}.search{display:flex;align-items:center;gap:8px;background:#1b2022;border:1px solid #30383a;border-radius:8px;padding:10px 13px;min-width:240px}.search>span{font-size:23px;color:#9ba8a9;line-height:1}.search input{background:none;border:0;outline:none;color:#e0e7e7;width:100%;font-size:14px}.search input::placeholder{color:#8e9b9e}.chips{display:flex;gap:7px}.chips span{font-size:12px;color:#aab8b9;border:1px solid #303839;border-radius:5px;padding:6px 9px;white-space:nowrap}.chips span:first-child{color:var(--mint);border-color:#445637}select{background:#1b2022;border:1px solid #3a4445;color:#d5dddd;border-radius:8px;padding:11px 13px;font-size:13px;max-width:100%}.toolbar select{margin-left:auto}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.card{background:#1b2021;border:1px solid #303738;border-radius:13px;overflow:hidden;position:relative;transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-3px);border-color:#687b63}.card-image{width:100%;height:230px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 60%,#354039 0%,#252d29 35%,#1d2422 75%);border:0;border-bottom:1px solid #303738;padding:22px 25px;cursor:pointer}.card:nth-child(3n+2) .card-image{background:radial-gradient(ellipse at 50% 60%,#3b3e4b,#262a34 40%,#20252a 80%)}.card:nth-child(3n+3) .card-image{background:radial-gradient(ellipse at 50% 60%,#494133,#322f27 40%,#272720 80%)}.card-image img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 8px 11px #0007);transition:transform .22s}.card:hover .card-image img{transform:rotate(-2deg) scale(1.03)}.card-image .no-image{font-size:20px;color:#9ca89f}.fav{position:absolute;right:12px;top:12px;border:1px solid #60705e88;background:#1a211de6;color:#d1d9cf;border-radius:50%;width:29px;height:29px;font-size:19px;display:grid;place-items:center;z-index:1}.fav.selected{color:var(--mint);border-color:var(--mint)}.number{position:absolute;top:13px;left:12px;font-size:11px;color:#d4ddd7;background:#101a1399;padding:4px 7px;border-radius:5px}.card-info{padding:17px 16px 13px}.card-info h3{font-size:15px;line-height:1.4;margin:0 0 4px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-sub{font-size:12px;color:#93a0a0}.price-row{display:flex;justify-content:space-between;align-items:center;gap:7px;margin:16px 0 10px}.price{font-size:26px;letter-spacing:-.8px;font-weight:600}.price span{font-size:16px;font-weight:400;margin-left:3px;color:#9ca9aa}.change{font-size:12px;color:#8fd9a4;background:#243b2c;padding:5px 6px;border-radius:5px;white-space:nowrap}.change.up{color:#edb49f;background:#412e29}.change.neutral{color:#a1afaf;background:#2a3233}.chart{width:100%;height:40px;display:block}.chart-empty{height:40px;display:flex;align-items:center;color:#839291;font-size:12px;gap:8px}.chart-empty:after{content:'';flex:1;border-top:1px dashed #46534e}.card-bottom{border-top:1px solid #303839;margin-top:12px;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;color:#91a1a1}.card-bottom button{border:0;background:none;color:#c8d2cd;padding:0;font-size:12px}.card-bottom .stale{color:#d7b780}.load-more{display:block;margin:25px auto 10px}.empty{padding:60px;text-align:center;background:#1b2021;border:1px dashed #3a4444;border-radius:12px;color:#a4b1b0}.catalog-note{grid-column:1/-1;font-size:13px;color:#9dadaa;margin:0 0 2px}.catalog-note strong{color:#cdd6d3;font-weight:500}footer{border-top:1px solid var(--line);margin-top:34px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.7;color:#849492}footer a:hover{color:var(--mint)}dialog{background:#1c2324;color:#e6eeee;border:1px solid #435151;border-radius:18px;padding:34px;max-width:min(820px,calc(100vw - 32px));width:820px;max-height:90vh;overflow:auto}dialog::backdrop{background:#050b0bd9;backdrop-filter:blur(5px)}.close{position:absolute;right:14px;top:10px;font-size:30px;background:transparent;border:0;color:#a4b2b1}.detail-top{display:flex;gap:28px;margin-top:8px}.detail-top>img{width:160px;height:225px;object-fit:contain}.detail-top>div{flex:1}.detail-top h2{font-size:27px;margin-bottom:10px}.detail-top .big-price{font-size:40px;margin:12px 0 10px;color:var(--mint)}.detail-top p{font-size:14px}.detail-chart{margin-top:28px;padding:20px;background:#151c1d;border-radius:10px}.detail-chart .chart{height:160px}.detail-chart .chart-large{height:auto;width:100%}.chart-caption{display:flex;justify-content:space-between;font-size:12px;color:#899c9a;margin-top:12px;gap:10px}.detail-metrics{display:flex;gap:25px;margin:20px 0;font-size:13px;color:var(--muted)}.detail-metrics strong{color:#d6e0dc;font-weight:500}.out-link{display:inline-block;font-size:14px;color:var(--mint);border-bottom:1px solid #63794d;padding-bottom:5px;margin-top:18px}.history-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:20px}.history-table td,.history-table th{text-align:left;border-bottom:1px solid #34413e;padding:10px 7px}.history-table th{color:#a3b2b0;font-weight:400}.history-table td{color:#d1dcd7}#settings{width:470px}#settings h2{margin-bottom:23px}#settingsForm{display:grid;gap:19px}#settingsForm label{display:grid;gap:9px;font-size:14px}#settingsForm select{font-size:14px;padding:12px}.form-note{font-size:13px}.export{display:block;margin-top:20px;color:var(--mint);font-size:14px}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#e2eddb;color:#183022;box-shadow:0 4px 30px #0007;border-radius:9px;padding:13px 21px;z-index:50;max-width:90vw;font-size:14px}[hidden]{display:none!important}@media(min-width:1500px){.card-image{height:260px}}@media(max-width:1150px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card-image{height:215px}header{padding:0 30px}main{padding:35px 30px}.chips span:last-child{display:none}.stats>div{padding:0 15px}.stats span{font-size:12px}}@media(max-width:900px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-title{align-items:flex-start;flex-direction:column;gap:15px}.stats{grid-template-columns:repeat(2,1fr);row-gap:25px}.stats>div:nth-child(3){padding-left:0}.stats>div:nth-child(2){border:0}.toolbar{flex-wrap:wrap}.toolbar select{margin-left:auto}.search{flex:1}.chips{order:3;width:100%}.chips span:last-child{display:block}footer{flex-direction:column;gap:7px}}@media(max-width:620px){header{height:73px;padding:0 20px;gap:12px}.brand{font-size:18px;gap:9px}.brand-icon{width:33px;height:33px;font-size:15px}.local{display:none}header .quiet{margin-left:auto;font-size:12px;padding:9px}.heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:23px}.heading p{font-size:14px}main{padding:28px 18px}.heading .primary{width:100%;text-align:left;display:flex;justify-content:space-between}.connection{align-items:flex-start;padding:15px;gap:10px;flex-wrap:wrap}.status-dot{margin-top:6px}.connection>div{flex:1}.connection button{width:100%;margin-left:18px}.stats{margin:25px 0 30px}.stats strong{font-size:30px}.stats small{font-size:11px}.stats>div{padding:0 10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-image{height:200px;padding:23px 18px 15px}.card-info{padding:13px 11px 10px}.card-info h3{font-size:14px}.card-sub{font-size:11px}.price-row{flex-wrap:wrap;gap:5px}.price{font-size:23px}.change{font-size:11px}.card-bottom{flex-wrap:wrap;gap:7px;font-size:11px}.view-tabs{width:100%;justify-content:space-between}.view-tabs button{padding:8px 9px}.toolbar{gap:10px}.search{width:100%;min-width:100%}.toolbar select{margin:0;width:100%;order:4}.collection-title h2{font-size:20px}.chart-empty{font-size:11px}.detail-top{flex-direction:column;align-items:center;gap:20px}.detail-top>div{width:100%}.detail-top>img{height:220px}dialog{padding:28px 20px}.detail-metrics{gap:12px;flex-wrap:wrap}.history-table{font-size:12px}.history-table td,.history-table th{padding:8px 3px}.empty{padding:40px 15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.detail-note{margin-top:20px}
@media(min-width:621px){header{height:72px}main{padding-top:28px}.heading{margin-bottom:21px}h1{font-size:34px}.connection{padding:12px 18px}.stats{margin:22px 0 28px}.stats strong{font-size:31px;line-height:1.65}.toolbar{padding:14px 0}.collection-title{margin-bottom:14px}}
@media(max-width:620px){.connection button{margin-left:0}}

.guide-line{margin-top:4px;display:flex;gap:6px;align-items:center}.guide-line strong{color:inherit;font-weight:600}.guide-line .change{font-size:11px;padding:1px 6px}

.heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

#logout{padding:7px 11px;font-size:13px}.login{max-width:420px;margin:12vh auto;padding:0 20px}.login form{display:grid;gap:16px;margin-top:26px}.login label{display:grid;gap:9px;font-size:14px;color:var(--muted)}.login input{background:#1b2022;border:1px solid #3a4445;color:#e0e7e7;border-radius:8px;padding:13px;font-size:15px}.login-error{color:#edb49f;font-size:14px}
.read-only .fav,.read-only #startButton,.read-only #scanButton,.read-only #expressButton,.read-only #settingsButton,.read-only #resumeButton,.read-only #showButton,.read-only #logout{display:none!important}