:root{--color-bg: #1A1A1A;--color-bg-card: #2D2D2D;--color-bg-hover: #383838;--color-accent: #C5A572;--color-accent-dim: rgba(197, 165, 114, .3);--color-text: #F5F5F5;--color-text-sub: #999999;--color-text-muted: #666666;--color-border: #3A3A3A;--color-danger: #E74C3C;--font-display: "DM Sans", "Inter", sans-serif;--font-body: "Inter", "DM Sans", sans-serif;--font-ja: "Noto Sans JP", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 6rem;--space-2xl: 8rem;--container-max: 1400px;--container-narrow: 900px;--transition-base: .3s ease;--transition-slow: .6s ease;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.7;letter-spacing:.01em;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{background:none;border:none;cursor:pointer;font-family:inherit;color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.3;letter-spacing:-.01em}h1{font-size:clamp(2.5rem,6vw,4rem)}h2{font-size:clamp(1.6rem,3.5vw,2.4rem)}h3{font-size:clamp(1.2rem,2vw,1.5rem)}p{font-size:.95rem;line-height:1.8;color:var(--color-text-sub)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md)}.container--narrow{max-width:var(--container-narrow)}.section{padding:var(--space-xl) 0}.text-center{text-align:center}.text-accent{color:var(--color-accent)}.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}.btn{display:inline-block;padding:.7rem 1.8rem;font-family:var(--font-display);font-size:.85rem;font-weight:500;letter-spacing:.04em;border:1px solid var(--color-accent);background-color:transparent;color:var(--color-accent);cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-sm)}.btn:hover,.btn--filled{background-color:var(--color-accent);color:var(--color-bg)}.btn--filled:hover{background-color:transparent;color:var(--color-accent)}.btn--sm{padding:.4rem 1rem;font-size:.75rem}.btn--danger{border-color:var(--color-danger);color:var(--color-danger)}.btn--danger:hover{background-color:var(--color-danger);color:#fff}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#1a1a1af2;backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);padding:var(--space-sm) var(--space-md)}.site-header__inner{max-width:var(--container-max);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.site-header__logo{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.06em;color:var(--color-text)}.site-header__logo span{color:var(--color-accent)}.site-header__nav{display:flex;gap:var(--space-md);align-items:center}.site-header__nav a{font-family:var(--font-display);font-size:.85rem;font-weight:500;letter-spacing:.03em;color:var(--color-text-sub);transition:color var(--transition-base);position:relative}.site-header__nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--color-accent);transition:width var(--transition-base)}.site-header__nav a:hover{color:var(--color-accent)}.site-header__nav a:hover:after{width:100%}.lang-switch{padding:.3rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;transition:border-color var(--transition-base)}.lang-switch:hover{border-color:var(--color-accent)}.site-header__menu-toggle{display:none;flex-direction:column;gap:5px;padding:4px}.site-header__menu-toggle span{display:block;width:24px;height:2px;background:var(--color-text);transition:all var(--transition-base)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-lg) var(--space-md);text-align:center}.site-footer__inner{max-width:var(--container-max);margin:0 auto}.site-footer__logo{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.06em;margin-bottom:var(--space-sm);color:var(--color-text)}.site-footer__links{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.site-footer__links a{font-size:.8rem;color:var(--color-text-sub);transition:color var(--transition-base)}.site-footer__links a:hover{color:var(--color-accent)}.site-footer__text{font-size:.75rem;color:var(--color-text-muted)}.hero{padding:calc(var(--space-2xl) + 60px) var(--space-md) var(--space-xl);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent-dim),transparent)}.hero__title{font-size:clamp(2.5rem,8vw,5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-xs);position:relative}.hero__title span{color:var(--color-accent)}.hero__subtitle{font-size:clamp(.9rem,2vw,1.1rem);color:var(--color-text-sub);letter-spacing:.08em;font-weight:400}.page-header{padding:calc(var(--space-2xl) + 60px) var(--space-md) var(--space-lg);text-align:center;border-bottom:1px solid var(--color-border)}.page-header__title{font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--space-xs)}.page-header__description{font-size:.95rem;color:var(--color-text-sub);max-width:600px;margin:0 auto}.filter-bar{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-md) 0;flex-wrap:wrap;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg)}.filter-bar__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-right:var(--space-xs);font-weight:600}.filter-bar__group{display:flex;gap:var(--space-xs);flex-wrap:wrap;align-items:center}.filter-bar__divider{width:1px;height:20px;background:var(--color-border);margin:0 var(--space-sm)}.filter-btn{padding:.35rem .9rem;font-family:var(--font-display);font-size:.8rem;font-weight:500;border:1px solid var(--color-border);background:transparent;color:var(--color-text-sub);cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-sm)}.filter-btn:hover,.filter-btn.is-active{background-color:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.filter-price{display:flex;align-items:center;gap:var(--space-xs);margin-left:auto;font-size:.8rem;color:var(--color-text-sub)}.filter-price input[type=range]{width:120px;accent-color:var(--color-accent)}.knife-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.knife-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-base);display:flex;flex-direction:column}.knife-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 8px 30px #0000004d}.knife-card__image{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--color-bg)}.knife-card__body{padding:var(--space-sm) var(--space-md) var(--space-md);flex:1;display:flex;flex-direction:column}.knife-card__type{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:.3rem;font-weight:600}.knife-card__name{font-family:var(--font-display);font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:.4rem;color:var(--color-text)}.knife-card__brand{font-size:.8rem;color:var(--color-text-sub);margin-bottom:var(--space-sm)}.knife-card__meta{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:auto;padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.knife-card__tag{font-size:.7rem;padding:.2rem .5rem;background:#c5a5721a;border:1px solid var(--color-accent-dim);border-radius:var(--radius-sm);color:var(--color-accent)}.knife-card__price{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--color-danger);margin-left:auto}.brand-card{display:block;padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.brand-card:hover{border-color:var(--color-accent);background:var(--color-bg-hover)}.brand-card__name{font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin-bottom:.2rem}.brand-card__name-ja{font-family:var(--font-ja);font-size:.85rem;color:var(--color-text-sub);margin-bottom:var(--space-xs)}.brand-card__meta{font-size:.75rem;color:var(--color-text-muted)}.brand-card__specialty{font-size:.8rem;color:var(--color-text-sub);margin-top:var(--space-xs)}.article-card{display:block;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-base)}.article-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.article-card__body{padding:var(--space-md)}.article-card__category{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-xs);font-weight:600}.article-card__title{font-family:var(--font-display);font-size:1.05rem;font-weight:600;line-height:1.5;margin-bottom:var(--space-xs);color:var(--color-text)}.article-card__excerpt{font-size:.85rem;color:var(--color-text-sub);line-height:1.6}.radar-chart{width:200px;height:200px;margin:0 auto}.compare-selector{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-md);align-items:center;padding:var(--space-lg) 0}.compare-vs{font-family:var(--font-display);font-size:1.5rem;color:var(--color-text-muted);font-weight:700}.compare-select{width:100%;padding:.8rem 1rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-body);font-size:.9rem;cursor:pointer;appearance:none}.compare-select:focus{outline:none;border-color:var(--color-accent)}.compare-table{width:100%;border-collapse:collapse}.compare-table th,.compare-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);text-align:left;font-size:.85rem}.compare-table th{font-family:var(--font-display);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);background:var(--color-bg-card)}.compare-table td{color:var(--color-text-sub)}.compare-table tr:hover td{background:var(--color-bg-card)}.spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-sm);padding:var(--space-md) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.spec-item{display:flex;flex-direction:column;gap:.2rem}.spec-item__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:600}.spec-item__value{font-size:.95rem;color:var(--color-text);font-weight:500}.buy-links{display:flex;gap:var(--space-sm);flex-wrap:wrap}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-sm)}.article-layout{max-width:var(--container-narrow);margin:0 auto;padding:var(--space-xl) var(--space-md)}.article-layout h1{font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.4;margin-bottom:var(--space-md)}.article-layout h2{font-size:1.4rem;margin-top:var(--space-lg);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border)}.article-layout h3{font-size:1.15rem;margin-top:var(--space-md);margin-bottom:var(--space-sm)}.article-layout p{margin-bottom:var(--space-md)}.article-layout ul,.article-layout ol{margin-bottom:var(--space-md);padding-left:1.5rem}.article-layout li{margin-bottom:var(--space-xs);font-size:.95rem;line-height:1.8;list-style:disc;color:var(--color-text-sub)}.article-layout ol li{list-style:decimal}.article-layout a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.article-layout a:hover{color:var(--color-text)}.rating-bar{display:flex;align-items:center;gap:var(--space-xs)}.rating-bar__label{font-size:.8rem;color:var(--color-text-sub);min-width:140px}.rating-bar__track{flex:1;height:8px;background:var(--color-bg);border-radius:4px;overflow:hidden}.rating-bar__fill{height:100%;background:var(--color-accent);border-radius:4px;transition:width var(--transition-slow)}.rating-bar__value{font-size:.8rem;color:var(--color-accent);font-weight:600;min-width:30px;text-align:right}.steel-card{display:block;padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.steel-card:hover{border-color:var(--color-accent);background:var(--color-bg-hover)}.steel-card__name{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:.2rem}.steel-card__type{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);font-weight:600;margin-bottom:var(--space-sm)}.steel-card__stats{display:flex;gap:var(--space-xs);flex-wrap:wrap}.steel-card__stat{font-size:.7rem;padding:.2rem .5rem;background:#c5a5721a;border-radius:var(--radius-sm);color:var(--color-text-sub)}@media(max-width:768px){:root{--space-lg: 3rem;--space-xl: 4rem;--space-2xl: 5rem}.site-header__menu-toggle{display:flex}.site-header__nav{position:fixed;top:0;right:-100%;width:75%;height:100vh;background:var(--color-bg);flex-direction:column;padding:var(--space-2xl) var(--space-lg);gap:var(--space-md);border-left:1px solid var(--color-border);transition:right var(--transition-base);z-index:200}.site-header__nav.is-open{right:0}.site-header__nav a{font-size:1.1rem}.knife-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-sm)}.filter-bar{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-sm)}.filter-bar__divider{display:none}.filter-price{margin-left:0;width:100%}.compare-selector{grid-template-columns:1fr;text-align:center}.compare-table th,.compare-table td{padding:var(--space-xs) var(--space-sm);font-size:.8rem}.spec-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.knife-grid{grid-template-columns:1fr}.hero__title{font-size:2.2rem}.spec-grid{grid-template-columns:1fr}}body.modal-open{overflow:hidden}
