*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#eee;min-height:100vh}.app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative}.header{background:#e63946;padding:1rem;text-align:center;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0006}.header h1{font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:1px}.main{flex:1;padding:1rem 1rem 5rem;overflow-y:auto}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#16213e;display:flex;border-top:1px solid #333;z-index:10}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:.75rem;text-decoration:none;color:#888;font-size:.75rem;transition:color .2s}.nav-item.active{color:#e63946}.nav-icon{font-size:1.4rem;margin-bottom:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#e63946;color:#fff}.btn-secondary{background:#333;color:#eee}.btn-success{background:#2ecc71;color:#fff}.btn-danger{background:#c0392b;color:#fff}.btn-full{width:100%}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.card-item{background:#16213e;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s;position:relative}.card-item:active{transform:scale(.97)}.card-item img{width:100%;display:block;aspect-ratio:2/3;object-fit:cover}.card-item .card-name{font-size:.65rem;text-align:center;padding:.25rem;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-item .remove-btn{position:absolute;top:2px;right:2px;background:#0009;border:none;color:#fff;border-radius:50%;width:22px;height:22px;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-page{display:flex;flex-direction:column;gap:1rem;padding-bottom:6rem}.search-bar{display:flex;gap:.5rem;position:sticky;top:0;z-index:5;background:#1a1a2e;padding:.25rem 0}.search-bar input{flex:1;min-width:0;padding:.75rem;border-radius:8px;border:1px solid #333;background:#16213e;color:#eee;font-size:1rem}.search-bar input:focus{outline:none;border-color:#e63946}.suggestions{display:flex;flex-wrap:wrap;gap:.4rem}.chip{background:#16213e;border:1px solid #333;color:#ccc;border-radius:999px;padding:.35rem .8rem;font-size:.85rem;cursor:pointer}.chip:active{transform:scale(.96)}.result-header{display:flex;align-items:center;gap:.5rem}.set-filter{width:100%;padding:.7rem;border-radius:8px;border:1px solid #333;background:#16213e;color:#eee;font-size:.9rem}.pick-card{background:#16213e;border:2px solid transparent;border-radius:8px;overflow:hidden;padding:0;cursor:pointer;text-align:center;color:inherit;font:inherit;display:block;width:100%}.pick-card:active{transform:scale(.97)}.pick-card.selected{border-color:#e63946}.pick-card img{width:100%;display:block;aspect-ratio:2/3;object-fit:cover}.pick-name{font-size:.68rem;font-weight:700;color:#eee;padding:.3rem .25rem 0;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-meta{font-size:.6rem;color:#b9a0a4;padding:.1rem .25rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-set{font-size:.58rem;color:#777;padding:0 .25rem .35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-bar{position:fixed;bottom:3.9rem;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;align-items:center;gap:.6rem;padding:.6rem;background:#0f1729;border-top:1px solid #333;z-index:20}.action-bar>img{width:42px;border-radius:4px;flex-shrink:0}.action-info{flex:1;min-width:0}.action-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-set{font-size:.7rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-btn{background:none;border:none;color:#e63946;font-size:.72rem;padding:.15rem 0 0;cursor:pointer;text-decoration:underline}.zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:200;padding:1rem}.zoom-overlay img{max-width:100%;max-height:80vh;border-radius:10px}.zoom-overlay p{color:#ccc;font-size:.85rem;text-align:center;margin:0}.zoom-overlay .zoom-note{color:#777;font-size:.75rem}.collection-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.collection-total{margin-left:auto;font-size:.8rem;color:#888}.gen-group{margin-bottom:1.5rem;content-visibility:auto;contain-intrinsic-size:auto 400px}.gen-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .5rem;margin-bottom:.6rem;background:#16213e;border:none;border-left:3px solid transparent;border-radius:8px;color:inherit;font:inherit;cursor:pointer;text-align:left}.gen-header.open{border-left-color:#e63946;border-radius:8px 8px 0 0;margin-bottom:.5rem}.gen-chevron{color:#e63946;font-size:.8rem;width:.9rem;flex-shrink:0}.gen-label{font-size:.85rem;font-weight:600;color:#ccc;flex-shrink:0}.gen-progress{flex:1;height:4px;min-width:20px;background:#0f1729;border-radius:2px;overflow:hidden}.gen-progress>span{display:block;height:100%;background:#e63946;border-radius:2px;transition:width .3s}.gen-count{font-size:.8rem;font-weight:700;color:#e63946;font-variant-numeric:tabular-nums;flex-shrink:0}.fold-actions{display:flex;gap:.4rem;margin-bottom:1rem}.slot-empty{background:#12182b;border:1px dashed #2a2f4a;border-radius:8px;aspect-ratio:2/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.25rem}.slot-dex{font-size:.75rem;font-weight:700;color:#3d4463;font-variant-numeric:tabular-nums}.slot-name{font-size:.58rem;color:#4a5170;text-align:center;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-extra{position:absolute;bottom:1.4rem;left:2px;background:#e63946e6;color:#fff;font-size:.6rem;font-weight:700;border-radius:999px;padding:.05rem .3rem}.status-box{background:#16213e;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;color:#aaa;text-align:center}.status-box.loading{color:#f39c12}.status-hint{font-size:.75rem;color:#666;margin-top:.3rem}.status-box.error{color:#e74c3c}.empty-state{text-align:center;padding:3rem 1rem;color:#555}.empty-state p{font-size:1rem;margin-top:.5rem}.error-state{text-align:center;padding:2.5rem 1rem;background:#16213e;border-radius:12px;border:1px solid rgba(231,76,60,.4)}.error-state p{font-size:1rem;color:#e74c3c;margin-top:.75rem}.error-state .error-hint{font-size:.85rem;color:#888;margin-top:.25rem;margin-bottom:1.25rem}.badge{background:#e63946;color:#fff;border-radius:12px;padding:.1rem .5rem;font-size:.75rem;font-weight:700}.section-title{font-size:1rem;font-weight:600;color:#ccc;margin-bottom:.5rem}.toast{position:fixed;bottom:5rem;left:50%;transform:translate(-50%);background:#2ecc71;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;z-index:100;animation:fadeInOut 2.5s ease forwards}.toast.error{background:#e74c3c}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1}to{opacity:0}}