.view-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px;border:1px solid #65deda35;border-radius:18px;background:linear-gradient(115deg,#17313a,#161e34);margin-bottom:18px}.view-wish{background:linear-gradient(115deg,#33283c,#161e34);border-color:#bda0df40}.view-prices{background:linear-gradient(115deg,#20294c,#152a33)}.view-intro h2{font-size:25px;font-weight:750;margin:0 0 10px}.view-intro p:last-child{font-size:13px;color:#b1c1d5;margin:0;max-width:650px}.view-total{text-align:center;min-width:80px}.view-total strong{display:block;font-size:42px;color:var(--teal);line-height:1.2}.view-total span{color:#b1c1d5;font-size:12px}.view-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.view-metrics>div{padding:18px;border:1px solid var(--line);background:var(--panel);border-radius:12px}.view-metrics span,.view-metrics small{display:block;color:#a5b6ce;font-size:11px}.view-metrics strong{display:block;font-size:25px;margin:7px 0}.shelf-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px}.shelf-tools .form-select{width:auto;max-width:100%;font-size:12px}.shelf-filters{display:flex;gap:6px}.shelf-filters .btn{font-size:11px}.shelf-filters .active{color:var(--teal);background:#65deda18}.history-filter{font-size:12px;color:#b0c1d5;display:flex;align-items:center;gap:7px}.history-filter input{accent-color:var(--teal)}.shelf-result{font-size:12px;color:var(--muted);margin:16px 0}.shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.shelf-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.shelf-card[hidden]{display:none}.shelf-picture{height:225px;background:radial-gradient(ellipse at center,#a78bfa16,transparent 72%),#10182a;position:relative;padding:18px;display:flex;align-items:center;justify-content:center}.shelf-picture button{border:0;background:none;padding:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.shelf-picture img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.shelf-real-card{border-radius:5% / 3.5%;box-shadow:0 8px 18px #0005}.shelf-favorite{position:absolute;right:15px;top:12px;color:var(--teal);font-size:12px}.shelf-copy{padding:18px;display:flex;flex-direction:column;flex:1;min-width:0}.shelf-card-label{display:flex;gap:8px;align-items:center;justify-content:space-between;color:var(--purple);font-size:10px;margin-bottom:10px}.shelf-copy h3{font-size:18px;font-weight:700;line-height:1.35;margin-bottom:5px;overflow-wrap:anywhere}.shelf-set{font-size:11px;color:#a6b8d1;min-height:16px;margin-bottom:12px;overflow-wrap:anywhere}.shelf-tags{display:flex;gap:8px 12px;flex-wrap:wrap;align-items:center;font-size:10px;color:#bccbdd;margin-bottom:14px}.shelf-card-prices{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line);padding:14px 0}.shelf-card-prices small,.price-headline small{display:block;font-size:10px;color:#a5b6ce;margin-bottom:5px}.shelf-card-prices strong{font-size:19px}.shelf-provenance{display:flex;gap:8px 12px;flex-wrap:wrap;align-items:center;font-size:10px;color:#b2c2d8;margin-bottom:18px}.shelf-provenance .condition-badge{font-size:10px;min-width:27px}.shelf-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px}.shelf-actions>*{flex:1;font-size:11px}.shelf-wish{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-wish .shelf-card{display:grid;grid-template-columns:130px minmax(0,1fr)}.shelf-wish .shelf-picture{height:100%;min-height:260px;padding:12px}.shelf-wish .shelf-favorite{right:8px;top:8px}.shelf-prices{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-prices .shelf-picture{height:100px;align-items:center;justify-content:flex-start;padding:10px 18px}.price-headline{display:flex;justify-content:space-between;align-items:center;gap:12px}.price-headline strong{font-size:27px}.price-change{font-size:13px;text-align:right}.price-change small{font-size:9px;margin:3px 0}.price-up{color:#f3c876}.price-down{color:#7de2af}.price-chart{width:100%;height:auto;display:block;margin:10px 0}.price-chart text{fill:#9fb1c9;font-size:10px}.chart-grid{stroke:#334159;stroke-dasharray:3 4}.chart-line{fill:none;stroke:var(--teal);stroke-width:2.5;stroke-linejoin:round}.price-chart circle{fill:var(--teal);stroke:#151e32;stroke-width:2}.chart-empty{min-height:135px;display:flex;align-items:center;justify-content:center;gap:12px;color:#94a7c1;font-size:12px}.chart-empty i{font-size:26px}.shelf-note{font-size:11px;color:#9fb1c9}.observation-list{font-size:11px;border-top:1px solid var(--line);padding:10px 0}.observation-list summary{cursor:pointer;color:var(--teal)}.observation-list ol{list-style:none;padding:0;margin:10px 0 0}.observation-list li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.observation-list small{display:block;color:#9fb1c9;overflow-wrap:anywhere}.shelf-empty{text-align:center;padding:40px 20px}.shelf-empty[hidden]{display:none}.shelf-empty>i{font-size:36px;color:var(--purple)}.shelf-empty h2{font-size:20px;margin-top:15px}.shelf-empty p{font-size:13px;color:#a5b6ce}@media(max-width:1250px){.shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-wish{grid-template-columns:1fr}}@media(max-width:600px){.view-intro{padding:20px;gap:14px}.view-intro h2{font-size:20px}.view-intro p:last-child{font-size:12px}.view-total{min-width:45px}.view-total strong{font-size:30px}.view-metrics{gap:8px;grid-template-columns:1fr}.view-metrics>div{padding:12px 15px;display:grid;grid-template-columns:1fr auto;gap:3px 10px}.view-metrics strong{font-size:22px;grid-column:2;grid-row:1/3;margin:0;align-self:center}.view-metrics small{grid-column:1}.shelf{grid-template-columns:1fr}.shelf-tools .search-box{min-width:100%}.shelf-tools .form-select{width:100%}.shelf-picture{height:240px}.shelf-copy{padding:16px}.shelf-wish .shelf-card{grid-template-columns:105px minmax(0,1fr)}.shelf-wish .shelf-copy{padding:12px}.shelf-wish .shelf-card-prices{grid-template-columns:1fr;gap:8px}.shelf-wish .shelf-actions{flex-wrap:wrap}.shelf-wish .shelf-actions>*{flex-basis:100%}.shelf-wish .shelf-card-label{flex-wrap:wrap}.shelf-wish .shelf-copy h3{font-size:16px}}

