:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:monospace;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh}:root{--color-bg-primary:#000;--color-bg-secondary:#111;--color-text-primary:#fff;--color-text-secondary:#ccc;--color-text-muted:#666;--color-border-primary:#fff;--color-border-secondary:#333;--color-border-dark:#444;--color-recyclable:#228b224d;--color-recyclable-border:#228b22;--color-quests:gold;--color-projects:#00bfff;--color-workshop:#ff6b6b;--font-mono:monospace}.app{font-family:var(--font-mono);background-color:var(--color-bg-primary);min-height:100vh}.app-title{letter-spacing:.1em;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.item-count{color:var(--color-text-primary);margin-top:.5rem;font-size:.9rem}.search-bar{margin-bottom:.5rem}.search-input{width:100%;max-width:600px;font-family:var(--font-mono);background-color:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-border-primary);outline:none;padding:.5rem;font-size:1rem}.search-input:focus{border-color:var(--color-border-primary)}.search-input::placeholder{color:var(--color-text-muted)}.items-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:.9rem}@media (max-width:768px){.items-table{font-size:.8rem}}.table-header{background-color:var(--color-bg-primary);z-index:5;position:sticky;top:0}.table-header-cell{text-align:left;border-bottom:2px solid var(--color-border-primary);background-color:var(--color-bg-primary);color:var(--color-text-primary);padding:.5rem;font-weight:700}@media (max-width:768px){.table-header-cell{padding:.3rem}}.table-cell{border-bottom:1px solid var(--color-border-secondary);padding:.5rem}@media (max-width:768px){.table-cell{padding:.3rem}}.item-row{background-color:var(--color-bg-primary);color:var(--color-text-primary)}.item-row--recyclable{background-color:var(--color-recyclable);color:var(--color-text-primary);border:2px solid var(--color-recyclable-border);font-weight:700}.item-row--recyclable .table-cell{border-bottom:1px solid var(--color-recyclable-border)}.item-details-row{background-color:var(--color-bg-secondary)}.cell--name{min-width:200px;font-weight:700}@media (max-width:768px){.cell--name{min-width:150px}}.cell--weight,.cell--value{min-width:80px}.cell--usage{min-width:60px}.cell--details{border-bottom:2px solid var(--color-border-dark)!important;padding:1rem!important}@media (max-width:768px){.cell--details{padding:.5rem!important}}.usage-details{color:var(--color-text-primary);font-size:.85rem}@media (max-width:768px){.usage-details{font-size:.75rem}}.detail-section{margin-bottom:.75rem}.detail-section:last-child{margin-bottom:0}.detail-section__title{color:var(--color-text-primary);margin-bottom:.5rem;font-weight:700;display:block}.detail-section__list{margin:0;padding-left:1rem;list-style:none}.detail-section__item{color:var(--color-text-secondary);padding:.25rem 0}.detail-section__item:before{content:"→ ";color:var(--color-text-primary);margin-right:.5rem}.detail-section--quests{border-left:3px solid var(--color-quests);padding-left:.75rem}.detail-section--quests .detail-section__title,.detail-section--quests .detail-section__item:before{color:var(--color-quests)}.detail-section--projects{border-left:3px solid var(--color-projects);padding-left:.75rem}.detail-section--projects .detail-section__title,.detail-section--projects .detail-section__item:before{color:var(--color-projects)}.detail-section--workshop{border-left:3px solid var(--color-workshop);padding-left:.75rem}.detail-section--workshop .detail-section__title,.detail-section--workshop .detail-section__item:before{color:var(--color-workshop)}