:root{color-scheme:dark;--bg-base: #091019;--bg-surface: #101c2b;--bg-elevated: #16263a;--bg-row-hover: #1b2f48;--bg-sticky: #122132;--border-subtle: #213750;--border-strong: #2f4c6d;--text-primary: #f0f4f8;--text-secondary: #9fb3c8;--text-muted: #627d98;--accent-gold: #f59e0b;--accent-gold-hover: #d97706;--accent-cyan: #38bdf8;--profit-green: #34d399;--profit-green-bg: rgba(52, 211, 153, .14);--loss-red: #f87171;--loss-red-bg: rgba(248, 113, 113, .14)}*{box-sizing:border-box}::-webkit-scrollbar{inline-size:9px;block-size:9px}::-webkit-scrollbar-button{display:none;inline-size:0;block-size:0}::-webkit-scrollbar-track{background:#0a131f;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#253d59,#1c2f46);border:2px solid #0a131f;border-radius:999px;min-block-size:36px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#33547a,#26415f)}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#38bdf8,#2563eb)}::-webkit-scrollbar-corner{background:#0a131f}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#253d59 #0a131f}}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-base);color:var(--text-primary);line-height:1.4;overflow-x:hidden}.app-shell{min-block-size:100dvh;max-inline-size:1400px;inline-size:100%;margin-inline:auto;display:flex;flex-direction:column}.app-shell.compact-layout{max-inline-size:1400px}.app-shell.compact-layout .top-header,.app-shell.compact-layout .tabs-nav,.app-shell.compact-layout .subtabs-nav,.app-shell.compact-layout .header-inner,.app-shell.compact-layout .tabs-list,.app-shell.compact-layout .subtabs-list{max-inline-size:1400px;inline-size:100%;margin-inline:auto}.app-shell.compact-layout .tab-btn{padding:.74rem .68rem}.app-shell.compact-layout .workspace-main{max-inline-size:1200px;inline-size:100%;margin-inline:auto;padding-inline:0}.app-shell.compact-layout .containment-panel{padding:.85rem .7rem}.app-shell.compact-layout .profession-grid{grid-template-columns:1fr}.app-shell.compact-layout .data-table{inline-size:100%;font-size:.79rem}.app-shell.compact-layout .data-table thead th{padding:.5rem .48rem;font-size:.68rem;letter-spacing:.025em}.app-shell.compact-layout .data-table thead th:last-child,.app-shell.compact-layout .data-table tbody td:last-child{padding-inline-end:.75rem}.app-shell.compact-layout .data-table tbody th{padding:.44rem .55rem;min-inline-size:270px;max-inline-size:325px}.app-shell.compact-layout .data-table tbody td{padding:.44rem .48rem}.app-shell.compact-layout .data-table tbody td[data-label="Notes / Acquisition"]{white-space:normal}.app-shell.compact-layout .item-name-cell{display:flex;align-items:center;inline-size:100%;gap:.24rem}.app-shell.compact-layout .recipe-collapse-btn{flex:1;min-inline-size:0;gap:.36rem;padding:.12rem .18rem;margin-inline:0}.app-shell.compact-layout .ql-recipe-name{font-size:.81rem;white-space:normal;line-height:1.24;flex:1;min-inline-size:0}.app-shell.compact-layout .recipe-level-badge{font-size:.64rem;padding:.08rem .36rem;margin-inline-start:auto;flex-shrink:0}.app-shell.compact-layout .ql-materials-col{inline-size:106px;min-inline-size:100px;max-inline-size:112px}.app-shell.compact-layout .data-table .ql-materials-strip{display:inline-grid;grid-template-columns:repeat(3,max-content);gap:4px}.app-shell.compact-layout .ql-recipe-card .ql-materials-strip{display:inline-grid;grid-template-columns:repeat(7,max-content);gap:5px}.app-shell.compact-layout .data-table .ql-mat-tile img,.app-shell.compact-layout .data-table .ql-mat-tile .item-icon-fallback{inline-size:26px!important;block-size:26px!important}.app-shell.compact-layout .ql-recipe-icon-frame:not(.large) img,.app-shell.compact-layout .ql-recipe-icon-frame:not(.large) .item-icon-fallback{inline-size:28px!important;block-size:28px!important}.app-shell.compact-layout .price-input{inline-size:88px;padding:.24rem .42rem;font-size:.78rem}.app-shell.compact-layout .favorite-star-btn,.app-shell.compact-layout .batch-fullscreen-btn,.app-shell.compact-layout .price-history-btn,.app-shell.compact-layout .copy-icon-btn{padding:.15rem}.app-shell.full-width-layout,.app-shell.full-width-layout .header-inner,.app-shell.full-width-layout .tabs-list,.app-shell.full-width-layout .subtabs-list,.app-shell.full-width-layout .workspace-main{max-inline-size:100%}.top-header{background:linear-gradient(180deg,#132336,#0d1826);border-block-end:1px solid var(--border-subtle);padding:.7rem 1.75rem;position:relative;z-index:30;transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1)}.top-header.is-scrolled-away{opacity:.35;transform:translateY(-6px)}.sidebar-header-dock{position:fixed;inset-block-start:1rem;inset-inline-start:.85rem;z-index:60;inline-size:216px;padding:.75rem .8rem;border-radius:.75rem;background:linear-gradient(180deg,#132336f5,#0b1522f7);border:1px solid rgba(56,189,248,.38);box-shadow:0 18px 42px #02060cc7,0 0 0 1px #0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:.65rem;opacity:0;pointer-events:none;transform:translate3d(-28px,-14px,0) scale(.95);transition:opacity .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1),inline-size .24s cubic-bezier(.22,1,.36,1)}.sidebar-header-dock.is-docked{opacity:1;pointer-events:auto;transform:translateZ(0) scale(1)}.sidebar-header-dock.is-collapsed{inline-size:54px;padding:.6rem .45rem;align-items:center}.sidebar-dock-top{display:flex;align-items:center;justify-content:space-between;gap:.35rem;inline-size:100%}.sidebar-header-dock.is-collapsed .sidebar-dock-top{flex-direction:column;justify-content:center}.sidebar-brand-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.05rem;padding:0;border:none;background:transparent;cursor:pointer;text-align:start}.sidebar-brand-logo{font-size:.88rem;font-weight:800;color:#34d399;letter-spacing:-.01em}.sidebar-brand-sub{font-size:.66rem;font-weight:600;color:var(--text-secondary)}.sidebar-brand-btn:hover .sidebar-brand-sub{color:var(--accent-cyan)}.sidebar-dock-top-actions{display:inline-flex;align-items:center;gap:.25rem}.sidebar-header-dock.is-collapsed .sidebar-dock-top-actions{flex-direction:column}.sidebar-icon-btn{display:inline-flex;align-items:center;justify-content:center;inline-size:28px;block-size:28px;border-radius:.42rem;border:1px solid var(--border-strong);background:#0f1926e6;color:var(--text-secondary);cursor:pointer;transition:all .14s ease}.sidebar-icon-btn:hover:not(:disabled){border-color:var(--accent-cyan);color:#fff;background:#38bdf829}.sidebar-icon-btn.sync-highlight{border-color:#fbbf24;background:linear-gradient(180deg,#f59e0b,#d97706);color:#091019}.sidebar-dock-body{display:flex;flex-direction:column;gap:.55rem}.sidebar-age-badge{inline-size:100%;justify-content:center;padding:.26rem .5rem;font-size:.7rem}.sidebar-field{display:flex;flex-direction:column;gap:.22rem}.sidebar-field-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.sidebar-server-select{inline-size:100%;padding:.34rem .5rem;font-size:.78rem}.sidebar-sync-btn{inline-size:100%;justify-content:center;padding:.44rem .65rem;font-size:.78rem}.sidebar-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:.38rem}.sidebar-action-btn{inline-size:100%;padding:.36rem .45rem;font-size:.73rem}.sidebar-user-row{display:flex;align-items:center;justify-content:space-between;padding:.28rem .45rem .28rem .6rem;border-radius:999px;border:1px solid var(--border-subtle);background:#091019a6;font-size:.74rem}.sidebar-user-info{display:inline-flex;align-items:center;gap:.35rem;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.sidebar-dock-collapsed-stack{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding-block-start:.25rem;border-block-start:1px solid var(--border-subtle);inline-size:100%}.header-inner{max-inline-size:2560px;inline-size:100%;margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.brand-group{display:flex;flex-direction:column;gap:.15rem}.brand-title{margin:0;font-size:1.18rem;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:.65rem}.brand-subtitle{margin:0;font-size:.78rem;color:var(--text-secondary)}.sync-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.data-age-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.34rem .85rem;border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.01em;background:#102434e6;border:1px solid #2b4c65;color:#34d399;white-space:nowrap}.data-age-badge.warn{color:#fbbf24;border-color:#fbbf2473}.server-selector-group{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text-secondary)}.server-select{padding:.38rem .8rem;border-radius:.45rem;border:1px solid #2b4c65;background:#142536;color:var(--text-primary);font-size:.84rem;font-weight:600;cursor:pointer}.server-select:focus{outline:2px solid var(--accent-cyan)}.btn-primary-sync{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.05rem;border-radius:.45rem;border:1px solid #fbbf24;background:linear-gradient(180deg,#f59e0b,#d97706);color:#091019;font-weight:700;font-size:.84rem;cursor:pointer;transition:filter .15s ease}.btn-primary-sync:hover:not(:disabled){filter:brightness(1.08)}.btn-primary-sync:disabled{opacity:.65;cursor:wait}.btn-secondary{display:inline-flex;align-items:center;gap:.4rem;padding:.46rem .82rem;border-radius:.45rem;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-primary);font-size:.8rem;font-weight:600;cursor:pointer}.btn-secondary:hover{background:var(--bg-row-hover)}.btn-accent{display:inline-flex;align-items:center;gap:.4rem;padding:.46rem .9rem;border-radius:.45rem;border:1px solid rgba(56,189,248,.5);background:#38bdf829;color:var(--accent-cyan);font-size:.82rem;font-weight:700;cursor:pointer}.btn-accent:hover{background:#38bdf842}.error-banner{max-inline-size:2560px;margin:.6rem auto 0;padding:.55rem 1rem;border-radius:.45rem;background:var(--loss-red-bg);border:1px solid var(--loss-red);color:#fecaca;font-size:.83rem;display:flex;align-items:center;justify-content:space-between}.tabs-nav{background:#070d14;border-block-end:1px solid #1b2c40;padding-inline:1rem;overflow:hidden}.tabs-list{max-inline-size:2560px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs-list::-webkit-scrollbar{display:none}.nav-section{display:flex;align-items:center;gap:.2rem}.tab-btn{position:relative;display:inline-flex;align-items:center;gap:.38rem;padding:.74rem .72rem;border:none;background:transparent;color:#8295aa;font-size:.88rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:color .15s ease}.tab-btn:hover{color:#e2e8f0}.tab-btn.active{color:#fff;text-shadow:0 0 12px rgba(147,197,253,.6)}.tab-btn.active:after{content:"";position:absolute;inset-inline:10%;inset-block-end:0;block-size:3px;border-radius:999px;background:radial-gradient(circle,#e0f2fe 0%,#60a5fa 55%,transparent 100%);box-shadow:0 -4px 14px 2px #60a5faa6}.subtabs-nav{background:linear-gradient(180deg,#0a121d,#0d1724);border-block-end:1px solid var(--border-subtle);padding-inline:1rem;overflow:hidden}.subtabs-list{max-inline-size:2560px;margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:1.25rem;padding-block:.42rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.subtabs-list::-webkit-scrollbar{display:none}.subtab-btn{position:relative;padding:.42rem 1.15rem;border:none;border-radius:999px;background:transparent;color:#7c90a6;font-size:.86rem;font-weight:700;cursor:pointer;transition:color .15s ease,background .15s ease}.subtab-btn:hover{color:#dbeafe}.subtab-btn.active{color:#fff;background:radial-gradient(ellipse at center,rgba(148,184,235,.28) 0%,rgba(30,58,95,.08) 70%,transparent 100%);text-shadow:0 0 10px rgba(191,219,254,.55)}.workspace-main{flex:1;max-inline-size:2560px;inline-size:100%;margin-inline:auto;padding:.9rem 1.75rem 1.5rem;display:flex;flex-direction:column;gap:.95rem}.containment-panel{content-visibility:auto;contain-intrinsic-size:auto 320px auto 520px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:.6rem;padding:.95rem 1.15rem}@supports not (content-visibility: auto){.containment-panel{contain:layout style paint}}.panel-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-block-end:.8rem}.panel-title{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.panel-subtitle{margin:.1rem 0 0;font-size:.78rem;color:var(--text-secondary)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:.85rem}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:.55rem;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem}.kpi-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.kpi-value{font-size:1.12rem;font-weight:700;color:var(--text-primary)}.kpi-sub{font-size:.76rem;color:var(--text-secondary)}.table-wrapper{overflow:auto;max-inline-size:100%;max-block-size:calc(100dvh - 250px);container-type:inline-size;border:1px solid var(--border-subtle);border-radius:.5rem}.table-wrapper:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.data-table{inline-size:100%;border-collapse:separate;border-spacing:0;font-size:.84rem}.data-table caption{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.data-table thead{position:sticky;inset-block-start:0;z-index:15}.data-table thead th{background:var(--bg-elevated);color:var(--text-secondary);font-weight:600;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;padding:.58rem .75rem;text-align:start;border-block-end:1px solid var(--border-strong);white-space:nowrap}.data-table tbody tr:hover td,.data-table tbody tr:hover th{background-color:var(--bg-row-hover)}.data-table tbody th{position:sticky;inset-inline-start:0;z-index:5;background:var(--bg-sticky);color:var(--text-primary);font-weight:600;text-align:start;padding:.52rem .75rem;border-block-end:1px solid var(--border-subtle);border-inline-end:1px solid var(--border-subtle)}.data-table tbody td{padding:.52rem .75rem;border-block-end:1px solid var(--border-subtle);background:var(--bg-surface);white-space:nowrap}.num-col{text-align:end!important;font-variant-numeric:tabular-nums}.item-name-cell{display:inline-flex;align-items:center;gap:.42rem}.recipe-collapse-btn{display:inline-flex;align-items:center;gap:.45rem;background:transparent;border:none;color:inherit;font:inherit;padding:.15rem .3rem;margin-inline:-.2rem;border-radius:.35rem;cursor:pointer;text-align:start;transition:color .12s ease,background-color .12s ease}.recipe-collapse-btn:hover{color:var(--accent-cyan);background-color:#38bdf81a}.recipe-collapse-btn:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.recipe-chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:transform .15s ease,color .15s ease;flex-shrink:0}.recipe-collapse-btn:hover .recipe-chevron,.recipe-collapse-btn[aria-expanded=true] .recipe-chevron{color:var(--accent-cyan)}.ing-count-badge{display:inline-flex;align-items:center;padding:.08rem .42rem;font-size:.68rem;font-weight:600;border-radius:999px;color:var(--text-secondary);background:#9fb3c81f;border:1px solid rgba(159,179,200,.22);margin-inline-start:.25rem;white-space:nowrap}.recipe-collapse-btn[aria-expanded=true] .ing-count-badge{color:var(--accent-cyan);background:#38bdf824;border-color:#38bdf852}.copy-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:.2rem;border-radius:.3rem;border:1px solid transparent;background:#ffffff0a;color:var(--text-secondary);cursor:pointer;transition:color .12s ease,background .12s ease,border-color .12s ease;flex-shrink:0}.copy-icon-btn:hover{color:var(--accent-cyan);background:#38bdf824;border-color:#38bdf859}.copy-icon-btn.copied{color:var(--profit-green);background:var(--profit-green-bg);border-color:#34d39973}@container (width < 600px){.data-table,.data-table thead,.data-table tbody,.data-table tr,.data-table th,.data-table td{display:block}.data-table thead{display:none}.data-table tbody tr{margin-block-end:.85rem;border:1px solid var(--border-strong);border-radius:.45rem;overflow:hidden}.data-table tbody th{position:sticky;inset-block-start:0;z-index:2;background:var(--bg-elevated);border-inline-end:none}.data-table tbody td{display:flex;justify-content:space-between;align-items:center;text-align:end!important}.data-table tbody td:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);text-align:start;padding-inline-end:.75rem}}.price-input{inline-size:112px;padding:.28rem .5rem;border-radius:.35rem;border:1px solid var(--border-strong);background:var(--bg-base);color:var(--text-primary);font-size:.83rem;text-align:end;font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.price-input::-webkit-outer-spin-button,.price-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.price-input:focus{outline:2px solid var(--accent-cyan);border-color:transparent}.qty-input{inline-size:74px;padding:.28rem .5rem;border-radius:.35rem;border:1px solid var(--border-strong);background:var(--bg-base);color:var(--text-primary);font-size:.83rem;text-align:end;font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.select-input{padding:.34rem .65rem;border-radius:.35rem;border:1px solid var(--border-strong);background:var(--bg-base);color:var(--text-primary);font-size:.83rem}.badge-profit{color:var(--profit-green);font-weight:600}.badge-loss{color:var(--loss-red);font-weight:600}.source-pill{display:inline-block;font-size:.72rem;font-weight:600;padding:.14rem .5rem;border-radius:999px}.source-broker{background:#38bdf824;color:var(--accent-cyan);border:1px solid rgba(56,189,248,.3)}.source-vendor{background:#9fb3c81f;color:var(--text-secondary);border:1px solid rgba(159,179,200,.25)}.profession-grid{display:grid;grid-template-columns:minmax(0,1fr) 450px;gap:1.15rem;align-items:start}@media(max-width:1280px){.profession-grid{grid-template-columns:1fr}}.recipes-stack{display:flex;flex-direction:column;gap:.9rem}.ingredient-row th,.ingredient-row td{background:#091019a6!important;font-size:.8rem;color:var(--text-secondary)}.form-drawer{background:var(--bg-elevated);border:1px solid rgba(56,189,248,.4);border-radius:.55rem;padding:1rem 1.15rem;margin-block-end:.9rem;display:flex;flex-direction:column;gap:.85rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;align-items:end}.form-field{display:flex;flex-direction:column;gap:.28rem;font-size:.78rem;color:var(--text-secondary);font-weight:600}.login-backdrop{min-block-size:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at 50% 25%,#162a42,#091019 75%)}.login-card{inline-size:100%;max-inline-size:400px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:.75rem;padding:2rem 1.75rem;box-shadow:0 20px 50px #0000008c;display:flex;flex-direction:column;gap:1.1rem}.login-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.45rem}.login-icon-badge{inline-size:46px;block-size:46px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#38bdf824;border:1px solid rgba(56,189,248,.35);color:var(--accent-cyan);margin-block-end:.25rem}.login-title{margin:0;font-size:1.25rem;font-weight:800}.login-subtitle{margin:0;font-size:.8rem;color:var(--text-secondary)}.login-error{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;border-radius:.45rem;background:var(--loss-red-bg);border:1px solid var(--loss-red);color:#fecaca;font-size:.82rem}.login-input-wrap{position:relative;display:flex;align-items:center}.login-field-icon{position:absolute;inset-inline-start:.75rem;color:var(--text-muted);pointer-events:none}.login-input{inline-size:100%;padding:.58rem .75rem .58rem 2.25rem;border-radius:.45rem;border:1px solid var(--border-strong);background:var(--bg-base);color:var(--text-primary);font-size:.88rem}.login-input:focus{outline:2px solid var(--accent-cyan);border-color:transparent}.login-submit-btn{inline-size:100%;justify-content:center;padding-block:.65rem;margin-block-start:.35rem}.aion-item-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:4px;background-color:#17212d;background-position:center;background-size:cover;overflow:hidden;box-shadow:0 1px 3px #00000073}.aion-item-icon img{display:block;inline-size:100%;block-size:100%;object-fit:contain}.aion-item-icon.has-rarity:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--rarity-color, #334e68);border-radius:inherit;pointer-events:none}.aion-ingame-tooltip{position:fixed;z-index:9999;inline-size:340px;pointer-events:none;background:linear-gradient(180deg,#101a28fa,#090f18fc);border:1px solid var(--tooltip-rarity, #38bdf8);border-radius:.5rem;padding:.85rem .95rem;box-shadow:0 14px 36px #000000c7,0 0 18px color-mix(in srgb,var(--tooltip-rarity, #38bdf8) 26%,transparent),inset 0 1px #ffffff1f;color:var(--text-primary);display:flex;flex-direction:column;gap:.55rem;animation:tooltipFadeIn .12s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(3px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.aion-tooltip-header{display:flex;align-items:center;gap:.7rem}.aion-tooltip-title-wrap{display:flex;flex-direction:column;gap:.22rem;min-inline-size:0}.aion-tooltip-name{font-size:.94rem;font-weight:800;line-height:1.2;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.8)}.aion-tooltip-sub{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;font-size:.71rem;color:var(--text-secondary)}.aion-tooltip-rarity-pill{display:inline-flex;align-items:center;padding:.06rem .42rem;border-radius:.25rem;border:1px solid currentColor;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.aion-tooltip-divider{block-size:1px;background:linear-gradient(90deg,var(--tooltip-rarity, #38bdf8) 0%,rgba(159,179,200,.25) 65%,transparent 100%)}.aion-tooltip-meta-bar{display:flex;flex-wrap:wrap;gap:.45rem;font-size:.72rem;color:#cbd5e1}.aion-tooltip-meta-tag{background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:.3rem;padding:.14rem .45rem}.aion-tooltip-effects{display:flex;flex-direction:column;gap:.28rem;background:#0d1928bf;border:1px solid rgba(56,189,248,.18);border-radius:.38rem;padding:.5rem .65rem}.aion-tooltip-section-label{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-cyan)}.aion-tooltip-effect-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem}.aion-tooltip-effect-item{display:flex;align-items:flex-start;gap:.4rem;font-size:.79rem;font-weight:600;color:#34d399;line-height:1.3}.aion-tooltip-diamond{color:var(--accent-cyan);font-size:.68rem;line-height:1.45;flex-shrink:0}.aion-tooltip-lore{font-size:.76rem;line-height:1.42;color:#d8e2ec;font-style:italic;padding-inline:.1rem}.aion-tooltip-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-block-start:.35rem;border-block-start:1px solid rgba(255,255,255,.08);font-size:.68rem;color:var(--text-muted)}.aion-tooltip-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--text-secondary);flex-shrink:0}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.acquisition-controls-card{display:flex;flex-direction:column;gap:.55rem;background:#101c2bd9;border:1px solid var(--border-strong);border-radius:.5rem;padding:.65rem .75rem;margin-block-end:.65rem}.acquisition-top-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.45rem}.acquisition-method-toggles{display:flex;flex-direction:column;gap:.5rem;padding-block-start:.45rem;border-block-start:1px solid var(--border-subtle)}.acq-method-group{display:flex;flex-direction:column;gap:.38rem}.acq-method-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem}.acq-method-hint{font-size:.7rem;color:var(--text-muted)}.acq-toggle-btn{display:inline-flex;align-items:center;gap:.38rem;padding:.3rem .6rem;border-radius:.4rem;border:1px solid var(--border-strong);background:var(--bg-base);color:var(--text-secondary);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .14s ease}.acq-toggle-btn:hover{border-color:var(--accent-cyan);color:var(--text-primary)}.acq-toggle-btn.cheapest.active{background:#34d39924;border-color:#34d3997a;color:var(--profit-green)}.acq-toggle-btn.morph.active{background:#38bdf824;border-color:#38bdf87a;color:var(--accent-cyan)}.acq-toggle-btn.subcraft.active{background:#f59e0b26;border-color:#f59e0b7a;color:#fbbf24}.acq-status-pill{font-size:.65rem;font-weight:800;padding:.06rem .34rem;border-radius:999px;background:#ffffff14;letter-spacing:.04em}.acq-savings-badge{font-size:.71rem;font-weight:700;color:var(--profit-green);background:var(--profit-green-bg);border:1px solid rgba(52,211,153,.35);border-radius:999px;padding:.15rem .55rem;white-space:nowrap}.odyle-tier-pills{display:flex;flex-wrap:wrap;gap:.32rem}.odyle-pill{display:inline-flex;align-items:center;gap:.28rem;padding:.22rem .48rem;border-radius:.36rem;border:1px solid var(--border-subtle);background:var(--bg-base);color:var(--text-secondary);font-size:.71rem;font-weight:600;cursor:pointer;transition:all .12s ease}.odyle-pill:hover{border-color:var(--accent-cyan);color:var(--text-primary)}.odyle-pill.active{background:#38bdf82e;border-color:var(--accent-cyan);color:#fff}.odyle-pill.canonical-match{border-color:#38bdf873;color:var(--accent-cyan)}.odyle-pill-price{font-size:.66rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.odyle-pill.active .odyle-pill-price{color:#bae6fd}.shopping-ing-cell{display:flex;flex-direction:column;gap:.38rem;inline-size:100%}.shopping-ing-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem}.acq-active-badge{font-size:.64rem;font-weight:700;letter-spacing:.04em;padding:.1rem .42rem;border-radius:999px;white-space:nowrap}.acq-active-badge.method-market{background:#9fb3c824;color:var(--text-secondary);border:1px solid rgba(159,179,200,.28)}.acq-active-badge.method-morph{background:#38bdf826;color:var(--accent-cyan);border:1px solid rgba(56,189,248,.35)}.acq-active-badge.method-subcraft{background:#f59e0b29;color:#fbbf24;border:1px solid rgba(245,158,11,.38)}.ing-mode-pills{display:flex;flex-wrap:wrap;gap:.28rem}.ing-mode-pill{display:inline-flex;align-items:center;gap:.26rem;padding:.18rem .44rem;border-radius:.32rem;border:1px solid var(--border-subtle);background:#091019bf;color:var(--text-secondary);font-size:.69rem;font-weight:600;cursor:pointer;transition:all .12s ease}.ing-mode-pill:hover{border-color:var(--border-strong);color:var(--text-primary)}.ing-mode-pill.cheapest.active{background:#34d39929;border-color:#34d39980;color:var(--profit-green)}.ing-mode-pill.method-market.active{background:#9fb3c833;border-color:var(--text-secondary);color:#fff}.ing-mode-pill.method-morph.active{background:#38bdf833;border-color:var(--accent-cyan);color:#fff}.ing-mode-pill.method-subcraft.active{background:#f59e0b33;border-color:#fbbf24;color:#fff}.ing-mode-pill.cheapest-winner{border-color:#34d39973}.ing-mode-cost{font-size:.65rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.ing-mode-pill.active .ing-mode-cost{color:var(--text-primary)}.ing-buy-target-box{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;padding:.28rem .48rem;border-radius:.35rem;background:#091019a6;border:1px solid rgba(56,189,248,.22);font-size:.74rem;color:var(--text-primary)}.ing-buy-arrow{font-size:.7rem;font-weight:700;color:var(--accent-cyan)}.ing-buy-text{font-weight:500}.ing-buy-sub{font-size:.69rem;color:var(--text-secondary)}.header-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.38rem;padding:.45rem .72rem;border-radius:.45rem;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-primary);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .14s ease}.header-action-btn:hover{border-color:var(--accent-cyan);background:#38bdf824;color:#fff}.header-action-btn.tutorial-btn{border-color:#38bdf873;color:var(--accent-cyan);background:#38bdf81a}.header-action-btn.tutorial-btn:hover{background:#38bdf838;color:#fff}.header-action-btn.settings-cog-btn{padding:.45rem .55rem}.user-profile-pill{display:inline-flex;align-items:center;gap:.42rem;padding:.32rem .55rem .32rem .68rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-elevated);font-size:.78rem;font-weight:700;color:var(--text-primary)}.user-profile-name{text-transform:lowercase;color:#e2e8f0}.user-logout-btn{display:inline-flex;align-items:center;justify-content:center;padding:.22rem;border-radius:999px;border:none;background:#ffffff0f;color:var(--text-secondary);cursor:pointer;transition:all .12s ease}.user-logout-btn:hover{background:#f8717133;color:var(--loss-red)}.favorite-star-btn{display:inline-flex;align-items:center;justify-content:center;padding:.22rem;border-radius:.32rem;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .12s ease;flex-shrink:0}.favorite-star-btn:hover{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b59}.favorite-star-btn.active{color:#fbbf24;background:#f59e0b29;border-color:#f59e0b73}.favorites-filter-toggle-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .72rem;border-radius:.42rem;border:1px solid rgba(245,158,11,.38);background:#f59e0b14;color:#fde68a;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .14s ease}.favorites-filter-toggle-btn:hover{background:#f59e0b2e;border-color:#fbbf24;color:#fff}.favorites-filter-toggle-btn.active{background:#f59e0b3d;border-color:#fbbf24;color:#fbbf24;box-shadow:0 0 12px #f59e0b38}.batch-fullscreen-btn{display:inline-flex;align-items:center;justify-content:center;padding:.22rem;border-radius:.32rem;border:1px solid rgba(192,132,252,.35);background:#c084fc1a;color:#c084fc;cursor:pointer;transition:all .12s ease;flex-shrink:0}.batch-fullscreen-btn:hover{color:#fff;background:#c084fc3d;border-color:#c084fc;box-shadow:0 0 10px #c084fc52}.batch-fullscreen-btn.active{color:#fff;background:#c084fc47;border-color:#c084fc}.favorite-recipe-row th,.favorite-recipe-row td{background-color:#f59e0b0a}.favorites-divider-row th{background:linear-gradient(90deg,#f59e0b2e,#101a26f2 70%)!important;color:#fbbf24!important;font-size:.72rem;font-weight:800;letter-spacing:.06em;padding:.42rem .85rem!important;border-block-end:1px solid rgba(245,158,11,.35)!important}.favorites-divider-row.secondary th{background:linear-gradient(90deg,#38bdf824,#101a26f2 70%)!important;color:var(--accent-cyan)!important;border-block-end:1px solid rgba(56,189,248,.3)!important}.favorites-divider-label{display:inline-flex;align-items:center;gap:.4rem}.recipe-level-badge{display:inline-flex;align-items:center;padding:.08rem .44rem;border-radius:.32rem;font-size:.67rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;margin-inline-start:.25rem}.recipe-level-badge.craftable,.recipe-level-badge.rank-professional{background:#34d39924;color:var(--profit-green);border:1px solid rgba(52,211,153,.38)}.recipe-level-badge.rank-novice{background:#9fb3c824;color:#9fb3c8;border:1px solid rgba(159,179,200,.32)}.recipe-level-badge.locked{background:#f59e0b24;color:#fbbf24;border:1px solid rgba(245,158,11,.38)}.prof-header-level-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.36rem .68rem;border-radius:.42rem;font-size:.76rem;cursor:pointer;transition:all .14s ease}.prof-header-level-pill.novice{background:#38bdf81f;border:1px solid rgba(56,189,248,.38);color:var(--accent-cyan)}.prof-header-level-pill.prof{background:#f59e0b24;border:1px solid rgba(245,158,11,.45);color:#fbbf24}.prof-header-level-pill:hover{filter:brightness(1.15)}.level-hidden-notice-row th{background:#101c2be6!important;padding:.65rem .9rem!important}.level-hidden-notice-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem;font-size:.78rem;font-weight:500;color:var(--text-secondary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#050a10c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:1.25rem;overflow-y:auto}.modal-card{inline-size:100%;max-block-size:calc(100dvh - 2.5rem);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:.85rem;box-shadow:0 24px 64px #000000bf;display:flex;flex-direction:column;overflow:hidden}.settings-modal-card{max-inline-size:760px}.tutorial-modal-card{max-inline-size:860px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.15rem 1.35rem;background:var(--bg-elevated);border-block-end:1px solid var(--border-subtle)}.modal-title-group{display:flex;align-items:flex-start;gap:.8rem}.modal-icon-badge{inline-size:40px;block-size:40px;border-radius:.6rem;display:flex;align-items:center;justify-content:center;background:#38bdf824;border:1px solid rgba(56,189,248,.35);color:var(--accent-cyan);flex-shrink:0}.modal-icon-badge.tutorial{background:#34d39924;border-color:#34d39966;color:var(--profit-green)}.modal-title{margin:0;font-size:1.08rem;font-weight:800;color:var(--text-primary)}.modal-subtitle{margin:.2rem 0 0;font-size:.8rem;color:var(--text-secondary)}.modal-body{padding:1.2rem 1.35rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.15rem}.modal-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.95rem 1.35rem;background:var(--bg-elevated);border-block-start:1px solid var(--border-subtle)}.settings-section{display:flex;flex-direction:column;gap:.75rem;background:#0910198c;border:1px solid var(--border-subtle);border-radius:.65rem;padding:1rem 1.1rem}.settings-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.settings-section-title{margin:0;font-size:.88rem;font-weight:800;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.04em}.settings-quick-actions{display:flex;gap:.4rem;flex-wrap:wrap}.prof-levels-grid{display:flex;flex-direction:column;gap:.6rem}.prof-level-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.65rem .85rem;border-radius:.5rem;background:var(--bg-surface);border:1px solid var(--border-subtle)}.prof-level-label{display:flex;align-items:center;gap:.6rem;min-inline-size:165px}.prof-level-icon{display:inline-flex;align-items:center;justify-content:center;inline-size:30px;block-size:30px;border-radius:.42rem;background:#38bdf81f;color:var(--accent-cyan)}.prof-level-name{display:block;font-size:.86rem;font-weight:700}.prof-level-summary-badge{display:inline-block;font-size:.68rem;font-weight:700;margin-block-start:.1rem}.prof-level-summary-badge.novice{color:var(--accent-cyan)}.prof-level-summary-badge.prof{color:#fbbf24}.prof-level-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.rank-toggle-group{display:inline-flex;border-radius:.42rem;overflow:hidden;border:1px solid var(--border-strong);background:var(--bg-base)}.rank-pill{padding:.32rem .68rem;border:none;background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .12s ease}.rank-pill.novice.active{background:#38bdf838;color:#fff}.rank-pill.prof.active{background:#f59e0b3d;color:#fbbf24}.level-slider-group{display:flex;align-items:center;gap:.5rem}.level-range-input{inline-size:115px;accent-color:var(--accent-cyan);cursor:pointer}.level-number-wrap{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-secondary);font-weight:600}.level-num-input{inline-size:56px!important}.settings-options-grid{display:flex;flex-direction:column;gap:.75rem}.settings-option-card{display:flex;flex-direction:column;gap:.45rem}.settings-option-label{font-size:.78rem;font-weight:700;color:var(--text-secondary)}.settings-radio-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.55rem}.settings-radio-pill{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.65rem .8rem;border-radius:.5rem;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);text-align:start;cursor:pointer;transition:all .14s ease}.settings-radio-pill span{font-size:.73rem;color:var(--text-secondary)}.settings-radio-pill.active{border-color:var(--accent-cyan);background:#38bdf824}.settings-checkbox-row{display:flex;align-items:center;gap:.65rem;padding:.6rem .8rem;border-radius:.5rem;background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;font-size:.82rem}.settings-checkbox-row input[type=checkbox]{inline-size:16px;block-size:16px;accent-color:var(--accent-cyan)}.tutorial-step-counter{font-size:.76rem;font-weight:800;padding:.25rem .65rem;border-radius:999px;background:#38bdf829;border:1px solid rgba(56,189,248,.4);color:var(--accent-cyan)}.tutorial-step-dots{display:flex;align-items:center;gap:.4rem;padding:.65rem 1.35rem;background:#091019bf;border-block-end:1px solid var(--border-subtle);overflow-x:auto}.tutorial-dot{inline-size:28px;block-size:28px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-secondary);font-size:.74rem;font-weight:700;cursor:pointer;transition:all .12s ease;flex-shrink:0}.tutorial-dot.active{background:var(--accent-cyan);border-color:var(--accent-cyan);color:#061320;font-weight:800}.tutorial-dot.completed{border-color:#34d39980;color:var(--profit-green)}.tutorial-step-heading{display:flex;flex-direction:column;gap:.28rem}.tutorial-step-badge{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-cyan)}.tutorial-step-title{margin:0;font-size:1.15rem;font-weight:800;color:var(--text-primary)}.tutorial-step-subtitle{margin:0;font-size:.84rem;color:var(--text-secondary)}.tutorial-visual-frame{background:radial-gradient(circle at 50% 0%,#182b42e6,#091019fa);border:1px solid rgba(56,189,248,.35);border-radius:.65rem;padding:1rem;box-shadow:inset 0 1px #ffffff14}.tutorial-preview-box{display:flex;flex-direction:column;gap:.65rem}.tutorial-mock-bar,.tutorial-mock-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.55rem .75rem;border-radius:.45rem;background:var(--bg-surface);border:1px solid var(--border-subtle);font-size:.78rem}.tutorial-mock-row.highlight-gold{border-color:#f59e0b73;background:#f59e0b12}.tutorial-mock-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.24rem .55rem;border-radius:.36rem;background:var(--bg-elevated);border:1px solid var(--border-strong);font-size:.74rem;font-weight:600}.tutorial-mock-pill.cyan{border-color:#38bdf880;color:var(--accent-cyan);background:#38bdf821}.tutorial-mock-pill.gold{border-color:#f59e0b80;color:#fbbf24;background:#f59e0b24}.tutorial-mock-pill.green{border-color:#34d39980;color:var(--profit-green);background:#34d39924}.tutorial-callout-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:800;color:#fbbf24}.tutorial-mock-caption{font-size:.74rem;color:var(--text-secondary);line-height:1.4}.tutorial-bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.tutorial-bullet-item{display:flex;align-items:flex-start;gap:.6rem;padding:.55rem .75rem;border-radius:.45rem;background:#101a26b3;border:1px solid var(--border-subtle);font-size:.82rem;line-height:1.45}.tutorial-bullet-num{display:inline-flex;align-items:center;justify-content:center;inline-size:20px;block-size:20px;border-radius:999px;background:#38bdf82e;border:1px solid rgba(56,189,248,.45);color:var(--accent-cyan);font-size:.7rem;font-weight:800;flex-shrink:0;margin-block-start:.05rem}.settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.65rem}.settings-section-desc{margin:.18rem 0 0;font-size:.76rem;color:var(--text-secondary)}.prof-levels-list{display:flex;flex-direction:column;gap:.55rem}.prof-level-info{display:flex;align-items:center;gap:.65rem}.prof-level-desc{font-size:.72rem;color:var(--text-secondary)}.rank-pill.professional.active{background:#f59e0b3d;color:#fbbf24}.level-badge-label,.level-max-hint{font-size:.74rem;font-weight:600;color:var(--text-secondary)}.level-range-slider{inline-size:115px;accent-color:var(--accent-cyan);cursor:pointer}.display-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.85rem}.display-setting-box{display:flex;flex-direction:column;gap:.5rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:.5rem;padding:.75rem .85rem}.radio-cards-stack{display:flex;flex-direction:column;gap:.45rem}.radio-option-card{display:flex;align-items:flex-start;gap:.6rem;padding:.58rem .75rem;border-radius:.45rem;border:1px solid var(--border-strong);background:#09101999;cursor:pointer;transition:all .14s ease}.radio-option-card:hover{border-color:var(--accent-cyan)}.radio-option-card.active{border-color:var(--accent-cyan);background:#38bdf821}.radio-option-card input{margin-block-start:.18rem;accent-color:var(--accent-cyan)}.radio-option-title{font-size:.8rem;font-weight:700;color:var(--text-primary)}.radio-option-sub{font-size:.71rem;color:var(--text-secondary);margin-block-start:.12rem}.tutorial-progress-bar{display:flex;align-items:center;gap:.45rem;padding:.65rem 1.35rem;background:#091019bf;border-block-end:1px solid var(--border-subtle);overflow-x:auto}.tutorial-progress-dot{inline-size:28px;block-size:28px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-secondary);font-size:.74rem;font-weight:700;cursor:pointer;transition:all .12s ease;flex-shrink:0}.tutorial-progress-dot.active{background:var(--accent-cyan);border-color:var(--accent-cyan);color:#061320;font-weight:800}.tutorial-progress-dot.completed{border-color:#34d39980;color:var(--profit-green)}.tutorial-step-layout{display:flex;flex-direction:column;gap:1rem}.tutorial-frame-label{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-cyan);margin-block-end:.55rem}.tutorial-mock-header,.tutorial-mock-box{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:.5rem;padding:.75rem .9rem}.tutorial-mock-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem}.tutorial-callout-wrap{display:inline-flex;align-items:center;gap:.25rem}.tutorial-instructions{display:flex;flex-direction:column;gap:.55rem}.tutorial-step-intro{margin:0;font-size:.84rem;color:var(--text-secondary);line-height:1.45}.tutorial-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.tutorial-points li{display:flex;align-items:flex-start;gap:.65rem;padding:.58rem .8rem;border-radius:.45rem;background:#101a26b8;border:1px solid var(--border-subtle);font-size:.82rem;line-height:1.45}.tutorial-point-num{font-size:.92rem;font-weight:800;color:#fbbf24;flex-shrink:0;line-height:1.3}.batch-fullscreen-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.85rem}.batch-kpi-highlight{border-color:#c084fc73;background:linear-gradient(180deg,rgba(192,132,252,.1) 0%,var(--bg-surface) 100%)}.batch-fullscreen-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9200;background:#04090fd6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.25rem;overflow-y:auto}.batch-fullscreen-modal{inline-size:min(1440px,96vw);max-block-size:calc(100dvh - 2.5rem);background:var(--bg-surface);border:1px solid rgba(192,132,252,.45);border-radius:.9rem;box-shadow:0 28px 80px #000000d1;display:flex;flex-direction:column;overflow:hidden}.batch-standalone-wrapper{inline-size:100%}.batch-standalone-card{padding:0;overflow:hidden;border-color:#c084fc73}.batch-modal-eyebrow{display:inline-flex;align-items:center;gap:.32rem;padding:.16rem .52rem;border-radius:.35rem;background:#c084fc29;border:1px solid rgba(192,132,252,.42);color:#c084fc;font-size:.68rem;font-weight:800;letter-spacing:.05em}.batch-controls-toolbar{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(280px,1.3fr) auto;gap:.85rem;padding:.85rem 1rem;border-radius:.6rem;background:#091019a6;border:1px solid var(--border-subtle);align-items:end}@media(max-width:980px){.batch-controls-toolbar{grid-template-columns:1fr}}.batch-control-group{display:flex;flex-direction:column;gap:.35rem}.batch-qty-controls-row{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.batch-qty-presets{display:inline-flex;align-items:center;gap:.28rem;flex-wrap:wrap}.batch-preset-pill{padding:.28rem .52rem;border-radius:.35rem;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-secondary);font-size:.73rem;font-weight:700;cursor:pointer;transition:all .12s ease}.batch-preset-pill:hover{border-color:var(--accent-cyan);color:var(--text-primary)}.batch-preset-pill.active{background:#38bdf838;border-color:var(--accent-cyan);color:#fff}.batch-shopping-section{display:flex;flex-direction:column;gap:.55rem}.batch-shopping-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem}.batch-shopping-title{margin:0;font-size:.82rem;font-weight:800;letter-spacing:.04em;color:var(--text-secondary)}.batch-progress-pill{font-size:.72rem;font-weight:700;padding:.14rem .55rem;border-radius:999px;background:#34d39924;border:1px solid rgba(52,211,153,.38);color:var(--profit-green)}.shopping-check-btn{display:inline-flex;align-items:center;justify-content:center;padding:.2rem;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .12s ease}.shopping-check-btn:hover{color:var(--accent-cyan)}.shopping-check-btn.checked{color:var(--profit-green)}.shopping-row-checked th,.shopping-row-checked td{background-color:#34d3990a}.grade-common{color:#94a3b8}.grade-rare{color:#4ade80}.grade-epic{color:#38bdf8}.grade-unique{color:#f59e0b}.ql-grade-label{font-size:.84rem;font-weight:700;letter-spacing:.01em}.ql-recipe-name{font-weight:700;font-size:.9rem;letter-spacing:.01em}.ql-recipe-icon-frame{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;padding:1px;background:#141c26;flex-shrink:0;box-shadow:0 2px 5px #0000008c}.ql-recipe-icon-frame.large{border-radius:6px}.grade-frame-common{border:1px solid rgba(148,163,184,.45);background:radial-gradient(circle at 50% 50%,#94a3b829,#121820)}.grade-frame-rare{border:1px solid rgba(74,222,128,.62);background:radial-gradient(circle at 50% 50%,#4ade8038,#102118)}.grade-frame-epic{border:1px solid rgba(56,189,248,.68);background:radial-gradient(circle at 50% 50%,#38bdf840,#0f1e2e)}.grade-frame-unique{border:1px solid rgba(245,158,11,.78);background:radial-gradient(circle at 50% 50%,#f59e0b47,#271b0c)}.ql-materials-col{inline-size:124px;min-inline-size:114px;max-inline-size:132px}.ql-grade-col{white-space:nowrap}.ql-materials-strip{display:inline-grid;grid-template-columns:repeat(3,max-content);align-items:center;gap:.32rem}.ql-recipe-card .ql-materials-strip{display:inline-grid;grid-template-columns:repeat(7,max-content);align-items:center;gap:.34rem}.ql-mat-tile{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:1px;overflow:hidden;flex-shrink:0;box-shadow:0 2px 5px #0009;transition:transform .12s ease,border-color .12s ease}.ql-mat-tile:hover{transform:translateY(-1px);filter:brightness(1.1)}.ql-mat-qty{position:absolute;inset-block-end:1px;inset-inline-end:3px;z-index:3;font-size:.73rem;font-weight:800;line-height:1;color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;text-shadow:0 1px 2px #000000,0 0 4px #000000,-1px -1px 0 #000000,1px -1px 0 #000000,-1px 1px 0 #000000,1px 1px 0 #000000}.ql-toolbar-select-wrap{display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem;font-weight:600;color:var(--text-secondary)}.ql-view-toggle{display:inline-flex;align-items:center;border-radius:.42rem;overflow:hidden;border:1px solid var(--border-strong);background:#111822}.ql-view-btn{display:inline-flex;align-items:center;justify-content:center;inline-size:34px;block-size:32px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .14s ease}.ql-view-btn:hover{color:#fff;background:#ffffff0f}.ql-view-btn.active{background:#2563eb;color:#fff;box-shadow:inset 0 1px #fff3}.ql-grid-container{padding:1rem 1.15rem 1.25rem;display:flex;flex-direction:column;gap:.9rem}.ql-grid-section-banner{display:flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:.45rem;background:linear-gradient(90deg,#f59e0b2e,#101a26e6 75%);border:1px solid rgba(245,158,11,.35);color:#fbbf24;font-size:.74rem;font-weight:800;letter-spacing:.05em}.ql-grid-section-banner.secondary{background:linear-gradient(90deg,#38bdf826,#101a26e6 75%);border-color:#38bdf84d;color:var(--accent-cyan)}.ql-recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(295px,1fr));gap:.85rem;align-items:stretch}.ql-recipe-card{display:flex;flex-direction:column;justify-content:space-between;gap:.7rem;padding:.95rem 1rem;border-radius:.55rem;background:#141b24;border:1px solid rgba(148,163,184,.16);box-shadow:0 6px 18px #00000061;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.ql-recipe-card:hover{border-color:#38bdf86b;box-shadow:0 10px 24px #00000080}.ql-recipe-card.favorite-card{border-color:#f59e0b6b;background:linear-gradient(180deg,#f59e0b0d,#141b24)}.ql-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding-block-end:.65rem;border-block-end:1px solid rgba(148,163,184,.12)}.ql-card-title-btn{display:flex;align-items:center;gap:.65rem;background:none;border:none;padding:0;text-align:start;cursor:pointer;min-inline-size:0;flex:1}.ql-card-title-group{display:flex;flex-direction:column;gap:.25rem;min-inline-size:0}.ql-card-title{font-size:.94rem;font-weight:700;line-height:1.25;word-break:break-word}.ql-card-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.ql-card-subcat{font-size:.68rem;font-weight:600;color:var(--text-muted)}.ql-card-yield-pill{font-size:.66rem;font-weight:700;padding:.05rem .38rem;border-radius:.28rem;background:#38bdf824;color:var(--accent-cyan);border:1px solid rgba(56,189,248,.3)}.ql-card-actions{display:flex;align-items:center;gap:.18rem;flex-shrink:0}.ql-card-section{display:flex;flex-direction:column;gap:.38rem}.ql-card-section-label{font-size:.72rem;font-weight:600;color:#8295ab;letter-spacing:.01em}.ql-card-expanded-ings{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .6rem;border-radius:.4rem;background:#090e16bf;border:1px solid rgba(148,163,184,.14);font-size:.75rem}.ql-card-ing-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ql-card-ing-name{font-weight:600}.ql-card-ing-cost{color:var(--text-secondary);font-variant-numeric:tabular-nums}.ql-card-grade-row{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem}.ql-card-profit-pill-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:.14rem}.ql-card-profit-value{font-size:.78rem;font-weight:800;font-variant-numeric:tabular-nums}.ql-card-market-footer{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding-block-start:.6rem;border-block-start:1px solid rgba(148,163,184,.12)}.ql-card-price-field{display:flex;flex-direction:column;gap:.18rem;font-size:.68rem;font-weight:600;color:var(--text-secondary)}.ql-card-price-input{inline-size:118px!important;padding:.26rem .45rem!important;font-size:.78rem!important}.ql-card-cost-summary{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.ql-card-cost-label{font-size:.68rem;color:var(--text-muted);font-weight:600}.ql-card-cost-val{font-size:.82rem;color:var(--text-primary);font-variant-numeric:tabular-nums}.ql-empty-grid-state{padding:2.5rem 1.5rem;text-align:center;color:var(--text-secondary)}.unavailable-crafts-section{display:flex;flex-direction:column;gap:.85rem;margin-block-start:.75rem;padding-block-start:.9rem;border-block-start:1px dashed rgba(245,158,11,.35)}.unavailable-crafts-section.list-mode{gap:0;margin-block-start:1.15rem;padding-block-start:0;border-block-start:2px solid rgba(245,158,11,.35);background:#0f1620a6}.unavailable-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.65rem 1rem;background:linear-gradient(90deg,#f59e0b29,#ef444414 45%,#101824f2);border:1px solid rgba(245,158,11,.35);border-radius:.5rem}.unavailable-crafts-section.list-mode .unavailable-section-header{border-radius:0;border-inline:none;border-block-start:none;border-block-end:1px solid rgba(245,158,11,.3);padding:.7rem 1.15rem}.unavailable-section-title-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.unavailable-section-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:800;letter-spacing:.05em;color:#fbbf24}.unavailable-section-sub{font-size:.76rem;color:var(--text-secondary)}.unavailable-recipe-row th,.unavailable-recipe-row td{background-color:#0c121a8c}.ql-recipe-card.unavailable-card{border-color:#f59e0b3d;background:linear-gradient(180deg,#f59e0b08,#111720)}.price-history-btn{color:#4fd1a5;background:#4fd1a51a;border-color:#4fd1a54d}.price-history-btn:hover{color:#34d399;background:#34d39938;border-color:#34d3998c}.ex-history-backdrop{padding:1.25rem}.ex-history-modal-card{inline-size:100%;max-inline-size:1120px;max-block-size:calc(100dvh - 2.5rem);overflow-y:auto;background:#0b1420;border:1px solid #1e324a;border-radius:.75rem;padding:1.25rem 1.5rem 1.5rem;box-shadow:0 24px 64px #000000b8;display:flex;flex-direction:column;gap:.9rem}.ex-history-top-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ex-back-link-btn{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;padding:.2rem .4rem;margin-inline-start:-.4rem;color:#60a5fa;font-size:.82rem;font-weight:600;cursor:pointer;border-radius:.35rem;transition:color .14s ease,background .14s ease}.ex-back-link-btn:hover{color:#93c5fd;background:#60a5fa1a}.ex-history-top-right{display:flex;align-items:center;gap:.65rem}.ex-server-pill{font-size:.76rem;font-weight:600;padding:.24rem .65rem;border-radius:999px;background:#102434e6;border:1px solid #2b4c65;color:var(--text-secondary)}.ex-close-btn{display:inline-flex;align-items:center;justify-content:center;padding:.35rem;border-radius:.4rem;border:1px solid #243b55;background:#091019b3;color:var(--text-secondary);cursor:pointer;transition:color .14s ease,background .14s ease,border-color .14s ease}.ex-close-btn:hover{color:#fff;background:#f8717129;border-color:#f8717173}.ex-item-banner{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.95rem 1.2rem;border-radius:.65rem;background:linear-gradient(90deg,#1e3048ad,#101b2aeb 45%,#0d1622fa);border:1px solid #213750}.ex-item-banner-left{display:flex;align-items:center;gap:.95rem;min-inline-size:0}.ex-item-banner-right{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.ex-item-icon-box{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;padding:2px;background:#0d1622;border:1px solid rgba(148,163,184,.35);box-shadow:0 4px 12px #0000008c;flex-shrink:0}.ex-item-title-block{display:flex;flex-direction:column;gap:.32rem;min-inline-size:0}.ex-item-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.ex-item-title{margin:0;font-size:1.32rem;font-weight:800;letter-spacing:-.01em;line-height:1.2}.ex-item-meta-row,.ex-item-meta-line{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;font-size:.8rem;color:#8da2b8}.ex-grade-pill,.ex-rarity-pill{display:inline-flex;align-items:center;padding:.1rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;background:#0f1926eb;border:1px solid rgba(148,163,184,.38);color:#cbd5e1}.grade-pill-common{color:#cbd5e1;border-color:#94a3b866}.grade-pill-rare{color:#4ade80;border-color:#4ade8073;background:#143020a6}.grade-pill-epic{color:#38bdf8;border-color:#38bdf873;background:#0f2438b3}.grade-pill-unique{color:#f59e0b;border-color:#f59e0b80;background:#34220cb3}.ex-category-crumb,.ex-cat-highlight{color:#60a5fa;font-weight:600}.ex-meta-sep{color:#526980}.ex-breadcrumb-text{color:#8da2b8;font-size:.8rem}.ex-range-group{display:inline-flex;align-items:center;gap:.25rem;padding:.22rem;border-radius:.5rem;background:#09111b;border:1px solid #1f344d}.ex-range-btn{padding:.38rem .72rem;border:none;border-radius:.36rem;background:transparent;color:#9fb3c8;font-size:.8rem;font-weight:700;cursor:pointer;transition:background .14s ease,color .14s ease}.ex-range-btn:hover{color:#f0f4f8;background:#ffffff0f}.ex-range-btn.active{background:#4fd1a5;color:#061310;box-shadow:0 2px 8px #4fd1a559}.ex-history-modal-body{display:flex;flex-direction:column;gap:.9rem;padding:0!important}.ex-kpi-cards-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}@media(max-width:900px){.ex-kpi-cards-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.ex-kpi-cards-row{grid-template-columns:1fr}}.ex-kpi-card{background:#101c2b;border:1px solid #1e324a;border-radius:.6rem;padding:.85rem 1.05rem;display:flex;flex-direction:column;gap:.28rem}.ex-kpi-label{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7c93ab}.ex-kpi-main,.ex-kpi-value{font-size:1.28rem;font-weight:800;color:#f8fafc;font-variant-numeric:tabular-nums}.ex-kpi-sub,.ex-kpi-hint{font-size:.76rem;color:#8298b0;line-height:1.35;font-variant-numeric:tabular-nums}.ex-kpi-sub.pos,.ex-delta-pos{color:#4fd1a5;font-weight:600}.ex-kpi-sub.neg,.ex-delta-neg{color:#f87171;font-weight:600}.ex-kpi-note{font-size:.71rem;line-height:1.35;color:#6e859e}.ex-chart-panel{background:#101c2b;border:1px solid #1e324a;border-radius:.65rem;padding:1.1rem 1.25rem 1.2rem;display:flex;flex-direction:column;gap:.9rem}.ex-chart-loading,.ex-chart-empty{min-block-size:260px;display:flex;align-items:center;justify-content:center;gap:.6rem;color:var(--text-secondary);font-size:.88rem}.ex-chart-block{display:flex;flex-direction:column;gap:.45rem}.ex-listings-block,.ex-listings-subhead{padding-block-start:.65rem;border-block-start:1px solid rgba(33,55,80,.65)}.ex-chart-head,.ex-chart-section-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.65rem}.ex-chart-title{margin:0;font-size:.98rem;font-weight:800;color:#f0f4f8}.ex-chart-sub,.ex-chart-subtitle{margin:.14rem 0 0;font-size:.76rem;color:#7c93ab}.ex-hover-readout{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.65rem;padding:.28rem .7rem;border-radius:.4rem;background:#091019d9;border:1px solid #294360;font-size:.76rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.ex-hover-time{color:#93c5fd;font-weight:700}.ex-svg-wrap{inline-size:100%;overflow:hidden}.ex-chart-svg,.ex-history-svg,.ex-listings-svg{inline-size:100%;block-size:auto;display:block;-webkit-user-select:none;user-select:none;cursor:crosshair}.ex-axis-label{fill:#7c93ab;font-size:11px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-variant-numeric:tabular-nums}