.compare-main{padding-top:var(--space-xl);padding-bottom:var(--space-2xl)}.compare-main h1{text-align:center;margin-bottom:var(--space-md)}.compare-summary{max-width:720px;margin:0 auto var(--space-xl);text-align:center;font-size:15px;color:var(--color-secondary);line-height:1.8}.compare-selector{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.selector-card{background:var(--color-white);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-1);text-align:center;flex:0 0 280px}.selector-emoji{font-size:48px;display:block;margin-bottom:var(--space-sm)}.selector-card label{display:block;font-size:14px;color:var(--color-secondary);margin-bottom:var(--space-sm)}.selector-input{width:100%;height:44px;padding:0 var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-body);color:var(--color-title);background:var(--color-white);cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;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='M6 8L1 3h10z' fill='%23999'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.selector-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(255,140,66,.15)}.selector-vs{font-family:var(--font-data);font-size:32px;font-weight:700;color:var(--color-primary);flex-shrink:0}.compare-table-wrap{overflow-x:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-1);margin-bottom:var(--space-2xl)}.compare-table{width:100%;border-collapse:collapse;background:var(--color-white);font-size:15px}.compare-table thead{background:var(--color-card-bg)}.compare-table th{padding:14px 20px;font-weight:600;color:var(--color-title);text-align:center}.compare-col-label{text-align:left!important;width:140px}.compare-col-a,.compare-col-b{width:calc((100% - 140px)/2)}.compare-table td{padding:14px 20px;border-top:1px solid var(--color-border);text-align:center;color:var(--color-text)}.compare-table td:first-child{text-align:left;font-weight:600;color:var(--color-title);background:var(--color-card-bg)}.compare-table tr:hover td{background:var(--color-primary-light)}.compare-table tr:hover td:first-child{background:var(--bg-cream-orange)}.compare-row-highlight td{background:var(--color-primary-light)!important;font-weight:700;font-size:16px}.compare-img{font-size:48px}.compare-section{margin-bottom:var(--space-2xl)}.compare-section h2{font-size:22px;margin-bottom:var(--space-lg);padding-left:var(--space-md);position:relative}.compare-section h2::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:4px;background:var(--color-primary);border-radius:2px}.compare-section h3{font-size:16px;color:var(--color-secondary);margin-bottom:var(--space-sm);margin-top:var(--space-lg)}.ai-analysis{padding:var(--space-xl);background:linear-gradient(135deg,var(--bg-milk-tea) 0%,var(--bg-sky-blue) 100%);border:none;box-shadow:none}.ai-analysis p{font-size:15px;line-height:1.8;color:var(--color-text);margin-bottom:var(--space-md)}.ai-analysis p:last-child{margin-bottom:0}.compare-detail-links{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.vote-area{display:flex;align-items:center;gap:var(--space-lg)}.vote-btn{flex:0 0 160px;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.vote-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-2);transform:translateY(-2px)}.vote-emoji{font-size:40px}.vote-name{font-size:16px;font-weight:700;color:var(--color-title)}.vote-count{font-size:13px;color:var(--color-secondary);font-family:var(--font-data)}.vote-bar-wrap{flex:1}.vote-bar{display:flex;height:32px;border-radius:var(--radius-xl);overflow:hidden;font-size:13px;font-weight:600;font-family:var(--font-data)}.vote-bar-a{background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center}.vote-bar-b{background:var(--color-blue);color:var(--color-white);display:flex;align-items:center;justify-content:center}.together-card{padding:var(--space-xl)}.together-card p{font-size:15px;line-height:1.8;margin-bottom:var(--space-sm)}.together-card p:last-child{margin-bottom:0}.cmp-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-md)}.cmp-tab{padding:7px 16px;border-radius:var(--radius-pill);border:1.5px solid var(--color-border);background:var(--color-white);font-size:13px;color:var(--color-title);cursor:pointer;transition:all .15s;font-family:var(--font-body);white-space:nowrap}.cmp-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.cmp-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600}.popular-compare-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.popular-compare-item{display:block;padding:8px 4px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;color:var(--color-text);text-decoration:none;text-align:center;transition:all .15s;line-height:1.4;word-break:break-all}.popular-compare-item:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light);text-decoration:none;transform:translateY(-1px)}.selector-action{align-self:flex-end;padding-bottom:0}@media(max-width:767px){.compare-main{padding-top:var(--space-md);padding-bottom:var(--space-lg)}.compare-main h1{font-size:22px;margin-bottom:var(--space-md)}.compare-selector{flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.selector-card{flex:none;width:100%;padding:var(--space-md)}.selector-emoji{font-size:32px}.selector-vs{font-size:24px}.compare-table{font-size:13px}.compare-table th,.compare-table td{padding:10px 12px}.compare-col-label{width:80px}.compare-img{font-size:32px}.compare-section h2{font-size:18px}.ai-analysis{padding:var(--space-md)}.ai-analysis p{font-size:14px}.compare-detail-links{flex-direction:column}.compare-detail-links .btn{width:100%}.vote-area{flex-direction:column;gap:var(--space-md)}.vote-btn{flex:none;width:100%;flex-direction:row;padding:var(--space-md);gap:var(--space-md)}.vote-emoji{font-size:28px}.vote-bar-wrap{order:3;width:100%}.together-card{padding:var(--space-md)}.together-card p{font-size:14px}.popular-compare-grid{grid-template-columns:repeat(2,1fr);gap:6px}.popular-compare-item{font-size:12px;padding:6px 4px}.cmp-tabs{gap:6px}.cmp-tab{font-size:12px;padding:5px 12px}.compare-section{margin-bottom:var(--space-lg)}}