:root{color-scheme:dark;--bg: #161616;--bg-glass: rgba(22, 22, 22, .85);--surface: #222222;--text-primary: #FFFFFF;--border: #333333;--accent: #6366F1;--accent-text: #6366F1;--accent-hover: #818CF8;--accent-subtle: rgba(99, 102, 241, .15);--on-accent: #FFFFFF;--danger: #EF4444;--danger-subtle: rgba(239, 68, 68, .15);--on-danger: #FFFFFF;--success: #10B981;--success-subtle: rgba(16, 185, 129, .15);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-hover: 0 4px 16px rgba(0, 0, 0, .4);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .5);--overlay: rgba(0, 0, 0, .7)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text-primary);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}@media(max-width:768px){body{overflow-x:hidden}}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;mix-blend-mode:overlay}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}::-webkit-scrollbar-corner{background:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.app{margin:0 auto;padding:0 clamp(1rem,4vw,5rem);padding-bottom:3rem;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary);animation:fadeIn .3s ease}h2,h3{font-weight:500}.app-navbar{position:sticky;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:.5rem;padding:.75rem clamp(1rem,4vw,5rem);margin:0 calc(-1*clamp(1rem,4vw,5rem)) 1.5rem;width:calc(100% + 2*clamp(1rem,4vw,5rem));background:var(--bg-glass);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navbar-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-primary);flex-shrink:0}.navbar-icon{height:2.5rem;width:auto}.navbar-wordmark{font-family:Shrikhand,cursive,system-ui,sans-serif;font-size:1.35rem;font-weight:400;color:var(--text-primary);letter-spacing:-.02em}.navbar-links{display:flex;align-items:center;gap:0;margin-left:1.5rem}.nav-link{display:flex;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.95rem;font-weight:400;color:var(--text-primary);text-decoration:none;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.nav-link:hover{color:var(--accent-text)}.nav-link.active{color:var(--accent-text);border-bottom-color:var(--accent)}.navbar-spacer{flex:1}.navbar-actions{display:flex;align-items:center;gap:.5rem}.nav-avatar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:2px solid var(--border);overflow:hidden;cursor:pointer;background:var(--surface);padding:0;transition:border-color .15s;text-decoration:none}.nav-avatar-btn:hover{border-color:var(--accent)}.nav-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:.75rem}.nav-avatar-img{width:100%;height:100%;object-fit:cover}.route-content{padding-top:1.5rem;animation:fadeIn .2s ease}.identify-page{display:flex;flex-direction:column}.identify-subtabs{display:flex;gap:0;margin-bottom:1.25rem;border-bottom:1px solid var(--border)}.identify-subtab{display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.45rem .85rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;font-size:.85rem;font-weight:400;color:var(--text-primary);text-decoration:none;transition:color .15s,border-color .15s;letter-spacing:.04em}.subtab-icon{width:16px;height:16px;opacity:.8;transition:opacity .15s}.identify-subtab:hover{color:var(--accent-text)}.identify-subtab.active .subtab-icon{opacity:.8;color:var(--accent)}.identify-subtab.active{color:var(--accent-text, var(--accent));border-bottom-color:var(--accent)}.subtab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:var(--on-accent);font-size:.7rem;font-weight:600;line-height:1;margin-left:.25rem;animation:badgePop .3s ease both}@keyframes badgePop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.app-header{text-align:center;margin-bottom:2rem}.app-header p{font-family:inherit;color:var(--text-primary);margin:0}.app-logo-row{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0 0 .25rem}.app-icon{height:5rem;width:auto}.app-icon-full{height:4rem;width:auto}.app-logo{height:4rem}.upload-zone{border:2px dashed var(--border);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:var(--surface);animation:borderPulse 3s ease-in-out infinite}.upload-zone:hover,.upload-zone.dragging{border-color:var(--accent);background:var(--accent-subtle);animation:none}.upload-zone.disabled{opacity:.5;pointer-events:none;animation:none}.upload-zone:has(.upload-preview){animation:none}@keyframes borderPulse{0%,to{border-color:var(--border)}50%{border-color:#6366f14d}}.upload-placeholder p{margin:.25rem 0}.upload-placeholder-icon{width:2rem;height:2rem;margin:0 auto .5rem;background:var(--text-primary);opacity:.35;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20fill='currentColor'%20d='M256,0C114.844,0,0,114.844,0,256s114.844,256,256,256s256-114.844,256-256S397.156,0,256,0z%20M354.052,338.969%20c4.167,4.167,4.167,10.917,0,15.083c-26.188,26.188-61.01,40.615-98.052,40.615c-5.896,0-10.667-4.771-10.667-10.667%20c0-5.896,4.771-10.667,10.667-10.667c31.344,0,60.802-12.208,82.969-34.365C343.135,334.802,349.885,334.802,354.052,338.969z%20M121.24,129.906c-2.76,0-5.51-1.063-7.594-3.177c-4.135-4.198-4.094-10.958,0.104-15.083%20C151.917,74.042,202.438,53.333,256,53.333c5.896,0,10.667,4.771,10.667,10.667S261.896,74.667,256,74.667%20c-47.927,0-93.125,18.531-127.271,52.167C126.646,128.885,123.948,129.906,121.24,129.906z%20M157.948,173.031%20c-4.167-4.167-4.167-10.917,0-15.083c26.188-26.188,61.01-40.615,98.052-40.615c5.896,0,10.667,4.771,10.667,10.667%20s-4.771,10.667-10.667,10.667c-31.344,0-60.802,12.208-82.969,34.365c-2.083,2.083-4.813,3.125-7.542,3.125%20C162.76,176.156,160.031,175.115,157.948,173.031z%20M170.667,256c0-47.052,38.281-85.333,85.333-85.333%20s85.333,38.281,85.333,85.333S303.052,341.333,256,341.333S170.667,303.052,170.667,256z%20M399.302,399.302%20c-38.271,38.281-89.167,59.365-143.302,59.365c-5.896,0-10.667-4.771-10.667-10.667c0-5.896,4.771-10.667,10.667-10.667%20c48.438,0,93.979-18.865,128.219-53.115c4.167-4.167,10.917-4.167,15.083,0C403.469,388.385,403.469,395.135,399.302,399.302z'/%3e%3ccircle%20fill='currentColor'%20cx='256'%20cy='256'%20r='21.333'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20fill='currentColor'%20d='M256,0C114.844,0,0,114.844,0,256s114.844,256,256,256s256-114.844,256-256S397.156,0,256,0z%20M354.052,338.969%20c4.167,4.167,4.167,10.917,0,15.083c-26.188,26.188-61.01,40.615-98.052,40.615c-5.896,0-10.667-4.771-10.667-10.667%20c0-5.896,4.771-10.667,10.667-10.667c31.344,0,60.802-12.208,82.969-34.365C343.135,334.802,349.885,334.802,354.052,338.969z%20M121.24,129.906c-2.76,0-5.51-1.063-7.594-3.177c-4.135-4.198-4.094-10.958,0.104-15.083%20C151.917,74.042,202.438,53.333,256,53.333c5.896,0,10.667,4.771,10.667,10.667S261.896,74.667,256,74.667%20c-47.927,0-93.125,18.531-127.271,52.167C126.646,128.885,123.948,129.906,121.24,129.906z%20M157.948,173.031%20c-4.167-4.167-4.167-10.917,0-15.083c26.188-26.188,61.01-40.615,98.052-40.615c5.896,0,10.667,4.771,10.667,10.667%20s-4.771,10.667-10.667,10.667c-31.344,0-60.802,12.208-82.969,34.365c-2.083,2.083-4.813,3.125-7.542,3.125%20C162.76,176.156,160.031,175.115,157.948,173.031z%20M170.667,256c0-47.052,38.281-85.333,85.333-85.333%20s85.333,38.281,85.333,85.333S303.052,341.333,256,341.333S170.667,303.052,170.667,256z%20M399.302,399.302%20c-38.271,38.281-89.167,59.365-143.302,59.365c-5.896,0-10.667-4.771-10.667-10.667c0-5.896,4.771-10.667,10.667-10.667%20c48.438,0,93.979-18.865,128.219-53.115c4.167-4.167,10.917-4.167,15.083,0C403.469,388.385,403.469,395.135,399.302,399.302z'/%3e%3ccircle%20fill='currentColor'%20cx='256'%20cy='256'%20r='21.333'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:float 3s ease-in-out infinite}.upload-zone.dragging .upload-placeholder-icon{animation:spin 1.2s linear infinite;opacity:.6}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.upload-hint{font-size:.85rem;color:var(--text-primary)}.upload-preview{max-height:240px;max-width:100%;border-radius:4px}.upload-zone--staging{cursor:default;animation:none;padding:1rem}.staging-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;text-align:center}.staging-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem}.staging-thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;background:var(--bg-secondary)}.staging-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#000000a6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transition:opacity .15s}.staging-item:hover .staging-remove{opacity:1}.staging-name{font-size:.7rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.staging-size{font-size:.65rem;color:var(--text-tertiary)}.staging-add-more{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border:2px dashed var(--border);border-radius:6px;background:none;color:var(--text-secondary);cursor:pointer;font-size:.75rem;min-height:100px;transition:border-color .15s,color .15s}.staging-add-more:hover{border-color:var(--accent);color:var(--accent)}.staging-zip{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem}.staging-zip-icon{color:var(--text-secondary)}.staging-zip-name{font-size:.9rem;font-weight:500}.staging-zip-size{font-size:.8rem;color:var(--text-secondary)}.identify-section{margin-top:2rem}.identify-section-header{display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:1rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.upload-actions{display:flex;justify-content:center;gap:.75rem;margin:.75rem 0 1.5rem}.btn-submit{background:var(--accent);color:var(--on-accent);border-color:var(--accent);padding:.5rem 1.5rem;font-size:.95rem;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff14}.btn-submit:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 2px 12px #6366f14d,inset 0 1px #ffffff1a}.btn-clear{background:#ffffff0f;color:#ffffffb3;border-color:var(--border);padding:.5rem 1.2rem;font-size:.95rem}.btn-clear:hover{background:#ffffff1a;color:var(--text-primary);border-color:#ffffff40}.btn-cancel{background:none;color:var(--danger);font-size:.85rem;padding:.4rem 1rem;border-color:#ef444459;margin-top:.5rem}.btn-cancel:hover{background:var(--danger-subtle);border-color:#ef444480}.loading{text-align:center;padding:2rem 0;color:var(--text-primary)}.spinner{width:2.5rem;height:2.5rem;background:var(--text-primary);mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20fill='currentColor'%20d='M256,0C114.844,0,0,114.844,0,256s114.844,256,256,256s256-114.844,256-256S397.156,0,256,0z%20M354.052,338.969%20c4.167,4.167,4.167,10.917,0,15.083c-26.188,26.188-61.01,40.615-98.052,40.615c-5.896,0-10.667-4.771-10.667-10.667%20c0-5.896,4.771-10.667,10.667-10.667c31.344,0,60.802-12.208,82.969-34.365C343.135,334.802,349.885,334.802,354.052,338.969z%20M121.24,129.906c-2.76,0-5.51-1.063-7.594-3.177c-4.135-4.198-4.094-10.958,0.104-15.083%20C151.917,74.042,202.438,53.333,256,53.333c5.896,0,10.667,4.771,10.667,10.667S261.896,74.667,256,74.667%20c-47.927,0-93.125,18.531-127.271,52.167C126.646,128.885,123.948,129.906,121.24,129.906z%20M157.948,173.031%20c-4.167-4.167-4.167-10.917,0-15.083c26.188-26.188,61.01-40.615,98.052-40.615c5.896,0,10.667,4.771,10.667,10.667%20s-4.771,10.667-10.667,10.667c-31.344,0-60.802,12.208-82.969,34.365c-2.083,2.083-4.813,3.125-7.542,3.125%20C162.76,176.156,160.031,175.115,157.948,173.031z%20M170.667,256c0-47.052,38.281-85.333,85.333-85.333%20s85.333,38.281,85.333,85.333S303.052,341.333,256,341.333S170.667,303.052,170.667,256z%20M399.302,399.302%20c-38.271,38.281-89.167,59.365-143.302,59.365c-5.896,0-10.667-4.771-10.667-10.667c0-5.896,4.771-10.667,10.667-10.667%20c48.438,0,93.979-18.865,128.219-53.115c4.167-4.167,10.917-4.167,15.083,0C403.469,388.385,403.469,395.135,399.302,399.302z'/%3e%3ccircle%20fill='currentColor'%20cx='256'%20cy='256'%20r='21.333'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");mask-size:contain;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20fill='currentColor'%20d='M256,0C114.844,0,0,114.844,0,256s114.844,256,256,256s256-114.844,256-256S397.156,0,256,0z%20M354.052,338.969%20c4.167,4.167,4.167,10.917,0,15.083c-26.188,26.188-61.01,40.615-98.052,40.615c-5.896,0-10.667-4.771-10.667-10.667%20c0-5.896,4.771-10.667,10.667-10.667c31.344,0,60.802-12.208,82.969-34.365C343.135,334.802,349.885,334.802,354.052,338.969z%20M121.24,129.906c-2.76,0-5.51-1.063-7.594-3.177c-4.135-4.198-4.094-10.958,0.104-15.083%20C151.917,74.042,202.438,53.333,256,53.333c5.896,0,10.667,4.771,10.667,10.667S261.896,74.667,256,74.667%20c-47.927,0-93.125,18.531-127.271,52.167C126.646,128.885,123.948,129.906,121.24,129.906z%20M157.948,173.031%20c-4.167-4.167-4.167-10.917,0-15.083c26.188-26.188,61.01-40.615,98.052-40.615c5.896,0,10.667,4.771,10.667,10.667%20s-4.771,10.667-10.667,10.667c-31.344,0-60.802,12.208-82.969,34.365c-2.083,2.083-4.813,3.125-7.542,3.125%20C162.76,176.156,160.031,175.115,157.948,173.031z%20M170.667,256c0-47.052,38.281-85.333,85.333-85.333%20s85.333,38.281,85.333,85.333S303.052,341.333,256,341.333S170.667,303.052,170.667,256z%20M399.302,399.302%20c-38.271,38.281-89.167,59.365-143.302,59.365c-5.896,0-10.667-4.771-10.667-10.667c0-5.896,4.771-10.667,10.667-10.667%20c48.438,0,93.979-18.865,128.219-53.115c4.167-4.167,10.917-4.167,15.083,0C403.469,388.385,403.469,395.135,399.302,399.302z'/%3e%3ccircle%20fill='currentColor'%20cx='256'%20cy='256'%20r='21.333'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;animation:spin 1.2s linear infinite,spinnerGlow 2s ease-in-out infinite;margin:0 auto 1rem}@keyframes spinnerGlow{0%,to{background:var(--text-primary)}50%{background:var(--accent)}}@keyframes spin{to{transform:rotate(360deg)}}.error{color:var(--danger);background:var(--danger-subtle);padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;border-left:3px solid var(--danger)}.error a{color:var(--accent-text)}.search-info{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-primary);margin-bottom:1rem;padding:0 .25rem;animation:fadeIn .3s ease}.results-list{display:flex;flex-direction:column;gap:1rem}.no-results{text-align:center;color:var(--text-primary);padding:2rem 0}.result-card{display:flex;gap:1rem;padding:1rem;border-radius:8px;animation:cardFadeIn .35s ease both;background:var(--surface);box-shadow:var(--shadow-card);transition:box-shadow .2s,transform .2s}.result-card:hover{box-shadow:var(--shadow-hover)}.result-cover{width:120px;height:120px;object-fit:cover;border-radius:0;flex-shrink:0;background:var(--border)}.result-cover-placeholder{background:var(--border);display:flex;align-items:center;justify-content:center}.result-cover-placeholder-icon{display:block;width:100%;height:100%;box-sizing:border-box;background-color:var(--text-primary);opacity:.3;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20fill='currentColor'%20d='M256,0C114.844,0,0,114.844,0,256s114.844,256,256,256s256-114.844,256-256S397.156,0,256,0z%20M354.052,338.969%20c4.167,4.167,4.167,10.917,0,15.083c-26.188,26.188-61.01,40.615-98.052,40.615c-5.896,0-10.667-4.771-10.667-10.667%20c0-5.896,4.771-10.667,10.667-10.667c31.344,0,60.802-12.208,82.969-34.365C343.135,334.802,349.885,334.802,354.052,338.969z%20M121.24,129.906c-2.76,0-5.51-1.063-7.594-3.177c-4.135-4.198-4.094-10.958,0.104-15.083%20C151.917,74.042,202.438,53.333,256,53.333c5.896,0,10.667,4.771,10.667,10.667S261.896,74.667,256,74.667%20c-47.927,0-93.125,18.531-127.271,52.167C126.646,128.885,123.948,129.906,121.24,129.906z%20M157.948,173.031%20c-4.167-4.167-4.167-10.917,0-15.083c26.188-26.188,61.01-40.615,98.052-40.615c5.896,0,10.667,4.771,10.667,10.667%20s-4.771,10.667-10.667,10.667c-31.344,0-60.802,12.208-82.969,34.365c-2.083,2.083-4.813,3.125-7.542,3.125%20C162.76,176.156,160.031,175.115,157.948,173.031z%20M170.667,256c0-47.052,38.281-85.333,85.333-85.333%20s85.333,38.281,85.333,85.333S303.052,341.333,256,341.333S170.667,303.052,170.667,256z%20M399.302,399.302%20c-38.271,38.281-89.167,59.365-143.302,59.365c-5.896,0-10.667-4.771-10.667-10.667c0-5.896,4.771-10.667,10.667-10.667%20c48.438,0,93.979-18.865,128.219-53.115c4.167-4.167,10.917-4.167,15.083,0C403.469,388.385,403.469,395.135,399.302,399.302z'/%3e%3ccircle%20fill='currentColor'%20cx='256'%20cy='256'%20r='21.333'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20fill='currentColor'%20d='M256,0C114.844,0,0,114.844,0,256s114.844,256,256,256s256-114.844,256-256S397.156,0,256,0z%20M354.052,338.969%20c4.167,4.167,4.167,10.917,0,15.083c-26.188,26.188-61.01,40.615-98.052,40.615c-5.896,0-10.667-4.771-10.667-10.667%20c0-5.896,4.771-10.667,10.667-10.667c31.344,0,60.802-12.208,82.969-34.365C343.135,334.802,349.885,334.802,354.052,338.969z%20M121.24,129.906c-2.76,0-5.51-1.063-7.594-3.177c-4.135-4.198-4.094-10.958,0.104-15.083%20C151.917,74.042,202.438,53.333,256,53.333c5.896,0,10.667,4.771,10.667,10.667S261.896,74.667,256,74.667%20c-47.927,0-93.125,18.531-127.271,52.167C126.646,128.885,123.948,129.906,121.24,129.906z%20M157.948,173.031%20c-4.167-4.167-4.167-10.917,0-15.083c26.188-26.188,61.01-40.615,98.052-40.615c5.896,0,10.667,4.771,10.667,10.667%20s-4.771,10.667-10.667,10.667c-31.344,0-60.802,12.208-82.969,34.365c-2.083,2.083-4.813,3.125-7.542,3.125%20C162.76,176.156,160.031,175.115,157.948,173.031z%20M170.667,256c0-47.052,38.281-85.333,85.333-85.333%20s85.333,38.281,85.333,85.333S303.052,341.333,256,341.333S170.667,303.052,170.667,256z%20M399.302,399.302%20c-38.271,38.281-89.167,59.365-143.302,59.365c-5.896,0-10.667-4.771-10.667-10.667c0-5.896,4.771-10.667,10.667-10.667%20c48.438,0,93.979-18.865,128.219-53.115c4.167-4.167,10.917-4.167,15.083,0C403.469,388.385,403.469,395.135,399.302,399.302z'/%3e%3ccircle%20fill='currentColor'%20cx='256'%20cy='256'%20r='21.333'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.result-info{flex:1;min-width:0}.result-title{margin:0 0 .15rem;font-size:1.05rem;font-weight:700;font-family:inherit}.result-artist{margin:0 0 .5rem;color:var(--text-primary);font-size:.9rem}.result-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.result-meta span{background:var(--bg);padding:.15rem .5rem;border-radius:3px;font-size:.72rem;font-family:JetBrains Mono,monospace;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.result-price{background:var(--success-subtle)!important;color:var(--success)!important;font-weight:400}.result-master-badge{background:var(--warning-subtle, rgba(255, 193, 7, .12))!important;color:var(--warning, #ffc107)!important;font-weight:400;font-style:italic}.result-actions{display:flex;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem 1rem;border-radius:6px;font-size:.82rem;font-weight:500;letter-spacing:.01em;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);padding:.65rem 1.5rem;font-size:.95rem;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff14}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 2px 12px #6366f14d,inset 0 1px #ffffff1a}.btn-discogs{background:#ffffff1a;color:var(--text-primary);border-color:#ffffff26}.btn-discogs:hover{background:#ffffff29;border-color:#ffffff40}.btn-collection{background:var(--accent);color:var(--on-accent);border-color:#818cf880;font-weight:600;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff1a}.btn-collection:hover{background:#7074f2;border-color:#818cf899;box-shadow:0 2px 10px #6366f133,inset 0 1px #ffffff1a}.btn-show-more{align-self:center;background:transparent;color:#ffffffb3;border-color:var(--border)}.btn-show-more:hover{color:var(--text-primary);background:#ffffff0a;border-color:#ffffff40}.batch-instructions{text-align:center;color:var(--text-primary);margin-bottom:1rem}.media-selector{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.media-selector-card{flex:1;display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}.media-selector-card:hover{border-color:var(--accent);background:var(--accent-subtle);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.media-selector-icon{width:40px;height:40px;flex-shrink:0;filter:brightness(0)}.dark-mode-invert,.media-selector-icon{filter:brightness(0) invert(1)}.media-selector-text{display:flex;flex-direction:column;gap:.25rem}.media-selector-title{font-size:1.05rem;font-weight:400;color:var(--text-primary)}.media-selector-hint{font-size:.82rem;color:var(--text-primary);line-height:1.35}.media-selected-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;margin-bottom:1rem;border-radius:8px;background:var(--surface)}.media-selected-info{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:400;color:var(--text-primary)}.media-selected-icon{width:24px;height:24px;filter:brightness(0) invert(1)}.btn-change-media{display:inline-flex;align-items:center;padding:.3rem .75rem;border:1px solid var(--border);border-radius:6px;background:transparent;color:#ffffffb3;font-size:.82rem;font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.btn-change-media:hover{color:var(--text-primary);background:#ffffff0a;border-color:#ffffff40;color:var(--accent-text)}.batch-upload-error{color:var(--danger);font-size:.85rem;margin-top:.75rem}.batch-progress{text-align:center;padding:2rem 0}.batch-progress-text{color:var(--text-primary);margin-bottom:1rem;letter-spacing:.03em}.batch-progress-failed{color:var(--danger)}.batch-progress-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.batch-progress-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.batch-review{display:flex;flex-direction:column;gap:1rem;font-weight:500;padding-bottom:1rem}.batch-review-counter{text-align:center;font-size:.85rem;color:var(--text-primary)}.batch-review-main{display:flex;gap:.75rem}.batch-review-photo{flex-shrink:0;width:auto;object-fit:contain;border-radius:6px;opacity:.85;transition:opacity .2s}.batch-review-photo:hover{opacity:1}.batch-review-featured .result-cover{width:220px;height:220px}.batch-review-no-results{text-align:center;color:var(--text-primary);padding:2rem 0}.batch-review-reprocessing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1rem;color:var(--text-secondary)}.batch-review-actions{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 0}.batch-review-actions-row{display:flex;justify-content:center;align-items:center;gap:.75rem}.batch-review-nav{display:flex;justify-content:center;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.batch-expanded-results{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.batch-alt-heading{font-size:.85rem;font-weight:500;color:var(--text-secondary);margin:0;padding:.25rem 0}.batch-summary{text-align:center;padding:2rem 0}.batch-summary h3{margin:0 0 .5rem}.batch-summary p{color:var(--text-primary);margin-bottom:1rem}.batch-done-actions{display:flex;justify-content:center;gap:.75rem}.btn-dismiss{background:transparent;color:#ffffffb3;border-color:#fff3}.btn-dismiss:hover{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff59}.btn-nav{background:transparent;color:#ffffffb3;border-color:var(--border)}.btn-nav:hover{color:var(--text-primary);background:#ffffff0a;border-color:#ffffff40}.result-card-acted{opacity:.6}.result-card-added{animation:successGlow .6s ease}@keyframes successGlow{0%{box-shadow:0 0 0 0 transparent}30%{box-shadow:0 0 0 2px var(--success),0 0 12px var(--success-subtle)}to{box-shadow:0 0 0 0 transparent}}.result-acted-label,.batch-review-acted{font-size:.85rem;font-weight:400;color:var(--text-primary);animation:actionPulse .2s ease;letter-spacing:.04em}.result-acted-label-added{display:inline-flex;align-items:center;gap:.35rem;animation:successPop .4s ease both}@keyframes successPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.check-icon{width:14px;height:14px;stroke:var(--success);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.check-icon path{stroke-dasharray:20;stroke-dashoffset:20;animation:checkDraw .35s ease .15s forwards}@keyframes checkDraw{to{stroke-dashoffset:0}}.btn-undo{background:none;color:var(--accent-text);font-size:.82rem;padding:.4rem .6rem;text-decoration:underline}.btn-undo:hover{color:var(--accent-hover)}.batch-review-done-hint{text-align:center;padding-top:.5rem}.btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.discogs-auth{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem}.auth-user{font-size:.85rem;color:var(--text-primary)}.btn-auth-login{background:var(--accent);color:var(--on-accent);border-color:var(--accent);padding:.4rem 1rem;font-size:.82rem;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff14}.btn-auth-login:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 2px 12px #6366f14d,inset 0 1px #ffffff1a}.btn-auth-logout{background:transparent;color:#ffffffb3;font-size:.78rem;padding:.3rem .6rem;border-color:var(--border)}.btn-auth-logout:hover{color:var(--text-primary);background:#ffffff0a;border-color:#ffffff40}.auth-error{font-size:.82rem;color:var(--danger)}.debug-panel{margin:.5rem 0;font-size:.78rem}.debug-toggle{background:none;border:1px solid var(--border);border-radius:4px;padding:.2rem .5rem;font-size:.75rem;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:.4rem}.debug-toggle:hover{background:var(--surface)}.debug-badge{padding:.1rem .35rem;border-radius:3px;font-size:.7rem;font-weight:400;font-family:JetBrains Mono,monospace}.debug-badge-hit{background:var(--success-subtle);color:var(--success)}.debug-badge-miss{background:var(--accent-subtle);color:var(--accent-text)}.debug-content{margin-top:.4rem;padding:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-family:JetBrains Mono,monospace}.debug-row{margin-bottom:.3rem}.debug-strategies{margin:.2rem 0 0 1.2rem;padding:0}.debug-strategies li{font-family:JetBrains Mono,monospace;font-size:.72rem}.debug-raw{margin-top:.4rem}.debug-raw summary{cursor:pointer;color:var(--text-primary)}.debug-raw pre{margin:.3rem 0 0;padding:.4rem;background:var(--bg);border:1px solid var(--border);border-radius:3px;font-size:.7rem;max-height:200px;overflow:auto;white-space:pre-wrap;font-family:JetBrains Mono,monospace}.btn-dismiss-all,.btn-add-all{margin-left:.5rem;font-size:.75rem;padding:.2rem .6rem}.btn-add-all{background:#ffffff0f;color:#fff9;border-color:var(--border)}.btn-add-all:hover{background:#ffffff1a;color:#fffc;border-color:#fff3}.btn-wrong{background:#ef444426;color:var(--danger);border-color:#ef444466}.btn-wrong:hover{background:#ef444440;border-color:#ef444499;box-shadow:0 0 8px #ef444426}.issues-view{display:flex;flex-direction:column;gap:2rem}.issues-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.issues-section-title{margin:0;font-size:1.05rem;font-family:inherit;color:var(--text-primary);letter-spacing:.04em}.issues-list{display:flex;flex-direction:column;gap:.75rem}.issues-card{display:flex;gap:1rem;padding:.75rem 1rem;border-radius:8px;background:var(--surface);box-shadow:var(--shadow-card);align-items:center}.issues-card-image{width:64px;height:64px;object-fit:cover;border-radius:0;flex-shrink:0;background:var(--border)}.issues-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.issues-card-filename{font-weight:400;font-size:.9rem;color:var(--text-primary)}.issues-card-label{font-size:.82rem;color:var(--text-primary);font-style:italic}.issues-card-match{font-size:.78rem;color:var(--text-primary);font-family:JetBrains Mono,monospace}.issues-card-error{font-size:.78rem;color:var(--danger)}.issues-card-actions{display:flex;gap:.5rem;flex-shrink:0}.collection-view{display:flex;flex-direction:column;gap:1rem}.collection-controls{display:flex;flex-direction:column;gap:.5rem}.collection-filters-row{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-size:.8rem;color:#ffffff73;letter-spacing:.01em}.filter-label{font-size:.85rem;color:#ffffff59;letter-spacing:.06em;font-weight:500}.filter-separator{color:#ffffff26;-webkit-user-select:none;user-select:none;margin:0 .15rem}.collection-search-wrap{position:relative;display:inline-flex;align-items:center}.collection-search-icon{position:absolute;left:.45rem;color:#ffffff4d;pointer-events:none;z-index:1}.collection-search{width:160px;padding:.3rem .5rem .3rem 1.7rem;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-size:.85rem;background:#ffffff0a;color:var(--text-primary);font-family:inherit;transition:border-color .15s,width .2s,background .15s}.collection-search::placeholder{color:#ffffff4d}.collection-search:focus{outline:none;width:220px;border-color:#fff3;background:#ffffff0f}.collection-search-clear{position:absolute;right:.3rem;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:50%;background:#ffffff1a;color:#ffffff80;cursor:pointer;padding:0;transition:background .12s,color .12s}.collection-search-clear:hover{background:#ffffff26;color:var(--text-primary)}.collection-sort{display:flex;gap:.25rem;align-items:center}.cselect{position:relative;display:inline-block}.cselect-trigger{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-size:.84rem;background:#ffffff0a;color:var(--text-primary);font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s;letter-spacing:.03em;white-space:nowrap}.cselect-trigger:hover{border-color:#fff3;background:#ffffff0f}.cselect-trigger.cselect-open{border-color:var(--accent)}.cselect-chevron{opacity:.4;transition:transform .15s,opacity .15s;flex-shrink:0}.cselect-open .cselect-chevron{transform:rotate(180deg);opacity:.7}.cselect-disabled .cselect-trigger{opacity:.3;cursor:default;pointer-events:none}.cselect-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;background:var(--surface);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.25rem 0;z-index:200;box-shadow:0 8px 24px #00000080,0 0 0 1px #ffffff08;animation:dropdownReveal .12s ease}.cselect-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.45rem .65rem;border:none;background:none;color:#ffffffb3;font-size:.85rem;font-family:inherit;text-align:left;cursor:pointer;white-space:nowrap;transition:background .1s,color .1s}.cselect-option:hover{background:#ffffff0f;color:var(--text-primary)}.cselect-option-active{color:var(--text-primary);font-weight:500}.cselect-check{color:var(--accent);flex-shrink:0}.collection-sort-order{padding:.15rem .35rem;font-size:.8rem;background:none;border:none;color:#fff6;border-radius:3px;transition:color .2s,background .2s}.collection-sort-order:hover{color:var(--text-primary);background:#ffffff0f}.collection-info{font-size:.78rem;color:#ffffff59;padding:.25rem 0;letter-spacing:.04em}.collection-sort-order:disabled{opacity:.3;cursor:default}.collection-group{margin-bottom:2.5rem}.collection-group:last-child{margin-bottom:0}.collection-group-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem .25rem;margin-bottom:1rem;border-bottom:1px solid var(--border)}.collection-group-name{margin:0;font-size:1.1rem;font-weight:500;color:var(--text-primary)}.collection-group-count{font-size:.85rem;color:var(--text-primary)}.collection-limit-notice{font-size:.75rem;color:var(--text-primary);font-style:italic}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.collection-card{position:relative;border-radius:0;background:none;overflow:hidden;box-shadow:none;transition:transform .2s,outline-color .1s,box-shadow .1s;outline:2px solid transparent;outline-offset:-2px;cursor:pointer;animation:cardFadeIn .35s ease both}.collection-card:hover{transform:translateY(-2px)}.collection-cover-wrapper{width:100%;aspect-ratio:1}.collection-cover{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--border);border-radius:0}.collection-cover-placeholder{background:var(--surface);display:flex;align-items:center;justify-content:center}.collection-cover-placeholder-icon{display:block;width:40%;height:40%;background-color:var(--text-primary);opacity:.3;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20fill='currentColor'%20d='M256,0C114.844,0,0,114.844,0,256s114.844,256,256,256s256-114.844,256-256S397.156,0,256,0z%20M354.052,338.969%20c4.167,4.167,4.167,10.917,0,15.083c-26.188,26.188-61.01,40.615-98.052,40.615c-5.896,0-10.667-4.771-10.667-10.667%20c0-5.896,4.771-10.667,10.667-10.667c31.344,0,60.802-12.208,82.969-34.365C343.135,334.802,349.885,334.802,354.052,338.969z%20M121.24,129.906c-2.76,0-5.51-1.063-7.594-3.177c-4.135-4.198-4.094-10.958,0.104-15.083%20C151.917,74.042,202.438,53.333,256,53.333c5.896,0,10.667,4.771,10.667,10.667S261.896,74.667,256,74.667%20c-47.927,0-93.125,18.531-127.271,52.167C126.646,128.885,123.948,129.906,121.24,129.906z%20M157.948,173.031%20c-4.167-4.167-4.167-10.917,0-15.083c26.188-26.188,61.01-40.615,98.052-40.615c5.896,0,10.667,4.771,10.667,10.667%20s-4.771,10.667-10.667,10.667c-31.344,0-60.802,12.208-82.969,34.365c-2.083,2.083-4.813,3.125-7.542,3.125%20C162.76,176.156,160.031,175.115,157.948,173.031z%20M170.667,256c0-47.052,38.281-85.333,85.333-85.333%20s85.333,38.281,85.333,85.333S303.052,341.333,256,341.333S170.667,303.052,170.667,256z%20M399.302,399.302%20c-38.271,38.281-89.167,59.365-143.302,59.365c-5.896,0-10.667-4.771-10.667-10.667c0-5.896,4.771-10.667,10.667-10.667%20c48.438,0,93.979-18.865,128.219-53.115c4.167-4.167,10.917-4.167,15.083,0C403.469,388.385,403.469,395.135,399.302,399.302z'/%3e%3ccircle%20fill='currentColor'%20cx='256'%20cy='256'%20r='21.333'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20fill='currentColor'%20d='M256,0C114.844,0,0,114.844,0,256s114.844,256,256,256s256-114.844,256-256S397.156,0,256,0z%20M354.052,338.969%20c4.167,4.167,4.167,10.917,0,15.083c-26.188,26.188-61.01,40.615-98.052,40.615c-5.896,0-10.667-4.771-10.667-10.667%20c0-5.896,4.771-10.667,10.667-10.667c31.344,0,60.802-12.208,82.969-34.365C343.135,334.802,349.885,334.802,354.052,338.969z%20M121.24,129.906c-2.76,0-5.51-1.063-7.594-3.177c-4.135-4.198-4.094-10.958,0.104-15.083%20C151.917,74.042,202.438,53.333,256,53.333c5.896,0,10.667,4.771,10.667,10.667S261.896,74.667,256,74.667%20c-47.927,0-93.125,18.531-127.271,52.167C126.646,128.885,123.948,129.906,121.24,129.906z%20M157.948,173.031%20c-4.167-4.167-4.167-10.917,0-15.083c26.188-26.188,61.01-40.615,98.052-40.615c5.896,0,10.667,4.771,10.667,10.667%20s-4.771,10.667-10.667,10.667c-31.344,0-60.802,12.208-82.969,34.365c-2.083,2.083-4.813,3.125-7.542,3.125%20C162.76,176.156,160.031,175.115,157.948,173.031z%20M170.667,256c0-47.052,38.281-85.333,85.333-85.333%20s85.333,38.281,85.333,85.333S303.052,341.333,256,341.333S170.667,303.052,170.667,256z%20M399.302,399.302%20c-38.271,38.281-89.167,59.365-143.302,59.365c-5.896,0-10.667-4.771-10.667-10.667c0-5.896,4.771-10.667,10.667-10.667%20c48.438,0,93.979-18.865,128.219-53.115c4.167-4.167,10.917-4.167,15.083,0C403.469,388.385,403.469,395.135,399.302,399.302z'/%3e%3ccircle%20fill='currentColor'%20cx='256'%20cy='256'%20r='21.333'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.collection-card-info{position:absolute;bottom:0;left:0;right:0;padding:1.5rem .65rem .6rem;background:linear-gradient(transparent,#000000d9);opacity:0;transition:opacity .2s}.collection-card:hover .collection-card-info{opacity:1}@media(hover:none){.collection-card-info{opacity:1}}.collection-card-title{font-size:.85rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-card-artist{font-size:.78rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.collection-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0}.collection-card-meta span{background:none;padding:0;border-radius:0;font-size:.72rem;font-family:inherit;color:var(--text-primary);letter-spacing:normal}.collection-card-meta span+span:before{content:"·";margin:0 .3rem;color:var(--text-primary);opacity:.35}.collection-view-toggle{display:inline-flex;gap:2px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:3px;position:relative}.collection-view-toggle-indicator{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 4px);border-radius:4px;background:#ffffff1f;box-shadow:0 1px 3px #0000004d;transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}[data-mode=detailed] .collection-view-toggle-indicator{transform:translate(calc(100% + 2px))}.collection-view-toggle-btn{padding:.3rem .45rem;border:none;border-radius:4px;background:transparent;color:#ffffff4d;cursor:pointer;transition:color .2s;display:flex;align-items:center;position:relative;z-index:1}.collection-view-toggle-btn:hover{color:#ffffffb3}.collection-view-toggle-btn.active{color:var(--text-primary)}.collection-grid-detailed{grid-template-columns:repeat(auto-fill,minmax(520px,1fr));gap:1rem}.collection-card-detailed{position:relative;display:flex;gap:1rem;padding:.75rem;background:var(--surface);border-radius:6px;box-shadow:var(--shadow-card);cursor:pointer;transition:box-shadow .2s,transform .15s,outline-color .1s;outline:2px solid transparent;outline-offset:-2px;animation:cardFadeIn .35s ease both}.collection-card-detailed:hover{box-shadow:var(--shadow-hover)}.collection-card-detailed:active{transform:scale(.99)}.collection-card-detailed.collection-card-selected{outline:2px solid var(--accent);outline-offset:-2px}.collection-detail-cover{width:140px;height:140px;object-fit:cover;flex-shrink:0;border-radius:0}.collection-card-detailed .collection-cover-placeholder{width:140px;height:140px;border-radius:0}.collection-detail-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem;justify-content:flex-start}.collection-detail-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-detail-artist{font-size:.95rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.collection-detail-meta{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.collection-detail-meta span{font-family:JetBrains Mono,monospace;font-size:.7rem;padding:.15rem .4rem;border-radius:3px;background:#ffffff0f;color:#ffffffb3;white-space:nowrap}.collection-detail-style{opacity:.7}.collection-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem 0}.collection-page-info{font-size:.85rem;color:var(--text-primary);font-family:JetBrains Mono,monospace}.collection-landing,.collection-syncing{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 1rem;color:var(--text-primary)}.collection-landing .btn-primary{padding:.85rem 2rem;font-size:1.1rem;border-radius:8px;box-shadow:0 2px 8px #00000040,0 0 20px #6366f133,inset 0 1px #ffffff1a}.sync-progress-bar{width:280px;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.sync-progress-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.collection-actions-row{display:flex;align-items:center;gap:.5rem;margin-left:auto}.collection-action-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.84rem;font-weight:500;letter-spacing:.02em;white-space:nowrap;color:#ffffffb3;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:color .2s,background .2s,border-color .2s,box-shadow .2s}.collection-action-btn:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3;box-shadow:0 1px 6px #0003}.collection-action-btn:active:not(:disabled){transform:scale(.97)}.collection-action-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.collection-action-btn svg{flex-shrink:0;opacity:.6;transition:opacity .2s}.collection-action-btn:hover svg{opacity:1}.collection-filter-toggle,.batch-view-photo-btn{display:none}.export-chevron{margin-left:-.1rem;opacity:.4!important}.export-dropdown{position:relative}.export-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--surface);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:.3rem 0;min-width:170px;z-index:100;box-shadow:0 8px 24px #00000073,0 0 0 1px #ffffff0a;animation:dropdownReveal .15s ease}@keyframes dropdownReveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.export-dropdown-menu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;color:#ffffffbf;font-size:.82rem;text-align:left;cursor:pointer;transition:background .12s,color .12s}.export-dropdown-menu button:hover{background:#ffffff0f;color:var(--text-primary)}.export-dropdown-menu button svg{flex-shrink:0;opacity:.5}.export-dropdown-menu button:hover svg{opacity:.8}.collection-card-checkbox{position:absolute;top:6px;left:6px;z-index:2;opacity:0;transition:opacity .15s;cursor:pointer}.collection-card-checkbox input{width:18px;height:18px;cursor:pointer;accent-color:var(--accent);transition:transform .15s ease}.collection-card-checkbox input:checked{transform:scale(1.08)}.collection-card:hover .collection-card-checkbox,.collection-card-detailed:hover .collection-card-checkbox,.collection-card-selected .collection-card-checkbox,.selection-active .collection-card-checkbox{opacity:1}.collection-card-selected{outline:2px solid var(--accent);outline-offset:-2px;box-shadow:0 0 8px var(--accent-subtle)}.collection-selection-toolbar{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:var(--surface);box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:nowrap;animation:toolbarSlideUp .25s ease}@keyframes toolbarSlideUp{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.collection-selection-count{font-size:.85rem;font-weight:600;color:var(--accent);white-space:nowrap}.selection-toolbar-actions{display:flex;align-items:center;gap:.5rem;margin-left:.25rem;padding-left:.75rem;border-left:1px solid rgba(255,255,255,.1)}.selection-toolbar-actions .btn{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.selection-toolbar-actions .btn svg{opacity:.6;flex-shrink:0}.selection-toolbar-actions .btn:hover svg{opacity:1}.btn-delete-selected{background:#ef444426;color:var(--danger);border-color:#ef444466}.btn-delete-selected:hover{background:#ef444440;border-color:#ef444499;box-shadow:0 0 8px #ef444426}.collection-delete-message{font-size:.85rem;color:var(--success);background:var(--success-subtle);padding:.5rem .75rem;border-radius:6px;border-left:3px solid var(--success)}.delete-modal-overlay{position:fixed;inset:0;z-index:9999;background:var(--overlay);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.delete-modal{background:var(--surface);border-radius:12px;padding:1.5rem 2rem;max-width:440px;width:90%;box-shadow:var(--shadow-modal);animation:scaleIn .15s ease}.delete-modal-warning{font-size:.95rem;color:var(--text-primary);line-height:1.5;margin:0 0 1.25rem}.delete-modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.btn-delete-confirm{background:var(--danger);color:var(--on-danger);border-color:#ef444499;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff14}.btn-delete-confirm:hover{background:#dc2626;box-shadow:0 2px 12px #ef44444d,inset 0 1px #ffffff1a}.context-menu-overlay{position:fixed;inset:0;z-index:9999;background:var(--overlay);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.context-menu{background:var(--surface);border-radius:12px;padding:1.5rem;max-width:360px;width:90%;box-shadow:var(--shadow-modal);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:Inter,system-ui,-apple-system,sans-serif;animation:scaleIn .15s ease}.context-menu-with-cover{max-width:400px;padding:0;overflow:hidden}.context-menu-divider{height:1px;background:var(--border);margin:.25rem 0}.detail-view{display:flex;flex-direction:column;width:100%;animation:fadeIn .2s ease}.detail-view-cover{width:100%;aspect-ratio:1;object-fit:cover;display:block}.detail-view-info{padding:1.25rem 1.5rem .75rem}.detail-view-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .2rem;word-break:break-word}.detail-view-artist{font-size:.85rem;color:#ffffff8c;margin:0 0 .6rem}.detail-view-info .context-menu-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-bottom:0;font-size:.72rem;color:#ffffff73}.context-menu-meta span+span:before{content:"·";margin:0 .3rem;opacity:.5}.detail-view-options{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem 1.5rem}.change-cover-option-danger{border-color:#ff505040}.change-cover-option-danger .change-cover-option-icon,.change-cover-option-danger .change-cover-option-label{color:var(--danger)}.change-cover-option-danger:hover:not(:disabled){border-color:#ff505066;background:#ff50500f}.change-cover-view{padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%;min-width:320px;animation:fadeIn .2s ease}.change-cover-header{display:flex;align-items:center;gap:.4rem;width:100%}.change-cover-back{background:none;border:1px solid var(--border);color:var(--text-primary);cursor:pointer;padding:.35rem;border-radius:6px;line-height:0;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease}.change-cover-back:hover{background:#ffffff0f;border-color:#fff3}.change-cover-title{font-size:.95rem;font-weight:600;margin:0;letter-spacing:.01em}.change-cover-options{display:flex;flex-direction:column;gap:.5rem;width:100%}.change-cover-option{display:flex;align-items:center;gap:.85rem;width:100%;padding:.75rem .9rem;background:#ffffff08;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease;text-align:left;font-family:inherit}.change-cover-option:hover:not(:disabled){background:#ffffff0f;border-color:#fff3}.change-cover-option:active:not(:disabled){transform:scale(.98)}.change-cover-option:disabled{opacity:.35;cursor:not-allowed}.change-cover-option-icon{color:var(--accent);flex-shrink:0;opacity:.85}.change-cover-option-text{display:flex;flex-direction:column;gap:.15rem}.change-cover-option-label{font-size:.85rem;font-weight:500;color:var(--text-primary)}.change-cover-option-desc{font-size:.72rem;color:#ffffff73;letter-spacing:.01em}.change-cover-option-reset{margin-top:.25rem;border-style:dashed}.change-cover-option-reset .change-cover-option-icon{color:#fff6}.change-cover-preview-section{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;animation:coverReveal .35s cubic-bezier(.2,.9,.3,1)}@keyframes coverReveal{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.change-cover-preview{max-width:260px;max-height:260px;width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 4px 20px #00000059}.change-cover-caption{font-size:.72rem;color:#fff6;letter-spacing:.02em;margin:0}.change-cover-confirm-actions{display:flex;gap:.5rem;width:100%;margin-top:.25rem}.change-cover-confirm-actions .btn{flex:1}.lightbox-overlay{position:fixed;inset:0;z-index:10000;background:var(--overlay);display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:fadeIn .15s ease}.lightbox-image{max-width:90vw;max-height:90vh;border-radius:0;box-shadow:var(--shadow-modal);cursor:default}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);padding:1rem}.login-card{background:none;border-radius:0;padding:2.5rem 2rem;width:100%;max-width:380px;box-shadow:none;text-align:center}.login-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;margin-bottom:.75rem}.login-title{font-family:Shrikhand,cursive,system-ui,sans-serif;font-size:2.5rem;font-weight:400;color:var(--text-primary);letter-spacing:-.02em}.login-icon{height:5rem;width:auto}.login-wordmark{height:2.25rem;width:auto}.login-subtitle{color:var(--text-primary);font-size:.9rem;font-family:inherit;margin:0 0 1.5rem}.login-form{display:flex;flex-direction:column;gap:.75rem}.login-form input{padding:.65rem .85rem;border:none;border-bottom:2px solid var(--border);border-radius:0;font-size:.95rem;background:transparent;color:var(--text-primary);font-family:inherit;transition:border-color .2s}.login-form input::placeholder{color:var(--text-primary)}.login-form input:focus{outline:none;border-bottom-color:var(--accent)}.password-field{position:relative}.password-field input{width:100%;padding-right:2.75rem}.password-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;color:var(--text-primary);display:flex;align-items:center}.password-toggle svg{width:1.25rem;height:1.25rem}.password-toggle:hover{color:var(--accent-text)}.login-divider{display:flex;align-items:center;gap:1rem;margin:1.25rem 0;color:var(--text-primary);font-size:.82rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.btn-google{width:100%;padding:.6rem;border-color:var(--border);border-radius:6px;background:#ffffff0a;font-size:.9rem;font-weight:500;cursor:pointer;color:var(--text-primary);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.google-logo{flex-shrink:0}.btn-google:hover{background:#ffffff14;border-color:#ffffff40;box-shadow:0 2px 8px #00000026}.login-error{color:var(--danger);font-size:.85rem;margin-top:1rem}.login-success{color:var(--success);margin:1rem 0}.login-toggle{font-size:.85rem;color:var(--text-primary);margin-top:1.25rem}.link-btn{background:none;border:none;color:var(--accent-text);cursor:pointer;font-size:inherit;text-decoration:underline;padding:0}.link-btn:hover{color:var(--accent-hover)}.avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--border);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='8'%20r='4'/%3e%3cpath%20d='M5%2021c0-4.418%203.134-8%207-8s7%203.582%207%208'/%3e%3c/svg%3e");background-size:60%;background-repeat:no-repeat;background-position:center}.avatar-fallback-lg{background-size:55%}.profile-page{display:flex;flex-direction:column;gap:1.5rem;max-width:480px;margin:0 auto}.profile-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;border-radius:12px;background:var(--surface);box-shadow:var(--shadow-card)}.profile-avatar-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem}.profile-avatar-large{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--border)}.btn-upload-avatar{background:none;border:none;color:var(--accent-text);font-size:.82rem;cursor:pointer;padding:.2rem .5rem}.btn-upload-avatar:hover{text-decoration:underline}.btn-upload-avatar:disabled{color:var(--text-primary);cursor:not-allowed;text-decoration:none}.profile-info{text-align:center}.profile-name{margin:0 0 .25rem;font-size:1.25rem}.profile-email{margin:0;color:var(--text-primary);font-size:.9rem}.profile-section{border-radius:12px;background:var(--surface);padding:1.25rem;box-shadow:var(--shadow-card)}.profile-section-title{margin:0 0 .75rem;font-size:1rem;font-family:inherit;color:var(--text-primary);letter-spacing:.04em}.profile-discogs-status{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.9rem;color:var(--text-primary)}.profile-discogs-hint{color:var(--text-primary);font-size:.85rem}.btn-connect-discogs{background:var(--accent);color:var(--on-accent);border-color:var(--accent);padding:.5rem 1.25rem;font-size:.85rem;white-space:nowrap;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff14}.btn-connect-discogs:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 2px 12px #6366f14d,inset 0 1px #ffffff1a}.btn-disconnect{background:none;color:var(--danger);border-color:#ef444459;font-size:.82rem;padding:.4rem .85rem;white-space:nowrap}.btn-disconnect:hover{background:var(--danger-subtle);border-color:#ef444480}.btn-sign-out-large{width:100%;background:none;border-color:var(--border);color:#ffffffb3;font-size:.9rem;padding:.65rem 1rem;border-radius:6px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.btn-sign-out-large:hover{background:var(--danger-subtle);color:var(--danger);border-color:#ef444466}.profile-visibility-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.profile-visibility-info{display:flex;flex-direction:column;gap:.2rem}.profile-visibility-label{font-size:.9rem;color:var(--text-primary);font-weight:400}.profile-visibility-hint{font-size:.82rem;color:var(--text-primary);line-height:1.35}.profile-visibility-status{display:inline-block;margin-top:.5rem;font-size:.82rem;font-family:JetBrains Mono,monospace;color:var(--text-primary);font-weight:400}.toggle-switch{position:relative;width:44px;height:24px;border-radius:12px;border:none;background:var(--border);cursor:pointer;flex-shrink:0;padding:0;transition:background .2s}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.toggle-switch.toggle-on{background:var(--accent)}.toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--bg);box-shadow:0 1px 3px #0003;transition:transform .2s}.toggle-on .toggle-knob{transform:translate(20px)}.public-collection-header{display:flex;flex-direction:column;align-items:center;gap:.5rem}.public-collection-avatar{width:4rem;height:4rem;border-radius:50%;object-fit:cover}.public-collection-owner{margin:0;padding:0 0 .25rem;text-align:center;font-size:1.3rem;font-family:Shrikhand,cursive;color:var(--text-primary)}.public-collection-username{color:var(--accent-text)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-shimmer{position:relative;overflow:hidden;background:var(--surface)}.skeleton-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--border) 50%,transparent 100%);animation:shimmer 1.6s ease-in-out infinite;will-change:transform}.skeleton-card{pointer-events:none;background:none;box-shadow:none}.skeleton-cover{width:100%;aspect-ratio:1;display:block;border-radius:0}.skeleton-info{display:none}.skeleton-bar{height:.7rem;border-radius:3px}.skeleton-bar-long{width:85%}.skeleton-bar-medium{width:60%}.skeleton-bar-short{width:40%}.toast-container{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none}.toast{background:var(--surface, #FFFFFF);color:var(--text-primary, #1A1520);padding:.75rem 1.25rem;border-radius:6px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.9rem;box-shadow:0 2px 12px #0000001f;border-left:2px solid var(--accent, #2B1BDF);pointer-events:auto;animation:toast-fade-in .25s ease-out}.toast-success{border-left-color:var(--accent, #2B1BDF)}.toast-error{border-left-color:var(--danger, #F31C05)}.toast-removing{animation:toast-fade-out .3s ease-in forwards}@keyframes toast-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes actionPulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.skeleton-fading-out{opacity:0;transition:opacity .25s ease}@media(max-width:768px){.app{padding:0 1rem 5rem}.app-navbar{padding:.5rem 1rem;margin:0 -1rem 1rem;width:calc(100% + 2rem)}.navbar-wordmark{font-size:1.15rem}.navbar-links,.navbar-spacer,.navbar-actions{display:none}.route-content{padding-top:.75rem}.identify-subtab{padding:.4rem .55rem;font-size:.78rem}.subtab-icon{width:14px;height:14px}.result-card{flex-direction:column;gap:.75rem;padding:.75rem}.result-cover{width:100%;height:auto;aspect-ratio:1;border-radius:0}.result-title{font-size:1rem}.search-info{margin-top:1.5rem}.result-actions{width:100%;flex-wrap:wrap;gap:.4rem}.result-actions .btn{min-height:44px;padding:.5rem .85rem;font-size:.8rem;border-radius:8px}.result-actions .btn-discogs{background:#ffffff12;border-color:#ffffff1f}.result-actions .btn-collection,.result-actions .btn-dismiss{flex:1;min-height:48px;font-size:.85rem;font-weight:600}.batch-review{padding-bottom:5rem}.batch-review-main{flex-direction:column;touch-action:pan-y}.batch-review-photo{display:none}.batch-review-featured .result-cover{width:100%;height:auto;aspect-ratio:1}.batch-review-actions-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.5rem;width:100%}.batch-review-actions-row .btn{min-height:44px;font-size:.85rem;padding:.5rem .75rem}.batch-review-actions-row .btn-wrong{order:0;grid-column:span 2}.batch-review-actions-row .btn-dismiss{order:1;grid-column:span 2}.batch-review-actions-row .btn-collection{order:2;grid-column:1 / -1;min-height:48px;font-size:.9rem}.batch-review-actions-row .btn-nav{display:none}.batch-review-actions-row .btn-undo,.batch-review-actions-row .batch-review-acted{order:0;grid-column:span 2}.upload-zone{padding:1.25rem}.staging-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.upload-preview{max-height:200px}.collection-controls{gap:.5rem}.collection-filters-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.collection-filters-row .filter-separator,.collection-filters-row .filter-label,.collection-filters-row .collection-sort,.collection-filters-row>.cselect{display:none}.collection-search-wrap{order:-2;width:100%}.collection-search{width:100%;padding:.55rem .5rem .55rem 1.7rem;font-size:.85rem;border-radius:6px}.collection-view-toggle{order:-1;flex-shrink:0}.collection-filter-toggle{display:inline-flex;order:-1;align-items:center;justify-content:center;padding:.35rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#ffffff80;cursor:pointer;transition:color .15s,background .15s}.collection-filter-toggle:hover,.collection-filter-toggle.active{color:var(--text-primary);background:#ffffff1a}.collection-actions-row{order:-1;margin-left:auto;gap:.35rem}.collection-action-btn{padding:.4rem;min-width:36px;min-height:36px;justify-content:center}.collection-action-label,.export-chevron{display:none}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.collection-grid-detailed{grid-template-columns:1fr}.collection-card-detailed{overflow:hidden}.collection-detail-cover,.collection-card-detailed .collection-cover-placeholder{width:100px;height:100px}.collection-detail-info{overflow:hidden}.collection-detail-title{font-size:.95rem}.collection-detail-artist{font-size:.85rem}.collection-detail-meta{overflow:hidden}.delete-modal{padding:1.25rem}.delete-modal-actions .btn{min-height:44px}.context-menu,.wrong-dialog{padding:1.25rem}.pdf-dialog{padding:2rem 1.5rem 1.5rem}.profile-card{padding:1.5rem 1rem}.profile-section{padding:1rem}.profile-discogs-status,.profile-visibility-row{flex-direction:column;align-items:flex-start;gap:.75rem}.landing-hero-visual{width:min(260px,70vw)}.landing-vinyl-spin{width:min(140px,35vw);height:min(140px,35vw)}.batch-widget{bottom:5rem}.debug-panel,.btn-dismiss-all,.btn-add-all{display:none}.batch-view-photo-btn{display:inline-flex;align-self:center}}.landing{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.landing-nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:.75rem clamp(1rem,4vw,2.5rem)}.landing-nav-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none}.landing-nav-actions{display:flex;align-items:center;gap:1rem}.landing-signin{color:var(--text-primary);text-decoration:none;font-size:.9rem;font-weight:500;opacity:.8;transition:opacity .15s}.landing-signin:hover{opacity:1}.landing-hero{display:flex;flex-direction:column;align-items:center;max-width:1100px;margin:0 auto;padding:7rem clamp(1rem,4vw,2.5rem) 4rem;min-height:auto}.landing-hero-brand{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:3.5rem}.landing-brand-icon{width:clamp(5rem,10vw,8rem);height:auto}.landing-brand-name{font-family:Shrikhand,cursive,system-ui,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;letter-spacing:-.02em}.landing-hero-columns{display:flex;align-items:center;justify-content:center;gap:clamp(2rem,6vw,5rem);width:100%}.landing-hero-text{flex:1;min-width:0}.landing-headline{font-family:Shrikhand,cursive,system-ui,sans-serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:400;line-height:1.1;letter-spacing:-.02em;margin:0 0 1.25rem}.landing-subheadline{font-size:clamp(1rem,2vw,1.15rem);line-height:1.6;opacity:.75;margin:0 0 .5rem;max-width:480px}.landing-subheadline--bold{opacity:1;font-weight:600;margin-bottom:2rem}.landing-aside{font-size:.9rem;font-style:italic;opacity:.45;margin:0 0 1.25rem}.landing-cta{font-size:1.05rem;padding:.8rem 2.2rem}.landing-hero-visual{flex:0 0 auto;position:relative;width:clamp(260px,30vw,360px);display:flex;align-items:center;justify-content:center}.landing-vinyl-spin{position:absolute;top:50%;left:-20%;transform:translateY(-50%);width:200px;height:200px;animation:vinylSpin 8s linear infinite;opacity:.35;z-index:0}.landing-vinyl-img{width:100%;height:100%}@keyframes vinylSpin{to{transform:translateY(-50%) rotate(360deg)}}.landing-app-mockup{position:relative;z-index:1;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-modal)}.mockup-bar{display:flex;gap:5px;padding:10px 12px;background:#ffffff08;border-bottom:1px solid var(--border)}.mockup-dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.mockup-body{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.mockup-upload-zone{border:2px dashed var(--border);border-radius:8px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff6;font-size:.75rem}.mockup-results{display:flex;flex-direction:column;gap:6px}.mockup-result{height:28px;border-radius:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.mockup-result--match{border-color:var(--accent);background:var(--accent-subtle);box-shadow:0 0 8px #6366f126}.landing-section{max-width:1100px;margin:0 auto;padding:5rem clamp(1rem,4vw,2.5rem)}.landing-section--alt{max-width:none;background:var(--surface)}.landing-section--alt>.landing-steps,.landing-section--alt>div:first-child{max-width:1100px;margin:0 auto}.landing-section-title{font-family:Shrikhand,cursive,system-ui,sans-serif;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:400;letter-spacing:-.01em;margin:0 0 1rem;text-align:center}.landing-ba{display:flex;gap:0;max-width:800px;margin:0 auto;align-items:flex-start}.landing-ba-side{flex:1;padding:0 clamp(1rem,3vw,2rem)}.landing-ba-divider{width:1px;align-self:stretch;background:var(--border);flex-shrink:0}.landing-ba-heading{font-size:.85rem;font-weight:600;letter-spacing:.06em;margin:0 0 1.25rem}.landing-ba-heading--before{color:#ffffff73}.landing-ba-heading--after{color:var(--success)}.landing-ba-list{list-style:none;padding:0;margin:0 0 1.5rem;counter-reset:ba-step}.landing-ba-list li{counter-increment:ba-step;padding:.6rem 0 .6rem 2.5rem;position:relative;font-size:.95rem;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.05)}.landing-ba-list li:before{content:counter(ba-step);position:absolute;left:0;top:.6rem;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.7rem;font-weight:600;font-family:JetBrains Mono,monospace}.landing-ba-list--long li:before{background:var(--danger-subtle);color:var(--danger)}.landing-ba-list--short li:before{background:var(--success-subtle);color:var(--success)}.landing-ba-list--long li{opacity:.7}.landing-ba-list--short li{font-size:1.05rem;padding:.75rem 0 .75rem 2.5rem}.landing-ba-verdict{font-size:.9rem;font-style:italic;opacity:.5;margin:0}.landing-ba-verdict--done{font-style:normal;font-weight:700;font-size:1.2rem;opacity:1;color:var(--success)}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:2rem auto 0;padding:0 clamp(1rem,4vw,2.5rem)}.landing-step{text-align:center;padding:2rem 1.5rem}.landing-step-num{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--accent-subtle);color:var(--accent);font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;margin-bottom:1rem}.landing-step-title{font-size:1.15rem;font-weight:600;margin:0 0 .5rem}.landing-step-desc{font-size:.9rem;line-height:1.6;opacity:.75;margin:0}.landing-batch{text-align:center}.landing-batch-sub{font-size:clamp(1rem,2vw,1.15rem);opacity:.65;margin:.5rem auto 0;max-width:440px;line-height:1.6}.landing-why-intro{text-align:center;font-size:1.05rem;opacity:.7;margin:0 auto 2rem;max-width:480px}.landing-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}.landing-why-card{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:1.75rem}.landing-why-card h3{font-size:1rem;font-weight:600;margin:0 0 .5rem}.landing-why-card p{font-size:.88rem;line-height:1.6;opacity:.7;margin:0}.landing-data{text-align:center}.landing-data-philosophy{font-size:clamp(.95rem,1.8vw,1.05rem);line-height:1.7;opacity:.7;max-width:560px;margin:.5rem auto 1.5rem}.landing-not-list{list-style:none;padding:0;margin:1.25rem auto;max-width:420px;text-align:left}.landing-not-list li{padding:.4rem 0 .4rem 1.5rem;position:relative;font-size:.9rem;opacity:.6;line-height:1.5}.landing-not-list li:before{content:"✕";position:absolute;left:0;color:var(--danger);font-size:.75rem;top:.5rem}.landing-data-export{font-size:.95rem;font-weight:500;margin:0 0 1.25rem;opacity:.9}.landing-export-badges{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.landing-export-aside{font-family:Inter,system-ui,sans-serif;font-size:.7rem;font-style:italic;opacity:.5;letter-spacing:0;margin-left:.15rem}.landing-export-badge{display:inline-block;padding:.4rem 1rem;border-radius:20px;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:500;letter-spacing:.04em;background:var(--accent-subtle);color:var(--accent);border:1px solid rgba(99,102,241,.2)}.landing-final-cta{text-align:center;padding-top:6rem;padding-bottom:6rem}.landing-final-cta .landing-cta{margin-top:1.5rem}.landing-final-sub{font-size:.85rem;opacity:.45;margin:1rem 0 0}.landing-footer{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 2rem;border-top:1px solid var(--border)}.landing-footer-brand{display:flex;align-items:center;gap:.4rem;opacity:.35}.landing-footer-icon{width:1.5rem;height:1.5rem}.landing-footer-wordmark{font-family:Shrikhand,cursive,system-ui,sans-serif;font-size:.9rem;font-weight:400}.landing-footer-tagline{font-size:.8rem;font-style:italic;opacity:.3;margin:0}.landing-footer-discogs,.discogs-attribution{font-size:.7rem;opacity:.25;margin:12px 0 0;text-align:center}@media(max-width:768px){.landing-hero{padding-top:5.5rem;min-height:auto}.landing-hero-brand{margin-bottom:2rem}.landing-hero-columns{flex-direction:column;text-align:center;gap:2.5rem}.landing-hero-text{display:flex;flex-direction:column;align-items:center}.landing-subheadline{max-width:360px}.landing-hero-visual{width:260px}.landing-vinyl-spin{width:140px;height:140px;left:-15%}.landing-steps{grid-template-columns:1fr;gap:.5rem}.landing-step{padding:1.25rem}.landing-why-grid{grid-template-columns:1fr;gap:1rem}.landing-ba{flex-direction:column}.landing-ba-divider{width:100%;height:1px;margin:1.5rem 0}.landing-nav-inner .btn-primary{display:none}}.search-dashboard{margin-top:2rem}.search-nudge{display:flex;align-items:center;gap:.5rem;width:100%;padding:.65rem 1rem;border-radius:6px;border:none;border-left:3px solid var(--accent);background:var(--accent-subtle);color:var(--text-primary);font-family:inherit;font-size:.88rem;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s;margin-bottom:1.25rem}.search-nudge:hover{background:#6366f138;transform:translate(2px)}.search-nudge--issues{border-left-color:#f59e0b;background:#f59e0b1a}.search-nudge--issues:hover{background:#f59e0b2e}.search-nudge-count{font-weight:600;font-family:JetBrains Mono,monospace;font-size:.85rem;min-width:1.4em;text-align:center}.search-section{margin-bottom:1rem}.search-section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.75rem}.search-section-label{font-size:.78rem;font-weight:500;letter-spacing:.06em;color:#ffffff80}.search-section-link{font-size:.78rem;font-family:inherit;color:var(--accent-text);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;transition:color .15s}.search-section-link:hover{color:var(--accent-hover)}.search-review-grid{display:flex;flex-direction:column;gap:.75rem}.search-review-more{display:block;margin-top:.75rem;font-size:.78rem;font-weight:400;letter-spacing:.06em;color:#ffffff80;text-decoration:none;transition:color .15s}.search-review-more:hover{color:var(--accent-text)}a.search-review-card,.search-review-card{display:flex;gap:.85rem;padding:.65rem;background:var(--surface);border-radius:6px;box-shadow:var(--shadow-card);transition:box-shadow .2s;animation:cardFadeIn .35s ease both;text-decoration:none;color:inherit;cursor:pointer}.search-review-card:hover{box-shadow:var(--shadow-hover)}.search-review-cover{width:100px;height:100px;object-fit:cover;flex-shrink:0;border-radius:3px}.search-review-cover--empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface) 0%,var(--border) 100%)}.search-review-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem;justify-content:center}.search-review-title{font-size:.95rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-review-artist{font-size:.85rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.search-review-meta{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;overflow:hidden;max-height:3.2em}.search-review-meta span{font-family:JetBrains Mono,monospace;font-size:.7rem;padding:.15rem .4rem;border-radius:3px;background:#ffffff0f;color:#ffffffb3;white-space:nowrap;max-width:18ch;overflow:hidden;text-overflow:ellipsis}.search-stat{margin-top:.6rem;font-size:.78rem;color:#ffffff59;text-align:center}.search-onboarding{margin-top:.5rem}.search-onboarding-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.search-onboarding-step{padding:1.25rem;border-radius:8px;background:var(--surface);border:1px solid var(--border)}.search-onboarding-num{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--accent-subtle);color:var(--accent-text);font-size:.78rem;font-weight:600;font-family:JetBrains Mono,monospace;margin-bottom:.6rem}.search-onboarding-title{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0 0 .3rem}.search-onboarding-desc{font-size:.82rem;color:#ffffff8c;line-height:1.45;margin:0}@media(max-width:768px){.search-onboarding-steps{grid-template-columns:1fr}}.pdf-dialog-overlay{position:fixed;inset:0;z-index:9999;background:var(--overlay);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.pdf-dialog{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 2.5rem 2rem;background:var(--surface);border-radius:16px;box-shadow:var(--shadow-modal);animation:scaleIn .2s ease;max-width:340px;width:90%}.pdf-spinner{width:4rem;height:4rem;margin-bottom:1.75rem}.pdf-dialog-title{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.05rem;font-weight:500;color:var(--text-primary);margin:0 0 .5rem}.pdf-ellipsis:after{content:"";animation:ellipsis 1.5s steps(4,end) infinite}@keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.pdf-dialog-hint{font-family:JetBrains Mono,monospace;font-size:.72rem;color:#fff6;margin:0 0 1.5rem;line-height:1.5}.pdf-dialog-cancel{background:none;border:none;color:#ffffff59;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.82rem;cursor:pointer;padding:.3rem .8rem;border-radius:6px;transition:color .15s,background .15s}.pdf-dialog-cancel:hover{color:#ffffffa6;background:#ffffff0d}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.landing-vinyl-spin{animation:none}}.wrong-dialog-overlay{position:fixed;inset:0;z-index:9999;background:var(--overlay);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.wrong-dialog{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;max-width:520px;width:92%;box-shadow:var(--shadow-modal);max-height:90vh;overflow-y:auto}.wrong-dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.wrong-dialog-title{font-size:1.1rem;font-weight:600;margin:0}.wrong-dialog-close{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;border-radius:6px;transition:color .15s,background .15s}.wrong-dialog-close:hover{color:var(--text-primary);background:#ffffff14}.wrong-dialog-item{display:flex;gap:.875rem;margin-bottom:1.25rem;padding:.75rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.wrong-dialog-thumb{width:56px;height:56px;border-radius:6px;object-fit:cover;flex-shrink:0}.wrong-dialog-item-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.wrong-dialog-filename{font-size:.85rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrong-dialog-extracted,.wrong-dialog-match{font-size:.8rem;color:#ffffff8c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrong-dialog-context{position:relative;margin-bottom:1rem}.wrong-dialog-textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem;color:var(--text-primary);font-size:.85rem;font-family:inherit;resize:vertical;min-height:3.5rem;transition:border-color .2s}.wrong-dialog-textarea:focus{outline:none;border-color:var(--accent)}.wrong-dialog-textarea::placeholder{color:#ffffff59}.wrong-dialog-charcount{position:absolute;right:.5rem;bottom:.4rem;font-size:.7rem;color:#ffffff4d}.wrong-dialog-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#ffffffb3;cursor:pointer;margin-bottom:.75rem;-webkit-user-select:none;user-select:none}.wrong-dialog-checkbox-label input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.wrong-dialog-dropzone{border:2px dashed var(--border);border-radius:10px;padding:1.5rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;margin-bottom:.75rem}.wrong-dialog-dropzone:hover,.wrong-dialog-dropzone.dragging{border-color:var(--accent);background:var(--accent-subtle)}.wrong-dialog-dropzone-icon{color:#ffffff59;margin-bottom:.5rem}.wrong-dialog-dropzone-text{display:block;font-size:.85rem;color:#fff9}.wrong-dialog-dropzone-text em{color:var(--accent-text);font-style:normal;text-decoration:underline;text-underline-offset:2px}.wrong-dialog-dropzone-hint{display:block;font-size:.75rem;color:#ffffff4d;margin-top:.25rem}.wrong-dialog-file-preview{display:flex;align-items:center;gap:.75rem;padding:.625rem;background:#ffffff08;border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem}.wrong-dialog-preview-img{width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0}.wrong-dialog-preview-info{display:flex;flex-direction:column;gap:.2rem;min-width:0;font-size:.8rem;color:#fff9}.wrong-dialog-preview-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrong-dialog-preview-remove{background:none;border:none;color:var(--danger);font-size:.8rem;cursor:pointer;padding:0;text-align:left}.wrong-dialog-preview-remove:hover{text-decoration:underline}.wrong-dialog-actions{display:flex;gap:.75rem;margin-top:1.25rem}.wrong-dialog-actions .btn{flex:1}.spinner--inline{width:1rem;height:1rem;display:inline-block;vertical-align:middle}.spinner--small{width:1rem;height:1rem}.review-new-items-banner{display:block;width:100%;padding:.625rem 1rem;margin-bottom:1rem;background:var(--accent-subtle);color:var(--accent-text);border:1px solid rgba(99,102,241,.3);border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;text-align:center;transition:background .2s,border-color .2s;animation:fadeIn .3s ease}.review-new-items-banner:hover{background:#6366f140;border-color:#6366f180}.issues-card--processing{opacity:.6;pointer-events:none}.issues-card-processing{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--accent-text)}.batch-widget{position:fixed;bottom:1.5rem;right:1.5rem;z-index:500}.batch-widget-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem;box-shadow:var(--shadow-hover);min-width:220px;max-width:320px;cursor:pointer;transition:box-shadow .2s}.batch-widget-card:hover{box-shadow:var(--shadow-modal)}.batch-widget--done .batch-widget-card{border-color:#10b9814d}.batch-widget-row{display:flex;align-items:center;gap:.625rem}.batch-widget-ring{flex-shrink:0}.batch-widget-info{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.batch-widget-status{font-size:.8rem;font-weight:500;color:var(--text-primary)}.batch-widget-name{font-size:.7rem;color:#fff6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-widget-count{background:var(--accent);color:var(--on-accent);font-size:.65rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.batch-widget-dismiss{background:none;border:none;color:#ffffff59;cursor:pointer;padding:2px;border-radius:4px;flex-shrink:0;transition:color .15s}.batch-widget-dismiss:hover{color:var(--text-primary)}.batch-widget-expanded{overflow:hidden;margin-top:.625rem}.batch-widget-progress-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:.5rem}.batch-widget-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .5s ease}.batch-widget--done .batch-widget-progress-fill{background:var(--success)}.batch-widget-review-btn{width:100%;margin-bottom:.5rem;font-size:.8rem;padding:.4rem .75rem}.batch-widget-list{display:flex;flex-direction:column;gap:.25rem;margin-top:.25rem;border-top:1px solid var(--border);padding-top:.5rem}.batch-widget-list-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#fff9}.batch-widget-list-status{font-weight:600;min-width:40px;font-size:.7rem}.batch-widget-list-status.done{color:var(--success)}.batch-widget-list-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-widget-list-dismiss{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:1rem;line-height:1;padding:0 2px}.batch-widget-list-dismiss:hover{color:var(--text-primary)}.mobile-tab-bar{display:none}@media(max-width:768px){.mobile-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--bg-glass);border-top:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.4rem 0;padding-bottom:max(.4rem,env(safe-area-inset-bottom))}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem 0;text-decoration:none;color:#ffffff73;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.65rem;font-weight:500;letter-spacing:.02em;transition:color .15s;-webkit-tap-highlight-color:transparent}.mobile-tab.active{color:var(--accent-text)}.mobile-tab svg{flex-shrink:0}}.mobile-photo-overlay{position:fixed;inset:0;z-index:9999;background:var(--overlay);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.mobile-photo-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;width:90%;max-width:400px;box-shadow:var(--shadow-modal);animation:scaleIn .2s ease}.mobile-photo-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}.mobile-photo-title{font-size:.8rem;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,monospace}.mobile-photo-close{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-photo-close:hover{color:var(--text-primary);background:#ffffff14}.mobile-photo-img{width:100%;display:block}.mobile-filter-dialog-overlay{position:fixed;inset:0;z-index:9999;background:var(--overlay);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.mobile-filter-dialog{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;width:90%;max-width:340px;box-shadow:var(--shadow-modal);display:flex;flex-direction:column;gap:1rem;animation:scaleIn .2s ease}.mobile-filter-dialog-header{display:flex;align-items:center;justify-content:space-between}.mobile-filter-dialog-header h3{margin:0;font-size:1rem;font-weight:600}.mobile-filter-dialog-close{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center}.mobile-filter-dialog-close:hover{color:var(--text-primary);background:#ffffff14}.mobile-filter-dialog-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.mobile-filter-dialog-label{font-size:.85rem;color:#ffffff80;letter-spacing:.04em;font-weight:500;flex-shrink:0}.mobile-filter-dialog-controls{display:flex;align-items:center;gap:.35rem}@media(hover:none){.staging-remove{opacity:1}}