@media(max-width:600px){.shelf-wish .shelf-card-prices{grid-template-columns:1fr 1fr;gap:8px}.shelf-wish .shelf-card-prices strong{font-size:17px}.shelf-wish .shelf-actions{flex-wrap:nowrap;gap:5px}.shelf-wish .shelf-actions>*{flex-basis:0;font-size:10px;padding:6px}}
.shelf-prices .shelf-card{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:stretch}.shelf-prices .shelf-picture{height:100%;min-height:260px;padding:12px;justify-content:center}.shelf-prices .shelf-picture img{max-height:220px}.shelf-prices .price-chart{max-height:100px;margin:6px 0}.shelf-prices .chart-empty{min-height:65px;font-size:11px}.shelf-prices .chart-empty i{font-size:20px}.shelf-prices .price-headline strong{font-size:23px}.shelf-prices .shelf-tags{margin-bottom:10px}.shelf-prices .shelf-note{margin-bottom:8px}.shelf-prices .shelf-actions{padding-top:8px}.shelf-prices .price-change small{max-width:85px}.shelf-prices .observation-list{padding:8px 0}@media(max-width:1250px){.shelf-prices{grid-template-columns:1fr}}@media(max-width:600px){.shelf-prices .shelf-card{grid-template-columns:105px minmax(0,1fr)}.shelf-prices .shelf-copy{padding:12px}.shelf-prices .shelf-picture{min-height:220px;padding:10px}.shelf-prices .shelf-picture img{max-height:200px}.shelf-prices .shelf-card-label{flex-wrap:wrap}.shelf-prices .shelf-copy h3{font-size:16px}.shelf-prices .price-headline{flex-wrap:wrap;gap:5px}.shelf-prices .price-headline strong{font-size:21px}.shelf-prices .price-change{font-size:11px;text-align:left}.shelf-prices .price-change small{display:inline;margin-left:4px;max-width:none}.shelf-prices .price-chart{max-height:60px}.shelf-prices .price-chart text{display:none}.shelf-prices .shelf-actions{gap:5px;flex-wrap:wrap}.shelf-prices .shelf-actions>*{font-size:10px;padding:6px}.shelf-prices .observation-list li{flex-wrap:wrap;gap:4px}.shelf-prices .observation-list summary{font-size:10px}}

.shelf-prices{align-items:start}.shelf-prices .shelf-card{grid-template-columns:clamp(155px,30%,220px) minmax(0,1fr)}.shelf-prices .shelf-picture{min-height:0;padding:14px}.shelf-prices .shelf-picture img{max-height:275px}.shelf-prices .shelf-copy{padding:18px}.single-price{display:flex;gap:10px;align-items:flex-start;padding:12px 0;margin:10px 0 3px;border-top:1px solid var(--line)}.single-price>i{font-size:18px;color:var(--teal)}.single-price strong,.single-price span,.single-price small{display:block}.single-price strong{font-size:12px;font-weight:600;color:#cfdaeb}.single-price span{font-size:11px;color:#aabbd1;margin-top:4px;overflow-wrap:anywhere}.single-price small{font-size:10px;color:#96aac5;line-height:1.45;margin-top:6px}.chart-bounds,.chart-dates{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#aabed6}.chart-bounds{margin-top:12px}.chart-dates{margin-bottom:10px}.shelf-prices .price-chart{height:90px;max-height:none;margin:4px 0}.price-chart .chart-line{vector-effect:non-scaling-stroke}@media(max-width:600px){.shelf-prices .shelf-card{grid-template-columns:120px minmax(0,1fr)}.shelf-prices .shelf-picture{padding:10px}.shelf-prices .shelf-picture img{max-height:240px}.shelf-prices .shelf-copy{padding:12px}.shelf-prices .price-chart{height:65px;max-height:none}.shelf-prices .shelf-actions{flex-direction:column}.single-price{gap:7px}.single-price>i{font-size:14px}.single-price strong{font-size:11px}.chart-bounds,.chart-dates{font-size:9px}}@media(max-width:350px){.shelf-prices .shelf-card{grid-template-columns:105px minmax(0,1fr)}}
