:root{--color-mercari: #E84855;--color-yahoo: #4A90D9;--color-primary: #E84855;--color-bg: #f5f5f7;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #6b7280;--color-border: #e5e7eb;--header-height: 52px;--bottom-nav-height: 60px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-nav: 0 -1px 8px rgba(0, 0, 0, .08);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Noto Sans JP", sans-serif}@media(prefers-color-scheme:dark){:root{--color-bg: #111113;--color-surface: #1c1c1e;--color-text: #f0f0f0;--color-text-secondary: #9ca3af;--color-border: #2c2c2e;--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-nav: 0 -1px 8px rgba(0, 0, 0, .3)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%;overscroll-behavior:none}body{height:100%;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}.app{display:flex;flex-direction:column;min-height:100%;max-width:768px;margin:0 auto}.app-header{position:sticky;top:0;z-index:100;height:var(--header-height);display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:#fff;padding:0 16px;flex-shrink:0}.app-title{font-size:18px;font-weight:700;letter-spacing:.5px}.app-main{flex:1;padding-bottom:calc(var(--bottom-nav-height) + 16px);overflow-y:auto;-webkit-overflow-scrolling:touch}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background-color:var(--color-surface);box-shadow:var(--shadow-nav);display:flex;align-items:center;justify-content:space-around;z-index:100;padding-bottom:env(safe-area-inset-bottom,0);max-width:768px;margin:0 auto}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 16px;color:var(--color-text-secondary);transition:color .2s;border-radius:var(--radius-sm);min-width:64px}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-icon{font-size:22px;line-height:1}.bottom-nav-label{font-size:10px;font-weight:600}.page{padding:16px}.page-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page-title{font-size:20px;font-weight:700;margin-bottom:12px}.page-toolbar .page-title{margin-bottom:0}.btn-refresh{padding:6px 14px;font-size:13px;font-weight:600;color:var(--color-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:opacity .2s}.btn-refresh:disabled{opacity:.5}.btn-retry{margin-top:8px;padding:8px 20px;font-size:13px;font-weight:600;color:#fff;background-color:var(--color-primary);border-radius:var(--radius-md)}.btn-load-more{display:block;width:100%;padding:12px;font-size:14px;font-weight:600;color:var(--color-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:opacity .2s}.btn-load-more:disabled{opacity:.5}.load-more-container{padding:16px 0}.pull-indicator{display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--color-text-secondary);overflow:hidden;transition:height .2s ease}.pull-spinner{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.product-list{display:flex;flex-direction:column;gap:10px}a.product-card{text-decoration:none;color:inherit}.product-card{display:flex;gap:12px;padding:12px;background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border-left:4px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.product-card:active{transform:scale(.98)}.product-card-image{width:64px;height:64px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--color-border)}.product-card-image img{width:100%;height:100%;object-fit:cover}.product-card-image.no-image,.image-placeholder{display:flex;align-items:center;justify-content:center;width:64px;height:64px;font-size:10px;color:var(--color-text-secondary);background-color:var(--color-border);border-radius:var(--radius-sm)}.product-card-content{flex:1;min-width:0}.product-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.product-card-title{font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.product-card-time-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.product-card-time{font-size:11px;color:var(--color-text-secondary);white-space:nowrap}.product-card-clock{font-size:10px;color:var(--color-text-secondary);opacity:.7}.product-card-exclude{font-size:11px;color:var(--color-text-secondary);margin-top:4px;line-height:1.3;word-break:break-all}.product-card-price{font-size:16px;font-weight:800;color:var(--color-primary);margin:4px 0}.product-card-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}.badge{display:inline-block;padding:1px 8px;font-size:10px;font-weight:700;border-radius:10px;color:#fff}.badge-match-type{background-color:#6b7280}.product-card-keywords{display:flex;flex-wrap:wrap;gap:4px}.keyword-tag{font-size:10px;padding:1px 6px;background-color:var(--color-bg);color:var(--color-text-secondary);border-radius:4px;border:1px solid var(--color-border)}.filter-bar{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.filter-btn{padding:6px 16px;font-size:13px;font-weight:600;white-space:nowrap;color:var(--color-text-secondary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;transition:all .2s}.filter-btn.active{border-color:transparent}.empty-state{text-align:center;padding:48px 16px}.empty-state-icon{font-size:48px;margin-bottom:12px}.empty-state-text{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:4px}.empty-state-sub{font-size:13px;color:var(--color-text-secondary);line-height:1.6}.loading-state{text-align:center;padding:48px 16px;color:var(--color-text-secondary)}.error-message{text-align:center;padding:24px 16px;background-color:#fef2f2;border-radius:var(--radius-md);margin-bottom:16px;color:#dc2626}@media(prefers-color-scheme:dark){.error-message{background-color:#2d1f1f;color:#f87171}}.settings-section{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:4px 0;margin-bottom:20px;box-shadow:var(--shadow-card)}.settings-section-title{font-size:12px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:12px 16px 4px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;min-height:48px}.settings-row-content{display:flex;flex-direction:column;gap:2px}.settings-row-label{font-size:14px;font-weight:500}.settings-row-sub{font-size:12px;color:var(--color-text-secondary)}.settings-row-value{font-size:14px;color:var(--color-text-secondary)}.settings-link-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;transition:background-color .15s}.settings-link-row:active{background-color:var(--color-bg)}.settings-link-arrow{color:var(--color-text-secondary);font-size:16px}.settings-warning{padding:8px 16px 12px;font-size:12px;color:#dc2626}.settings-message{padding:8px 16px 12px;font-size:12px;color:var(--color-primary);font-weight:500}.toggle-btn{position:relative;width:50px;height:28px;border-radius:14px;background-color:var(--color-border);transition:background-color .3s;flex-shrink:0}.toggle-btn.on{background-color:var(--color-primary)}.toggle-btn:disabled{opacity:.4}.toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background-color:#fff;box-shadow:0 1px 3px #0003;transition:transform .3s}.toggle-btn.on .toggle-knob{transform:translate(22px)}.permission-badge{font-size:12px;font-weight:600;padding:2px 10px;border-radius:10px}.permission-badge.granted{background-color:#dcfce7;color:#16a34a}.permission-badge.denied{background-color:#fef2f2;color:#dc2626}.permission-badge.default{background-color:#f3f4f6;color:#6b7280}@media(prefers-color-scheme:dark){.permission-badge.granted{background-color:#14532d;color:#4ade80}.permission-badge.denied{background-color:#450a0a;color:#f87171}.permission-badge.default{background-color:#374151;color:#9ca3af}}@media(min-width:500px){.product-card-image{width:80px;height:80px}.product-card-title{font-size:14px}.product-card-price{font-size:18px}}