:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 700px){body{padding:0;min-height:100vh;align-items:flex-start;justify-content:flex-start}.container{max-width:100vw;width:100vw;border-radius:0;box-shadow:none;padding:6px 10px!important;margin:0;align-items:stretch;box-sizing:border-box}h1{font-size:1.15rem;font-weight:300;font-style:normal;letter-spacing:.04em;margin-bottom:.75rem;padding:.5rem 0;text-align:center}h2{font-size:1rem!important}.controls{flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important;max-width:100%!important;margin-bottom:12px!important;box-sizing:border-box}.controls>*{margin-left:0!important;margin-right:0!important}.controls>span{display:flex!important;flex-direction:column;gap:8px;width:100%}.controls input[type=text]{width:100%!important;margin-right:0!important;box-sizing:border-box;font-size:16px!important;padding-left:20px!important;padding-right:20px!important}.controls button,.controls>button{margin-left:0!important;margin-right:0!important;width:auto!important;align-self:center;box-sizing:border-box;font-size:.8rem!important;padding:6px 14px!important;border-radius:6px!important}.store-filter-select{width:100%!important;box-sizing:border-box;font-size:16px!important}.btn-row{display:flex!important;flex-direction:row!important;justify-content:center;gap:8px;width:100%}.fish-table{display:block!important;min-width:0!important;width:100%!important;overflow:visible!important;border:none;background:transparent}.fish-table thead{display:none}.fish-table tbody{display:flex;flex-direction:column;gap:6px}.fish-table tbody tr.fish-row,.fish-table tbody tr:not(.fish-detail-row){display:grid!important;grid-template-columns:56px 1fr auto;grid-template-rows:auto auto;gap:2px 10px;align-items:center;padding:10px 12px;background:#1e3a5c;border-radius:8px;border:1px solid #27496d;cursor:pointer}.fish-table tbody tr.fish-row:hover,.fish-table tbody tr:not(.fish-detail-row):hover{background:#27496d}.fish-table tbody>tr{flex-shrink:0!important}.fish-table tbody tr:not(.fish-detail-row) td{border:none!important;padding:0!important}.fish-table tbody tr:not(.fish-detail-row) td:nth-child(1){grid-row:1 / 3;grid-column:1}.fish-table tbody tr:not(.fish-detail-row) td:nth-child(1) div{width:56px!important;height:56px!important}.fish-table tbody tr:not(.fish-detail-row) td:nth-child(2){grid-row:1;grid-column:2 / 4;font-size:14px;font-weight:600;line-height:1.3;min-width:0;word-break:break-word}.fish-table tbody tr:not(.fish-detail-row) td:nth-child(3){grid-row:2;grid-column:2;font-size:12px;color:#7a9cc6}.fish-table tbody tr:not(.fish-detail-row) td:nth-child(4){display:none}.fish-table tbody tr:not(.fish-detail-row) td:nth-child(5){grid-row:2;grid-column:3;font-size:14px;font-weight:700;color:#4fc3f7;text-align:right;justify-self:end}.fish-table tbody tr.fish-row-expanded{border-radius:8px 8px 0 0!important;margin-bottom:0!important}.fish-table tbody tr.fish-detail-row{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;grid-template-rows:none!important;padding:0!important;border:1px solid #27496d!important;border-top:none!important;border-radius:0 0 8px 8px!important;margin-top:-6px;background:#1a3350!important;overflow:visible!important;height:auto!important;min-height:0!important}.fish-table tbody tr.fish-detail-row>td{width:100%!important;display:block!important;border:none!important;padding:0!important;grid-column:unset!important;grid-row:unset!important;height:auto!important;overflow:visible!important}.fish-detail-panel{padding:10px 12px 14px!important;animation:none!important;max-height:none!important;overflow:visible!important;height:auto!important}.fish-detail-grid{grid-template-columns:1fr 1fr!important;gap:8px 12px!important}.fish-detail-link{font-size:13px;padding:8px 16px;width:100%;text-align:center;box-sizing:border-box;display:block!important}.fish-table tbody tr:not(.fish-detail-row) td:nth-child(1)>div{width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important}.fish-table img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;object-fit:contain!important}img{border-radius:4px}.pagination-bar{gap:8px!important;font-size:14px}.pagination-bar button{padding:8px 16px!important;font-size:14px}.saved-search-section{width:100%;padding:0 8px;box-sizing:border-box}.saved-search-row{gap:10px;padding:8px;margin:0 4px}.saved-search-img{width:48px;height:48px}.saved-search-img img{width:auto!important;height:auto!important;min-width:0!important;min-height:0!important}.saved-search-name{font-size:13px}.saved-search-store{display:none}.saved-search-price{font-size:13px}.saved-search-detail{padding:10px 8px 10px 64px;margin:0 4px}.price-history-card{max-width:100%!important;padding:10px 12px 8px;box-sizing:border-box}.price-history-timeline{overflow:visible!important}}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;width:100%}.store-filter-select{padding:8px 12px;border-radius:8px;border:1px solid #27496d;background:#1a2332;color:#e0e6ed;font-size:.95rem;cursor:pointer;outline:none;transition:border-color .2s}.store-filter-select:focus{border-color:#009ffd}.btn-row{display:flex;flex-direction:row;gap:10px;align-items:center}.main-btn{padding:8px 18px;border-radius:8px;border:none;background:#009ffd;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 1px 6px #00000014;margin:0}.main-btn:hover{background:#007bff}.main-btn.green{background:#28a745}.main-btn.green:hover{background:#218838}.main-btn.gray{background:#27496d}.main-btn.gray:hover{background:#142850}.main-btn.red{background:#dc3545}.main-btn.red:hover{background:#b71c1c}.main-select{padding:8px 12px;border-radius:8px;border:1px solid #27496d;background:#1e3a5c;color:#e0e6ed;font-size:1rem;font-weight:500;margin:0}.main-select:focus{outline:none;border-color:#009ffd}.clear-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:#27496d;border:none;color:#fff;font-weight:700;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0000001f;transition:background .2s}.clear-btn:hover{background:#009ffd}body{background:#0a2342;color:#e0e6ed;font-family:Segoe UI,Arial,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center}.container{max-width:960px;margin:0 auto;background:#142850;border-radius:12px;box-shadow:0 2px 16px #0003;padding:2rem;display:flex;flex-direction:column;align-items:stretch;overflow-x:hidden;box-sizing:border-box}.fish-table{width:100%;border-collapse:collapse;margin-top:1rem;background:#1e3a5c;border-radius:8px;overflow:hidden}.fish-table th,.fish-table td{border:1px solid #27496d;padding:10px 12px;text-align:left}.fish-table th{background:#27496d;color:#e0e6ed;font-weight:600}.fish-table tr:nth-child(2n){background:#142850}.fish-table tr:hover{background:#27496d}input[type=text]{background:#1e3a5c;color:#e0e6ed;border:1px solid #27496d;border-radius:6px;padding:8px 12px;margin-right:1rem;font-size:1rem}input[type=text]:focus{outline:none;border-color:#009ffd}a{color:#009ffd;text-decoration:underline}img{border-radius:6px;box-shadow:0 1px 6px #0003}h1{color:#e0f0ff;font-weight:300;font-style:normal;letter-spacing:.04em;font-size:1.6rem;margin-bottom:1.5rem;text-align:center}.fish-row{transition:background .15s}.fish-row-expanded{background:#27496d!important}.fish-row-expanded+.fish-detail-row{background:#1a3350}.fish-detail-row td{border-top:none!important}.fish-detail-panel{padding:16px 24px 20px;display:flex;flex-direction:column;gap:14px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.fish-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 24px}.fish-detail-item{display:flex;flex-direction:column;gap:2px}.fish-detail-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#7a9cc6;font-weight:600}.fish-detail-value{font-size:14px;color:#e0e6ed}.fish-detail-link{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#009ffd;color:#fff;border-radius:6px;text-decoration:none;font-weight:600;font-size:14px;width:fit-content;transition:background .2s;box-shadow:0 1px 4px #00000026}.fish-detail-link:hover{background:#007bff;color:#fff;text-decoration:none}.saved-search-row{display:flex;align-items:center;gap:14px;padding:8px 10px;cursor:pointer;border-radius:6px;transition:background .15s}.saved-search-row:hover{background:#009ffd14}.saved-search-img{width:64px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px}.saved-search-img img{max-width:100%;max-height:100%;object-fit:contain;display:block}.saved-search-name{flex:1;font-size:15px;color:#e0e6ed;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-search-store{font-size:13px;color:#6c7a89;flex-shrink:0}.saved-search-price{font-size:15px;color:#4fc3f7;font-weight:600;flex-shrink:0;min-width:60px;text-align:right}.saved-search-detail{padding:12px 10px 12px 88px;border-bottom:1px solid #1a3a5c}.price-history-card{margin:14px 0 8px;padding:14px 18px 10px;background:#00000040;border-radius:10px;border:1px solid rgba(100,181,246,.1);max-width:340px}.price-history-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.price-history-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#7a9cc6}.price-history-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;letter-spacing:.2px}.badge-down{background:#4caf5026;color:#66bb6a}.badge-up{background:#f4433626;color:#ef5350}.price-history-timeline{display:flex;flex-direction:column}.price-history-entry{display:flex;gap:12px;position:relative;transition:background .15s;padding:2px 6px;margin:0 -6px;border-radius:6px}.price-history-entry.entry-hovered{background:#ffffff0a}.entry-dot-col{display:flex;flex-direction:column;align-items:center;width:12px;flex-shrink:0;padding-top:6px}.entry-dot{width:8px;height:8px;border-radius:50%;background:#3a5a7c;border:2px solid #1a2a3a;flex-shrink:0;z-index:1}.entry-dot.dot-current{background:#64b5f6;box-shadow:0 0 6px #64b5f666}.entry-line{width:2px;flex:1;background:#263d52;min-height:12px}.entry-content{display:flex;flex-direction:column;gap:1px;padding:2px 0 10px;min-width:0}.entry-price-row{display:flex;align-items:baseline;gap:8px}.entry-price{font-size:14px;font-weight:600;color:#c0d0e0}.entry-price.price-current{color:#e0e6ed;font-size:15px}.entry-change{font-size:11px;font-weight:600;padding:1px 5px;border-radius:3px}.entry-change.change-down{color:#66bb6a;background:#4caf501a}.entry-change.change-up{color:#ef5350;background:#f443361a}.entry-date{font-size:11px;color:#5a7a96}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-container{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:1rem}.skeleton-progress{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.skeleton-progress-bar{height:100%;background:linear-gradient(90deg,#009ffd,#4fc3f7);border-radius:3px;transition:width .4s ease}.skeleton-status{font-size:13px;color:#7a9cc6;text-align:center;margin-bottom:8px}.skeleton-card{display:flex;align-items:center;gap:20px;padding:18px 20px;background:#1e3a5c;border-radius:8px;border:1px solid #27496d}.skeleton-img{width:80px;height:80px;border-radius:6px;flex-shrink:0}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:10px}.skeleton-line{height:14px;border-radius:4px}.skeleton-shimmer{background:linear-gradient(90deg,#1a3350 25%,#27496d,#1a3350 75%);background-size:800px 100%;animation:shimmer 1.8s infinite ease-in-out}.top-progress{width:100%;height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden;margin-bottom:4px}.top-progress-bar{height:100%;background:linear-gradient(90deg,#009ffd,#4fc3f7);border-radius:2px;transition:width .4s ease}@media (max-width: 700px){.skeleton-card{gap:12px;padding:12px 14px}.skeleton-img{width:56px;height:56px}.skeleton-line{height:12px}}.refresh-btn{background:none;border:1.5px solid rgba(255,255,255,.2);border-radius:50%;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:border-color .2s,background .2s;flex-shrink:0;position:relative}.refresh-btn:hover:not(:disabled){border-color:#ffffff80;background:#ffffff14}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.refresh-icon{font-size:18px;line-height:1;color:#ffffffb3;display:inline-block}.refresh-icon.spinning{animation:spin 1s linear infinite}.refresh-progress{position:absolute;top:110%;left:50%;transform:translate(-50%);font-size:.65rem;color:#ffffff80;white-space:nowrap;font-weight:400}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}