:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .85);--bg-input: #ffffff;--border-color: rgba(226, 232, 240, .9);--border-focus: #6366f1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-color: #6366f1;--accent-hover: #4f46e5;--accent-light: rgba(99, 102, 241, .1);--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.05);--shadow-lg: 0 10px 25px -5px rgba(0,0,0,.08)}[data-theme=dark]{--bg-primary: #0b0f19;--bg-secondary: #111827;--bg-card: rgba(17, 24, 39, .75);--bg-input: #1e293b;--border-color: rgba(255, 255, 255, .1);--border-focus: #818cf8;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--accent-color: #818cf8;--accent-hover: #6366f1;--accent-light: rgba(129, 140, 248, .15);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 10px 25px -5px rgba(0,0,0,.5)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Noto Sans KR,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease;min-height:100vh}.app-container{max-width:1080px;margin:0 auto;padding:1.5rem 1rem 4rem}@media (min-width: 768px){.app-container{padding:2.5rem 2rem 6rem}}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:1.25rem;padding:1.5rem;box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.glass-card:hover{border-color:var(--accent-light)}h1,h2,h3{color:var(--text-primary);font-weight:700;letter-spacing:-.02em}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:var(--accent-light);color:var(--accent-color)}.header-wrapper{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media (min-width: 640px){.header-wrapper{flex-direction:row;justify-content:space-between;align-items:center}}.logo-area{display:flex;align-items:center;gap:.75rem}.logo-icon{width:2.75rem;height:2.75rem;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:.85rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f14d}.logo-title{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--text-primary),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-subtitle{font-size:.875rem;color:var(--text-secondary)}.controls-group{display:flex;align-items:center;gap:.75rem}.lang-select,.theme-toggle{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem .85rem;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;outline:none;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.lang-select:hover,.theme-toggle:hover{border-color:var(--accent-color);background:var(--accent-light)}.editor-container{margin-bottom:2rem;position:relative}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.editor-textarea{width:100%;min-height:220px;padding:1.25rem;font-family:inherit;font-size:1.05rem;color:var(--text-primary);background:var(--bg-input);border:2px solid var(--border-color);border-radius:1rem;outline:none;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;line-height:1.6}.editor-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 4px var(--accent-light)}.editor-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.85rem}.btn-tool{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem .9rem;border-radius:.65rem;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .15s ease}.btn-tool:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-1px)}.btn-danger{color:var(--danger-color)}.btn-danger:hover{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}@media (min-width: 640px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between}.stat-label{font-size:.825rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.stat-value{font-size:1.85rem;font-weight:800;color:var(--text-primary);line-height:1.1}.stat-unit{font-size:.85rem;font-weight:500;color:var(--text-muted);margin-left:.25rem}.stat-card.primary{background:linear-gradient(135deg,#6366f11f,#a855f71f);border-color:#6366f14d}.stat-card.primary .stat-value{color:var(--accent-color)}.section-title{font-size:1.25rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.platform-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}@media (min-width: 640px){.platform-grid{grid-template-columns:repeat(2,1fr)}}.platform-card{padding:1.1rem 1.25rem}.platform-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.platform-name{font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.platform-count{font-size:.875rem;font-weight:700}.progress-track{width:100%;height:8px;background:#94a3b833;border-radius:9999px;overflow:hidden;margin:.5rem 0}.progress-bar{height:100%;border-radius:9999px;transition:width .3s ease,background-color .3s ease}.progress-bar.normal{background:linear-gradient(90deg,#6366f1,#818cf8)}.progress-bar.warning{background:var(--warning-color)}.progress-bar.over{background:var(--danger-color)}.platform-desc{font-size:.775rem;color:var(--text-muted)}.two-col-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media (min-width: 768px){.two-col-grid{grid-template-columns:1fr 1fr}}.keyword-chip{display:flex;justify-content:space-between;align-items:center;padding:.6rem .85rem;background:var(--bg-primary);border-radius:.65rem;border:1px solid var(--border-color);margin-bottom:.5rem;font-size:.875rem}.keyword-word{font-weight:600;color:var(--text-primary)}.keyword-stats{font-size:.8rem;color:var(--text-muted);display:flex;gap:.5rem}.faq-item{border-bottom:1px solid var(--border-color);padding:1rem 0}.faq-item:last-child{border-bottom:none}.faq-question{font-weight:700;font-size:.975rem;color:var(--text-primary);margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem}.faq-answer{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.ad-container{background:var(--bg-card);border:1px dashed var(--border-color);border-radius:1rem;padding:1rem;text-align:center;margin:2rem 0;min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center}.ad-label{font-size:.725rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.app-footer{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.85rem}