*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0f0;background:#0d0d18;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif}.nav{z-index:10;background:#12121e;border-bottom:1px solid #1e1e30;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.nav-logo{color:#fff;letter-spacing:-.5px;margin-right:36px;font-size:20px;font-weight:800}.nav-logo span{color:#e74c3c}.nav-tabs{gap:2px;display:flex}.nav-tab{cursor:pointer;color:#667;background:0 0;border:none;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.nav-tab.active{color:#e74c3c;background:#e74c3c2e}.nav-tab:hover:not(.active){color:#aaa}.nav-right{align-items:center;gap:16px;margin-left:auto;display:flex}.nav-avatar{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.nav-profile{position:relative}.nav-dropdown{z-index:20;background:#16161f;border:1px solid #2a2a3e;border-radius:10px;min-width:140px;padding:8px 0;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0006}.nav-dropdown-user{color:#667;border-bottom:1px solid #1e1e30;margin-bottom:4px;padding:6px 16px 8px;font-size:12px}.nav-dropdown-btn{text-align:left;color:#ccc;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 16px;font-family:inherit;font-size:13px;transition:background .15s;display:block}.nav-dropdown-btn:hover{color:#e74c3c;background:#e74c3c1f}.main{max-width:1400px;margin:0 auto;padding:20px 28px 40px}.brand-hero{background:linear-gradient(135deg,#16121e 0%,#12121e 100%);border:1px solid #2a1e3a;border-radius:16px;align-items:center;gap:0;margin-bottom:18px;padding:18px 24px;display:flex}.brand-logo{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-right:14px;font-size:15px;font-weight:800;display:flex}.brand-info{margin-right:28px}.brand-name{font-size:18px;font-weight:700}.brand-meta{color:#666;margin-top:2px;font-size:11px}.hero-divider{background:#1e1e30;flex-shrink:0;width:1px;height:36px;margin:0 24px}.hero-metric{text-align:center;flex-shrink:0}.hero-metric-val{font-size:22px;font-weight:700}.hero-metric-val.red{color:#e74c3c}.hero-metric-val.green{color:#2ecc71}.hero-metric-val.orange{color:#f39c12}.hero-metric-val.blue{color:#5d9cec}.hero-metric-label{color:#555;text-transform:uppercase;letter-spacing:.04em;margin-top:3px;font-size:10px}.hero-spacer{flex:1}.hero-btn{cursor:pointer;color:#777;background:#1a1a28;border:1px solid #2a2a40;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;transition:all .2s;display:flex}.hero-btn:hover{color:#aaa;border-color:#3a3a50}.geo-score-ring{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:background .4s;display:flex;position:relative}.geo-score-inner{background:#12121e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.geo-score-num{color:#e74c3c;font-size:14px;font-weight:800;line-height:1}.geo-score-label{color:#555;font-size:8px}.hero-geo-wrap{flex-shrink:0;margin-right:24px}.grid-2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px;display:grid}.grid-3-2{grid-template-columns:3fr 2fr;gap:14px;margin-bottom:14px;display:grid}.card{background:#12121e;border:1px solid #1e1e30;border-radius:14px;padding:18px}.card-header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.card-title{color:#e8e8f8;font-size:14px;font-weight:600}.badge{color:#667;background:#1a1a2a;border-radius:8px;padding:2px 8px;font-size:11px}.badge-green{color:#2ecc71;background:#2ecc711f}.badge-red{color:#e74c3c;background:#e74c3c1f}.badge-orange{color:#f39c12;background:#f39c121f}.question-item{cursor:pointer;background:#1a1a2a;border:1px solid #0000;border-radius:10px;margin-bottom:8px;padding:12px 14px;transition:all .2s}.question-item:last-child{margin-bottom:0}.question-item.active{background:#1e1320;border-color:#e74c3c}.question-item:hover:not(.active){border-color:#2a2a3e}.question-text{color:#ccc;font-size:13px;line-height:1.45}.question-meta{align-items:center;gap:8px;margin-top:8px;display:flex}.question-pct{color:#e74c3c;font-size:18px;font-weight:700}.question-item:not(.active) .question-pct{color:#666;font-size:16px}.question-rank{color:#555;font-size:11px}.brand-question-label{color:#555;margin-bottom:12px;font-size:12px;line-height:1.4}.brand-tags{flex-wrap:wrap;gap:7px;display:flex}.brand-tag{background:#ffffff0d;border-radius:20px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:500;display:inline-flex}.brand-tag .dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.brand-tag strong{font-weight:600}.brand-tag.highlight{background:#e74c3c1f;border:1px solid #e74c3c4d}.model-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.model-card{background:#1a1a2a;border-radius:10px;padding:13px}.model-header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.model-name{font-size:13px;font-weight:600}.model-score{border-radius:8px;padding:2px 8px;font-size:11px}.model-score.full{color:#2ecc71;background:#2ecc711f}.model-score.partial{color:#f39c12;background:#f39c121f}.model-score.miss{color:#e74c3c;background:#e74c3c1f}.model-brands-top{flex-wrap:wrap;gap:5px;margin-bottom:5px;display:flex}.model-pill{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:500}.model-brands-rest{color:#555;font-size:11px}.source-item{border-bottom:1px solid #1a1a28;align-items:center;gap:12px;padding:9px 0;display:flex}.source-item:last-child{border-bottom:none;padding-bottom:0}.source-models{color:#555;white-space:nowrap;width:68px;font-size:11px}.source-url{color:#5d9cec;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.source-url:hover{cursor:pointer;text-decoration:underline}.chart-container{height:190px;position:relative}.chart-legend{gap:16px;font-size:12px;display:flex}.legend-item{color:#888;align-items:center;gap:5px;display:flex}.legend-line{border-radius:2px;width:16px;height:2px}.legend-line.dashed{background:repeating-linear-gradient(90deg,currentColor 0 4px,#0000 4px 8px)}.platform-list{flex-direction:column;justify-content:space-between;gap:0;height:calc(100% - 40px);display:flex}.platform-item{flex-direction:column;flex:1;justify-content:center;margin-bottom:0;display:flex}.platform-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.platform-label{color:#bbb;align-items:center;gap:7px;font-size:13px;display:flex}.platform-icon{border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex}.platform-pct{font-size:13px;font-weight:600}.platform-bar-bg{background:#1e1e30;border-radius:3px;height:5px}.platform-bar{border-radius:3px;height:5px;transition:width .8s}.competitor-card{background:#12121e;border:1px solid #1e1e30;border-radius:14px;padding:16px}.comp-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.comp-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.comp-name{font-size:14px;font-weight:600}.comp-category{color:#555;font-size:10px}.comp-score-wrap{text-align:center;margin-left:auto}.comp-score{font-size:20px;font-weight:700;line-height:1}.comp-score-lbl{color:#555;text-transform:uppercase;letter-spacing:.05em;font-size:9px}.comp-bar-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.comp-mention-pct{color:#666;white-space:nowrap;font-size:11px}.pros-cons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pros-title{color:#2ecc71;letter-spacing:.04em;margin-bottom:5px;font-size:10px;font-weight:600}.cons-title{color:#e74c3c;letter-spacing:.04em;margin-bottom:5px;font-size:10px;font-weight:600}.pc-item{color:#888;gap:4px;font-size:11px;line-height:1.7;display:flex}.pc-item:before{content:"·";color:#444;flex-shrink:0}.section-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.section-title{color:#444;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#000000a6;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:#16161f;border:1px solid #2a2a3e;border-radius:16px;width:520px;max-width:calc(100vw - 40px);padding:28px;transition:transform .2s;transform:translateY(12px)}.modal-overlay.open .modal{transform:translateY(0)}.modal-title{margin-bottom:6px;font-size:15px;font-weight:700}.modal-sub{color:#555;margin-bottom:20px;font-size:12px}.modal-label{color:#667;letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:600}.modal-textarea{color:#e0e0f0;resize:none;background:#1a1a2a;border:1px solid #2a2a40;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:13px;line-height:1.5;transition:border-color .2s}.modal-textarea:focus{border-color:#e74c3c}.modal-chips{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.modal-chip{cursor:pointer;color:#888;background:#1a1a2a;border:1px solid #2a2a40;border-radius:20px;padding:5px 12px;font-size:11px;transition:all .15s}.modal-chip:hover{color:#e74c3c;border-color:#e74c3c}.modal-footer{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.modal-btn-cancel{cursor:pointer;color:#667;background:0 0;border:1px solid #2a2a40;border-radius:8px;padding:8px 18px;font-size:13px;transition:all .15s}.modal-btn-cancel:hover{color:#aaa;border-color:#444}.modal-btn-submit{cursor:pointer;color:#fff;background:#e74c3c;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;transition:background .15s}.modal-btn-submit:hover{background:#c0392b}.modal-btn-submit:disabled{color:#664;cursor:not-allowed;background:#3a1a1a}.new-question-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:8px;margin-left:auto;padding:5px 12px;font-size:12px;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.hero-btn.loading span{animation:.6s linear infinite spin;display:inline-block}.login-wrapper{background:#0d0d18;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#12121e;border:1px solid #1e1e30;border-radius:16px;width:380px;max-width:calc(100vw - 40px);padding:40px 36px}.login-logo{color:#fff;text-align:center;margin-bottom:4px;font-size:28px;font-weight:800}.login-logo span{color:#e74c3c;font-weight:800}.login-sub{color:#555;text-align:center;margin-bottom:28px;font-size:13px}.login-error{color:#e74c3c;text-align:center;background:#e74c3c1f;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.login-label{color:#667;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.login-input{color:#e0e0f0;background:#1a1a2a;border:1px solid #2a2a40;border-radius:10px;outline:none;width:100%;margin-bottom:16px;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.login-input:focus{border-color:#e74c3c}.login-btn{cursor:pointer;color:#fff;background:#e74c3c;border:none;border-radius:10px;width:100%;margin-top:8px;padding:12px;font-size:14px;font-weight:600;transition:background .15s}.login-btn:hover{background:#c0392b}.login-btn:disabled{color:#664;cursor:not-allowed;background:#3a1a1a}@media (max-width:768px){.nav{padding:12px 16px}.nav-logo{margin-right:16px;font-size:17px}.nav-tab{padding:5px 10px;font-size:12px}.main{padding:14px 14px 32px}.brand-hero{flex-wrap:wrap;gap:12px;padding:16px}.hero-divider{display:none}.brand-logo{width:38px;height:38px;margin-right:10px;font-size:13px}.brand-info{flex:1;min-width:120px;margin-right:0}.brand-name{font-size:16px}.geo-score-ring{width:44px;height:44px}.geo-score-inner{width:34px;height:34px}.geo-score-num{font-size:12px}.hero-metric{min-width:60px}.hero-metric-val{font-size:18px}.hero-metric-label{font-size:9px}.hero-geo-wrap{margin-right:12px}.hero-spacer{display:none}.hero-btn{justify-content:center;width:100%;margin-top:4px}.grid-2,.grid-3-2{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}.card{border-radius:12px;padding:14px}.card-header{flex-wrap:wrap;gap:6px}.model-grid{grid-template-columns:1fr}.chart-container{height:160px}.chart-legend{flex-wrap:wrap;gap:10px;font-size:11px}.platform-list{gap:12px;height:auto}.competitor-card{padding:14px}.modal{border-radius:14px;padding:22px 18px}.modal-overlay{align-items:flex-end}.modal-overlay.open .modal{transform:translateY(0)}.modal{border-radius:16px 16px 0 0;width:100%;max-width:100vw}.modal-chips{gap:5px}.modal-chip{padding:4px 10px;font-size:10px}}@media (max-width:480px){.nav{padding:10px 12px}.nav-logo{margin-right:10px;font-size:15px}.nav-tabs{display:none}.main{padding:10px 10px 28px}.brand-hero{border-radius:12px;gap:10px;padding:14px 12px}.hero-geo-wrap{margin-right:0}.hero-metric-val{font-size:16px}.hero-metric-label{font-size:8px}.grid-4{grid-template-columns:1fr}.card{border-radius:10px;padding:12px}.card-title{font-size:13px}.question-item{padding:10px 12px}.question-text{font-size:12px}.question-pct{font-size:16px}.source-item{gap:8px}.source-models{width:56px;font-size:10px}.source-url{font-size:11px}.chart-container{height:140px}.chart-legend{gap:8px;font-size:10px}.legend-line{width:12px}.competitor-card{border-radius:10px;padding:12px}.comp-name{font-size:13px}.comp-score{font-size:18px}.pros-cons{grid-template-columns:1fr;gap:12px}.pc-item{font-size:10px}.section-title{font-size:11px}.modal{padding:20px 14px}.modal-title{font-size:14px}.modal-sub{font-size:11px}.modal-textarea{padding:10px 12px;font-size:12px}.modal-btn-cancel,.modal-btn-submit{padding:8px 14px;font-size:12px}.login-card{padding:32px 20px}.login-logo{font-size:24px}}