:root{color-scheme:light;--ink:#191f28;--muted:#8b95a1;--line:#e5e8eb;--blue:#3182f6;--paper:#fff;--background:#f5f6f8}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--ink);font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait}button,input,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #9ac6ff;outline-offset:4px}[hidden]{display:none!important}
main{min-height:calc(100vh - 155px)}.hero{text-align:center;padding:52px 20px 32px;background:linear-gradient(180deg,#fff 0%,var(--background) 100%)}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#4e5968;letter-spacing:-.2px;margin-bottom:17px;padding:6px 12px;border:1px solid #e9edf0;background:#ffffffb0;border-radius:30px}.naver-mark{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;background:#03c75a;color:#fff;border-radius:5px;font-size:13px;font-weight:900}.hero h1{font-size:28px;line-height:1.35;letter-spacing:-1px;margin:0 0 10px;font-weight:800}.hero h1 em{font-style:normal;background:linear-gradient(95deg,#3182f6 10%,#6b5ce7 95%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{font-size:15px;color:#7c8795;line-height:1.75;margin:0;letter-spacing:-.4px}.mobile-break{display:none}
.search-section,.feedback,.results,.quick-guide{width:calc(100% - 40px);max-width:440px;margin-left:auto;margin-right:auto}.search-card{padding:28px 24px;border:0;border-radius:20px;background:var(--paper);box-shadow:0 5px 24px #152a4610}.form-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:10px}.form-top h2{font-size:16px;font-weight:700;letter-spacing:-.5px;margin:0}.live-label{display:flex;align-items:center;gap:5px;color:#7f8b96;font-size:11px;font-weight:500}.live-label i{width:5px;height:5px;border-radius:50%;background:#03b95b}.field{margin-bottom:18px}.field>label,.label-line label{display:block;font-size:12px;color:#4e5968;font-weight:600;margin-bottom:8px}.label-line{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.target-kind{font-size:10px;color:var(--blue);font-weight:600}.field input{display:block;width:100%;padding:14px 16px;min-height:53px;border:1.5px solid var(--line);border-radius:12px;outline:none;transition:border .15s,box-shadow .15s;font-size:15px;font-weight:500;letter-spacing:-.3px;background:#fff;color:var(--ink)}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3182f612}.field input::placeholder{color:#adb5bd}.field-help{margin:7px 1px 0;font-size:11px;color:#9ca5af;line-height:1.6;letter-spacing:-.2px}.primary-button{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:9px;background:#191f28;color:white;border:0;border-radius:12px;padding:15px;font-size:16px;font-weight:700;transition:background .15s,transform .15s}.primary-button:hover{background:#333d4b}.primary-button:active{transform:translateY(1px)}.primary-button:disabled{background:#8b95a1}.search-note{text-align:center;font-size:10px;line-height:1.65;color:#9ba4af;margin:13px 0 0;letter-spacing:-.2px}
.recent{margin:20px 1px 0}.recent-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.recent-heading h2{margin:0;font-size:11px;color:#8b95a1;font-weight:600}.recent-heading button{border:0;background:none;color:#9ba4af;font-size:10px;padding:4px}.recent-heading button:hover{color:#4e5968}.recent-list{display:flex;gap:7px;flex-wrap:wrap}.recent-item{border:1px solid var(--line);border-radius:24px;background:#fff;font-size:11px;padding:8px 12px;max-width:100%;display:flex;align-items:center;gap:7px;min-width:0}.recent-item:hover{border-color:#8dbbfa;background:#f3f8ff}.recent-keyword{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.recent-target{color:#8b95a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.recent-dot{color:#c6cdd5}
.feedback{margin-top:22px}.loading-card,.error-card{background:#fff;border:1px solid #e9edf1;border-radius:16px;padding:27px;text-align:center}.loading-card h2{font-size:15px;margin:16px 0 6px;font-weight:600;letter-spacing:-.3px}.loading-card p{color:#8b95a1;font-size:12px;line-height:1.7;margin:0}.spinner{width:25px;height:25px;margin:auto;border:2.5px solid #e8eef8;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}.indeterminate{margin:22px 0 0;background:#edf2f8;height:3px;border-radius:4px;overflow:hidden}.indeterminate span{display:block;background:linear-gradient(90deg,#3182f6,#8b79f7);height:100%;width:35%;border-radius:4px;animation:progress 1.7s ease-in-out infinite}.error-card{display:flex;gap:10px;align-items:center;text-align:left;background:#fff8f7;border-color:#ffe5df;padding:18px 20px}.error-icon{flex:none;display:grid;place-items:center;width:20px;height:20px;font-size:12px;font-weight:700;background:#ffe9e3;color:#c7462e;border-radius:50%}.error-card p{margin:0;color:#a24230;font-size:13px;line-height:1.75;white-space:pre-line}
.results{margin-top:34px}.result-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:16px}.section-kicker{display:block;font-size:10px;color:#8b95a1;margin-bottom:5px;font-weight:600}.result-heading h2{margin:0;font-size:20px;letter-spacing:-.7px;font-weight:750;overflow-wrap:anywhere}.volume{text-align:right;flex:none}.volume>span{display:block;font-size:10px;color:#8b95a1;margin-bottom:3px}.volume strong{font-size:14px;letter-spacing:-.3px;font-weight:700}.product-list{display:grid;gap:13px}.product-card{background:#fff;border:1px solid #e9edf1;border-radius:17px;padding:23px 25px;animation:appear .25s ease-out}.product-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.product-info{min-width:0}.mall-name{color:#8b95a1;font-size:11px;margin:0 0 5px;font-weight:500;overflow-wrap:anywhere}.product-title{font-size:15px;font-weight:650;line-height:1.65;letter-spacing:-.4px;margin:0;overflow-wrap:anywhere}.rank-value{color:#3182f6;font-size:29px;font-weight:800;letter-spacing:-1px;line-height:1.3;white-space:nowrap;flex:none}.rank-value.long{font-size:21px}.rank-value .unit{font-size:14px;font-weight:600;margin-left:3px;color:#8b95a1;letter-spacing:0}.product-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:19px 0 0;padding-top:17px;border-top:1px solid #f0f2f4}.metric{min-width:0}.metric dt{font-size:10px;color:#8b95a1;margin-bottom:6px;font-weight:400}.metric dd{margin:0;font-size:13px;line-height:1.5;font-weight:650;color:#4e5968;overflow-wrap:anywhere}.metric dd.muted{color:#a5adb7;font-weight:500}.empty-card{border:1px solid #e9edf1;border-radius:17px;background:#fff;padding:33px 20px;text-align:center}.empty-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#f3f6fb;margin:0 auto 17px;color:#90a2bb;font-size:32px}.empty-card h3{font-size:16px;font-weight:650;letter-spacing:-.5px;margin:0 0 9px}.empty-card p{font-size:12px;line-height:1.9;color:#8b95a1;margin:0}.secondary-button{border:1px solid #dde3ea;background:#fff;width:100%;border-radius:11px;padding:13px;font-size:13px;font-weight:600;color:#4e5968;margin-top:13px}.secondary-button:hover{border-color:#a5b5c9}.secondary-button span{margin-left:7px;color:#8b95a1}.result-footnote{text-align:center;color:#a1aab4;font-size:10px;line-height:1.7;margin:15px 0 0}
.quick-guide{display:flex;gap:13px;margin-top:30px;margin-bottom:52px;padding:4px 15px}.guide-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eaf0f8;color:#8094b0}.quick-guide h2{font-size:12px;font-weight:600;letter-spacing:-.3px;color:#6b7684;margin:0 0 5px}.quick-guide p{font-size:11px;line-height:1.85;color:#9ca5af;margin:0;letter-spacing:-.15px}footer{text-align:center;padding:25px 20px 32px;color:#abb3bd;font-size:10px;margin-top:10px}footer span{margin:0 6px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress{0%{transform:translateX(-120%)}100%{transform:translateX(390%)}}@keyframes appear{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.header-inner{padding:0 20px}.brand{font-size:16px;gap:5px}.brand>span{font-size:21px}.header-links{gap:0}.header-links>a{display:none}.test-badge{font-size:9px;padding:4px 7px}.hero{padding:40px 20px 28px}.hero h1{font-size:28px;letter-spacing:-1px;margin-bottom:10px}.hero p{font-size:13px;line-height:1.8}.mobile-break{display:block}.eyebrow{font-size:10px;padding:5px 10px;gap:6px;margin-bottom:15px}.naver-mark{width:16px;height:16px;font-size:11px}.search-card{padding:24px 20px 19px;border-radius:17px}.form-top{margin-bottom:22px}.form-top h2{font-size:15px}.field input{font-size:13px;padding:13px 12px;min-height:50px}.search-note{font-size:9px;letter-spacing:-.3px}.search-section,.feedback,.results,.quick-guide{width:calc(100% - 32px)}.product-card{padding:21px 19px}.product-head{gap:12px}.product-title{font-size:14px}.rank-value{font-size:27px}.rank-value.long{font-size:17px}.rank-value .unit{font-size:12px}.product-metrics{gap:8px}.metric dd{font-size:12px}.result-heading h2{font-size:18px}.volume strong{font-size:13px}.recent-keyword,.recent-target{max-width:135px}.quick-guide{padding:0 7px;margin-bottom:38px}.quick-guide p{font-size:10px}.loading-card{padding:24px 14px}.loading-card p{font-size:11px}}
@media(max-width:360px){.header-inner{padding:0 15px}.hero h1{font-size:26px}.product-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.search-card{padding:22px 17px 18px}.live-label{font-size:10px}.product-head{align-items:flex-start}.rank-value{font-size:23px}.recent-keyword,.recent-target{max-width:110px}}
.kakao-section{width:calc(100% - 40px);max-width:440px;margin:28px auto 0}.kakao-card{padding:25px 29px 23px;border:1px solid #f1e5ad;border-radius:18px;background:#fff9df}.kakao-channel{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#786134;letter-spacing:-.2px}.kakao-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;background:#fee500;border-radius:10px;color:#3c1e1e}.kakao-card h2{margin:15px 0 8px;font-size:19px;line-height:1.6;letter-spacing:-.65px;font-weight:750;color:#3c2b1b;word-break:keep-all}.kakao-card p{margin:0;font-size:12px;line-height:1.9;letter-spacing:-.25px;color:#82714b;word-break:keep-all}.kakao-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;margin-top:20px;padding:12px 14px;border-radius:10px;background:#fee500;color:#3c1e1e;font-size:13px;font-weight:700;transition:background .15s}.kakao-button:hover{background:#f4dc00}.kakao-button>span[aria-hidden]{font-size:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:640px){.kakao-section{width:calc(100% - 32px);margin-top:24px}.kakao-card{padding:22px 20px 20px;border-radius:16px}.kakao-card h2{font-size:17px;letter-spacing:-.5px}.kakao-card p{font-size:11px}.kakao-channel{font-size:10px}.kakao-button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.indeterminate span{margin:auto}.spinner{border-top-color:#3182f6;border-right-color:#3182f6}}

.hero-badges{display:inline-flex;gap:6px;margin-bottom:14px;flex-wrap:wrap;justify-content:center}.hero-badge{display:inline-flex;align-items:center;gap:5px;background:#f0f0f0;color:#555;font-size:12px;font-weight:600;padding:5px 14px;border-radius:20px;margin-bottom:16px;letter-spacing:-.2px}.hero-badges .hero-badge{margin:0}.hero-badge.live{background:#e8f5e9;color:#2e7d32}.hero-badge .pulse{width:7px;height:7px;border-radius:50%;background:#2e7d32}.hero p{color:#8b95a1;line-height:1.55}.footer-links{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:center;font-size:12px;line-height:1.8}.footer-links a:hover{color:#3182f6}.shopping-faq{width:calc(100% - 40px);max-width:440px;margin:0 auto 44px}.shopping-faq h2{font-size:14px;margin:0 0 16px;font-weight:700;letter-spacing:-.3px}.shopping-faq details{border-bottom:1px solid #e5e8eb;padding:14px 0}.shopping-faq summary{font-size:12px;font-weight:600;cursor:pointer;line-height:1.7}.shopping-faq p{font-size:12px;line-height:1.85;color:#6b7684;margin:10px 0 0;word-break:keep-all}.quick-guide{margin-bottom:32px}.hero h1 em{background:linear-gradient(90deg,#3182f6,#6b5ce7);background-clip:text;-webkit-background-clip:text;color:transparent}@media(min-width:640px){.hero h1{font-size:32px}}@media(max-width:640px){.search-section,.feedback,.results,.quick-guide,.kakao-section,.shopping-faq{width:calc(100% - 40px)}.search-card{border-radius:20px;padding:26px 20px}.field input{font-size:15px}.hero p{font-size:14px}.primary-button{font-size:15px}}