:root{--color-primary:#2563eb;--color-primary-hover:#1e40af;--color-text:#222;--color-text-secondary:#555;--color-text-muted:#888;--color-text-light:#8d8d8d;--color-bg:#f6f7f9;--color-bg-white:#ffffff;--color-bg-card:#f8f9fb;--color-bg-secondary:#f8f9fa;--color-bg-hover:#f0f2f5;--color-border:#e5e7eb;--color-border-light:#f0f0f0;--color-success:#31a552;--color-warning:#edbc40;--color-danger:#d62828;--color-info:#369de7;--color-purple:#915ce0;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans KR",sans-serif;--font-size-xs:0.7rem;--font-size-sm:0.85rem;--font-size-base:0.9rem;--font-size-md:1rem;--font-size-lg:1.1rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--max-width:1200px;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:10px;--border-radius-xl:12px;--border-radius-full:999px;--shadow-sm:0 2px 7px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.05);--shadow-lg:0 6px 18px rgba(0,0,0,0.05);--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease}@media (max-width:768px){:root{--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px}}@media (max-width:480px){:root{--spacing-md:10px;--spacing-lg:14px;--spacing-xl:20px}}.content-block.usage-warning{display:flex;align-items:center;justify-content:center;width:100%;padding:8px 16px;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-weight:500;font-size:.85rem;text-align:center;box-shadow:var(--shadow-sm);margin-bottom:24px;line-height:1.4}.update-banner{display:flex;flex-direction:column;gap:6px;padding:16px 20px;background-color:#f0f8ff;border-radius:var(--border-radius-md);box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease}.update-banner:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08);background-color:#d7e9fc}.update-banner-badge{font-size:.75rem;font-weight:700;text-transform:uppercase}.update-banner-title{font-size:1rem;font-weight:600;color:var(--color-text)}.update-banner-desc{font-size:.875rem;color:var(--color-text-secondary)}.update-banner-date{font-size:.75rem;color:var(--color-text-muted);text-align:right}.update-banner-details{max-height:0;opacity:0;overflow:hidden;transition:all .6s ease}.update-banner:hover .update-banner-details{max-height:300px;opacity:1;margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,.08)}.update-detail-section{margin-bottom:8px}.update-detail-title{font-size:.75rem;font-weight:600;color:#4a90d9;margin-bottom:4px}.update-detail-list{list-style:none;padding:0;margin:0;font-size:.78rem;color:var(--color-text-secondary)}.update-detail-list li{padding:2px 0 2px 12px;position:relative}.update-detail-list li:before{content:"•";position:absolute;left:0;color:#a0c4e8}.update-banner-header{display:flex;justify-content:space-between;align-items:center}.update-banner-hint{font-size:.65rem;color:var(--color-text-muted);opacity:.6;transition:opacity .3s ease}.update-banner:hover .update-banner-hint{opacity:0}.update-list{display:flex;flex-direction:column;gap:10px}.update-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background-color:var(--color-bg-card);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm)}.update-title{font-size:.9rem;font-weight:500;color:var(--color-text)}.update-meta{font-size:.75rem;color:var(--color-text-muted)}.recipe-name-cell{display:inline-flex;align-items:center;gap:.5rem}.recipe-name-cell img{width:24px;height:24px;object-fit:contain;flex-shrink:0;vertical-align:middle}@media (max-width:768px){.update-banner{padding:12px 14px}.update-item{flex-direction:column;align-items:flex-start;gap:4px}.update-banner-date{text-align:left}.content-block.usage-warning{padding:8px 12px;font-size:.8rem;margin-bottom:16px}}@media (max-width:480px){.update-banner{padding:10px 12px;gap:4px}.update-banner-title{font-size:.9rem}.update-banner-desc{font-size:.8rem}.content-block.usage-warning{font-size:.75rem;padding:6px 10px}}*,:after,:before{box-sizing:border-box}html{overflow-y:scroll}body,html{margin:0;padding:0;width:100%;min-height:100vh;background-color:#f4f5f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#222;-webkit-text-size-adjust:100%}a{text-decoration:none;color:inherit}.layout-root{min-height:100vh;display:flex;flex-direction:column}.layout-main{flex:1 1;display:flex;justify-content:center;padding:32px 20px}.unofficial-notice{width:100%;background-color:#fff3cd;border-bottom:2px solid #ffc107}.unofficial-notice p{max-width:1100px;margin:0 auto;padding:12px 20px;text-align:center;font-size:14px;font-weight:500;color:#856404}.top-header{width:100%;background-color:#ffffff;border-bottom:1px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-inner{max-width:1100px;margin:0 auto;padding:14px 20px;gap:32px}.header-inner,.logo{display:flex;align-items:center}.logo{cursor:pointer;transition:transform .2s ease;flex-shrink:0}.logo:hover{transform:scale(1.1)}.main-nav{display:flex;gap:20px;flex-wrap:wrap;font-weight:700}.main-nav a{position:relative;color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);font-size:clamp(.85rem,3vw,1rem);padding-bottom:2px;white-space:nowrap;text-decoration:none;transition:color var(--transition-slow);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.main-nav a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background-color:var(--color-primary);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-slow)}.main-nav a.active,.main-nav a:hover{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.main-nav a.active:after,.main-nav a:hover:after{transform:scaleX(1);transform-origin:left}.mobile-menu-btn{display:none;width:40px;height:40px;padding:8px;border:none;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-left:auto}.mobile-menu-btn span{display:block;width:22px;height:2px;background-color:var(--color-text-secondary,#555);border-radius:2px}.mobile-nav-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:105;opacity:0;transition:opacity .3s ease}.mobile-nav-overlay.show{display:block;opacity:1}.mobile-nav{display:none;position:fixed;top:0;right:-280px;width:280px;height:100%;background:#fff;z-index:110;flex-direction:column;padding:20px 0;box-shadow:-4px 0 20px rgba(0,0,0,.1);transition:right .3s ease}.mobile-nav.open{right:0}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px 20px;border-bottom:1px solid var(--color-border-light,#f0f0f0)}.mobile-nav-title{font-size:16px;font-weight:700;color:var(--color-text,#222)}.mobile-nav-close{width:32px;height:32px;border:none;background:var(--color-bg-secondary,#f8f9fa);border-radius:50%;font-size:18px;color:var(--color-text-muted,#888);cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-nav a{display:block;padding:16px 24px;font-size:15px;font-weight:500;color:var(--color-text-secondary,#555);border-bottom:1px solid var(--color-border-light,#f0f0f0);transition:all .2s ease}.mobile-nav a.active,.mobile-nav a:hover{background:var(--color-bg-secondary,#f8f9fa);color:var(--color-primary,#2563eb)}.mobile-nav a.active{border-left:3px solid var(--color-primary,#2563eb)}.sub-header{width:100%;background-color:var(--color-bg-white);border-bottom:1px solid var(--color-border);top:54px;z-index:90}.sub-header .main-nav{max-width:1100px;margin:0 auto;padding:0 20px 4px;min-height:44px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.sub-header .main-nav::-webkit-scrollbar{display:none}.sub-header .main-nav a{padding:12px 0;color:var(--color-text-light)}.sub-header .main-nav a.active,.sub-header .main-nav a:hover{color:var(--color-primary)}.content-area{max-width:1100px;border-radius:12px;padding:32px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.card,.content-area{background-color:#ffffff}.card{border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.06);margin-bottom:24px}.card-header{padding:16px 20px;border-bottom:1px solid #eee}.card-title{margin:0;font-size:16px;font-weight:700}.card-body{padding:20px}.footer{text-align:center;padding:16px 20px;font-size:13px;line-height:1.4;color:var(--color-text-muted);background-color:var(--color-bg-white);border-top:1px solid var(--color-border);margin-top:auto;min-height:60px;max-height:100px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@media (max-width:768px){.header-inner{padding:12px 16px;gap:16px}.main-nav{display:none}.mobile-menu-btn,.mobile-nav{display:flex}.unofficial-notice p{padding:10px 16px;font-size:12px}.content-area{padding:20px 16px;border-radius:10px}.layout-main{padding:20px 12px}.sub-header .main-nav{display:flex;padding:0 16px 4px;gap:16px}.card-header{padding:14px 16px}.card-body{padding:16px}.card-title{font-size:15px}}@media (max-width:480px){.header-inner{padding:10px 12px}.unofficial-notice p{padding:8px 12px;font-size:11px;line-height:1.4}.content-area{padding:16px 12px;border-radius:8px}.layout-main{padding:16px 8px}.sub-header .main-nav{padding:0 12px 4px;gap:12px}.sub-header .main-nav a{font-size:13px;padding:10px 0}.card-header{padding:12px 14px}.card-body{padding:14px}.card-title{font-size:14px}.footer{padding:14px 12px;font-size:11px}}.contact-btn{background:none!important;border:none!important;color:#666!important;text-decoration:underline!important;cursor:pointer!important;font-size:inherit!important;padding:0!important;margin-top:.5rem!important}.contact-btn:hover{color:#2563eb!important}.modal-overlay{position:fixed!important;inset:0!important;background:rgba(0,0,0,.2)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000!important}.modal-overlay .modal-content{background:#f5f5f5!important;padding:2rem!important;border-radius:8px!important;width:90%!important;max-width:380px!important;position:relative!important;border:1px solid #ddd!important;color:#333!important}.modal-overlay .modal-content .modal-close{position:absolute!important;top:.75rem!important;right:1rem!important;background:none!important;border:none!important;color:#999!important;font-size:1.25rem!important;cursor:pointer!important;padding:0!important}.modal-overlay .modal-content .modal-close:hover{color:#666!important}.modal-overlay .modal-content h2{margin:0 0 .25rem!important;font-size:1.1rem!important;font-weight:500!important;color:#333!important;background:transparent!important}.modal-overlay .modal-content .modal-desc{color:#777!important;margin-bottom:1.25rem!important;font-size:.85rem!important}.modal-overlay .modal-content label{display:block!important;margin-bottom:1rem!important;font-size:.85rem!important;color:#555!important}.modal-overlay .modal-content input,.modal-overlay .modal-content select,.modal-overlay .modal-content textarea{width:100%!important;padding:.6rem .75rem!important;margin-top:.4rem!important;border:1px solid #ccc!important;border-radius:4px!important;background:#fff!important;color:#333!important;font-size:.9rem!important;box-sizing:border-box!important}.modal-overlay .modal-content input:focus,.modal-overlay .modal-content select:focus,.modal-overlay .modal-content textarea:focus{outline:none!important;border-color:#2563eb!important}.modal-overlay .modal-content textarea{resize:vertical!important;min-height:80px!important}.modal-overlay .modal-content button[type=submit]{width:100%!important;padding:.6rem!important;margin-top:.5rem!important;background:#2563eb!important;color:#fff!important;border:none!important;border-radius:4px!important;cursor:pointer!important;font-size:.9rem!important;font-weight:500!important}.modal-overlay .modal-content button[type=submit]:hover{background:#154abe!important}.modal-overlay .modal-content button[type=submit]:disabled{opacity:.5!important;cursor:not-allowed!important}html.theme-transition *,html.theme-transition :after,html.theme-transition :before{transition:none!important}:root[data-theme=dark]{--color-primary:#4c7de9;--color-primary-hover:#3451b1;--color-text:#e4e4e7;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--color-text-light:#52525b;--color-bg:#18181b;--color-bg-white:#27272a;--color-bg-card:#27272a;--color-bg-secondary:#1f1f23;--color-bg-hover:#3f3f46;--color-border:#3f3f46;--color-border-light:#27272a;--color-success:#4ade80;--color-warning:#fbbf24;--color-danger:#f87171;--color-info:#38bdf8;--color-purple:#a78bfa;--shadow-sm:0 2px 8px rgba(0,0,0,0.4);--shadow-md:0 4px 16px rgba(0,0,0,0.5);--shadow-lg:0 8px 24px rgba(0,0,0,0.6)}:root{transition:background-color .3s ease,color .3s ease}:root[data-theme=dark] body,:root[data-theme=dark] html{background-color:#0f0f12;color:var(--color-text)}:root[data-theme=dark] .layout-main{background-color:#0f0f12}:root[data-theme=dark] .top-header{background-color:#18181b;border-bottom-color:#3f3f46}:root[data-theme=dark] .sub-header{background-color:#1f1f23;border-bottom-color:#3f3f46}:root[data-theme=dark] .sub-header .main-nav a{color:var(--color-text-muted)}:root[data-theme=dark] .sub-header .main-nav a.active,:root[data-theme=dark] .sub-header .main-nav a:hover{color:var(--color-primary)}:root[data-theme=dark] .main-nav a{color:var(--color-text-secondary)}:root[data-theme=dark] .main-nav a.active,:root[data-theme=dark] .main-nav a:hover{color:var(--color-primary)}:root[data-theme=dark] .main-nav a:after{background-color:var(--color-primary)}:root[data-theme=dark] .content-area{background-color:#1f1f23;box-shadow:0 10px 40px rgba(0,0,0,.5)}:root[data-theme=dark] .footer{background-color:#18181b;border-top-color:#3f3f46;color:var(--color-text-muted)}:root[data-theme=dark] .card{background-color:#27272a;box-shadow:0 4px 12px rgba(0,0,0,.4)}:root[data-theme=dark] .card-header{border-bottom-color:#3f3f46}:root[data-theme=dark] .card-title{color:var(--color-text)}:root[data-theme=dark] .compact-card .card-header{background-color:#1f1f23;border-bottom-color:#3f3f46}:root[data-theme=dark] .update-banner{background-color:#1e3a5f;box-shadow:0 2px 12px rgba(0,0,0,.4)}:root[data-theme=dark] .update-banner:hover{background-color:#1e4976;box-shadow:0 4px 16px rgba(0,0,0,.5)}:root[data-theme=dark] .update-banner-badge{color:#4c7de9}:root[data-theme=dark] .update-banner-title{color:var(--color-text)}:root[data-theme=dark] .update-banner-desc{color:var(--color-text-secondary)}:root[data-theme=dark] .update-banner-date{color:var(--color-text-muted)}:root[data-theme=dark] .update-item{background-color:#27272a;box-shadow:var(--shadow-sm)}:root[data-theme=dark] .update-title{color:var(--color-text)}:root[data-theme=dark] .update-meta{color:var(--color-text-muted)}:root[data-theme=dark] .content-block.usage-warning{background-color:#27272a;color:var(--color-text-secondary)}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background-color:#1f1f23;border-color:#3f3f46;color:var(--color-text)}:root[data-theme=dark] input:focus,:root[data-theme=dark] select:focus,:root[data-theme=dark] textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(96,165,250,.2)}:root[data-theme=dark] input::placeholder{color:var(--color-text-muted)}:root[data-theme=dark] .search-input-compact,:root[data-theme=dark] .setting-input,:root[data-theme=dark] .sort-select-compact{background-color:#1f1f23;border-color:#3f3f46;color:var(--color-text)}:root[data-theme=dark] .table-wrapper-compact{border-color:#3f3f46}:root[data-theme=dark] .table-wrapper-compact::-webkit-scrollbar-track{background:#1f1f23}:root[data-theme=dark] .table-wrapper-compact::-webkit-scrollbar-thumb{background:#3f3f46}:root[data-theme=dark] .processing-table-compact thead,:root[data-theme=dark] .recipe-table-compact thead{background-color:#1f1f23}:root[data-theme=dark] .recipe-table-compact thead{box-shadow:0 1px 0 #3f3f46}:root[data-theme=dark] .processing-table-compact th,:root[data-theme=dark] .recipe-table-compact th{color:var(--color-text)}:root[data-theme=dark] .processing-table-compact tbody tr,:root[data-theme=dark] .recipe-table-compact tbody tr{border-bottom-color:#3f3f46}:root[data-theme=dark] .processing-table-compact tbody tr:hover,:root[data-theme=dark] .recipe-table-compact tbody tr:hover{background-color:#27272a}:root[data-theme=dark] .processing-table-compact td,:root[data-theme=dark] .recipe-table-compact td{color:var(--color-text-secondary)}:root[data-theme=dark] .processing-table-compact .processing-name,:root[data-theme=dark] .processing-table-compact td:first-child,:root[data-theme=dark] .recipe-table-compact .recipe-name,:root[data-theme=dark] .recipe-table-compact td:first-child{color:var(--color-text)}:root[data-theme=dark] .recipe-table-compact td:nth-child(3){color:#4c7de9}:root[data-theme=dark] .recipe-table-compact td:nth-child(4){color:#f87171}:root[data-theme=dark] .recipe-tabs{background-color:#1f1f23;border-bottom-color:#3f3f46}:root[data-theme=dark] .recipe-tab{color:var(--color-text-muted)}:root[data-theme=dark] .recipe-tab:hover{background-color:#27272a;color:var(--color-text)}:root[data-theme=dark] .recipe-tab.active{background-color:#27272a;color:var(--color-primary);border-bottom-color:var(--color-primary)}:root[data-theme=dark] .setting-row{border-bottom-color:#3f3f46}:root[data-theme=dark] .setting-label,:root[data-theme=dark] .skill-name{color:var(--color-text)}:root[data-theme=dark] .tool-spec-row{background-color:rgba(96,165,250,.15)}:root[data-theme=dark] .tool-spec-label{color:var(--color-primary)}:root[data-theme=dark] .expert-desc{background-color:rgba(255,255,255,.05);color:var(--color-text-secondary)}:root[data-theme=dark] .expert-desc strong{color:var(--color-text)}:root[data-theme=dark] .info-btn-inline{color:var(--color-text-muted)}:root[data-theme=dark] .info-btn-inline:hover{color:var(--color-primary)}:root[data-theme=dark] .toggle-materials-btn{background-color:#27272a;border-color:#3f3f46;color:var(--color-text-secondary)}:root[data-theme=dark] .toggle-materials-btn:hover{background-color:#3f3f46;border-color:var(--color-primary);color:var(--color-primary)}:root[data-theme=dark] .basic-materials-toggle{background-color:#1f1f23;border-color:#3f3f46}:root[data-theme=dark] .material-inline{color:var(--color-text-secondary)}:root[data-theme=dark] .material-inline strong{color:var(--color-primary)}:root[data-theme=dark] .expert-info-text{background-color:#27272a;color:var(--color-text-muted)}:root[data-theme=dark] .stamina-input-row{background-color:#27272a;border-color:#3f3f46}:root[data-theme=dark] .stamina-label{color:var(--color-text-secondary)}:root[data-theme=dark] .stamina-input,:root[data-theme=dark] .stamina-select{background-color:#1f1f23;border-color:#3f3f46;color:var(--color-text)}:root[data-theme=dark] .btn-remove{background-color:#27272a;border-color:#3f3f46;color:var(--color-text-muted)}:root[data-theme=dark] .btn-remove:hover{border-color:var(--color-danger);color:var(--color-danger)}:root[data-theme=dark] .btn-add{background-color:#27272a;border-color:#3f3f46;color:var(--color-text-secondary)}:root[data-theme=dark] .btn-add:hover{background-color:rgba(96,165,250,.1);border-color:var(--color-primary);color:var(--color-primary)}:root[data-theme=dark] .btn-calculate{background-color:var(--color-primary)}:root[data-theme=dark] .btn-calculate:hover{background-color:var(--color-primary-hover)}:root[data-theme=dark] .result-card{background-color:#27272a;border-color:#3f3f46}:root[data-theme=dark] .result-section-title{background-color:var(--color-primary)}:root[data-theme=dark] .result-label{color:var(--color-text-muted)}:root[data-theme=dark] .result-value{color:var(--color-text)}:root[data-theme=dark] .result-value.primary{color:var(--color-primary)}:root[data-theme=dark] .result-detail{color:var(--color-text-muted)}:root[data-theme=dark] .bonus-summary{background-color:rgba(96,165,250,.1);border-left-color:var(--color-primary);color:var(--color-text-secondary)}:root[data-theme=dark] .bonus-summary-title{color:var(--color-text)}:root[data-theme=dark] .bonus-summary strong{color:var(--color-primary)}:root[data-theme=dark] .gold-star-toggle{background-color:#27272a}:root[data-theme=dark] .gold-star-toggle label{background-color:#1f1f23;border-color:#3f3f46;color:var(--color-text-secondary)}:root[data-theme=dark] .gold-star-toggle label:hover{background-color:#3f3f46}:root[data-theme=dark] .gold-star-toggle label.active{background-color:var(--color-primary);border-color:var(--color-primary);color:white}:root[data-theme=dark] .gold-card{background-color:#27272a;box-shadow:var(--shadow-md)}:root[data-theme=dark] .gold-card-header{color:var(--color-text);border-bottom-color:#3f3f46}:root[data-theme=dark] .gold-input-label{color:var(--color-text-secondary)}:root[data-theme=dark] .gold-input-label input{background-color:#1f1f23;border-color:#3f3f46;color:var(--color-text)}:root[data-theme=dark] .gold-input-label input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(96,165,250,.2)}:root[data-theme=dark] .input-set-display{color:var(--color-text-muted)}:root[data-theme=dark] .gold-advanced-section{border-top-color:#3f3f46}:root[data-theme=dark] .gold-advanced-section h4{color:var(--color-primary)}:root[data-theme=dark] .owned-summary{background-color:#3f3f46;color:var(--color-text-secondary)}:root[data-theme=dark] .gold-btn-calculate{background-color:var(--color-primary)}:root[data-theme=dark] .gold-btn-calculate:hover{box-shadow:0 6px 16px rgba(96,165,250,.4)}:root[data-theme=dark] .gold-result-card{background-color:#27272a;box-shadow:var(--shadow-lg)}:root[data-theme=dark] .gold-result-header{border-bottom-color:#3f3f46}:root[data-theme=dark] .gold-result-header h4{color:var(--color-text)}:root[data-theme=dark] .gold-result-gold{color:var(--color-danger)}:root[data-theme=dark] .gold-result-gold small{color:var(--color-text-muted)}:root[data-theme=dark] .gold-result-products>div{background-color:#1f1f23}:root[data-theme=dark] .gold-result-products .product-name{color:var(--color-text)}:root[data-theme=dark] .gold-result-products .product-count{color:var(--color-primary)}:root[data-theme=dark] .gold-result-section h5{color:var(--color-text)}:root[data-theme=dark] .gold-material-tags.with-image .gold-material-tag.with-image{background-color:#1f1f23;border-color:rgba(255,255,255,.06)}:root[data-theme=dark] .gold-material-tag.with-image .mat-name{color:var(--color-text-secondary)}:root[data-theme=dark] .gold-material-tag.with-image .mat-value{color:var(--color-text)}:root[data-theme=dark] .gold-material-tag{background-color:#1f1f23}:root[data-theme=dark] .gold-material-tag .mat-name{color:var(--color-text)}:root[data-theme=dark] .gold-material-tag .mat-value,:root[data-theme=dark] .switch-label{color:var(--color-text-secondary)}:root[data-theme=dark] .switch_label{background-color:#3f3f46}:root[data-theme=dark] .switcher input:checked+.switch_label{background-color:var(--color-primary)}:root[data-theme=dark] .gold-tier-header.dilution{background:linear-gradient(135deg,#1e3a5f,#1e4976)}:root[data-theme=dark] .gold-tier-header.star1{background:linear-gradient(135deg,#422006,#78350f)}:root[data-theme=dark] .gold-tier-header.star2{background:linear-gradient(135deg,#14532d,#166534)}:root[data-theme=dark] .gold-tier-header.star3{background:linear-gradient(135deg,#581c87,#6b21a8)}:root[data-theme=dark] .gold-tier-header .tier-label{color:var(--color-text)}:root[data-theme=dark] .gold-tier-header .tier-gold{color:var(--color-danger)}:root[data-theme=dark] .gold-tier-section{border-bottom-color:#3f3f46}:root[data-theme=dark] .gold-summary-item{background:linear-gradient(135deg,#27272a,#3f3f46);border-color:rgba(255,255,255,.05)}:root[data-theme=dark] .gold-summary-item.dilution{background:linear-gradient(135deg,#1e3a5f,#1e4976);border-color:rgba(96,165,250,.3)}:root[data-theme=dark] .gold-summary-item.star1{background:linear-gradient(135deg,#422006,#78350f);border-color:rgba(251,191,36,.3)}:root[data-theme=dark] .gold-summary-item.star2{background:linear-gradient(135deg,#14532d,#166534);border-color:rgba(74,222,128,.3)}:root[data-theme=dark] .gold-summary-item.star3{background:linear-gradient(135deg,#581c87,#6b21a8);border-color:rgba(167,139,250,.3)}:root[data-theme=dark] .gold-summary-item .summary-tier{color:var(--color-text-secondary)}:root[data-theme=dark] .gold-summary-item .summary-count{color:var(--color-text)}:root[data-theme=dark] .gold-summary-item .summary-products span{background:rgba(0,0,0,.3);color:var(--color-text)}:root[data-theme=dark] .gold-summary-item .summary-gold{color:var(--color-danger)}:root[data-theme=dark] .gold-btn-details{background-color:#1f1f23;border-color:#3f3f46;color:var(--color-text-secondary)}:root[data-theme=dark] .gold-btn-details:hover{background-color:#3f3f46;color:var(--color-text)}:root[data-theme=dark] .gold-details-section{border-top-color:#3f3f46}:root[data-theme=dark] .gold-detail-tier{background-color:#1f1f23}:root[data-theme=dark] .gold-detail-tier h5{color:var(--color-primary);border-bottom-color:rgba(255,255,255,.1)}:root[data-theme=dark] .gold-detail-tier .gold-result-section h5{color:var(--color-text-secondary)}:root[data-theme=dark] .gold-detail-tier.dilution-detail{background:linear-gradient(135deg,#1e3a5f,#1e4976);border-color:rgba(96,165,250,.3)}:root[data-theme=dark] .gold-detail-tier.dilution-detail h5{color:#4c7de9}:root[data-theme=dark] .gold-detail-tier.star1-detail{background:linear-gradient(135deg,#422006,#78350f);border-color:rgba(251,191,36,.3)}:root[data-theme=dark] .gold-detail-tier.star1-detail h5{color:#fbbf24}:root[data-theme=dark] .gold-detail-tier.star2-detail{background:linear-gradient(135deg,#14532d,#166534);border-color:rgba(74,222,128,.3)}:root[data-theme=dark] .gold-detail-tier.star2-detail h5{color:#4ade80}:root[data-theme=dark] .gold-detail-tier.star3-detail{background:linear-gradient(135deg,#581c87,#6b21a8);border-color:rgba(167,139,250,.3)}:root[data-theme=dark] .gold-detail-tier.star3-detail h5{color:#a78bfa}:root[data-theme=dark] ::-webkit-scrollbar-track{background:#1f1f23}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#3f3f46}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#52525b}:root[data-theme=dark] .empty-state{color:var(--color-text-muted)}:root[data-theme=dark] .price-value{color:var(--color-primary)!important}:root[data-theme=dark] .content-title{color:var(--color-text)}:root[data-theme=dark] img{opacity:.95}:root[data-theme=dark] img:hover{opacity:1}:root[data-theme=dark] .gold-dilution-materials{background-color:#1f1f23;border-color:#3f3f46}:root[data-theme=dark] .gold-dilution-materials h5{color:var(--color-text);border-bottom-color:#3f3f46}:root[data-theme=dark] .dilution-tier-card{background-color:#27272a;border-color:#3f3f46}:root[data-theme=dark] .dilution-tier-card.tier1{background:linear-gradient(180deg,rgba(74,222,128,.08),#27272a)}:root[data-theme=dark] .dilution-tier-card.tier2{background:linear-gradient(180deg,rgba(167,139,250,.08),#27272a)}:root[data-theme=dark] .dilution-tier-card.tier3{background:linear-gradient(180deg,rgba(244,114,182,.08),#27272a)}:root[data-theme=dark] .tier-card-header{border-bottom-color:#3f3f46}:root[data-theme=dark] .tier-card-title{color:var(--color-text)}:root[data-theme=dark] .tier-card-count{color:var(--color-text-secondary);background:rgba(255,255,255,.08)}:root[data-theme=dark] .row-label{color:var(--color-text-muted)}:root[data-theme=dark] .row-label .from-input{color:#4ade80}:root[data-theme=dark] .row-label .need-more{color:#f87171}:root[data-theme=dark] .row-items span{color:var(--color-text-secondary)}:root[data-theme=dark] .gold-unified-col{background-color:#27272a;border-color:#3f3f46}:root[data-theme=dark] .unified-tier-label{color:var(--color-text);border-bottom-color:#3f3f46}:root[data-theme=dark] .unified-product-row span{color:var(--color-text-secondary)}:root[data-theme=dark] .unified-product-row strong{color:var(--color-text)}:root[data-theme=dark] .unified-gold{color:var(--color-danger);border-top-color:#3f3f46}:root[data-theme=dark] .gold-result-mini-card{background-color:#27272a;border-color:#3f3f46;box-shadow:0 2px 8px rgba(0,0,0,.3)}:root[data-theme=dark] .mini-card-header{color:var(--color-text);background-color:#1f1f23;border-bottom-color:#3f3f46}:root[data-theme=dark] .mini-product-name{color:var(--color-text-secondary)}:root[data-theme=dark] .mini-product-count{color:var(--color-text)}:root[data-theme=dark] .mini-card-gold{color:var(--color-danger);background-color:#1f1f23;border-top-color:#3f3f46}:root[data-theme=dark] .gold-reset-btn{color:var(--color-text-secondary);background-color:#27272a;border-color:#3f3f46}:root[data-theme=dark] .gold-reset-btn:hover{background-color:#3f3f46;border-color:#52525b;color:var(--color-text)}:root[data-theme=dark] .ranking-table tbody tr.top3-row{background:#343c4b}:root[data-theme=dark] .ranking-table tbody tr.top3-row:hover{background:#273548}:root[data-theme=dark] .ranking-table tbody tr.expanded{background:#2d3a4d}:root[data-theme=dark] .tier-material-row .material-label{color:var(--color-text-muted)}:root[data-theme=dark] .tier-material-row span:not(.material-label){color:var(--color-text);background:#3f3f46}:root[data-theme=dark] .mode-toggle-container{background:var(--color-bg-secondary);border-color:var(--color-border)}:root[data-theme=dark] .mode-toggle-btn{color:var(--color-text-muted)}:root[data-theme=dark] .mode-toggle-btn:hover{color:var(--color-text)}:root[data-theme=dark] .mode-toggle-btn.active{background:var(--color-bg-tertiary);color:var(--color-primary)}:root[data-theme=dark] .inventory-status.has-data,:root[data-theme=dark] .inventory-status.no-data{background:rgba(74,145,226,.137);color:rgb(45,119,204);border:1px solid rgba(74,145,226,.137)}:root[data-theme=dark] .optimize-section-title{color:var(--color-text);border-color:var(--color-border)}:root[data-theme=dark] .allocation-item{background:var(--color-bg-secondary);border-color:var(--color-border)}:root[data-theme=dark] .allocation-name{color:var(--color-text)}:root[data-theme=dark] .allocation-value{color:var(--color-text-muted)}:root[data-theme=dark] .drops-table{border-color:var(--color-border)}:root[data-theme=dark] .drops-header{background:var(--color-bg-secondary);color:var(--color-text-muted);border-color:var(--color-border)}:root[data-theme=dark] .drops-row{border-color:var(--color-border);color:var(--color-text)}:root[data-theme=dark] .drops-label{color:var(--color-text-muted)}:root[data-theme=dark] .gold-row{background:var(--color-bg-secondary)}:root[data-theme=dark] .gold-row.total{background:rgba(74,144,226,.2)}:root[data-theme=dark] .gold-count,:root[data-theme=dark] .gold-label{color:var(--color-text-muted)}:root[data-theme=dark] .gold-value{color:var(--color-text)}:root[data-theme=dark] .optimize-note{color:var(--color-text-muted);border-color:var(--color-border)}:root[data-theme=dark] .data-card,:root[data-theme=dark] .enchant-card{background-color:#27272a;box-shadow:0 2px 8px rgba(0,0,0,.4)}:root[data-theme=dark] .data-toggle,:root[data-theme=dark] .enchant-card-header{background-color:#1f1f23;border-bottom-color:#3f3f46;color:var(--color-text-secondary)}:root[data-theme=dark] .toggle-icon{color:var(--color-text-muted)}:root[data-theme=dark] .price-label{color:var(--color-text-secondary)}:root[data-theme=dark] .level-select,:root[data-theme=dark] .price-input{background-color:#1f1f23;border-color:#3f3f46;color:var(--color-text)}:root[data-theme=dark] .level-select:focus,:root[data-theme=dark] .price-input:focus{border-color:#4c7de9;box-shadow:0 0 0 3px rgba(76,125,233,.2)}:root[data-theme=dark] .price-date,:root[data-theme=dark] .price-unit{color:var(--color-text-muted)}:root[data-theme=dark] .level-select-row{color:var(--color-text-secondary)}:root[data-theme=dark] .data-table th{background-color:#1f1f23;color:var(--color-text-secondary);border-bottom-color:#3f3f46}:root[data-theme=dark] .data-table td{background-color:#27272a;border-bottom-color:#3f3f46;color:var(--color-text-secondary)}:root[data-theme=dark] .data-table .level{color:var(--color-text)}:root[data-theme=dark] .data-empty,:root[data-theme=dark] .data-table .stone-info{color:var(--color-text-muted)}:root[data-theme=dark] .tier-selector{background-color:#27272a;box-shadow:0 2px 8px rgba(0,0,0,.4)}:root[data-theme=dark] .tier-btn{color:var(--color-text-secondary)}:root[data-theme=dark] .tier-btn:hover:not(:disabled){background-color:rgba(76,125,233,.15);color:var(--color-text)}:root[data-theme=dark] .tier-btn.active{background-color:rgba(76,125,233,.25);color:#4c7de9}:root[data-theme=dark] .tier-btn.active:hover{background-color:rgba(76,125,233,.35)}:root[data-theme=dark] .tier-btn:disabled{color:var(--color-text-muted)}:root[data-theme=dark] .ripple-fade{background:rgba(96,165,250,.3)}:root[data-theme=dark] .stats-box{background-color:#1f1f23;border-color:#3f3f46}:root[data-theme=dark] .stat-label{color:var(--color-text-muted)}:root[data-theme=dark] .stat-value{color:var(--color-text)}:root[data-theme=dark] .stat-divider{background-color:#3f3f46}:root[data-theme=dark] .enchant-card .result-body{background-color:#27272a}:root[data-theme=dark] .result-section{background-color:#1f1f23;border-color:#3f3f46}:root[data-theme=dark] .result-section-header{border-bottom-color:#3f3f46;color:var(--color-text)}:root[data-theme=dark] .result-row-label{color:var(--color-text-muted)}:root[data-theme=dark] .result-row-count{color:var(--color-text)}:root[data-theme=dark] .result-row-cost{color:var(--color-text-muted)}:root[data-theme=dark] .result-row.total{border-top-color:#3f3f46}:root[data-theme=dark] .result-row.total .result-row-label{color:var(--color-text-secondary)}:root[data-theme=dark] .result-empty{color:var(--color-text-muted)}:root[data-theme=dark] .fee-card,:root[data-theme=dark] .summary-card{background-color:#27272a;box-shadow:0 2px 8px rgba(0,0,0,.4)}:root[data-theme=dark] .fee-card-header,:root[data-theme=dark] .summary-toggle{background-color:#1f1f23;border-bottom-color:#3f3f46;color:var(--color-text-secondary)}:root[data-theme=dark] .summary-toggle:hover{background-color:#3f3f46}:root[data-theme=dark] .summary-toggle .toggle-icon{color:var(--color-text-muted)}:root[data-theme=dark] .summary-toggle.open .toggle-icon{color:var(--color-text-secondary)}:root[data-theme=dark] .summary-table th{background-color:#1f1f23;color:var(--color-text-secondary)}:root[data-theme=dark] .summary-table td{background-color:#27272a;border-bottom-color:#3f3f46;color:var(--color-text-secondary)}:root[data-theme=dark] .amount-input{background-color:#1f1f23;border-color:#3f3f46;color:var(--color-text)}:root[data-theme=dark] .amount-input:focus{border-color:#4c7de9;box-shadow:0 0 0 3px rgba(76,125,233,.2)}:root[data-theme=dark] .amount-unit{color:var(--color-text-muted)}:root[data-theme=dark] .type-selector{background-color:#27272a;box-shadow:0 2px 8px rgba(0,0,0,.4)}:root[data-theme=dark] .type-btn{color:var(--color-text-secondary)}:root[data-theme=dark] .type-btn:hover{background-color:rgba(76,125,233,.15);color:var(--color-text)}:root[data-theme=dark] .type-btn.active{background-color:rgba(76,125,233,.25);color:#4c7de9}:root[data-theme=dark] .type-btn.active:hover{background-color:rgba(76,125,233,.35)}:root[data-theme=dark] .fee-description{background-color:#1f1f23}:root[data-theme=dark] .fee-usecase{color:var(--color-text)}:root[data-theme=dark] .fee-formula{color:var(--color-text-muted)}:root[data-theme=dark] .fee-card .result-body{background-color:#27272a}:root[data-theme=dark] .fee-card .result-label{color:var(--color-text-muted)}:root[data-theme=dark] .fee-card .result-value{color:var(--color-text)}:root[data-theme=dark] .fee-card .result-row.fee .result-value{color:#f87171}:root[data-theme=dark] .fee-card .result-row.total{border-top-color:#3f3f46}:root[data-theme=dark] .fee-card .result-row.total .result-label{color:var(--color-text)}:root[data-theme=dark] .fee-card .result-row.total .result-value.highlight{color:#4c7de9}:root[data-theme=dark] .fee-card .result-empty{color:var(--color-text-muted)}:root[data-theme=dark] .guide-stat.stamina{background:rgba(59,130,246,.1)}:root[data-theme=dark] .guide-stat.count{background:rgba(59,130,246,.15)}:root[data-theme=dark] .guide-stat.profit{background:rgba(59,130,246,.2)}:root[data-theme=dark] .guide-stat.efficiency{background:rgba(59,130,246,.25)}:root[data-theme=dark] .guide-section h4{color:#888}:root[data-theme=dark] .mobile-menu-btn span{background-color:var(--color-text-secondary)}:root[data-theme=dark] .mobile-nav-overlay{background:rgba(0,0,0,.7)}:root[data-theme=dark] .mobile-nav{background:#1f1f23;box-shadow:-4px 0 20px rgba(0,0,0,.5)}:root[data-theme=dark] .mobile-nav-header{border-bottom-color:#3f3f46}:root[data-theme=dark] .mobile-nav-title{color:var(--color-text)}:root[data-theme=dark] .mobile-nav-close{background:#27272a;color:var(--color-text-muted)}:root[data-theme=dark] .mobile-nav-close:hover{background:#3f3f46;color:var(--color-text)}:root[data-theme=dark] .mobile-nav a{color:var(--color-text-secondary);border-bottom-color:#3f3f46}:root[data-theme=dark] .mobile-nav a.active,:root[data-theme=dark] .mobile-nav a:hover{background:#27272a;color:var(--color-primary)}:root[data-theme=dark] .mobile-nav a.active{border-left-color:var(--color-primary)}:root[data-theme=dark] .data-card{background-color:#27272a;box-shadow:0 2px 8px rgba(0,0,0,.4)}:root[data-theme=dark] .data-toggle{background-color:#1f1f23;color:var(--color-text-secondary)}:root[data-theme=dark] .data-toggle:hover{background-color:#3f3f46}:root[data-theme=dark] .data-toggle .toggle-icon{color:var(--color-text-muted)}:root[data-theme=dark] .data-toggle.open .toggle-icon{color:var(--color-text-secondary)}:root[data-theme=dark] .guide-section h4{color:var(--color-primary)}:root[data-theme=dark] .guide-section li,:root[data-theme=dark] .guide-section li strong,:root[data-theme=dark] .guide-section p{color:var(--color-text-secondary)}:root[data-theme=dark] .price-card{background-color:#27272a;box-shadow:0 2px 8px rgba(0,0,0,.4)}:root[data-theme=dark] .price-accordion-wrapper{background-color:#27272a}:root[data-theme=dark] .price-accordion-item{border-color:#3f3f46}:root[data-theme=dark] .price-accordion-toggle{background-color:#1f1f23;color:var(--color-text-secondary)}:root[data-theme=dark] .price-accordion-toggle:hover{background-color:#3f3f46}:root[data-theme=dark] .price-accordion-toggle.open{background-color:rgba(76,125,233,.15);color:var(--color-primary)}:root[data-theme=dark] .price-input-content{background-color:#27272a}:root[data-theme=dark] .price-section-label{color:var(--color-text-muted)}:root[data-theme=dark] .price-item-label{color:var(--color-text-secondary)}:root[data-theme=dark] .price-input-item input{background-color:#1f1f23;border-color:#3f3f46;color:var(--color-text)}:root[data-theme=dark] .price-input-item input:focus{border-color:var(--color-primary)}:root[data-theme=dark] .price-input-item input::placeholder{color:var(--color-text-muted)}:root[data-theme=dark] .net-profit-tooltip{background:rgba(39,39,42,.98);border:1px solid #3f3f46}:root[data-theme=dark] .net-profit-tooltip:after{border-top-color:#3f3f46}.content-area{max-width:1160px;width:100%;margin:0 auto;box-sizing:border-box;min-height:auto}.content-title{margin-bottom:20px;font-size:1.3rem;font-weight:700}@media (max-width:768px){.content-title{font-size:1.15rem;margin-bottom:16px}}@media (max-width:480px){.content-title{font-size:1.05rem;margin-bottom:12px}}.info-grid{display:grid;grid-template-columns:minmax(280px,350px) 1fr;grid-gap:20px;gap:20px;align-items:start;max-width:100%;box-sizing:border-box;margin-top:16px}.info-grid,.info-left{width:100%;min-width:0}.info-left{display:flex;flex-direction:column;gap:16px;position:-webkit-sticky;position:sticky;top:20px}.info-right{min-height:auto;width:100%;min-width:0}.compact-card{margin-bottom:0;width:100%;box-sizing:border-box}.compact-card .card-header{padding:12px 16px;background-color:var(--color-bg-secondary,#f8f9fa);border-bottom:1px solid var(--color-border-light,#f0f0f0)}.compact-card .card-title{font-size:clamp(14px,3.5vw,16px)}.compact-card .card-body{padding:12px 16px}.info-right .card{width:100%;box-sizing:border-box;min-height:auto;display:flex;flex-direction:column}.info-right .card-body{flex:1 1;display:flex;flex-direction:column}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border-light,#f0f0f0);flex-wrap:wrap;gap:8px}.tool-spec-row{background-color:rgba(74,145,226,.137);padding:10px 12px;margin:-8px -12px 8px;border-radius:6px;border-bottom:none}.tool-spec-label{font-weight:700;font-size:clamp(12px,3vw,14px);color:var(--color-primary,#4a90e2)}.setting-label{display:flex;align-items:center;gap:6px;font-size:clamp(11px,3vw,13px);color:var(--color-text-primary,#333);flex:1 1;min-width:0}.skill-name{font-weight:600;word-break:keep-all}.setting-input{min-width:60px;max-width:80px;width:100%;padding:6px 10px;border:1px solid var(--color-border,#e0e0e0);border-radius:4px;font-size:12px;background-color:white;text-align:center;transition:all .2s;flex-shrink:0}.setting-input:focus{outline:none;border-color:var(--color-primary,#4a90e2);box-shadow:0 0 0 2px rgba(74,144,226,.1)}.setting-input::placeholder{color:var(--color-text-muted,#999);font-size:11px}.info-btn-inline{padding:2px 6px;background:transparent;border:none;color:var(--color-text-muted,#999);font-size:12px;cursor:pointer;transition:color .2s;border-radius:50%;line-height:1;flex-shrink:0}.info-btn-inline:hover{color:var(--color-primary,#4a90e2)}.expert-desc{padding:8px 10px;margin:6px 0 8px;background-color:rgba(0,0,0,.03);border-radius:4px;font-size:clamp(10px,2.5vw,11px);color:var(--color-text-secondary,#666);line-height:1.6}.expert-desc strong{color:var(--color-text-primary,#333);font-weight:600}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}to{opacity:1;max-height:300px;padding-top:10px;padding-bottom:10px;margin-top:6px;margin-bottom:8px}}.recipe-tabs{display:flex;border-bottom:2px solid var(--color-border,#e0e0e0);background-color:var(--color-bg-secondary,#f8f9fa);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.recipe-tabs::-webkit-scrollbar{display:none}.recipe-tab{flex:1 1;min-width:70px;padding:12px 16px;background:none;font-size:clamp(12px,3vw,14px);font-weight:500;color:var(--color-text-secondary,#666);cursor:pointer;transition:all .2s;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;text-align:center;white-space:nowrap}.recipe-tab:hover{background-color:var(--color-bg-hover,#f0f2f5);color:var(--color-text-primary,#333)}.recipe-tab.active{color:var(--color-primary,#4a90e2);background-color:white;border-bottom-color:var(--color-primary,#4a90e2)}.recipe-content-inner{padding:16px}.table-wrapper-compact{overflow-x:auto;overflow-y:auto;border-radius:6px;border:1px solid var(--color-border,#e0e0e0);max-height:500px;max-width:100%;width:100%;-webkit-overflow-scrolling:touch}.table-wrapper-compact::-webkit-scrollbar{width:6px;height:6px}.table-wrapper-compact::-webkit-scrollbar-track{background:var(--color-bg-secondary,#f8f9fa)}.table-wrapper-compact::-webkit-scrollbar-thumb{background:var(--color-border,#e0e0e0);border-radius:4px}.table-wrapper-compact::-webkit-scrollbar-thumb:hover{background:#999}.recipe-table-compact{width:100%;border-collapse:collapse;font-size:clamp(11px,2.5vw,13px);table-layout:auto;min-width:400px}.recipe-table-compact thead{background-color:var(--color-bg-secondary,#f8f9fa);position:-webkit-sticky;position:sticky;top:0;z-index:10;box-shadow:0 1px 0 var(--color-border,#e0e0e0)}.recipe-table-compact th{padding:10px 12px;text-align:center;font-weight:600;color:var(--color-text-primary,#333);font-size:clamp(11px,2.5vw,12px);white-space:nowrap}.recipe-table-compact th:first-child{min-width:120px;text-align:left}.recipe-table-compact th:nth-child(2){text-align:left}.recipe-table-compact th:nth-child(3),.recipe-table-compact th:nth-child(4){min-width:80px;text-align:right}.recipe-table-compact tbody tr{border-bottom:1px solid var(--color-border-light,#f0f0f0);transition:background-color .15s}.recipe-table-compact tbody tr:hover{background-color:var(--color-bg-hover,#f8f9fa)}.recipe-table-compact tbody tr:last-child{border-bottom:none}.recipe-table-compact td{padding:10px 12px;color:var(--color-text-secondary,#666);font-size:clamp(11px,2.5vw,13px);vertical-align:middle}.recipe-table-compact td:first-child{text-align:left;font-weight:500;color:var(--color-text-primary,#333)}.recipe-table-compact td:nth-child(2){text-align:left;word-break:break-word}.recipe-table-compact td:nth-child(3),.recipe-table-compact td:nth-child(4){text-align:right}.recipe-table-compact td:nth-child(3){color:#2563eb;font-weight:600}.recipe-table-compact td:nth-child(4){color:#ef4444;font-weight:600}.recipe-table-compact .recipe-name{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--color-text-primary,#333);white-space:nowrap}.recipe-table-compact .recipe-name img{width:20px;height:20px;object-fit:contain;flex-shrink:0}.recipe-table-compact .recipe-name span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.recipe-table-compact .recipe-ingredients{font-size:clamp(10px,2.5vw,12px);line-height:1.5;color:var(--color-text-secondary,#666)}.recipe-table-compact .price-value{color:var(--color-primary,#2563eb)!important;font-weight:600;white-space:nowrap}.processing-table-compact{width:100%;border-collapse:collapse;font-size:clamp(11px,2.5vw,13px);table-layout:auto;min-width:400px}.processing-table-compact thead{background-color:var(--color-bg-secondary,#f8f9fa);position:-webkit-sticky;position:sticky;top:0;z-index:10;box-shadow:0 1px 0 var(--color-border,#e0e0e0)}.processing-table-compact th{padding:10px 12px;text-align:center;font-weight:600;color:var(--color-text-primary,#333);font-size:clamp(11px,2.5vw,12px)}.processing-table-compact th:first-child{min-width:120px;text-align:left}.processing-table-compact th:nth-child(2){text-align:left}.processing-table-compact tbody tr{border-bottom:1px solid var(--color-border-light,#f0f0f0);transition:background-color .15s}.processing-table-compact tbody tr:hover{background-color:var(--color-bg-hover,#f8f9fa)}.processing-table-compact tbody tr:last-child{border-bottom:none}.processing-table-compact td{padding:10px 12px;color:var(--color-text-secondary,#666);font-size:clamp(11px,2.5vw,13px);vertical-align:middle}.processing-table-compact td:first-child{text-align:left}.processing-table-compact td:nth-child(2){text-align:left;word-break:break-word}.processing-table-compact .processing-name{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--color-text-primary,#333);white-space:nowrap}.processing-table-compact .processing-name img{width:24px;height:24px;object-fit:contain;flex-shrink:0}.processing-table-compact .processing-name span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.processing-table-compact .processing-materials{font-size:clamp(10px,2.5vw,12px);color:var(--color-text-secondary,#666)}.toggle-materials-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);padding:6px 12px;background-color:var(--color-bg-secondary,#f8f9fa);border:1px solid var(--color-border,#e0e0e0);border-radius:4px;font-size:12px;color:var(--color-text-secondary,#666);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.toggle-materials-btn:hover{background-color:var(--color-bg-hover,#f0f2f5);border-color:var(--color-primary,#4a90e2);color:var(--color-primary,#4a90e2)}.toggle-icon{font-size:10px;transition:transform .2s}.toggle-icon.open{transform:rotate(180deg)}.basic-materials-toggle{padding:12px 16px;background-color:var(--color-bg-secondary,#f8f9fa);border-top:1px solid var(--color-border,#e0e0e0);border-bottom:1px solid var(--color-border,#e0e0e0)}.basic-materials-inline{display:flex;flex-wrap:wrap;gap:16px;font-size:13px}.material-inline{color:var(--color-text-secondary,#666)}.material-inline strong{color:var(--color-primary,#4a90e2);font-weight:600;margin-left:4px}.price-value{color:var(--color-primary,#2563eb);font-weight:600;white-space:nowrap}.empty-state{text-align:center;padding:40px 20px;color:var(--color-text-muted,#999)}.empty-state-icon{font-size:36px;margin-bottom:8px}.empty-state-text{font-size:14px}.text-muted{color:var(--color-text-muted,#999)}.text-small{font-size:12px}@media (max-width:1024px){.info-grid{grid-template-columns:minmax(250px,300px) 1fr;gap:16px}}@media (max-width:768px){.content-area{padding:var(--spacing-md,12px)!important}.info-grid{grid-template-columns:1fr;gap:16px}.info-left{position:static}.info-right .card{min-height:auto}.setting-row{padding:8px 0}.setting-label{font-size:12px}.setting-input{min-width:60px;max-width:70px;font-size:12px;padding:6px 8px}.tool-spec-row{padding:8px 10px;margin:-6px -10px 6px}.recipe-tab{font-size:12px;padding:10px 12px;min-width:60px}.recipe-content-inner{padding:12px}.toggle-materials-btn{position:static;transform:none;margin-top:8px;width:100%;justify-content:center}.basic-materials-inline{flex-direction:column;gap:8px}.table-wrapper-compact{max-height:400px}.processing-table-compact,.recipe-table-compact{min-width:350px}.processing-table-compact td,.processing-table-compact th,.recipe-table-compact td,.recipe-table-compact th{padding:8px 10px}.processing-table-compact .processing-name img,.recipe-table-compact .recipe-name img{width:20px;height:20px}.compact-card .card-body,.compact-card .card-header{padding:10px 14px}}@media (max-width:480px){.content-area{padding:var(--spacing-sm,8px)!important}.compact-card .card-body,.compact-card .card-header{padding:10px 12px}.setting-row{padding:6px 0;gap:6px}.setting-label{font-size:11px;gap:4px}.setting-input{min-width:55px;max-width:65px;font-size:11px;padding:5px 6px}.tool-spec-row{margin:-4px -8px 4px;padding:6px 8px}.tool-spec-label{font-size:11px}.table-controls-compact{flex-direction:column}.recipe-content-inner{padding:10px}.recipe-tab{font-size:11px;padding:8px 10px;min-width:50px}.table-wrapper-compact{max-height:350px}.processing-table-compact,.recipe-table-compact{min-width:300px}.processing-table-compact td,.processing-table-compact th,.recipe-table-compact td,.recipe-table-compact th{padding:6px 8px;font-size:11px}.processing-table-compact .processing-name img,.recipe-table-compact .recipe-name img{width:18px;height:18px}.processing-table-compact .processing-name,.recipe-table-compact .recipe-name{gap:6px}.basic-materials-inline{font-size:12px;gap:6px}.basic-materials-toggle{padding:10px 12px}}.stamina-container{display:flex;flex-direction:column;gap:16px;max-width:600px;margin:0 auto}.expert-info-text{padding:8px 12px;background:var(--color-bg-secondary,#f8f9fa);border-radius:4px;font-size:12px;color:var(--color-text-muted,#999);text-align:center}.stamina-inputs-container{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.stamina-input-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--color-bg-secondary,#f8f9fa);border:1px solid var(--color-border-light,#f0f0f0);border-radius:6px}.stamina-input-group{display:flex;align-items:center;gap:14px;flex:1 1;flex-wrap:wrap}.stamina-label{font-size:13px;color:var(--color-text-secondary,#666);white-space:nowrap}.stamina-input,.stamina-select{width:90px;padding:8px 10px;font-size:14px;border:1px solid var(--color-border,#e0e0e0);border-radius:4px;background:white;text-align:right;transition:border-color .15s}.stamina-input:focus,.stamina-select:focus{outline:none;border-color:var(--color-primary,#4a90e2)}.btn-remove{width:28px;height:28px;margin-left:auto;border:1px solid var(--color-border,#e0e0e0);background:white;color:var(--color-text-muted,#999);border-radius:4px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-remove:hover{border-color:var(--color-danger,#dc3545);color:var(--color-danger,#dc3545)}.btn-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-add{padding:8px 16px;border:1px dashed var(--color-border,#e0e0e0);background:white;color:var(--color-text-secondary,#666);border-radius:4px;font-size:13px;cursor:pointer;transition:all .15s}.btn-add:hover{border-color:var(--color-primary,#4a90e2);color:var(--color-primary,#4a90e2);background:rgba(74,144,226,.05)}.btn-calculate{padding:8px 20px;border:none;background:var(--color-primary,#4a90e2);color:white;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.btn-calculate:hover{background:var(--color-primary-hover,#357abd)}.result-card{margin-top:1px;background:white;border-radius:8px;border:1px solid var(--color-border,#e0e0e0);overflow:hidden}.result-section-title{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--color-primary,#4a90e2);color:white;font-size:14px;font-weight:500}.result-body{padding:16px}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.result-section{padding:14px;background:var(--color-bg-secondary,#f8f9fa);border-radius:6px;border:1px solid var(--color-border-light,#f0f0f0)}.result-section-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--color-border-light,#f0f0f0);font-size:14px;font-weight:600;color:var(--color-text-primary,#333)}.result-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.result-row.total{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border-light,#f0f0f0);font-weight:600}.result-label{color:var(--color-text-muted,#999)}.result-value{font-weight:500;color:var(--color-text-primary,#333);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.result-value.primary{color:var(--color-primary,#4a90e2);font-weight:600}.result-detail{font-size:10px;margin-left:3px;color:var(--color-text-muted,#999)}.bonus-summary{margin-top:14px;padding:10px 12px;background:rgba(74,144,226,.05);border-left:2px solid var(--color-primary,#4a90e2);border-radius:0 4px 4px 0;font-size:12px;color:var(--color-text-secondary,#666);line-height:1.6}.bonus-summary-title{font-weight:600;color:var(--color-text-primary,#333);margin-bottom:4px}.bonus-summary strong{color:var(--color-primary,#4a90e2)}@media (max-width:480px){.stamina-input-group{flex-direction:column;align-items:stretch;gap:8px}.stamina-input,.stamina-select{width:100%}.stamina-label{display:none}.btn-actions{flex-direction:column}.btn-add,.btn-calculate{width:100%}.result-grid{grid-template-columns:1fr}}.mode-toggle-container{display:flex;gap:4px;padding:4px;background:var(--color-bg-secondary,#f8f9fa);border-radius:8px;border:1px solid var(--color-border-light,#f0f0f0)}.mode-toggle-btn{flex:1 1;padding:10px 16px;border:none;background:transparent;color:var(--color-text-secondary,#666);font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.mode-toggle-btn:hover{color:var(--color-text-primary,#333)}.mode-toggle-btn.active{background:white;color:var(--color-primary,#4a90e2);box-shadow:0 1px 3px rgba(0,0,0,.1)}.optimize-input-section{margin-bottom:12px}.optimize-stamina-input{width:140px!important}.inventory-status{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;border-radius:6px;font-size:12px}.inventory-status.has-data,.inventory-status.no-data{background:rgba(74,145,226,.137);color:rgb(45,119,204);border:1px solid rgba(74,145,226,.137)}.status-icon{font-weight:700}.optimize-result .result-body{display:flex;flex-direction:column;gap:20px}.optimize-section-title{font-size:13px;font-weight:600;color:var(--color-text-primary,#333);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--color-border-light,#f0f0f0)}.allocation-grid{display:flex;flex-wrap:wrap;gap:10px}.allocation-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--color-bg-secondary,#f8f9fa);border:1px solid var(--color-border-light,#f0f0f0);border-radius:6px;min-width:140px}.allocation-info{display:flex;flex-direction:column;gap:2px}.allocation-name{font-size:13px;font-weight:600;color:var(--color-text-primary,#333)}.allocation-value{font-size:12px;color:var(--color-text-muted,#999)}.drops-table{display:flex;flex-direction:column;border:1px solid var(--color-border-light,#f0f0f0);border-radius:6px;overflow:hidden}.drops-header,.drops-row{display:grid;grid-template-columns:40px repeat(5,1fr);text-align:center;font-size:12px}.drops-header{background:var(--color-bg-secondary,#f8f9fa);font-weight:600;color:var(--color-text-secondary,#666)}.drops-header,.drops-row{padding:8px 0;border-bottom:1px solid var(--color-border-light,#f0f0f0)}.drops-row:last-child{border-bottom:none}.drops-label{color:var(--color-text-muted,#999);font-weight:500}.gold-breakdown{display:flex;flex-direction:column;gap:6px}.gold-row{display:grid;grid-template-columns:60px 1fr 100px;align-items:center;padding:8px 12px;background:var(--color-bg-secondary,#f8f9fa);border-radius:4px;font-size:13px}.gold-row.total{background:rgba(74,144,226,.1);font-weight:600;margin-top:4px}.gold-label{color:var(--color-text-secondary,#666)}.gold-count{color:var(--color-text-muted,#999);font-size:12px}.gold-value{text-align:right;font-weight:500;color:var(--color-text-primary,#333);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gold-value.primary{color:var(--color-primary,#4a90e2);font-weight:600}.optimize-note{font-size:11px;color:var(--color-text-muted,#999);text-align:center;padding-top:8px;border-top:1px solid var(--color-border-light,#f0f0f0)}.combo-active-notice{color:var(--color-primary,#4a90e2);margin-left:8px;font-size:11px}.result-icon{width:22px;height:22px;object-fit:contain}.result-row-small{font-size:11px}.result-row-small .result-value{font-weight:400}.result-row-top{margin-top:4px}.text-muted{color:var(--color-text-muted,#999)!important}@media (max-width:480px){.allocation-grid{flex-direction:column}.allocation-item{min-width:auto}.drops-table{font-size:11px}.drops-header,.drops-row{grid-template-columns:30px repeat(5,1fr)}.gold-row{grid-template-columns:50px 1fr 80px;font-size:12px}}