:root{--bg-color: #121212;--surface-color: #1e1e1e;--primary-color: #f0c400;--text-color: #e0e0e0;--text-secondary-color: #a0a0a0;--border-color: #333;--green: #4caf50;--red: #f44336;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);font-size:16px;line-height:1.6}.app-container{max-width:1200px;margin:0 auto;padding:1rem}header{text-align:center;margin-bottom:2rem}h1{color:var(--primary-color);font-size:clamp(1.75rem,5vw,2.5rem);margin-bottom:.5rem}.status{max-width:640px;margin:0 auto;font-size:.9rem;color:var(--text-secondary-color)}.link-button{margin-left:.5rem;background:none;border:none;padding:.25rem;font:inherit;color:var(--primary-color);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.link-button:disabled{opacity:.6;cursor:default}main{display:grid;gap:1.5rem}.controls-card,.chart-card,.shops-card{min-width:0;background-color:var(--surface-color);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color)}h2{font-size:1.25rem;margin-bottom:1rem;color:var(--text-color)}h2 span{display:block;font-size:.8rem;font-weight:400;color:var(--text-secondary-color)}.market-line{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:1rem;font-size:.9rem;color:var(--text-secondary-color)}.market-line strong{color:var(--text-color);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.control-hint{font-size:.8rem;color:var(--text-secondary-color)}.fine-print{margin-top:.75rem;font-size:.8rem;color:var(--text-secondary-color)}.range-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.range-buttons button{min-height:40px;padding:.4rem .9rem;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);font:inherit;font-size:.9rem;cursor:pointer}.range-buttons button:hover{border-color:var(--text-secondary-color)}.range-buttons button.active{background:var(--primary-color);border-color:var(--primary-color);color:#121212;font-weight:600}.range-buttons button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.year-group{margin-bottom:0;max-width:180px}.control-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.control-group label{font-size:.9rem;color:var(--text-secondary-color)}select,input[type=number]{background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;font-size:1rem;width:100%;min-height:48px}select:focus,input:focus{outline:2px solid var(--primary-color);border-color:var(--primary-color)}.loader{text-align:center;padding:2rem;color:var(--text-secondary-color)}.error-message{text-align:center;padding:1rem;background-color:#f443361a;border:1px solid var(--red);color:var(--red);border-radius:8px}.chart-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.chart-container{width:100%;min-height:300px;position:relative;transition:opacity .15s}.chart-container.refreshing{opacity:.45}.chart-placeholder{display:flex;align-items:center;justify-content:center;height:300px;padding:1rem;text-align:center;color:var(--text-secondary-color);background-color:var(--bg-color);border-radius:8px}@media (min-width: 768px){main{grid-template-columns:360px 1fr;align-items:start}.shops-card{grid-column:1 / -1}.chart-controls{flex-direction:row;align-items:flex-end}}.price-grid{display:grid;gap:1rem;margin-top:1.5rem}.price-card{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.price-header{font-weight:700;color:var(--primary-color);margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:baseline}.price-header span{font-weight:400;font-size:.8rem;color:var(--text-secondary-color)}.price-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0}.price-row:not(:last-child){border-bottom:1px solid var(--border-color)}.price-row-label,.price-row-value{display:flex;flex-direction:column;line-height:1.3}.price-row-value{align-items:flex-end;text-align:right;min-width:0}.price-row-value strong{font-size:1.2rem;font-variant-numeric:tabular-nums;white-space:nowrap}.price-row small,.price-row-label small{font-size:.75rem;color:var(--text-secondary-color)}.muted{color:var(--text-secondary-color)}.shop-list{list-style:none;display:grid;gap:1rem}.shop{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.shop.dimmed .shop-prices{opacity:.55}.shop-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.5rem}.shop-head a{color:var(--text-color);font-weight:600;text-decoration:underline;text-decoration-color:var(--border-color);text-underline-offset:3px}.shop-head a:hover,.shop-head a:focus-visible{text-decoration-color:var(--primary-color)}.shop-flag{font-size:.75rem;padding:.1rem .5rem;border-radius:999px;border:1px solid var(--primary-color);color:var(--primary-color)}.shop-prices{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1rem}.shop-prices dt{font-size:.75rem;color:var(--text-secondary-color)}.shop-prices dd{font-weight:600;font-variant-numeric:tabular-nums}.shop-note{margin-top:.5rem;font-size:.8rem;color:var(--text-secondary-color);overflow-wrap:anywhere}@media (min-width: 600px){.shop-prices{grid-template-columns:repeat(4,1fr)}}@media (min-width: 900px){.shop-list{grid-template-columns:repeat(2,1fr)}}.alt-price{display:block;font-size:.8rem;font-weight:400;color:var(--text-secondary-color);font-variant-numeric:tabular-nums;white-space:nowrap}.price-chart-plot{position:relative;height:300px;touch-action:pan-y;cursor:crosshair;border-radius:8px}.price-chart-plot:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.price-chart-plot svg{display:block}.pc-grid{stroke:var(--border-color);stroke-width:1}.pc-tick{fill:var(--text-secondary-color);font-size:11px;font-variant-numeric:tabular-nums}.pc-line{fill:none;stroke:var(--primary-color);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.pc-area{fill:var(--primary-color);opacity:.1}.pc-cross{stroke:var(--text-secondary-color);stroke-width:1}.pc-dot{fill:var(--primary-color);stroke:var(--surface-color);stroke-width:2}.pc-tip{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;padding:.35rem .6rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;pointer-events:none;white-space:nowrap;line-height:1.3}.pc-tip strong{color:var(--text-color);font-variant-numeric:tabular-nums}.pc-tip span{color:var(--text-secondary-color);font-size:.75rem}.price-chart-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.price-chart-stats dt{font-size:.75rem;color:var(--text-secondary-color)}.price-chart-stats dd{font-weight:600;font-variant-numeric:tabular-nums}@media (min-width: 600px){.price-chart-stats{grid-template-columns:repeat(4,1fr)}}.price-chart-stats .alt-price{display:block;font-size:.8rem;font-weight:400;color:var(--text-secondary-color)}