:root{--bg: #ffffff;--bg-alt: #f5f5f4;--ink: #1a1a18;--ink-2: #45443f;--gray: #77756e;--gray-2: #9a9891;--line: #e3e2dd;--line-2: #efeee9;--point: #cc0000;--point-soft: #fdeaea;--point-ink: #a30000;--point-dark: #9e0000;--warn: #a8621b;--pos: #0a7d33;--neg: #d1242f;--sans: "Pretendard", -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--max-w: 1080px}*{box-sizing:border-box}html,body{margin:0;padding:0;max-width:100%;overflow-x:hidden;overflow-x:clip}html{scrollbar-gutter:stable}body{background:var(--bg-alt);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;word-break:keep-all}button{font-family:inherit;font-size:inherit;border:none;cursor:pointer;background:none;color:inherit;padding:0}input{font-family:inherit}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}#root>.container{flex:1 0 auto;align-self:center}#root>.footer{flex-shrink:0}.toss-banner{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line)}.toss-banner[data-filled=false]{border-top:none}body:has(.toss-banner[data-filled=true]){padding-bottom:100px}.header{background:var(--bg);border-bottom:2px solid var(--ink);position:sticky;top:0;z-index:50}.header-inner{max-width:var(--max-w);margin:0 auto;padding:0 20px;height:56px;display:flex;align-items:center;gap:12px}.logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:900;letter-spacing:-.7px;color:var(--ink)}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--point)}.logo-mark svg{width:26px;height:26px}.logo em{font-style:normal;color:var(--point)}.header-tag{font-size:12px;color:var(--gray);font-weight:500;padding-left:12px;border-left:1px solid var(--line)}.container{max-width:var(--max-w);margin:0 auto;padding:0 20px 56px;width:100%}.hero{padding:30px 0 8px;text-align:center}.hero h1{font-size:27px;font-weight:900;letter-spacing:-1px;margin:0 0 10px;line-height:1.25}.hero h1 em{font-style:normal;color:var(--point)}.hero p{font-size:14.5px;color:var(--gray);margin:0 auto;max-width:520px;line-height:1.65}.searchbox{max-width:640px;margin:22px auto 0}.searchbox-row{display:flex;gap:8px}.url-input{flex:1;min-width:0;height:58px;padding:0 16px;border:2px solid var(--ink);border-radius:10px;font-size:16px;color:var(--ink);background:#fff;outline:none}.url-input::placeholder{color:var(--gray-2)}.url-input:focus{border-color:var(--point)}.extract-btn{flex-shrink:0;padding:0 24px;height:52px;background:var(--point);color:#fff;font-size:15px;font-weight:800;border-radius:10px;box-shadow:0 2px 0 var(--point-dark);transition:background .12s,transform 80ms;white-space:nowrap}.extract-btn:hover{background:#b80000}.extract-btn:active{transform:translateY(1px);box-shadow:0 1px 0 var(--point-dark)}.extract-btn:disabled{opacity:.5;cursor:default;box-shadow:none}.searchbox-hint{margin:10px 2px 0;font-size:12.5px;color:var(--gray-2);text-align:center}.count-select{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;flex-wrap:wrap}.count-label{font-size:13px;font-weight:600;color:var(--gray)}.count-btns{display:inline-flex;gap:4px;padding:4px;background:var(--bg-alt);border:1px solid var(--line);border-radius:10px}.count-btn{font-size:13.5px;font-weight:700;padding:8px 16px;border-radius:7px;color:var(--gray);transition:all .12s}.count-btn:hover{color:var(--ink)}.count-btn.on{background:#fff;color:var(--point);box-shadow:0 1px 3px #0000001a}.loading-pct{margin-top:10px;font-size:15px;font-weight:800;color:var(--point);font-variant-numeric:tabular-nums}.examples{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:14px}.example-chip{font-size:12.5px;font-weight:600;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;transition:border-color .12s,color .12s}.example-chip:hover{border-color:var(--point);color:var(--point)}.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0 0}.feat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 18px}.feat-ico{width:38px;height:38px;border-radius:9px;background:var(--point-soft);color:var(--point);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.feat-ico svg{width:20px;height:20px}.feat h3{font-size:15px;font-weight:800;margin:0 0 5px;letter-spacing:-.3px}.feat p{font-size:13px;color:var(--gray);margin:0;line-height:1.6}.loading{padding:70px 20px;text-align:center}.spinner{width:42px;height:42px;margin:0 auto 18px;border:4px solid var(--line);border-top-color:var(--point);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-txt{font-size:15px;font-weight:700;color:var(--ink)}.loading-sub{font-size:13px;color:var(--gray);margin-top:6px}.loading-bar{max-width:320px;height:6px;margin:18px auto 0;background:var(--line-2);border-radius:999px;overflow:hidden}.loading-bar i{display:block;height:100%;background:var(--point);border-radius:999px;transition:width .3s ease}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.6s}}.result-wrap{margin-top:20px}.vid-card{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.vid-thumb{flex-shrink:0;width:148px;aspect-ratio:16 / 9;border-radius:8px;background:linear-gradient(135deg,#2a2a2a,#000);position:relative;overflow:hidden}.vid-thumb:after{content:"";position:absolute;inset:0;margin:auto;width:0;height:0;border-left:18px solid rgba(255,255,255,.92);border-top:11px solid transparent;border-bottom:11px solid transparent}.vid-info{min-width:0;flex:1}.vid-title{font-size:16px;font-weight:800;letter-spacing:-.3px;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vid-chan{font-size:13px;color:var(--gray);margin:0 0 10px}.vid-stats{display:flex;gap:8px;flex-wrap:wrap}.vid-stat{font-size:12.5px;color:var(--ink-2);background:var(--bg-alt);border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-variant-numeric:tabular-nums}.vid-stat b{color:var(--point);font-weight:800;margin-left:3px}.toolbar{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:12px;flex-wrap:wrap}.tb-search{position:relative;flex:1 1 200px;min-width:0}.tb-search input{width:100%;height:38px;padding:0 12px 0 34px;border:1px solid var(--line);border-radius:8px;font-size:13.5px;color:var(--ink);outline:none;background:var(--bg-alt)}.tb-search input:focus{border-color:var(--point);background:#fff}.tb-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;fill:var(--gray-2)}.tb-sort{height:38px;padding:0 30px 0 12px;border:1px solid var(--line);border-radius:8px;font-size:13px;font-weight:600;color:var(--ink-2);background:var(--bg-alt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%2377756e' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center;background-size:12px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.tb-sort:focus{border-color:var(--point)}.tb-download{height:38px;padding:0 16px;background:var(--point);color:#fff;font-size:13.5px;font-weight:800;border-radius:8px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 0 var(--point-dark);transition:background .12s}.tb-download:hover{background:#b80000}.tb-download svg{width:15px;height:15px;fill:#fff}.tb-download .ad-badge{font-size:10px;font-weight:700;background:#ffffff40;border-radius:4px;padding:1px 5px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.metric-label{font-size:12px;color:var(--gray);font-weight:600;display:flex;align-items:center;gap:5px}.metric-label svg{width:13px;height:13px;fill:var(--gray-2)}.metric-value{font-size:24px;font-weight:900;letter-spacing:-.5px;margin-top:6px;font-variant-numeric:tabular-nums}.metric-value.point{color:var(--point)}.metric-sub{font-size:11.5px;color:var(--gray-2);margin-top:3px}.kw-card{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.kw-head,.rows-title{padding:14px 18px;border-bottom:1px solid var(--line);font-size:14px;font-weight:800;letter-spacing:-.3px;display:flex;align-items:center;gap:8px}.kw-head .cnt,.rows-title .cnt{font-size:12.5px;font-weight:700;color:var(--point);background:var(--point-soft);padding:1px 9px;border-radius:999px}.kw-body{padding:14px 18px 18px;display:flex;flex-direction:column;gap:9px}.kw-row{display:grid;grid-template-columns:92px 1fr 46px;align-items:center;gap:10px}.kw-word{font-size:13px;font-weight:700;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kw-bar{height:10px;background:var(--line-2);border-radius:999px;overflow:hidden}.kw-bar i{display:block;height:100%;background:var(--point);border-radius:999px;opacity:.85}.kw-num{font-size:12.5px;color:var(--gray);text-align:right;font-variant-numeric:tabular-nums}.rows-card{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;overflow-anchor:auto}.rows-more{overflow-anchor:none}.rows-head{display:grid;grid-template-columns:44px 1fr 90px 80px 108px;gap:12px;padding:10px 18px;border-bottom:1px solid var(--line);background:var(--bg-alt);font-size:12px;font-weight:700;color:var(--gray)}.rows-head span:nth-child(n+3){text-align:center}.crow{display:grid;grid-template-columns:44px 1fr 90px 80px 108px;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--line-2)}.crow:last-child{border-bottom:none}.crow:hover{background:var(--bg-alt)}.c-idx{font-size:12px;color:var(--gray-2);text-align:center;font-variant-numeric:tabular-nums}.c-main{min-width:0}.c-author{font-size:13px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px}.c-badge{font-size:10.5px;font-weight:700;color:var(--point);background:var(--point-soft);border-radius:4px;padding:0 5px}.c-text{font-size:13.5px;color:var(--ink-2);margin:3px 0 0;line-height:1.55;white-space:pre-wrap;word-break:break-word}.c-likes,.c-replies,.c-date{text-align:center;font-size:12.5px;font-variant-numeric:tabular-nums}.c-likes{color:var(--point-ink);font-weight:700}.c-replies{color:var(--gray)}.c-date{color:var(--gray-2)}.c-meta{display:none;gap:12px;margin-top:6px;font-size:11.5px;color:var(--gray-2)}.c-meta b{color:var(--point-ink);font-weight:700}.rows-more{padding:18px 16px;display:flex;align-items:center;justify-content:center;gap:9px;border-top:1px solid var(--line-2)}.more-spinner{width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--point);border-radius:50%;animation:spin .7s linear infinite}.more-txt{font-size:12.5px;color:var(--gray);font-variant-numeric:tabular-nums}.more-btn{padding:11px 28px;border:1px solid var(--line);border-radius:8px;font-size:13.5px;font-weight:700;color:var(--ink-2);background:#fff}.more-btn:hover{border-color:var(--point);color:var(--point)}@media (prefers-reduced-motion: reduce){.more-spinner{animation-duration:1.6s}}.adfree-cta{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:var(--point-soft);border:1px solid #f6d5d5;border-radius:12px;flex-wrap:wrap}.adfree-txt{display:flex;flex-direction:column;gap:3px;min-width:0}.adfree-txt strong{font-size:15px;font-weight:800;color:var(--point-ink)}.adfree-txt span{font-size:13px;color:var(--ink-2)}.adfree-btn{flex-shrink:0;padding:12px 20px;border-radius:10px;background:var(--point);color:#fff;font-size:14px;font-weight:800;white-space:nowrap;box-shadow:0 2px 0 var(--point-dark);transition:background .12s}.adfree-btn:hover{background:#b80000}.adfree-btn:disabled{opacity:.6;cursor:default;box-shadow:none}.ad-note{margin-top:16px;padding:14px 16px;background:var(--point-soft);border:1px solid #f6d5d5;border-radius:12px;font-size:12.5px;color:var(--point-ink);line-height:1.6}.to-top{position:fixed;right:20px;bottom:20px;z-index:55;width:46px;height:46px;border-radius:50%;background:var(--point);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px #00000038;transition:background .12s,transform .1s;animation:to-top-in .16s ease}body:has(.toss-banner[data-filled=true]) .to-top{bottom:110px}.to-top:hover{background:#b80000}.to-top:active{transform:scale(.94)}.to-top svg{width:22px;height:22px}@keyframes to-top-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.to-top{animation:none}}.disclaimer{margin-top:20px;font-size:12px;color:var(--gray-2);text-align:center;line-height:1.7}.footer{background:var(--bg);border-top:1px solid var(--line)}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:22px 20px 32px;color:var(--gray-2);font-size:12px;line-height:1.8}.footer-inner strong{color:var(--gray);font-weight:700}@media (max-width: 720px){.feats{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.container{padding:0 14px 40px}.header-tag{display:none}.hero{padding:24px 0 4px}.hero h1{font-size:22px}.hero p{font-size:13.5px}.searchbox{margin-top:18px}.searchbox-row{flex-direction:column;gap:10px}.url-input{height:82px;font-size:18px;padding:0 20px;border-radius:14px}.extract-btn{height:42px;width:100%;font-size:15px}.vid-card{flex-direction:column;align-items:stretch;gap:12px}.vid-thumb{width:100%}.tb-search{flex:1 1 100%;order:-1}.tb-sort{flex:1}.tb-download{flex-shrink:0}.rows-head{display:none}.crow{grid-template-columns:30px 1fr;gap:10px;padding:13px 14px}.c-likes,.c-replies,.c-date{display:none}.c-meta{display:flex}.kw-row{grid-template-columns:72px 1fr 40px}}