*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #3b82f6;--primary-dark: #2563eb;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--bg-dark: #0f172a;--bg-card: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border: #334155}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.container{max-width:100%;padding:16px;margin:0 auto}@media (min-width: 768px){.container{max-width:768px;padding:24px}}@media (min-width: 1024px){.container{max-width:1024px}}h1{font-size:1.5rem;font-weight:700;margin-bottom:1rem}h2{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.card{background:var(--bg-card);border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid var(--border)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.card-title{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.4}.card-subtitle{font-size:.875rem;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:.9375rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;text-decoration:none;min-height:44px;touch-action:manipulation}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:active{background:var(--primary-dark)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-secondary{background:var(--border);color:var(--text-primary)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn-sm{padding:8px 12px;font-size:.875rem;min-height:36px}.btn-block{width:100%}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-input,.form-select{width:100%;padding:12px 16px;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1rem;min-height:48px}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary)}.price-jpy{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.price-thb{font-size:1rem;color:var(--text-secondary)}.price-target{font-size:.875rem;color:var(--success)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.badge-success{background:#10b98133;color:var(--success)}.badge-warning{background:#f59e0b33;color:var(--warning)}.badge-danger{background:#ef444433;color:var(--danger)}.navbar{background:var(--bg-card);border-bottom:1px solid var(--border);padding:12px 16px;position:sticky;top:0;z-index:100}.navbar-content{display:flex;justify-content:space-between;align-items:center}.navbar-title{font-size:1.125rem;font-weight:700}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:8px 0;z-index:100}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;color:var(--text-secondary);text-decoration:none;font-size:.75rem}.bottom-nav-item.active{color:var(--primary)}.product-list{padding-bottom:80px}.product-item{display:flex;flex-direction:column;gap:12px}.product-info{display:flex;justify-content:space-between;align-items:flex-start}.product-meta{display:flex;gap:8px;flex-wrap:wrap}.product-actions{display:flex;gap:8px}.toggle{position:relative;display:inline-block;width:48px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border);border-radius:24px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}input:checked+.toggle-slider{background:var(--success)}input:checked+.toggle-slider:before{transform:translate(24px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:flex-end;justify-content:center;z-index:200}@media (min-width: 768px){.modal-overlay{align-items:center}}.modal{background:var(--bg-card);border-radius:16px 16px 0 0;width:100%;max-height:90vh;overflow-y:auto;padding:20px}@media (min-width: 768px){.modal{border-radius:16px;max-width:500px;max-height:80vh}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:1.25rem;font-weight:600}.chart-container{background:var(--bg-card);border-radius:12px;padding:16px;margin-bottom:16px}.text-center{text-align:center}.text-right{text-align:right}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-secondary{color:var(--text-secondary)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.w-full{width:100%}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary)}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.show-mobile{display:none!important}}.responsive-flex{display:flex;flex-direction:column}@media (min-width: 768px){.responsive-flex{flex-direction:row}}.text-responsive-sm{font-size:clamp(.75rem,3vw,.875rem)}.text-responsive-md{font-size:clamp(.875rem,4vw,1rem)}.text-responsive-lg{font-size:clamp(1rem,5vw,1.25rem)}.text-responsive-xl{font-size:clamp(1.25rem,6vw,1.5rem)}