:root{--primary: #2563eb;--primary-light: #eff6ff;--primary-hover: #1d4ed8;--bg: #f8f9fa;--card-bg: #ffffff;--text-main: #1a1a2e;--text-secondary: #4a5568;--text-muted: #718096;--border: #e2e8f0;--accent: #059669;--accent-light: #ecfdf5;--danger: #dc2626;--danger-light: #fef2f2}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg);color:var(--text-main);min-height:100vh;line-height:1.7;-webkit-font-smoothing:antialiased}.container{max-width:1100px;margin:0 auto;padding:2.5rem 1.25rem}header{text-align:center;margin-bottom:2.5rem}h1{font-size:1.75rem;font-weight:700;color:var(--text-main);margin-bottom:.35rem;letter-spacing:-.02em}.subtitle{color:var(--text-muted);font-size:.95rem;font-weight:400}.glass-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.75rem;box-shadow:0 1px 3px #0000000a}.main-layout{display:grid;grid-template-columns:340px 1fr;gap:1.5rem}@media(max-width:968px){.main-layout{grid-template-columns:1fr}}.input-group{margin-bottom:1.25rem}label{display:block;margin-bottom:.4rem;font-size:.85rem;font-weight:500;color:var(--text-secondary)}input,select{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.65rem .85rem;color:var(--text-main);font-size:.95rem;transition:border-color .2s ease}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.result-item{text-align:center;padding:1.25rem 1rem;background:var(--bg);border-radius:10px;border-left:3px solid var(--primary)}.result-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.35rem;font-weight:500}.result-value{font-size:1.3rem;font-weight:700;color:var(--text-main)}.chart-container{height:380px;position:relative}.seo-section{margin-top:1.5rem}.seo-section h2{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:var(--text-main);letter-spacing:-.01em}.seo-section h3{font-size:1.05rem;font-weight:600;color:var(--text-main)}.seo-section h4{font-size:.95rem;font-weight:600}.seo-section p{color:var(--text-secondary);margin-bottom:.85rem;font-size:.93rem;line-height:1.75}.seo-section ul{line-height:1.8;color:var(--text-secondary);font-size:.93rem}.seo-section code{font-family:Courier New,monospace;font-size:.9rem;background:var(--primary-light);color:var(--primary);padding:.3rem .6rem;border-radius:4px}.tabs{display:flex;background:var(--card-bg);padding:4px;border-radius:10px;margin-bottom:1.5rem;border:1px solid var(--border)}.tab{flex:1;padding:.6rem;text-align:center;border-radius:7px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s ease;color:var(--text-muted)}.tab.active{background:var(--primary);color:#fff}.tab:not(.active):hover{background:var(--bg);color:var(--text-main)}.share-btn{display:flex;align-items:center;gap:.5rem;background:var(--primary-light);border:1px solid var(--primary);color:var(--primary);padding:.55rem 1rem;border-radius:8px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .15s ease;margin-top:1.25rem;width:fit-content}.share-btn:hover{background:var(--primary);color:#fff}button{cursor:pointer}button:hover{filter:brightness(.98)}footer{margin-top:2rem}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}@media(max-width:640px){.comparison-grid{grid-template-columns:1fr}h1{font-size:1.4rem}.glass-card{padding:1.15rem}.results-summary{grid-template-columns:1fr}.chart-container{height:300px}}