:root{--bg: #ffffff;--surface: #f7f8fa;--border: #e4e6eb;--text: #1a1c1e;--text-dim: #5f6368;--accent: #1565c0;--sale: #d32f2f;--radius: 12px;--max-width: 1080px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,sans-serif;font-size:16px;line-height:1.6;word-break:keep-all}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{max-width:var(--max-width);margin:0 auto;padding:0 16px}.site-header{border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10}.site-header .inner{display:flex;align-items:center;gap:12px;height:56px}.brand{font-weight:700;font-size:18px;letter-spacing:-.02em}.brand small{display:block;font-size:11px;font-weight:400;color:var(--text-dim);letter-spacing:0}.nav{margin-left:auto;display:flex;gap:4px;font-size:14px}.nav a{padding:6px 10px;border-radius:999px;color:var(--text-dim)}.nav a[aria-current=page]{background:var(--surface);color:var(--accent);font-weight:600}main{padding:20px 0 48px}h1{font-size:22px;letter-spacing:-.02em;margin:0 0 4px}h2{font-size:17px;margin:28px 0 12px}.lede{color:var(--text-dim);font-size:14px;margin:0 0 20px}.breadcrumb{font-size:13px;color:var(--text-dim);margin:0 0 12px}.breadcrumb a:hover{text-decoration:underline}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:0;margin:0;list-style:none}.tile{display:block;padding:14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.tile .emoji{font-size:22px;line-height:1}.tile .label{font-weight:600;margin-top:6px}.tile .count{font-size:13px;color:var(--text-dim)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;padding:0;margin:0;list-style:none}.card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg);height:100%}.card .thumb{position:relative;aspect-ratio:1 / 1;background:var(--surface)}.card .thumb img{width:100%;height:100%;object-fit:cover;display:block}.card .thumb .placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dim);font-size:28px}.badge{position:absolute;top:8px;left:8px;background:var(--sale);color:#fff;font-size:13px;font-weight:700;padding:2px 7px;border-radius:6px}.card .body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:2px;flex:1}.card .name{font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .strike{font-size:12px;color:var(--text-dim);text-decoration:line-through}.card .price{font-size:16px;font-weight:700}.card .period{font-size:11px;color:var(--text-dim);margin-top:auto;padding-top:4px}.link-chips{display:flex;gap:4px;margin-top:6px;font-size:11px}.link-chips span{border:1px solid var(--border);border-radius:999px;padding:1px 7px;color:var(--text-dim)}.detail{display:grid;gap:24px}@media(min-width:720px){.detail{grid-template-columns:360px 1fr;align-items:start}}.detail .photo{aspect-ratio:1 / 1;background:var(--surface);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.detail .photo img{width:100%;height:100%;object-fit:cover}.price-box{border:1px solid var(--border);border-radius:var(--radius);padding:16px}.price-box .final{font-size:28px;font-weight:800;letter-spacing:-.02em}.price-box .row{display:flex;gap:8px;align-items:baseline;color:var(--text-dim);font-size:14px}.meta-table{width:100%;border-collapse:collapse;font-size:14px}.meta-table th,.meta-table td{text-align:left;padding:8px 0;border-bottom:1px solid var(--border);vertical-align:top}.meta-table th{width:96px;color:var(--text-dim);font-weight:500}.cta{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:13px;border-radius:10px;background:var(--accent);color:#fff;font-weight:700;margin-top:12px}.link-buttons{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.link-buttons a{flex:1 1 140px;text-align:center;padding:11px;border:1px solid var(--border);border-radius:10px;font-size:14px;font-weight:600}.toggle-row{display:flex;gap:6px;margin-top:6px}.toggle{flex:1;padding:7px 6px;font:inherit;font-size:13px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text-dim);cursor:pointer;line-height:1.2}.toggle[data-toggle=fav]{flex:0 0 44px}.toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#eaf2fb;font-weight:600}.toggle[data-toggle=fav][aria-pressed=true]{border-color:var(--sale);color:var(--sale);background:#fdecec}.detail-toggles{margin-top:12px}.cards>li{display:flex;flex-direction:column}.cart-count{display:inline-block;min-width:18px;margin-left:3px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;text-align:center}.search-form input{width:100%;padding:12px 14px;font:inherit;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.search-form input:focus{outline:2px solid var(--accent);outline-offset:1px;background:var(--bg)}.cart-rows{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.cart-row{display:flex;flex-direction:column}.cart-controls{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:13px}.cart-controls button{min-width:30px;padding:5px;font:inherit;border:1px solid var(--border);border-radius:8px;background:var(--bg);cursor:pointer}.cart-controls .qty{min-width:20px;text-align:center;font-weight:600}.cart-controls .line-total{margin-left:auto;font-weight:700}.link-like{margin-top:10px;padding:0;border:0;background:none;color:var(--text-dim);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.chart-box{min-height:240px;border:1px solid var(--border);border-radius:var(--radius);padding:12px}.chart-box svg{width:100%;height:220px;display:block}.chart-status,.chart-caption{margin:8px 0 0;font-size:12px;color:var(--text-dim)}.post-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.post-list a{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.post-list.compact a{grid-template-columns:1fr auto}.post-list img{width:120px;height:60px;object-fit:cover;border-radius:8px}.post-title{font-weight:600}.post-date{font-size:12px;color:var(--text-dim)}.post{max-width:720px}.post-body img{border-radius:10px;margin:20px 0}.post-body h2{font-size:17px;margin:28px 0 8px}.post-body ul,.post-body ol{padding-left:20px}.post-body a{color:var(--accent);text-decoration:underline}.post-body table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.post-body th,.post-body td{border:1px solid var(--border);padding:6px 10px;text-align:left}.post-body pre{background:var(--surface);padding:12px;border-radius:8px;overflow-x:auto}.site-footer{border-top:1px solid var(--border);padding:24px 0 40px;font-size:12px;color:var(--text-dim);background:var(--surface)}.site-footer p{margin:0 0 6px}.site-footer a{text-decoration:underline}.empty{padding:48px 0;text-align:center;color:var(--text-dim)}
