:root{
  --bg:#080a0b;
  --panel:#11161a;
  --panel2:#161d22;
  --text:#f6f7f2;
  --muted:#a8b1ad;
  --line:#283139;
  --accent:#38bdf8;
  --accent-strong:#0ea5e9;
  --spotify:#159447;
  --youtube:#dc2626;
  --danger:#ef4444;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#080a0b,#101417);color:var(--text)}
.hero{padding:42px 6vw 24px;display:flex;justify-content:space-between;gap:24px;align-items:flex-end;border-bottom:1px solid var(--line)}
.heroContent{min-width:0}.eyebrow{letter-spacing:.18em;font-size:12px;color:#8bdcf7;font-weight:700;margin:0 0 6px}.hero h1{font-size:clamp(34px,6vw,68px);margin:0 0 8px}.subtitle{color:var(--muted);max-width:720px;margin:0;line-height:1.6}.headerSide{display:grid;gap:12px;justify-items:end}.authPanel{display:flex;gap:8px;align-items:center;justify-content:flex-end;min-height:42px;color:var(--muted);font-size:13px}.authPanel strong{color:var(--text);font-weight:700;overflow-wrap:anywhere}.authPanel button{padding:9px 12px}
.topBar{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.notificationWrap{position:relative;display:flex}.bellBtn{position:relative;width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:19px;background:var(--panel);border-color:var(--line)}.bellBtn.hasUnread{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.notificationBadge{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--danger);color:white;font-size:11px;font-weight:800;line-height:20px;text-align:center}.notificationPanel{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:min(360px,calc(100vw - 32px));max-height:min(440px,70vh);overflow:auto;background:#0e1317;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 50px #0009;padding:10px}.notificationPanel[hidden]{display:none}.notificationHead{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0e1317;padding:4px 0 10px;z-index:1}.notificationHead strong{font-size:15px}.notificationHead button{padding:8px 10px;font-size:12px}.notificationsList{display:grid;gap:8px}.notificationItem{width:100%;display:grid;gap:5px;text-align:left;white-space:normal;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:11px;line-height:1.35}.notificationItem.unread{border-color:var(--accent);background:#0d1d24}.notificationMessage{font-weight:700;color:var(--text)}.notificationTime,.notificationState{font-size:12px;color:var(--muted)}.notificationState{color:#8bdcf7}.notificationEmpty{margin:0;padding:18px;color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:8px}.notificationEmpty.error{color:#fca5a5}.toastHost{position:fixed;right:18px;bottom:18px;z-index:50;display:grid;gap:10px;width:min(360px,calc(100vw - 36px))}.toast{width:100%;white-space:normal;text-align:left;border-color:var(--accent);background:#0d1d24;color:var(--text);box-shadow:0 12px 36px #0009;line-height:1.4}.card.highlight{animation:cardPulse 1.8s ease}@keyframes cardPulse{0%,100%{box-shadow:none;border-color:var(--line)}35%{box-shadow:0 0 0 3px #38bdf855;border-color:var(--accent)}}.stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.stats div{min-width:104px;background:var(--panel);border:1px solid var(--line);padding:14px 16px;border-radius:8px}.stats strong{display:block;font-size:24px}.stats span{color:var(--muted);font-size:12px}
.wrap{padding:28px 6vw 50px}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:14px;align-items:center;margin-bottom:24px}
input,select,button,.fileBtn{font:inherit}.toolbar input{width:100%;padding:13px 15px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text)}
.tabs,.actions{display:flex;gap:8px;flex-wrap:wrap}.tab,button,.fileBtn{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:11px 14px;border-radius:8px;cursor:pointer;white-space:nowrap}.tab.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.actions button:first-child{background:var(--accent-strong);border-color:var(--accent-strong);color:#061014;font-weight:700}.fileBtn input{display:none}
.syncNote{grid-column:1/-1;margin:0;color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:14px;min-width:0}.cardTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.card h3{margin:0;font-size:18px;line-height:1.35;overflow-wrap:anywhere}.badge{font-size:12px;color:var(--muted);margin-top:5px}.ownerBadge{font-size:12px;color:#8bdcf7;border:1px solid #24576b;border-radius:999px;padding:5px 8px;white-space:nowrap}.ownerBadge.locked{color:var(--muted);border-color:var(--line)}.cardLinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(118px,100%),1fr));gap:8px;overflow:visible}.cardActions{display:grid;grid-template-columns:1fr;gap:8px}.platformBtn,.edit,.claim{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:white;padding:11px 12px;border-radius:8px;font-weight:700;min-height:44px;min-width:0;overflow-wrap:anywhere}.platformBtn{background:#22303a;border:1px solid #33434e}.platformBtn.spotify{background:var(--spotify);border-color:var(--spotify)}.platformBtn.youtube,.platformBtn.youtube-music{background:var(--youtube);border-color:var(--youtube)}.platformBtn.instagram{background:#c13584;border-color:#c13584}.platformBtn.tiktok{background:#101820;border-color:#374151}.platformBtn.apple-music{background:#d946ef;border-color:#d946ef}.platformBtn.soundcloud{background:#f97316;border-color:#f97316}.platformBtn.deezer{background:#7c3aed;border-color:#7c3aed}.platformBtn.bandcamp{background:#0891b2;border-color:#0891b2}.platformBtn.amazon-music{background:#2563eb;border-color:#2563eb}.platformBtn.tidal{background:#0f172a;border-color:#475569}.platformBtn.facebook{background:#1877f2;border-color:#1877f2}.platformBtn.x-twitter{background:#111827;border-color:#4b5563}.platformBtn.web-sitesi,.platformBtn.diger{background:#475569;border-color:#64748b}.edit,.claim{grid-column:1/-1;background:transparent;border:1px solid var(--line);color:var(--text)}.claim{border-color:var(--accent);color:#c8effc}.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:50px;border:1px dashed var(--line);border-radius:8px}
dialog{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);width:min(720px,94vw);padding:22px}dialog::backdrop{background:#000b}#editForm,#authForm{display:grid;gap:14px}#editForm h2,#authForm h2{margin:0 0 4px;font-size:24px}label{display:grid;gap:7px;color:var(--muted)}dialog input,dialog select{padding:12px;border-radius:8px;border:1px solid var(--line);background:#0c0f12;color:var(--text);min-width:0}.dialogHint,.dialogMessage{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.dialogMessage.success{color:#86efac}.dialogMessage.error{color:#fca5a5}.dialogActions{display:flex;justify-content:flex-end;gap:8px}.ghost{background:transparent}.linkEditorHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-weight:700}.linkEditorHeader button{padding:9px 12px}.linksEditor{display:grid;gap:10px}.linkRow{display:grid;grid-template-columns:minmax(150px,0.9fr) minmax(180px,1.3fr) minmax(220px,2fr) auto;gap:8px;align-items:end;border:1px solid var(--line);background:#0d1115;padding:10px;border-radius:8px}.linkRow label{gap:5px;font-size:12px}.customPlatform[hidden]{display:none}.removeLink{border-color:#51303a;color:#fca5a5;background:#1a1114;min-height:43px}.linkEmpty{padding:18px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);text-align:center}
footer{border-top:1px solid var(--line);padding:22px 6vw 36px;color:var(--muted);font-size:13px;line-height:1.6}
@media(max-width:900px){.hero{display:block}.headerSide{justify-items:start;margin-top:22px}.topBar{justify-content:flex-start}.notificationPanel{left:0;right:auto}.authPanel,.stats{justify-content:flex-start}.toolbar{grid-template-columns:1fr}.tabs,.actions{justify-content:flex-start}.linkRow{grid-template-columns:1fr 1fr}.linkRow .urlField{grid-column:1/-1}.removeLink{grid-column:1/-1}}
@media(max-width:520px){.topBar{width:100%;align-items:flex-start}.notificationWrap{flex:0 0 auto}.bellBtn{width:42px}.notificationPanel{position:fixed;left:12px;right:12px;top:82px;width:auto;max-height:72vh}.notificationHead button{width:auto}.authPanel{display:grid;justify-items:start;flex:1}.cardLinks{grid-template-columns:repeat(2,minmax(0,1fr))}.edit,.claim{grid-column:auto}.tab,button,.fileBtn{width:100%;justify-content:center}.tabs,.actions{width:100%}.tabs .tab{flex:1}.stats div{flex:1;min-width:92px}.linkEditorHeader{display:grid}.linkRow{grid-template-columns:1fr}.linkRow .urlField,.removeLink{grid-column:auto}}
@media(max-width:360px){.cardLinks{grid-template-columns:1fr}}