:root{color-scheme:light;font-family:Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f7f7f9;color:#1f2933;--page-padding-x:clamp(16px,4vw,56px)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#ffffff 0,#f4f6fb 100%)}.app-shell,body{min-height:100vh}.app-shell{background:linear-gradient(180deg,#eef2ff,#f8fafc 20%,#f1f5f9);color:#0f172a;display:flex;flex-direction:column}.site-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:clamp(16px,4vw,32px);gap:clamp(16px,4vw,32px);padding:clamp(16px,4vw,32px);background:#0f172a;color:#f8fafc;border-bottom:1px solid rgba(148,163,184,.2);box-shadow:0 12px 32px rgba(15,23,42,.4)}.site-header__brand{gap:14px}.site-header__brand,.site-logo{display:flex;align-items:center}.site-logo{width:52px;height:52px;border-radius:12px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2),transparent 60%);justify-content:center;padding:4px}.site-title{margin:0;font-size:1.15rem;font-weight:700}.site-subtitle{margin:0;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(226,232,240,.8)}.site-nav{display:flex;flex-wrap:wrap;gap:10px;align-self:center}.site-nav__item{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;font-size:.95rem;color:rgba(226,232,240,.85);text-decoration:none;border:1px solid transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.site-nav__item:hover{border-color:rgba(226,232,240,.3);color:#f8fafc}.site-nav__item.is-active{background:linear-gradient(120deg,#22d3ee,#3b82f6);color:#0f172a;font-weight:600}.site-header__actions{display:flex;justify-content:flex-end;align-items:center}.site-header__action-button{border:none;border-radius:999px;padding:12px 22px;font-size:.95rem;font-weight:600;color:#0f172a;background:linear-gradient(120deg,#fcd34d,#f97316);box-shadow:0 10px 25px rgba(249,115,22,.35);cursor:pointer;transition:transform .15s ease}.site-header__action-button:hover{transform:translateY(-1px)}.app-shell__body{flex:1 1;display:flex;gap:clamp(18px,3vw,40px);padding:clamp(16px,5vw,48px)}.site-sidebar{width:clamp(230px,22vw,300px);display:flex;flex-direction:column;gap:18px;position:-webkit-sticky;position:sticky;top:24px;align-self:flex-start}.site-sidebar-card{background:#ffffff;border-radius:20px;padding:20px;box-shadow:0 18px 40px rgba(15,23,42,.08);border:1px solid rgba(203,213,225,.5)}.site-sidebar-card h2{margin:0 0 12px;font-size:1rem;color:#0f172a}.site-sidebar-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;color:#475569;font-size:.95rem}.site-sidebar-card dl{margin:0;display:flex;flex-direction:column;gap:12px}.site-sidebar-card dl div{display:flex;justify-content:space-between;align-items:baseline;color:#475569}.site-sidebar-card dt{font-size:.85rem}.site-sidebar-card dd{margin:0;font-weight:600;color:#0f172a;font-size:1rem}.site-main{flex:1 1;min-width:0;background:rgba(255,255,255,.8);border-radius:28px;padding:clamp(16px,3vw,40px);box-shadow:inset 0 1px 0 rgba(15,23,42,.04),0 30px 45px rgba(15,23,42,.08)}.site-footer{padding:24px clamp(16px,4vw,48px);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.9rem;color:#475569}a{color:inherit}button{font-family:inherit}.table-container{overflow-x:auto}.watchlist-table{width:100%;border-collapse:collapse;background-color:#ffffff;border-radius:16px;overflow:hidden;box-shadow:0 20px 45px rgba(15,23,42,.08)}.watchlist-table td,.watchlist-table th{padding:8px 12px;text-align:left;border-bottom:1px solid #eef1f8;vertical-align:middle;white-space:nowrap}.watchlist-table td[data-label="商品"]{white-space:normal;min-width:300px;max-width:400px}.watchlist-table th{white-space:nowrap}.watchlist-table thead{background:linear-gradient(135deg,#1f66f2,#14b8a6);color:#ffffff;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.watchlist-table tbody tr:hover{background-color:#f1f5ff}.revenue-amount{font-weight:600;color:#0f172a}.revenue-inline{display:flex;flex-direction:column;gap:2px}.fee-tooltip{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:#2563eb;cursor:help;white-space:nowrap}.fee-tooltip:before{content:"ⓘ";font-size:.75rem}.cost-cell{display:flex;align-items:flex-start;gap:8px}.cost-cell.editing{align-items:stretch}.cost-condensed{gap:4px}.cost-condensed,.cost-condensed-item{display:flex;flex-direction:column;align-items:flex-start}.cost-condensed-item{gap:2px}.cost-condensed-label{font-size:.65rem;color:#94a3b8;letter-spacing:.01em}.cost-condensed-value{font-size:.8rem;font-weight:600;color:#1e293b;white-space:nowrap}.cost-input-group{display:flex;flex-direction:column;gap:6px}.cost-input-row{display:grid;grid-template-columns:52px minmax(0,90px) auto;align-items:center;grid-gap:6px;gap:6px}.cost-label{font-size:.7rem;color:#64748b}.cost-input{width:100%;border:1px solid #d4dcf7;border-radius:8px;padding:4px 8px;font-size:.8rem;transition:border-color .2s ease,box-shadow .2s ease;text-align:right}.cost-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.copy-all-button{border:1px solid #cbd5f5;background:#f8fafc;color:#1f3b78;border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,transform .15s ease;white-space:nowrap}.copy-all-button:hover{background:#e2e8f0;transform:translateY(-1px)}.cost-edit-toggle{border:1px solid #cbd5f5;background:#f1f5f9;color:#1e293b;border-radius:999px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.cost-edit-toggle:hover{background:#e2e8f0;transform:translateY(-1px)}.cost-edit-toggle span[aria-hidden=true]{font-size:.9rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gross-info{display:flex;flex-direction:column;gap:4px;font-size:.85rem}.gross-info span:first-child{font-weight:600;color:#0f172a}.metric-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.metric-chip.neutral{background-color:#e0f2fe;color:#075985}.metric-chip.warning{background-color:#fef3c7;color:#92400e}.metric-chip.success{background-color:#dcfce7;color:#166534}.metric-chip.danger{background-color:#fee2e2;color:#991b1b}.ghost-button,.primary-button,.secondary-button{border:none;border-radius:999px;padding:10px 18px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.primary-button{background:linear-gradient(135deg,#1f66f2,#2563eb);color:#ffffff;box-shadow:0 10px 20px rgba(37,99,235,.25)}.primary-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.ghost-button:hover,.primary-button:not(:disabled):hover,.secondary-button:hover{transform:translateY(-1px);box-shadow:0 14px 24px rgba(15,23,42,.12)}.secondary-button{background:#ffffff;border:1px solid #cbd5f5;color:#1f3b78}.ghost-button{background:transparent;color:#1f3b78}.input-wrapper{position:relative;width:100%}input.watchlist-input{width:100%;border:1px solid #d4dcf7;border-radius:999px;padding:14px 22px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;background-color:#ffffff}input.watchlist-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.15)}.suggestion-panel{position:absolute;top:calc(100% + 6px);width:100%;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,.1);max-height:260px;overflow-y:auto;z-index:10}.suggestion-item{display:flex;flex-direction:column;gap:4px;padding:12px 16px;cursor:pointer;transition:background-color .1s ease}.suggestion-item:focus,.suggestion-item:hover{background-color:#f1f5ff}.suggestion-item strong{font-size:.95rem}.page-container{width:100%;margin:0 auto;max-width:1100px;padding:40px var(--page-padding-x) 72px;display:flex;flex-direction:column;gap:28px}.page-header{position:-webkit-sticky;position:sticky;top:clamp(8px,2vw,20px);z-index:20;display:grid;grid-gap:10px;gap:10px;padding:16px clamp(16px,3vw,32px);border-radius:16px;background:rgba(15,23,42,.92);border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 36px rgba(15,23,42,.3);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f9fafb}.page-header__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.page-header__titles{display:grid;grid-gap:6px;gap:6px;min-width:200px}.page-header__eyebrow{display:inline-flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;padding:4px 10px;border-radius:999px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;background:rgba(59,130,246,.2);color:rgba(191,219,254,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page-header h1{margin:0;font-size:clamp(1.8rem,2.5vw + 1rem,2.3rem);letter-spacing:-.01em}.page-header__metrics{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.summary-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.85rem;line-height:1;background:rgba(15,118,110,.16);color:rgba(190,242,240,.95);border:1px solid rgba(45,212,191,.4)}.summary-chip.is-alert{background:rgba(248,113,113,.18);border-color:rgba(248,113,113,.45);color:rgba(254,226,226,.95)}.page-header__description{margin:0;font-size:.95rem;line-height:1.5;color:rgba(226,232,240,.82)}.action-bar{display:flex;flex-direction:column;gap:16px}.action-bar .controls{display:flex;flex-wrap:wrap;gap:12px}.shop-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;font-size:12px;font-weight:700;color:white;flex-shrink:0}.shop-icon.amazon{background-color:#FF9900}.shop-icon.rakuten{background-color:#BF0000}.shop-icon.yahoo{background-color:#410093}.shop-icon.nike{background-color:#111111}.shop-icon.adidas,.shop-icon.puma{background-color:#000000}.shop-icon.asics{background-color:#001E62}.shop-icon.salomon{background-color:#000000}.shop-icon.default{background-color:#64748b}@media (max-width:900px){.site-header{grid-template-columns:1fr;text-align:center}.site-header__actions,.site-header__brand{justify-content:center}.app-shell__body{flex-direction:column}.site-sidebar{width:100%;position:static}.site-main{padding:clamp(16px,6vw,32px)}.watchlist-table thead{display:none}.watchlist-table tr{display:grid;grid-template-columns:1fr 1fr;padding:12px 16px;grid-gap:8px 12px;gap:8px 12px}.watchlist-table td{border-bottom:none;padding:0}.watchlist-table td:before{content:attr(data-label);font-weight:600;display:block;margin-bottom:4px;color:#64748b}}:root{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5f5;--slate-500:#64748b;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--sky-100:#e0f2fe;--sky-200:#bae6fd;--sky-300:#7dd3fc;--sky-500:#0ea5e9;--sky-900:#0c4a6e;--emerald-100:#d1fae5;--emerald-300:#6ee7b7;--emerald-900:#064e3b;--rose-100:#ffe4e6;--rose-300:#fda4af;--rose-900:#881337;--cyan-100:#cffafe;--cyan-300:#67e8f9;--cyan-900:#164e63;--amber-200:#fde68a;--amber-400:#fbbf24}.min-h-screen{min-height:100vh}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-3{margin-top:.75rem}.w-full{width:100%}.w-12{width:3rem}.h-12{height:3rem}.flex-1{flex:1 1}.min-w-0{min-width:0}.max-w-6xl{max-width:72rem}.relative{position:relative}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pt-4{padding-top:1rem}.text-2xl{font-size:1.5rem}.text-base{font-size:1rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.08em}.leading-snug{line-height:1.35}.leading-relaxed{line-height:1.6}.text-center{text-align:center}.bg-slate-50{background-color:var(--slate-50)}.bg-slate-100{background-color:var(--slate-100)}.bg-slate-800{background-color:var(--slate-800)}.bg-slate-900{background-color:var(--slate-900)}.bg-white{background-color:#ffffff}.bg-transparent{background-color:transparent}.bg-amber-200{background-color:var(--amber-200)}.bg-amber-400{background-color:var(--amber-400)}.bg-emerald-900{background-color:var(--emerald-900)}.bg-sky-900{background-color:var(--sky-900)}.bg-rose-900{background-color:var(--rose-900)}.bg-cyan-900{background-color:var(--cyan-900)}.text-slate-900{color:var(--slate-900)}.text-slate-700{color:#334155}.text-slate-500{color:var(--slate-500)}.text-slate-300{color:rgba(203,213,225,.9)}.text-slate-200{color:rgba(226,232,240,.85)}.text-slate-100{color:var(--slate-100)}.text-emerald-100{color:var(--emerald-100)}.text-sky-100{color:var(--sky-100)}.text-rose-100{color:var(--rose-100)}.text-cyan-100{color:var(--cyan-100)}.border{border:1px solid #e5e7eb}.border-b{border-bottom:1px solid #e5e7eb}.border-t{border-top:1px solid #e5e7eb}.border-slate-800{border-color:var(--slate-800)}.border-slate-700{border-color:var(--slate-700)}.border-slate-300{border-color:var(--slate-300)}.border-slate-200{border-color:var(--slate-200)}.border-white{border-color:#ffffff}.border-emerald-300{border-color:var(--emerald-300)}.border-sky-300{border-color:var(--sky-300)}.border-rose-300{border-color:var(--rose-300)}.border-cyan-300{border-color:var(--cyan-300)}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-2xl{border-radius:1.5rem}.shadow-sm{box-shadow:0 4px 10px rgba(15,23,42,.08)}.shadow{box-shadow:0 10px 25px rgba(15,23,42,.12)}.shadow-lg{box-shadow:0 20px 40px rgba(15,23,42,.18)}.transition{transition:all .15s ease}.focus-visible\:outline-none:focus-visible{outline:none}.focus-visible\:ring-2:focus-visible{box-shadow:0 0 0 2px rgba(14,165,233,.25)}.focus-visible\:ring-sky-200:focus-visible{box-shadow:0 0 0 3px var(--sky-200)}.focus-visible\:border-sky-500:focus-visible{border-color:var(--sky-500)}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:1024px){.lg\:flex-row{flex-direction:row}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:items-start{align-items:flex-start}.lg\:gap-8{gap:2rem}.lg\:w-72{width:18rem}.lg\:shrink-0{flex-shrink:0}.lg\:sticky{position:-webkit-sticky;position:sticky}.lg\:top-6{top:1.5rem}}