:root{--bg: #14100e;--surface: #1f1a17;--surface-2: #2a2320;--border: #3a322d;--text: #f0e9e2;--muted: #a89c91;--accent: #c9a04e;--accent-hover: #dbb668;--on-accent: #221a10;--violet: #8e6ac2;--violet-hover: #a684d8;--danger: #d9534f;--ok: #6fbf73;--radius: 10px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--accent)}h1{font-size:1.5rem;margin:0 0 .5rem}h2{font-size:1.1rem;margin:1rem 0 .5rem}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger)}.ok{color:var(--ok)}.spacer{flex:1}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);grid-template-rows:auto 1fr;min-height:100vh}.topbar{display:none}.sidebar{grid-row:1 / 3;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.028'%3E%3Ccircle cx='75' cy='75' r='52'/%3E%3Ccircle cx='75' cy='75' r='40'/%3E%3Ccircle cx='75' cy='75' r='28'/%3E%3Ccircle cx='75' cy='75' r='16'/%3E%3Ccircle cx='75' cy='75' r='5'/%3E%3C/g%3E%3C/svg%3E");border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1rem;gap:1rem}.sidebar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.sidebar-grid .cell{aspect-ratio:1;border-radius:6px;overflow:hidden;border:1px solid var(--border);background:var(--surface-2);display:flex;align-items:center;justify-content:center}.sidebar-grid .cell img{width:100%;height:100%;object-fit:cover;display:block}.sidebar-grid button.cell{padding:0;cursor:pointer;font:inherit;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.sidebar-grid button.cell:hover{border-color:var(--accent);transform:scale(1.08) rotate(-1.5deg);box-shadow:0 4px 12px #00000073;z-index:1}.mini-vinyl{width:68%;height:68%;opacity:.65}.brand{font-size:1.2rem;font-weight:700;line-height:0}.sidebar-top{position:relative;display:flex;align-items:flex-start;justify-content:center}.sidebar-logo{filter:drop-shadow(0 4px 14px rgba(201,160,78,.25))}.collapse-btn{position:absolute;top:0;right:0;flex-shrink:0}.collapsed-only{display:none}@media(min-width:801px){.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin}}@media(min-width:801px){.layout.collapsed{grid-template-columns:68px minmax(0,1fr)}.layout.collapsed .sidebar{padding:1rem .6rem;align-items:center}.layout.collapsed .side-label,.layout.collapsed .side-art-wrap{display:none}.layout.collapsed .sidebar-top{flex-direction:column;gap:.75rem}.layout.collapsed .sidebar nav{width:100%}.layout.collapsed .sidebar nav a{display:flex;justify-content:center;padding:.6rem 0}.layout.collapsed .collapsed-only{display:inline}.layout.collapsed .sidebar-footer{align-items:center}}.sidebar nav{display:flex;flex-direction:column;gap:.25rem}.sidebar nav a{color:var(--text);text-decoration:none;padding:.6rem .75rem;border-radius:var(--radius)}.sidebar nav a:hover{background:var(--surface-2)}.sidebar nav a.active{background:var(--accent);color:var(--on-accent)}.nav-icon{display:inline-flex;vertical-align:-.22em;color:var(--accent);line-height:0}.sidebar nav a.active .nav-icon{color:var(--on-accent)}.nav-icon.collapsed-only{display:none}@media(min-width:801px){.layout.collapsed .nav-icon.collapsed-only{display:inline-flex}}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:.5rem}.sidebar-user{min-width:0}.sidebar-username{font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-usertitle{font-family:Georgia,serif;font-style:italic;font-size:.78rem;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-actions{display:flex;gap:.5rem;flex-wrap:wrap}.discoi-logo{animation:discoi-swap .55s cubic-bezier(.22,1,.36,1);transition:transform .25s ease,filter .25s ease;cursor:pointer}.discoi-logo:hover{transform:scale(1.06) rotate(4deg);filter:drop-shadow(0 0 10px rgba(201,160,78,.45))}@keyframes discoi-swap{0%{opacity:0;transform:rotate(-100deg) scale(.6)}to{opacity:1;transform:rotate(0) scale(1)}}.dice-radio{display:flex;flex-direction:column;gap:.45rem;min-width:0}.vinyl-die-btn{display:flex;align-items:center;gap:.55rem;background:none;border:none;padding:0;cursor:pointer;color:var(--text);font:inherit;text-align:left}.vinyl-die-btn:disabled{cursor:default}.vinyl-die{width:54px;height:54px;flex-shrink:0;transform-origin:50% 50%;transition:transform .25s ease,filter .25s ease}.vinyl-die-btn:hover .vinyl-die{transform:scale(1.08) rotate(20deg);filter:drop-shadow(0 0 8px rgba(201,160,78,.4))}.vinyl-die.spinning{animation:vinyl-rotate 1.8s linear infinite}@keyframes vinyl-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dice-now{display:flex;align-items:center;gap:.5rem;min-width:0}.dice-cover{width:34px;height:34px;border-radius:6px;object-fit:cover;border:1px solid var(--border);flex-shrink:0}.dice-cover-placeholder{display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);font-size:1rem}.dice-label{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.dice-stop{flex-shrink:0}@media(min-width:801px){.layout.collapsed .dice-radio{align-items:center}.layout.collapsed .vinyl-die-btn{justify-content:center}.layout.collapsed .dice-now{flex-direction:column;gap:.3rem}}@media(prefers-reduced-motion:reduce){.discoi-logo,.vinyl-die.spinning{animation:none}.record-card,.record-card .cover img,.sidebar-grid button.cell{transition:none}.record-card.clickable:hover,.sidebar-grid button.cell:hover{transform:none}}.content{padding:1.5rem;max-width:1100px;width:100%;min-width:0}.backdrop{display:none}@media(max-width:800px){.layout{grid-template-columns:minmax(0,1fr)}.topbar{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.topbar-user{margin-left:auto;font-size:.85rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.hamburger{background:none;border:none;color:var(--text);font-size:1.4rem;cursor:pointer;padding:.2rem .4rem}.sidebar{position:fixed;top:0;left:0;bottom:0;width:250px;z-index:40;transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.desktop-only{display:none}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:30}.content{padding:1rem}}label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;margin-bottom:.75rem}input,select,textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.55rem .7rem;font-size:1rem;font-family:inherit;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);border-color:transparent}.check{flex-direction:row;align-items:center;gap:.5rem}.check input{width:auto}.checks{margin:.5rem 0}.row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.btn{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem 1rem;font-size:.95rem;cursor:pointer}.btn:hover{background:var(--border)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn.primary:hover{background:var(--accent-hover)}.btn.danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn.small{padding:.25rem .6rem;font-size:.8rem}.btn.icon{padding:.3rem .6rem}.btn:disabled{opacity:.6;cursor:default}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;max-width:480px}.page-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{width:100%;max-width:380px}.login-card h1{text-align:center}.landing{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:radial-gradient(ellipse at 15% 10%,rgba(107,74,140,.2),transparent 55%),radial-gradient(ellipse at 85% 90%,rgba(201,160,78,.13),transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.025'%3E%3Ccircle cx='75' cy='75' r='52'/%3E%3Ccircle cx='75' cy='75' r='40'/%3E%3Ccircle cx='75' cy='75' r='28'/%3E%3Ccircle cx='75' cy='75' r='16'/%3E%3Ccircle cx='75' cy='75' r='5'/%3E%3C/g%3E%3C/svg%3E"),var(--bg)}.landing-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8rem;width:100%;max-width:430px}.landing-logo{filter:drop-shadow(0 8px 28px rgba(201,160,78,.3));line-height:0}.landing-tagline{color:var(--muted);margin:0}.landing-phrase{color:#c9a04e;font-family:Georgia,serif;font-style:italic;font-size:.95rem;margin:0}.landing .login-card{width:100%;max-width:none;margin-bottom:0}.landing-footer{color:var(--muted);opacity:.55;font-size:.78rem;margin:.4rem 0 0}.fnord{opacity:.35}.landing-wrap{display:flex;flex-direction:column;align-items:center;gap:1.75rem;width:100%;max-width:1100px}.login-art{width:100%;max-width:400px;order:2;cursor:pointer}@media(min-width:980px){.landing-wrap{flex-direction:row;justify-content:center;align-items:center;gap:3.5rem}.login-art{order:0;flex:0 0 420px;max-width:420px}}.login-art-frame{border:3px solid var(--border);outline:1px solid #8a6d3b;outline-offset:3px;border-radius:8px;overflow:hidden;background:#17120e;box-shadow:0 14px 40px #00000080;animation:art-fade .9s ease}.login-art-frame svg{display:block;width:100%;height:auto}.login-art-phrase{margin:0;padding:.7rem 1rem;color:#c9a04e;font-family:Georgia,serif;font-style:italic;font-size:.85rem;text-align:center;border-top:1px solid var(--border)}@keyframes art-fade{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.login-art-dots{display:flex;justify-content:center;gap:7px;margin-top:.6rem}.login-art-dots span{width:7px;height:7px;border-radius:50%;background:var(--border);transition:background .3s ease,transform .3s ease}.login-art-dots span.on{background:var(--accent);transform:scale(1.25)}@media(prefers-reduced-motion:reduce){.login-art-frame{animation:none}}.login-alt{text-align:center;margin:.75rem 0 0}.linklike{background:none;border:none;padding:0;color:var(--accent);cursor:pointer;font:inherit;text-decoration:underline}.code-input{letter-spacing:.5em;font-size:1.3rem;text-align:center}.chaos-terms{align-items:flex-start;gap:.6rem;background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius);padding:.7rem;font-size:.8rem;color:var(--muted);text-align:left;line-height:1.45}.chaos-terms input{margin-top:.15rem}.register-link{display:inline-block;margin-top:.5rem}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.25rem}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;display:flex;flex-direction:column;gap:.2rem}.stat-num{font-size:1.25rem;font-weight:700}.stat-label{font-size:.78rem;color:var(--muted)}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1rem;overflow-x:auto}.tab{background:none;border:none;color:var(--muted);padding:.6rem .9rem;font-size:.95rem;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.tab-label-short{display:none}.pill{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:.05rem .5rem;font-size:.75rem;margin-left:.4rem}.search{margin-bottom:1rem;max-width:420px;display:block}.search-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;max-width:480px}.search-row .search{margin-bottom:0;flex:1;max-width:none}.filter-btn{position:relative;flex-shrink:0;line-height:0;padding:.55rem .6rem}.filter-btn.has-filters{border-color:var(--accent);color:var(--accent)}.filter-count{position:absolute;top:-6px;right:-6px;background:var(--accent);color:var(--on-accent);border-radius:999px;font-size:.65rem;line-height:15px;min-width:15px;height:15px;padding:0 3px;text-align:center}.filter-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:-.4rem 0 1rem}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:.3rem .75rem;font:inherit;font-size:.82rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.chip:hover{border-color:var(--accent)}.chip.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.chip.clear{border-style:dashed;opacity:.85}.modal.bulk-modal{max-width:960px;width:min(96vw,960px)}.bulk-pick{display:flex;flex-direction:column;gap:1rem}.bulk-pick-actions{display:flex;gap:.5rem;flex-wrap:wrap}.bulk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:.6rem}.bulk-toolbar-actions{display:flex;gap:.4rem}.bulk-table-wrap{overflow:auto;max-height:55vh;border:1px solid var(--border);border-radius:var(--radius)}.bulk-table{width:100%;border-collapse:collapse;font-size:.88rem}.bulk-table th{position:sticky;top:0;background:var(--surface-2);text-align:left;padding:.5rem;font-weight:600;white-space:nowrap;z-index:1}.bulk-table td{padding:.3rem .5rem;border-top:1px solid var(--border);vertical-align:middle}.bulk-table input,.bulk-table select{width:100%;min-width:90px;padding:.35rem .5rem}.bulk-table td.bulk-narrow input{min-width:60px;max-width:80px}.bulk-table select{min-width:70px}.bulk-cover{width:38px;height:38px;border-radius:6px;object-fit:cover;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center}.bulk-table tr.excluded td{opacity:.45}.bulk-table tr.imported td{opacity:.7}.bulk-status{text-align:center;min-width:34px}.bulk-tracks{text-align:center;white-space:nowrap;color:var(--accent)}.community-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .9rem .6rem;margin-bottom:1.1rem}.community-strip-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.6rem}.community-strip-head h3{margin:0;font-size:.95rem}.community-strip-row{display:flex;gap:.7rem;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:thin}.community-tile{display:flex;flex-direction:column;width:104px;flex-shrink:0;text-decoration:none;color:var(--text);border-radius:8px;transition:transform .18s ease}.community-tile:hover{transform:translateY(-3px) scale(1.03)}.community-tile-cover{width:104px;height:104px;border-radius:8px;object-fit:cover;border:1px solid var(--border);margin-bottom:.35rem}.community-tile:hover .community-tile-cover{border-color:var(--accent)}.community-cover-ph{display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);font-size:1.4rem;opacity:.7}.community-title{font-weight:600;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-meta{display:flex;align-items:baseline;gap:.3rem;min-width:0}.community-price{color:var(--accent);font-size:.8rem;font-weight:600}.community-seller{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.record-card{text-decoration:none;color:inherit;display:block}.tracks-price{color:var(--accent);font-weight:700;margin-top:.25rem}.record-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}@media(max-width:500px){.record-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}}.record-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.record-card.clickable{cursor:pointer}.record-card.clickable:hover{border-color:var(--accent);transform:translateY(-4px) scale(1.02);box-shadow:0 10px 24px #00000073}.record-card .cover img{transition:transform .35s ease}.record-card.clickable:hover .cover img{transform:scale(1.05)}.cover{position:relative;aspect-ratio:1;background:var(--surface-2)}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;opacity:.4}.badges{position:absolute;top:6px;right:6px;display:flex;gap:4px}.badge{background:#0009;border-radius:6px;padding:2px 4px;font-size:.8rem}.record-info{padding:.6rem}.record-title{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-artist{font-size:.82rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-meta{display:flex;gap:.5rem;font-size:.78rem;color:var(--muted);margin-top:.25rem;flex-wrap:wrap}.cond{border:1px solid var(--border);border-radius:4px;padding:0 .3rem}.tracks-cta{margin-top:.5rem;width:100%;padding:.3rem .5rem;font-size:.8rem;background:var(--violet);border-color:var(--violet);color:#fff}.tracks-cta:hover{background:var(--violet-hover);border-color:var(--violet-hover)}.tracks-modal{max-width:520px}.tracks-record{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.tracks-cover{width:84px;height:84px;border-radius:8px;object-fit:cover;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.tracks-record-title{font-weight:700;font-size:1.05rem}.tracks-edit{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;margin-bottom:.75rem}.tracks-edit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.track-side{margin-bottom:.75rem}.track-side-name{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--violet);border-bottom:1px solid var(--border);padding-bottom:.25rem;margin-bottom:.35rem}.track-row{display:flex;align-items:center;gap:.6rem;padding:.28rem .2rem;border-radius:6px;font-size:.9rem}.track-row.playing{background:#8e6ac226}.track-pos{color:var(--muted);font-size:.78rem;min-width:2ch}.track-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-dur{color:var(--muted);font-size:.82rem;font-variant-numeric:tabular-nums}.track-play{background:var(--violet);color:#fff;border:none;border-radius:50%;width:26px;height:26px;font-size:.7rem;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.track-play:hover:not(:disabled){background:var(--violet-hover)}.track-play:disabled{background:var(--surface-2);color:var(--muted);cursor:default}.trade-notes{margin-top:.4rem;padding-top:.4rem;border-top:1px dashed var(--border);font-size:.78rem;color:var(--muted);font-style:italic}.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem;margin:1.5rem 0 .5rem}.page-num{min-width:2.2rem;text-align:center}.page-num.current{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.page-ellipsis{color:var(--muted);padding:0 .2rem}.artist-group{margin-bottom:1.5rem}.artist-group h2{border-bottom:1px solid var(--border);padding-bottom:.3rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;overflow-y:auto;z-index:50}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:560px;padding:1.25rem}@media(max-width:600px){.modal-backdrop{padding:0;align-items:stretch;background:var(--surface)}.modal{max-width:none;border-radius:0;min-height:100dvh;border:none}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.modal-header h2{margin:0}.modal-actions{display:flex;gap:.5rem;margin-top:1rem;align-items:center}.modal-actions .btn svg{vertical-align:-.15em}.modal-actions .btn .btn-label{margin-left:.35rem}@media(max-width:800px){.modal-actions .spacer{display:none}.modal-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;padding:.65rem 0}.modal-actions .btn .btn-label{display:none}}.input-with-btn{display:flex;gap:.5rem}.input-with-btn input{flex:1;min-width:0}.input-with-btn .btn{white-space:nowrap;flex-shrink:0}.modal-backdrop.inner{z-index:60}.candidates-modal{max-width:480px}.candidate-list{display:flex;flex-direction:column;gap:.5rem;max-height:60vh;overflow-y:auto}.candidate{display:flex;gap:.75rem;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;cursor:pointer;text-align:left;color:var(--text);font:inherit}.candidate:hover{border-color:var(--accent)}.candidate img,.candidate-noimg{width:56px;height:56px;border-radius:6px;object-fit:cover;flex-shrink:0}.candidate-noimg{display:flex;align-items:center;justify-content:center;background:var(--bg);font-size:1.5rem;opacity:.5}.candidate-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.candidate-info strong,.candidate-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.dropdown{position:relative}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:46;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #00000073;min-width:240px;padding:.35rem;display:flex;flex-direction:column;gap:.15rem}.dropdown-item{background:none;border:none;color:var(--text);font:inherit;text-align:left;padding:.55rem .7rem;border-radius:calc(var(--radius) - 4px);cursor:pointer;white-space:nowrap}.dropdown-item:hover:not(:disabled){background:var(--surface-2)}.dropdown-item:disabled{opacity:.45;cursor:default}.brand svg{margin-right:.15rem}.identify-box{background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius);padding:.75rem;margin-bottom:1rem}.identify-box p{margin:.5rem 0 0}.images-edit{margin-top:.5rem}.images-row{display:flex;gap:.5rem;flex-wrap:wrap}.thumb{position:relative;width:72px;height:72px;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb.add{display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--muted);cursor:pointer;font-size:.8rem;border-style:dashed}.thumb-del{position:absolute;top:2px;right:2px;background:#000000b3;color:#fff;border:none;border-radius:4px;font-size:.7rem;cursor:pointer;padding:1px 4px}.thumb-tag{position:absolute;bottom:0;left:0;right:0;background:#000000b3;font-size:.6rem;text-align:center;padding:1px 0}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--border)}.table th{color:var(--muted);font-weight:600;font-size:.8rem}.table tr.inactive td{opacity:.5}.table .actions{display:flex;gap:.4rem}.public-page{min-height:100vh;display:flex;flex-direction:column}.public-header{padding:1.5rem 1rem;text-align:center;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.028'%3E%3Ccircle cx='75' cy='75' r='52'/%3E%3Ccircle cx='75' cy='75' r='40'/%3E%3Ccircle cx='75' cy='75' r='28'/%3E%3Ccircle cx='75' cy='75' r='16'/%3E%3Ccircle cx='75' cy='75' r='5'/%3E%3C/g%3E%3C/svg%3E");border-bottom:1px solid var(--border)}.public-header h1{margin:.5rem 0 0}.user-title{margin:.35rem 0 0;font-family:Georgia,serif;font-style:italic;font-size:.95rem;color:var(--accent)}.footer-phrase{font-family:Georgia,serif;font-style:italic;color:#c9a04e;opacity:.85}.public-content{margin:0 auto}.public-footer{text-align:center;padding:1.5rem;margin-top:auto}.prefs .card{max-width:560px}.portal-link{margin:-.5rem 0 1rem}.portal-box{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem;margin:.5rem 0 .75rem}.portal-url{overflow-wrap:anywhere}.btn.copied{border-color:var(--ok);color:var(--ok)}@media(max-width:800px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.stat{padding:.6rem;min-width:0}.stat-num{font-size:1rem;overflow-wrap:anywhere}.stat-label{font-size:.72rem}.tabs{margin-inline:-1rem;padding-inline:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:.55rem;font-size:.85rem;flex-shrink:0}.tab .pill{font-size:.62rem;padding:0 .32rem;margin-left:.2rem}.tab .tab-label-full{display:none}.tab .tab-label-short{display:inline}.page-header{flex-direction:column;align-items:stretch}.header-actions{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-auto-flow:column;gap:.5rem}.header-actions>.btn,.header-actions .dropdown>.btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem .5rem;font-size:.9rem;white-space:nowrap}.header-actions>.btn svg,.header-actions .dropdown>.btn svg{margin-right:0!important;flex-shrink:0}.dropdown{display:flex}}