.music-buff-page{max-width:1400px;margin:0 auto;padding:60px 20px;color:#f1f5f9;font-family:Pretendard,-apple-system,sans-serif;background:var(--mabi-bg);min-height:100vh}.glide-text{font-size:3rem;font-weight:950;letter-spacing:-.06em;text-shadow:0 0 30px rgba(6,182,212,.2)}.highlight-text{color:var(--mabi-primary);position:relative}.hero-dashboard{background:linear-gradient(135deg,rgba(17,24,39,.8),rgba(3,7,18,.9));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:40px;border:1px solid var(--mabi-border);padding:60px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;grid-gap:0 20px;gap:0 20px;align-items:start;margin-bottom:40px}.hero-divider{width:1px;background:var(--mabi-border);align-self:stretch;min-height:80px}.hero-stat-card .tag-divine{background:rgba(6,182,212,.1);color:var(--mabi-primary);border:1px solid rgba(6,182,212,.2);padding:4px 8px;border-radius:6px;font-weight:900}.hero-stat-value .unit{font-size:1.8rem;opacity:.5;margin-left:4px}.config-row{display:grid;grid-gap:20px;gap:20px;margin-bottom:30px}.top-row{grid-template-columns:repeat(3,1fr)}.stats-row{grid-template-columns:repeat(6,1fr)}.matrix-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}.matrix-tile{padding:12px 18px;background:hsla(0,0%,100%,.03);border:1px solid var(--mabi-border);border-radius:14px;font-size:.85rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.matrix-tile.active{background:var(--mabi-primary);color:#000;font-weight:900;transform:translateY(-2px);box-shadow:0 10px 20px rgba(6,182,212,.3)}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px}.report-col{background:hsla(0,0%,100%,.02);padding:15px 12px;border-radius:20px;border:1px solid var(--mabi-border);min-width:0;overflow-x:auto}.col-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;border-bottom:1px solid var(--mabi-border);padding-bottom:8px;padding-left:2px}.col-header h5{font-size:.95rem;margin:0}.analysis-table{width:100%;border-collapse:collapse;margin-top:5px;table-layout:auto}.analysis-table th{padding:8px 1px;font-size:.6rem;color:#64748b;text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--mabi-border);text-align:right}.analysis-table th:first-child{text-align:left;width:95px}.analysis-table td{padding:10px 1px;font-size:.78rem;border-bottom:1px solid hsla(0,0%,100%,.03);text-align:right;white-space:nowrap}.analysis-table .trait-label{text-align:left;color:#94a3b8;font-weight:600;font-size:.74rem}.analysis-table .val{font-weight:700;font-family:JetBrains Mono,monospace;color:#f1f5f9;letter-spacing:-.02em}.analysis-table .highlight{color:var(--mabi-primary);text-shadow:0 0 6px rgba(6,182,212,.4)}.analysis-table .val.highlight{font-size:.86rem;font-weight:950}.row-normal{opacity:.7;transition:all .2s}.row-excellent{color:#f8fafc;background:hsla(0,0%,100%,.01)}.row-divine{background:linear-gradient(90deg,rgba(6,182,212,.05),transparent);border-left:2px solid var(--mabi-primary)}.row-divine:hover,.row-excellent:hover,.row-normal:hover{background:hsla(0,0%,100%,.03);opacity:1}.row-divine .val{color:var(--mabi-primary)}.inventory-container{display:flex;justify-content:center;padding:20px 0}.mabi-inventory{display:grid;grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,80px);grid-gap:4px;gap:4px;background:#4a4a4a;padding:6px;border:2px solid #2a2a2a;box-shadow:inset 0 0 10px rgba(0,0,0,.5)}.inv-slot{background:#6b6b6b;border:1px solid #8b8b8b;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.inv-slot:hover{background:#8b8b8b;box-shadow:inset 0 0 8px hsla(0,0%,100%,.2)}.inv-slot.empty:after{content:"";width:40px;height:40px;opacity:.2;background-size:contain;background-repeat:no-repeat;background-position:50%}.inv-slot.head:after{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 2C7.58 2 4 5.58 4 10v2h2v4h12v-4h2v-2c0-4.42-3.58-8-8-8zM9 10c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"/></svg>')}.inv-slot.body:after{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M21 4h-4.2c-1.03 0-1.9.71-2.13 1.67L12 11l-2.67-5.33C9.1 4.71 8.23 4 7.2 4H3C1.9 4 1 4.9 1 6v6c0 1.1.9 2 2 2h2v7c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2v-7h2c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2z"/></svg>')}.inv-slot.hand:after{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M4 14c0-1.1.9-2 2-2h1.5v4H6c-1.1 0-2-.9-2-2z"/><rect x="8" y="7" width="2.2" height="9" rx="1.1"/><rect x="11" y="5" width="2.2" height="11" rx="1.1"/><rect x="14" y="6" width="2.2" height="10" rx="1.1"/><rect x="17" y="9" width="2.2" height="7" rx="1.1"/><path d="M8 13h11v5H8z"/><path d="M7 19h12v4H7z M15 19v4h1.5v-4z"/></svg>')}.inv-slot.foot:after{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M18 19H8.5c-1.8 0-3.5-1.5-3.5-3.5V15h4v-4h4V4h7v15z"/></svg>');transform:scaleX(-1)}.inv-slot.acc:after{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 2l2.4 7.4h7.6l-6.1 4.5 2.3 7.1-6.2-4.4-6.2 4.4 2.3-7.1-6.1-4.5h7.6z"/></svg>')}.inv-slot.inst:after{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M11.5 11.5c-1.7-1.7-4.3-1.7-6 0-3 3-3 7.8 0 10.8s7.8 3 10.8 0c1.7-1.7 1.7-4.3 0-6L14 14l-2.5 2.5c.8.8.8 2.2 0 3s-2.2.8-3 0-.8-2.2 0-3 .7-.7 1.5-.7l1.5-1.5z"/><path d="M13 10l8-8 1.5 1.5-8 8z M21 2l1.2 1.2-1.2 1.2-1.2-1.2z"/></svg>')}.extra-buffs-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:20px;gap:20px;margin-top:15px}.buff-checkbox-group{display:flex;flex-direction:column;gap:12px}.mabi-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease}.mabi-checkbox:hover{transform:translateX(4px)}.mabi-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--mabi-primary);cursor:pointer}.mabi-checkbox label{font-size:.85rem;color:#cbd5e1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.inv-slot.active{border-color:var(--mabi-primary);box-shadow:0 0 15px var(--mabi-primary)}.inv-item-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2rem;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}.inv-item-icon img{width:100%;height:100%;object-fit:contain}.mabi-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000}.mabi-modal-content{background:#2a2a2a;width:900px;max-height:90vh;border:4px solid #4a4a4a;border-radius:4px;box-shadow:0 0 50px #000;display:flex;flex-direction:column}.modal-header{background:#3a3a3a;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #1a1a1a}.modal-body{flex:1 1;overflow-y:auto;padding:30px}.modal-footer{padding:20px 30px;background:#1a1a1a;display:flex;justify-content:space-between;align-items:center}.search-view{display:flex;flex-direction:column;gap:20px}.search-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.results-list{margin-top:20px;display:flex;flex-direction:column;gap:10px}.result-item{background:#3a3a3a;padding:15px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;border-left:4px solid var(--mabi-primary)}.result-info{display:flex;flex-direction:column;gap:4px}.price-tag{color:var(--mabi-accent);font-weight:800;font-size:1.1rem}.btn-search{background:var(--mabi-primary);padding:10px 20px;font-weight:800;cursor:pointer}.btn-apply,.btn-search{color:#000;border:none;border-radius:4px}.btn-apply{background:#fbbf24;padding:12px 30px;font-weight:900}.mabi-input-group{display:flex;flex-direction:column;gap:8px}.mabi-input-group label{font-size:.8rem;color:#94a3b8;font-weight:700;margin-left:2px}.mabi-input{background:rgba(15,23,42,.6);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;padding:12px 18px;color:#f8fafc;font-size:.9rem;width:100%;box-sizing:border-box;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none}.mabi-input:focus{background:rgba(15,23,42,.8);border-color:var(--mabi-primary);box-shadow:0 0 20px rgba(6,182,212,.25);transform:translateY(-1px)}.ratio-chip{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);color:#94a3b8;padding:8px 16px;border-radius:12px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .25s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;align-items:center;justify-content:center}.ratio-chip:hover{background:hsla(0,0%,100%,.1);color:#f8fafc;border-color:hsla(0,0%,100%,.2);transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.2)}.ratio-chip:active{transform:scale(.98)}.rank-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px;margin-top:15px;margin-bottom:25px}.rank-field{background:rgba(15,23,42,.4);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:6px;transition:all .3s ease}.rank-field:hover{background:rgba(15,23,42,.6);border-color:var(--mabi-primary);transform:translateY(-2px)}.rank-field label{font-size:.72rem;color:#94a3b8;font-weight:800;letter-spacing:.05em}.rank-field input,.rank-field select{background:transparent;border:none;color:#fff;font-size:1.1rem;font-weight:700;outline:none;cursor:pointer;width:100%}.rank-field option{background:#1e293b;color:#fff}.main-effect-field{background:linear-gradient(145deg,rgba(6,182,212,.1),rgba(15,23,42,.6));border:1px solid rgba(6,182,212,.3);box-shadow:0 4px 15px rgba(0,0,0,.2)}.main-effect-field input,.main-effect-field label{color:var(--mabi-primary)}.main-effect-field input{font-size:1.3rem}.section-title-sub{font-size:.85rem;color:#64748b;font-weight:900;margin-bottom:20px;letter-spacing:.1em;padding-left:2px;border-left:3px solid var(--mabi-primary);line-height:1}.detailed-combo-grid{margin-top:25px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:15px;gap:15px}.combo-card{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:15px;transition:all .3s ease}.combo-card:hover{background:hsla(0,0%,100%,.04);border-color:var(--mabi-primary);transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.2)}.combo-card .mabi-input.small{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.05);font-size:.8rem;padding:8px 12px}.combo-card .mabi-input.small:focus{border-color:var(--mabi-primary);background:rgba(0,0,0,.5)}.mabi-input-group.small label{font-size:.65rem;margin-bottom:4px;opacity:.7}.soul-control-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:15px;padding-top:15px;border-top:1px dashed hsla(0,0%,100%,.1);animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.soul-box{display:flex;flex-direction:column;align-items:center;background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:8px 4px;transition:all .2s ease;cursor:default}.soul-box:hover{background:hsla(0,0%,100%,.05)}.soul-box.grade{border-color:rgba(6,182,212,.3)}.soul-box.upgrade{border-color:rgba(139,92,246,.3)}.soul-box.base{border-color:rgba(234,179,8,.3)}.soul-box label{font-size:.65rem;font-weight:700;margin-bottom:4px;color:#94a3b8}.soul-box.grade label{color:#22d3ee}.soul-box.upgrade label{color:#a78bfa}.soul-box.base label{color:#fbbf24}.soul-box .val-row{display:flex;align-items:baseline;gap:2px}.soul-input{width:35px;background:transparent;border:none;color:#fff;font-size:1.16rem;font-weight:900;text-align:center;outline:none;font-family:JetBrains Mono,monospace;-webkit-appearance:none;-moz-appearance:textfield;appearance:none}.soul-input::-webkit-inner-spin-button,.soul-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.soul-box .unit{font-size:.7rem;color:#64748b;font-weight:700}.recommend-item-row:hover{background:rgba(56,189,248,.1)!important;transform:translateX(5px);border-color:rgba(56,189,248,.3)!important}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}