@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--primary:#ff7e36;--primary-hover:#f25c05;--bg-color:#f1f5f9;--bg-surface:#fff;--bg-sidebar:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--border-color:#cbd5e1;--glass:#fffffff2;--sidebar-width:250px;--header-height:64px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"sans-serif";line-height:1.5}#root{width:100%;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}.sidebar{height:100vh;width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:50;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;box-shadow:1px 0 10px #00000008}.sidebar-header{height:var(--header-height);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}.logo{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.logo-icon{font-size:1.5rem}.logo-text{background:linear-gradient(135deg, var(--primary), #ffb74d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.close-btn{color:var(--text-secondary);display:none}.close-btn:hover{color:var(--text-primary)}.sidebar-nav{flex:1;padding:1.5rem 1rem;overflow-y:auto}.sidebar-nav ul{flex-direction:column;gap:.5rem;display:flex}.nav-link{color:var(--text-secondary);border:1px solid #0000;border-radius:12px;align-items:center;gap:.75rem;padding:.875rem 1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-icon{transition:transform .2s}.nav-link:hover .nav-icon{transform:scale(1.1)}.nav-link.disabled{opacity:.5;cursor:not-allowed;filter:grayscale();position:relative;overflow:hidden}.nav-link.disabled:hover{color:var(--text-secondary)!important;background:0 0!important;border-color:#0000!important}.badge-soon{color:#64748b;text-transform:uppercase;background:#e2e8f0;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:700;position:absolute;right:.75rem}.sidebar-footer{border-top:1px solid var(--border-color);padding:1.5rem}.version-info{color:var(--text-secondary);text-align:center;font-size:.875rem}@media (width<=1023px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.close-btn{display:block}}.topbar{height:var(--header-height);background-color:var(--glass);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:30;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #00000005}.topbar-left{flex:1;align-items:center;gap:1.5rem;display:flex}.menu-btn{color:var(--text-primary);display:none}.menu-btn:hover{color:var(--primary)}@media (width<=1023px){.topbar{padding:0 1.5rem}.menu-btn{display:block}}.mvp-page{flex-direction:column;gap:1.5rem;animation:.4s ease-out fade-in;display:flex}.top-panel{flex-wrap:wrap;align-items:stretch;gap:1.25rem;display:flex}.top-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:14px;flex:auto;padding:1.25rem 1.5rem;transition:border-color .25s,box-shadow .25s;box-shadow:0 2px 8px #0000000a}.top-card:hover{border-color:var(--primary);box-shadow:0 8px 20px -4px #00000012}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;margin-bottom:1rem;font-size:.8rem;font-weight:700;display:flex}.settings-row{flex-wrap:nowrap;align-items:flex-end;gap:1.25rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.sg-field label{color:var(--text-secondary);white-space:nowrap;margin-bottom:.35rem;font-size:.78rem;font-weight:600;display:block}.iw{border:1px solid var(--border-color);background:var(--bg-color);border-radius:9px;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.iw:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.iw input{color:var(--text-primary);background:0 0;border:none;outline:none;width:90px;min-width:0;padding:.55rem .65rem;font-size:.95rem;font-weight:700}.iw span{color:var(--text-secondary);white-space:nowrap;padding:0 .65rem;font-size:.75rem;font-weight:600}.sg-check{flex-direction:column;gap:.25rem;display:flex}.sg-check small{color:var(--text-secondary);margin-top:.2rem;font-size:.72rem}.eff-card{text-align:center;min-width:130px}.eff-value{letter-spacing:-.04em;font-size:2rem;font-weight:900;line-height:1.1}.eff-value.pos{color:#059669}.eff-value.neg{color:#d97706}.eff-sub{color:var(--text-secondary);margin-top:.3rem;font-size:.75rem}.summary-card{min-width:340px}.summary-row{flex-wrap:wrap;gap:1rem;display:flex}.sm-item{flex-direction:column;flex:auto;gap:.15rem;min-width:80px;display:flex}.sm-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:600}.sm-val{color:var(--text-primary);white-space:nowrap;font-size:1.1rem;font-weight:800}.sm-val em{color:var(--text-secondary);margin-left:2px;font-size:.72rem;font-style:normal;font-weight:500}.sm-val.orange{color:var(--primary)}.rate-big .sm-val{font-size:1.4rem}.rate-big.pos .sm-val{color:#059669}.rate-big.neg .sm-val{color:#d97706}.table-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:14px;overflow:visible;box-shadow:0 2px 8px #0000000a}.table-toolbar{border-bottom:1px solid var(--border-color);background:var(--bg-color);border-top-left-radius:14px;border-top-right-radius:14px;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.table-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.tb-actions{gap:.6rem;display:flex}.tb-btn{border:1px solid var(--border-color);color:var(--text-secondary);background:var(--bg-surface);cursor:pointer;border-radius:8px;align-items:center;gap:.3rem;padding:.4rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.tb-btn:hover{color:#7c3aed;border-color:#8b5cf6}.tb-btn.add:hover{border-color:var(--primary);color:var(--primary)}.preset-menu{background:var(--bg-surface);border:1px solid var(--border-color);z-index:100;border-radius:12px;width:max-content;min-width:420px;margin-top:.5rem;padding:.5rem;animation:.2s ease-out fade-in;position:absolute;top:100%;right:0;box-shadow:0 10px 25px -5px #0000001a}.preset-menu-header{color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-align:left;margin-bottom:.25rem;padding:.5rem;font-size:.72rem;font-weight:700}.preset-item{border-bottom:1px solid var(--border-color);flex-flow:row;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .65rem;display:flex}.preset-item:last-child{border-bottom:none}.preset-name-wrap{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.preset-name{color:var(--text-primary);font-size:.82rem;font-weight:700}.preset-options{flex-wrap:nowrap;flex-shrink:0;gap:.3rem;display:flex}.preset-opt-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#f8fafc;border-radius:6px;padding:.2rem .4rem;font-size:.72rem;font-weight:600;transition:all .15s}.preset-opt-btn:hover{border-color:var(--primary);color:var(--primary);background:#fff7ed}.preset-badge{color:#8b5cf6;background:#f3e8ff;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:700}.table-wrap{overflow-x:auto}.item-table{border-collapse:collapse;width:100%;font-size:.88rem}.item-table thead tr{background:var(--bg-color);border-bottom:2px solid var(--border-color)}.item-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;text-align:left;white-space:nowrap;padding:.65rem .75rem;font-size:.75rem;font-weight:700}.item-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .15s}.item-table tbody tr:last-child{border-bottom:none}.item-table tbody tr:hover{background:#f8fafc}.item-table td{vertical-align:middle;padding:.5rem .75rem}.cell-input{width:100%;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:7px;outline:none;padding:.4rem .5rem;font-size:.88rem;font-weight:600;transition:border-color .15s,background .15s}.cell-input:focus{background:#eff6ff;border-color:#3b82f6}.cell-input::placeholder{color:#cbd5e1;font-weight:400}.cell-input.center{text-align:center}.cell-iw{align-items:center;display:flex}.cell-iw input{flex:1}.cell-iw span{color:var(--text-secondary);white-space:nowrap;padding:0 .25rem;font-size:.72rem;font-weight:600}.result-cell{color:var(--text-primary);white-space:nowrap;font-size:.85rem;font-weight:700}.result-cell.small{color:var(--text-secondary);font-weight:600}.result-cell.orange{color:var(--primary)}.result-cell.rate{font-size:.9rem}.result-cell.rate.pos{color:#059669}.result-cell.rate.neg{color:#d97706}.row-del{color:#cbd5e1;text-align:center;cursor:pointer;background:0 0;border-radius:50%;width:22px;height:22px;margin:auto;font-size:1rem;font-weight:700;line-height:22px;transition:all .15s;display:block}.row-del:hover{color:#ef4444;background:#fee2e2}.ck-label{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;font-size:.88rem;font-weight:600;display:inline-flex}.ck-label input[type=checkbox]{display:none}.ck-box{border:2px solid var(--border-color);background:var(--bg-surface);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.ck-label input[type=checkbox]:checked+.ck-box{background:var(--primary);border-color:var(--primary)}.ck-label input[type=checkbox]:checked+.ck-box:after{content:"✓";color:#fff;font-size:.7rem;font-weight:900}.center-ck{justify-content:center}.scissors-row{background:#fefce8!important;border-bottom:2px solid #fde68a!important}.scissors-row:hover{background:#fef9c3!important}.scissors-name-cell{align-items:center;gap:.4rem;display:flex}.scissors-name{color:#92400e;white-space:nowrap;font-size:.85rem;font-weight:700}.scissors-info-btn{color:#92400e;cursor:pointer;background:#fde68a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .15s;display:flex}.scissors-info-btn:hover{background:#fcd34d}.scissors-tooltip{color:#f8fafc;z-index:200;pointer-events:none;background:#1e293b;border-radius:10px;width:230px;padding:.75rem 1rem;font-size:.78rem;line-height:1.6;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 20px #0003}.scissors-fixed{color:#92400e;padding:.4rem .5rem;font-size:.88rem;font-weight:700}.scissors-qty-cell{color:#92400e;text-align:center;align-items:center;gap:.25rem;padding:.4rem .5rem;font-size:.9rem;font-weight:700;display:flex}.scissors-qty-hint{color:#b45309;font-size:.68rem;font-weight:500}.scissors-check{color:var(--primary);font-size:1rem;font-weight:900}.mileage-summary-row td{background:#f0fdf4;border-top:2px solid #bbf7d0}.ms-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1.25rem;display:flex}.ms-title{color:#166534;font-size:.82rem;font-weight:700}.ms-stats{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.ms-divider{color:#86efac;font-size:.8rem}.ms-val{color:#15803d;font-size:.78rem}.ms-val b{color:#166534}.ms-val small{color:#22c55e;font-size:.7rem}.scissors-auto-info{flex-wrap:wrap;align-items:center;gap:.4rem;padding:.4rem .5rem;display:flex}.scissors-auto-label{color:#b45309;font-size:.72rem;font-weight:600}.scissors-auto-val{color:#92400e;font-size:.9rem;font-weight:800}.scissors-auto-val em{color:#b45309;margin-left:1px;font-size:.7rem;font-style:normal;font-weight:600}.scissors-auto-sub{color:#b45309;background:#fde68a;border-radius:4px;padding:.1rem .35rem;font-size:.7rem}.scissors-value-result{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex}.sv-total{white-space:nowrap;font-size:1.1rem;font-weight:900}.sv-total.pos{color:#059669}.sv-total.neg{color:#d97706}.sv-label{color:#92400e;white-space:nowrap;background:#fde68a;border-radius:4px;padding:.1rem .4rem;font-size:.7rem}.sv-hint{color:#9ca3af;white-space:nowrap;font-size:.7rem}@media (width<=1200px){.top-panel{grid-template-columns:1fr 140px}.summary-card{grid-column:1/-1;width:100%}.summary-row{flex-wrap:wrap;gap:.75rem}}@media (width<=950px){.table-toolbar{flex-direction:column;align-items:flex-start;gap:.75rem}.tb-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.tb-btn{flex:auto;justify-content:center}.preset-dropdown-container,.preset-dropdown-container .tb-btn{width:100%}.item-table thead{display:none}.item-table,.item-table tbody{width:100%;display:block}.item-row,.scissors-row{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;gap:0;margin-bottom:1rem;padding:.5rem;display:flex;box-shadow:0 4px 6px -1px #00000005}.item-table td{box-sizing:border-box;border:none;flex-direction:column;align-items:flex-start;padding:.5rem .25rem;display:flex}.item-table td:before{content:attr(data-label);color:var(--text-secondary);margin-bottom:.25rem;font-size:.65rem;font-weight:700}.item-table td[data-label=""]:before{display:none}.item-table tr.item-row td:first-child,.item-table tr.scissors-row td:first-child{width:37%}.item-table tr.item-row td:nth-child(2),.item-table tr.scissors-row td:nth-child(2){width:23%}.item-table tr.item-row td:nth-child(3),.item-table tr.scissors-row td:nth-child(3){width:11%}.item-table tr.item-row td:nth-child(4),.item-table tr.scissors-row td:nth-child(4){width:29%;padding-right:0}.item-table td:first-child input,.item-table td:nth-child(2) .cell-iw,.item-table td:nth-child(3) input,.item-table td:nth-child(4) .cell-iw{width:100%}.item-table td:nth-child(2) .cell-iw input,.item-table td:nth-child(4) .cell-iw input{width:100%;min-width:0}.item-table tr.item-row td:nth-child(4),.item-table tr.item-row td:first-child,.item-table tr.item-row td:nth-child(2),.item-table tr.item-row td:nth-child(3),.item-table tr.scissors-row td:nth-child(4),.item-table tr.scissors-row td:first-child,.item-table tr.scissors-row td:nth-child(2),.item-table tr.scissors-row td:nth-child(3){border-bottom:1px dashed var(--border-color);margin-bottom:.25rem;padding-bottom:.85rem}.item-table tr.item-row td:nth-child(5),.item-table tr.scissors-row td:nth-child(5){justify-content:center;align-items:center;width:14%}.item-table tr.item-row td:nth-child(6),.item-table tr.scissors-row td:nth-child(6){align-items:center;width:21%}.item-table tr.item-row td:nth-child(7),.item-table tr.scissors-row td:nth-child(7){align-items:center;width:27%}.item-table tr.item-row td:nth-child(8),.item-table tr.scissors-row td:nth-child(8){align-items:center;width:21%}.item-table tr.item-row td:nth-child(9),.item-table tr.scissors-row td:nth-child(9){align-items:center;width:12%}.item-table tr.item-row td:nth-child(10),.item-table tr.scissors-row td:nth-child(10){justify-content:center;align-items:center;width:5%;padding:0}.mileage-summary-row{width:100%;margin-bottom:2rem;display:block}.mileage-summary-row td{width:100%!important;padding:0!important}.ms-content{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1rem}.ms-stats{flex-wrap:wrap;justify-content:center;gap:.4rem}.ms-divider{display:none}.center-ck{margin:0 auto}.scissors-name-cell{flex-direction:column;align-items:flex-start;gap:.25rem}.sv-hint{white-space:normal;text-align:center}.scissors-auto-info{justify-content:flex-start}}@media (width<=900px){.top-panel{grid-template-columns:1fr}.eff-card{text-align:left;width:100%}.summary-card{width:100%}.settings-row{flex-wrap:wrap;overflow:visible}.iw input{width:70px}}@media (width<=640px){.top-panel{gap:1rem}.sm-val{font-size:.95rem}.rate-big .sm-val{font-size:1.15rem}.eff-value{font-size:1.6rem}.settings-row>.sg-field{flex:100px}.settings-row>.sg-check{flex:100%;margin-left:0;padding-top:0}.summary-card{width:100%;min-width:0!important}.summary-row{gap:1rem .5rem;flex-wrap:wrap!important}.summary-card .sm-item{flex:45%!important}.top-card{padding:1rem!important}.preset-menu{width:320px;min-width:auto;left:0;right:auto}.preset-item,.preset-options{flex-wrap:wrap}}.tool-page{flex-direction:column;gap:2rem;animation:.4s ease-out fade-in;display:flex}.tool-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.tool-title{align-items:center;gap:1.25rem;display:flex}.tool-icon{border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.tool-title h1{color:var(--text-primary);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.tool-title p{color:var(--text-secondary);font-size:1rem}.tool-content-box{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:3rem;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.tool-btn{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;padding:.75rem 2rem;font-size:1.05rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.tool-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006}.sim-grid{grid-template-columns:1fr 1fr;gap:2rem;width:100%;display:grid}.sim-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.sim-panel:hover{border-color:var(--hover-color,var(--primary));transform:translateY(-4px);box-shadow:0 15px 30px -5px #00000014,0 8px 10px -5px #0000000a}.sim-panel h3{color:var(--text-primary);border-bottom:2px solid var(--border-color);margin-bottom:1.25rem;padding-bottom:.5rem;font-size:1.15rem;font-weight:700}@media (width<=1023px){.sim-grid{grid-template-columns:1fr}}.simulator-container{background-color:#1a1c23;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px;font-family:Malgun Gothic,맑은 고딕,sans-serif;display:grid}.potential-box{box-sizing:border-box;background-color:#313642;border:1px solid #4a5265;border-radius:5px;width:100%;padding:12px;box-shadow:0 4px 6px #0000004d}@media (width<=768px){.simulator-container{grid-template-columns:repeat(3,1fr);gap:6px;padding:10px}.potential-box:first-child{grid-column:span 3;max-width:240px;margin:0 auto 10px}.potential-box{min-width:0;padding:8px 4px}.box-header{margin-bottom:4px;font-size:11px}.grade-badge{margin-bottom:6px;padding:4px 0;font-size:12px}.options-container{gap:8px;padding:6px 4px}.option-line{gap:4px}.option-text{font-size:10px}.rank-icon{width:12px;height:12px;font-size:9px}}.sim-settings-card{background-color:#22262e;border:1px solid #313642;border-radius:12px;margin-bottom:24px;padding:20px}.settings-layout-container{gap:32px;display:flex}.settings-left-col{flex-direction:column;flex:0 0 280px;gap:20px;display:flex}.settings-right-col{border-left:1px solid #313642;flex-direction:column;flex:1;gap:12px;padding-left:32px;display:flex}@media (width<=1100px){.settings-layout-container{flex-direction:column;gap:24px}.settings-left-col{flex:1}.settings-right-col{border-top:1px solid #313642;border-left:none;padding-top:24px;padding-left:0}}.setting-item{flex-direction:column;gap:8px;display:flex}.setting-label{color:#a3d8db;align-items:center;gap:6px;margin-bottom:4px;font-size:.85rem;font-weight:600;display:flex}.cube-options-vertical{flex-direction:column;gap:8px;display:flex}.item-level-groups{flex-direction:column;gap:12px;display:flex}.level-row{align-items:center;gap:12px;display:flex}.level-badge{color:#c9e436;text-align:center;background-color:#1a1c23;border:1px solid #313642;border-radius:4px;flex:0 0 60px;padding:4px 8px;font-size:.75rem;font-weight:700}.item-buttons{flex-wrap:wrap;gap:8px;display:flex}.detail-part-selector{border-top:1px dashed #3c4250;margin-top:20px;padding-top:16px}.detail-part-label{color:#a3d8db;margin-bottom:12px;font-size:13px;font-weight:700}.detail-part-buttons{flex-wrap:wrap;gap:6px;display:flex}.detail-part-btn{color:#cdd0d5;cursor:pointer;background-color:#1a1c23;border:1px solid #4a5265;border-radius:4px;padding:6px 12px;font-size:12px;transition:all .2s}.detail-part-btn:hover{color:#fff;border-color:#8b5cf6}.detail-part-btn.active{color:#fff;background-color:#8b5cf6;border-color:#a78bfa;font-weight:700;box-shadow:0 0 10px #8b5cf666}.selection-summary{background-color:#8b5cf614;border:1px solid #4a5265;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;padding:12px 16px;display:flex}.summary-badge{color:#fdba74;background-color:#1a1c23;border:1px solid #4a5265;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.summary-item-name{color:#fff;font-size:14px;font-weight:700}.summary-part{color:#a3d8db;background-color:#a3d8db1a;border-radius:4px;padding:2px 8px;font-size:13px}.summary-warn{color:#f87171;font-size:12px;font-weight:700;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.item-select-btn{color:#a1a1aa;cursor:pointer;background-color:#1a1c23;border:1px solid #4a5265;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;transition:all .2s;display:flex}.item-btn-icon{object-fit:contain;width:18px;height:18px;image-rendering:pixelated}.item-select-btn:hover{color:#fff;border-color:#8b5cf6}.item-select-btn.active{color:#fff;background-color:#8b5cf625;border-color:#8b5cf6;font-weight:600;box-shadow:0 0 8px #8b5cf633}.input-with-unit{align-items:center;display:flex;position:relative}.input-with-unit input{color:#e2e2e2;background-color:#1a1c23;border:1px solid #4a5265;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:.9rem;transition:border-color .2s}.input-with-unit input:focus{border-color:#8b5cf6}.input-with-unit .unit{color:#71717a;font-size:.85rem;position:absolute;right:12px}.cube-option-radio{cursor:pointer;color:#a1a1aa;background-color:#1a1c23;border:1px solid #4a5265;border-radius:8px;align-items:center;padding:10px 16px;font-size:.85rem;transition:all .2s;display:flex}.cube-option-radio input{display:none}.cube-option-radio:hover{background-color:#22262e;border-color:#6366f1}.cube-option-radio.active{color:#fff;background-color:#8b5cf620;border-color:#8b5cf6;box-shadow:0 0 10px #8b5cf633}.box-header{margin-bottom:8px;font-size:13px;font-weight:700}.header-before{color:#c9e436}.header-after{color:#a3d8db}.grade-badge{color:#fff;text-align:center;text-shadow:1px 1px 1px #0000004d;border-radius:4px;margin-bottom:10px;padding:6px 0;font-size:14px;font-weight:700}.grade-L{background:linear-gradient(#ad3,#8cb926);border:1px solid #82aa21}.grade-U{background:linear-gradient(#fc3,#e5ad16);border:1px solid #c79510}.grade-E{background:linear-gradient(#bc84f3,#a46ddb);border:1px solid #8d5abc}.grade-R{background:linear-gradient(#7fcce8,#55b2d4);border:1px solid #449ab9}.options-container{background-color:#22262e;border:1px solid #181a20;border-radius:5px;flex-direction:column;gap:12px;padding:12px 10px;display:flex}.option-line{align-items:center;gap:8px;display:flex}.rank-icon{color:#111;border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;font-weight:900;display:flex}.rank-L{background-color:#c9e436}.rank-U{background-color:#e5ad16}.rank-E{background-color:#a46ddb}.rank-R{background-color:#55b2d4}.option-text{color:#e2e2e2;letter-spacing:-.5px;font-size:12px}.hit-box{z-index:10;overflow:hidden;border-color:#06b6d4!important;box-shadow:0 0 25px #06b6d473!important}@keyframes border-beam{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hit-border-effect{background:conic-gradient(from 0deg, transparent 0 270deg, #22d3ee 290deg, #fff 320deg, #22d3ee 340deg, transparent 360deg);z-index:-1;opacity:.8;border-radius:6px;animation:2.5s linear infinite border-beam;position:absolute;inset:-2px}.hit-box:after{content:"";z-index:-1;background:#313642;border-radius:4px;position:absolute;inset:1px}.bottom-controls-wrapper{flex-wrap:nowrap;justify-content:space-between;align-items:stretch;gap:16px;margin-top:24px;display:flex}@media (width<=1100px){.bottom-controls-wrapper{flex-wrap:wrap;justify-content:center}}@media (width<=768px){.bottom-controls-wrapper{flex-direction:column;align-items:center}}.expectation-panel{background-color:#1a1c23;border:1px solid #3f3f46;border-radius:8px;flex-direction:column;flex:1;min-width:300px;padding:16px;display:flex}.expectation-body.v2{padding:0;display:block}.exp-rows{flex-direction:column;gap:12px;display:flex}.exp-row-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;padding:12px}.row-info{background:#8b5cf60d;border-color:#8b5cf633;align-items:center;gap:12px;display:flex}.info-badges{gap:6px;display:flex}.info-badge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.info-badge.lv{color:#fff;background:#4f46e5}.info-badge.part{color:#fff;background:#7c3aed}.info-target{color:#e2e2e2;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.row-stats{padding:0;display:flex;overflow:hidden}.stat-col{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:12px;display:flex}.stat-col.divider{border-left:1px solid #ffffff0d}.stat-label{color:#a1a1aa;margin-bottom:6px;font-size:11px}.stat-value{color:#fff;font-size:18px;font-weight:800}.stat-value.meso{color:#facc15}.stat-value .unit{color:#71717a;margin-left:4px;font-size:12px;font-weight:400}.row-luck{background:#14b8a60d;border-color:#14b8a633;justify-content:center;align-items:center;gap:10px;display:flex}.luck-label{color:#94a3b8;font-size:12px}.luck-value{color:#f1f5f9;font-size:14px}.luck-value.empty{color:#64748b;font-style:italic}.luck-value .highlight{color:#2dd4bf;font-size:16px;font-weight:700}.exp-empty{text-align:center;color:#e2e8f0;background:#ffffff08;border:1px dashed #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:160px;margin:4px 0;padding:24px;font-size:14px;line-height:1.6;transition:all .3s;display:flex}.exp-empty.warning{color:#fca5a5;background:#ef444408;border-color:#ef444433}.exp-empty b{color:#fbba74;margin-bottom:8px;font-size:16px;display:block}.preset-buttons{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.preset-btn{color:#cbd5e1;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.preset-btn:hover{color:#a78bfa;background:#8b5cf61a;border-color:#8b5cf64d;transform:translateY(-1px)}.preset-btn:active{background:#8b5cf633;transform:translateY(0)}.reset-panel-container{background-color:#2b303b;border:1px solid #4a5265;border-radius:6px;flex:1;min-width:320px;padding:12px 16px;font-family:Malgun Gothic,맑은 고딕,sans-serif;box-shadow:0 4px 6px #0006}@media (width<=1000px){.expectation-panel{order:3;width:100%;max-width:100%}}.auto-enhance-panel{background-color:#1a1c23f2;border:1px solid #4a5265;border-radius:6px;flex-direction:column;flex:1;min-width:320px;padding:12px 16px;display:flex}.reset-btn-row{gap:8px;margin-bottom:12px;display:flex}.single-reset-btn{color:#e2e2e2;cursor:pointer;background:linear-gradient(#4a4e5a,#35383f);border:1px solid #6b7280;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;height:44px;font-size:13px;font-weight:700;display:flex}.single-reset-btn:active{background:linear-gradient(#35383f,#2b2e35)}.auto-reset-btn{cursor:pointer;background:linear-gradient(#6ebccf,#4a91a9);border:2px solid #e1d39f;border-radius:6px;outline:none;flex:1;justify-content:center;align-items:center;height:44px;padding:0;display:flex;position:relative;box-shadow:inset 0 1px 2px #ffffff4d,0 2px 4px #0000004d}.auto-reset-btn:active:not(:disabled){background:linear-gradient(#5daaba,#3c7e94)}.auto-reset-btn.disabled-btn,.auto-reset-btn:disabled{cursor:not-allowed;opacity:.5;background:linear-gradient(#3a3d45,#2a2d33);border-color:#4a5265}.a-icon{color:#fff;background-color:#ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-right:6px;font-size:11px;font-weight:700;display:inline-flex}.btn-text{color:#fff;text-shadow:1px 1px 2px #00000080;font-size:14px;font-weight:700}.mvp-badge{color:#8c6a3e;background-color:#f1ebd0;border:1px solid #d4c798;border-radius:2px;padding:2px 4px;font-size:10px;font-weight:900;position:absolute;top:4px;right:4px;box-shadow:1px 1px 1px #0003}.cost-box{background-color:#1a1d24;border-radius:20px;justify-content:center;align-items:center;height:32px;margin-bottom:16px;display:flex;box-shadow:inset 0 1px 3px #00000080}.cost-amount{color:#fff;font-size:13px;font-weight:700}.used-meso-section{border-top:1px solid #3c4250;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.used-meso-label{color:#cdd0d5;align-items:center;font-size:12px;font-weight:700;display:flex}.used-label-icon{justify-content:center;align-items:center;width:24px;margin-right:2px;display:inline-flex}.used-meso-total{color:#fff;font-size:13px;font-weight:700}.meso-icon{background:radial-gradient(circle at 30% 30%,#ffdf73,#d49f00);border:1px solid #8e6a00;border-radius:50%;width:14px;height:14px;display:inline-block;box-shadow:1px 1px 2px #0006}@media (width<=768px){.reset-panel-container{width:100%;margin-top:16px}}.auto-enhance-panel{background-color:#22262e;border:1px solid #313642;border-radius:12px;flex-direction:column;flex-shrink:0;width:100%;max-width:340px;padding:16px 20px;font-family:Malgun Gothic,ub9d1uc740 uace0ub515,sans-serif;display:flex;box-shadow:0 10px 25px #0006}.goal-body{flex-direction:column;flex:1;justify-content:center;display:flex}.auto-enhance-header{border-bottom:1px solid #313642;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:8px;display:flex}.auto-enhance-title{color:#a3d8db;letter-spacing:-.5px;font-size:13px;font-weight:700}.goal-single-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.goal-input-label{color:#a1a1aa;flex:0 0 70px;font-size:12px;font-weight:600}.goal-select-full{color:#e2e2e2;cursor:pointer;background-color:#1a1c23;border:1px solid #4a5265;border-radius:8px;outline:none;flex:1;padding:8px 10px;font-size:13px;transition:all .2s}.goal-select-full:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.goal-double-slot{background:#1e222d;border:1px solid #313642;border-radius:8px;padding:10px}.goal-slot-header{color:#94a3b8;margin-bottom:8px;font-size:11px;font-weight:600}.goal-combination-row{align-items:center;gap:8px;display:flex}.goal-select-flex{color:#fff;background-color:#2b2f3a;border:1px solid #3f3f46;border-radius:6px;outline:none;flex:1.5;padding:6px 8px;font-size:12px}.goal-input-wrapper-flex{flex:1;align-items:center;display:flex;position:relative}.goal-input-wrapper-flex input{color:#f6a84b;text-align:right;background-color:#2b2f3a;border:1px solid #3f3f46;border-radius:6px;outline:none;width:100%;padding:6px 30px 6px 8px;font-size:12px;font-weight:700}.goal-unit-tag{color:#71717a;font-size:10px;font-weight:700;position:absolute;right:8px}.goal-input-wrapper-flex input:focus{border-color:#8b5cf6}.goal-reset-btn{color:#cbd5e1;cursor:pointer;background:#313642;border:1px solid #4b5563;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;transition:all .2s;display:flex}.goal-reset-btn:hover{color:#fff;background-color:#3f4452;border-color:#8b5cf6}.goal-input-wrapper input{color:#fff;text-align:right;background-color:#1a1c23;border:1px solid #4a5265;border-radius:8px;outline:none;width:100%;padding:8px 32px 8px 10px;font-size:14px;font-weight:600;transition:all .2s}.goal-input-wrapper input::-webkit-outer-spin-button{appearance:none;margin:0}.goal-input-wrapper input::-webkit-inner-spin-button{appearance:none;margin:0}.goal-input-wrapper-flex input::-webkit-outer-spin-button{appearance:none;margin:0}.goal-input-wrapper-flex input::-webkit-inner-spin-button{appearance:none;margin:0}.goal-input-wrapper input[type=number],.goal-input-wrapper-flex input[type=number]{appearance:textfield}.goal-input-wrapper input:focus{background-color:#20222a;border-color:#8b5cf6}.goal-unit-text{color:#71717a;font-size:11px;font-weight:700;position:absolute;right:12px}.goal-hint{color:#52525b;text-align:center;padding-top:16px;font-size:10px;line-height:1.5}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.auto-spin-icon{animation:1.5s linear infinite spin-reverse}.app-layout{width:100%;height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;height:100vh;margin-left:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.page-container{flex:1;padding:2rem 2rem 4rem;overflow-y:auto}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background-color:#00000080;position:fixed;inset:0}.placeholder-page{height:60vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;animation:.5s ease-out fade-in;display:flex}.placeholder-page h2{color:var(--text-primary);margin-bottom:1rem;font-size:2rem}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width>=1024px){.main-content{margin-left:var(--sidebar-width)}}@media (width<=1023px){.page-container{padding:1.5rem}}