:root{font-family:system-ui,-apple-system,"Segoe UI","Malgun Gothic",sans-serif;color:#23372f;background:#f5f7f6;font-synthesis:none;--green:#1b5142;--muted:#6c7972;--line:#dfe6e1}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.6}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8baea0;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.5}.header{height:88px;max-width:1240px;margin:auto;display:flex;align-items:center;gap:26px;padding:0 30px;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:800;display:flex;align-items:center;gap:10px;letter-spacing:-1px}.brand-icon{background:var(--green);color:#fff;border-radius:10px;width:37px;height:37px;text-align:center;font-size:30px;line-height:33px}.header-note{color:var(--muted);font-size:14px}.help-link{margin-left:auto;font-size:14px}main{max-width:1180px;margin:auto;padding:42px 0 0}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;color:#5b7f6f}h1{font-size:34px;letter-spacing:-1.6px;line-height:1.35;margin:10px 0}h1 span{color:var(--green)}.intro p,.section-heading p{color:var(--muted);margin:8px 0 0}.saved{font-size:12px;color:var(--muted);margin-bottom:6px}.modes{display:flex;gap:6px;background:#e9eeeb;padding:6px;border-radius:12px;margin-bottom:30px;max-width:690px}.modes button{flex:1;border:0;background:transparent;border-radius:8px;padding:12px 10px;font-weight:650;font-size:15px;color:#65766d}.modes button.active{background:#fff;color:var(--green);box-shadow:0 2px 5px #193c2710}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 362px;gap:30px;align-items:start}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h2{font-size:20px;margin:0;font-weight:750;letter-spacing:-.6px}.section-heading p{font-size:14px}.text-button{border:0;background:none;color:#76827b;font-size:14px;padding:10px}.mode-options{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.mode-options:empty{display:none}.mode-options label{display:flex;align-items:center;gap:10px;font-size:14px}.mode-options select{width:auto;background:white}.candidate{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px;margin-bottom:16px}.card-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.letter{width:30px;height:30px;display:grid;place-items:center;background:#edf3ef;color:var(--green);font-weight:750;border-radius:8px;font-size:14px;flex-shrink:0}.card-heading input{font-weight:650;border:0;border-bottom:1px solid transparent;border-radius:0;padding:4px 0;background:transparent}.card-heading input:focus{border-color:var(--green)}.remove{border:0;background:none;color:#77857d;font-size:24px;padding:0 5px;line-height:1.5}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{display:block;color:#56665d;font-size:14px}input,select{min-width:0;width:100%;border:1px solid #dce4de;border-radius:7px;padding:10px 12px;background:#fcfdfc;color:#263b30;outline:none;min-height:44px}input:focus,select:focus{border-color:#537e69;box-shadow:0 0 0 3px #2a765510}.input-wrap{display:flex;align-items:center;position:relative;margin-top:7px}.input-wrap input{padding-right:44px}.input-wrap>span{position:absolute;right:12px;font-size:14px;color:#7d8982;pointer-events:none}details{margin-top:18px}summary{cursor:pointer;font-size:14px;color:#697c70}details .field-grid{margin-top:16px}.inline-result{border-top:1px solid #edf1ee;margin-top:18px;padding-top:13px;display:flex;justify-content:space-between;font-size:14px;color:#718075;gap:12px}.inline-result strong{color:var(--green);text-align:right}.error{color:#a43d34!important}.add-button{width:100%;border:1px dashed #b8cbbd;border-radius:10px;background:#eef4ef;color:var(--green);padding:14px;font-weight:650}.local-note{font-size:12px;color:#829087;text-align:center;margin:12px 0}.results{background:var(--green);color:#fff;border-radius:15px;padding:26px}.result-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff25;padding-bottom:19px}.pill{font-size:12px;border:1px solid #ffffff35;border-radius:20px;padding:3px 9px}.best-label{color:#bcd8c5;font-size:14px;margin:23px 0 5px}.best-name{font-size:18px;font-weight:600;word-break:break-word}.best-price{font-size:39px;letter-spacing:-1.5px;font-weight:750;line-height:1.4;margin-top:8px}.best-price small{font-size:16px;letter-spacing:0;font-weight:400;margin-left:5px}.best-unit{font-size:14px;color:#bcd8c5}.saving{font-size:14px;background:#ffffff12;border-radius:8px;padding:12px;margin:20px 0 0}.ranking{margin-top:20px}.rank-row{padding:15px 0;border-top:1px solid #ffffff20;display:grid;grid-template-columns:26px 1fr;gap:8px;font-size:14px}.rank-number{color:#bcd8c5}.rank-info{display:flex;justify-content:space-between;gap:8px}.rank-info strong{word-break:break-word}.rank-value{white-space:nowrap}.rank-diff{color:#bcd8c5;font-size:12px;margin-top:4px}.empty{color:#d0e0d6;padding:25px 0 10px;font-size:15px}.tip{display:flex;gap:10px;padding:24px 4px;color:#566b5d}.tip strong{font-size:14px}.tip p{font-size:13px;margin:7px 0;color:#7c8a81}.tip-icon{border:1px solid #9bac9f;border-radius:50%;width:19px;height:19px;line-height:18px;text-align:center;flex-shrink:0;font-size:13px;margin-top:3px}.ad-slot{border:1px solid #e4e9e6;background:#f0f3f1;position:relative;border-radius:10px;display:grid;place-items:center}.ad-slot span{font-size:12px;letter-spacing:2px;color:#a0aaa4}.side-ad{height:180px;margin-top:20px}.ad-slot[hidden]{display:none}.guide{padding:58px 0}.guide h2{font-size:25px;margin-top:10px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:30px}.guide-grid article>span{font-size:14px;color:#799181;font-weight:700}.guide h3{font-size:17px;margin:9px 0}.guide p{font-size:14px;color:#6f7d74}.guide details{border-top:1px solid var(--line);padding-top:20px}.guide summary{font-weight:600}footer{max-width:1180px;margin:auto;border-top:1px solid var(--line);padding:28px 0 35px;display:flex;align-items:center;gap:22px;color:#728077}footer .brand{font-size:18px;color:#344c3f}footer>span{font-size:12px}footer nav{margin-left:auto;display:flex;gap:20px;font-size:13px}dialog{border:1px solid var(--line);border-radius:16px;padding:30px;max-width:calc(100% - 32px);color:#263b30}dialog::backdrop{background:#122b2255}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.dialog-actions button{border:1px solid var(--line);border-radius:8px;padding:9px 18px;background:#fff}.dialog-actions .primary{background:var(--green);color:white}.document{max-width:760px;padding:45px 25px;margin:auto;min-height:70vh}.document h1{font-size:30px}.document h2{margin-top:30px}.document p,.document li{color:#5f7166}.document .notice{background:#e8efea;padding:18px;border-radius:10px}
@media(max-width:1240px){main,footer{margin-left:30px;margin-right:30px}}@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:20px}.candidate{padding:18px}.field-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{display:block}.saved{display:block;margin-top:14px}.side-ad{display:none}.best-price{font-size:33px}}@media(max-width:680px){.header{height:72px;padding:0 20px}.header-note{display:none}main{margin:0;padding:27px 18px 0}h1{font-size:27px;letter-spacing:-1px}.intro p{font-size:14px}.intro{margin-bottom:24px}.modes{gap:2px;padding:4px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px}.modes button{font-size:14px;padding:11px 5px}.workspace{grid-template-columns:1fr;gap:22px}.section-heading{margin-bottom:17px}.candidate{padding:18px}.field-grid,.field-grid.three{gap:12px}.results{padding:23px}.best-price{font-size:37px}.guide{padding:40px 0}.guide h2{font-size:23px}.guide-grid{grid-template-columns:1fr;gap:18px;margin-top:24px}.guide-grid article{border-left:2px solid #d8e4da;padding-left:18px}.guide-grid p{margin-bottom:0}.tip{padding-bottom:0}footer{margin:0 18px;flex-wrap:wrap;gap:10px;padding:24px 0}footer nav{width:100%;margin:10px 0 0;gap:18px}.mode-options{flex-direction:column}.mode-options label{justify-content:space-between}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,box-shadow .15s}button:hover{filter:brightness(.97)}}
.best-price,.rank-value,.inline-result strong{overflow-wrap:anywhere;min-width:0}.rank-value{white-space:normal;text-align:right}.rank-info>strong{min-width:0}.results-column,.editor{min-width:0}
h1,h2,h3,p,button{word-break:keep-all}.section-heading>.text-button{flex-shrink:0;white-space:nowrap}.section-heading{gap:12px}@media(max-width:680px){h1{font-size:26px}.section-heading p{font-size:13px}.section-heading>.text-button{padding:8px 0}}

@media(max-width:680px){.modes{grid-template-columns:repeat(3,minmax(0,1fr))}.modes button{font-size:14px;padding:12px 3px}}
.modes a{flex:1;border:0;background:transparent;border-radius:8px;padding:12px 10px;font-weight:650;font-size:15px;color:#65766d;text-align:center}.modes a.active{background:#fff;color:var(--green);box-shadow:0 2px 5px #193c2710}.modes a:hover{text-decoration:none}.document main a,.document p a{color:var(--green);text-decoration:underline;text-underline-offset:3px}@media(max-width:680px){.modes a{font-size:14px;padding:12px 3px}}.guide-lead{max-width:720px;font-size:16px!important;line-height:1.75;margin:16px 0 0}.primary-link{display:inline-flex;padding:10px 15px;border-radius:8px;background:var(--green);color:#fff!important;font-weight:650;text-decoration:none!important}.primary-link:hover{filter:brightness(.97)}
.ad-slot{min-height:180px;height:auto;overflow:hidden}.ad-slot .adsbygoogle{display:block;width:100%}.ad-slot.ad-preview{gap:4px;align-content:center}.ad-slot.ad-preview span{font-size:12px;letter-spacing:2px;color:#78867e}.ad-slot.ad-preview small{font-size:12px;color:#9aa59f}@media(max-width:900px){.side-ad{display:grid}}
.editor-ad{margin-top:20px}
.inline-ad{margin:0 0 16px}