:root{--bg: #FAFAF8;--card: #FFFFFF;--card-border: rgba(0,0,0,.06);--card-shadow: 0 1px 4px rgba(0,0,0,.04);--input-bg: #F8F8F5;--input-border: #E0E0DC;--chip-bg: #F5F5F2;--chip-border: #E5E5E0;--divider: #E8E8E4;--text-1: #111111;--text-2: #333333;--text-3: #666666;--green: #00C853;--green-light: #69F0AE;--green-bg: rgba(0,200,83,.06);--red: #dc2626;--naver: #03C75A;--tab-bar-bg: #F0F0EC;--tab-bar-bg-dark: rgba(255,255,255,.03);--header-bg: rgba(250,250,248,.85);--header-border: #E8E8E4}[data-theme=dark]{--bg: #0a0a0a;--card: #111111;--card-border: rgba(255,255,255,.06);--card-shadow: none;--input-bg: rgba(255,255,255,.04);--input-border: rgba(255,255,255,.08);--chip-bg: rgba(255,255,255,.05);--chip-border: rgba(255,255,255,.1);--divider: rgba(255,255,255,.06);--text-1: #FFFFFF;--text-2: #E0E0E0;--text-3: #999999;--green-bg: rgba(0,200,83,.12);--header-bg: rgba(10,10,10,.85);--header-border: rgba(255,255,255,.06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease,color .3s ease,border-color .3s ease}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}*{-webkit-tap-highlight-color:transparent}body{min-height:100vh;background:var(--bg);color:var(--text-1);font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease,border-color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#site-header{position:sticky;top:0;z-index:50;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--header-border);transition:background .3s,border-color .3s}.header-inner{max-width:1100px;margin:0 auto;padding:0 16px;height:56px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:var(--text-1);text-decoration:none;letter-spacing:-.02em}.logo-icon{width:32px;height:32px;background:var(--green);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:900;flex-shrink:0}#theme-toggle{width:40px;height:40px;border:1px solid var(--chip-border);border-radius:10px;background:var(--chip-bg);color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .2s ease}#theme-toggle:hover{background:var(--input-bg);border-color:var(--green)}.tab-nav{max-width:1100px;margin:0 auto;padding:16px 16px 0}.tab-bar{display:flex;gap:4px;background:var(--tab-bar-bg);border-radius:14px;padding:4px;transition:background .3s}[data-theme=dark] .tab-bar{background:var(--tab-bar-bg-dark)}.tab{flex:1;min-height:44px;border:none;border-radius:11px;background:transparent;font-size:14px;font-weight:600;color:var(--text-3);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:inherit;white-space:nowrap}.tab:hover{color:var(--text-2)}.tab.active{background:var(--card);color:var(--green);box-shadow:0 1px 4px #0000000f,0 0 0 1px #00000005;font-weight:700}.naver-n{color:var(--naver);font-weight:800;letter-spacing:-.02em}.main-content{max-width:1100px;margin:0 auto;padding:20px 16px 40px}.tab-content{display:none}.tab-content.active{display:block}.two-col{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:1024px){.two-col{grid-template-columns:1fr 1fr}}.card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:28px;box-shadow:var(--card-shadow);transition:background .3s,border-color .3s,box-shadow .3s}@media(max-width:639px){.card{border-radius:12px;padding:20px}}.card-title{font-size:18px;font-weight:800;color:var(--text-1);margin-bottom:24px;display:flex;align-items:center;gap:10px;letter-spacing:-.02em}.card-title i{color:var(--green);font-size:16px}.field{margin-bottom:16px}.field:last-of-type{margin-bottom:0}.field label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:8px}.field label i{color:var(--text-3);font-size:12px}.field input,.field select,.field textarea{width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--input-border);border-radius:10px;background:var(--input-bg);color:var(--text-1);font-size:14px;font-family:inherit;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-bg)}.field input::placeholder,.field textarea::placeholder{color:var(--text-3)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cta-btn{width:100%;min-height:48px;border:none;border-radius:12px;background:linear-gradient(135deg,#00c853,#69f0ae);color:#fff;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;transition:opacity .2s,transform .1s,box-shadow .2s;margin-top:20px;letter-spacing:-.01em;box-shadow:0 2px 8px #00c85333}.cta-btn:hover{opacity:.92;box-shadow:0 4px 16px #00c8534d}.cta-btn:active{transform:scale(.98)}.cta-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.cta-btn.small{width:auto;min-height:40px;padding:8px 20px;font-size:13px;border-radius:10px;margin-top:0;box-shadow:none}.result-area{min-height:200px;padding:20px;background:var(--input-bg);border-radius:12px;font-size:14px;color:var(--text-2);transition:background .3s}.placeholder-text{color:var(--text-3);text-align:center;padding:60px 20px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.loading-text{display:inline-flex;align-items:center;gap:8px;color:var(--text-2)}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--divider);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cta-btn.loading{opacity:.7;pointer-events:none}.error-text{color:var(--red);font-size:14px}.result-title{font-size:17px;font-weight:800;color:var(--text-1);margin-bottom:16px;line-height:1.5;letter-spacing:-.02em}.result-body{color:var(--text-2);line-height:1.9;font-size:14px;white-space:pre-wrap;word-break:keep-all}.result-divider{height:1px;background:var(--divider);margin:16px 0}.result-hashtags{color:var(--green);font-weight:700;font-size:13px;line-height:1.6}.copy-btn{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:8px 16px;border:1px solid var(--chip-border);border-radius:8px;background:var(--chip-bg);color:var(--text-2);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.copy-btn:hover,.copy-btn.copied{background:var(--green-bg);border-color:var(--green);color:var(--green)}.result-disclaimer{margin-top:12px;padding-top:12px;border-top:1px solid var(--divider);font-size:12px;color:var(--text-3);display:flex;align-items:center;gap:4px}.seo-scores{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--divider)}@media(max-width:480px){.seo-scores{grid-template-columns:repeat(2,1fr);gap:10px}}.seo-gauge{display:flex;flex-direction:column;align-items:center;gap:8px}.seo-gauge-circle{position:relative;width:72px;height:72px}.seo-gauge-circle svg{width:72px;height:72px;transform:rotate(-90deg)}.seo-gauge-bg{fill:none;stroke:var(--chip-bg);stroke-width:5}.seo-gauge-fill{fill:none;stroke:var(--green);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.seo-gauge-fill.low{stroke:var(--red)}.seo-gauge-fill.mid{stroke:#f59e0b}.seo-gauge-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:800;color:var(--text-1);letter-spacing:-.03em}.seo-gauge-label{font-size:11px;font-weight:700;color:var(--text-3);text-align:center;letter-spacing:.02em}.seo-analysis{background:var(--input-bg);border-radius:12px;padding:20px;margin-top:16px}.seo-analysis-title{font-size:14px;font-weight:700;color:var(--text-1);margin-bottom:16px;display:flex;align-items:center;gap:6px}.seo-analysis-text{font-size:13px;color:var(--text-2);line-height:1.7;white-space:pre-wrap}.trends-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.trend-item{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--divider);cursor:pointer;transition:background .15s;gap:12px}.trend-item:hover{background:var(--green-bg)}.trend-item:last-child{border-bottom:none}.trend-rank{width:30px;height:30px;border-radius:8px;background:var(--green-bg);color:var(--green);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.trend-rank.top3{background:var(--green);color:#fff}.trend-keyword{flex:1;font-weight:600;color:var(--text-1);font-size:14px}.trend-change{font-size:13px;font-weight:700;display:flex;align-items:center;gap:4px;white-space:nowrap}.trend-change.up{color:var(--green)}.trend-change.down{color:var(--red)}.trend-change.same{color:var(--text-3)}.score-gauges{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:20px 0}.gauge-item{text-align:center;flex:1;min-width:80px}.gauge-circle{display:block}.gauge-label{font-size:12px;color:var(--text-3);margin-top:4px;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;color:var(--text-3);text-align:center}.empty-state p{font-size:14px;line-height:1.6}.disclaimer{max-width:1100px;margin:0 auto;padding:12px 16px;font-size:12px;color:var(--text-3);text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.site-footer{border-top:1px solid var(--divider);margin-top:20px;transition:border-color .3s}.footer-inner{max-width:1100px;margin:0 auto;padding:40px 16px 32px}.footer-heading{font-size:15px;font-weight:800;color:var(--text-2);margin-bottom:20px;letter-spacing:-.02em}.family-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:768px){.family-grid{grid-template-columns:repeat(2,1fr)}}.family-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--card);border:1px solid var(--card-border);border-radius:12px;text-decoration:none;transition:all .2s ease;position:relative}.family-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014;border-color:var(--green)}[data-theme=dark] .family-card:hover{box-shadow:0 4px 16px #ffffff08}.family-card.current{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.family-card.dev{opacity:.5;pointer-events:none;cursor:default}.family-card.current.dev{opacity:.5;pointer-events:auto;cursor:default}.family-icon{width:40px;height:40px;border-radius:50%;background:var(--green-bg);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.family-info{display:flex;flex-direction:column;gap:2px;min-width:0}.family-name{font-size:14px;font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.family-desc{font-size:13px;color:var(--text-3);white-space:nowrap}.badge-dev{position:absolute;top:8px;right:8px;font-size:10px;font-weight:700;background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:6px;padding:2px 6px;color:var(--text-3);letter-spacing:.02em}.footer-bottom{margin-top:32px;padding-top:20px;border-top:1px solid var(--divider);text-align:center}.footer-notice{font-size:12px;color:var(--text-3);line-height:1.6;margin-bottom:12px}.footer-legal{display:flex;justify-content:center;gap:20px;margin-bottom:12px}.footer-legal a{font-size:12px;color:var(--text-3);text-decoration:none;transition:color .2s}.footer-legal a:hover{color:var(--green)}.footer-copyright{font-size:12px;color:var(--text-3)}.hero-section{max-width:1100px;margin:0 auto;padding:60px 20px;text-align:center;background:var(--green-bg)}.hero-headline{font-size:28px;font-weight:700;color:var(--text-1);margin-bottom:12px;letter-spacing:-.03em;line-height:1.3}.hero-sub{font-size:16px;color:var(--text-3);margin-bottom:28px;line-height:1.5}.hero-cta{width:auto;min-width:180px;margin:0 auto}@media(max-width:768px){.hero-section{padding:40px 16px}.hero-headline{font-size:22px}.hero-sub{font-size:14px}.tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tab-bar::-webkit-scrollbar{display:none}.two-col{grid-template-columns:1fr}}.fade-in-up{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transition:opacity .6s ease}.fade-in.visible{opacity:1}.card:nth-child(1){transition-delay:0s}.card:nth-child(2){transition-delay:.1s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014;transition:all .2s ease}[data-theme=dark] .card:hover{box-shadow:0 4px 16px #ffffff08}.cta-btn:hover{filter:brightness(1.1);transform:scale(1.02);transition:all .2s ease}.tab:hover{background:var(--input-bg);transition:all .2s ease}.footer-links a:hover{color:var(--green);transition:color .2s ease}button,a,input,select,textarea{transition:all .2s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--chip-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}