:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}button{font-family:inherit;font-size:1em;font-weight:500;padding:.6em 1.2em;border-radius:8px;border:1px solid transparent;background-color:#000032;color:inherit;cursor:pointer}button:hover{border-color:#ffffff40}button:active{border-color:#ffffff59}button:focus-visible{outline:2px solid rgba(255,255,255,.35);outline-offset:2px}input,select,textarea{font:inherit;border-radius:8px;background-color:#282828;color:#ffffffde;border:1px solid #3a3a3a;padding:.6em .8em;box-sizing:border-box}input::placeholder,textarea::placeholder{color:#ffffff80}input:focus,select:focus,textarea:focus{outline:none}#root{min-height:100vh;padding:2rem;box-sizing:border-box}.calculator{display:flex;flex-direction:column;gap:16px}.calculator-body{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.calculator-cards{display:flex;flex-direction:column;gap:12px;min-width:0}.calculator-sidebar{display:flex;flex-direction:column;gap:12px;position:sticky;top:16px;align-self:start}@media(max-width:900px){.calculator-body{grid-template-columns:1fr}.calculator-sidebar{position:static}}.search{width:100%;max-width:1000px}.search-label{display:block;font-size:14px;margin-bottom:6px}.search-control{position:relative}.search-input{width:100%;box-sizing:border-box;padding:10px 12px;font-size:16px;border:2px solid #8a8a8a;border-radius:8px;outline:none}.search-input:focus{border-color:#000032}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;transform-origin:top;background:#303030;border:1px solid #cfcfcf;border-radius:8px;max-height:min(70vh,calc(100vh - 160px));overflow-y:auto;z-index:999;box-shadow:0 10px 24px #0000001f;padding:6px}.search-row{display:flex;align-items:center;gap:10px}.search-row .search-input{flex:1}.search-clear{padding:10px 12px;white-space:nowrap}.option{display:block;width:100%;text-align:left;padding:10px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:14px}.option:hover{background:#0000c81a}.option:active{background:#0000c826}.option-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;line-height:1}.option-name{font-weight:600}.option-materials{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;line-height:1;min-width:0}.option-artefact{display:inline-flex;align-items:center;gap:12px;line-height:1;white-space:nowrap}.option-level{font-family:monospace;opacity:.8;display:inline-flex;align-items:center;line-height:1;white-space:nowrap}.container{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.boxed{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px}.image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.tooltip{position:relative;display:inline-flex}.tooltip-trigger{display:inline-flex}.tooltip-bubble{position:absolute;z-index:9999;pointer-events:none;opacity:0;transition:opacity .12s ease,transform .12s ease;display:inline-block;width:max-content;max-width:min(90vw,640px);padding:8px 10px;border-radius:10px;background:#141414f2;color:#fff;font-size:12px;line-height:1.25;white-space:normal;box-shadow:0 6px 24px #00000040}.tooltip-bubble-portal{position:fixed;z-index:9999;opacity:1;pointer-events:none;transform:translate(0)}.tooltip-bubble[data-placement=top]{transform:translateY(2px)}.tooltip-bubble-portal[data-placement=top]{transform:translate(0)}.tooltip-bubble[data-placement=bottom]{transform:translateY(-2px)}.tooltip-bubble-portal[data-placement=bottom]{transform:translate(0)}.tooltip-bubble[data-placement=left]{transform:translate(2px)}.tooltip-bubble-portal[data-placement=left]{transform:translate(0)}.tooltip-bubble[data-placement=right]{transform:translate(-2px)}.tooltip-bubble-portal[data-placement=right]{transform:translate(0)}.card{border:1px solid #3a3a3a;border-radius:10px;background:#2a2a2a;padding:12px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-header-left{display:flex;align-items:center;gap:12px;min-width:0}.card-title{display:flex;flex-direction:column;gap:2px}.card-name{font-weight:700;font-size:16px}.card-meta{font-family:monospace;opacity:.85;font-size:13px}.card-quantity{display:flex;align-items:center;gap:8px}.card-quantity-label{font-size:13px;opacity:.85}.card-quantity-input{width:80px;padding:6px 8px}.card-section-title{margin-top:10px;font-size:13px;opacity:.85}.card-materials{list-style:none;padding:0;margin:8px 0 0}.card-material-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid rgba(255,255,255,.08)}.card-material-row-left{display:inline-flex;align-items:center;line-height:1;gap:12px}.card-material-name{font-size:14px}.card-material-quantity{font-family:monospace;width:3ch;text-align:right;opacity:.95}.card-actions{display:flex;align-items:center;gap:10px}.card-delete{padding:6px 10px;font-size:.9em}.num{display:inline-flex;align-items:stretch;border-radius:10px;background:#0000002e;border:1px solid rgba(255,255,255,.12);overflow:hidden}.num[data-disabled=true]{opacity:.65}.num-input{width:50px;padding:6px 10px;border:none;outline:none;background:#00000040;color:inherit;font-family:monospace;font-size:14px;text-align:center;box-sizing:border-box}.num-stepper{display:flex;flex-direction:column;width:22px;border-left:1px solid rgba(255,255,255,.12);background:#ffffff0a}.num-button{padding:0;margin:0;border:0;background:transparent;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1 1 0;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1}.num-button:hover{background:#ffffff14}.num-button:active{background:#ffffff1f}.num-button:disabled{opacity:.45;cursor:not-allowed}.receipt{border:1px solid #3a3a3a;border-radius:12px;background:#2a2a2a;padding:14px}.receipt-header{margin-bottom:12px}.receipt-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.receipt-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;opacity:.9}.receipt-toggle input{width:16px;height:16px}.receipt-title{font-size:18px;font-weight:800}.receipt-subtitle{font-size:12px;opacity:.75}.receipt-total-box{border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#00000040;padding:12px}.receipt-total-heading{font-weight:800;letter-spacing:.08em;font-size:12px;opacity:.85;margin-bottom:8px}.receipt-empty{padding:8px 0;opacity:.8}.receipt-breakdown{margin-top:14px;overflow:hidden;transition:max-height .2s ease,opacity .14s ease,transform .2s ease;opacity:1;transform:translateY(0)}.receipt-breakdown[data-open=false]{opacity:0;transform:translateY(-4px)}.receipt-breakdown-inner{padding-top:0}.receipt-breakdown-heading{font-weight:800;letter-spacing:.06em;font-size:12px;opacity:.85;margin:10px 0}.receipt-block{border-top:1px solid rgba(255,255,255,.1);padding-top:12px;margin-top:12px}.receipt-block-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.receipt-block-header-left{display:flex;align-items:center;gap:12px;min-width:0}.receipt-block-title{display:flex;flex-direction:column;gap:2px}.receipt-artefact-name{font-weight:700}.receipt-artefact-meta{font-family:monospace;font-size:12px;opacity:.8}.receipt-artefact-quantity{font-family:monospace;font-weight:700;opacity:.9}.receipt-list{list-style:none;padding:0;margin:0}.receipt-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px dashed rgba(255,255,255,.08)}.receipt-row:first-child{border-top:none}.receipt-row-left{display:flex;align-items:center;line-height:1;gap:12px}.receipt-left{display:flex;font-size:14px;line-height:1}.receipt-right-stack{font-family:monospace;min-width:14ch;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;line-height:1.1;text-align:right}.receipt-right{font-family:monospace;font-size:14px;text-align:right;min-width:18ch;display:flex;align-items:center;justify-content:flex-end;line-height:1}.receipt-block-title{margin-top:10px;font-size:13px;opacity:.85}.receipt-math{opacity:.55;font-size:12px;line-height:1.1;margin-top:2px}.receipt-total-ok{color:#009600;font-size:18px;font-weight:700}.receipt-total-missing{color:#960000;font-size:18px;font-weight:700}.storage{border:1px solid #3a3a3a;border-radius:10px;background:#2a2a2a;overflow:hidden}.storage-summary{width:100%;border:0;background:#ffffff08;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-weight:700}.storage-summary:hover{background:#ffffff0f}.storage-summary-right{opacity:.8}.storage-body{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:translateY(-4px);transition:max-height .18s ease,opacity .1s ease,transform .18s ease,padding .18s ease;padding:0 12px}.storage[data-open=true] .storage-body{max-height:80vh;opacity:1;transform:translateY(0);padding:10px 12px 12px}.storage-step{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.storage-step-title{font-weight:700}.storage-step-sub{font-size:12px;opacity:.8;margin-top:2px}.storage-list{margin-top:10px;display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;max-height:none;overflow:auto;padding-right:4px}.storage-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"left value" "controls controls";column-gap:10px;row-gap:8px;padding:8px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.06)}.storage-left{grid-area:left;display:inline-flex;align-items:center;gap:10px;min-width:0}.storage-name-block{min-width:0}.storage-name{font-weight:600;white-space:normal;overflow:hidden;text-overflow:unset;line-height:1.25}.storage-controls{grid-area:controls;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}.storage-button{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:inherit;cursor:pointer;border-radius:8px;padding:4px 6px;font-size:10px;line-height:1}.storage-button:hover{background:#ffffff14}.storage-value{font-family:monospace;min-width:5ch;text-align:center;padding:6px 8px;font-size:18px;border-radius:8px;border:1px solid transparent;cursor:pointer}.storage-value:hover{border-color:#ffffff2e;background:#ffffff0f}.storage-value-input{width:7ch;text-align:center;padding:6px 8px;font-size:18px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#00000040;color:inherit;font-family:monospace}.storage-value,.storage-value-input{grid-area:value;justify-self:end;align-self:start}.storage-footer{margin-top:10px;display:flex;justify-content:flex-end;flex:0 0 auto}.storage-reset{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;font-size:12px}.storage-reset:hover{background:#ffffff14}.storage-toggle-row{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.06)}.storage-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px}.storage-toggle input{width:16px;height:16px}.storage-toggle-hint{font-size:12px;opacity:.8;font-family:monospace}