@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=JetBrains+Mono:wght@500&display=swap";:root{--bg: #050505;--bg-soft: #0b0b0b;--card: #121212;--card-strong: rgba(255, 255, 255, .08);--line: #222222;--ink: #ffffff;--muted: #a1a1a1;--dimmed: #666666;--brand: #00d1ff;--brand-deep: #0080ff;--violet: #9d50bb;--success: #00ffbc;--danger: #ff6e73;--panel-padding: 32px;--card-padding: 20px;--card-gap: 12px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html,body{-webkit-tap-highlight-color:transparent}body{font-family:Inter,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 12%,rgba(0,209,255,.15) 0%,transparent 28%),radial-gradient(circle at 88% 4%,rgba(157,80,187,.16) 0%,transparent 24%),linear-gradient(180deg,#050505,#07080a 55%,#050505)}h1,h2,h3,p{margin:0}.app-shell{min-height:100vh;padding:clamp(1rem,2vw,2rem)}.shell-grid{width:min(1280px,90vw);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.shell-grid>*{width:100%;max-width:none;justify-self:stretch}.panel{border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #ffffff05;overflow:visible}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:var(--panel-padding);overflow:visible;position:relative;z-index:100}.topbar-left{display:inline-flex;align-items:center;gap:.75rem;min-width:0}.title{font-size:clamp(2rem,5vw,4rem);font-weight:800;letter-spacing:-.04em;margin-top:.25rem}.title-link{border:0;background:transparent;color:inherit;padding:0;cursor:pointer;text-align:left}.title-link:hover .title{opacity:.9}.topbar-controls{display:flex;gap:.6rem;align-items:center}.user-menu-trigger{display:inline-flex;align-items:center;gap:.5rem}.user-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}.user-avatar-fallback{display:grid;place-content:center;font-size:.78rem;font-weight:700;background:#1c2430;color:var(--ink)}.user-menu{position:relative}.user-menu-dropdown{position:absolute;top:calc(100% + .4rem);right:0;min-width:170px;border:1px solid var(--line);border-radius:10px;background:#0f141c;padding:.35rem;box-shadow:0 10px 24px #00000040;z-index:1000}.user-menu-item{width:100%;text-align:left}.content{display:grid;gap:1rem;width:100%}.section{padding:1rem}.section-head{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.8rem}.muted{color:var(--muted)}.inline-form{display:flex;flex-wrap:wrap;gap:.6rem}input,select{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0009;color:var(--ink);padding:.72rem .85rem;font:inherit}input:focus,select:focus{outline:2px solid rgba(0,209,255,.24);border-color:var(--brand)}.inline-form input,.inline-form select{flex:1 1 220px}.button{border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#ffffff08;color:var(--ink);padding:.62rem .95rem;cursor:pointer;font:inherit}.button:hover{border-color:var(--brand)}.button.primary{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#050505;border-color:transparent;font-weight:700;box-shadow:0 0 20px #00d1ff4d}.button.primary:hover{transform:scale(1.05)}.button.danger{border-color:#ff6e7380;color:var(--danger)}.button.ghost{background:#ffffff08}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;align-items:start}@media (min-width: 768px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.2rem}}@media (min-width: 1024px){.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.4rem}}.collection-card,.item-card{border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--card-padding);display:grid;gap:var(--card-gap);box-shadow:inset 0 0 0 1px #ffffff05}.collection-meta{display:grid;gap:var(--card-gap)}.collection-meta-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--card-gap)}.collection-title-block{display:grid;gap:10px}.collection-meta-side{display:grid;justify-items:end;gap:0}.collection-card h3,.item-card h3,.collection-card p,.item-card p{margin:0}.chip{width:fit-content;border:1px solid var(--line);border-radius:99px;padding:.35rem .7rem;font-size:.78rem;color:var(--muted)}.collection-count{margin-left:auto;white-space:nowrap}.collection-owner-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18)}.collection-owner-avatar-fallback{display:grid;place-content:center;font-size:.75rem;font-weight:700;color:var(--ink);background:#ffffff14}.collection-owner-ident{display:inline-flex;align-items:center;gap:.5rem;margin-top:10px;border:none;border-radius:0;background:transparent;padding:0}.collection-owner-name{font-size:.95rem;line-height:1;color:var(--ink)}.collection-card .card-actions,.item-card .card-actions{display:grid;grid-template-columns:1fr}.collection-card .card-actions .button,.item-card .card-actions .button{width:100%;justify-content:center;padding-left:1rem;padding-right:1rem}.collection-card{min-height:180px;padding:16px;gap:10px}.collection-card .collection-owner-ident{margin-top:6px}.card-actions{display:flex;flex-wrap:wrap;gap:var(--card-gap)}.item-media,.placeholder{width:100%;aspect-ratio:1;border-radius:10px;object-fit:cover;background:#0d1218;border:1px solid var(--line)}.placeholder{display:grid;place-content:center;color:var(--muted);font-size:.9rem}.page-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.9rem}.collection-title-row{display:inline-flex;align-items:center;gap:.55rem}.collection-settings-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border-radius:999px}.collection-settings-icon svg{width:1.1rem;height:1.1rem}.collection-settings-home{width:1.7rem;height:1.7rem;margin-left:auto;margin-bottom:6px}.open-button-compact{padding-top:.31rem;padding-bottom:.31rem}.add-item-card{cursor:pointer;border-style:dashed;border-color:#00d1ff73;padding:12px;gap:8px;min-height:120px;justify-content:center;align-items:center;text-align:center}.add-item-card:nth-child(2n){margin-top:2rem}.add-item-card:nth-child(3n){margin-top:1rem}.add-item-card:hover{border-color:var(--brand);background:linear-gradient(180deg,#00d1ff0f,#00d1ff05)}.add-item-card:focus-visible{outline:2px solid rgba(0,209,255,.45);outline-offset:2px}.add-item-card h3{font-size:.95rem;line-height:1.1;font-weight:600}.add-item-media{font-size:2.2rem;color:var(--brand);border:none;background:transparent;aspect-ratio:auto;min-height:auto}.add-item-card h3{font-size:1rem;line-height:1.1}.mobile-only{display:grid}.desktop-only{display:none}@media (min-width: 768px){.mobile-only{display:none}.desktop-only{display:inline-flex}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#06080cb8;display:grid;place-items:center;align-items:start;overflow-y:auto;padding:1rem;z-index:1000}.modal{width:min(560px,100%);max-height:calc(100dvh - 2rem);overflow-y:auto;border:1px solid var(--line);border-radius:14px;background:#0f141c;padding:1rem;display:grid;gap:.8rem}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.tabs{display:flex;gap:.5rem}.tab{flex:1;border:1px solid var(--line);border-radius:10px;padding:.52rem;cursor:pointer;background:transparent;color:var(--muted)}.tab.active{color:var(--ink);border-color:var(--brand);background:#00d1ff24}.stack{display:grid;gap:.6rem}.field-label{color:var(--muted);font-size:.92rem}.barcode-section{border:1px solid var(--line);border-radius:12px;padding:.75rem;background:#ffffff05}.photo-capture-panel{border:1px solid var(--line);border-radius:12px;padding:.7rem;background:#ffffff05;display:grid;gap:.65rem}.photo-preview-wrap{display:grid;gap:.55rem}.photo-preview{width:100%;max-height:300px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#05080d}.photo-actions{display:flex;flex-wrap:wrap;gap:.45rem}.scanner-panel{border:1px solid var(--line);border-radius:12px;padding:.65rem;background:#ffffff05;display:grid;gap:.6rem}.scanner-controls{display:flex;flex-wrap:wrap;gap:.45rem}.scanner-viewport{position:relative;width:100%;min-height:220px;border:1px dashed var(--line);border-radius:10px;overflow:hidden;background:#05080d}.scanner-viewport video,.scanner-viewport canvas{width:100%;height:220px;object-fit:cover}.scanner-crosshair{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);pointer-events:none;z-index:10}.visually-hidden-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);border:0}.scanner-ok{color:var(--brand);font-size:.9rem}.scanner-error{color:var(--danger);font-size:.9rem}.file-input{border:1px dashed var(--line);border-radius:10px;padding:.65rem;color:var(--muted)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.empty{border:1px dashed rgba(255,255,255,.2);border-radius:12px;padding:1rem;color:var(--muted)}.message{color:var(--brand)}.filter-toggle{display:flex;gap:.4rem;width:fit-content;margin:0 auto}.toggle-btn{border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);padding:.58rem 1.2rem;cursor:pointer;font:inherit;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.toggle-btn:hover{border-color:var(--brand);color:var(--ink)}.toggle-btn.active{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#050505;border-color:var(--brand);box-shadow:0 0 20px #00d1ff4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cardSlide{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cards-grid .collection-card,.cards-grid .item-card{animation:cardSlide .5s cubic-bezier(.34,1.56,.64,1) forwards}.cards-grid .collection-card:nth-child(1){animation-delay:.05s}.cards-grid .collection-card:nth-child(2){animation-delay:.1s}.cards-grid .collection-card:nth-child(3){animation-delay:.15s}.cards-grid .collection-card:nth-child(4){animation-delay:.2s}.cards-grid .collection-card:nth-child(5){animation-delay:.25s}.cards-grid .collection-card:nth-child(n+6){animation-delay:.3s}.cards-grid .item-card:nth-child(1){animation-delay:.05s}.cards-grid .item-card:nth-child(2){animation-delay:.1s}.cards-grid .item-card:nth-child(3){animation-delay:.15s}.cards-grid .item-card:nth-child(4){animation-delay:.2s}.cards-grid .item-card:nth-child(5){animation-delay:.25s}.cards-grid .item-card:nth-child(n+6){animation-delay:.3s}.button{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.button:active{transform:scale(.98)}.button,.collection-card,.item-card,.add-item-card,.panel{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.button,.add-item-card,.collection-card,.item-card{user-select:none;-webkit-user-select:none}.collection-card,.item-card{transition:all .3s ease}.collection-card:hover,.item-card:hover{border-color:var(--brand);box-shadow:inset 0 0 0 1px #00d1ff38,0 8px 24px #00d1ff26;transform:translateY(-4px)}.search-input{border-radius:12px;border:1px solid var(--brand);background:#000;color:var(--brand);padding:.62rem .75rem;font:500 14px/1.4 JetBrains Mono,monospace;letter-spacing:.05em;transition:all .3s ease}.section-head .search-input{width:auto;min-width:250px;margin:0}.search-input:focus{outline:2px solid rgba(109,232,157,.24);border-color:var(--brand)}.collection-item-search{display:grid;gap:.7rem;margin-bottom:.9rem}.collection-item-search-row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.collection-item-search-row .search-input{flex:1 1 300px;min-width:220px}.collection-item-search-row .button.desktop-only{flex-shrink:0;white-space:nowrap}.switch{position:relative;display:inline-flex;align-items:center}.switch-input{position:absolute;opacity:0;width:0;height:0;cursor:pointer}.switch-slider{position:relative;display:inline-block;width:48px;height:26px;background-color:var(--line);border-radius:26px;transition:.35s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--line);cursor:pointer}.switch-slider:before{content:"";position:absolute;height:22px;width:22px;left:2px;top:2px;background-color:var(--bg-soft);border-radius:50%;transition:.35s cubic-bezier(.34,1.56,.64,1)}.switch-input:checked+.switch-slider{background:linear-gradient(135deg,var(--brand),var(--brand-deep));border-color:var(--brand)}.switch-input:checked+.switch-slider:before{transform:translate(22px);background-color:#0d141d}.modal-form{display:grid;gap:.8rem}.modal-form input{width:100%}.modal-form .switch-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.5rem 0}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}.notifications-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.8rem;z-index:1100;pointer-events:none}.notifications-container.notifications-modal{top:auto;bottom:1rem;left:50%;right:auto;transform:translate(-50%);width:min(560px,calc(100vw - 2rem))}.notifications-container.notifications-modal .notification{width:100%}.notification{border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:.8rem 1rem;border-left:3px solid;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 24px #00000047,inset 0 0 0 1px #ffffff08;animation:slideIn .3s cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:auto;cursor:default}.notification-success{border-left-color:var(--success);background:linear-gradient(180deg,#00ffbc29,#00ffbc0f);color:#cffff1}.notification-error{border-left-color:var(--danger);background:linear-gradient(180deg,#ff6e7329,#ff6e730f);color:#ffe9ea}.notification-info{border-left-color:var(--brand);background:linear-gradient(180deg,#00d1ff29,#00d1ff0f);color:#dff8ff}@media (max-width: 760px){.page-header,.section-head{flex-direction:column;align-items:stretch}.topbar{align-items:center;justify-content:space-between;gap:.5rem}.topbar-left{flex:1;min-width:0}.topbar-left .title{font-size:clamp(1.2rem,5.6vw,1.7rem);margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-controls{margin-left:auto;justify-content:flex-end}.mobile-only{display:inline-flex}.add-item-card.mobile-only{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.add-item-card.mobile-only .add-item-media{width:auto}.desktop-only{display:none}.collection-title-row{width:100%;justify-content:space-between}.collection-settings-icon{flex:0 0 auto}.filter-toggle{width:100%}.toggle-btn{flex:1}.notifications-container{bottom:1rem;right:1rem}.notification{border-radius:8px;padding:.7rem .9rem}}.content.bento-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;width:100%}.content.bento-grid>.panel{grid-column:1 / -1;width:100%;max-width:none;justify-self:stretch}.bento-card{grid-column:1 / -1;padding:var(--panel-padding)}.bento-primary,.bento-filter{grid-column:1 / -1}h2{font-size:24px;font-weight:600;letter-spacing:-.02em}p,.muted,button,input,select{font-size:16px}code{color:var(--brand);background:#000000b3;border:1px solid rgba(0,209,255,.55);border-radius:8px;padding:.15rem .4rem;font:500 14px/1.4 JetBrains Mono,monospace;letter-spacing:.05em}.modal{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media (max-width: 1024px){.bento-primary,.bento-filter{grid-column:1 / -1}}@media (max-width: 760px){.bento-card,.topbar{padding:20px}.title{font-size:clamp(1.8rem,10vw,2.6rem)}.collection-card,.item-card{padding:16px;gap:10px}}.image-lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:grid;place-items:center;z-index:2000;overflow:auto;padding:1rem}.image-lightbox-image-wrapper{display:grid;place-items:center;touch-action:none}.image-lightbox-content{max-width:95vw;max-height:95vh;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:auto;touch-action:none}.image-lightbox-close{position:fixed;top:1.5rem;right:1.5rem;width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--ink);font-size:1.5rem;cursor:pointer;display:grid;place-items:center;z-index:2001;transition:all .2s ease;padding:0}.image-lightbox-close:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.1)}