*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;background:#f5f4f8;color:#1c1917}.page{max-width:720px;margin:0 auto;padding:1rem 1rem 4rem}.app-header{background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;padding:1rem}.app-header-inner{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.app-title{font-size:1.2rem;font-weight:700}.app-header button{background:transparent;border:none;color:#fff;font-weight:600;min-height:auto;padding:.35rem .5rem}.user-menu-wrap{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.5rem}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-avatar-fallback{background:#ffffff40;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.user-name{max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.user-menu{min-width:12rem}.viewing-banner{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#eef2ff;color:#3730a3;border-radius:10px;padding:.6rem .85rem;margin-bottom:1rem;font-size:.85rem}.viewing-banner button{min-height:auto;padding:.3rem .6rem;font-size:.8rem;background:#fff;color:#3730a3;border-color:#c7d2fe}.centered{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;padding:1.5rem 1rem}.centered h1{font-size:1.5rem;margin:0}.login-screen{background:linear-gradient(160deg,#4338ca,#6366f1 55%,#818cf8)}.login-card{background:#fff;border-radius:20px;padding:2rem 1.75rem;max-width:320px;box-shadow:0 20px 40px #1e1b4b40;display:flex;flex-direction:column;align-items:center;gap:.6rem}.login-card p{color:#57534e;margin:0 0 .5rem}.login-icon{font-size:2.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.section-header h1{font-size:1.4rem;margin:0;display:flex;align-items:baseline;gap:.4rem}.count-badge{font-size:.95rem;font-weight:400;color:#78716c}.add-menu-wrap{position:relative}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.add-menu{position:absolute;right:0;top:calc(100% + .5rem);background:#fff;border:1px solid #e7e5e4;border-radius:12px;box-shadow:0 12px 28px #1e1b4b2e;padding:.4rem;display:grid;gap:.15rem;min-width:11rem;z-index:20}.add-menu button{background:#fff;color:#1c1917;border:none;text-align:left;padding:.6rem .75rem;border-radius:8px;min-height:auto;white-space:nowrap}.add-menu button:hover,.add-menu button:active{background:#f0eefe;color:#4338ca}.search-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem;margin-bottom:1.25rem}.search-bar input,.search-bar select{border-radius:999px;background:#ece9f7;border:1px solid transparent}.search-bar input:focus,.search-bar select:focus{background:#fff;border-color:#a5b4fc;outline:none}.search-status{font-size:.85rem;color:#57534e;margin:-.75rem 0 1rem}.photo-add{background:#fff;border:1px solid #e7e5e4;border-radius:14px;padding:1rem;margin-bottom:1.5rem}.candidate-list{list-style:none;margin:.75rem 0;padding:0;display:grid;gap:.5rem}.candidate-card{display:flex;align-items:center;gap:.75rem;border:1px solid #e7e5e4;border-radius:12px;padding:.6rem;cursor:pointer}.candidate-card:hover,.candidate-card:active{border-color:#6366f1}.candidate-card img{width:56px;height:56px;flex-shrink:0;object-fit:cover;border-radius:8px;background:#f0efec}.item-form{display:grid;gap:.85rem;background:#fff;border:1px solid #e7e5e4;border-radius:14px;padding:1rem;margin-bottom:1.5rem}.item-form label{display:grid;gap:.3rem;font-size:.85rem;color:#44403c}input,select,textarea{font:inherit;font-size:16px;padding:.6rem .65rem;border:1px solid #d6d3d1;border-radius:10px;width:100%;background:#fff;color:inherit}.form-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem}.item-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.item-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;border:1px solid #ececea;box-shadow:0 1px 2px #1e1b4b0a,0 4px 10px #1e1b4b0d;overflow:hidden}.item-cover,.item-cover-fallback{width:100%;aspect-ratio:1 / 1;background:#f0eefe;display:flex;align-items:center;justify-content:center}.item-cover img{width:100%;height:100%;object-fit:cover}.item-cover-fallback{font-size:2.75rem}.item-body{padding:.7rem .75rem .5rem;display:grid;gap:.2rem;flex:1}.item-title{font-weight:700;font-size:.92rem;line-height:1.25}.item-subtitle{color:#57534e;font-size:.82rem}.item-meta{color:#a8a29e;font-size:.72rem}.chip{display:inline-block;width:fit-content;font-size:.68rem;font-weight:700;letter-spacing:.03em;padding:.2rem .55rem;border-radius:999px;margin-top:.4rem}.chip-vinyl{background:#ede9fe;color:#6d28d9}.chip-cd{background:#dbeafe;color:#1d4ed8}.item-actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding:.5rem .75rem .75rem}.item-actions button{min-height:36px;padding:.4rem;font-size:.78rem;border-radius:8px}.error{color:#b91c1c}button{font:inherit;font-size:16px;border:1px solid #4f46e5;background:#4f46e5;color:#fff;border-radius:10px;padding:.65rem 1rem;min-height:44px;cursor:pointer}button:active{opacity:.85}button[type=button]{background:#fff;color:#4f46e5}.pill-button{border-radius:999px;padding:.6rem 1.15rem;font-weight:600}.btn-secondary{background:#fff;color:#4f46e5;border-color:#c7d2fe}.btn-danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1b4b73;display:flex;align-items:flex-end;justify-content:center;z-index:30}.modal-card{background:#fff;border-radius:18px 18px 0 0;padding:1.25rem;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;display:grid;gap:1.1rem}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:1.25rem}.modal-header button{min-height:auto;padding:.4rem .7rem;background:#fff;color:#4f46e5;border-color:#e0e7ff}.modal-card section{display:grid;gap:.4rem}.modal-card h3{margin:0;font-size:.95rem}.hint{font-size:.8rem;color:#78716c;margin:0}.share-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.share-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#f7f6f3;border-radius:10px;padding:.5rem .75rem;font-size:.88rem}.share-row button{min-height:auto;padding:.35rem .7rem;font-size:.8rem}@media (min-width: 640px){.modal-backdrop{align-items:center;padding:1rem}.modal-card{border-radius:18px;max-height:80vh}}@media (min-width: 640px){.page{padding:1.5rem 1rem 4rem}.section-header h1,.centered h1{font-size:1.75rem}.item-list{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.item-list{grid-template-columns:repeat(4,1fr)}}