@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap";.product-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden}.product-card:hover{box-shadow:var(--box-shadow);border-color:#cfcfcf}.product-image-wrap{background:#f3f3f3;position:relative;overflow:hidden}.product-image{aspect-ratio:3/4;object-fit:cover;opacity:0;width:100%;transition:opacity .45s,transform .45s;display:block;transform:scale(1.02)}.product-image.loaded{opacity:1;transform:scale(1)}.product-card:hover .product-image{transform:scale(1.03)}.product-info{padding:var(--space-sm);text-align:left}.product-name{color:var(--text-h);margin-bottom:6px;font-size:15px}.product-price{color:var(--text-low);font-size:14px}.favorite-button{cursor:pointer;z-index:5;border:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:12px;right:12px}.favorite-button:hover{transform:scale(1.08)}.favorite-button svg{transition:fill .2s,stroke .2s,color .2s,transform .2s}.skeleton-card{background:#fff;border-radius:8px;flex-direction:column;display:flex;position:relative;overflow:hidden}.skeleton-image{aspect-ratio:3/4;background:linear-gradient(90deg,#ececec 25%,#f5f5f5 50%,#ececec 75%) 0 0/200% 100%;width:100%;animation:1.2s infinite skeleton-loading;position:relative;overflow:hidden}.skeleton-line{background:linear-gradient(90deg,#ececec 25%,#f5f5f5 50%,#ececec 75%) 0 0/200% 100%;border-radius:999px;height:18px;animation:1.2s infinite skeleton-loading;position:relative;overflow:hidden}.skeleton-content{gap:var(--space-xs);padding:var(--space-sm);flex-direction:column;display:flex}.skeleton-title{width:70%;margin-top:6px;margin-bottom:var(--space-2xs)}.skeleton-price{width:40%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-image:after,.skeleton-line:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}:root{--text:#333;--text-low:#494949;--text-h:#111;--bg:#fff;--border:#e5e4e7;--button:#2c2c2c;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px;--box-shadow:#0000000f 0 4px 20px;--sans:"Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;--serif:"Didot", "Bodoni MT", "Cinzel", serif;--mono:ui-monospace, Consolas, monospace;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--radius-sm:8px;--radius-md:14px;--radius-lg:20px}:root.dark{--text:#f8f8f8;--text-low:#f2f2f2;--text-h:#fff;--bg:#16171d;--border:#2e303a;--button:#d2d2d2;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px;----box-shadow:#00000040 0 4px 20px}.topbar{justify-content:space-between;align-items:center;display:flex}.theme-toggle{border:1px solid var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:44px;height:44px;box-shadow:var(--shadow);z-index:1000;background:#ffffffbf;border-radius:999px;justify-content:center;align-items:center;transition:transform .2s,opacity .2s;display:flex;position:fixed;bottom:20px;right:20px}:root.dark .theme-toggle{background:#1e1e1eb3}.theme-toggle:hover{opacity:.9;transform:translateY(-2px)}.search-wrap{margin:20px 0}.search-box{border:1px solid var(--border);background:var(--bg);border-radius:999px;align-items:center;gap:10px;height:52px;padding:0 16px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.search-box:focus-within{box-shadow:var(--box-shadow);border-color:#999}.search-icon{color:var(--text);opacity:.6;flex-shrink:0}.search-input{color:var(--text-h);background:0 0;border:none;outline:none;flex:1;font-size:15px}.search-input::placeholder{color:var(--text-low)}.search-clear{cursor:pointer;color:var(--text);opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:flex}.search-clear:hover{opacity:1;transform:scale(1.08)}@media (width<=375px){.search-clear{position:absolute;right:8px}}.sticky-controls{z-index:30;-webkit-backdrop-filter:blur(14px);background:#ffffffd1;padding:1px 0;position:sticky;top:0}.dark .sticky-controls{background:#16171dd1}.header{justify-content:space-between;align-items:center;padding-top:24px;display:flex}.header-logo{color:var(--text-h);font-size:28px;font-weight:700;font-family:var(--serif);text-decoration:none}.header-cart{align-items:center;gap:4px;display:flex;position:relative}.header-cart span{color:var(--text);align-items:center;gap:2px;display:flex}.cart-badge{background:var(--accent);width:24px;height:24px;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;padding:6px;font-size:12px;font-weight:700;display:flex}.cart-remove{border-radius:var(--radius-sm);border:1px solid var(--button);cursor:pointer;margin-top:10px;padding:5px 12px;font-size:14px}.cart-quantity{align-items:center;gap:10px;margin:8px 0;display:flex}.cart-quantity button{border:1px solid var(--border);border-radius:0;width:28px;height:28px;padding:0}.toast{border-radius:var(--radius-md);background:var(--button);color:var(--bg);z-index:2000;box-shadow:var(--box-shadow);width:auto;max-width:calc(100vw - 32px);margin-left:auto;padding:14px 18px;font-size:14px;position:fixed;bottom:20px;left:16px;right:16px}.filter-container{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;font-size:14px;display:flex}@media (width<=375px){.filter-container{white-space:nowrap;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.filter-container::-webkit-scrollbar{display:none}}.filter-container h3{font-size:14px}.selected-filter-container{flex-wrap:wrap;align-items:center;margin:8px 0;font-size:14px;display:flex}.filter-footer{justify-content:space-between;align-items:center;font-size:14px;display:flex}.filter-chip{background-color:var(--button);color:var(--bg);border-radius:var(--radius-lg);flex-shrink:0;margin-right:10px;padding:5px 10px;font-size:14px}.sort-modal-backdrop{z-index:1100;background:#00000073;justify-content:center;align-items:flex-end;animation:.2s ease-out sortBackdropIn;display:flex;position:fixed;inset:0}@keyframes sortBackdropIn{0%{opacity:0}to{opacity:1}}.sort-modal-sheet{width:100%;max-width:520px;padding:0 0 max(16px, env(safe-area-inset-bottom));background:var(--bg);color:var(--text-h);border-radius:16px 16px 0 0;margin:0 auto;animation:.2s cubic-bezier(.22,1,.36,1) sortSheetIn;box-shadow:0 -8px 32px #0000001f}@keyframes sortSheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sort-modal-handle{background:var(--border);border-radius:100vh;width:40px;height:4px;margin:10px auto 6px}.sort-modal-title{margin:0 0 8px;padding:0 20px 8px;font-size:15px;font-weight:600}.sort-modal-list{margin:0;padding:0;list-style:none}.sort-modal-list li{margin:0}.sort-modal-item{border:none;border-top:1px solid var(--border);text-align:left;cursor:pointer;border-radius:0;width:100%;margin:0;padding:16px 20px;font-size:16px;display:block}.sort-modal-item:hover{background:var(--bg)}.sort-modal-item--active{font-weight:600}.sort-modal-item--active:after{content:"✓";float:right;font-weight:600}.sort-modal-close{color:var(--text-h);background:var(--border);cursor:pointer;border:none;border-radius:10px;width:calc(100% - 32px);margin:12px 16px 0;padding:14px;font-size:15px;display:block}button{border:1px solid var(--button);color:var(--text);cursor:pointer;background-color:#0000;border-radius:16px;padding:4px 12px}button.active{background-color:var(--button);border-color:var(--button);color:var(--bg)}.cardflex{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;width:100%;min-width:0;margin-top:20px;display:grid}@media (width<=768px){.cardflex{grid-template-columns:repeat(2,1fr);gap:14px}}.notfound-page{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:70vh;display:flex}.notfound-page h1{font-size:72px}.notfound-link{border-radius:var(--radius-md);background:var(--button);color:var(--bg);padding:12px 18px;text-decoration:none}.empty-state{text-align:center;flex-direction:column;align-items:center;padding:80px 20px;display:flex}.empty-icon{opacity:.35;margin-bottom:20px}.empty-state h2{color:var(--text-h);margin-bottom:12px;font-size:24px}.empty-state p{color:var(--text-low);margin-bottom:28px;font-size:15px;line-height:1.6}.empty-reset{background:var(--button);color:var(--bg);cursor:pointer;border:none;border-radius:100vh;padding:12px 20px;transition:transform .2s,opacity .2s}.empty-reset:hover{opacity:.9;transform:translateY(-1px)}.recent-section{margin-top:80px}.recent-header{margin-bottom:16px}.recent-header h2{font-size:20px}.recent-scroll{scrollbar-width:none;gap:16px;padding-bottom:6px;display:flex;overflow-x:auto}.recent-scroll::-webkit-scrollbar{display:none}.recent-card{color:inherit;flex:0 0 140px;text-decoration:none}.recent-image-wrap{border-radius:var(--radius-sm);overflow:hidden}.recent-image{aspect-ratio:3/4;object-fit:cover;width:100%;transition:transform .3s;display:block}.recent-card:hover .recent-image{transform:scale(1.03)}.recent-info{padding-top:10px}.recent-name{font-size:14px}.recent-price{font-size:13px}.highlight-text{color:var(--accent);background:0 0;font-weight:700}.detail-topbar{background:var(--bg);justify-content:space-between;align-items:center;margin-bottom:-24px;padding:12px 0;display:flex}.dark .detail-topbar{background:var(--bg)}.detail-layout{margin-top:24px}.detail-image-wrap{width:100%}.detail-image-wrap img{margin:auto}.detail-icon-button{border:1px solid var(--border);background:var(--bg);width:40px;height:40px;color:var(--text-h);border-radius:999px;justify-content:center;align-items:center;transition:transform .2s,background .2s,border-color .2s;display:flex}.detail-cart-button{color:var(--text);align-items:center;gap:4px;display:flex;position:relative}.detail-cart-button span{color:var(--text);align-items:center;gap:2px;display:flex}.detail-option{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;padding:6px 0;font-size:14px;display:flex}.detail-option p{text-align:start;min-width:40px}.detail-chip-wrap{gap:8px;display:flex}.quantity-wrap{align-items:center;gap:10px;display:flex}.quantity-wrap button{border-color:var(--border);border-radius:0;font-size:18px}.detail-desc{text-align:start;padding:8px 0}.detail-info{margin-top:14px}.detail-bottom-sticky{background-color:var(--bg);border-top:solid 1px var(--border);margin-top:14px;padding:10px 0;display:block;position:sticky;bottom:0}.detail-bottom,.cart-total{justify-content:space-between;align-items:center;display:flex}.cart-header{align-items:center;padding:12px 0;display:flex}.cart-header h2{color:var(--text-h);font-family:var(--serif);margin-bottom:0;margin-left:calc(40% - 40px);text-decoration:none}.cart-item{gap:16px;margin-bottom:26px;display:flex}.cart-item img{width:50%}.cart-item h3{margin-top:0}.cart-infolist{text-align:start}@media (width>=1025px){.cart-list{grid-template-columns:1fr 1fr;display:grid}.theme-toggle{right:calc(50% - 563px)}}.cart-empty-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;margin-top:120px;display:flex}.cart-empty-icon{opacity:.6}.cart-empty-content p{color:var(--text);opacity:.7}.cart-empty-button{background:var(--accent);color:#fff;border-radius:999px;margin-top:8px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none}.cart-summary-sticky{background:var(--bg);border-top:1px solid var(--border);z-index:10;padding:16px 0;position:sticky;bottom:0}.cart-summary{flex-direction:column;gap:12px;display:flex}.cart-summary-top,.cart-summary-price{justify-content:space-between;align-items:center;display:flex}.cart-summary-price strong{font-size:1.25rem}.cart-order-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;height:52px;font-size:.95rem;font-weight:600;transition:opacity .2s}.cart-order-button:hover{opacity:.9}@media (width<=768px){.detail-topbar.sticky-controls,.cart-header.sticky-controls{margin-top:-20px;padding-top:calc(12px + env(safe-area-inset-top));background:var(--bg);margin-inline:-20px;padding-bottom:12px;padding-left:20px;padding-right:20px}.header{margin-top:-20px}}html{font-size:18px}@media (width<=1024px){html{font-size:16px}}body{font-family:var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:20px;line-height:145%}*,:before,:after{box-sizing:border-box}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}p{margin:0}h1,h2{color:var(--text-h);margin:0;font-weight:500}h1{font-family:var(--serif);letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}a{text-decoration:none}h2{letter-spacing:-.24px;margin-bottom:8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}#root{text-align:center;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}