:root{--primary:#171717;--on-primary:#ffffff;--ink:#171717;--body:#4d4d4d;--mute:#888888;--hairline:#ebebeb;--hairline-strong:#a1a1a1;--canvas:#ffffff;--canvas-soft:#fafafa;--canvas-soft-2:#f5f5f5;--link:#0070f3;--link-deep:#0761d1;--link-bg-soft:#d3e5ff;--success:#0070f3;--error:#ee0000;--error-soft:#f7d4d6;--error-deep:#c50000;--warning:#f5a623;--warning-soft:#ffefcf;--warning-deep:#ab570a;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-pill:100px;--r-full:9999px;--sp-xxs:4px;--sp-xs:8px;--sp-sm:12px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--sp-2xl:40px;--sp-3xl:48px;--sp-4xl:64px;--sp-5xl:96px;--font-sans:Inter,"Geist",system-ui,-apple-system,"Segoe UI","Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;--font-mono:"JetBrains Mono","Geist Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;--shadow-ring:0 0 0 1px #00000014 inset;--shadow-2:0px 1px 1px #00000005,0px 2px 2px #0000000a;--shadow-3:0px 2px 2px #0000000a,0px 8px 8px -8px #0000000a;--shadow-4:0px 2px 2px #0000000a,0px 8px 16px -4px #0000000a}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--canvas-soft);color:var(--ink);font-family:var(--font-sans);font-size:14px;line-height:20px;letter-spacing:-.28px;-webkit-font-smoothing:antialiased}::selection{background:#171717;color:#f2f2f2}h1{font-size:32px;line-height:40px;letter-spacing:-1.28px;margin:0 0 var(--sp-xs)}h1,h2{font-weight:600}h2{font-size:24px;line-height:32px;letter-spacing:-.96px;margin:var(--sp-xl) 0 var(--sp-xs)}h3{font-size:20px;font-weight:600;line-height:28px;letter-spacing:-.6px;margin:var(--sp-lg) 0 var(--sp-xs)}p{margin:var(--sp-xs) 0;color:var(--body)}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-deep);text-decoration:underline}.display-xl{font-size:48px;font-weight:600;line-height:48px;letter-spacing:-2.4px;color:var(--ink);margin:0 0 var(--sp-md)}.eyebrow{font-family:var(--font-mono);font-size:12px;line-height:16px;text-transform:uppercase;color:var(--mute);margin:0 0 var(--sp-xs)}.eyebrow,.lead{letter-spacing:0}.lead{font-size:18px;line-height:28px;color:var(--body)}.note{color:var(--mute)}.mono,.note{font-size:12px;line-height:16px}.mono{font-family:var(--font-mono);letter-spacing:0}.page{max-width:1200px}.page,.page-narrow{margin:0 auto;padding:var(--sp-2xl) var(--sp-lg) var(--sp-4xl)}.page-narrow{max-width:720px}.page-full{padding:var(--sp-2xl) var(--sp-lg) var(--sp-4xl)}.nav-bar{height:64px;display:flex;align-items:center;gap:var(--sp-md);padding:var(--sp-sm) var(--sp-lg);background:var(--canvas);border-bottom:1px solid var(--hairline)}.nav-brand{font-size:14px;font-weight:600;letter-spacing:-.28px;color:var(--ink);margin-right:var(--sp-xs)}.nav-bar a:not(.nav-brand){color:var(--body);font-size:14px;line-height:20px;letter-spacing:-.28px;padding:var(--sp-xs) var(--sp-sm);border-radius:var(--r-full)}.nav-bar a:not(.nav-brand):hover{color:var(--ink);background:var(--canvas-soft-2);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 var(--sp-sm);border-radius:var(--r-sm);font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:20px;letter-spacing:-.28px;cursor:pointer;text-decoration:none;border:1px solid transparent;transition:background .12s ease,border-color .12s ease}.btn-primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.btn-primary:hover{background:#383838;color:var(--on-primary);text-decoration:none}.btn-secondary{background:var(--canvas);color:var(--ink);border-color:var(--hairline)}.btn-secondary:hover{border-color:var(--hairline-strong);color:var(--ink);text-decoration:none}.btn-lg{height:40px;padding:0 var(--sp-md);letter-spacing:0}.btn-lg,.btn-pill{font-size:16px;line-height:24px}.btn-pill{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 var(--sp-lg);border-radius:var(--r-pill);background:var(--primary);font-weight:500;border:1px solid var(--primary);cursor:pointer}.btn-pill,.btn-pill:hover{color:var(--on-primary);text-decoration:none}.btn-pill:hover{background:#383838}.input,.select,.textarea{background:var(--canvas);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--r-sm);font-family:var(--font-sans);font-size:14px;line-height:20px;letter-spacing:-.28px;height:40px;padding:0 var(--sp-sm);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.textarea{height:auto;padding:var(--sp-xs) var(--sp-sm);resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--hairline-strong);box-shadow:0 0 0 3px #17171714}.input::placeholder,.textarea::placeholder{color:var(--mute)}.input-sm{height:32px}.field{margin:var(--sp-sm) 0}.field-label{display:block;font-size:12px;line-height:16px;color:var(--body);margin-bottom:var(--sp-xxs)}.card{border-radius:var(--r-md);padding:var(--sp-lg);box-shadow:var(--shadow-2),var(--shadow-ring)}.auth-card,.card{background:var(--canvas)}.auth-card{border-radius:var(--r-lg);padding:var(--sp-xl);box-shadow:var(--shadow-4),var(--shadow-ring)}.auth-wrap{max-width:400px;margin:0 auto;padding:var(--sp-5xl) var(--sp-lg) var(--sp-4xl)}.empty-state{background:var(--canvas-soft-2);border-radius:var(--r-lg);padding:var(--sp-3xl);text-align:center;color:var(--mute);font-size:16px;line-height:24px;letter-spacing:0}.alert{border-radius:var(--r-sm);padding:var(--sp-xs) var(--sp-sm);margin:var(--sp-sm) 0;font-size:14px;line-height:20px}.alert-success{background:var(--link-bg-soft);color:var(--link-deep)}.alert-error{background:var(--error-soft);color:var(--error-deep)}.alert-warning{background:var(--warning-soft);color:var(--warning-deep)}.badge{display:inline-flex;align-items:center;height:20px;padding:0 var(--sp-xs);border-radius:var(--r-full);font-size:12px;line-height:16px;letter-spacing:0;background:var(--canvas-soft-2);color:var(--body)}.badge-success{background:var(--link-bg-soft);color:var(--link-deep)}.badge-warning{background:var(--warning-soft);color:var(--warning-deep)}.badge-error{background:var(--error-soft);color:var(--error-deep)}.table{width:100%;border-collapse:collapse;background:var(--canvas);border-radius:var(--r-md);box-shadow:var(--shadow-ring);overflow:hidden}.table th{background:var(--canvas-soft);font-family:var(--font-mono);font-size:12px;font-weight:400;line-height:16px;letter-spacing:0;text-transform:uppercase;color:var(--mute);text-align:left}.table td,.table th{padding:var(--sp-xs) var(--sp-sm);border-bottom:1px solid var(--hairline)}.table td{font-size:14px;line-height:20px;letter-spacing:-.28px;color:var(--ink);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--canvas-soft)}.form-table{border-collapse:collapse}.form-table td{padding:var(--sp-xs) var(--sp-sm) var(--sp-xs) 0;font-size:14px;line-height:20px;letter-spacing:-.28px;vertical-align:top}.form-table td:first-child{color:var(--body);white-space:nowrap;padding-top:calc(var(--sp-xs) + 10px);padding-right:var(--sp-lg)}.hero-band{position:relative;overflow:hidden;background:var(--canvas);padding:var(--sp-5xl) var(--sp-lg);text-align:center;border-bottom:1px solid var(--hairline)}.hero-mesh{position:absolute;inset:-40% -20% auto;height:130%;background:radial-gradient(40% 55% at 18% 30%,#007cf033 0,transparent 70%),radial-gradient(38% 52% at 50% 12%,#00dfd82e 0,transparent 70%),radial-gradient(42% 55% at 78% 28%,#ff008026 0,transparent 70%),radial-gradient(36% 50% at 62% 55%,#7928ca21 0,transparent 70%),radial-gradient(34% 48% at 34% 60%,#f9cb2824 0,transparent 70%);pointer-events:none}.hero-inner{position:relative;max-width:640px;margin:0 auto}.catalog-header{padding:var(--sp-2xl) var(--sp-lg) var(--sp-lg)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--sp-lg) var(--sp-md);gap:var(--sp-lg) var(--sp-md);padding:0 var(--sp-md) var(--sp-4xl)}.product-card{display:block}.product-card,.product-card:hover{color:inherit;text-decoration:none}.product-card-img{object-fit:cover;display:block}.product-card-img,.product-card-img-placeholder{width:100%;aspect-ratio:1;background:var(--canvas-soft-2);border-radius:var(--r-xs)}.product-card:hover .product-card-img{opacity:.92}.product-card .style-number{font-family:var(--font-mono);font-size:12px;line-height:16px;letter-spacing:0;color:var(--mute);margin:var(--sp-xs) 0 0}.product-card .product-name{font-weight:500}.product-card .product-name,.product-card .product-price{font-size:14px;line-height:20px;letter-spacing:-.28px;color:var(--ink);margin:var(--sp-xxs) 0 0}.price-retail{font-size:12px;line-height:16px;color:var(--mute)}.detail-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--sp-md);gap:var(--sp-md);margin:var(--sp-lg) 0}.detail-images img{width:100%;aspect-ratio:1}.detail-images img,.thumb{object-fit:cover;display:block;border-radius:var(--r-xs);background:var(--canvas-soft-2)}.thumb{width:48px;height:48px}.thumb-lg{width:96px;height:96px;object-fit:cover;border-radius:var(--r-sm);background:var(--canvas-soft-2)}.row{display:flex;align-items:center;gap:var(--sp-sm)}.mt-md{margin-top:var(--sp-md)}.mt-lg{margin-top:var(--sp-lg)}.back-link{font-size:14px;color:var(--body)}