@font-face{font-family:'Pretendard Variable';src:url('./PretendardVariable.woff2') format('woff2');font-weight:45 920;font-style:normal;font-display:swap}
:root{--ink:#203d34;--green:#174c40;--muted:#76817b;--line:#e2e6df;--paper:#fafbf7;--mint:#eaf1e8;--orange:#bb7048}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.6;letter-spacing:-.025em}button,input,select{font:inherit;color:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #83ae99;outline-offset:4px}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px;flex-shrink:0}input[type=range]{accent-color:var(--green);width:100%;cursor:pointer}.skip{position:absolute;top:-70px;left:20px;z-index:10;background:var(--green);color:white;padding:14px}.skip:focus{top:10px}.topbar{height:91px;max-width:1440px;margin:auto;padding:0 64px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:66px}.logo{display:flex;align-items:center;font-size:37px;font-weight:760;letter-spacing:-.07em;line-height:1}.logo-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);margin:17px 14px 0 6px}.logo small{font-size:10px;letter-spacing:.15em;font-weight:500;margin-top:4px}.topbar nav{height:100%;display:flex;align-items:center;gap:28px}.topbar nav button{height:100%;font-weight:530;font-size:13px;padding:0;position:relative;white-space:nowrap;color:#6c7972}.topbar nav .nav-on{color:var(--green);font-weight:700}.nav-on:after{content:'';height:3px;background:var(--green);position:absolute;bottom:0;left:0;right:0}.topbar nav span{font-size:10px;margin-left:4px}.nav-note{margin-left:auto;font-size:11px;color:var(--muted)}main{max-width:1440px;margin:auto}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;padding:65px 64px 53px;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.19em;color:#708174;display:flex;align-items:center;gap:10px}.tiny-line{height:1px;width:25px;background:#8a9e86}h1{font-size:46px;line-height:1.28;letter-spacing:-.065em;font-weight:640;margin:22px 0 17px}.serif-mark{font-family:Georgia,serif;font-style:italic;color:#97a387;font-weight:400;margin-left:4px}.hero p{font-size:13px;line-height:1.9;color:#748075;margin:0}.hero-search{align-self:end;margin-bottom:8px}.search-label{font-size:12px;color:#7c877d;margin-bottom:13px}#search-form{display:flex;align-items:center;gap:13px;border:1px solid #c6d2c4;border-radius:6px;background:#fff;padding:9px 9px 9px 20px;box-shadow:0 5px 20px #1c442305;min-height:67px}.search-icon{width:17px;height:17px;border:1.5px solid #71846c;border-radius:50%;position:relative;margin-right:4px;flex-shrink:0}.search-icon:after{content:'';width:7px;height:1.5px;background:#71846c;position:absolute;right:-5px;bottom:-2px;transform:rotate(45deg)}#search{width:100%;min-width:0;outline:none;border:0;background:none;font-size:14px;letter-spacing:-.035em}#search::placeholder{color:#9ba59a}#search-form button{background:var(--green);color:white;border-radius:4px;width:46px;height:46px;font-size:26px;flex-shrink:0}.quick-search{display:flex;align-items:center;gap:7px;margin:15px 0 35px;font-size:11px;flex-wrap:wrap}.quick-search>span{color:#969f93;margin-right:5px}.quick-search button{color:#5f775e;background:#edf1e7;border-radius:3px;padding:4px 9px}.quick-search button:hover{background:#dee8d7}.archive-line{font-size:10px;display:flex;gap:10px;align-items:center;color:#8b9388}.live-dot{width:5px;height:5px;border-radius:50%;background:#70966c}.category-strip{background:#f0f3ec;display:flex;align-items:center;padding:19px 64px;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip-label{font-size:11px;color:#73806e}.category-strip #categories{display:flex;gap:8px}.cat-btn{font-size:12px;display:flex;align-items:center;gap:7px;border:1px solid #dce3d6;border-radius:4px;padding:7px 14px;color:#7c8977}.cat-btn[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}.cat-icon{font-size:14px;opacity:.8}.strip-note{margin-left:auto;font-size:10px;color:#95a08e}.workspace{display:grid;grid-template-columns:254px minmax(0,1fr);gap:36px;padding:38px 64px 60px}.filters{border-right:1px solid var(--line);padding-right:25px}.filter-heading{display:flex;justify-content:space-between;align-items:center}.filter-heading h2{font-size:15px;font-weight:660;margin:0}.filter-heading button{font-size:10px;color:#8b9688;padding:0}.filter-caption{font-size:10px;color:#9aa393;margin:7px 0 25px}.filter-section{border-top:1px solid var(--line);padding:23px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-heading h3{font-size:13px;font-weight:650;margin:0}.section-heading>span{font-size:9px;color:#929c8d}.step-no{font-size:10px;color:#899783;margin-right:8px;font-weight:450}.mode-switch{display:flex;background:#edf0e8;border-radius:4px;padding:3px;margin-bottom:19px}.mode-switch button{flex:1;font-size:10px;line-height:1.3;padding:7px 2px;color:#8a9683;border-radius:3px}.mode-switch button[aria-pressed=true]{background:white;color:var(--green);box-shadow:0 1px 4px #233c2210}.concern-group{margin-top:15px}.group-label{font-size:10px;color:#909b8a;display:block;margin-bottom:8px}.concern-chips{display:flex;flex-wrap:wrap;gap:6px}.concern-chip{font-size:11px;border:1px solid #e0e6da;color:#6c7b64;border-radius:4px;padding:6px 8px;background:#fff}.concern-chip:hover{border-color:#7b9b79}.concern-chip[aria-pressed=true]{background:#e5eddf;border-color:#7c9a72;color:#28512d;font-weight:650}.hint{font-size:10px;line-height:1.7;color:#919c8c;margin:9px 0 13px}.mini-search{width:100%;border:1px solid var(--line);background:white;border-radius:3px;padding:8px;font-size:11px;outline:none;margin-bottom:10px}#ingredient-options{max-height:335px;overflow:auto;scrollbar-width:thin;padding:0 3px}.ingredient-option{display:flex;align-items:flex-start;gap:7px;padding:6px 0;cursor:pointer;font-size:11px}.ingredient-option input{margin:3px 0 0}.ingredient-option small{display:block;font-size:9px;color:#98a191;line-height:1.4;margin-top:2px}.price-label{font-size:11px;display:flex;justify-content:space-between}.price-label strong{font-weight:650}.price-ends{display:flex;justify-content:space-between;font-size:9px;color:#9aa190}.extra-options{display:grid;gap:9px;margin-top:22px}.extra-options label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:10px}.extra-options input{margin:0}.sidebar-foot{border-top:1px solid var(--line);padding-top:22px;font-size:13px;color:#a3ad99;line-height:1.8}.sidebar-foot span{display:block;font-size:9px;letter-spacing:.14em;margin-top:17px}.results-top{display:flex;align-items:center;gap:12px;min-height:49px}.eyebrow.small{font-size:8px;letter-spacing:.19em}.results-top h2{font-size:21px;font-weight:630;letter-spacing:-.045em;margin:5px 0 0}.results-top h2 span{font-size:14px;color:#829275;margin-left:9px;font-weight:450}.sort-label{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:10px;color:#969e8f;white-space:nowrap}.sort-label select{border:1px solid var(--line);padding:7px 9px;border-radius:3px;background:white;font-size:10px;max-width:160px;color:#6a7761}.active-filters{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.active-filters:empty{display:none}.active-tag{font-size:10px;background:#e8eee1;color:#55704c;border-radius:4px;padding:5px 9px}.active-tag span{margin-left:9px;font-size:8px}.reading-note{display:flex;align-items:center;gap:9px;background:#f0f3ec;border:1px solid #e5eadf;border-radius:4px;padding:12px 13px;margin:21px 0 23px}.info-icon{border:1px solid #92a18a;width:14px;height:14px;border-radius:50%;font-size:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#7a8d70}.reading-note p{font-size:10px;color:#8a9780;margin:0;line-height:1.6}.reading-note strong{font-weight:550;color:#5b7351}.reading-note button{font-size:9px;color:#69835b;margin-left:auto;white-space:nowrap;padding:0}.context{background:#fff;border-left:2px solid #91a580;padding:12px 14px;margin-top:20px}.context h3{font-size:12px;margin:0 0 5px;font-weight:600}.context p{font-size:11px;line-height:1.75;margin:4px 0;color:#819078}.context a{font-size:10px;text-decoration:underline;text-underline-offset:3px;color:#5c7751}.context .map-row{margin-top:9px;display:flex;flex-wrap:wrap;gap:5px}.map-row span{background:#f0f4ea;font-size:9px;color:#728366;padding:3px 6px;border-radius:3px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.product-card{border:1px solid #dfe5d9;border-radius:6px;background:white;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #1f3c2610}.card-head{height:117px;padding:17px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.tone-0{background:#eaf0e3}.tone-1{background:#f1eee5}.tone-2{background:#e9efeb}.tone-3{background:#f2e9e2}.card-head:after{content:'';position:absolute;border:1px solid #73896a16;border-radius:50%;width:154px;height:154px;right:-24px;bottom:-79px}.card-head:before{content:'';position:absolute;border:1px solid #73896a12;border-radius:50%;width:200px;height:200px;right:-49px;bottom:-106px}.card-category{font-size:9px;color:#8b987f;letter-spacing:.025em}.card-active{font-size:24px;letter-spacing:-.055em;font-weight:430;color:#667e5b;line-height:1.2;z-index:1}.card-active small{font-size:9px;display:block;font-weight:400;letter-spacing:.04em;margin-top:8px;color:#91a083}.save-btn{position:absolute;right:12px;top:12px;z-index:2;color:#84927c;border:1px solid #99a78c42;background:#fff7;width:27px;height:27px;border-radius:50%;font-size:17px;line-height:1}.save-btn[aria-pressed=true]{color:#bb7048;background:#fff;border-color:#d4b69f}.card-body{padding:15px 16px 12px;display:flex;flex:1;flex-direction:column}.review-status{font-size:8px;color:#859779;margin-bottom:7px;display:flex;align-items:center;gap:4px}.review-status .status-dot{width:3px;height:3px;background:currentColor;border-radius:50%}.review-status.auto{color:#a7a58e}.product-card h3{font-size:13px;line-height:1.6;font-weight:590;letter-spacing:-.035em;margin:0 0 10px;min-height:42px}.product-card h3 button{text-align:left;padding:0}.product-card h3 button:hover{text-decoration:underline;text-underline-offset:3px}.price{font-size:17px;font-weight:650;color:#2c493a;letter-spacing:-.04em;margin-bottom:12px}.price small{font-size:11px;margin-left:2px;font-weight:450}.reason{font-size:10px;color:#8a9582;line-height:1.7;margin:0 0 12px;min-height:34px}.reason strong{color:#687e5e;font-weight:500}.ingredient-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:auto;padding-bottom:14px;min-height:41px;align-content:flex-start}.ingredient-tags span{font-size:8px;color:#6e8262;background:#f2f5ee;padding:3px 6px;border-radius:3px}.ingredient-tags .matched{background:#e0ebd8;color:#3d6735}.card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0e8;padding-top:11px;font-size:9px;color:#9aa38f}.card-foot button{font-size:10px;color:#637957;padding:0}.card-foot a:hover{text-decoration:underline}.card-warning{font-size:8px;color:#aa9374;margin-top:8px}.more-wrap{text-align:center;margin:29px 0 0}#load-more{border:1px solid #cfd9c4;border-radius:4px;padding:12px 44px;font-size:11px;color:#6d805f;background:#fff}#load-more span{margin-left:26px}#page-count{font-size:9px;color:#a3aa9a;margin-top:12px}.empty{grid-column:1/-1;text-align:center;padding:80px 20px;border:1px dashed #d5decc;border-radius:6px;background:#fff}.empty b{display:block;font-size:19px;margin-bottom:10px;font-weight:550}.empty p{font-size:12px;color:#8c9981}.empty button{background:var(--green);color:white;padding:10px 20px;border-radius:4px;margin-top:13px}.loading{padding:50px;color:#8a997c;grid-column:1/-1}.mobile-filter{display:none}.footer{margin:0 64px;border-top:1px solid var(--line);padding:32px 0 42px;display:flex;align-items:center;gap:30px}.footer .logo{font-size:28px}.footer p{font-size:10px;color:#8d9983;line-height:1.8;margin:0}.footer>div:last-child{margin-left:auto;display:grid;font-size:9px;color:#a0a893;gap:5px}dialog{border:1px solid #dce3d4;border-radius:12px;width:min(750px,calc(100% - 28px));max-height:88vh;padding:28px 32px;color:var(--ink);background:var(--paper);box-shadow:0 25px 80px #16352222}dialog::backdrop{background:#1b322d70;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.close-dialog{font-size:18px;color:#7f8d75;padding:6px}.detail-title{font-size:26px;letter-spacing:-.05em;line-height:1.4;margin:10px 0 15px;font-weight:620}.detail-meta{font-size:11px;color:#94a087}.detail-price{font-size:24px;font-weight:600;margin:16px 0}.detail-section{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.detail-section h3{font-size:14px;margin:0 0 8px}.detail-section p,.detail-section li{font-size:12px;line-height:1.9;color:#77896b}.detail-section ul{padding-left:18px}.detail-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.primary-link{display:inline-block;padding:12px 20px;border-radius:4px;color:white;background:var(--green);font-size:12px}.secondary-link{display:inline-block;border:1px solid var(--line);border-radius:4px;padding:11px 17px;font-size:11px}.inci-text{font-size:11px;line-height:1.9;color:#88957e;white-space:pre-wrap;max-height:280px;overflow:auto;padding:12px;background:#eff3e9;border-radius:4px}details summary{cursor:pointer;font-size:12px;padding:10px 0;color:#6d825f}.source-list{display:grid;gap:7px}.source-list a{font-size:11px;text-decoration:underline;text-underline-offset:3px;word-break:break-word}.guide-title{font-size:26px;font-weight:600;line-height:1.45;letter-spacing:-.045em}.guide-lead{font-size:12px;line-height:1.9;color:#7d8c73}.guide-table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.8;margin-top:17px}.guide-table th,.guide-table td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.guide-table th{color:#8c9a81;font-size:10px}.guide-table td:first-child{min-width:100px}.guide-table td{color:#718566}.guide-table small{display:block;color:#98a38c}.guide-table a{text-decoration:underline}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#254a3b;color:white;padding:11px 20px;border-radius:6px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:20}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1450px){.topbar,main{max-width:1440px}.hero{padding-top:72px;padding-bottom:62px}.hero h1{font-size:52px}.product-card h3{font-size:14px}.card-head{height:129px}}
@media(max-width:1150px){.topbar{padding:0 30px;gap:35px}.nav-note{display:none}.hero{padding:45px 30px;gap:35px}.hero h1{font-size:40px}.category-strip{padding:17px 30px;gap:17px}.strip-note{display:none}.workspace{padding:30px;grid-template-columns:220px minmax(0,1fr);gap:25px}.filters{padding-right:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-note button{display:none}.footer{margin:0 30px}.topbar nav{gap:22px}}
@media(max-width:720px){.topbar{height:70px;padding:0 20px;gap:24px}.logo{font-size:29px}.logo small{display:none}.logo-dot{margin-right:0;width:5px;height:5px}.topbar nav{gap:18px;margin-left:auto}.topbar nav button{font-size:11px}.nav-note{display:none}.hero{display:block;padding:34px 21px 26px}.eyebrow{font-size:8px}.hero h1{font-size:37px;margin:16px 0 12px}.hero p{font-size:12px}.hero-search{margin-top:29px}.search-label{font-size:10px;margin-bottom:9px}#search-form{min-height:59px;padding:7px 7px 7px 17px}#search{font-size:12px}#search-form button{width:42px;height:42px}.quick-search{font-size:10px;margin:11px 0 24px;gap:5px}.quick-search button{font-size:10px}.archive-line{font-size:9px;gap:7px}.category-strip{display:block;padding:15px 20px}.strip-label{font-size:10px;margin-bottom:10px}.category-strip #categories{gap:6px}.cat-btn{font-size:11px;padding:7px 11px;gap:5px}.workspace{display:block;padding:26px 20px 35px}.filters{display:none;border:1px solid var(--line);border-radius:6px;padding:20px;margin-bottom:25px}.filters.open{display:block}.filter-heading h2{font-size:16px}.concern-chip{font-size:12px}.ingredient-option{font-size:12px}.extra-options label{font-size:12px}.results-top{flex-wrap:wrap;gap:14px}.results-top h2{font-size:19px}.results-top h2 span{font-size:12px}.sort-label{font-size:9px}.sort-label select{font-size:9px;max-width:135px;padding:6px}.mobile-filter{display:block;margin-left:auto;border:1px solid #d8e2ce;padding:7px 10px;border-radius:4px;font-size:10px}.results-top .sort-label{flex-basis:100%;justify-content:flex-end}.reading-note{margin:16px 0 19px;padding:10px}.reading-note p{font-size:9px}.product-grid{gap:11px}.card-head{height:96px;padding:13px}.card-active{font-size:20px}.card-active small{font-size:8px;letter-spacing:0}.card-category{font-size:8px}.card-body{padding:12px 11px 10px}.product-card h3{font-size:12px;line-height:1.55;min-height:56px}.price{font-size:16px;margin-bottom:10px}.reason{font-size:9px;min-height:45px}.ingredient-tags{min-height:46px;padding-bottom:10px}.ingredient-tags span{font-size:8px;padding:2px 4px}.card-foot{font-size:8px;flex-wrap:wrap;gap:6px}.card-foot button{font-size:9px}.review-status{font-size:7px}.save-btn{width:24px;height:24px;right:8px;top:8px}.footer{margin:0 20px;padding:24px 0;flex-wrap:wrap;gap:15px}.footer>div:last-child{flex-basis:100%;margin-left:0;font-size:8px}.footer p{font-size:9px}dialog{padding:20px}.detail-title{font-size:22px}.guide-title{font-size:23px}.guide-table{font-size:10px}.guide-table td:first-child{min-width:78px}.context{margin-top:15px}.context p{font-size:10px}}
.filter-caption,.hint,.reason,.card-category,.review-status.auto,.group-label,.price-ends,.archive-line,.search-label,.footer p,.footer>div:last-child,.card-foot,.detail-meta,.guide-lead{color:#69775f}.filter-caption,.hint{font-size:11px}.concern-chip,.ingredient-option{font-size:12px}.ingredient-option small{font-size:10px;color:#748169}.reading-note p{color:#69795e}.reason{font-size:11px}.review-status{font-size:9px}.card-foot{font-size:10px}.sidebar-foot{color:#75856a}.card-active small{color:#6d805f}.detail-section p,.detail-section li,.inci-text{color:#627656}.card-active{overflow-wrap:anywhere}.reading-note strong{color:#47603e}
@media(max-width:720px){.reason{font-size:10px}.review-status{font-size:8px}.card-foot{font-size:9px}.card-active{font-size:19px}.card-category{font-size:9px}.archive-line{font-size:9px}.hint{font-size:10px}}
#filter-apply{display:none}@media(max-width:720px){.filters.open #filter-apply{display:block;position:fixed;bottom:17px;left:20px;right:20px;z-index:15;background:var(--green);border:1px solid #fff5;border-radius:6px;color:#fff;padding:14px;box-shadow:0 5px 25px #173d3b35;font-size:13px}.filters.open{padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}