.smartlinks-page{--sl-accent:#ffffff;--sl-hero:#e00000;--sl-bg:#0a0a0a;--sl-footer-contrast:#ffffff;--sl-footer-shadow:0 1px 2px rgba(0,0,0,0.48),0 1px 4px rgba(0,0,0,0.35),0 0 10px rgba(0,0,0,0.3);margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;font-family:'DM Sans','Segoe UI',system-ui,-apple-system,sans-serif;color:var(--sl-accent)}.smartlinks-page .skip-link{position:absolute;top:-100%;left:.5rem;z-index:9999;padding:.5rem 1rem;background:var(--sl-hero);color:#fff;border-radius:0 0 .25rem .25rem;text-decoration:none;font-weight:600}.smartlinks-page .skip-link:focus{top:0}.smartlinks-single{flex:1;display:flex;flex-direction:column;align-items:center;padding:2.5rem 1rem 2rem;max-width:min(400px,92vw);margin:0 auto;width:100%}.smartlinks-hero{text-align:center;margin-bottom:2rem}.smartlinks-artwork{margin:1.5rem auto 2rem;width:clamp(200px,60vw,340px);aspect-ratio:1;overflow:hidden;border-radius:.75rem;box-shadow:0 8px 32px rgba(0,0,0,.4);position:relative}.smartlinks-artwork-img{width:100%;height:100%;object-fit:cover;display:block}.smartlinks-preview-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);border:none;cursor:pointer;padding:0;transition:background .2s;border-radius:inherit}.smartlinks-preview-btn:focus-visible,.smartlinks-preview-btn:hover{background:rgba(0,0,0,.5)}.smartlinks-preview-icon{position:absolute;color:#fff;font-size:2.2rem;z-index:2;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));pointer-events:none}.smartlinks-preview-icon--play i{margin-left:.15em}.smartlinks-preview-ring{position:absolute;width:72px;height:72px;transform:rotate(-90deg);z-index:1}.smartlinks-preview-ring-bg{fill:none;stroke:rgba(255,255,255,0.2);stroke-width:4}.smartlinks-preview-ring-progress{fill:none;stroke:var(--sl-accent,#fff);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .15s linear}.smartlinks-artwork:not(.smartlinks-artwork--has-preview) .smartlinks-preview-btn{display:none}@media (hover:hover){.smartlinks-artwork--has-preview .smartlinks-preview-btn{background:rgba(0,0,0,0)}.smartlinks-artwork--has-preview .smartlinks-preview-btn .smartlinks-preview-icon,.smartlinks-artwork--has-preview .smartlinks-preview-btn .smartlinks-preview-ring{opacity:0;transition:opacity .2s}.smartlinks-artwork--has-preview .smartlinks-preview-btn:focus-visible,.smartlinks-artwork--has-preview .smartlinks-preview-btn[aria-pressed=true],.smartlinks-artwork--has-preview:hover .smartlinks-preview-btn{background:rgba(0,0,0,.35)}.smartlinks-artwork--has-preview .smartlinks-preview-btn:focus-visible .smartlinks-preview-icon,.smartlinks-artwork--has-preview .smartlinks-preview-btn:focus-visible .smartlinks-preview-ring,.smartlinks-artwork--has-preview .smartlinks-preview-btn[aria-pressed=true] .smartlinks-preview-icon,.smartlinks-artwork--has-preview .smartlinks-preview-btn[aria-pressed=true] .smartlinks-preview-ring,.smartlinks-artwork--has-preview:hover .smartlinks-preview-btn .smartlinks-preview-icon,.smartlinks-artwork--has-preview:hover .smartlinks-preview-btn .smartlinks-preview-ring{opacity:1}}.smartlinks-title{font-size:clamp(1.4rem, 4vw, 2rem);font-weight:700;margin:0 0 .25rem;line-height:1.2}.smartlinks-artist{font-size:clamp(.95rem, 2.5vw, 1.15rem);opacity:.75;margin:0}.smartlinks-section{width:100%;margin-bottom:1.5rem}.smartlinks-section-heading{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;opacity:.55;margin:0 0 .75rem;font-weight:600;text-align:center}.smartlinks-grid{display:grid;grid-template-columns:1fr;gap:.5rem}.smartlinks-btn{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.2rem;border-radius:.75rem;background:rgba(255,255,255,.08);color:var(--sl-accent);text-decoration:none;font-size:1rem;font-weight:600;transition:background .2s,transform .15s;min-height:2.75rem;border:1px solid rgba(255,255,255,.08);justify-content:flex-start}.smartlinks-btn::after{content:'→';margin-left:auto;opacity:.4;font-size:1.1rem}.smartlinks-btn:focus-visible,.smartlinks-btn:hover{background:rgba(255,255,255,.15);transform:translateY(-1px)}.smartlinks-btn:focus-visible{outline:2px solid var(--sl-hero);outline-offset:2px}.smartlinks-btn i{font-size:1.5rem;width:2rem;text-align:center;color:var(--btn-color,var(--sl-accent));flex-shrink:0}.smartlinks-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:center}.smartlinks-back{margin-top:1.5rem;text-align:center}.smartlinks-back-link{color:var(--sl-accent);opacity:.6;text-decoration:none;font-size:.9rem;transition:opacity .2s}.smartlinks-back-link:focus-visible,.smartlinks-back-link:hover{opacity:1}.smartlinks-listing{flex:1;display:flex;flex-direction:column;align-items:center;padding:2.5rem 1rem 2rem;max-width:min(800px,96vw);margin:0 auto;width:100%}.smartlinks-listing-header{text-align:center;margin-bottom:2rem}.smartlinks-listing-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;margin:0 auto 1rem;box-shadow:0 4px 16px rgba(0,0,0,.3)}.smartlinks-listing-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.smartlinks-listing-title{font-size:clamp(1.3rem, 3.5vw, 1.8rem);font-weight:700;margin:0 0 .25rem}.smartlinks-listing-subtitle{font-size:.95rem;opacity:.6;margin:0}.smartlinks-empty{text-align:center;opacity:.5;margin:2rem 0}.smartlinks-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem;width:100%}.smartlinks-card{display:flex;flex-direction:column;border-radius:.75rem;overflow:hidden;background:rgba(255,255,255,.06);text-decoration:none;color:var(--sl-accent);transition:background .2s,transform .15s;border:1px solid rgba(255,255,255,.06)}.smartlinks-card:focus-visible,.smartlinks-card:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}.smartlinks-card:focus-visible{outline:2px solid var(--sl-hero);outline-offset:2px}.smartlinks-card-artwork{width:100%;aspect-ratio:1;object-fit:cover;display:block}.smartlinks-card-artwork-placeholder{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);font-size:2.5rem;opacity:.3}.smartlinks-card-info{padding:.75rem;display:flex;flex-direction:column;gap:.15rem}.smartlinks-card-title{font-weight:600;font-size:.9rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smartlinks-card-artist{font-size:.8rem;opacity:.65;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smartlinks-footer{text-align:center;padding:1.5rem 1rem;font-size:.8rem;color:var(--sl-footer-contrast);text-shadow:var(--sl-footer-shadow)}.smartlinks-footer a{color:var(--sl-footer-contrast);text-decoration:none;opacity:.7}.smartlinks-footer a:hover{opacity:1}.smartlinks-footer-brand{font-weight:600}#account-smartlinks-create-btn{background:#111;color:#fff;border:1px solid #111;padding:.6rem .9rem;border-radius:.4rem;min-height:2.75rem}#account-smartlinks-create-btn:focus-visible,#account-smartlinks-create-btn:hover{background:#222}.account-smartlinks-list{list-style:none;padding:0;margin:0 0 1rem}.account-smartlinks-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.08)}.account-smartlinks-item-artwork{width:48px;height:48px;border-radius:.375rem;object-fit:cover;flex-shrink:0}.account-smartlinks-item-artwork-placeholder{width:48px;height:48px;border-radius:.375rem;background:#eee;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#999;font-size:1.2rem}.account-smartlinks-item-info{flex:1;min-width:0}.account-smartlinks-item-title{font-weight:600;font-size:.95rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-smartlinks-item-artist{font-size:.85rem;color:#666;display:block}.account-smartlinks-item-url{font-size:.75rem;color:#999;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-smartlinks-item-actions{display:flex;gap:.35rem;flex-shrink:0}.sl-action-btn{min-width:2.75rem;min-height:2.75rem;padding:0;border:1px solid var(--border,#ddd);background:var(--bg,#fff);color:var(--text-muted,#666);border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}.sl-action-btn:hover{background:var(--accent,#111);color:var(--bg,#fff);border-color:var(--accent,#111)}.sl-action-btn:focus-visible{outline:2px solid var(--accent,#111);outline-offset:2px}.sl-delete-btn:hover{background:#c00;color:#fff;border-color:#c00}.account-smartlinks-create-form{display:flex;flex-direction:column;gap:.75rem}.account-smartlinks-create-form label{font-weight:500;font-size:.9rem}.account-smartlinks-create-form input[type=text],.account-smartlinks-create-form input[type=url]{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:.25rem;font-size:1rem}.account-smartlinks-resolve-status{font-size:.85rem;color:#666;font-style:italic}.account-smartlinks-platforms-grid{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0}.account-smartlinks-platform-row{display:flex;align-items:center;gap:.5rem}.sl-plat-label{min-width:100px;font-size:.85rem;font-weight:500;flex-shrink:0}.account-smartlinks-platform-row input{flex:1;padding:.35rem .5rem;border:1px solid #ccc;border-radius:.25rem;font-size:.9rem}.account-smartlinks-platform-auto{font-size:.7rem;color:#4caf50;white-space:nowrap}.sl-plat-remove{background:0 0;border:none;cursor:pointer;padding:.25rem;color:#999;font-size:.85rem;min-width:2rem;min-height:2rem;display:flex;align-items:center;justify-content:center}.sl-plat-remove:hover{color:#c00}.account-smartlinks-add-link-btn{background:0 0;border:1px dashed #aaa;border-radius:.375rem;padding:.5rem 1rem;cursor:pointer;font-size:.85rem;color:#555;min-height:2.75rem;display:flex;align-items:center;gap:.4rem}.account-smartlinks-add-link-btn:hover{border-color:#666;color:#222}.account-smartlinks-add-row{display:flex;align-items:center;gap:.4rem}.account-smartlinks-add-row input{flex:1;padding:.35rem .5rem;border:1px solid #ccc;border-radius:.25rem;font-size:.9rem}.account-smartlinks-add-row .sl-add-name{max-width:140px}.account-smartlinks-add-row button{background:0 0;border:1px solid #ccc;border-radius:.25rem;cursor:pointer;padding:.35rem .5rem;font-size:.85rem;min-width:2.75rem;min-height:2.75rem;display:flex;align-items:center;justify-content:center}.account-smartlinks-add-row .sl-add-confirm{color:#4caf50}.account-smartlinks-add-row .sl-add-cancel{color:#999}.smartlinks-owner-actions{position:fixed;bottom:1.25rem;right:1.25rem;z-index:100;display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:6px;background:rgba(10,10,10,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.smartlinks-owner-bug-link{font-size:.8rem;color:var(--sl-accent);text-decoration:none;font-weight:400;opacity:.85}.smartlinks-owner-bug-link:hover{text-decoration:underline;opacity:1}.smartlinks-page .landing-bug-report-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1.5rem;box-sizing:border-box}.smartlinks-page .landing-bug-report-modal[hidden]{display:none}.smartlinks-bug-report-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);cursor:pointer}.smartlinks-bug-report-content{position:relative;background:var(--sl-bg,#0a0a0a);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:1.5rem;max-width:420px;width:100%;max-height:calc(100vh - 3rem);max-height:calc(100dvh - 3rem);overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,.4);color:var(--sl-accent)}.smartlinks-bug-report-content h2{font-family:'DM Sans',system-ui,sans-serif;font-size:1.1rem;color:var(--sl-hero);margin:0 0 1rem 0}.smartlinks-bug-report-content label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.25rem;color:var(--sl-accent)}.smartlinks-bug-report-content input[type=text],.smartlinks-bug-report-content textarea{width:100%;padding:.5rem .6rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-family:inherit;font-size:.95rem;box-sizing:border-box;background:rgba(255,255,255,.06);color:var(--sl-accent)}.smartlinks-bug-report-content input::placeholder,.smartlinks-bug-report-content textarea::placeholder{color:rgba(255,255,255,.3)}.smartlinks-bug-report-content textarea{resize:vertical;min-height:4rem}.smartlinks-footer-odesli{font-size:.7rem;opacity:.5;display:inline-block;margin-top:.25rem}.smartlinks-footer-odesli a{text-decoration:underline}.smartlinks-owner .smartlinks-btn{position:relative}.smartlinks-owner .sl-owner-delete{position:absolute;top:-.4rem;right:-.4rem;width:1.5rem;height:1.5rem;border-radius:50%;background:rgba(200,0,0,.85);color:#fff;border:none;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;z-index:2;min-width:0;min-height:0;padding:0}.sl-owner-drag-handle{position:absolute;top:-.4rem;left:-.4rem;width:1.5rem;height:1.5rem;border-radius:50%;background:rgba(255,255,255,.25);color:var(--sl-accent);border:none;cursor:grab;font-size:.65rem;display:flex;align-items:center;justify-content:center;z-index:2;min-width:0;min-height:0;padding:0}.sl-owner-drag-handle:active{cursor:grabbing}.smartlinks-owner .smartlinks-btn.sl-dragging{opacity:.3}.sl-drop-indicator{height:4px;background:var(--sl-hero);border-radius:2px;margin:2px 0}.sl-owner-add-slot{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px dashed rgba(255,255,255,.25);border-radius:.75rem;color:var(--sl-accent);opacity:.5;cursor:pointer;font-size:.9rem;min-height:2.75rem;background:0 0;width:100%;transition:opacity .2s,border-color .2s}.sl-owner-add-slot:hover{opacity:.8;border-color:rgba(255,255,255,.5)}.sl-owner-add-form{display:flex;gap:.4rem;width:100%}.sl-owner-add-form input{flex:1;padding:.5rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;background:rgba(255,255,255,.08);color:var(--sl-accent);font-size:.9rem}.sl-owner-add-form input::placeholder{color:rgba(255,255,255,.3)}.sl-owner-add-form button{padding:.5rem .75rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;background:rgba(255,255,255,.08);color:var(--sl-accent);cursor:pointer;min-width:2.75rem;min-height:2.75rem}.smartlink-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem}.smartlink-popup-frame{width:100%;max-width:440px;max-height:90vh;border:none;border-radius:1rem;overflow:hidden;background:#0a0a0a}.smartlink-popup-close{position:fixed;top:1rem;right:1rem;z-index:10001;width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;border:none;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center}@media (max-width:640px){.smartlinks-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.smartlinks-single{padding:1.5rem 1rem 1.5rem}.account-smartlinks-platform-row{flex-wrap:wrap}.sl-plat-label{min-width:80px}.account-smartlinks-platform-row input{width:100%;flex:1 1 100%}.account-smartlinks-add-row{flex-wrap:wrap}.account-smartlinks-add-row .sl-add-name{max-width:none;flex:1 1 40%}.account-smartlinks-add-row .sl-add-url{flex:1 1 40%}}@media (max-width:480px){.smartlinks-cards{grid-template-columns:repeat(2,1fr)}.account-smartlinks-item{flex-wrap:wrap}}@media (min-width:1600px){.smartlinks-single{max-width:500px}.smartlinks-listing{max-width:960px}}