.sync-app{--sync-bg:#e8eef6;--sync-panel:#fbfcfe;--sync-line:#c2cedd;--sync-fg:#0c1219;--sync-muted:#5a6878;--sync-accent:#1a56b0;--sync-hover:#dfe8f4;background:radial-gradient(900px 420px at 0% 0%, #ffffffe6, transparent 55%), radial-gradient(700px 380px at 100% 0%, #d9e7f6, transparent 50%), var(--sync-bg);min-height:100dvh;color:var(--sync-fg);font-family:"DM Sans", var(--font-jakarta), system-ui, sans-serif}.sync-shell{max-width:1120px;margin:0 auto;padding:1.25rem 1rem 3rem}.sync-topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.sync-brand{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.sync-brand img{width:auto;height:22px}.sync-brand-title{letter-spacing:-.02em;font-size:.95rem;font-weight:700}.sync-nav{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sync-nav a,.sync-nav button{appearance:none;border:1px solid var(--sync-line);background:var(--sync-panel);color:var(--sync-fg);font:inherit;cursor:pointer;border-radius:.45rem;padding:.4rem .7rem;font-size:.8rem;font-weight:550;text-decoration:none}.sync-nav a:hover,.sync-nav button:hover{background:var(--sync-hover)}.sync-banner{border:1px solid var(--sync-line);color:#5c4a12;background:#fff8e8;margin-bottom:1.25rem;padding:.75rem .9rem;font-size:.82rem;line-height:1.45}.sync-filters{grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:.55rem;margin-bottom:1.25rem;display:grid}@media (max-width:900px){.sync-filters{grid-template-columns:1fr 1fr}}.sync-filters input,.sync-filters select{border:1px solid var(--sync-line);background:var(--sync-panel);width:100%;font:inherit;color:var(--sync-fg);border-radius:.45rem;padding:.55rem .65rem;font-size:.85rem}.sync-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem;display:grid}.sync-card{border:1px solid var(--sync-line);background:var(--sync-panel);color:inherit;flex-direction:column;gap:.55rem;min-height:140px;padding:.9rem;text-decoration:none;display:flex}.sync-card:hover{background:var(--sync-hover)}.sync-art{aspect-ratio:1;border:1px solid var(--sync-line);background:#0c1219;width:100%;overflow:hidden}.sync-art-lg{aspect-ratio:1;border:1px solid var(--sync-line);background:#0c1219;width:min(220px,100%);overflow:hidden}.sync-card-title{letter-spacing:-.02em;font-size:1rem;font-weight:700;line-height:1.25}.sync-card-meta{color:var(--sync-muted);font-size:.8rem}.sync-tags{flex-wrap:wrap;gap:.3rem;margin-top:auto;display:flex}.sync-tag{border:1px solid var(--sync-line);color:var(--sync-muted);background:#fff;padding:.15rem .4rem;font-size:.68rem;font-weight:600}.sync-empty{text-align:center;color:var(--sync-muted);padding:3rem 1rem;font-size:.9rem}.sync-gate{border:1px solid var(--sync-line);background:var(--sync-panel);max-width:420px;margin:12vh auto 0;padding:1.75rem}.sync-gate h1{letter-spacing:-.03em;margin:0 0 .4rem;font-size:1.45rem}.sync-gate p{color:var(--sync-muted);margin:0 0 1.1rem;font-size:.9rem;line-height:1.45}.sync-gate label{margin-bottom:.35rem;font-size:.75rem;font-weight:650;display:block}.sync-gate input{box-sizing:border-box;border:1px solid var(--sync-line);width:100%;font:inherit;border-radius:.45rem;margin-bottom:.85rem;padding:.65rem .75rem}.sync-gate button{background:var(--sync-fg);color:#fff;width:100%;font:inherit;cursor:pointer;border:0;border-radius:.45rem;padding:.7rem .9rem;font-weight:650}.sync-detail{gap:1.25rem;display:grid}.sync-detail-head h1{letter-spacing:-.03em;margin:0 0 .35rem;font-size:1.7rem}.sync-detail-actions{flex-wrap:wrap;gap:.5rem;display:flex}.sync-detail-actions a,.sync-detail-actions button{appearance:none;border:1px solid var(--sync-line);background:var(--sync-panel);color:var(--sync-fg);font:inherit;cursor:pointer;border-radius:.45rem;padding:.5rem .8rem;font-size:.85rem;font-weight:600;text-decoration:none}.sync-detail-actions button.primary,.sync-detail-actions a.primary{background:var(--sync-fg);color:#fff;border-color:var(--sync-fg)}.sync-player{border:1px solid var(--sync-line);background:var(--sync-panel);padding:1rem}.sync-player audio{width:100%}.sync-form{border:1px solid var(--sync-line);background:var(--sync-panel);gap:.75rem;max-width:520px;padding:1rem;display:grid}.sync-form label{gap:.3rem;font-size:.8rem;font-weight:600;display:grid}.sync-form input,.sync-form textarea{border:1px solid var(--sync-line);font:inherit;border-radius:.4rem;padding:.55rem .65rem}.sync-form button{background:var(--sync-fg);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:.45rem;justify-self:start;padding:.6rem .9rem;font-weight:650}.sync-modal-backdrop{z-index:50;background:#0c121973;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.sync-modal{border:1px solid var(--sync-line);background:var(--sync-panel);width:min(480px,100%);padding:1.4rem}.sync-modal h2{margin:0 0 .5rem;font-size:1.2rem}.sync-modal p{color:var(--sync-muted);margin:0 0 1rem;font-size:.9rem;line-height:1.45}