:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input{font-family:inherit}:root{--primary-color: #4a9eff;--danger-color: #ff4a4a;--success-color: #4ade80;--warning-color: #fbbf24;--bg-dark: #1a1a1a;--bg-card: #2d2d2d;--text-primary: #ffffff;--text-secondary: #a0a0a0;--border-color: #404040}*{box-sizing:border-box}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.header{text-align:center;padding:2rem 1rem;background:#0000004d;border-bottom:2px solid var(--primary-color)}.header h1{font-size:2.5rem;margin:0;background:linear-gradient(135deg,var(--primary-color),#7dd3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-secondary);margin:.5rem 0 0;font-size:1.1rem}.main-content{flex:1;max-width:800px;width:100%;margin:0 auto;padding:2rem 1rem}.search-container{position:relative;margin-bottom:2rem}.search-input-wrapper{position:relative}.search-input{width:100%;padding:1rem 3rem 1rem 1.5rem;font-size:1.1rem;background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a9eff33}.clear-button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.5rem;line-height:1;transition:color .2s}.clear-button:hover{color:var(--text-primary)}.search-results{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;list-style:none;margin:0;padding:.5rem;max-height:400px;overflow-y:auto;z-index:10;box-shadow:0 10px 30px #00000080}.search-result-item{padding:.75rem 1rem;cursor:pointer;border-radius:8px;transition:background .2s}.search-result-item:hover{background:#4a9eff1a}.result-name{font-size:1rem;color:var(--text-primary);font-weight:500}.result-category{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.item-details{background:var(--bg-card);border-radius:16px;padding:2rem;border:2px solid var(--border-color);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.discard-status{padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;text-align:center}.discard-status.safe{background:#4ade801a;border:2px solid var(--success-color)}.discard-status.keep{background:#fbbf241a;border:2px solid var(--warning-color)}.discard-status h2{margin:0;font-size:1.5rem}.discard-status.safe h2{color:var(--success-color)}.discard-status.keep h2{color:var(--warning-color)}.item-info{margin-bottom:2rem}.item-info h1{margin:0 0 .5rem;font-size:2rem;color:var(--text-primary)}.item-meta{display:flex;gap:1rem;margin-bottom:1rem;align-items:center}.rarity{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:600;text-transform:uppercase}.rarity-common{background:#9e9e9e33;color:#9e9e9e}.rarity-uncommon{background:#4caf5033;color:#4caf50}.rarity-rare{background:#2196f333;color:#2196f3}.rarity-epic{background:#9c27b033;color:#9c27b0}.rarity-legendary{background:#ff980033;color:#ff9800}.category{color:var(--text-secondary);font-size:.875rem}.item-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;padding:1rem;background:#0003;border-radius:8px}.stat{color:var(--text-secondary)}.stat strong{color:var(--primary-color);margin-right:.5rem}.usage-section,.notes-section{margin-top:2rem}.usage-section h3,.notes-section h3{color:var(--primary-color);margin:0 0 1rem;font-size:1.25rem}.usage-list{display:flex;flex-direction:column;gap:1rem}.usage-item{background:#0000004d;padding:1rem;border-radius:8px;border-left:4px solid var(--primary-color)}.usage-item.workshop-item{border-left-color:#a78bfa}.usage-item.quest-item{border-left-color:var(--warning-color)}.usage-item.project-item{border-left-color:#60a5fa}.usage-detail{margin-bottom:.5rem;color:var(--text-primary)}.usage-detail strong{color:var(--primary-color);margin-right:.5rem}.usage-description{color:var(--text-secondary);font-style:italic}.notes-section p{color:var(--text-secondary);line-height:1.6;margin:0}.no-usage{background:#0000004d;padding:1rem;border-radius:8px;margin-top:1rem}.no-usage p{margin:0;color:var(--text-secondary)}.welcome-message{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.welcome-message h2{color:var(--text-primary);margin-bottom:1rem}.welcome-message p{margin:.5rem 0;font-size:1.1rem}.hint{color:var(--primary-color);font-style:italic}.footer{text-align:center;padding:2rem 1rem;color:var(--text-secondary);border-top:1px solid var(--border-color)}.footer p{margin:0}@media(max-width:768px){.header h1{font-size:2rem}.subtitle{font-size:1rem}.main-content{padding:1rem}.item-details{padding:1.5rem}.item-info h1{font-size:1.5rem}.discard-status h2{font-size:1.25rem}}