*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #ffffff;--bg-secondary: #f6f5f1;--text: #23211b;--text-secondary: #7c7566;--accent: #b8700f;--accent-contrast: #ffffff;--border: #e6e4de;--panel: #ffffff;--shadow: 0 2px 10px rgba(35, 33, 27, .06);--mono: "SF Mono", "Fira Code", Menlo, Consolas, monospace;--max-width: 720px;--max-width-wide: 1120px;--nav-height: 60px}[data-theme=dark]{--bg: #1c1a17;--bg-secondary: #242119;--text: #ede8dc;--text-secondary: #9a927f;--accent: #e8a33d;--accent-contrast: #1c1a17;--border: #3a362c;--panel: #242119;--shadow: none}html{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;transition:background .3s,color .3s;-webkit-font-smoothing:antialiased}body{min-height:100vh;display:flex;flex-direction:column;padding-top:var(--nav-height)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.mono{font-family:var(--mono)}.site-header{border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(6px);z-index:100}.header-inner{max-width:var(--max-width-wide);margin:0 auto;padding:0 1.5rem;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between}.site-title{text-decoration:none;line-height:1.2}.site-title-main{font-family:var(--mono);font-size:1.05rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.site-title-dot{color:var(--accent)}.site-title:hover{text-decoration:none}.site-nav{display:flex;align-items:center;gap:1.4rem}.site-nav a{color:var(--text-secondary);font-size:.9rem;transition:color .2s}.site-nav a:hover{color:var(--text);text-decoration:none}.site-nav a.active{color:var(--accent);font-weight:600}.theme-toggle{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:1.1rem;padding:.25rem;display:flex;align-items:center;transition:color .2s}.theme-toggle:hover{color:var(--text)}.main-content{flex:1;max-width:var(--max-width);margin:0 auto;padding:1.5rem;width:100%}.main-content-wide{max-width:var(--max-width-wide)}.home-hero{padding:4.5rem 0 3.5rem}.hud-kicker{font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;color:var(--accent);margin-bottom:1.2rem}.home-hero h1{font-size:3rem;line-height:1.18;font-weight:800;letter-spacing:-.03em}.home-hero h1 .dot{color:var(--accent)}.home-hero .lede{margin-top:1.2rem;font-size:1.05rem;color:var(--text-secondary);max-width:36em}.hero{margin:1.5rem 0 2rem}.hero h1{font-size:1.9rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.4rem}.hero p{color:var(--text-secondary);font-size:1rem}.section{margin-bottom:3.5rem}.section-header{display:flex;align-items:baseline;gap:.85rem;margin-bottom:1.5rem}.section-header .idx{font-family:var(--mono);font-size:.75rem;color:var(--accent)}.section-title{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;color:var(--text)}.section-header .rule{flex:1;height:1px;background:var(--border)}.view-all{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.view-all:hover{color:var(--accent)}.more-link{display:block;margin-top:1.2rem;padding:.95rem;border:1px dashed var(--border);text-align:center;font-family:var(--mono);font-size:.8rem;font-weight:700;color:var(--text-secondary);transition:border-color .2s,color .2s}.more-link:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem}.product-card{position:relative;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text);display:flex;flex-direction:column;transition:border-color .2s}.product-card:hover{border-color:var(--accent);text-decoration:none}.product-shot{aspect-ratio:8 / 5;overflow:hidden;border-bottom:1px solid var(--border);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.product-shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.product-shot.contain img{object-fit:contain}.product-shot.dark-shot{background:#15140f}.product-body{padding:1.3rem 1.4rem 1.5rem}.product-title-row{display:flex;align-items:center;gap:.8rem}.product-icon{width:42px;height:42px;border-radius:9px}.product-name{font-size:1.15rem;font-weight:800;letter-spacing:-.01em}.product-link{color:var(--text)}.product-link:hover{text-decoration:none}.product-link:after{content:"";position:absolute;inset:0}.product-stores{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.store-link{position:relative;z-index:1;font-family:var(--mono);font-size:.72rem;font-weight:700;padding:.35rem .8rem;border:1px solid var(--accent);color:var(--accent)}.store-link:hover{background:var(--accent);color:var(--accent-contrast);text-decoration:none}.product-meta{font-family:var(--mono);font-size:.68rem;color:var(--text-secondary);margin-top:.15rem}.product-meta b{color:var(--accent);font-weight:600}.product-desc{margin-top:.8rem;font-size:.88rem;color:var(--text-secondary);line-height:1.6}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}.blog-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text);display:flex;flex-direction:column;transition:border-color .2s}.blog-card:hover{border-color:var(--accent);text-decoration:none}.blog-thumb{aspect-ratio:16 / 10;overflow:hidden;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.blog-thumb img{width:100%;height:100%;object-fit:cover;display:block}.blog-card-body{padding:1rem 1.1rem 1.2rem}.blog-date{font-family:var(--mono);font-size:.68rem;color:var(--text-secondary)}.blog-title{margin-top:.35rem;font-size:.98rem;font-weight:700;line-height:1.4;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-excerpt{margin-top:.45rem;font-size:.82rem;line-height:1.55;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card.no-image .blog-card-body{padding-top:1.3rem}.blog-card.no-image .blog-excerpt{-webkit-line-clamp:6}.empty{padding:2rem 0;color:var(--text-secondary)}.view-count{font-size:.75rem;color:var(--text-secondary);margin-left:.5rem}.badge{display:inline-block;font-size:.72rem;font-weight:600;padding:.12rem .5rem;background:var(--accent);color:var(--accent-contrast);margin-left:.5rem;vertical-align:middle}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2rem;font-family:var(--mono);font-size:.85rem}.pagination a,.pagination span{padding:.35rem .8rem;border:1px solid var(--border);color:var(--text-secondary)}.pagination a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.pagination .current{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.site-footer{border-top:1px solid var(--border);padding:2rem 1.5rem;color:var(--text-secondary);font-size:.85rem}.footer-inner{max-width:var(--max-width-wide);margin:0 auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-links{font-family:var(--mono);font-size:.75rem;display:flex;flex-wrap:wrap;gap:.9rem}.site-footer a{color:var(--text-secondary)}.site-footer a:hover{color:var(--accent)}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.blog-grid{grid-template-columns:1fr;gap:.8rem}.blog-card{flex-direction:row}.blog-thumb{flex:none;width:108px;aspect-ratio:1 / 1;border-bottom:none;border-right:1px solid var(--border)}.blog-card-body{padding:.75rem .9rem;min-width:0}.blog-title{font-size:.92rem}.blog-excerpt{display:none}.blog-card.no-image .blog-excerpt{display:-webkit-box;-webkit-line-clamp:2}.home-hero{padding:2.5rem 0 2.2rem}.home-hero h1{font-size:2rem}.product-grid{grid-template-columns:1fr}.hero h1{font-size:1.5rem}.header-inner{padding:0 1rem}.site-nav{gap:.9rem}.site-nav a{font-size:.8rem}.main-content{padding:1.2rem 1rem}.footer-inner{flex-direction:column;gap:.4rem}}