.calc-container{background:#fff;border-radius:15px;max-width:600px;margin:30px auto;padding:30px;box-shadow:0 2px 20px #00000014}.tab-menu{gap:10px;margin-bottom:30px;display:flex}.tab-btn{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:10px;flex:1;padding:14px 20px;font-size:1em;font-weight:600;transition:all .2s}.tab-btn.active{background:linear-gradient(135deg, var(--primary) 0%, var(--primary) 100%);color:#fff;border-color:#0000}.tab-btn:hover:not(.active){border-color:var(--primary);color:var(--primary)}.input-group{margin-bottom:20px}.input-group label{color:#333;margin-bottom:8px;font-weight:600;display:block}.label-hint{color:#888;font-size:.85em;font-weight:400}.input-wrapper{align-items:center;gap:8px;display:flex}.input-wrapper input{border:2px solid #e0e0e0;border-radius:10px;flex:1;padding:14px;font-size:1em;transition:border-color .2s}.input-wrapper input:focus{border-color:var(--primary);outline:none}.input-unit{color:#666;min-width:30px;font-size:.95em;font-weight:700}.input-group select{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:10px;width:100%;padding:14px;font-size:1em;transition:border-color .2s}.input-group select:focus{border-color:var(--primary);outline:none}.calc-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary) 100%);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:16px;font-size:1.1em;font-weight:700;transition:transform .2s,box-shadow .2s}.calc-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000014}.result-box{background:linear-gradient(135deg,#f0f5ff 0%,#e8eeff 100%);border-radius:15px;margin-top:30px;padding:30px}.result-title{text-align:center;color:var(--primary);margin-bottom:25px;font-size:1.3em}.comparison-cards{align-items:center;gap:15px;margin-bottom:25px;display:flex}.compare-card{border-radius:12px;flex:1;overflow:hidden;box-shadow:0 2px 10px #00000014}.card-header{text-align:center;color:#fff;padding:12px;font-size:1.1em;font-weight:700}.jeonse-card .card-header,.wolse-card .card-header{background:linear-gradient(135deg, var(--primary) 0%, var(--primary) 100%)}.card-body{text-align:center;background:#fff;padding:18px 15px}.card-label{color:#888;margin-bottom:5px;font-size:.85em}.card-value{color:#333;margin-bottom:12px;font-size:1.4em;font-weight:800}.card-sub{color:#555;font-size:1em;font-weight:600}.vs-badge{color:#999;flex-shrink:0;font-size:1.3em;font-weight:800}.result-diff{text-align:center;color:#444;background:#fff;border-radius:10px;margin-bottom:15px;padding:15px;font-size:1.05em;line-height:1.6}.recommendation{text-align:center;border-radius:10px;margin-bottom:15px;padding:15px 20px;font-size:1.15em;font-weight:700}.recommend-jeonse{background:linear-gradient(135deg, var(--bg-subtle) 0%, var(--primary) 100%);color:var(--primary)}.recommend-wolse{background:linear-gradient(135deg, var(--primary) 0%, var(--primary) 100%);color:var(--primary)}.recommend-same{background:linear-gradient(135deg, var(--bg-subtle) 0%, var(--primary) 100%);color:var(--primary)}.result-detail{color:#666;background:#fff;border-radius:10px;padding:15px;font-size:.9em;line-height:1.7}.result-detail p{margin-bottom:5px}.convert-display{text-align:center;margin-bottom:20px}.convert-number{color:var(--primary);font-size:3.5em;font-weight:800}.convert-unit{color:#666;margin-left:3px;font-size:1.5em}.convert-info{text-align:center;color:#555;margin-bottom:20px;line-height:1.6}.convert-reference{border-left:4px solid var(--primary);background:#fff;border-radius:10px;padding:18px}.ref-title{color:var(--primary);margin-bottom:10px;font-size:1em;font-weight:700}.ref-item{color:#555;margin-bottom:5px;font-size:.95em}.ref-note{color:#888;margin-top:10px;font-size:.85em}.content-section{max-width:800px;margin:40px auto;line-height:1.8}.content-section h2{color:var(--primary);margin-top:35px;margin-bottom:15px;font-size:1.4em}.content-section p{color:#555;margin-bottom:15px}.content-section ul{margin-bottom:15px;padding-left:20px}.content-section li{color:#555;margin-bottom:10px}@media (width<=768px){.calc-container{margin:20px 10px;padding:20px}.tab-menu,.comparison-cards{flex-direction:column}.compare-card{width:100%}.vs-badge{font-size:1.1em}.card-value{font-size:1.2em}.convert-number{font-size:2.5em}}