:root{--color-bg:#f5f5f5;--color-surface:#fff;--color-text:#1a1a1a;--color-text-muted:#666;--color-primary:#1a7a4c;--color-primary-light:#e8f5ee;--color-border:#e0e0e0;--color-error:#d32f2f;--radius:10px;--shadow:0 1px 3px #00000014;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root{--color-bg:#121212;--color-surface:#1e1e1e;--color-text:#e0e0e0;--color-text-muted:#999;--color-primary:#4caf7a;--color-primary-light:#1a2e22;--color-border:#333;--color-error:#ef5350;--shadow:0 1px 3px #0000004d}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}html,body,#root{height:var(--app-vh,100dvh);overflow:hidden}.app-shell{height:var(--app-vh,100dvh);flex-direction:column;display:flex;overflow:hidden}.header-row{padding:4px 14px 6px;padding-top:calc(4px + var(--safe-top));background:var(--color-bg);flex-shrink:0;justify-content:space-between;align-items:baseline;display:flex}.header-title{color:var(--color-text);align-items:center;gap:5px;font-size:1rem;font-weight:700;display:flex}.header-logo{font-size:.9rem}.header-count{color:var(--color-text-muted);font-size:.75rem}.main-wrapper{will-change:transform;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.pull-indicator{pointer-events:none;justify-content:center;align-items:center;height:40px;display:flex;position:absolute;left:0;right:0}.pull-arrow{color:var(--color-text-muted);font-size:1.3rem}.pull-spinning{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:4px 12px 12px;overflow-y:auto}.item-list{flex-direction:column;gap:6px;display:flex}.item-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow .15s;overflow:hidden}.item-card:active{box-shadow:0 0 0 2px var(--color-primary)}.item-card-row{justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 14px;display:flex}.item-card-left{flex:1;min-width:0}.item-name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.item-store{color:var(--color-text-muted);margin-top:1px;font-size:.8rem}.item-card-right{text-align:right;flex-shrink:0}.item-prices{justify-content:flex-end;align-items:baseline;gap:6px;display:flex}.price-bonus{color:#e67300;font-size:1rem;font-weight:700}.price-normal{color:var(--color-primary);font-size:1rem;font-weight:700}.price-strikethrough{color:var(--color-text-muted);font-size:.75rem;text-decoration:line-through}.item-quantity{color:var(--color-text-muted);margin-top:1px;font-size:.75rem}.bonus-badge{color:#fff;vertical-align:middle;background:#e67300;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;margin-right:3px;font-size:.55rem;font-weight:700;line-height:1;display:inline-flex}.item-detail-table{border-collapse:collapse;border-top:1px solid var(--color-border);width:100%;animation:.15s slideDown}.item-detail-table th,.item-detail-table td{text-align:left;padding:4px 14px;font-size:.8rem}.item-detail-table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;padding-top:8px;font-size:.7rem;font-weight:500}.item-detail-table tbody tr:last-child td{padding-bottom:10px}.item-detail-table td:last-child,.item-detail-table th:last-child{text-align:right}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-bar{padding:8px 12px;padding-bottom:calc(8px + var(--safe-bottom));background:var(--color-bg);border-top:1px solid var(--color-border);flex-shrink:0}.search-input-wrapper{align-items:stretch;gap:1px;display:flex}.search-input{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;height:48px;color:var(--color-text);outline:none;flex:1;padding:0 12px;font-size:1rem;transition:border-color .15s}.search-input:focus{border-color:var(--color-primary)}.search-input::placeholder{color:var(--color-text-muted)}.search-clear{border:1px solid var(--color-border);background:var(--color-border);width:48px;color:var(--color-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.search-clear:disabled{opacity:.3;cursor:default}.search-clear:active:not(:disabled){background:var(--color-text-muted);color:var(--color-surface)}.loading-container{flex-direction:column;gap:6px;display:flex}.skeleton-card{background:var(--color-surface);border-radius:var(--radius);height:56px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.error-message{color:var(--color-error);font-size:.9rem}.retry-button{background:var(--color-primary);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:20px;padding:10px 24px;font-size:.9rem;font-weight:600}.retry-button:active{opacity:.8}.mock-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:20px;padding:10px 24px;font-size:.85rem}.mock-button:active{opacity:.8}.empty-state{text-align:center;color:var(--color-text-muted);padding:48px 24px;font-size:.95rem}.offline-banner{color:#fff;text-align:center;background:#ff9800;padding:4px 12px;font-size:.8rem;font-weight:500}