@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#071115;--panel:#0d1d22;--panel2:#10272d;--line:rgba(255,255,255,.08);--text:#effafa;--muted:#759397;--accent:#2dd4c7;--accent2:#7df0e6;--danger:#ff7486;--shadow:0 28px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 5%,rgba(45,212,199,.08),transparent 32%),radial-gradient(circle at 88% 18%,rgba(85,70,255,.06),transparent 28%);pointer-events:none;z-index:-2}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black,transparent 70%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{width:min(1180px,92vw);margin:auto}.site-header{width:min(1240px,94vw);margin:0 auto;height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand i{font-style:normal;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:#06292a;font-size:11px}.brand span{font-size:19px}.brand b{color:var(--accent)}.site-header nav{display:flex;align-items:center;gap:24px}.site-header nav>a,.nav-quiet{font-size:12px;color:#9ab3b5}.site-header nav>a:hover{color:white}.site-header form{margin:0}.nav-quiet{border:0;background:transparent;cursor:pointer}.nav-cta{padding:10px 14px!important;border-radius:999px;background:var(--accent)!important;color:#052a2b!important;font-weight:900!important}.mobile-nav{display:none;background:none;border:0;color:white;font-size:22px}.flash{margin:18px 0;padding:12px 15px;border-radius:13px;font-size:12px}.flash.ok{background:#0d342d;color:#8deac5;border:1px solid rgba(70,220,160,.2)}.flash.bad{background:#3a1820;color:#ffb4be;border:1px solid rgba(255,100,120,.2)}.eyebrow{font-size:9px;letter-spacing:.17em;font-weight:900;color:var(--accent)}h1,h2,h3,p{margin-top:0}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:14px;padding:12px 17px;font-weight:900;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--accent),#1ab7c2);color:#04292b;box-shadow:0 12px 30px rgba(45,212,199,.14)}.btn.ghost{border-color:#28434a;background:#0d2228;color:#d4e8e9}.btn.full{width:100%}.btn.huge{padding:15px 21px;font-size:14px}.hero-next{min-height:690px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:55px;padding:80px 0 70px}.hero-copy h1{font-size:clamp(56px,7vw,94px);line-height:.9;letter-spacing:-.07em;margin:16px 0 25px}.hero-copy h1 em{font-style:normal;color:var(--accent)}.hero-copy>p{max-width:680px;color:#92aaad;font-size:16px;line-height:1.75}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.hero-proof{display:flex;gap:7px;flex-wrap:wrap}.hero-proof span{font-size:9px;color:#78999c;border:1px solid var(--line);border-radius:999px;padding:7px 9px;background:rgba(255,255,255,.02)}.hero-visual{height:520px;position:relative}.vinyl{position:absolute;width:300px;height:300px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:repeating-radial-gradient(circle,#17272b 0 4px,#091316 5px 9px);box-shadow:0 40px 80px rgba(0,0,0,.38);display:grid;place-items:center;animation:spin 22s linear infinite}.vinyl:after{content:"";position:absolute;width:96px;height:96px;border-radius:50%;background:var(--accent)}.vinyl i{z-index:2;font-style:normal;font-weight:900;color:#052829}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.floating-card{position:absolute;width:220px;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(10,28,33,.82);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.floating-card small,.floating-card b,.floating-card span{display:block}.floating-card small{font-size:7px;letter-spacing:.14em;color:var(--accent)}.floating-card b{font-size:13px;margin:5px 0}.floating-card span{font-size:9px;color:#789699}.fc1{top:7%;left:2%;transform:rotate(-4deg)}.fc2{right:0;top:36%;transform:rotate(3deg)}.fc3{left:9%;bottom:4%;transform:rotate(2deg)}.why-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--line)}.why-strip>div{background:#09181c;padding:25px}.why-strip span{font-size:8px;color:#3e8f8d}.why-strip b{display:block;font-size:15px;margin:14px 0 7px}.why-strip p{font-size:10px;line-height:1.6;color:#718f92;margin:0}.section{padding:75px 0 25px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.section-head h2{font-size:44px;letter-spacing:-.055em;margin:6px 0}.section-head>a{font-size:11px;color:#87c7c4}.track-shelf{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.shelf-track{min-width:0}.cover-play{width:100%;aspect-ratio:1;border:0;padding:0;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#163f46,#0b242a);position:relative;color:white;cursor:pointer}.cover-play img{width:100%;height:100%;object-fit:cover}.cover-play>span{position:absolute;right:10px;bottom:10px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#052728;opacity:.9}.cover-play>i{position:absolute;left:9px;top:9px;font-style:normal;background:rgba(5,17,20,.8);padding:5px 7px;border-radius:8px;font-size:9px}.shelf-track>b,.shelf-track>small{display:block}.shelf-track>b{font-size:12px;margin:9px 2px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-track>small{font-size:9px;color:#708f92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.people-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.person-card{padding:15px;border-radius:18px;background:#0a1c21;border:1px solid var(--line);display:flex;align-items:center;gap:10px}.person-card b,.person-card span,.person-card strong{display:block}.person-card b{font-size:11px}.person-card span{font-size:8px;color:#668689}.person-card strong{font-size:8px;color:var(--accent);margin-top:4px}.avatar{border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#17444b,#0b292f);color:#8ce1dd;font-weight:900;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.sm{width:38px;height:38px;font-size:11px}.avatar.md{width:46px;height:46px}.avatar.lg{width:58px;height:58px}.avatar.xl{width:76px;height:76px;font-size:24px}.avatar.xxl{width:126px;height:126px;font-size:38px;border:5px solid var(--bg)}.split-callout{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:70px 0}.split-callout article{min-height:320px;border-radius:28px;padding:36px;background:linear-gradient(135deg,#0b252b,#0d3037);border:1px solid var(--line)}.split-callout article:nth-child(2){background:linear-gradient(135deg,#121c32,#0c2830)}.split-callout h2{font-size:38px;line-height:1;letter-spacing:-.05em;margin:10px 0 15px}.split-callout p{color:#809da0;font-size:12px;line-height:1.7}.split-callout a{display:inline-block;margin-top:15px;color:#9be4e0;font-size:11px;font-weight:900}.mini-post-grid{columns:3;column-gap:12px}.mini-post{break-inside:avoid;padding:16px;border-radius:18px;background:#091b20;border:1px solid var(--line);margin-bottom:12px}.post-user{display:flex;align-items:center;gap:8px}.post-user b,.post-user span{display:block}.post-user b{font-size:10px}.post-user span{font-size:8px;color:#658487}.mini-post>p{font-size:12px;line-height:1.6;color:#b7cdcf;margin:14px 0}.mini-track{display:flex;align-items:center;gap:8px;padding:9px;border-radius:11px;background:#0d252b;font-size:9px}.mini-track>span{color:var(--accent)}.empty{padding:24px;border:1px dashed #2c474e;border-radius:18px;color:#718e91;font-size:12px}.auth-wrap{min-height:720px;display:grid;place-items:center}.auth-card{width:min(480px,100%);padding:33px;border-radius:28px;background:#0b1d22;border:1px solid var(--line);box-shadow:var(--shadow)}.auth-wrap.wide .auth-card{width:min(760px,100%)}.auth-card h1{font-size:43px;letter-spacing:-.05em}.auth-card form,.profile-editor{display:grid;gap:15px}.auth-card label,.profile-editor label,.upload-form label{display:grid;gap:6px;color:#9bb1b3;font-size:11px}.auth-card input,.profile-editor input,.profile-editor textarea,.upload-form input,.upload-form textarea,.upload-form select,.composer textarea,.composer select,.comment-line input,.moderation-row input{width:100%;border:1px solid #284249;border-radius:13px;background:#071a1f;color:white;padding:12px 13px;outline:none}.auth-card input:focus,.profile-editor input:focus,.upload-form input:focus,.upload-form textarea:focus,.upload-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(45,212,199,.07)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px}.role-picker input,.genre-pills input,.theme-choice input{position:absolute;opacity:0}.role-picker span{display:block;padding:15px;border:1px solid #284249;border-radius:15px}.role-picker b,.role-picker small{display:block}.role-picker small{font-size:9px;color:#769598;margin-top:4px}.role-picker input:checked+span{border-color:var(--accent);background:rgba(45,212,199,.06)}.label-title{display:block;font-size:11px;color:#9bb1b3;margin-bottom:8px}.genre-pills{display:flex;flex-wrap:wrap;gap:6px}.genre-pills span{display:block;padding:7px 10px;border-radius:999px;border:1px solid #284249;color:#7fa0a3;font-size:9px;cursor:pointer}.genre-pills input:checked+span{background:rgba(45,212,199,.09);border-color:rgba(45,212,199,.35);color:#b7f2ef}
/* discover */.discover-page{padding:45px 0 70px}.discover-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.discover-head h1{font-size:55px;letter-spacing:-.06em;margin:7px 0}.discover-head p{color:#78979a}.stage-wallet{padding:14px 17px;border-radius:18px;background:rgba(45,212,199,.07);border:1px solid rgba(45,212,199,.17);text-align:right}.stage-wallet span,.stage-wallet b{display:block}.stage-wallet span{font-size:7px;color:#58bdb8}.stage-wallet b{font-size:25px;margin-top:4px}.stage-wallet i{font-style:normal;color:var(--accent)}.discover-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.discover-card{position:relative;border:1px solid var(--line);border-radius:24px;background:#0a1b20;overflow:hidden}.blind-label{position:absolute;left:12px;top:12px;z-index:4;padding:6px 8px;border-radius:999px;background:rgba(4,15,18,.84);font-size:7px;letter-spacing:.1em;color:#85d7d3}.discover-art{aspect-ratio:1;position:relative;background:linear-gradient(135deg,#173e45,#0a2026);overflow:hidden}.discover-art>img{width:100%;height:100%;object-fit:cover}.big-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:62px;height:62px;border-radius:50%;border:0;background:var(--accent);color:#052728;font-size:18px}.blind-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(6,16,19,.12),rgba(5,14,17,.78));display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:28px 20px;text-align:center;transition:.25s}.blind-overlay>span{font-size:42px;font-weight:900}.blind-overlay p{font-size:9px;color:#a0b9bb}.discover-card.revealed .blind-overlay{opacity:0;pointer-events:none}.discover-meta{padding:17px}.discover-meta>small{color:var(--accent);font-size:8px}.discover-meta h2{font-size:22px;margin:4px 0 10px}.discover-meta>p{font-size:10px;line-height:1.55;color:#718e91;min-height:32px}.artist-reveal{display:none;align-items:center;gap:8px;margin:10px 0}.discover-card.revealed .artist-reveal{display:flex}.artist-reveal b,.artist-reveal span{display:block}.artist-reveal b{font-size:10px}.artist-reveal span{font-size:8px;color:#66878a}.discover-decisions{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:7px;padding:0 14px 14px}.discover-decisions button{border:1px solid #274249;background:#0e252b;color:#89a6a9;border-radius:13px;padding:10px 4px;font-size:15px}.discover-decisions button span{display:block;font-size:8px;margin-top:4px}.discover-decisions .stage{border-color:rgba(45,212,199,.25);color:#87e5df}.discover-after{display:none;padding:12px 15px;border-top:1px solid var(--line);justify-content:space-between;gap:8px;font-size:8px}.discover-card.revealed .discover-after{display:flex}.discover-after a{color:#8edbd8}.discover-after span{color:#5f7e81}
/* top */.top-page{padding:50px 0}.top-hero{padding:30px 0 35px}.top-hero h1{font-size:80px;letter-spacing:-.07em;margin:4px 0}.top-hero p{color:#78979a}.top-list{display:grid}.top-row{display:grid;grid-template-columns:55px 70px 1fr 100px 90px;gap:14px;align-items:center;border-top:1px solid var(--line);padding:14px 0}.rank{font-size:24px;color:#335d61;font-weight:900}.top-avatar{width:62px;height:62px;border-radius:50%;overflow:hidden;border:0;background:#12343a;color:#7ad9d5;position:relative}.top-avatar img{width:100%;height:100%;object-fit:cover}.top-avatar i{position:absolute;inset:0;display:grid;place-items:center;background:rgba(5,17,20,.38);font-style:normal;opacity:0}.top-avatar:hover i{opacity:1}.top-song b,.top-song span{display:block}.top-song b{font-size:14px}.top-song span{font-size:9px;color:#718f92;margin-top:4px}.score{font-size:10px;color:var(--accent)}.top-row>a{font-size:9px;color:#88b8b7}
/* feed */.feed-layout{display:grid;grid-template-columns:190px minmax(0,650px) 230px;gap:20px;padding:30px 0 70px;align-items:start}.feed-left,.feed-right{position:sticky;top:20px}.me-card,.side-box,.stage-side{padding:16px;border:1px solid var(--line);border-radius:20px;background:#0a1b20}.me-card{display:grid;justify-items:center;text-align:center}.me-card b{margin-top:9px;font-size:12px}.me-card span{font-size:8px;color:#66878a}.me-card>a:last-child{font-size:8px;color:#78cfcc;margin-top:10px}.side-nav{display:grid;gap:5px;margin-top:12px}.side-nav a{padding:10px 12px;border-radius:11px;color:#78989b;font-size:10px}.side-nav a.active,.side-nav a:hover{background:#0e272d;color:white}.feed-main{display:grid;gap:12px}.composer{padding:18px;border-radius:22px;border:1px solid var(--line);background:#0b1f24}.composer-title{display:flex;gap:9px;align-items:center;margin-bottom:12px}.composer-title b,.composer-title small{display:block}.composer-title b{font-size:11px}.composer-title small{font-size:8px;color:#66878a}.composer textarea{border:0;background:transparent;padding:8px 0;font-size:16px;min-height:90px;resize:vertical}.composer-tools{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:10px}.composer-tools select{max-width:200px;padding:8px;font-size:9px}.file-mini{font-size:9px;padding:8px 10px;border:1px solid #274249;border-radius:10px;color:#82c2c0;cursor:pointer}.file-mini input{display:none}.composer-tools .btn{margin-left:auto;padding:9px 12px;font-size:9px}.feed-stream{display:grid;gap:12px}.post-card{padding:17px;border:1px solid var(--line);border-radius:22px;background:#091b20}.post-head{display:flex;align-items:center;gap:9px}.post-head b,.post-head small{display:block}.post-head b{font-size:11px}.post-head small{font-size:8px;color:#648588}.artist-chip{font-size:7px;color:var(--accent);margin-left:5px}.post-body{font-size:13px;line-height:1.65;color:#c1d5d7;margin:14px 0}.post-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px}.post-track{display:grid;grid-template-columns:52px 1fr auto;gap:9px;align-items:center;background:#0d252b;border-radius:13px;padding:8px;margin-top:12px}.post-track-cover{width:52px;height:52px;border-radius:9px;background:#153d44;display:grid;place-items:center;overflow:hidden}.post-track-cover img{width:100%;height:100%;object-fit:cover}.post-track small,.post-track b{display:block}.post-track small{font-size:7px;color:var(--accent)}.post-track b{font-size:10px;margin-top:2px}.post-track button{border:0;border-radius:10px;background:#17373e;color:#9bd9d7;padding:7px 9px;font-size:8px}.post-actions{display:flex;gap:12px;margin-top:13px;padding-top:9px;border-top:1px solid var(--line)}.post-actions button{border:0;background:transparent;color:#739397;font-size:10px}.comment-line{display:flex;gap:7px;margin-top:8px}.comment-line input{padding:9px;font-size:9px}.comment-line button{border:0;background:var(--accent);border-radius:10px;padding:0 11px;font-size:8px;font-weight:900}.side-box h3{font-size:18px;margin:7px 0}.side-box p{font-size:10px;line-height:1.6;color:#718f92}.stage-side{display:block;margin-top:11px}.stage-side span,.stage-side b,.stage-side small{display:block}.stage-side span{font-size:7px;color:var(--accent)}.stage-side b{font-size:13px;margin:6px 0}.stage-side small{font-size:8px;color:#638285}
/* profile */.profile-page{padding:25px 0 70px}.profile-cover{height:320px;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#123b43,#111d31);position:relative}.profile-cover>img{width:100%;height:100%;object-fit:cover}.profile-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,15,18,.72),transparent 60%)}.profile-intro{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:end;margin:-65px 28px 0;position:relative;z-index:2}.profile-main-info{padding-bottom:9px}.name-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.name-line h1{font-size:38px;letter-spacing:-.055em;margin:0}.verified{font-size:8px;padding:5px 7px;border-radius:999px;background:rgba(45,212,199,.09);border:1px solid rgba(45,212,199,.2);color:#7ee2dd}.profile-main-info>span{font-size:9px;color:#6d8e91}.tagline{font-size:12px;color:#9fb6b8;margin:8px 0}.profile-stats{display:flex;gap:22px}.profile-stats b,.profile-stats span{display:block}.profile-stats b{font-size:15px}.profile-stats span{font-size:8px;color:#668689}.profile-stats .taste b{color:var(--accent)}.profile-actions{display:flex;gap:7px;padding-bottom:12px}.profile-genres{display:flex;gap:6px;flex-wrap:wrap;margin:24px 28px}.profile-genres span{padding:6px 9px;border-radius:999px;background:#0c2328;border:1px solid #244149;font-size:8px;color:#7fa2a4}.artist-hub{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 28px}.artist-story,.platform-hub{padding:25px;border-radius:22px;background:#0a1d22;border:1px solid var(--line)}.artist-story h2{font-size:30px;letter-spacing:-.04em;margin:7px 0 12px}.artist-story p{font-size:11px;line-height:1.7;color:#78979a}.mail-link{font-size:9px;color:#8ddad7}.platform-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.platform-btn{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:12px;background:#10262c;border:1px solid #28434a;font-size:9px}.platform-btn:hover{border-color:rgba(45,212,199,.35)}.platform-btn i{font-style:normal;color:#618b8e}.profile-tracks{padding-left:28px;padding-right:28px}.editor-page,.track-upload-page{padding:45px 0 80px}.editor-head,.upload-intro{max-width:780px;margin-bottom:28px}.editor-head h1,.upload-intro h1{font-size:58px;line-height:.98;letter-spacing:-.06em;margin:8px 0}.upload-intro h1 em{font-style:normal;color:var(--accent)}.editor-head p,.upload-intro p{color:#78979a;line-height:1.7}.profile-editor,.upload-form{max-width:900px}.editor-card,.upload-card{padding:24px;border-radius:22px;background:#0a1c21;border:1px solid var(--line)}.editor-card h2,.upload-card h2{font-size:23px;margin:0 0 17px}.theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.theme-choice span{display:flex;align-items:center;gap:6px;padding:10px;border:1px solid #284249;border-radius:11px;font-size:9px}.theme-choice i{width:14px;height:14px;border-radius:50%;background:#243b40}.theme-choice.ocean i{background:#1d88b5}.theme-choice.violet i{background:#8062d8}.theme-choice.amber i{background:#ce8a43}.theme-choice.mono i{background:#d9e5e5}.theme-choice input:checked+span{border-color:var(--accent)}.platform-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modern-file{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:11px;border:1px dashed #315159;border-radius:14px;background:#08191e;overflow:hidden}.modern-file>span{grid-row:1/3;width:58px;height:44px;border-radius:10px;background:#102d33;display:grid;place-items:center;font-size:8px;color:#69bfbc}.modern-file>b{font-size:10px}.modern-file>small{font-size:8px;color:#628488}.modern-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.step-title{display:flex;gap:11px;align-items:center;margin-bottom:18px}.step-title>i{font-style:normal;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(45,212,199,.09);color:var(--accent);border:1px solid rgba(45,212,199,.18);font-weight:900}.step-title h2,.step-title p{margin:0}.step-title p{font-size:9px;color:#69898c;margin-top:3px}.source-drop{height:150px;border:1px dashed rgba(45,212,199,.35);border-radius:18px;background:rgba(45,212,199,.035);display:flex;align-items:center;justify-content:center;gap:14px;position:relative}.source-drop>span{font-size:34px;color:var(--accent)}.source-drop b,.source-drop small{display:block}.source-drop b{font-size:13px}.source-drop small{font-size:9px;color:#698a8d;margin-top:4px}.source-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.cut-editor{margin-top:16px;padding:17px;border-radius:18px;background:#07171b;border:1px solid rgba(45,212,199,.12)}.cut-editor[hidden]{display:none}.cut-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.cut-head h3{font-size:19px;margin:4px 0}.cut-head>b{font-size:13px}.wave-wrap{height:220px;position:relative;overflow:hidden;border-radius:14px;background:#0b2429}.wave-wrap canvas{width:100%;height:100%}.selection{position:absolute;top:0;bottom:0;left:0;width:20%;background:rgba(45,212,199,.1);border-left:2px solid var(--accent);border-right:2px solid var(--accent);pointer-events:none}.selection span{position:absolute;left:50%;top:8px;transform:translateX(-50%);padding:4px 7px;border-radius:999px;background:#082126;color:#8de7e2;font-size:7px;font-weight:900}.range-line{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center;margin:10px 0}.range-line span{font-size:9px;color:#78999b}.range-line span:last-child{text-align:right}.range-line input{padding:0;height:6px;accent-color:var(--accent);border:0}.cut-actions{display:flex;align-items:center;gap:10px}.cut-ready{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:8px;color:#68898c}.cut-ready i{width:7px;height:7px;border-radius:50%;background:#506b6e}.cut-ready.done{color:#72dbad}.cut-ready.done i{background:#3ed89a}
/* artist/admin */.artist-dashboard,.admin-page{padding:45px 0 80px}.studio-hero{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.studio-hero h1,.admin-hero h1{font-size:58px;line-height:.95;letter-spacing:-.06em;margin:8px 0}.studio-hero p{max-width:680px;color:#78979a;line-height:1.7}.studio-list,.admin-list{border:1px solid var(--line);border-radius:22px;overflow:hidden}.list-head,.studio-row{display:grid;grid-template-columns:1.4fr .7fr .7fr .5fr;gap:12px;align-items:center;padding:12px 16px}.list-head{font-size:7px;color:#56777a;background:#08171b}.studio-row{border-top:1px solid var(--line)}.studio-row b,.studio-row small{display:block}.studio-row b{font-size:11px}.studio-row small{font-size:8px;color:#66878a}.studio-row>span,.studio-row>a{font-size:8px}.status{padding:5px 7px;border-radius:999px;width:max-content}.status.pending{background:#382f16;color:#ffd37b}.status.approved{background:#11382e;color:#79deb0}.status.rejected{background:#401c24;color:#ffaab6}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:28px}.admin-stats>div{padding:18px;border-radius:18px;background:#0a1c21;border:1px solid var(--line)}.admin-stats b,.admin-stats span{display:block}.admin-stats b{font-size:27px}.admin-stats span{font-size:8px;color:#68898c}.admin-list{padding:18px}.moderation-row{display:grid;grid-template-columns:1fr 250px 1.2fr;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.moderation-row:first-of-type{border-top:0}.moderation-row b,.moderation-row span{display:block}.moderation-row b{font-size:11px}.moderation-row span{font-size:8px;color:#66878a}.moderation-row audio{width:100%}.moderation-row form{display:grid;grid-template-columns:1fr auto auto;gap:6px}.moderation-row input{padding:8px;font-size:8px}.moderation-row button{border:0;border-radius:9px;padding:7px 9px;font-size:8px;font-weight:900}.approve{background:#53d7a0}.reject{background:#ff8190}footer{width:min(1180px,92vw);margin:70px auto 0;padding:28px 0 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#5e7d80}footer strong,footer span{display:block}footer strong{font-size:12px;color:#9eb7b9}footer span,footer p{font-size:8px}.profile-ocean{--accent:#33b6e8}.profile-violet{--accent:#9c7cff}.profile-amber{--accent:#e3a459}.profile-mono{--accent:#c9d7d7}
@media(max-width:1050px){.track-shelf{grid-template-columns:repeat(3,1fr)}.people-grid{grid-template-columns:repeat(3,1fr)}.feed-layout{grid-template-columns:160px 1fr}.feed-right{display:none}.discover-stack{grid-template-columns:repeat(2,1fr)}.moderation-row{grid-template-columns:1fr}.hero-next{grid-template-columns:1fr}.hero-visual{height:430px}.why-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#08171b;border:1px solid var(--line);border-radius:18px;padding:14px;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.mobile-nav{display:block}.hero-copy h1{font-size:54px}.hero-visual{height:360px}.vinyl{width:230px;height:230px}.floating-card{width:175px}.why-strip{grid-template-columns:1fr}.track-shelf{display:flex;overflow-x:auto}.shelf-track{flex:0 0 150px}.people-grid{grid-template-columns:1fr 1fr}.split-callout{grid-template-columns:1fr}.mini-post-grid{columns:1}.feed-layout{display:block}.feed-left{position:static;margin-bottom:12px}.me-card{display:none}.side-nav{display:flex;overflow:auto}.side-nav a{white-space:nowrap}.discover-head{display:block}.stage-wallet{margin-top:12px;text-align:left}.discover-stack{grid-template-columns:1fr}.top-row{grid-template-columns:38px 58px 1fr}.top-row .score,.top-row>a{display:none}.top-avatar{width:52px;height:52px}.profile-cover{height:210px}.profile-intro{grid-template-columns:auto 1fr;margin:-45px 12px 0}.profile-actions{grid-column:1/-1}.avatar.xxl{width:90px;height:90px}.name-line h1{font-size:28px}.artist-hub{grid-template-columns:1fr;margin:25px 0}.profile-genres{margin-left:0}.profile-tracks{padding-left:0;padding-right:0}.two,.platform-form{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(2,1fr)}.editor-head h1,.upload-intro h1,.studio-hero h1,.admin-hero h1{font-size:43px}.studio-hero{display:block}.studio-hero .btn{margin-top:14px}.list-head{display:none}.studio-row{grid-template-columns:1fr auto}.studio-row>a,.studio-row>span:nth-child(3){display:none}.admin-stats{grid-template-columns:1fr 1fr}.composer-tools{flex-wrap:wrap}.composer-tools .btn{margin-left:0}.moderation-row form{grid-template-columns:1fr 1fr}.moderation-row input{grid-column:1/-1}footer{display:block}.cut-actions{display:grid}.cut-ready{margin-left:0}.wave-wrap{height:170px}}

.toast-host{position:fixed;right:20px;bottom:20px;z-index:1000;display:grid;gap:8px;max-width:360px}.toast{opacity:0;transform:translateY(12px);transition:.2s;padding:12px 14px;border-radius:13px;background:#10282e;border:1px solid #2c5058;color:#cce4e5;font-size:10px;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:none}.toast.warn{border-color:#765c2e;color:#ffd497}.post-actions button.active{color:var(--accent)}.cover-play.playing,.top-avatar.playing{outline:2px solid var(--accent);outline-offset:3px}

.cover-fallback{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#1d5a62,#0c2429 62%);font-size:48px;color:#77d9d4}.discover-art>.cover-fallback{position:absolute;inset:0}

.comment-preview{display:grid;gap:7px;margin-top:8px}.comment-preview>div{display:flex;gap:8px;align-items:flex-start}.comment-preview .avatar.sm{width:28px;height:28px;font-size:8px}.comment-preview p{margin:2px 0;font-size:9px;line-height:1.45;color:#9eb6b8}.comment-preview b{color:#e8f5f5}

/* ===== NEXT V1.2 — personalized feed + profile overflow + platform brands ===== */
html,body{max-width:100%;overflow-x:hidden}
.shell,.profile-page,.profile-intro,.profile-main-info,.artist-hub,.artist-story,.platform-hub,.profile-tracks,.post-card,.post-head,.post-body{min-width:0;max-width:100%}
.profile-page{overflow:hidden}
.name-line h1,.tagline,.artist-story h2,.artist-about,.mail-link,.post-body,.comment-preview p{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}
.artist-about{max-width:100%;white-space:normal}
.mail-link{display:inline-flex;align-items:center;gap:7px;max-width:100%;margin-top:14px;padding:8px 10px;border-radius:11px;background:rgba(45,212,199,.055);border:1px solid rgba(45,212,199,.12)}
.mail-link span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}
.artist-hub{align-items:stretch}
.artist-story,.platform-hub{min-width:0;overflow:hidden}
.platform-hub h3{font-size:18px;margin:8px 0 0;letter-spacing:-.025em}
.platform-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}
.platform-btn{min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:12px;border-radius:14px;overflow:hidden;transition:.18s;background:linear-gradient(145deg,#10262c,#0b1e23)}
.platform-btn:hover{transform:translateY(-1px);background:#122b31}
.platform-logo{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.055);overflow:hidden}
.platform-logo img{width:20px;height:20px;object-fit:contain}
.platform-logo i{display:none;font-style:normal;font-weight:900}
.platform-logo img[style*="display: none"]+i{display:block}
.platform-logo.website-logo{color:var(--accent);font-size:20px}
.platform-copy{min-width:0;display:grid;gap:3px}
.platform-copy b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.platform-copy small{font-size:7px;color:#698b8e}
.platform-arrow{font-size:12px;color:#6b9698}
.platform-empty{grid-column:1/-1;color:#6f9093;font-size:10px}
.platform-btn.spotify{border-color:rgba(30,215,96,.22)}
.platform-btn.apple_music{border-color:rgba(250,36,60,.2)}
.platform-btn.youtube,.platform-btn.youtube_music{border-color:rgba(255,0,0,.18)}
.platform-btn.instagram{border-color:rgba(228,64,95,.18)}
.platform-btn.soundcloud{border-color:rgba(255,85,0,.2)}
.platform-btn.deezer{border-color:rgba(162,56,255,.2)}

.platform-input-label>span{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.platform-input-label>span img{width:18px;height:18px;object-fit:contain}
.platform-input-label>span i{font-style:normal;color:var(--accent)}
.platform-input-label>span b{font-size:10px}

.taste-feed-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;border-radius:20px;background:linear-gradient(135deg,rgba(45,212,199,.075),rgba(10,29,34,.96));border:1px solid rgba(45,212,199,.13)}
.taste-feed-head b,.taste-feed-head small{display:block}
.taste-feed-head b{font-size:17px;margin:5px 0 4px}
.taste-feed-head small{font-size:9px;color:#78999c;line-height:1.5}
.taste-feed-genres{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:260px}
.taste-feed-genres span,.taste-feed-genres a{padding:6px 9px;border-radius:999px;background:#0a2227;border:1px solid #24434a;color:#83c9c6;font-size:8px;white-space:nowrap}
.feed-reason{display:inline-flex;align-items:center;margin-bottom:11px;padding:5px 8px;border-radius:999px;background:rgba(45,212,199,.075);border:1px solid rgba(45,212,199,.12);color:#75d6d1;font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.feed-reason.explore{background:rgba(223,166,72,.07);border-color:rgba(223,166,72,.15);color:#e3b86d}
.explore-post{border-color:rgba(223,166,72,.12)}
.feed-empty{padding:28px;border-radius:20px;border:1px dashed #29464d;color:#749497;font-size:11px;text-align:center}

@media(max-width:720px){
  .artist-hub{margin-left:0;margin-right:0}
  .artist-story,.platform-hub{padding:20px}
  .platform-buttons{grid-template-columns:1fr}
  .taste-feed-head{grid-template-columns:1fr}
  .taste-feed-genres{justify-content:flex-start;max-width:none}
  .profile-intro{max-width:calc(100vw - 24px)}
  .profile-main-info{overflow:hidden}
  .mail-link{display:flex;width:100%}
}

/* ===== NEXT V1.3 — Artist Selections / embedded playlists ===== */
.studio-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.artist-playlists-section{padding-top:38px}
.artist-playlists-section .section-head p{max-width:680px;color:#78979a;font-size:11px;line-height:1.65;margin:7px 0 0}
.artist-playlist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.playlist-card{min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(145deg,#0d2329,#091a1f);padding:18px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.12)}
.playlist-card.featured{border-color:rgba(45,212,199,.27);box-shadow:0 18px 50px rgba(45,212,199,.055)}
.playlist-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.playlist-provider{display:flex;align-items:center;gap:11px;min-width:0}
.playlist-provider>img,.playlist-provider>span{width:38px;height:38px;flex:0 0 auto;border-radius:11px;padding:9px;background:rgba(255,255,255,.055);object-fit:contain}
.playlist-provider>div{min-width:0}
.playlist-provider small,.playlist-provider b{display:block}
.playlist-provider small{font-size:7px;letter-spacing:.12em;color:#6f9699;text-transform:uppercase}
.playlist-provider b{font-size:14px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.playlist-featured{padding:6px 8px;border-radius:999px;background:rgba(45,212,199,.09);border:1px solid rgba(45,212,199,.17);color:#79ded8;font-size:7px;font-weight:900;white-space:nowrap}
.playlist-card>p{margin:14px 0 10px;color:#9ab4b6;font-size:10px;line-height:1.65;overflow-wrap:anywhere}
.playlist-tags{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 14px}
.playlist-tags span{font-size:7px;padding:5px 7px;border-radius:999px;background:#0b252a;border:1px solid #25444b;color:#76aaa9}
.playlist-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
.playlist-actions .btn{font-size:9px;padding:9px 11px}
.playlist-player-shell{margin-top:14px;border-radius:16px;overflow:hidden;background:#050d0f;border:1px solid rgba(255,255,255,.06)}
.playlist-player-shell[hidden]{display:none}
.playlist-player-shell iframe{display:block;width:100%;border:0;background:#050d0f}
.playlist-card.compact{margin:12px 0;padding:14px;border-radius:17px;background:#081a1f}
.playlist-card.compact .playlist-provider>img,.playlist-card.compact .playlist-provider>span{width:32px;height:32px;padding:7px}
.playlist-card.compact .playlist-provider b{font-size:11px}
.playlist-card.compact>p{font-size:9px;margin:9px 0}
.playlist-card.compact .playlist-actions .btn{font-size:8px;padding:8px 10px}
.playlist-empty-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:35px 0;padding:22px;border-radius:20px;border:1px dashed rgba(45,212,199,.24);background:rgba(45,212,199,.035)}
.playlist-empty-cta h3{font-size:22px;margin:6px 0}.playlist-empty-cta p{font-size:10px;color:#78979a;margin:0}

.playlist-manager{padding:55px 0 25px}.playlist-manager-hero{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;margin-bottom:28px}.playlist-manager-hero h1{font-size:58px;line-height:.95;letter-spacing:-.06em;margin:9px 0 14px}.playlist-manager-hero p{max-width:800px;color:#819da0;line-height:1.7;font-size:12px}.playlist-form{display:grid;gap:14px;padding:24px;border-radius:24px;background:#0b1d22;border:1px solid var(--line)}
.playlist-form-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.playlist-form-head h2{font-size:30px;margin:6px 0 0}.playlist-supported{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.playlist-supported span{padding:5px 7px;border-radius:999px;border:1px solid #26444b;color:#6f9a9d;font-size:7px}
.playlist-form label{display:grid;gap:6px;color:#9bb1b3;font-size:11px}.playlist-form input,.playlist-form textarea,.playlist-form select{width:100%;border:1px solid #284249;border-radius:13px;background:#071a1f;color:#fff;padding:12px 13px;outline:none}.playlist-form input:focus,.playlist-form textarea:focus,.playlist-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(45,212,199,.07)}
.playlist-checks{display:flex;gap:8px;flex-wrap:wrap}.playlist-checks label{display:block}.playlist-checks input{position:absolute;opacity:0}.playlist-checks span{display:block;padding:9px 11px;border-radius:999px;border:1px solid #29474e;background:#091c21;color:#7f9fa2;font-size:9px;cursor:pointer}.playlist-checks input:checked+span{border-color:rgba(45,212,199,.35);background:rgba(45,212,199,.08);color:#8ce4df}.playlist-security-note{font-size:8px;color:#587a7e;margin:0}
.playlist-manager-list{padding-top:45px}.playlist-manage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.playlist-manage-card{display:grid;gap:13px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#091b20}.playlist-manage-card small{font-size:7px;color:var(--accent)}.playlist-manage-card h3{font-size:18px;margin:5px 0}.playlist-manage-card p{font-size:9px;color:#759598;line-height:1.55;margin:0;overflow-wrap:anywhere}.playlist-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.playlist-stats span{padding:10px;border-radius:12px;background:#0d252b;color:#6f9295;font-size:7px}.playlist-stats b{display:block;font-size:17px;color:#eaf7f7;margin-bottom:2px}.playlist-manage-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.playlist-manage-actions form{margin:0}.playlist-manage-actions .btn{padding:8px 10px;font-size:8px}.featured-status{font-size:8px;color:#7cded9;padding:8px 10px}.danger-text{color:#ff98a5!important}

@media(max-width:820px){.artist-playlist-grid,.playlist-manage-grid{grid-template-columns:1fr}.playlist-manager-hero{grid-template-columns:1fr}.playlist-manager-hero h1{font-size:44px}.playlist-form-head{align-items:flex-start;flex-direction:column}.playlist-supported{justify-content:flex-start}.playlist-empty-cta{align-items:flex-start;flex-direction:column}.studio-hero-actions{justify-content:flex-start}}

.artist-editor-links{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:15px;border:1px solid rgba(45,212,199,.14);border-radius:16px;background:rgba(45,212,199,.04)}.artist-editor-links b,.artist-editor-links small{display:block}.artist-editor-links b{font-size:13px;margin:5px 0}.artist-editor-links small{font-size:8px;color:#719295;line-height:1.5}.artist-editor-links .btn{font-size:9px;white-space:nowrap}@media(max-width:720px){.artist-editor-links{align-items:flex-start;flex-direction:column}}


/* =====================================================================
   HarmoniReverb NEXT v1.4 — AYDINLIK SAHNE
   Editorial music magazine + social discovery UI
   ===================================================================== */
:root{
  --bg:#f7f4ed;
  --panel:#ffffff;
  --panel2:#f0f8f7;
  --line:rgba(24,47,52,.11);
  --text:#17282d;
  --muted:#6c8185;
  --accent:#12b8ad;
  --accent2:#0e918b;
  --warm:#f2a93b;
  --warm-soft:#fff3dc;
  --blue:#2864dc;
  --shadow:0 22px 60px rgba(31,55,60,.10);
}
html{background:var(--bg)}
body{background:var(--bg);color:var(--text)}
body:before{background:
  radial-gradient(circle at 12% 3%,rgba(18,184,173,.16),transparent 31%),
  radial-gradient(circle at 88% 8%,rgba(242,169,59,.13),transparent 27%),
  radial-gradient(circle at 72% 70%,rgba(40,100,220,.07),transparent 30%)}
.ambient{opacity:.45;background-image:linear-gradient(rgba(24,47,52,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(24,47,52,.025) 1px,transparent 1px);mask-image:linear-gradient(to bottom,black,transparent 78%)}

/* Header */
.site-header{height:74px;margin-top:14px;padding:0 20px;border:1px solid rgba(24,47,52,.08);border-radius:22px;background:rgba(255,255,255,.84);backdrop-filter:blur(18px);box-shadow:0 10px 35px rgba(40,64,70,.07);position:sticky;top:10px}
.brand i{background:linear-gradient(135deg,var(--accent),#62ded4);color:#063a39;box-shadow:0 8px 20px rgba(18,184,173,.18)}
.brand span{color:#183137}.brand b{color:var(--accent2)}
.site-header nav>a,.nav-quiet{color:#61777b;font-weight:700}
.site-header nav>a:hover,.nav-quiet:hover{color:#122a30}
.nav-cta{background:#183137!important;color:white!important;box-shadow:0 8px 20px rgba(24,49,55,.14)}
.mobile-nav{color:#183137}

/* Generic typography + surfaces */
.eyebrow{color:#0e918b;font-size:10px}.muted{color:var(--muted)}
.btn{transition:.2s ease;box-shadow:none}.btn:hover{transform:translateY(-2px)}
.btn.primary{background:linear-gradient(135deg,#14c2b6,#0fa49d);color:white;box-shadow:0 10px 26px rgba(18,184,173,.18)}
.btn.ghost{background:white;border-color:rgba(24,47,52,.14);color:#233c42;box-shadow:0 4px 16px rgba(24,47,52,.04)}
.flash.ok{background:#e8fbf3;color:#177650;border-color:#bdebd6}.flash.bad{background:#fff0f1;color:#b74254;border-color:#ffd0d7}
.empty{background:rgba(255,255,255,.55);border-color:rgba(24,47,52,.18);color:#758b8e}

/* Home hero */
.hero-next{min-height:620px;margin-top:30px;padding:68px 58px;border-radius:38px;background:linear-gradient(125deg,#ffffff 0%,#f8fffe 54%,#fff7e8 100%);border:1px solid rgba(24,47,52,.075);box-shadow:var(--shadow);overflow:hidden;position:relative}
.hero-next:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(18,184,173,.08);left:-100px;bottom:-120px}.hero-next:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:rgba(242,169,59,.09);right:-70px;top:-70px}
.hero-copy,.hero-visual{position:relative;z-index:1}.hero-copy h1{color:#152a2f}.hero-copy h1 em{color:#0e9f96}.hero-copy>p{color:#657c80}.hero-proof span{color:#657b80;background:white;border-color:rgba(24,47,52,.10);box-shadow:0 4px 14px rgba(24,47,52,.035)}
.vinyl{background:repeating-radial-gradient(circle,#183b40 0 4px,#0f2428 5px 9px);box-shadow:0 34px 70px rgba(28,55,60,.18)}
.vinyl:after{background:linear-gradient(135deg,#f2a93b,#ffd27c)}.vinyl i{color:#253236}
.floating-card{background:rgba(255,255,255,.91);border-color:rgba(24,47,52,.10);box-shadow:0 20px 50px rgba(31,55,60,.12)}
.floating-card small{color:#0b978f}.floating-card b{color:#1c343a}.floating-card span{color:#708488}

/* Why / editorial blocks */
.why-strip{background:rgba(24,47,52,.08);border-color:rgba(24,47,52,.08);box-shadow:0 12px 40px rgba(31,55,60,.05)}
.why-strip>div{background:white}.why-strip span{color:#d38c20}.why-strip b{color:#1b3439}.why-strip p{color:#718588}
.section-head h2{color:#172c31}.section-head>a{color:#0e918b;font-weight:800}
.split-callout article{background:linear-gradient(135deg,#ecfbf8,#ffffff);border-color:rgba(18,184,173,.14);box-shadow:0 16px 44px rgba(31,55,60,.06)}
.split-callout article:nth-child(2){background:linear-gradient(135deg,#fff4df,#ffffff);border-color:rgba(242,169,59,.18)}
.split-callout h2{color:#183137}.split-callout p{color:#657b7f}.split-callout a{color:#0b978f}

/* Tracks */
.cover-play{background:linear-gradient(135deg,#d9f4f1,#e8efff);box-shadow:0 10px 30px rgba(31,55,60,.09)}
.cover-play>span{background:white;color:#0d9c94;box-shadow:0 5px 18px rgba(20,70,74,.18)}
.cover-play>i{background:rgba(255,255,255,.9);color:#233c42;box-shadow:0 4px 15px rgba(31,55,60,.08)}
.shelf-track>b{color:#21363b}.shelf-track>small{color:#73878a}
.person-card{background:white;border-color:rgba(24,47,52,.09);box-shadow:0 9px 28px rgba(31,55,60,.05)}
.person-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(31,55,60,.09)}
.person-card span{color:#71878a}.person-card strong{color:#0d9c94}
.avatar{background:linear-gradient(135deg,#dff7f4,#dce7ff);color:#23746f;border:1px solid rgba(24,47,52,.08)}
.avatar.xxl{border-color:var(--bg)}
.mini-post{background:white;border-color:rgba(24,47,52,.09);box-shadow:0 10px 28px rgba(31,55,60,.045)}
.mini-post>p{color:#435c61}.mini-track{background:#eef8f7}.mini-track>span{color:#0e918b}

/* Auth + forms */
.auth-card,.editor-card,.upload-card,.playlist-form{background:white;border-color:rgba(24,47,52,.10);box-shadow:var(--shadow)}
.auth-card h1,.editor-head h1,.upload-intro h1{color:#172d32}
.auth-card label,.profile-editor label,.upload-form label,.playlist-form label{color:#506a6f}
.auth-card input,.profile-editor input,.profile-editor textarea,.upload-form input,.upload-form textarea,.upload-form select,.composer textarea,.composer select,.comment-line input,.moderation-row input,.playlist-form input,.playlist-form textarea,.playlist-form select{background:#fbfcfa;color:#1a3035;border-color:#cfdcda}
.auth-card input:focus,.profile-editor input:focus,.profile-editor textarea:focus,.upload-form input:focus,.upload-form textarea:focus,.upload-form select:focus,.playlist-form input:focus,.playlist-form textarea:focus,.playlist-form select:focus{background:white;border-color:var(--accent);box-shadow:0 0 0 4px rgba(18,184,173,.10)}
.role-picker span,.theme-choice span{background:#fbfcfa;border-color:#d4dfdd;color:#294249}.role-picker small{color:#778a8e}.role-picker input:checked+span,.theme-choice input:checked+span{background:#eaf9f7;border-color:#6bd4cd}
.modern-file{background:#f7fbfa;border-color:#b7ceca}.modern-file>span{background:#dff5f2;color:#147c76}.modern-file>small{color:#71888b}
.source-drop{background:#f0fbf9;border-color:#9edbd5}.source-drop small{color:#6e8488}
.cut-editor{background:#f8fbfa;border-color:#c9e8e4}.wave-wrap{background:#e4f1ef}.selection{background:rgba(18,184,173,.16)}.selection span{background:white;color:#0c8f88;box-shadow:0 4px 12px rgba(31,55,60,.08)}
.range-line span,.cut-ready{color:#6d8286}

/* Discover */
.discover-head h1,.top-hero h1{color:#172c31}.discover-head p,.top-hero p{color:#708589}
.stage-wallet{background:#e8f8f6;border-color:#bfe8e4;box-shadow:0 8px 20px rgba(31,55,60,.04)}
.stage-wallet span{color:#178f88}.stage-wallet b{color:#1b3a3f}
.discover-card{background:white;border-color:rgba(24,47,52,.09);box-shadow:0 14px 38px rgba(31,55,60,.07)}
.discover-art{background:linear-gradient(135deg,#d7f2ef,#e5ebfb)}
.blind-label{background:rgba(255,255,255,.88);color:#176f6b;box-shadow:0 4px 13px rgba(31,55,60,.08)}
.blind-overlay{background:linear-gradient(180deg,rgba(245,250,249,.12),rgba(20,45,50,.68));color:white}
.discover-meta h2{color:#21363b}.discover-meta>p{color:#708589}.artist-reveal span{color:#758a8d}
.discover-decisions button{background:#f7f9f8;border-color:#d5e1df;color:#60777b}
.discover-decisions button:hover{background:#eef8f7;border-color:#a9dcd7}.discover-decisions .stage{background:#e9f9f7;border-color:#aee3de;color:#0c8f88}
.discover-after{border-color:#e1e9e7}.discover-after a{color:#0c9189}.discover-after span{color:#73898d}

/* Top 20 */
.top-row{border-color:#dce6e4}.rank{color:#b98736}.top-avatar{background:#dff4f1;color:#147f78;box-shadow:0 7px 18px rgba(31,55,60,.08)}
.top-avatar i{background:rgba(255,255,255,.72);color:#113c3d}.top-song b{color:#1e363b}.top-song span{color:#73878b}.score{color:#0c9189}.top-row>a{color:#52777a;font-weight:700}

/* Feed */
.me-card,.side-box,.stage-side,.composer,.post-card{background:white;border-color:rgba(24,47,52,.09);box-shadow:0 10px 30px rgba(31,55,60,.05)}
.me-card span,.post-head small,.composer-title small{color:#71878a}.me-card>a:last-child{color:#0c9189}
.side-nav a{color:#62797d}.side-nav a.active,.side-nav a:hover{background:#e8f7f5;color:#127f79}
.composer textarea{color:#20393e}.composer-tools{border-color:#e2e9e7}.file-mini{border-color:#d3dfdd;background:#f7fbfa;color:#247b76}
.post-body{color:#365156}.post-track{background:#f1f8f7}.post-track-cover{background:#dcefed}.post-track button{background:white;color:#0c9189;border:1px solid #cbe1de}.post-actions{border-color:#e4ebe9}.post-actions button{color:#6a8286}.comment-line button{color:white}.side-box p,.stage-side small{color:#71878a}.stage-side span{color:#d28a1d}.stage-side b{color:#21383d}
.taste-feed-head{background:linear-gradient(135deg,#e9f9f7,#fff7e9)!important;border-color:#d4e7e3!important}.taste-feed-head b{color:#1e373c!important}.taste-feed-head small{color:#6d8286!important}.taste-feed-genres span{background:white!important;color:#29746f!important;border-color:#cce0dd!important}
.feed-reason{background:#f0f7f6!important;color:#60797d!important;border-color:#d7e5e2!important}
.feed-reason.explore{background:#fff4df!important;color:#9b6619!important;border-color:#f0d6a9!important}

/* Profile */
.profile-cover{background:linear-gradient(135deg,#a9e6df,#b8cff8);box-shadow:0 14px 38px rgba(31,55,60,.10)}
.profile-shade{background:linear-gradient(0deg,rgba(20,40,45,.25),transparent 65%)}
.profile-main-info,.profile-actions{color:#172d32}.profile-main-info>span,.tagline,.profile-stats span{color:#6d8387}.profile-stats .taste b{color:#0c9189}
.verified{background:#e7f7f5;border-color:#b8e4df;color:#0d877f}
.profile-genres span{background:white;border-color:#d2dfdd;color:#5b777a;box-shadow:0 4px 14px rgba(31,55,60,.035)}
.artist-story,.platform-hub{background:white;border-color:rgba(24,47,52,.09);box-shadow:0 14px 40px rgba(31,55,60,.055)}
.artist-story h2,.platform-hub h3{color:#1d3439}.artist-story p{color:#657c80}.mail-link{color:#0c9189}
.platform-btn{background:#fbfcfa;border-color:#d8e2e0;color:#244046}.platform-btn:hover{background:#f0f9f8;border-color:#91d8d2;transform:translateY(-2px)}.platform-btn i{color:#698185}.platform-copy small{color:#778d90!important}
.platform-empty{color:#788d90!important}

/* Playlist surfaces */
.artist-playlists-section .section-head p,.playlist-manager-hero p{color:#687f83!important}
.playlist-card,.playlist-manage-card{background:white!important;border-color:rgba(24,47,52,.09)!important;box-shadow:0 12px 34px rgba(31,55,60,.055)}
.playlist-card.compact{background:#f7fbfa!important}.playlist-provider b,.playlist-manage-card h3{color:#1d363b!important}.playlist-card>p,.playlist-manage-card p{color:#6d8286!important}.playlist-tags span{background:#eef8f7!important;border-color:#d3e7e4!important;color:#4f7676!important}.playlist-player-shell{background:#f2f5f4!important;border-color:#dce5e3!important}.playlist-stats span{background:#f3f8f7!important;color:#6c8386!important}.playlist-stats b{color:#1e373c!important}.playlist-supported span{border-color:#d5e0de!important;color:#678083!important;background:#f9fbfa}.playlist-checks span{background:#fbfcfa!important;border-color:#d6e1df!important;color:#607b7e!important}.playlist-checks input:checked+span{background:#e8f8f6!important;border-color:#9cdad5!important;color:#147d77!important}.playlist-empty-cta{background:#f0fbf9!important;border-color:#aedaD5!important}.playlist-empty-cta p{color:#6f8588!important}.artist-editor-links{background:#f0fbf9!important;border-color:#c8e7e3!important}.artist-editor-links small{color:#6c8285!important}

/* Artist studio + admin */
.studio-hero p{color:#6e8386}.studio-list,.admin-list{background:white;border-color:rgba(24,47,52,.10);box-shadow:0 12px 36px rgba(31,55,60,.05)}
.list-head{background:#eef5f4;color:#60797d}.studio-row{border-color:#e2ebe9}.studio-row small{color:#71878a}.admin-stats>div{background:white;border-color:rgba(24,47,52,.09);box-shadow:0 9px 26px rgba(31,55,60,.045)}.admin-stats span,.moderation-row span{color:#71878a}.status.pending{background:#fff3d8;color:#9e6814}.status.approved{background:#e7f8ef;color:#1b8056}.status.rejected{background:#fff0f1;color:#b84557}.moderation-row{border-color:#e2eae8}

/* Footer */
footer{border-color:#d7e1df;color:#6e8386}footer strong{color:#253d42}footer span,footer p{color:#758b8e}

/* Profile color personalities become accents, not dark page skins */
.profile-ocean{--accent:#2198c8;--accent2:#1677a0}.profile-violet{--accent:#6f63d9;--accent2:#5144b9}.profile-amber{--accent:#d89525;--accent2:#b87512}.profile-mono{--accent:#51676c;--accent2:#34484d}

/* Mobile */
@media(max-width:720px){
  .site-header{width:94vw;padding:0 14px;top:6px;margin-top:7px;border-radius:18px}
  .site-header nav{background:white;border-color:#d5e1df;box-shadow:0 18px 50px rgba(31,55,60,.14)}
  .hero-next{margin-top:18px;padding:42px 22px;border-radius:28px}
  .hero-copy h1{font-size:50px}
  .floating-card{background:rgba(255,255,255,.94)}
  .feed-left{position:static}.side-nav{background:white;border-radius:15px;padding:5px;border:1px solid #dde6e4}
}

/* ===== NEXT V1.5 · Sosyal Çevre ===== */
.nav-message-link{position:relative}.nav-message-link i{position:absolute;right:-11px;top:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--accent);color:white;font-style:normal;font-size:10px;display:grid;place-items:center;font-weight:900}
.inline-social-form{display:inline-flex}.feed-tabs{display:flex;gap:6px;margin:0 0 14px;padding:5px;background:#eef4f3;border:1px solid #dde7e5;border-radius:15px;overflow-x:auto}.feed-tabs a{padding:9px 13px;border-radius:11px;color:#637b7f;font-size:13px;font-weight:800;white-space:nowrap}.feed-tabs a.active{background:white;color:#163f40;box-shadow:0 5px 14px rgba(31,55,60,.08)}

.community-page,.messages-page,.community-detail,.thread-page{padding:26px 0 70px}.community-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:end;padding:38px;border-radius:30px;background:linear-gradient(135deg,#e6f8f5 0%,#fff7e8 60%,#fff 100%);border:1px solid #dce9e6;box-shadow:var(--shadow)}.community-hero h1,.messages-head h1,.community-detail h1{font-size:clamp(38px,5vw,64px);line-height:.98;letter-spacing:-.055em;margin:8px 0 14px;color:#173136}.community-hero p,.messages-head p{color:#687f83;line-height:1.7;max-width:680px}.community-week{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:rgba(255,255,255,.72);border:1px solid rgba(24,47,52,.08);padding:14px;border-radius:20px}.community-week>small{grid-column:1/-1;color:#8a6d3c;font-weight:900;letter-spacing:.12em}.community-week div{padding:10px;border-radius:13px;background:white}.community-week b,.community-week span{display:block}.community-week b{font-size:22px;color:#173b3d}.community-week span{font-size:10px;color:#71878a;margin-top:3px}
.status-strip{margin:18px 0 22px}.status-composer{display:grid;grid-template-columns:1.1fr 1.6fr .7fr auto;gap:9px;align-items:center;padding:14px;background:white;border:1px solid #dce6e4;border-radius:18px;box-shadow:0 8px 24px rgba(31,55,60,.04)}.status-composer b,.status-composer span{display:block}.status-composer b{color:#1d3b3f}.status-composer span{font-size:11px;color:#74898d}.status-composer input,.stack-form input,.stack-form textarea,.stack-form select,.song-drop-form input,.song-drop-form select,.candidate-composer input,.candidate-composer select,.social-modal input,.social-modal select,.message-welcome select,.message-composer textarea,.message-composer select{background:#fbfcfa;color:#20393e;border:1px solid #cfddda;border-radius:12px;padding:11px 12px;outline:none}.status-cards{display:flex;gap:10px;overflow:auto;padding:12px 2px 3px}.status-cards>article{flex:0 0 280px;padding:14px;border-radius:18px;background:white;border:1px solid #dde7e5;box-shadow:0 8px 22px rgba(31,55,60,.04)}.status-person{display:flex;gap:8px;align-items:center}.status-person b,.status-person small{display:block}.status-person small{font-size:9px;color:#7b9093}.status-cards p{font-size:14px;line-height:1.45;color:#294449}.vibe-chip{display:inline-block;padding:5px 8px;border-radius:99px;background:#edf8f6;color:#167d77;font-size:10px;margin-bottom:7px}.text-action{display:block;border:0;background:transparent;color:#0d9189;padding:7px 0 0;font-weight:800}.status-suggestions{display:grid;gap:5px;margin:9px 0}.status-suggestions>div{display:grid;grid-template-columns:28px 1fr;gap:7px;align-items:center;padding:6px;border-radius:10px;background:#f4f8f7}.status-suggestions button{border:0;background:white;width:28px;height:28px;border-radius:8px;color:#0d9189}.status-suggestions b,.status-suggestions small{display:block;font-size:9px}.status-suggestions small{color:#758a8e;margin-top:2px}
.community-tabs{display:flex;gap:7px;margin:16px 0 26px;border-bottom:1px solid #dce6e4;overflow-x:auto}.community-tabs a{position:relative;padding:12px 15px;color:#61797d;font-weight:800;white-space:nowrap}.community-tabs a.active{color:#133f40}.community-tabs a.active:after{content:"";position:absolute;left:15px;right:15px;bottom:-1px;height:3px;border-radius:3px;background:var(--accent)}.community-tabs i{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:5px;border-radius:99px;background:#f2b84c;color:white;font-style:normal;font-size:9px}
.community-section{margin:28px 0}.compact-section{margin-top:0}.community-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.community-title h2,.community-panel h2,.buddy-card h2,.group-weekly-top h2{margin:5px 0;font-size:32px;letter-spacing:-.04em;color:#20383d}.community-title a{color:#0d9189;font-weight:800}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.person-card{position:relative;padding:20px;border-radius:22px;background:white;border:1px solid #dce6e4;box-shadow:0 10px 26px rgba(31,55,60,.045);text-align:center}.person-card .avatar{margin:auto}.person-card h3{margin:12px 0 2px;color:#20383d}.person-card>small{color:#7a8f92}.match-ring{position:absolute;right:12px;top:12px;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#eaf8f6;border:1px solid #c5e8e3}.match-ring b,.match-ring span{display:block}.match-ring b{font-size:15px;color:#0d8f87}.match-ring span{font-size:7px;color:#6d8689;margin-top:-10px}.mini-genres{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin:12px 0}.mini-genres span{font-size:8px;padding:4px 7px;border-radius:99px;background:#f1f6f5;color:#627a7e}.person-actions{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.person-actions form{display:inline-flex}
.request-list,.friend-list{display:grid;gap:8px}.request-list article,.friend-list article{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #dce6e4;border-radius:16px;background:white}.request-list article>div,.friend-list article>div{flex:1}.request-list b,.request-list small,.friend-list b,.friend-list span{display:block}.request-list small,.friend-list span{font-size:10px;color:#73898c}.buddy-card{display:grid;grid-template-columns:1fr 160px;align-items:center;gap:20px;padding:28px;border-radius:25px;background:linear-gradient(135deg,#eaf9f6,#fff2d7);border:1px solid #d8e8e4}.buddy-card p{color:#60797d;line-height:1.6}.buddy-disc{width:125px;height:125px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 12%,#183d40 13% 20%,#2bc8bd 21% 22%,#193f42 23% 100%);color:white;font-size:28px;justify-self:center;box-shadow:0 16px 35px rgba(31,55,60,.15)}
.split-community{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.community-panel{padding:24px;border-radius:22px;background:white;border:1px solid #dce6e4;box-shadow:0 9px 28px rgba(31,55,60,.04)}.community-panel>p{color:#687f83;line-height:1.65}.accent-panel{background:linear-gradient(135deg,#edf9f7,#fff7e9)}.stack-form{display:grid;gap:9px;margin-top:17px}.friend-checks{display:flex;gap:6px;flex-wrap:wrap}.friend-checks>small{width:100%;color:#768d90}.friend-checks label input{display:none}.friend-checks label span{display:block;padding:7px 9px;border:1px solid #d2dfdd;border-radius:99px;background:#fbfcfa;color:#5b777a;font-size:10px;cursor:pointer}.friend-checks label input:checked+span{background:#e7f8f5;border-color:#8edbd5;color:#0c8079}
.group-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:16px}.group-grid article{display:grid;grid-template-columns:55px 1fr auto;gap:13px;align-items:center;padding:16px;border:1px solid #dce6e4;border-radius:18px;background:white}.group-icon,.group-big-icon{display:grid;place-items:center;border-radius:16px;background:#e7f7f5;color:#0c9189;font-size:24px}.group-icon{width:55px;height:55px}.group-grid small,.group-grid span{color:#768b8e;font-size:9px}.group-grid h3{margin:3px 0;color:#20383d}.group-grid p{font-size:11px;color:#667d81;margin:4px 0}.simple-list,.duel-mini-list{display:grid;gap:7px;margin-top:13px}.simple-list a,.duel-mini-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border-radius:13px;background:#f4f8f7;color:#29464a}.simple-list b,.simple-list small,.duel-mini-list b,.duel-mini-list span,.duel-mini-list small{display:block}.simple-list small,.duel-mini-list span,.duel-mini-list small{font-size:9px;color:#72888b}
.modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(25,43,47,.32);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.social-modal{position:relative;width:min(100%,520px);padding:25px;border-radius:24px;background:white;box-shadow:0 28px 90px rgba(31,55,60,.22)}.social-modal>button{position:absolute;right:14px;top:12px;border:0;background:#f0f5f4;width:34px;height:34px;border-radius:50%;font-size:20px}.social-modal form{display:grid;gap:9px;margin-top:15px}

.community-detail .back-link{display:inline-block;margin-bottom:14px;color:#53777a;font-weight:800}.group-detail-hero,.list-detail-hero{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:28px;border-radius:25px;background:linear-gradient(135deg,#e9f8f6,#fff8ea);border:1px solid #dce8e5}.group-big-icon{width:88px;height:88px;font-size:34px}.group-detail-hero h1,.list-detail-hero h1{font-size:42px;margin:5px 0}.group-detail-hero p,.list-detail-hero p{color:#667e82}.group-composer,.candidate-composer{display:grid;gap:10px;padding:18px;margin:15px 0;border:1px solid #dce6e4;border-radius:18px;background:white}.group-composer>div,.candidate-composer{grid-template-columns:1fr auto}.group-composer>div{display:grid;grid-template-columns:1fr auto;gap:8px}.group-composer textarea{background:#fbfcfa;border:1px solid #cfddda;border-radius:12px;padding:12px}.group-feed{display:grid;gap:10px}.group-feed>article{padding:17px;border:1px solid #dce6e4;border-radius:18px;background:white}.group-post-head{display:flex;align-items:center;gap:9px}.group-post-head b,.group-post-head small{display:block}.group-post-head small{font-size:9px;color:#758a8e}.group-feed>article>p{color:#385358;line-height:1.6}.social-track-mini{display:grid;grid-template-columns:48px 1fr auto;gap:9px;align-items:center;padding:8px;border-radius:13px;background:#f1f8f7}.social-track-mini>img{width:48px;height:48px;border-radius:9px;object-fit:cover}.social-track-mini small,.social-track-mini b{display:block}.social-track-mini button,.group-actions button{border:0;background:white;border-radius:9px;padding:8px;color:#0c9189}.group-actions{display:flex;gap:10px;margin:10px 0;color:#6a8084}.group-comment{padding:7px 9px;background:#f6f8f7;border-radius:10px;font-size:11px;margin-top:5px}.group-weekly-top{margin:16px 0;padding:18px;border-radius:20px;background:white;border:1px solid #dce6e4}.group-top-scroll{display:flex;gap:9px;overflow:auto}.group-top-scroll article{flex:0 0 150px}.group-top-scroll article>button{position:relative;width:100%;aspect-ratio:1;border:0;border-radius:14px;overflow:hidden;background:#e6f4f2}.group-top-scroll img{width:100%;height:100%;object-fit:cover}.group-top-scroll button span{position:absolute;inset:auto 8px 8px auto;background:white;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#0d9189}.group-top-scroll article>b{color:#b57f2f}.group-top-scroll strong,.group-top-scroll small{display:block;margin-top:5px}.group-top-scroll small{color:#72878a}
.list-members{display:flex}.list-members .avatar{margin-left:-8px;border:3px solid white}.candidate-composer{grid-template-columns:1.2fr 1fr auto}.candidate-list{display:grid;gap:10px}.candidate-list>article{display:grid;grid-template-columns:76px 1fr auto auto;gap:13px;align-items:center;padding:13px;border:1px solid #dce6e4;border-radius:18px;background:white}.candidate-cover{width:76px;height:76px;border-radius:13px;overflow:hidden;background:#e4f3f1;display:grid;place-items:center}.candidate-cover img{width:100%;height:100%;object-fit:cover}.candidate-copy small,.candidate-copy span,.candidate-copy b{display:block}.candidate-copy h3{margin:3px 0}.candidate-copy span{font-size:9px;color:#758b8e}.candidate-copy p{font-size:11px;color:#596f73}.candidate-status{margin-top:6px;font-size:9px}.status-accepted{color:#16855a}.status-rejected{color:#b84a58}.status-pending{color:#a97627}.round-play{border:0;width:42px;height:42px;border-radius:50%;background:#e7f8f5;color:#0d9189}.candidate-votes{display:flex;gap:5px}.candidate-votes button{border:1px solid #d5e1df;background:#fbfcfa;border-radius:11px;padding:9px;color:#536d71}
.duel-head{text-align:center;max-width:760px;margin:0 auto 23px}.duel-stage{display:grid;grid-template-columns:1fr 80px 1fr;gap:15px;align-items:center}.duel-stage>article{position:relative;text-align:center;padding:20px;border:1px solid #dce6e4;border-radius:24px;background:white}.duel-letter{position:absolute;top:12px;left:12px;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#173e40;color:white;font-weight:900}.duel-cover{position:relative;width:min(100%,330px);aspect-ratio:1;border:0;border-radius:19px;overflow:hidden;background:#e6f4f2}.duel-cover img{width:100%;height:100%;object-fit:cover}.duel-cover i{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);padding:8px 11px;border-radius:99px;background:rgba(255,255,255,.9);color:#0d9189;font-style:normal;font-weight:900}.versus{font-size:28px;font-weight:900;color:#a87931;text-align:center}.duel-stage h2{margin:12px 0 2px}.duel-stage>article>span:not(.duel-letter){color:#71878a}.duel-stage .btn{margin-top:12px}.duel-stage .btn.selected{box-shadow:0 0 0 4px rgba(18,184,173,.12)}.duel-note{text-align:center;color:#748a8d;font-size:11px;margin-top:18px}

.messages-head{padding:24px 0}.messages-layout{display:grid;grid-template-columns:330px 1fr;min-height:560px;border:1px solid #dce6e4;border-radius:24px;overflow:hidden;background:white;box-shadow:0 13px 40px rgba(31,55,60,.05)}.conversation-list{padding:15px;border-right:1px solid #e1e9e7;overflow:auto}.conversation-list h3{margin:5px 7px 12px}.conversation-list>a{display:grid;grid-template-columns:45px 1fr auto;gap:9px;align-items:center;padding:10px;border-radius:13px;color:#274348}.conversation-list>a:hover{background:#f1f8f7}.conversation-list b,.conversation-list small{display:block}.conversation-list small{font-size:9px;color:#748a8d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-list i{min-width:21px;height:21px;border-radius:99px;background:var(--accent);color:white;display:grid;place-items:center;font-style:normal;font-size:9px}.message-welcome{display:grid;place-items:center;align-content:center;text-align:center;padding:35px}.message-welcome p{color:#6e8588;max-width:440px}.message-welcome form{display:flex;gap:8px;margin-top:10px}.message-disc{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 11%,#173f42 12% 20%,#2cc7bd 21% 22%,#1d4447 23%);color:white;font-size:24px}.thread-page{max-width:900px;margin:auto}.thread-head{position:sticky;top:80px;z-index:5;display:grid;grid-template-columns:auto 45px 1fr auto;gap:10px;align-items:center;padding:12px 15px;border:1px solid #dce6e4;border-radius:17px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.thread-head>a:first-child{font-size:24px;color:#55777a}.thread-head b,.thread-head span{display:block}.thread-head span{font-size:10px;color:#74898d}.thread-match{padding:7px 9px!important;border-radius:99px;background:#e8f8f6;color:#0d9189!important;font-weight:800}.message-stream{display:grid;gap:8px;padding:22px 8px;min-height:420px}.message-bubble{max-width:75%;padding:10px 12px;border-radius:17px;background:white;border:1px solid #dce6e4;box-shadow:0 5px 18px rgba(31,55,60,.035)}.message-bubble.mine{justify-self:end;background:#e9f8f6;border-color:#c8e9e4}.message-bubble.theirs{justify-self:start}.message-bubble>small{color:#758a8d;font-size:8px}.message-bubble p{margin:5px 0;color:#29454a;line-height:1.5}.message-attachment{display:flex;gap:8px;align-items:center;padding:8px;margin-top:6px;border-radius:12px;background:rgba(255,255,255,.7)}.message-attachment.track>div:first-child{width:44px;height:44px;border-radius:8px;overflow:hidden;background:#dcefed}.message-attachment.track img{width:100%;height:100%;object-fit:cover}.message-attachment.track>span{flex:1}.message-attachment small,.message-attachment b,.message-attachment span{display:block}.message-attachment button{border:0;background:#e5f6f3;color:#0d9189;border-radius:9px;padding:8px}.message-attachment.profile{color:#29454a}.message-attachment.profile>span,.message-attachment.playlist>span{font-size:23px}.message-composer{position:sticky;bottom:10px;padding:13px;border:1px solid #dce6e4;border-radius:18px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);box-shadow:0 14px 40px rgba(31,55,60,.09)}.message-composer>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.message-composer select{max-width:240px}.attach-profile-check{font-size:10px;color:#617a7d;padding:8px;border:1px solid #d5e1df;border-radius:10px;background:#f8fbfa}.attach-profile-check input{width:auto}.profile-social-zone{margin-top:28px}.song-drop-form{display:grid;grid-template-columns:1.2fr 1fr auto;gap:8px;padding:13px;margin-bottom:12px;border:1px solid #dce6e4;border-radius:16px;background:#f8fbfa}.song-drop-form[hidden]{display:none}.song-drop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.song-drop-card{padding:13px;border:1px solid #dce6e4;border-radius:18px;background:white}.song-drop-head{display:flex;gap:8px;align-items:center}.song-drop-head b,.song-drop-head small{display:block}.song-drop-head small{font-size:8px;color:#758a8d}.song-drop-track{display:grid;grid-template-columns:52px 1fr auto;gap:8px;align-items:center;margin-top:10px;padding:7px;border-radius:12px;background:#f1f8f7}.song-drop-track>img{width:52px;height:52px;border-radius:9px;object-fit:cover}.song-drop-track small,.song-drop-track b,.song-drop-track span{display:block}.song-drop-track small,.song-drop-track span{font-size:8px;color:#71878a}.song-drop-track button{border:0;background:white;color:#0d9189;border-radius:9px;padding:8px}.song-drop-card>p{font-size:11px;color:#587075;font-style:italic}.empty-soft{padding:22px;border:1px dashed #cedddb;border-radius:16px;background:#fafcfb;color:#71878a;text-align:center}

@media(max-width:1050px){.people-grid{grid-template-columns:repeat(3,1fr)}.community-hero{grid-template-columns:1fr}.community-week{max-width:700px}.song-drop-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.status-composer{grid-template-columns:1fr}.people-grid{grid-template-columns:repeat(2,1fr)}.split-community,.messages-layout{grid-template-columns:1fr}.conversation-list{border-right:0;border-bottom:1px solid #e1e9e7;max-height:300px}.group-grid{grid-template-columns:1fr}.duel-stage{grid-template-columns:1fr}.versus{padding:5px}.candidate-list>article{grid-template-columns:65px 1fr}.candidate-votes,.candidate-list .round-play{grid-column:2}.candidate-composer,.song-drop-form{grid-template-columns:1fr}.group-detail-hero,.list-detail-hero{grid-template-columns:1fr}.list-members{margin-left:8px}.thread-head{top:70px}.song-drop-grid{grid-template-columns:1fr}}
@media(max-width:600px){.community-page,.messages-page,.community-detail,.thread-page{padding-top:12px}.community-hero{padding:24px 18px}.community-hero h1,.messages-head h1,.community-detail h1{font-size:42px}.community-week{grid-template-columns:1fr 1fr}.community-tabs{margin-left:-4px;margin-right:-4px}.people-grid{grid-template-columns:1fr}.person-card{text-align:left;display:grid;grid-template-columns:58px 1fr;gap:8px}.person-card .avatar{margin:0}.person-card .match-ring{position:static;grid-row:1/3;grid-column:1}.person-card h3,.person-card>small,.person-card .mini-genres,.person-card .person-actions{grid-column:2}.mini-genres,.person-actions{justify-content:flex-start}.buddy-card{grid-template-columns:1fr}.buddy-disc{display:none}.group-grid article{grid-template-columns:48px 1fr}.group-grid article>form,.group-grid article>.btn{grid-column:2}.message-bubble{max-width:90%}.thread-match{display:none!important}.message-composer>div{display:grid}.message-composer select{max-width:none;width:100%}.status-cards>article{flex-basis:250px}}
.home-circle-callout{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center;margin:54px 0 18px;padding:32px;border-radius:28px;background:linear-gradient(135deg,#eefaf8,#fff7e8);border:1px solid #d9e8e4}.home-circle-callout h2{font-size:38px;letter-spacing:-.045em;margin:7px 0 10px;color:#1e383d}.home-circle-callout p{color:#647d80;line-height:1.7}.circle-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.circle-mini-grid article{padding:15px;border-radius:16px;background:white;border:1px solid #dfe8e6}.circle-mini-grid b,.circle-mini-grid span,.circle-mini-grid small{display:block}.circle-mini-grid b{font-size:25px;color:#0d9189}.circle-mini-grid span{font-weight:900;color:#29454a;margin-top:4px}.circle-mini-grid small{color:#74898d;margin-top:3px}@media(max-width:800px){.home-circle-callout{grid-template-columns:1fr}}@media(max-width:520px){.circle-mini-grid{grid-template-columns:1fr 1fr}.home-circle-callout{padding:22px 17px}.home-circle-callout h2{font-size:32px}}


/* ===== NEXT v1.5.1 — MaviÇevre kişi kartı düzeni ===== */
.people-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
.person-card{
  position:relative;
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  grid-template-areas:
    "avatar name"
    "avatar handle"
    "avatar genres"
    "actions actions";
  align-content:start;
  column-gap:16px;
  row-gap:4px;
  min-width:0;
  min-height:218px;
  padding:24px 22px 20px;
  padding-right:88px;
  text-align:left;
  overflow:hidden;
}
.person-card .avatar{
  grid-area:avatar;
  width:64px;
  height:64px;
  margin:0;
  align-self:start;
}
.person-card h3{
  grid-area:name;
  min-width:0;
  margin:5px 0 0;
  padding:0;
  font-size:21px;
  line-height:1.12;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}
.person-card>small{
  grid-area:handle;
  min-width:0;
  display:block;
  margin:0;
  color:#758b8e;
  font-size:12px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.person-card .mini-genres{
  grid-area:genres;
  min-width:0;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  gap:6px;
  flex-wrap:wrap;
  margin:10px 0 6px;
}
.person-card .mini-genres span{
  max-width:100%;
  padding:5px 8px;
  font-size:9px;
  line-height:1.2;
  white-space:normal;
  text-align:center;
}
.person-card .match-ring{
  position:absolute;
  top:16px;
  right:16px;
  width:62px;
  height:62px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  z-index:2;
}
.person-card .match-ring b{
  display:block;
  margin:0;
  font-size:19px;
  line-height:1;
}
.person-card .match-ring span{
  display:block;
  margin:3px 0 0;
  font-size:8px;
  line-height:1;
}
.person-card .person-actions{
  grid-area:actions;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:9px;
  width:100%;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #e6eeec;
}
.person-card .person-actions>a,
.person-card .person-actions>button,
.person-card .person-actions>form{
  width:100%;
  min-width:0;
  margin:0;
}
.person-card .person-actions form{
  display:block;
}
.person-card .person-actions .btn{
  width:100%;
  min-width:0;
  min-height:46px;
  padding:10px 12px;
  border-radius:14px;
  font-size:13px;
  line-height:1.15;
  text-align:center;
  white-space:normal;
  overflow-wrap:anywhere;
}
.person-card .person-actions .btn[disabled]{
  opacity:.72;
  cursor:default;
}

@media(max-width:1180px){
  .people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .people-grid{grid-template-columns:1fr}
  .person-card{
    grid-template-columns:60px minmax(0,1fr);
    min-height:0;
    padding:19px 18px 17px;
    padding-right:78px;
    column-gap:13px;
  }
  .person-card .avatar{width:56px;height:56px}
  .person-card h3{font-size:19px}
  .person-card .match-ring{width:56px;height:56px;top:14px;right:14px}
  .person-card .match-ring b{font-size:17px}
}
@media(max-width:430px){
  .person-card{
    grid-template-columns:52px minmax(0,1fr);
    padding-right:16px;
    grid-template-areas:
      "avatar name"
      "avatar handle"
      "badge genres"
      "actions actions";
  }
  .person-card .avatar{width:50px;height:50px}
  .person-card .match-ring{
    grid-area:badge;
    position:static;
    width:50px;
    height:50px;
    margin-top:8px;
  }
  .person-card .mini-genres{align-self:center;margin-top:8px}
  .person-card .person-actions{grid-template-columns:1fr}
}

/* ===== NEXT v1.5.2 — oynatıcı durumu, profil hizası, görsel güvenliği ===== */
[data-preview-src]{transition:.18s ease}
[data-preview-src].playing{box-shadow:0 0 0 3px rgba(18,184,173,.14);border-color:rgba(18,184,173,.48)!important}
.post-track button.playing,.song-drop-track button.playing,.social-track-mini button.playing,.message-attachment button.playing,.status-suggestions button.playing,.round-play.playing{background:var(--accent)!important;color:#fff!important}
.cover-play.playing>span,.top-avatar.playing>i,.group-top-scroll button.playing>span,.duel-track button.playing>i{background:#fff!important;color:#0d9189!important;box-shadow:0 8px 22px rgba(31,55,60,.14)}

.profile-cover{height:320px}
.profile-intro{
  display:grid;
  grid-template-columns:144px minmax(0,1fr) auto;
  gap:22px;
  align-items:start;
  margin:-72px 28px 0;
  position:relative;
  z-index:2;
}
.profile-intro>.avatar.xxl{width:138px;height:138px;border:6px solid #f7f4ed;box-shadow:0 10px 34px rgba(31,55,60,.14)}
.profile-main-info{min-width:0;padding:82px 0 0}
.profile-actions{align-self:start;padding:84px 0 0;display:flex;justify-content:flex-end;flex-wrap:wrap;max-width:390px}
.name-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.name-line h1{min-width:0;max-width:100%;font-size:38px;line-height:1.02;overflow-wrap:anywhere;color:#1e373c}
.profile-handle{display:block;margin-top:5px;font-size:12px!important;color:#6f8588!important;overflow-wrap:anywhere}
.verified-mark{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:linear-gradient(135deg,#19b9ae,#0c938b);color:#fff;font-size:14px;font-weight:1000;box-shadow:0 6px 16px rgba(13,145,137,.22);flex:0 0 auto}
.verified-label,.artist-label{display:inline-flex;align-items:center;min-height:26px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;line-height:1;border:1px solid #cce7e3;background:#eef9f7;color:#147f78;white-space:nowrap}
.artist-label{background:#f4f7f6;color:#607a7d;border-color:#dbe5e3}
.profile-media-note{display:inline-flex;margin-top:12px;padding:8px 10px;border-radius:11px;background:#fff5dc;border:1px solid #efdcae;color:#84621e;font-size:10px;line-height:1.45}
.profile-genres{margin-top:28px}

.media-pending-box{margin-top:12px;padding:18px;border:1px dashed #c9dad7;border-radius:16px;background:#f7faf9;text-align:center;color:#6f8588}
.media-pending-box b,.media-pending-box span{display:block}.media-pending-box b{color:#2a464a;font-size:12px}.media-pending-box span{font-size:10px;margin-top:4px}

.media-admin-list{margin-bottom:24px}.media-admin-list .section-head p{color:#6f8588;max-width:700px;line-height:1.6}
.media-moderation-row{display:grid;grid-template-columns:190px minmax(0,1fr) minmax(300px,.9fr);gap:18px;align-items:center;padding:16px 0;border-top:1px solid #e3ebe9}
.media-review-image{width:190px;aspect-ratio:16/10;border-radius:15px;overflow:hidden;background:#edf3f2;border:1px solid #dbe5e3}
.media-review-image img{width:100%;height:100%;object-fit:cover}
.media-review-copy{min-width:0}.media-review-copy h3{margin:6px 0;font-size:17px;color:#203a3f;overflow-wrap:anywhere}.media-review-copy h3 small{font-size:10px;color:#748a8d;font-weight:600}.media-review-copy p{margin:6px 0;color:#667f82;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.media-review-copy>small{color:#839497;font-size:9px}.media-type{display:inline-flex;padding:5px 8px;border-radius:99px;background:#eef8f6;color:#147e77;font-size:9px;font-weight:900}
.media-moderation-row form{display:grid;grid-template-columns:1fr 1fr;gap:7px}.media-moderation-row form input{grid-column:1/-1;width:100%;border:1px solid #cfddda;border-radius:11px;background:#fbfcfa;color:#20393e;padding:10px 11px}.media-moderation-row form button{border:0;border-radius:11px;padding:10px;font-weight:900}.media-moderation-row .approve{background:#e7f8ef;color:#18764f}.media-moderation-row .reject{background:#fff0f1;color:#b84557}
.admin-stats{grid-template-columns:repeat(5,1fr)}

@media(max-width:980px){
  .profile-intro{grid-template-columns:126px minmax(0,1fr);margin-left:20px;margin-right:20px}
  .profile-intro>.avatar.xxl{width:120px;height:120px}
  .profile-main-info{padding-top:78px}
  .profile-actions{grid-column:1/-1;padding:6px 0 0;justify-content:flex-start;max-width:none}
  .media-moderation-row{grid-template-columns:150px minmax(0,1fr)}
  .media-review-image{width:150px}.media-moderation-row form{grid-column:1/-1}
  .admin-stats{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
  .profile-cover{height:220px;border-radius:22px}
  .profile-intro{grid-template-columns:94px minmax(0,1fr);gap:13px;margin:-50px 12px 0}
  .profile-intro>.avatar.xxl{width:92px;height:92px;border-width:5px}
  .profile-main-info{padding-top:57px}
  .profile-actions{grid-column:1/-1;padding-top:5px}
  .name-line h1{font-size:29px}
  .verified-mark{width:22px;height:22px;font-size:12px}.verified-label,.artist-label{font-size:9px;min-height:23px}
  .profile-genres{margin-top:20px}
  .media-moderation-row{grid-template-columns:1fr}.media-review-image{width:100%;max-height:260px}.media-moderation-row form{grid-column:auto}.admin-stats{grid-template-columns:1fr 1fr}
}
.composer-safety,.upload-safety-note{margin:9px 0 0;padding:9px 11px;border-radius:11px;background:#fff8e7;border:1px solid #ecdcae;color:#806326;font-size:9px;line-height:1.5}.upload-safety-note{font-size:10px;margin:0 0 12px}.track-mod-cover{width:72px;height:72px;object-fit:cover;border-radius:12px;border:1px solid #dbe5e3}.moderation-row:has(.track-mod-cover){grid-template-columns:72px minmax(0,1fr) minmax(220px,.8fr) minmax(300px,1fr)}
@media(max-width:1050px){.moderation-row:has(.track-mod-cover){grid-template-columns:72px 1fr}.moderation-row:has(.track-mod-cover) audio,.moderation-row:has(.track-mod-cover) form{grid-column:1/-1}}

/* ===== NEXT v1.5.3 — sosyal etkileşim, şikayet, bildirim, profil bandı ===== */
:root{
  --danger:#e64c61;
  --danger-soft:#fff0f3;
  --amber:#d98b24;
  --blue:#3d7bd9;
}

/* Profil: avatar + kimlik + aksiyonlar kapağın üzerinde tek bant */
.profile-cover{height:340px;isolation:isolate}
.profile-cover .profile-shade{background:linear-gradient(0deg,rgba(16,35,39,.42),rgba(16,35,39,.04) 60%)}
.profile-intro{
  display:grid;
  grid-template-columns:142px minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  margin:-98px 28px 0;
  padding:18px 20px;
  min-height:154px;
  border-radius:24px;
  background:linear-gradient(110deg,rgba(12,145,137,.94),rgba(38,103,132,.91));
  border:1px solid rgba(255,255,255,.42);
  box-shadow:0 20px 46px rgba(31,55,60,.18);
  backdrop-filter:blur(16px);
  color:#fff;
  overflow:visible;
}
.profile-avatar-wrap{position:relative;width:142px;align-self:center}
.profile-intro .avatar.xxl,
.profile-intro>.avatar.xxl{
  width:132px;height:132px;
  border:5px solid rgba(255,255,255,.96);
  box-shadow:0 14px 30px rgba(20,48,54,.25);
  background:#e5f4f2;color:#126d69;
}
.profile-main-info{padding:0!important;color:#fff;align-self:center;min-width:0}
.name-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.name-line h1{font-size:38px;line-height:1.04;color:#fff;margin:0;overflow-wrap:anywhere}
.profile-handle,.profile-main-info>.profile-handle{display:block;margin-top:4px;color:rgba(255,255,255,.82)!important;font-size:12px!important}
.profile-main-info .tagline{margin:7px 0;color:rgba(255,255,255,.88);font-size:12px;line-height:1.45;max-width:720px}
.profile-stats{display:flex;gap:22px;flex-wrap:wrap;margin-top:9px}
.profile-stats b{color:#fff;font-size:16px}
.profile-stats span{color:rgba(255,255,255,.72);font-size:8px}
.profile-stats .taste b{color:#d5fffb}
.verified-mark{
  display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;
  background:#fff;color:#0a9289;box-shadow:0 5px 14px rgba(4,55,62,.18)
}
.verified-mark svg{width:15px;height:15px}
.verified-label,.artist-label{
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);
  color:#fff;backdrop-filter:blur(8px)
}
.profile-actions{padding:0!important;align-self:center;max-width:440px;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.profile-actions .inline-social-form{display:inline-flex}
.profile-actions .banner-btn{
  min-height:44px;padding:10px 15px;border-radius:14px;
  border:1px solid rgba(255,255,255,.50);
  background:rgba(255,255,255,.94);color:#1e454a;
  box-shadow:0 7px 18px rgba(13,64,72,.10);font-weight:900
}
.profile-actions .banner-btn:hover{transform:translateY(-1px);background:#fff}
.profile-actions .banner-btn.active,.profile-actions .banner-btn.emphasis{background:#103f48;color:#fff;border-color:rgba(255,255,255,.25)}
.profile-actions .danger-soft{background:rgba(255,244,246,.96);color:#bd3f52;border-color:rgba(255,214,220,.8)}
.profile-genres{margin:20px 28px 0}
.profile-genres span{background:#fff;border:1px solid #d4e2df;color:#587377}
.profile-avatar-wrap .avatar-report-btn{
  position:absolute;right:6px;bottom:4px;width:32px;height:32px;border-radius:50%;
  display:grid;place-items:center;border:2px solid #fff;background:#fff;color:#a94a58;
  box-shadow:0 6px 16px rgba(31,55,60,.18);cursor:pointer
}
.profile-avatar-wrap .avatar-report-btn svg{width:14px;height:14px}
.cover-report-btn{
  position:absolute;right:18px;top:18px;z-index:3;display:flex;align-items:center;gap:6px;
  border:1px solid rgba(255,255,255,.65);border-radius:12px;padding:8px 11px;
  background:rgba(255,255,255,.88);color:#7d4b52;font-weight:800;font-size:9px;
  backdrop-filter:blur(8px);cursor:pointer
}
.cover-report-btn svg{width:14px;height:14px}
.profile-posts-section{max-width:820px;margin-left:auto;margin-right:auto}
.profile-post-stream{display:grid;gap:14px}
.profile-post-stream .post-card{width:100%}

/* Oynatıcı: her yerde net play/pause ikonları */
[data-preview-src] svg,.big-play svg,.cover-play svg,.round-play svg{width:20px;height:20px;display:block}
[data-preview-src].playing svg{animation:mkPlayerPulse 1.3s ease-in-out infinite}
@keyframes mkPlayerPulse{0%,100%{transform:scale(1)}50%{transform:scale(.92)}}
.player-symbol{display:grid;place-items:center}
.cover-play .player-symbol svg,.top-avatar>i svg{width:22px;height:22px}
.post-track [data-preview-src],.song-drop-track [data-preview-src],.message-attachment [data-preview-src]{
  display:inline-flex;align-items:center;justify-content:center;gap:6px
}

/* Akış etkileşimleri */
.post-actions{display:flex;align-items:center;gap:9px;margin-top:12px;padding-top:10px;border-top:1px solid #e4ecea}
.post-action{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-width:52px;height:38px;padding:0 12px;border-radius:999px;
  background:#f5f8f7;border:1px solid #dbe5e3;color:#637d81;
  font-size:11px;font-weight:850;cursor:pointer;transition:.18s ease
}
.post-action svg{width:18px;height:18px}
.post-action:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(31,55,60,.08)}
.post-action.like-action:hover{color:#df465d;background:#fff1f3;border-color:#f2c6cd}
.post-action.like-action.active{color:#e33e57;background:#fff0f3;border-color:#f1bdc6}
.post-action.like-action.active svg path{fill:currentColor;stroke:currentColor}
.post-action.comment-action:hover{color:#0d9189;background:#eaf8f6;border-color:#b9e1dd}
.post-action.repost-action:hover,.post-action.repost-action.active{color:#bc741b;background:#fff7e8;border-color:#efd3a7}
[data-tip]{position:relative}
[data-tip]::after{
  content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);
  transform:translate(-50%,5px);z-index:40;pointer-events:none;opacity:0;
  white-space:nowrap;padding:6px 8px;border-radius:8px;background:#203d42;color:#fff;
  font-size:9px;font-weight:750;box-shadow:0 6px 18px rgba(20,43,48,.18);
  transition:.14s ease
}
[data-tip]:hover::after{opacity:1;transform:translate(-50%,0)}
.post-report-menu{
  margin-left:auto;width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;
  background:transparent;color:#829597;cursor:pointer
}
.post-report-menu:hover,.post-image-report:hover{background:#fff0f2;color:#c83f54}
.post-report-menu svg,.post-image-report svg{width:16px;height:16px}
.post-image-wrap{position:relative}
.post-image-report{
  position:absolute;right:10px;top:10px;width:34px;height:34px;border:1px solid rgba(255,255,255,.75);
  border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.88);color:#7d5960;
  box-shadow:0 4px 12px rgba(31,55,60,.12);cursor:pointer
}

/* Şikayet modalı */
.report-modal-backdrop{
  position:fixed;inset:0;z-index:10000;background:rgba(27,47,52,.42);backdrop-filter:blur(5px);
  display:grid;place-items:center;padding:20px
}
.report-modal{
  width:min(100%,520px);background:#fff;border:1px solid #d9e4e1;border-radius:24px;
  box-shadow:0 28px 90px rgba(31,55,60,.26);padding:24px
}
.report-modal h3{font-size:25px;margin:5px 0 7px;color:#203a3f}
.report-modal>p{color:#71878a;line-height:1.55;font-size:11px}
.report-modal label{display:grid;gap:5px;margin:12px 0;color:#4c676b;font-size:10px;font-weight:800}
.report-modal select,.report-modal textarea{width:100%;border:1px solid #cfdeda;background:#fbfdfc;border-radius:12px;padding:11px;color:#243f44}
.report-modal textarea{min-height:95px;resize:vertical}
.report-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}

/* Bildirimler */
.nav-notification-link{position:relative;display:grid!important;place-items:center;width:38px;height:38px;padding:0!important;border-radius:50%}
.nav-notification-link svg{width:20px;height:20px}
.nav-notification-link>i{
  position:absolute;right:-4px;top:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;
  display:grid;place-items:center;background:#e64960;color:#fff;border:2px solid #fff;
  font-size:8px;font-style:normal;font-weight:900
}
.notifications-page{max-width:850px;margin:0 auto;padding:36px 0 70px}
.notifications-hero h1{font-size:48px;letter-spacing:-.05em;margin:7px 0 8px}
.notifications-hero p{color:#70868a}
.notification-list{display:grid;gap:10px;margin-top:22px}
.notification-card{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;
  padding:15px 17px;border:1px solid #dbe5e3;border-radius:18px;background:#fff;
  box-shadow:0 8px 26px rgba(31,55,60,.05)
}
.notification-card.unread{border-left:4px solid #12b8ad;background:#f4fbfa}
.notification-copy small{font-size:8px;color:#859699}
.notification-copy p{margin:3px 0 6px;color:#304d52;font-size:12px;line-height:1.45}
.notification-link{font-size:9px;font-weight:900;color:#0b9189}
.notification-type-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eff8f6;color:#0b9189}
.notification-type-icon svg{width:17px;height:17px}
.notification-friend-actions{display:flex;gap:7px;margin-top:8px}

/* İnsan Radarı: boş kart yerine kimlik + müzik DNA + aktivite */
.home-people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.home-person-card{
  min-height:285px;padding:18px;display:flex;flex-direction:column;border:1px solid #d6e2df;
  border-radius:24px;background:linear-gradient(160deg,#fff 62%,#f1faf8);
  box-shadow:0 16px 38px rgba(31,55,60,.07);overflow:hidden
}
.home-person-top{display:flex;justify-content:space-between;align-items:start}
.home-person-card .avatar.lg{width:66px;height:66px}
.home-match{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#e8faf7;border:1px solid #bfe6e1;color:#0b9189}
.home-match b,.home-match span{display:block}.home-match b{font-size:17px}.home-match span{font-size:7px}
.home-person-name{margin-top:12px}.home-person-name h3{font-size:19px;margin:0;color:#203b40}
.home-person-name span{display:block;margin-top:3px;color:#7b8e91;font-size:9px}
.mini-verified{display:inline-grid;place-items:center;margin-left:4px;width:17px;height:17px;border-radius:50%;background:#12b8ad;color:#fff;font-style:normal;font-size:9px}
.home-person-card>p{font-size:10px;line-height:1.55;color:#6c8386;margin:10px 0}
.home-person-genres{display:flex;gap:5px;flex-wrap:wrap}
.home-person-genres span{padding:5px 7px;border-radius:999px;background:#eef5f4;color:#557276;font-size:8px}
.home-person-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0 12px}
.home-person-stats div{padding:8px;border-radius:12px;background:#f7faf9;text-align:center}
.home-person-stats b,.home-person-stats span{display:block}.home-person-stats b{font-size:14px;color:#28484d}.home-person-stats span{font-size:7px;color:#829497;margin-top:2px}
.home-person-cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #e6edeb;color:#0d9189;font-size:10px;font-weight:900}

/* Çevrem sekmeleri doğru bölüme insin */
.community-anchor{height:1px;scroll-margin-top:96px}

/* Admin 50+ rapor kuyruğu */
.report-review-row{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 0;border-top:1px solid #e3ebe9}
.report-count{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;text-align:center;background:#fff0f2;color:#c44054}
.report-count b,.report-count span{display:block}.report-count b{font-size:22px}.report-count span{font-size:8px}
.report-review-copy{min-width:0}.report-review-copy h3{font-size:16px;margin:5px 0;color:#263f44;overflow-wrap:anywhere}.report-review-copy small{color:#788d90}
.report-type{display:inline-flex;padding:5px 7px;border-radius:999px;background:#eef7f5;color:#0d887f;font-size:8px;font-weight:900}
.report-reasons{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.report-reasons span{padding:5px 7px;border-radius:999px;background:#fff7e8;color:#93611e;font-size:8px}
.report-review-row form{display:flex;gap:7px}.report-review-row form button{border:0;border-radius:11px;padding:10px 12px;font-weight:900;cursor:pointer}
.report-review-row .dismiss{background:#eef3f2;color:#61777a}.report-review-row .action{background:#fff0f2;color:#bd4053}

/* Artık görsel ön-onay kuyruğu yok */
.media-admin-list,.media-pending-box{display:none!important}

@media(max-width:1050px){
 .profile-intro{grid-template-columns:122px minmax(0,1fr);margin:-88px 18px 0;padding:16px}
 .profile-avatar-wrap{width:122px}.profile-intro .avatar.xxl{width:116px;height:116px}
 .profile-actions{grid-column:1/-1;justify-content:flex-start;max-width:none}
 .home-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .report-review-row{grid-template-columns:72px minmax(0,1fr)}.report-review-row form{grid-column:1/-1}
}
@media(max-width:720px){
 .profile-cover{height:240px}
 .profile-intro{grid-template-columns:82px minmax(0,1fr);gap:12px;margin:-70px 10px 0;border-radius:18px;padding:13px}
 .profile-avatar-wrap{width:82px}.profile-intro .avatar.xxl{width:78px;height:78px;border-width:4px}
 .name-line h1{font-size:27px}.verified-label{display:none}
 .profile-main-info .tagline{font-size:10px}.profile-stats{gap:13px}
 .profile-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%}
 .profile-actions .banner-btn,.profile-actions .inline-social-form,.profile-actions .inline-social-form .banner-btn{width:100%}
 .profile-genres{margin-left:10px;margin-right:10px}
 .cover-report-btn span{display:none}.cover-report-btn{width:36px;height:36px;padding:0;display:grid;place-items:center}
 .home-people-grid{grid-template-columns:1fr}.home-person-card{min-height:255px}
 .notification-card{grid-template-columns:auto minmax(0,1fr)}.notification-type-icon{display:none}
 .notifications-hero h1{font-size:36px}
 .report-review-row{grid-template-columns:1fr}.report-count{width:auto;height:auto;padding:8px 12px;display:flex;gap:5px;justify-content:flex-start}.report-review-row form{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}
 [data-tip]::after{display:none}
}


/* ===== NEXT v1.5.4 — profil galerisi, görüntülenme, modern aksiyonlar ===== */
/* Şikayet penceresi */
.report-modal{position:relative;padding:28px;border-radius:26px;overflow:hidden}
.report-close{position:absolute;right:16px;top:16px;width:36px;height:36px;border:1px solid #dce7e5;border-radius:50%;background:#f7faf9;color:#667e82;font-size:20px;line-height:1;cursor:pointer}
.report-close:hover{background:#edf6f4;color:#183b40}
.report-field{display:grid;gap:7px;margin-top:15px!important}
.report-field>span{font-size:11px;font-weight:900;color:#36565b}.report-field small{font-weight:600;color:#8ba0a3}
.report-modal select,.report-modal textarea{font-size:15px;padding:13px 14px;border-radius:14px;background:#fbfdfc}
.report-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.report-cancel,.report-submit{height:44px;border-radius:13px;padding:0 17px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.report-cancel{border:1px solid #d9e4e2;background:#fff;color:#657c80}
.report-submit{border:0;background:linear-gradient(135deg,#e84f62,#cf3e55);color:#fff;box-shadow:0 10px 24px rgba(221,68,88,.18)}
.report-submit svg{width:17px;height:17px}.report-submit:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(221,68,88,.24)}

/* Keşfet oynatıcı */
.big-play{width:102px;height:48px;border-radius:999px;background:rgba(255,255,255,.94);color:#0b8e87;border:1px solid rgba(12,145,137,.24);box-shadow:0 12px 34px rgba(19,64,72,.18);display:flex;align-items:center;justify-content:flex-start;padding:0 14px;gap:8px;backdrop-filter:blur(12px);cursor:pointer;transition:.18s ease}
.big-play::after{content:"30 SN";font-size:10px;font-weight:950;letter-spacing:.08em;color:#345f63}
.big-play svg{width:23px!important;height:23px!important}.big-play:hover{transform:translate(-50%,-50%) scale(1.04);box-shadow:0 15px 38px rgba(19,64,72,.25)}
.big-play.playing{background:#103f48;color:#fff;border-color:#103f48}.big-play.playing::after{content:"DURAKLAT";color:#fff;font-size:8px}

/* Profil aksiyonları: daha küçük ve ürün hissi yüksek */
.profile-actions{gap:7px;max-width:520px}
.profile-actions .banner-btn{min-height:36px;padding:7px 11px;border-radius:11px;font-size:10px;box-shadow:0 5px 14px rgba(13,64,72,.08)}
.profile-actions .banner-btn.emphasis{background:#103f48}.profile-actions .banner-btn.request-pending{background:#fff7e8;color:#9a681e;border-color:#f0d5a8}
.profile-actions .danger-soft{background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.34)}
.profile-actions .danger-soft svg{width:14px;height:14px}.profile-actions .danger-soft:hover{background:#fff0f3;color:#c33f54;border-color:#f2c7cf}

/* Profil gönderileri: iki sütunlu, daha minimal */
.profile-posts-section{max-width:none;margin-left:28px;margin-right:28px}
.profile-post-stream{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.profile-post-stream .post-card{width:100%;padding:16px;border-radius:20px;box-shadow:0 8px 26px rgba(31,55,60,.05)}
.profile-post-stream .post-body{font-size:12px;line-height:1.55;margin:9px 0}
.profile-post-stream .post-image{max-height:285px;object-fit:cover}
.profile-post-stream .comment-preview{display:none}.profile-post-stream .comment-line{margin-top:8px}
.profile-post-stream .post-track{padding:9px}.profile-post-stream .post-actions{margin-top:8px;padding-top:8px}

/* Gönderi görüntülenmesi ve görsel büyütme */
.post-action.view-action{margin-left:auto;color:#3977bf;background:#f2f7fd;border-color:#d8e6f7;cursor:default}
.post-action.view-action:hover{transform:none;box-shadow:none}.post-action.view-action svg{width:18px;height:18px}
.post-image{cursor:zoom-in;transition:filter .15s ease}.post-image:hover{filter:brightness(.97)}
.image-viewer{position:fixed;inset:0;z-index:12000;background:rgba(12,27,31,.82);backdrop-filter:blur(8px);display:grid;place-items:center;padding:34px}
.image-viewer-frame{max-width:min(1200px,92vw);max-height:88vh;display:grid;place-items:center}
.image-viewer-frame img{max-width:100%;max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:18px;box-shadow:0 30px 100px rgba(0,0,0,.35)}
.image-viewer-close{position:fixed;right:24px;top:20px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;font-size:25px;cursor:pointer;backdrop-filter:blur(10px)}

/* Maksimum 5 fotoğraflık profil galerisi */
.profile-gallery-section{margin:22px 28px 0;padding:20px;border-radius:24px;background:#fff;border:1px solid #d9e4e2;box-shadow:0 12px 34px rgba(31,55,60,.05)}
.profile-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:14px}.profile-gallery-head h2{margin:4px 0 0;font-size:24px}.profile-gallery-head a{font-size:10px;font-weight:900;color:#0b9189}
.profile-gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.profile-gallery-item{aspect-ratio:1;border:0;padding:0;border-radius:16px;overflow:hidden;background:#edf5f3;cursor:zoom-in}.profile-gallery-item img{width:100%;height:100%;object-fit:cover;transition:.18s}.profile-gallery-item:hover img{transform:scale(1.025)}
.gallery-editor-card{max-width:900px;margin-top:18px}.gallery-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.gallery-editor-head h2{margin:4px 0 5px}.gallery-editor-head p{margin:0;color:#71878a;line-height:1.6;font-size:11px}.gallery-counter{display:grid;place-items:center;min-width:58px;height:42px;border-radius:13px;background:#eef8f6;color:#0b9189;font-weight:950}
.gallery-upload-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:18px 0}.gallery-file{min-height:64px}.btn.compact{min-height:40px;padding:9px 14px;border-radius:12px}
.gallery-editor-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}.gallery-editor-item{background:#f8fbfa;border:1px solid #dce7e5;border-radius:16px;overflow:hidden}.gallery-editor-item>img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.gallery-item-actions{display:grid;gap:4px;padding:7px}.gallery-item-actions button{border:0;border-radius:8px;background:#eef6f4;color:#355c60;padding:7px 5px;font-size:8px;font-weight:900;cursor:pointer}.gallery-item-actions .danger-link{background:#fff1f3;color:#bd4658}.gallery-empty{grid-column:1/-1}.animated-avatar-form{margin-top:16px;padding:14px;border-radius:16px;background:#f2f9f8;border:1px solid #d7e8e5;display:grid;grid-template-columns:minmax(180px,1fr) 150px 150px auto;gap:9px;align-items:center}.animated-avatar-form b,.animated-avatar-form span{display:block}.animated-avatar-form b{font-size:11px}.animated-avatar-form span{font-size:9px;color:#71878a;margin-top:3px}.animated-avatar-form select{padding:10px;border-radius:11px;border:1px solid #d4e2df;background:#fff}.animation-off-form{margin-top:9px}

/* İki galeri karesinden hareketli avatar */
.animated-avatar{position:relative;display:block;width:100%;height:100%}.animated-avatar .avatar-frame{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover}.animated-avatar .avatar-frame-b{opacity:0;animation:mkAvatarCrossfade 6s ease-in-out infinite}.animated-avatar .avatar-frame-a{animation:mkAvatarBase 6s ease-in-out infinite}
@keyframes mkAvatarCrossfade{0%,38%,100%{opacity:0}48%,88%{opacity:1}}@keyframes mkAvatarBase{0%,38%,100%{opacity:1}48%,88%{opacity:.08}}

@media(max-width:980px){.profile-post-stream{grid-template-columns:1fr}.profile-gallery-grid,.gallery-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.animated-avatar-form{grid-template-columns:1fr 1fr}.animated-avatar-form>div{grid-column:1/-1}.profile-posts-section{margin-left:18px;margin-right:18px}}
@media(max-width:620px){.report-modal{padding:22px 16px}.report-modal-actions{display:grid;grid-template-columns:1fr 1fr}.profile-actions .banner-btn{font-size:9px;min-height:34px;padding:7px 9px}.profile-gallery-section{margin:18px 10px 0;padding:14px}.profile-gallery-grid,.gallery-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-upload-form{grid-template-columns:1fr}.animated-avatar-form{grid-template-columns:1fr}.profile-posts-section{margin-left:10px;margin-right:10px}.image-viewer{padding:16px}.image-viewer-close{right:12px;top:12px}}

/* ===== NEXT v1.5.5 — yorumlar, profil akışı, mesaj deneyimi ===== */
/* Yorumlar: açık temada yüksek kontrast + kullanıcı kimliği */
.comment-preview{display:grid!important;gap:8px;margin:10px 0 2px;padding:10px 0 0;border-top:1px solid #edf1f0}
.comment-item{display:grid!important;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:start;padding:2px 0}
.comment-avatar{width:32px!important;height:32px!important;border:1px solid #dce7e5;background:#eef7f5}
.comment-copy{min-width:0}
.comment-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:2px}
.comment-meta>a{display:flex;align-items:baseline;gap:5px;min-width:0}
.comment-meta b{color:#203d42!important;font-size:10px;font-weight:900;white-space:nowrap}
.comment-meta span{color:#789094!important;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.comment-meta time{color:#9aabaa;font-size:7px;white-space:nowrap}
.comment-copy p{margin:0!important;color:#354f54!important;font-size:10px!important;line-height:1.5!important;overflow-wrap:anywhere}
.comment-more{padding-left:41px;color:#7d9295;font-size:8px;font-weight:700}
.comment-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:10px}
.comment-line input{background:#fbfcfb!important;color:#233e43!important;border-color:#d2dfdc!important;padding:10px 12px!important;font-size:10px!important}
.comment-line button{min-height:38px;padding:0 15px!important;border-radius:12px!important;background:linear-gradient(135deg,#12b8ad,#0d9991)!important;color:#fff!important;font-size:9px!important;box-shadow:0 8px 18px rgba(13,145,137,.14)}
.profile-post-stream .comment-preview{display:grid!important}

/* İnsan Radarı uyum rozeti tam ortalama */
.home-match,.person-card .match-ring{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:2px!important}
.home-match b,.person-card .match-ring b{display:block!important;margin:0!important;line-height:1!important}
.home-match span,.person-card .match-ring span{display:block!important;margin:2px 0 0!important;line-height:1!important}

/* Profil üzerinden X/Instagram benzeri hızlı paylaşım */
.profile-stream-head{margin-bottom:14px}
.profile-quick-composer{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:start;margin:0 0 18px;padding:16px 18px;border:1px solid #dce6e4;border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(31,55,60,.055)}
.profile-quick-avatar{width:46px!important;height:46px!important}
.profile-quick-composer form{min-width:0}
.profile-quick-composer textarea{width:100%;min-height:64px;resize:vertical;border:0;border-bottom:1px solid #e6ecea;background:transparent;color:#203c41;padding:8px 2px 12px;outline:0;font-size:14px;line-height:1.55}
.profile-quick-composer textarea::placeholder{color:#91a1a3}
.profile-quick-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px}
.profile-quick-tools select{max-width:190px;border:1px solid #d7e3e0;border-radius:999px;background:#f8fbfa;color:#4c686c;padding:8px 11px;font-size:9px}
.profile-media-pill{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #d5e3e0;border-radius:999px;background:#f3faf8;color:#0d9189;font-size:9px;font-weight:850;cursor:pointer;overflow:hidden}
.profile-media-pill input{position:absolute;inset:0;opacity:0;cursor:pointer}
.profile-share-btn{margin-left:auto;border:0;border-radius:999px;padding:9px 18px;background:linear-gradient(135deg,#12b8ad,#0d9991);color:#fff;font-size:10px;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(13,145,137,.17)}

/* Profil gönderilerini daha hafif bir sosyal timeline haline getir */
.profile-posts-section{max-width:980px!important;margin-left:auto!important;margin-right:auto!important;padding-top:42px}
.profile-post-stream{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;max-width:900px;margin:0 auto}
.profile-post-stream .post-card{padding:15px 17px!important;border-radius:18px!important;border:1px solid #e0e8e6!important;box-shadow:0 6px 18px rgba(31,55,60,.035)!important;background:#fff!important}
.profile-post-stream .post-head{margin-bottom:8px}
.profile-post-stream .post-body{font-size:13px!important;line-height:1.6!important;margin:8px 0 11px!important;color:#2b464b!important}
.profile-post-stream .post-image-wrap{border-radius:16px;overflow:hidden;background:#eef3f2}
.profile-post-stream .post-image{width:100%;max-height:440px!important;object-fit:contain!important;background:#f4f7f6}
.profile-post-stream .post-actions{margin-top:10px!important;padding-top:9px!important}
.profile-post-stream .post-action{height:34px;min-width:46px;padding:0 10px}

/* Modern mesaj sayfası */
.thread-page{max-width:980px;margin:20px auto 70px}
.thread-head{top:86px;padding:12px 16px;border-radius:20px;box-shadow:0 8px 24px rgba(31,55,60,.06)}
.thread-back{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f2f7f6;color:#48676b!important;font-size:19px!important}
.thread-person{min-width:0}.thread-person b{font-size:13px}.thread-person span{font-size:9px!important}
.message-stream{display:grid;gap:6px;min-height:480px;padding:28px 18px 110px;margin-top:12px;border-radius:26px;background:linear-gradient(180deg,#f6faf9,#fbfbf8);border:1px solid #e2e9e7}
.message-row{display:flex;width:100%}.message-row.mine{justify-content:flex-end}.message-row.theirs{justify-content:flex-start}
.message-bubble{position:relative;max-width:min(72%,590px);padding:10px 13px 7px!important;border:0!important;border-radius:18px!important;box-shadow:0 5px 16px rgba(31,55,60,.055)!important}
.message-bubble.mine{background:linear-gradient(135deg,#17b9ae,#0d9991)!important;color:#fff!important;border-bottom-right-radius:6px!important}
.message-bubble.theirs{background:#fff!important;color:#29454a!important;border:1px solid #e0e8e6!important;border-bottom-left-radius:6px!important}
.message-bubble p{margin:0 0 5px!important;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.message-bubble.mine p{color:#fff!important}.message-bubble.theirs p{color:#29454a!important}
.message-meta{display:flex;justify-content:flex-end;gap:5px;margin-top:4px;font-size:7px;line-height:1}
.message-bubble.mine .message-meta{color:rgba(255,255,255,.72)}.message-bubble.theirs .message-meta{color:#91a2a4}
.message-attachment{margin-top:8px!important;border-radius:14px!important}.message-bubble.mine .message-attachment{background:rgba(255,255,255,.16)!important;color:#fff}.message-bubble.mine .message-attachment small{color:rgba(255,255,255,.76)}
.modern-message-composer{position:sticky;bottom:12px;z-index:8;margin:-78px 16px 0;padding:10px 12px 9px!important;border-radius:22px!important;border:1px solid #d9e4e1!important;background:rgba(255,255,255,.97)!important;box-shadow:0 16px 45px rgba(31,55,60,.13)!important}
.message-compose-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:9px!important;align-items:end!important}
.message-compose-main textarea{min-height:44px;max-height:130px;resize:none;border:0!important;background:#f5f8f7!important;color:#263f44!important;border-radius:16px!important;padding:12px 14px!important;line-height:1.4;outline:0}
.message-send-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:96px;height:44px;border:0;border-radius:15px;background:linear-gradient(135deg,#12b8ad,#0d9991);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(13,145,137,.18)}
.message-send-btn svg{width:18px;height:18px}.message-send-btn span{font-size:9px}
.message-compose-tools{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;padding:8px 2px 0}
.message-compose-tools select{width:auto!important;max-width:210px!important;padding:7px 10px!important;border-radius:999px!important;background:#f8fbfa!important;font-size:8px!important;color:#5b7478!important}
.message-compose-tools .attach-profile-check{padding:7px 9px;border-radius:999px;background:#f8fbfa;font-size:8px}

@media(max-width:720px){
 .profile-quick-composer{grid-template-columns:38px minmax(0,1fr);padding:13px}.profile-quick-avatar{width:38px!important;height:38px!important}.profile-quick-tools select{max-width:140px}.profile-share-btn{width:100%;margin-left:0}
 .message-stream{padding:20px 9px 115px}.message-bubble{max-width:88%}.modern-message-composer{margin:-82px 8px 0}.message-compose-main{grid-template-columns:1fr auto}.message-send-btn{min-width:44px;width:44px}.message-send-btn span{display:none}.message-compose-tools{display:grid!important;grid-template-columns:1fr 1fr}.message-compose-tools select{max-width:none!important;width:100%!important}.message-compose-tools .attach-profile-check{grid-column:1/-1}
 .comment-meta{align-items:flex-start}.comment-meta>a{display:grid;gap:0}.comment-meta time{padding-top:2px}
}


/* ===== NEXT v1.5.6 — marka kabuğu, sol navigasyon, sosyal sağ ray, mesaj listesi, bilgi sayfaları ===== */
:root{--mk-cream:#f7f4ed;--mk-white:#fff;--mk-ink:#203b40;--mk-muted:#71898d;--mk-teal:#14a6a0;--mk-teal-dark:#0b837d;--mk-line:#dce7e4;--mk-soft:#eff7f5;--mk-blue:#4d83d8}
body{overflow-x:hidden}
.brand{gap:9px}.brand i{display:none!important}.brand-mark{width:39px;height:39px;object-fit:contain;flex:0 0 auto}.brand span{color:#223e43}.brand span b{color:var(--mk-teal)}
.site-header{width:min(1580px,97vw);height:72px;border-bottom:0;margin-bottom:8px;padding:0 14px;border-radius:0 0 20px 20px;background:rgba(255,255,255,.88);box-shadow:0 8px 28px rgba(37,61,65,.05);backdrop-filter:blur(16px)}
.site-header nav>a,.site-header .nav-quiet{color:#667f83}.site-header nav>a:hover{color:#0c8f88}

/* First-open brand splash */
.app-splash{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:linear-gradient(145deg,#f7f4ed 15%,#edf8f6 64%,#e8f1fa);animation:mkSplashOut .42s ease 1.2s forwards}
.skip-splash .app-splash{display:none}
.app-splash-inner{display:grid;place-items:center;text-align:center;transform:translateY(-2vh)}
.app-splash-inner>img{width:146px;height:146px;object-fit:contain;filter:drop-shadow(0 18px 32px rgba(20,166,160,.18));animation:mkLogoBreath 1.1s ease-in-out infinite alternate}
.app-splash-inner>b{font-size:28px;letter-spacing:-.04em;color:#203d42;margin-top:14px}.app-splash-inner>span{font-size:11px;letter-spacing:.12em;color:#769094;margin-top:6px}.splash-line{width:180px;height:4px;border-radius:99px;background:#d7e7e4;margin-top:22px;overflow:hidden}.splash-line i{display:block;width:58%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mk-teal),#4f8ee4);animation:mkSplashLine 1.05s ease-in-out forwards}
@keyframes mkLogoBreath{to{transform:scale(1.045)}}@keyframes mkSplashLine{from{width:0}to{width:100%}}@keyframes mkSplashOut{to{opacity:0;visibility:hidden}}

/* Desktop application frame */
.app-frame{width:min(1580px,97vw);margin:0 auto;display:grid;grid-template-columns:188px minmax(0,1fr) 300px;gap:18px;align-items:start}.app-main{width:100%!important;min-width:0;margin:0!important}.frame-messages{grid-template-columns:188px minmax(0,1fr)}.frame-legal{grid-template-columns:188px minmax(0,1fr)}
.left-rail,.right-rail{position:sticky;top:86px;align-self:start;max-height:calc(100vh - 98px);overflow:auto;scrollbar-width:none}.left-rail::-webkit-scrollbar,.right-rail::-webkit-scrollbar{display:none}
.left-rail{padding:12px 0 18px}.side-nav{display:grid;gap:4px;padding:10px;border:1px solid var(--mk-line);border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(35,61,65,.055)}.side-nav a{position:relative;display:flex;align-items:center;gap:11px;min-height:43px;padding:9px 11px;border-radius:14px;color:#597277;font-size:11px;font-weight:800}.side-nav a:hover{background:#eef8f6;color:#0a8e87}.side-nav svg{width:18px;height:18px;flex:0 0 auto}.side-nav a i{margin-left:auto;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#ef6577;color:#fff;font-style:normal;font-size:8px}.side-quick{display:grid;gap:5px;margin-top:13px;padding:12px}.side-quick small{font-size:8px;letter-spacing:.14em;color:#91a2a4;font-weight:900;margin-bottom:3px}.side-quick a{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:10px;color:#6c8387;font-size:9px}.side-quick a:hover{background:#f1f7f5;color:#0c928a}.side-quick svg{width:15px;height:15px}.side-share{display:flex;align-items:center;justify-content:center;margin:10px 10px 0;min-height:42px;border-radius:14px;background:linear-gradient(135deg,#16b8ae,#0b938b);color:#fff;font-size:10px;font-weight:900;box-shadow:0 10px 24px rgba(15,155,147,.18)}

/* Right social rail */
.right-rail{display:grid;gap:12px;padding:12px 0 18px}.rail-card{padding:14px;border:1px solid var(--mk-line);border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(35,61,65,.045)}.rail-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.rail-head b{font-size:11px;color:#29464b}.rail-head a{font-size:8px;color:#0a948c;font-weight:850}.rail-person{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #eef2f1}.rail-person:first-of-type{border-top:0}.rail-person>div{min-width:0}.rail-person>div a b,.rail-person>div a span,.rail-person>div small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-person>div a b{font-size:9px;color:#2b464b}.rail-person>div a span{font-size:7px;color:#8a9a9c}.rail-person>div small{font-size:7px;color:#0a9b93;font-weight:800;margin-top:2px}.rail-action{border:1px solid #b8deda;border-radius:9px;background:#f4fbfa;color:#0b8e86;padding:6px 7px;font-size:7px;font-weight:900;cursor:pointer}.rail-action.active{background:#eaf3f2;color:#667d80;border-color:#d8e3e1}.rail-post{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #eef2f1}.rail-post:first-of-type{border-top:0}.rail-post>div{min-width:0}.rail-post b,.rail-post span,.rail-post small{display:block}.rail-post b{font-size:8px;color:#2a454a}.rail-post span{font-size:8px;color:#718a8e;line-height:1.35;margin-top:2px}.rail-post small{font-size:7px;color:#11a39a;margin-top:3px}.rail-post img{width:46px;height:46px;border-radius:10px;object-fit:cover}.rail-group{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #eef2f1}.rail-group:first-of-type{border-top:0}.rail-group>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#dff5f1,#dce9f7);color:#167f79;font-size:10px;font-weight:900}.rail-group b,.rail-group small{display:block}.rail-group b{font-size:8px;color:#29454a}.rail-group small{font-size:7px;color:#87999b;margin-top:2px}.rail-group i{font-style:normal;font-size:7px;color:#0b938b;font-weight:900}

/* Homepage mark integration */
.vinyl{background:linear-gradient(145deg,#ecf6f4,#dfeef3)!important;border:1px solid #d7e5e2!important}.vinyl:after{display:none!important}.vinyl-logo{position:relative;z-index:3;width:146px;height:146px;object-fit:contain;animation:none!important}

/* Messages: profile list always visible on desktop */
.messages-workspace{display:grid;grid-template-columns:278px minmax(0,1fr);gap:12px;min-height:690px;margin:16px 0 70px}.thread-conversations{min-width:0;padding:14px;border:1px solid var(--mk-line);border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(35,61,65,.045)}.thread-conversations-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:11px}.thread-conversations-head h2{font-size:20px;margin:4px 0 0;color:#213f44}.thread-conversations-head>a{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#edf8f6;color:#0a968e;font-size:18px}.thread-search{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:6px;padding:8px 10px;border:1px solid #dfe8e6;border-radius:12px;background:#f8faf9;margin-bottom:10px}.thread-search span{color:#789092}.thread-search input{width:100%;border:0;background:transparent;outline:0;color:#2b454a;font-size:9px}.thread-conversation-list{display:grid;gap:4px}.thread-conversation-item{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px;border-radius:14px;color:#526d71}.thread-conversation-item:hover,.thread-conversation-item.active{background:#eef8f6}.thread-conversation-item>div{min-width:0}.thread-conversation-item b,.thread-conversation-item span,.thread-conversation-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-conversation-item b{font-size:9px;color:#27454a}.thread-conversation-item span{font-size:7px;color:#8b9c9e}.thread-conversation-item small{font-size:8px;color:#6f888c;margin-top:3px}.thread-conversation-item>i{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#ec6577;color:#fff;font-size:7px;font-style:normal}.thread-no-conversation{padding:20px 8px;color:#829598;font-size:9px;text-align:center}.embedded-thread.thread-page{max-width:none!important;margin:0!important;min-width:0}.embedded-thread .thread-head{top:84px}.embedded-thread .message-stream{min-height:590px}.mobile-only{display:none!important}

/* Footer and information pages */
.site-footer{width:min(1580px,97vw);margin:34px auto 12px!important;padding:24px 28px!important;display:grid!important;grid-template-columns:minmax(260px,.8fr) 1.4fr auto!important;gap:24px!important;align-items:center!important;border:1px solid var(--mk-line)!important;border-radius:24px!important;background:#fff!important;color:#607b7f!important;box-shadow:0 12px 32px rgba(35,61,65,.045)!important}.footer-brand{display:flex;align-items:center;gap:11px}.footer-brand img{width:42px;height:42px}.footer-brand strong,.footer-brand span{display:block}.footer-brand strong{font-size:11px;color:#29464b}.footer-brand strong small{color:#119991}.footer-brand span{font-size:8px;color:#83979a;margin-top:3px}.footer-links{display:flex;justify-content:center;gap:8px 17px;flex-wrap:wrap}.footer-links a{font-size:8px;color:#647e82}.footer-links a:hover{color:#0c978f}.site-footer>p{font-size:8px!important;color:#92a1a3!important;margin:0!important;text-align:right!important}
.legal-page{position:relative;min-height:720px;padding:70px 0 90px;overflow:hidden}.legal-watermark{position:absolute;right:-80px;top:80px;width:500px;height:500px;opacity:.045;pointer-events:none}.legal-watermark img{width:100%;height:100%;object-fit:contain}.legal-hero{position:relative;z-index:1;max-width:850px}.legal-hero h1{font-size:clamp(56px,7vw,86px);line-height:.95;letter-spacing:-.065em;color:#203d42;margin:10px 0 18px}.legal-hero p{max-width:780px;color:#657f83;font-size:14px;line-height:1.8}.legal-sections{position:relative;z-index:1;display:grid;gap:10px;max-width:1000px;margin-top:42px}.legal-sections article{display:grid;grid-template-columns:50px minmax(0,1fr);gap:18px;padding:20px 22px;border:1px solid #dce6e4;border-radius:20px;background:rgba(255,255,255,.86);backdrop-filter:blur(8px)}.legal-sections article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#edf8f6;color:#0a958d;font-size:10px;font-weight:900}.legal-sections h2{font-size:20px;color:#29464b;margin:2px 0 7px}.legal-sections p{font-size:11px;line-height:1.7;color:#6d8589;margin:0}.legal-note{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-top:28px;padding:14px 16px;width:max-content;border-radius:16px;background:#eef8f6}.legal-note img{width:36px;height:36px}.legal-note b,.legal-note p{display:block}.legal-note b{font-size:10px;color:#29464b}.legal-note p{font-size:8px;color:#7b9295;margin:2px 0 0}

@media(max-width:1320px){.app-frame{grid-template-columns:178px minmax(0,1fr)}.right-rail{display:none}.site-footer{grid-template-columns:1fr 1fr}.site-footer>p{display:none}}
@media(max-width:980px){.app-frame,.frame-messages,.frame-legal{display:block;width:min(94vw,1180px)}.left-rail{display:none}.app-main{width:100%!important}.site-header{width:94vw}.messages-workspace{grid-template-columns:240px minmax(0,1fr)}.site-footer{width:94vw;grid-template-columns:1fr}.footer-links{justify-content:flex-start}.legal-watermark{width:340px;height:340px;right:-110px}}
@media(max-width:720px){.brand-mark{width:35px;height:35px}.brand span{font-size:17px}.app-splash-inner>img{width:118px;height:118px}.messages-workspace{display:block}.thread-conversations{display:none}.mobile-only{display:grid!important}.embedded-thread .thread-head{top:78px}.site-footer{padding:20px!important}.footer-links{gap:8px 12px}.footer-links a{font-size:9px}.legal-page{padding-top:40px}.legal-sections article{grid-template-columns:1fr}.legal-sections article>span{width:36px;height:36px}.legal-watermark{opacity:.035}.site-header{border-radius:0 0 16px 16px}}
.rail-actions{display:flex;align-items:center;gap:4px}.rail-friend{border:0;border-radius:9px;background:#edf3fa;color:#4b72a8;padding:6px 7px;font-size:7px;font-weight:900;cursor:pointer}.rail-friend.active{background:#eef3f2;color:#6c8083}.rail-person{grid-template-columns:38px minmax(0,1fr) auto}
/* ===== V1.5.7 — focused feed experience ===== */
@media(min-width:981px){
 body.user-shell:not(.page-legal){height:100dvh;overflow:hidden}
 body.user-shell:not(.page-legal) .site-header{position:relative;z-index:80}
 body.user-shell:not(.page-legal) .app-frame{height:calc(100dvh - 80px);overflow:hidden;align-items:stretch;margin-bottom:0}
 body.user-shell:not(.page-legal) .app-main{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:90px}
 body.user-shell:not(.page-legal) .left-rail,body.user-shell:not(.page-legal) .right-rail{position:relative;top:auto;height:100%;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding-bottom:28px}
 body.user-shell:not(.page-legal) .site-footer{display:none!important}
 body.modal-open{overflow:hidden!important}
}
.feed-page-v157{max-width:850px;margin:0 auto;padding:10px 0 75px}.feed-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.feed-tabs{flex:1;display:grid;grid-template-columns:repeat(4,1fr);padding:5px;border:1px solid #d7e5e2;border-radius:17px;background:#eaf3f2}.feed-tabs a{display:flex;justify-content:center;padding:10px 8px;border-radius:12px;color:#617b7f;font-size:11px;font-weight:850}.feed-tabs a.active{background:#fff;color:#183d42;box-shadow:0 4px 12px rgba(36,65,70,.08)}.feed-status-actions{display:flex;gap:7px}.feed-stage-chip,.feed-help-chip{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:8px 11px;border:1px solid #d8e4e2;border-radius:12px;background:#fff;color:#557276;font-size:9px;font-weight:850}.feed-help-chip{cursor:pointer}.taste-feed-head.compact{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px;padding:17px 19px;border:1px solid #d7e5e2;border-radius:19px;background:linear-gradient(115deg,#edf9f5,#fff8eb)}.taste-feed-head.compact b,.taste-feed-head.compact small{display:block}.taste-feed-head.compact b{font-size:21px;color:#26474b;margin:4px 0}.taste-feed-head.compact small{font-size:9px;color:#71888b}.taste-feed-genres{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.taste-feed-genres span,.taste-feed-genres a{padding:6px 9px;border:1px solid #b9ded9;border-radius:999px;background:#fff;color:#2d7370;font-size:7px}.feed-stream{display:grid;gap:13px}
.side-profile-thumb{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;overflow:hidden;flex:0 0 28px;background:#e3f1f0}.side-profile-thumb>img,.side-profile-thumb .animated-avatar,.side-profile-thumb .avatar-frame{width:100%;height:100%;object-fit:cover}.side-nav-button{width:100%;border:0;background:transparent;text-align:left;cursor:pointer;font:inherit}.side-notification-wrap{position:relative}.notification-dropdown{position:absolute;left:calc(100% + 10px);top:0;width:330px;z-index:120;padding:10px;border:1px solid #d7e4e2;border-radius:18px;background:#fff;box-shadow:0 22px 70px rgba(25,57,62,.18)}.notification-dropdown[hidden]{display:none}.notification-dropdown-head{display:flex;align-items:center;justify-content:space-between;padding:5px 6px 10px}.notification-dropdown-head b{font-size:13px;color:#28474b}.notification-dropdown-head a,.notification-all{font-size:8px;color:#07968d;font-weight:900}.notification-mini{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;padding:9px;border-radius:12px;color:#526e72}.notification-mini:hover,.notification-mini.unread{background:#eef8f6}.notification-mini b,.notification-mini small{display:block}.notification-mini b{font-size:8px;line-height:1.35;color:#29474b}.notification-mini small{font-size:7px;color:#8b9b9d;margin-top:3px}.notification-all{display:block;text-align:center;padding:10px 6px 4px}.notification-empty{display:block;padding:14px;text-align:center;color:#849699;font-size:9px}
.rich-composer{position:relative;margin-bottom:13px;padding:18px;border:1px solid #d7e4e2;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(35,61,65,.05)}.rich-composer.compact{padding:15px}.composer-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.composer-title>div b,.composer-title>div small{display:block}.composer-title b{font-size:11px;color:#28464a}.composer-title small{font-size:8px;color:#839698;margin-top:2px}.rich-composer textarea{width:100%;min-height:92px;padding:14px 4px;border:0;border-bottom:1px solid #e1e8e7;background:transparent;resize:vertical;outline:0;font:inherit;font-size:15px;color:#29464b}.rich-composer.compact textarea{min-height:64px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.composer-tools.modern{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.composer-icon-tool{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:7px 9px;border:1px solid #dce7e5;border-radius:11px;background:#f9fbfa;color:#517276;font-size:8px;font-weight:800;cursor:pointer}.composer-icon-tool:hover,.composer-icon-tool.active{background:#eaf8f5;color:#078f87;border-color:#b8ddd8}.composer-icon-tool svg{width:15px;height:15px}.composer-icon-tool input{display:none}.composer-tools select{max-width:130px;padding:8px 9px;border:1px solid #dce7e5;border-radius:10px;background:#fff;font-size:8px}.composer-submit{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.composer-submit svg{width:15px;height:15px}.composer-expand{position:relative;margin-top:10px;padding:13px;border:1px solid #dce7e5;border-radius:15px;background:#f8fbfa}.composer-expand[hidden],.emoji-popover[hidden]{display:none}.composer-expand-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.composer-expand-head b{font-size:10px;color:#29474b}.composer-expand-head button{border:0;background:transparent;color:#7a9093;font-size:18px;cursor:pointer}.poll-option-inputs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.composer-expand input{width:100%;padding:9px 10px;border:1px solid #d8e4e2;border-radius:10px;background:#fff;font-size:9px}.composer-expand label{display:grid;gap:5px;font-size:8px;color:#657f83}.composer-expand>small{display:block;margin-top:7px;font-size:7px;color:#849699}.emoji-popover{display:flex;gap:4px;flex-wrap:wrap;position:absolute;left:92px;bottom:61px;z-index:15;width:246px;padding:9px;border:1px solid #d7e5e2;border-radius:15px;background:#fff;box-shadow:0 18px 55px rgba(25,57,62,.14)}.emoji-popover button{display:grid;place-items:center;width:31px;height:31px;border:0;border-radius:9px;background:#f7faf9;font-size:18px;cursor:pointer}.emoji-popover button:hover{background:#eaf7f4}
.quick-share-backdrop,.simple-modal-backdrop,.post-detail-backdrop{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:22px;background:rgba(25,46,50,.42);backdrop-filter:blur(10px)}.quick-share-backdrop[hidden]{display:none}.quick-share-modal{position:relative;width:min(720px,94vw);max-height:88vh;overflow:auto;padding:27px;border-radius:26px;background:#f9f8f3;box-shadow:0 30px 100px rgba(21,47,51,.28)}.quick-share-modal>.rich-composer{margin:17px 0 0}.quick-share-close,.modal-x,.post-detail-modal>header button{position:absolute;right:15px;top:13px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#eef3f2;color:#49686c;font-size:22px;cursor:pointer}.quick-share-modal h2{margin:6px 0;font-size:30px;color:#25464a}.simple-modal{position:relative;width:min(570px,94vw);padding:26px;border-radius:24px;background:#fff;box-shadow:0 30px 100px rgba(21,47,51,.28)}.simple-modal h2{font-size:28px;color:#24454a;margin:7px 0 17px}.feed-help-steps{display:grid;gap:8px}.feed-help-steps>div{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:10px;border-radius:13px;background:#f5faf8}.feed-help-steps b{color:#0a988f}.feed-help-steps span{font-size:10px;line-height:1.5;color:#667f83}
.post-poll{margin:12px 0;padding:14px;border-radius:16px;background:#f6faf9;border:1px solid #dfe9e7}.post-poll>b{display:block;margin-bottom:9px;font-size:11px;color:#28464a}.poll-options{display:grid;gap:6px}.poll-option{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:39px;padding:9px 11px;border:1px solid #d7e4e2;border-radius:11px;background:#fff;color:#47676b;text-align:left;cursor:pointer}.poll-option>i{position:absolute;inset:0 auto 0 0;background:#e1f5f1;z-index:0;transition:.25s}.poll-option.selected{border-color:#0ea99f;color:#087f78}.poll-option>span,.poll-option>em{position:relative;z-index:1}.poll-option>span{font-size:9px;font-weight:800}.poll-option>em{font-size:7px;font-style:normal}.post-poll>small{display:block;margin-top:7px;color:#87999b;font-size:7px}.view-all-comments{border:0;background:transparent;color:#0a938b;padding:6px 0;font-size:9px;font-weight:900;cursor:pointer}.post-detail-modal{position:relative;width:min(760px,96vw);max-height:90vh;display:flex;flex-direction:column;border-radius:26px;background:#f8f7f2;overflow:hidden;box-shadow:0 30px 100px rgba(21,47,51,.28)}.post-detail-modal>header{position:relative;display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e7e5;background:#fff}.post-detail-modal>header b{font-size:12px;color:#29464b}.post-detail-modal>header button{top:8px}.post-detail-content{overflow-y:auto;padding:16px}.post-detail-content .post-card{margin:0;box-shadow:none}.post-detail-content .comment-preview.all-comments{max-height:none}.modal-loading,.modal-error{padding:50px;text-align:center;color:#7b9194}.comment-preview{display:grid;gap:7px;margin-top:8px}.comment-item{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px}.comment-copy{padding:8px 10px;border-radius:12px;background:#f6faf9}.comment-meta{display:flex;justify-content:space-between;gap:8px}.comment-meta a{display:flex;gap:5px;align-items:center}.comment-meta b{font-size:8px;color:#2a464b}.comment-meta span,.comment-meta time{font-size:7px;color:#829598}.comment-copy p{margin:4px 0 0!important;font-size:9px!important;line-height:1.5!important;color:#4e6a6e!important}.modal-comment-form{position:sticky;bottom:-16px;background:#fff;padding:10px;border-radius:13px;box-shadow:0 -4px 16px rgba(35,61,65,.06)}
.activity-page{max-width:920px;margin:0 auto;padding:20px 0 80px}.activity-hero{display:grid;grid-template-columns:72px 1fr;gap:15px;align-items:center;margin-bottom:20px;padding:20px;border:1px solid #dbe6e4;border-radius:22px;background:#fff}.activity-hero h1{font-size:30px;color:#234449;margin:5px 0}.activity-hero p{margin:0;color:#71878a;font-size:10px}.activity-timeline{display:grid;gap:8px}.activity-event{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 15px;border:1px solid #dce6e4;border-radius:16px;background:#fff}.activity-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eaf7f4;color:#0b978f}.activity-icon svg{width:18px;height:18px}.activity-event b,.activity-event p,.activity-event small{display:block}.activity-event b{font-size:10px;color:#2c484d}.activity-event p{margin:4px 0;font-size:9px;color:#617d81}.activity-event small{font-size:7px;color:#8a9b9d}.activity-event>a{font-size:8px;color:#07978f;font-weight:900}
@media(max-width:1150px){.feed-topline{align-items:stretch;flex-direction:column}.feed-status-actions{justify-content:flex-end}.taste-feed-head.compact{align-items:flex-start;flex-direction:column}.taste-feed-genres{justify-content:flex-start}.notification-dropdown{left:0;top:calc(100% + 6px)}}
@media(max-width:720px){.feed-tabs a{font-size:9px;padding:9px 4px}.composer-bottom{align-items:stretch;flex-direction:column}.composer-tools.modern{width:100%}.composer-submit{align-self:flex-end}.composer-icon-tool span{display:none}.poll-option-inputs{grid-template-columns:1fr}.emoji-popover{left:12px;bottom:110px}.post-detail-backdrop,.quick-share-backdrop,.simple-modal-backdrop{padding:8px}.post-detail-modal,.quick-share-modal,.simple-modal{width:100%;max-height:96vh;border-radius:20px}.activity-event{grid-template-columns:36px minmax(0,1fr)}.activity-event>a{grid-column:2}.feed-status-actions{overflow-x:auto;justify-content:flex-start}}

/* V1.5.7 responsive shell refinements */
.mobile-fab-share{display:none}
@media(min-width:1101px) and (max-width:1320px){.app-frame{grid-template-columns:170px minmax(0,1fr) 260px}.right-rail{display:grid}}
@media(max-width:720px){.mobile-fab-share{position:fixed;right:18px;bottom:18px;z-index:180;display:grid;place-items:center;width:52px;height:52px;border:0;border-radius:18px;background:linear-gradient(135deg,#16b8ae,#0b938b);color:#fff;font-size:28px;box-shadow:0 14px 36px rgba(15,155,147,.3);cursor:pointer}}

/* ===== NEXT v1.5.8 — mesaj, bildirim, keşif ve aksiyon kalite düzeltmeleri ===== */
/* Sol navigasyonda butonlar linklerle aynı tipografide */
.side-nav-button{
  display:flex;align-items:center;gap:11px;min-height:43px;padding:9px 11px;border-radius:14px;
  color:#597277!important;font-size:11px!important;font-weight:800!important;line-height:1.15;
}
.side-nav-button:hover,.side-nav-button[aria-expanded="true"]{background:#eef8f6!important;color:#0a8e87!important}
.side-nav-button svg{width:18px;height:18px;flex:0 0 auto}
.side-notification-wrap{position:relative;z-index:250}
.notification-dropdown{
  position:fixed!important;left:auto;top:auto;z-index:10050!important;width:min(360px,calc(100vw - 24px));
  max-height:min(520px,calc(100dvh - 24px));overflow:auto;padding:11px;border:1px solid #d7e4e2;
  border-radius:20px;background:#fff;box-shadow:0 28px 90px rgba(25,57,62,.24)
}
.notification-dropdown-head{position:sticky;top:-11px;z-index:2;background:#fff;padding:10px 7px 12px;border-bottom:1px solid #edf2f1}
.notification-mini{min-height:58px}.notification-mini b{font-size:9px}.notification-mini small{font-size:7px}

/* Paylaş butonu: küçük rozet yerine gerçek CTA */
.side-share{
  width:calc(100% - 20px);gap:8px;border:1px solid #b8dfda;background:linear-gradient(180deg,#f3fcfa,#e8f8f5);
  color:#078d85;box-shadow:none;transition:.18s ease;cursor:pointer
}
.side-share svg{width:17px;height:17px}.side-share span{font-size:10px}.side-share:hover{transform:translateY(-1px);background:linear-gradient(135deg,#13b7ad,#0a968e);border-color:transparent;color:#fff;box-shadow:0 10px 25px rgba(14,158,149,.2)}

/* Mesajlaşma: konuşma listesi / başlık / mesajlar / composer birbirine girmez */
.messages-workspace{
  height:calc(100dvh - 105px);min-height:580px;max-height:900px;margin:12px 0 24px;
  grid-template-columns:280px minmax(0,1fr);gap:12px;overflow:hidden
}
.thread-conversations{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:14px}
.thread-conversation-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}
.embedded-thread.thread-page{
  height:100%;min-height:0;overflow:hidden;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;
  padding:0!important;background:transparent
}
.embedded-thread .thread-head{
  position:relative!important;top:auto!important;z-index:10;margin:0;padding:12px 15px;
  grid-template-columns:auto 46px minmax(0,1fr) auto;border-radius:19px;background:#fff;
  box-shadow:0 8px 24px rgba(34,61,65,.05)
}
.embedded-thread .thread-person{min-width:0}.embedded-thread .thread-person b,.embedded-thread .thread-person span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.embedded-thread .message-stream{
  min-height:0!important;height:auto!important;overflow-y:auto;overscroll-behavior:contain;align-content:start;
  padding:18px 18px 22px!important;background:linear-gradient(180deg,#f8faf9 0%,#fbfaf6 100%);border-radius:20px;margin:8px 0
}
.message-row{display:flex;width:100%}.message-row.mine{justify-content:flex-end}.message-row.theirs{justify-content:flex-start}
.message-bubble{max-width:min(72%,620px);width:max-content;min-width:88px;padding:10px 12px;border-radius:18px}
.message-bubble.mine{justify-self:auto;background:linear-gradient(135deg,#15b6ad,#0e9f98);border-color:transparent;color:#fff;box-shadow:0 8px 22px rgba(14,159,151,.12)}
.message-bubble.mine p,.message-bubble.mine .message-meta,.message-bubble.mine .message-meta span,.message-bubble.mine .message-meta time{color:#fff}
.message-bubble.theirs{justify-self:auto;background:#fff}
.message-meta{display:flex;justify-content:flex-end;gap:6px;opacity:.78}.message-meta span,.message-meta time{font-size:7px}
.modern-message-composer{
  position:relative!important;bottom:auto!important;margin:0 2px 2px!important;padding:10px!important;border-radius:20px;
  background:#fff;box-shadow:0 12px 36px rgba(31,55,60,.08);z-index:6
}
.message-compose-main{display:grid!important;grid-template-columns:minmax(0,1fr) 46px;gap:9px;align-items:end!important;flex-wrap:nowrap!important}
.message-compose-main textarea{
  width:100%;min-height:46px;max-height:125px;resize:none;padding:12px 14px;border:1px solid #dde7e5;border-radius:15px;
  background:#f7faf9;color:#29464b;outline:0;line-height:1.45
}
.message-compose-main textarea:focus{border-color:#9bd9d3;box-shadow:0 0 0 3px rgba(14,159,151,.08);background:#fff}
.message-send-btn{
  width:46px;height:46px;min-width:46px;padding:0;border:0;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(135deg,#13b8ae,#0a958e);color:#fff;box-shadow:0 8px 20px rgba(12,151,143,.18);cursor:pointer;transition:.18s ease
}
.message-send-btn:hover{transform:translateY(-1px);box-shadow:0 11px 25px rgba(12,151,143,.24)}
.message-send-btn svg{width:20px;height:20px}
.message-compose-tools{display:flex!important;align-items:center;gap:6px;flex-wrap:wrap;margin-top:7px;padding:0 2px}
.message-compose-tools select,.message-compose-tools .attach-profile-check{min-height:34px;max-width:220px;padding:7px 9px;border:1px solid #dce6e4;border-radius:11px;background:#fbfcfb;color:#5f787c;font-size:8px}
.message-compose-tools .attach-profile-check{display:inline-flex;align-items:center;gap:5px}

/* Keşfet metin güvenliği ve karar durumları */
.discover-meta{min-width:0}.discover-meta h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.discover-description{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;line-height:1.55!important;min-height:0!important}
.discover-decisions button{position:relative;min-height:69px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:17px;transition:.18s ease}
.discover-decisions button svg{width:19px;height:19px}.discover-decisions button>i{font-size:20px;font-style:normal;line-height:1}.discover-decisions button span{font-size:8px;font-weight:850}
.discover-decisions .decision-like.active{background:#fff0f3;border-color:#f3b6c0;color:#df3d58;box-shadow:0 8px 20px rgba(224,61,88,.08)}
.discover-decisions .decision-like.active svg path{fill:#e5435f;stroke:#e5435f}
.discover-decisions .decision-stage.active{background:#fff5d9;border-color:#f0cc72;color:#ad7600;box-shadow:0 8px 20px rgba(213,157,32,.09)}
.discover-decisions .decision-stage.active>i{color:#e1a914;text-shadow:0 2px 8px rgba(219,165,35,.18)}
.discover-decisions .decision-pass.active{background:#edf1f1;border-color:#ccd7d6;color:#4f666a}
.discover-after b{font-weight:950;color:#29474c}
.field-note{display:block;color:#789094;font-size:8px;font-weight:600;margin-top:2px}.char-meter{display:flex;justify-content:flex-end;margin-top:4px;color:#809497;font-size:8px}.char-meter b{color:#0c968e}

/* Çevrem kişi kartı aksiyonları */
.person-card .person-actions{gap:7px;margin-top:14px}.person-card .person-actions>a,.person-card .person-actions>button,.person-card .person-actions>form{min-width:0;flex:1}
.person-card .person-actions .btn{width:100%;min-height:40px;gap:7px;border-radius:13px;padding:8px 10px;font-size:8px;white-space:nowrap}
.person-card .person-actions .btn svg{width:15px;height:15px;flex:0 0 auto}.person-card .person-actions .btn.primary{background:linear-gradient(135deg,#13b8ae,#0a968e);color:#fff;box-shadow:0 7px 18px rgba(13,151,143,.13)}
.person-card .person-actions .btn.ghost{background:#f8fbfa;border-color:#d9e5e3;color:#46656a}.person-card .person-actions .request-pending{background:#fff8e7;border-color:#edd8a4;color:#8c681f}

@media(max-width:980px){
 .messages-workspace{height:auto;max-height:none;min-height:0;grid-template-columns:230px minmax(0,1fr)}
 .embedded-thread.thread-page{min-height:650px}
}
@media(max-width:720px){
 .messages-workspace{display:block;height:auto}.thread-conversations{display:none}.embedded-thread.thread-page{min-height:calc(100dvh - 110px)}
 .message-bubble{max-width:88%}.message-compose-main{grid-template-columns:minmax(0,1fr) 44px}.message-send-btn{width:44px;height:44px;min-width:44px}
 .message-compose-tools{display:grid!important;grid-template-columns:1fr 1fr}.message-compose-tools select{max-width:none;width:100%}.message-compose-tools .attach-profile-check{grid-column:1/-1;max-width:none}
 .notification-dropdown{width:min(360px,calc(100vw - 16px))}
}
.side-nav-button>i{margin-left:auto;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ef6577;color:#fff;font-style:normal;font-size:8px;font-weight:900}
.field-invalid{border-color:#e8a4ad!important;box-shadow:0 0 0 3px rgba(224,61,88,.06)!important}
/* V1.5.8 thread header grid correction: hidden mobile back link must not reserve a column. */
.embedded-thread .thread-head{grid-template-columns:46px minmax(0,1fr) auto!important}
@media(max-width:720px){.embedded-thread .thread-head{grid-template-columns:34px 42px minmax(0,1fr)!important}}

/* ===== V1.5.9 UI stabilizasyonu ===== */
/* Düello: sabit ölçü, eşit kartlar, taşmasız kapaklar */
.duel-page{max-width:1120px;margin-inline:auto}
.duel-page .duel-head{max-width:720px;margin-bottom:28px}
.duel-page .duel-head h1{font-size:clamp(42px,5vw,70px);margin-bottom:10px}
.duel-page .duel-head small{display:block;margin-top:8px;font-size:12px;color:#698186}
.duel-page .duel-head small b{color:#b57c25;text-transform:uppercase;font-size:9px;letter-spacing:.12em}
.duel-stage-v159{grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);gap:22px;max-width:1000px;margin:0 auto;align-items:stretch}
.duel-stage-v159 .duel-entry{display:flex;flex-direction:column;min-width:0;padding:18px;border-radius:26px;box-shadow:0 16px 42px rgba(28,57,62,.06)}
.duel-entry-top{display:flex;align-items:center;gap:9px;min-height:38px;margin-bottom:12px;color:#7a9093;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.duel-stage-v159 .duel-letter{position:static;flex:0 0 auto;width:34px;height:34px;background:#174e53;box-shadow:0 7px 16px rgba(18,70,75,.14)}
.duel-stage-v159 .duel-cover{width:100%;max-width:330px;margin:0 auto;aspect-ratio:1;display:block;border-radius:20px;box-shadow:0 12px 30px rgba(27,54,60,.12)}
.duel-stage-v159 .duel-cover img{display:block;width:100%;height:100%;object-fit:cover}
.duel-stage-v159 .duel-cover .player-symbol{left:50%;bottom:18px;width:48px;height:48px;display:grid;place-items:center;padding:0;border-radius:50%;box-shadow:0 8px 20px rgba(21,52,56,.18)}
.duel-stage-v159 .duel-cover .player-symbol svg{width:20px;height:20px}
.duel-listen-label{position:absolute;right:13px;top:13px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.9);color:#527074!important;font-size:8px!important;font-weight:900;backdrop-filter:blur(8px)}
.duel-meta{min-width:0;padding:15px 4px 8px;text-align:left}
.duel-meta h2{margin:0 0 4px;font-size:clamp(20px,2vw,27px);line-height:1.12;overflow-wrap:anywhere}
.duel-meta>span{display:block;color:#789094!important;font-size:11px;overflow-wrap:anywhere}
.duel-vote-btn{margin-top:auto;width:100%;min-height:48px;padding:8px 13px;border:1px solid #bfe0dc;border-radius:15px;background:#effaf8;color:#097f78;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:900;cursor:pointer;transition:.18s ease}
.duel-vote-btn>span{font-size:11px}.duel-vote-btn>b{display:inline-flex;align-items:center;gap:4px;padding:6px 9px;border-radius:999px;background:#fff;color:#47676b;font-size:8px;font-weight:800}.duel-vote-btn em{font-style:normal;color:#0b9a91;font-size:11px}
.duel-vote-btn:hover{transform:translateY(-1px);border-color:#7fcac4;box-shadow:0 10px 25px rgba(14,155,146,.10)}
.duel-vote-btn.selected{background:linear-gradient(135deg,#13b8ae,#0d9e96);color:#fff;border-color:transparent;box-shadow:0 12px 28px rgba(13,158,150,.20)}
.duel-vote-btn.selected>b{background:rgba(255,255,255,.18);color:#fff}.duel-vote-btn.selected em{color:#fff}
.duel-versus{align-self:center;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;align-content:center;background:#fff7e7;border:1px solid #f0d7aa;box-shadow:0 10px 28px rgba(169,121,48,.11)}
.duel-versus b{font-size:22px;color:#ad7626;line-height:1}.duel-versus small{margin-top:4px;font-size:6px;line-height:1.15;color:#a0865e;text-transform:uppercase;letter-spacing:.08em}
.duel-page .duel-note{max-width:760px;margin:20px auto 0;padding:10px 14px;border-radius:12px;background:#f8faf8;color:#758b8f}

/* Profil aksiyonları: küçük, tutarlı pill kontroller */
.profile-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:6px!important;max-width:610px!important;flex-wrap:wrap!important}
.profile-actions .inline-social-form{display:inline-flex!important;margin:0!important}
.profile-actions .banner-btn,.profile-actions .inline-social-form .banner-btn{width:auto!important;min-width:0!important;min-height:38px!important;height:38px!important;padding:0 12px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:9px!important;line-height:1!important;white-space:nowrap!important;box-shadow:0 5px 16px rgba(13,64,72,.08)!important}
.profile-actions .banner-btn svg{width:14px!important;height:14px!important;flex:0 0 auto}
.profile-actions .banner-btn span{display:inline-block}
.profile-actions .banner-btn:not(.emphasis):not(.danger-soft):not(.active):not(.request-pending){background:rgba(255,255,255,.94)!important;color:#24494e!important;border-color:rgba(255,255,255,.55)!important}
.profile-actions .banner-btn.emphasis{background:linear-gradient(135deg,#154f55,#0f3e45)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}
.profile-actions .banner-btn.active{background:#e6f7f4!important;color:#0b8c84!important;border-color:#bfe0db!important}
.profile-actions .banner-btn.request-pending{background:#fff7e9!important;color:#97651c!important;border-color:#f0d3a0!important}
.profile-actions .banner-btn.danger-soft{background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:rgba(255,255,255,.30)!important}
.profile-actions .banner-btn.danger-soft:hover{background:#fff1f3!important;color:#bd4054!important;border-color:#f0c8cf!important}

/* Ana Paylaş / Gönder CTA'ları */
.composer-submit{min-height:40px!important;height:40px!important;padding:0 16px!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#14b9ae,#0d9c94)!important;color:#fff!important;box-shadow:0 8px 20px rgba(13,156,148,.16)!important;font-size:9px!important;font-weight:900!important;letter-spacing:.01em;transition:.18s ease!important}
.composer-submit:hover{transform:translateY(-1px)!important;box-shadow:0 11px 25px rgba(13,156,148,.22)!important}
.composer-submit svg{width:16px!important;height:16px!important}
.message-send-btn{min-width:44px!important;width:44px!important;height:44px!important;padding:0!important;border-radius:13px!important;background:linear-gradient(135deg,#14b9ae,#0d9c94)!important;box-shadow:0 8px 20px rgba(13,156,148,.16)!important}
.message-send-btn svg{width:17px!important;height:17px!important;stroke-width:1.6}
.message-send-btn:hover{transform:translateY(-1px);box-shadow:0 11px 25px rgba(13,156,148,.22)!important}
.comment-line button{min-height:38px!important;height:38px!important;padding:0 12px!important;border-radius:11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important}
.comment-line button svg{width:14px;height:14px}

/* Tüm yorumlar popup: yatay taşma tamamen kapalı */
.post-detail-backdrop{overflow:hidden!important;padding:18px!important}
.post-detail-modal{width:min(720px,calc(100vw - 36px))!important;max-width:720px!important;min-width:0!important;max-height:min(90vh,900px)!important;overflow:hidden!important}
.post-detail-content{min-width:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;padding:14px!important;box-sizing:border-box!important}
.post-detail-content .post-card,.post-detail-content .post-head,.post-detail-content .post-body,.post-detail-content .post-image-wrap,.post-detail-content .post-track,.post-detail-content .post-actions,.post-detail-content .comment-preview,.post-detail-content .comment-item,.post-detail-content .comment-copy,.post-detail-content .comment-line{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.post-detail-content .post-card{width:100%!important;overflow:hidden!important;padding:15px!important}
.post-detail-content .post-head>div{min-width:0!important}.post-detail-content .post-head b,.post-detail-content .post-head small,.post-detail-content .post-body,.post-detail-content .comment-copy p{overflow-wrap:anywhere!important;word-break:break-word!important}
.post-detail-content .post-image-wrap,.post-detail-content .post-image{width:100%!important;max-width:100%!important}
.post-detail-content .post-track{grid-template-columns:48px minmax(0,1fr) auto!important;width:100%!important}
.post-detail-content .post-track>div{min-width:0!important}.post-detail-content .post-track b,.post-detail-content .post-track small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post-detail-content .post-actions{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
.post-detail-content .post-action.view-action{margin-left:0!important}
.post-detail-content .comment-meta{min-width:0!important;flex-wrap:wrap!important}.post-detail-content .comment-meta a{min-width:0!important;flex-wrap:wrap!important}
.post-detail-content .modal-comment-form{left:0!important;right:0!important;width:100%!important;margin:0!important;grid-template-columns:minmax(0,1fr) auto!important}
.post-detail-content .modal-comment-form input{min-width:0!important;width:100%!important}

@media(max-width:900px){
 .duel-stage-v159{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);gap:12px}
 .duel-stage-v159 .duel-entry{padding:13px}.duel-stage-v159 .duel-cover{max-width:280px}.duel-versus{width:54px;height:54px}
 .profile-actions{justify-content:flex-start!important;max-width:none!important}
}
@media(max-width:720px){
 .duel-page{padding-inline:8px}.duel-stage-v159{grid-template-columns:1fr;gap:14px}.duel-versus{margin:0 auto;width:52px;height:52px}.duel-stage-v159 .duel-cover{max-width:360px}.duel-entry-top{margin-bottom:8px}
 .profile-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
 .profile-actions .inline-social-form,.profile-actions .banner-btn,.profile-actions .inline-social-form .banner-btn{width:100%!important}
 .post-detail-backdrop{padding:8px!important}.post-detail-modal{width:calc(100vw - 16px)!important;max-height:96vh!important;border-radius:19px!important}.post-detail-content{padding:8px!important}.post-detail-content .post-card{padding:12px!important}.post-detail-content .post-track{grid-template-columns:42px minmax(0,1fr)!important}.post-detail-content .post-track button{grid-column:1/-1;width:100%!important}.post-detail-content .comment-line{grid-template-columns:minmax(0,1fr) 40px!important}.post-detail-content .comment-line button{width:40px!important;padding:0!important}.post-detail-content .comment-line button span{display:none}
}

/* =====================================================================
   HarmoniReverb NEXT v1.6.0 — SAHNE / EDITORIAL THEME
   Warm independent-music magazine + social network, not clinical UI.
   ===================================================================== */
:root{
  --bg:#f1ece2;
  --panel:#fffaf2;
  --panel2:#f6efe5;
  --line:#d8cfbf;
  --text:#17191f;
  --muted:#706e73;
  --accent:#2a54ff;
  --accent2:#1737c7;
  --warm:#ff7a3d;
  --warm-soft:#fff0e5;
  --gold:#e7a51d;
  --ink:#181b24;
  --ink2:#252938;
  --shadow:0 18px 42px rgba(48,39,28,.09);
}
html{background:var(--bg)}
body{background:var(--bg);color:var(--text)}
body:before{background:
 radial-gradient(circle at 9% 2%,rgba(255,122,61,.12),transparent 24%),
 radial-gradient(circle at 92% 10%,rgba(42,84,255,.10),transparent 29%),
 radial-gradient(circle at 68% 78%,rgba(231,165,29,.08),transparent 26%)}
.ambient{opacity:.28;background-image:repeating-linear-gradient(0deg,rgba(23,25,31,.025) 0,rgba(23,25,31,.025) 1px,transparent 1px,transparent 5px);background-size:auto;mask-image:linear-gradient(to bottom,black,transparent 88%)}

/* Typography: stronger editorial hierarchy */
h1,h2,h3,.hero-copy h1,.section-head h2,.top-hero h1,.discover-head h1,.notifications-hero h1{color:var(--ink);font-weight:900;letter-spacing:-.045em}
.eyebrow{color:var(--warm);font-size:9px;letter-spacing:.19em}
.muted,.artist-story p,.top-hero p,.discover-head p{color:var(--muted)}

/* Brand + header */
.site-header{height:70px;margin-top:10px;padding:0 18px;border:1px solid #d8cfbf;border-radius:13px;background:rgba(255,250,242,.94);box-shadow:0 9px 28px rgba(53,43,32,.07);backdrop-filter:blur(16px)}
.site-header:after{content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:3px;border-radius:5px;background:linear-gradient(90deg,var(--accent),var(--warm),var(--gold));opacity:.9}
.brand{gap:9px}.brand-mark{width:35px!important;height:35px!important}.brand span{font-size:18px;color:var(--ink)}.brand b{color:var(--accent)}
.site-header nav>a,.nav-quiet{color:#626066;font-weight:800}.site-header nav>a:hover,.nav-quiet:hover{color:var(--accent)}
.nav-cta{background:var(--ink)!important;color:#fff!important;border-radius:10px!important;box-shadow:none!important}

/* Overall app shell */
.app-frame{gap:16px!important}
.app-main{min-width:0}
.left-rail{background:linear-gradient(180deg,#191c25,#12151c 86%);border:1px solid #292d38!important;border-radius:18px!important;padding:14px!important;box-shadow:0 18px 45px rgba(25,27,35,.16)!important;color:#fff}
.left-rail:before{content:"HARMONIREVERB";display:block;padding:5px 9px 14px;color:#8d96ff;font-size:8px;font-weight:950;letter-spacing:.22em}
.side-nav{gap:4px!important}.side-nav a,.side-nav-button{min-height:42px!important;border-radius:10px!important;padding:9px 10px!important;color:#d4d5dc!important;font-weight:800!important;background:transparent!important;border:1px solid transparent!important}
.side-nav a svg,.side-nav-button svg{color:#aeb5ff!important}
.side-nav a:hover,.side-nav a.active,.side-nav-button:hover,.side-nav-button[aria-expanded="true"]{background:#252a38!important;color:#fff!important;border-color:#343a4b!important}
.side-nav a.active:before{content:"";width:4px;height:18px;border-radius:3px;background:var(--warm);margin-right:1px}
.side-profile-thumb{border:1px solid #444a5a!important}.side-profile-link span:last-child{color:#fff}
.side-quick{border-top:1px solid #303542!important;margin-top:10px!important;padding-top:13px!important}.side-quick small{color:#777f91!important}.side-quick a{color:#c7cad3!important}.side-quick a:hover{color:#fff!important}
.side-share{min-height:44px!important;border-radius:11px!important;background:linear-gradient(135deg,var(--accent),#5674ff)!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px rgba(42,84,255,.26)!important}.side-share:hover{transform:translateY(-1px)}
.side-badged>i,.side-nav-button>i{background:var(--warm)!important;color:#191b22!important}
.notification-dropdown{border:1px solid #d5cbbb!important;background:#fffaf2!important;box-shadow:0 22px 60px rgba(29,25,20,.18)!important}

.right-rail{gap:13px!important}.rail-card{background:#fffaf2!important;border:1px solid #d8cfbf!important;border-radius:14px!important;box-shadow:0 10px 30px rgba(46,37,27,.06)!important}.rail-card:nth-child(2){border-top:4px solid var(--accent)!important}.rail-card:nth-child(3){border-top:4px solid var(--warm)!important}.rail-head b{color:var(--ink)!important}.rail-head a{color:var(--accent)!important}.rail-person,.rail-post,.rail-group{border-color:#e6ddcf!important}.rail-action,.rail-friend{border-radius:8px!important}.rail-action.active,.rail-friend.active{background:#edf0ff!important;color:var(--accent)!important;border-color:#c9d1ff!important}

/* Cards: less pill/medical, more magazine */
.post-card,.composer,.rich-composer,.discover-card,.top-list,.artist-story,.platform-hub,.studio-list,.admin-list,.auth-card,.editor-card,.upload-card,.playlist-card,.playlist-manage-card,.profile-gallery-section,.home-person-card,.me-card,.side-box,.stage-side{background:#fffaf2!important;border:1px solid #d8cfbf!important;border-radius:15px!important;box-shadow:0 12px 30px rgba(48,39,28,.06)!important}
.post-card{position:relative;overflow:hidden}.post-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--accent),var(--warm));opacity:.55}
.post-card:hover{box-shadow:0 16px 36px rgba(48,39,28,.09)!important}
.post-body{color:#35343a!important;font-size:13px!important}.post-head b{color:var(--ink)!important}.post-head small{color:#858087!important}
.post-track,.mini-track{background:#f3ede4!important;border:1px solid #e0d6c7!important}.post-track button{border-radius:9px!important;background:#fffaf2!important;color:var(--accent)!important;border-color:#cfd5ff!important}
.post-actions{border-color:#e4dbcd!important}.post-actions button{color:#67656b!important}.post-action.liked{color:#e33f54!important}.post-action.reposted{color:#bd7416!important}
.comment-copy{background:#f5efe7!important;border-left:2px solid #d0c6b7!important}

/* Buttons */
.btn,.banner-btn,.composer-submit,.comment-line button,.message-send-btn,.duel-vote-btn,.discover-decisions button{border-radius:10px!important}
.btn.primary,.composer-submit,.message-send-btn{background:linear-gradient(135deg,var(--accent),#526fff)!important;color:#fff!important;box-shadow:0 8px 18px rgba(42,84,255,.20)!important}
.btn.primary:hover,.composer-submit:hover,.message-send-btn:hover{box-shadow:0 11px 24px rgba(42,84,255,.27)!important}
.btn.ghost{background:#fffaf2!important;border-color:#cfc5b6!important;color:var(--ink)!important}
.profile-actions .banner-btn.emphasis{background:var(--ink)!important;color:#fff!important}.profile-actions .banner-btn.active{background:#edf0ff!important;color:var(--accent)!important;border-color:#cbd2ff!important}.profile-actions .banner-btn.request-pending{background:#fff0df!important;color:#b66322!important;border-color:#efc69e!important}

/* Composer */
.rich-composer{border-top:4px solid var(--accent)!important}.composer-title b{color:var(--ink)!important}.rich-composer textarea{color:#28272d!important;border-bottom-color:#ddd3c5!important}.composer-icon-tool{border-radius:9px!important;background:#f6efe6!important;border-color:#ddd3c5!important;color:#646168!important}.composer-icon-tool:hover,.composer-icon-tool.active{background:#edf0ff!important;color:var(--accent)!important;border-color:#c7d0ff!important}.composer-expand,.post-poll{background:#f5efe7!important;border-color:#ded4c6!important}.poll-option{border-radius:8px!important;border-color:#d9cfc1!important;background:#fffaf2!important}.poll-option.selected{border-color:var(--accent)!important;color:var(--accent)!important}.poll-option>i{background:#e8ecff!important}

/* Home: poster/editorial feel */
.hero-next{min-height:600px;margin-top:24px;padding:62px 54px;border-radius:20px;background:linear-gradient(120deg,#fffaf2 0 57%,#e9edff 57% 78%,#ffe6d6 78%);border:1px solid #d6ccbd;box-shadow:0 20px 48px rgba(48,39,28,.09)}
.hero-next:before{width:180px;height:180px;background:var(--warm);opacity:.12;left:-70px;bottom:-75px}.hero-next:after{width:200px;height:200px;background:var(--accent);opacity:.08;right:-60px;top:-70px}
.hero-copy h1{font-size:clamp(52px,6.5vw,88px);color:var(--ink)}.hero-copy h1 em{color:var(--accent)}.hero-copy>p{color:#5f5c62}
.hero-proof span{border-radius:7px;background:#fffaf2;border:1px solid #d4cab9;color:#666269;box-shadow:none}
.vinyl{background:repeating-radial-gradient(circle,#252832 0 4px,#11131a 5px 9px);box-shadow:0 28px 55px rgba(17,19,26,.22)}.vinyl:after{background:var(--warm)}
.floating-card{border-radius:10px;background:#fffaf2;border:1px solid #d8cfbf;box-shadow:0 14px 34px rgba(42,35,26,.10)}.floating-card small{color:var(--warm)}.floating-card b{color:var(--ink)}.floating-card span{color:#6c696f}
.why-strip{border-radius:15px;background:#d9cfbf;border-color:#d9cfbf}.why-strip>div{background:#fffaf2}.why-strip>div:nth-child(2){background:#f2efff}.why-strip>div:nth-child(3){background:#fff0e5}.why-strip>div:nth-child(4){background:#f8f0df}.why-strip span{color:var(--accent)}.why-strip b{color:var(--ink)}.why-strip p{color:#6e6a70}
.home-circle-callout{border-radius:18px!important;background:linear-gradient(120deg,#191c25,#252a3a)!important;border:0!important;color:#fff!important;box-shadow:0 18px 42px rgba(24,27,36,.16)!important}.home-circle-callout h2,.home-circle-callout p{color:#fff!important}.home-circle-callout p{opacity:.72}.circle-mini-grid article{background:#2b3040!important;border-color:#3b4254!important}.circle-mini-grid b{color:#9bacff!important}.circle-mini-grid span{color:#fff!important}.circle-mini-grid small{color:#a8acb8!important}
.split-callout article{border-radius:16px!important;background:#edf0ff!important;border-color:#cbd3ff!important}.split-callout article:nth-child(2){background:#fff0e5!important;border-color:#f0c7ab!important}.split-callout h2{color:var(--ink)!important}.split-callout p{color:#636067!important}.split-callout a{color:var(--accent)!important}

/* People cards */
.home-person-card{border-radius:14px!important;box-shadow:none!important;position:relative;overflow:hidden}.home-person-card:after{content:"";position:absolute;right:0;top:0;width:7px;height:100%;background:var(--accent);opacity:.14}.home-person-card:nth-child(3n+2):after{background:var(--warm)}.home-person-card:nth-child(3n):after{background:var(--gold)}
.home-match{background:#191c25!important;color:#fff!important;border:0!important}.home-match b{color:#fff!important}.home-match span{color:#b6bac4!important}.home-person-genres span{background:#f3ede4!important;color:#5d5a60!important;border-color:#ded4c6!important}.home-person-cta{color:var(--accent)!important;border-color:#ddd3c5!important}

/* Discover: like a record crate, not a clinic */
.stage-wallet{background:#191c25!important;border-color:#191c25!important;color:#fff!important}.stage-wallet span{color:#ffb178!important}.stage-wallet b{color:#fff!important}
.discover-card{overflow:hidden}.discover-card:nth-child(3n+1){border-top:4px solid var(--accent)!important}.discover-card:nth-child(3n+2){border-top:4px solid var(--warm)!important}.discover-card:nth-child(3n){border-top:4px solid var(--gold)!important}
.discover-art{background:linear-gradient(135deg,#e7eafe,#f7e4d8)!important}.blind-label{border-radius:6px!important;background:#191c25!important;color:#fff!important}.discover-meta h2{color:var(--ink)!important}.discover-meta>p{color:#656168!important}.discover-decisions button{background:#f5efe7!important;border-color:#d8cebf!important;color:#59575d!important}.discover-decisions button.liked,.discover-decisions button.active-like{background:#ffe9ec!important;border-color:#f3b8c0!important;color:#d93b51!important}.discover-decisions .stage.active,.discover-decisions .stage.selected{background:#fff1cf!important;border-color:#e8c06b!important;color:#a66d00!important}
.big-play{background:#191c25!important;color:#fff!important;border-color:#191c25!important;box-shadow:0 10px 24px rgba(24,27,36,.18)!important}.big-play::after{color:#fff!important}

/* Top 20 */
.top-list{overflow:hidden!important}.top-row{border-color:#e1d7c9!important}.top-row:nth-child(-n+3){background:linear-gradient(90deg,#fff5df,transparent)!important}.rank{color:var(--warm)!important;font-weight:950!important}.top-avatar{background:#edf0ff!important;color:var(--accent)!important}.score{color:var(--accent)!important}.top-song b{color:var(--ink)!important}.top-song span{color:#767278!important}

/* Profile */
.profile-cover{background:linear-gradient(115deg,#263cff,#734bff 58%,#ff7a3d)!important;box-shadow:0 16px 36px rgba(42,50,105,.18)!important}.profile-shade{background:linear-gradient(0deg,rgba(15,17,24,.55),transparent 65%)!important}.profile-intro{background:rgba(24,27,36,.90)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important}.profile-main-info,.profile-main-info h1,.profile-main-info .name-line h1{color:#fff!important}.profile-main-info>span,.profile-main-info .tagline,.profile-stats span{color:#bbbcc5!important}.profile-stats b{color:#fff!important}.profile-stats .taste b{color:#ffbe5a!important}.verified{background:#edf0ff!important;border-color:#b9c5ff!important;color:var(--accent)!important}.profile-genres span{background:#fffaf2!important;border-color:#d8cfbf!important;color:#5e5a60!important;box-shadow:none!important}.artist-story{border-top:4px solid var(--warm)!important}.platform-hub{border-top:4px solid var(--accent)!important}.platform-btn{border-radius:9px!important;background:#f5efe7!important;border-color:#ded4c5!important;color:var(--ink)!important}.platform-btn:hover{background:#edf0ff!important;border-color:#c3cdff!important;color:var(--accent)!important}

/* Messaging */
.page-messages .left-rail{background:linear-gradient(180deg,#191c25,#12151c)!important}.message-conversations,.message-thread-shell,.message-thread-card,.modern-message-composer{background:#fffaf2!important;border-color:#d8cfbf!important}.conversation-row.active{background:#edf0ff!important;border-left:3px solid var(--accent)!important}.message-bubble.mine{background:var(--accent)!important;color:#fff!important}.message-bubble.theirs{background:#f0e9df!important;color:var(--ink)!important}.modern-message-composer{border-top:3px solid var(--accent)!important}.modern-message-composer input{background:#f5efe7!important;border-color:#ddd3c5!important;color:var(--ink)!important}

/* Community + duel */
.community-tabs,.feed-tabs{border-radius:11px!important;background:#e9e1d5!important;border-color:#d8cebf!important}.community-tabs a,.feed-tabs a{border-radius:8px!important;color:#666168!important}.community-tabs a.active,.feed-tabs a.active{background:#191c25!important;color:#fff!important;box-shadow:none!important}
.duel-stage-v159 .duel-entry{background:#fffaf2!important;border-color:#d8cfbf!important}.duel-stage-v159 .duel-entry:first-child{border-top:5px solid var(--accent)!important}.duel-stage-v159 .duel-entry:last-child{border-top:5px solid var(--warm)!important}.duel-versus{background:#191c25!important;border-color:#191c25!important}.duel-versus b{color:#fff!important}.duel-versus small{color:#b9bbc4!important}.duel-vote-btn{background:#f5efe7!important;border-color:#d8cebf!important;color:#59575d!important}.duel-vote-btn.selected{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}

/* Forms + settings */
.auth-card,.editor-card,.upload-card,.playlist-form{border-radius:16px!important}.auth-card input,.profile-editor input,.profile-editor textarea,.upload-form input,.upload-form textarea,.upload-form select,.playlist-form input,.playlist-form textarea,.playlist-form select{background:#f8f2e9!important;color:var(--ink)!important;border-color:#d9cfbf!important;border-radius:9px!important}.auth-card input:focus,.profile-editor input:focus,.profile-editor textarea:focus,.upload-form input:focus,.upload-form textarea:focus,.upload-form select:focus,.playlist-form input:focus,.playlist-form textarea:focus,.playlist-form select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(42,84,255,.10)!important}.role-picker span,.theme-choice span{border-radius:9px!important;background:#f7f1e8!important;border-color:#d9cfbf!important}.role-picker input:checked+span,.theme-choice input:checked+span{background:#edf0ff!important;border-color:#bfc9ff!important}.genre-pills span{background:#f7f1e8!important;border-color:#d9cfbf!important;color:#605d63!important}.genre-pills input:checked+span{background:#edf0ff!important;border-color:#bdc8ff!important;color:var(--accent)!important}

/* Modals */
.quick-share-backdrop,.simple-modal-backdrop,.post-detail-backdrop,.image-viewer{background:rgba(18,19,24,.64)!important}.quick-share-modal,.simple-modal,.post-detail-modal{background:#fffaf2!important;border:1px solid #d8cfbf!important;border-radius:16px!important;box-shadow:0 28px 90px rgba(19,18,17,.28)!important}.post-detail-modal>header{background:#191c25!important;border-color:#313542!important}.post-detail-modal>header b{color:#fff!important}.quick-share-close,.modal-x,.post-detail-modal>header button{background:#f0e8dd!important;color:#37343a!important}

/* Footer */
.site-footer{margin-top:56px!important;border-top:1px solid #d5cabb!important;background:#191c25!important;color:#fff!important}.footer-brand strong{color:#fff!important}.footer-brand span,.site-footer p{color:#9da0aa!important}.footer-links a{color:#d6d7de!important}.footer-links a:hover{color:#8fa1ff!important}

/* Splash */
.app-splash{background:linear-gradient(145deg,#191c25 0 52%,#22273a 52% 78%,#35221e 78%)!important}.app-splash-inner b{color:#fff!important}.app-splash-inner span{color:#aeb1bc!important}.splash-line{background:#343949!important}.splash-line i{background:linear-gradient(90deg,var(--accent),var(--warm))!important}

@media(max-width:1100px){
 .left-rail{border-radius:14px!important}.right-rail{display:none!important}
 .hero-next{padding:46px 34px;background:linear-gradient(130deg,#fffaf2 0 68%,#e9edff 68%) }
}
@media(max-width:720px){
 .site-header{border-radius:0;margin-top:0;top:0;width:100%;border-left:0;border-right:0}.site-header:after{left:0;right:0}
 .hero-next{border-radius:14px;padding:36px 20px;background:#fffaf2}.hero-copy h1{font-size:46px}.why-strip{border-radius:11px}
 .post-card,.rich-composer,.discover-card,.artist-story,.platform-hub,.profile-gallery-section{border-radius:12px!important}
}

/* ===== NEXT v1.6.1 — Social Music Network / X + Facebook + Instagram inspired, original HarmoniReverb language ===== */
body.user-shell{
  --bg:#000000;--panel:#000000;--panel2:#16181c;--line:#2f3336;--text:#e7e9ea;--muted:#71767b;
  --accent:#1d9bf0;--accent2:#60b9f6;--warm:#ff8a3d;--hot:#f91880;--music:#8b5cf6;--ink:#e7e9ea;
  background:#000!important;color:#e7e9ea!important;
}
body.user-shell:before,.user-shell .ambient{display:none!important}
.user-shell .site-header{display:none!important}
.user-shell .site-footer{display:none!important}
.user-shell .app-frame{
  width:min(1300px,100%)!important;max-width:1300px;margin:0 auto!important;padding:0!important;gap:0!important;
  grid-template-columns:270px minmax(0,680px) 350px!important;align-items:start!important;background:#000!important;
}
.user-shell .app-main{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0 20px 70px!important;border-right:1px solid #2f3336!important;background:#000!important}
.user-shell .left-rail{
  position:sticky!important;top:0!important;height:100vh!important;overflow-y:auto!important;align-self:start!important;
  padding:12px 18px 18px!important;border:0!important;border-right:1px solid #2f3336!important;border-radius:0!important;
  background:#000!important;color:#e7e9ea!important;box-shadow:none!important;
}
.user-shell .left-rail:before{display:none!important}
.side-brand{display:flex;align-items:center;gap:10px;width:max-content;min-height:54px;margin:0 0 10px;padding:6px 10px;border-radius:999px;color:#fff;font-size:19px;font-weight:900}
.side-brand:hover{background:#181818}.side-brand img{width:38px;height:38px;object-fit:contain}.side-brand span{letter-spacing:-.03em}
.user-shell .side-nav{display:grid!important;gap:3px!important}
.user-shell .side-nav>a,.user-shell .side-nav-button{
  width:100%!important;min-height:52px!important;padding:10px 13px!important;border-radius:999px!important;background:transparent!important;
  color:#e7e9ea!important;font-size:16px!important;font-weight:600!important;line-height:1!important;transition:.16s ease!important;
}
.user-shell .side-nav>a:hover,.user-shell .side-nav-button:hover,.user-shell .side-nav>a.active,.user-shell .side-nav-button[aria-expanded="true"]{background:#181818!important;color:#fff!important}
.user-shell .side-nav>a.active{font-weight:850!important}
.user-shell .side-nav svg,.user-shell .side-nav-button svg{width:23px!important;height:23px!important;flex:0 0 auto!important}
.user-shell .side-nav .side-badged>i{margin-left:auto!important;background:#1d9bf0!important;color:#fff!important;border-radius:999px!important;min-width:20px!important;height:20px!important;display:grid!important;place-items:center!important;font-size:9px!important;font-style:normal!important}
.user-shell .side-profile-link{margin-top:3px!important}.user-shell .side-profile-thumb{width:30px!important;height:30px!important;border-radius:50%!important;overflow:hidden!important;display:grid!important;place-items:center!important}
.user-shell .side-profile-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
.user-shell .side-quick{margin:14px 6px 0!important;padding:14px 8px 0!important;border-top:1px solid #2f3336!important}.user-shell .side-quick small{color:#536471!important;font-size:9px!important}.user-shell .side-quick a{color:#b4bac0!important;font-size:12px!important;border-radius:999px!important}.user-shell .side-quick a:hover{background:#181818!important;color:#fff!important}
.user-shell .side-share{width:calc(100% - 8px)!important;min-height:48px!important;margin:18px 4px 0!important;border:0!important;border-radius:999px!important;background:#1d9bf0!important;color:#fff!important;box-shadow:none!important;font-size:15px!important;font-weight:800!important;justify-content:center!important}
.user-shell .side-share:hover{background:#1a8cd8!important;transform:none!important}.user-shell .side-share svg{width:19px!important;height:19px!important}
.user-shell .side-share span{font-size:14px!important}

.user-shell .right-rail{
  position:sticky!important;top:0!important;height:100vh!important;overflow-y:auto!important;align-self:start!important;display:grid!important;align-content:start!important;
  gap:14px!important;padding:14px 18px 60px!important;background:#000!important;
}
.user-shell .rail-card{padding:15px!important;border:1px solid #2f3336!important;border-radius:17px!important;background:#000!important;box-shadow:none!important;color:#e7e9ea!important}
.user-shell .rail-card:nth-child(n){border-top:1px solid #2f3336!important}
.user-shell .rail-head b{color:#e7e9ea!important;font-size:17px!important}.user-shell .rail-head a{color:#1d9bf0!important}.user-shell .rail-person,.user-shell .rail-post,.user-shell .rail-group{border-color:#2f3336!important;color:#e7e9ea!important}
.user-shell .rail-person span,.user-shell .rail-post span,.user-shell .rail-group small{color:#71767b!important}.user-shell .rail-person small{color:#8b5cf6!important}
.user-shell .rail-action,.user-shell .rail-friend{border:1px solid #536471!important;border-radius:999px!important;background:#000!important;color:#e7e9ea!important;font-weight:800!important}.user-shell .rail-action:hover,.user-shell .rail-friend:hover{background:#181818!important}.user-shell .rail-action.active,.user-shell .rail-friend.active{background:#e7e9ea!important;color:#0f1419!important;border-color:#e7e9ea!important}
.user-shell .rail-group>i{background:#1d9bf0!important;color:#fff!important;border-radius:999px!important}

/* Feed: timeline first, cards second. */
.user-shell .feed-page-v157{max-width:680px!important;margin:0 auto!important;padding:0!important}
.user-shell .feed-topline{position:sticky!important;top:0!important;z-index:50!important;margin:0 -20px!important;padding:0 20px!important;min-height:58px!important;display:flex!important;align-items:center!important;background:rgba(0,0,0,.94)!important;border-bottom:1px solid #2f3336!important;backdrop-filter:blur(14px)!important}
.user-shell .feed-tabs{display:grid!important;grid-template-columns:repeat(4,1fr)!important;flex:1!important;background:transparent!important;border:0!important;border-radius:0!important}
.user-shell .feed-tabs a{position:relative!important;padding:20px 7px 17px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#71767b!important;font-size:12px!important;font-weight:700!important;text-align:center!important}
.user-shell .feed-tabs a.active{color:#e7e9ea!important;background:transparent!important}.user-shell .feed-tabs a.active:after{content:"";position:absolute;left:28%;right:28%;bottom:0;height:4px;border-radius:999px;background:#1d9bf0}
.user-shell .feed-status-actions{display:none!important}
.user-shell .taste-feed-head.compact{margin:12px 0!important;padding:12px 15px!important;border:1px solid #2f3336!important;border-radius:15px!important;background:#16181c!important;color:#e7e9ea!important}.user-shell .taste-feed-head b{color:#e7e9ea!important}.user-shell .taste-feed-head small{color:#71767b!important}.user-shell .taste-feed-genres span{background:#0f1419!important;border-color:#2f3336!important;color:#aab8c2!important}
.user-shell .rich-composer,.user-shell .composer,.user-shell .profile-quick-composer{margin:0!important;padding:15px!important;border:0!important;border-bottom:1px solid #2f3336!important;border-radius:0!important;background:#000!important;box-shadow:none!important;color:#e7e9ea!important}
.user-shell .rich-composer{border-top:0!important}.user-shell .rich-composer textarea,.user-shell .composer textarea,.user-shell .profile-quick-composer textarea{background:transparent!important;color:#e7e9ea!important;border:0!important;border-bottom:1px solid #2f3336!important;font-size:16px!important}.user-shell textarea::placeholder,.user-shell input::placeholder{color:#71767b!important}
.user-shell .composer-title b{color:#e7e9ea!important}.user-shell .composer-title small{color:#71767b!important}.user-shell .composer-icon-tool{background:transparent!important;border:0!important;color:#1d9bf0!important;border-radius:999px!important}.user-shell .composer-icon-tool:hover,.user-shell .composer-icon-tool.active{background:#0a2233!important;color:#1d9bf0!important}.user-shell .composer-expand{background:#16181c!important;border-color:#2f3336!important}.user-shell .composer-submit,.user-shell .profile-share-btn{min-height:38px!important;border-radius:999px!important;background:#1d9bf0!important;color:#fff!important;box-shadow:none!important}.user-shell .composer-submit:hover,.user-shell .profile-share-btn:hover{background:#1a8cd8!important;transform:none!important}
.user-shell .feed-stream{display:grid!important;gap:0!important}
.user-shell .post-card{margin:0!important;padding:15px!important;border:0!important;border-bottom:1px solid #2f3336!important;border-radius:0!important;background:#000!important;box-shadow:none!important;color:#e7e9ea!important;overflow:hidden!important}.user-shell .post-card:before{display:none!important}.user-shell .post-card:hover{background:#080808!important;box-shadow:none!important}.user-shell .post-head b,.user-shell .post-body{color:#e7e9ea!important}.user-shell .post-head span,.user-shell .post-head small,.user-shell .post-reason{color:#71767b!important}.user-shell .post-body{font-size:14px!important;line-height:1.5!important}.user-shell .post-image-wrap{background:#0f1419!important;border:1px solid #2f3336!important;border-radius:15px!important}.user-shell .post-image{background:#0f1419!important}.user-shell .post-track{background:#16181c!important;border-color:#2f3336!important;color:#e7e9ea!important;border-radius:14px!important}.user-shell .post-track small,.user-shell .post-track span{color:#71767b!important}.user-shell .post-actions{border-color:#2f3336!important}.user-shell .post-action{background:transparent!important;color:#71767b!important;border:0!important}.user-shell .post-action:hover{color:#1d9bf0!important;background:transparent!important}.user-shell .post-action.liked{color:#f91880!important}.user-shell .post-action.reposted{color:#00ba7c!important}.user-shell .post-views{background:transparent!important;color:#71767b!important;border:0!important}.user-shell .comment-preview{border-color:#2f3336!important}.user-shell .comment-copy{background:#16181c!important}.user-shell .comment-meta b{color:#e7e9ea!important}.user-shell .comment-meta span,.user-shell .comment-meta time{color:#71767b!important}.user-shell .comment-copy p{color:#d6d9db!important}.user-shell .comment-line input{background:#000!important;border-color:#2f3336!important;color:#e7e9ea!important}.user-shell .comment-line button{background:#1d9bf0!important;color:#fff!important;border-radius:999px!important;box-shadow:none!important}.user-shell .view-all-comments{color:#1d9bf0!important}
.user-shell .post-poll{background:#16181c!important;border-color:#2f3336!important}.user-shell .post-poll>b{color:#e7e9ea!important}.user-shell .poll-option{background:#000!important;border-color:#2f3336!important;color:#d6d9db!important}.user-shell .poll-option.selected{color:#1d9bf0!important;border-color:#1d9bf0!important}.user-shell .poll-option>i{background:#0a2233!important}

/* Global social surfaces */
.user-shell .btn{border-radius:999px!important}.user-shell .btn.primary{background:#1d9bf0!important;color:#fff!important;box-shadow:none!important}.user-shell .btn.primary:hover{background:#1a8cd8!important}.user-shell .btn.ghost{background:#000!important;border-color:#536471!important;color:#e7e9ea!important}
.user-shell .auth-card,.user-shell .editor-card,.user-shell .upload-card,.user-shell .discover-card,.user-shell .top-list,.user-shell .artist-story,.user-shell .platform-hub,.user-shell .studio-list,.user-shell .admin-list,.user-shell .playlist-card,.user-shell .playlist-manage-card,.user-shell .profile-gallery-section,.user-shell .home-person-card,.user-shell .me-card,.user-shell .side-box,.user-shell .stage-side,.user-shell .community-hero,.user-shell .community-week,.user-shell .group-grid article,.user-shell .buddy-card,.user-shell .status-card,.user-shell .list-detail-hero,.user-shell .group-detail-hero,.user-shell .candidate-list>article,.user-shell .activity-hero,.user-shell .activity-event{
  background:#000!important;border-color:#2f3336!important;color:#e7e9ea!important;box-shadow:none!important;
}
.user-shell h1,.user-shell h2,.user-shell h3,.user-shell h4,.user-shell strong,.user-shell b{color:#e7e9ea}
.user-shell p,.user-shell small,.user-shell .muted{color:#aab8c2}
.user-shell input,.user-shell textarea,.user-shell select{background:#000!important;color:#e7e9ea!important;border-color:#2f3336!important}.user-shell input:focus,.user-shell textarea:focus,.user-shell select:focus{border-color:#1d9bf0!important;box-shadow:0 0 0 2px rgba(29,155,240,.15)!important}
.user-shell .eyebrow{color:#1d9bf0!important}.user-shell .genre-pills span,.user-shell .theme-choice span{background:#0f1419!important;border-color:#2f3336!important;color:#aab8c2!important}.user-shell .genre-pills input:checked+span,.user-shell .theme-choice input:checked+span{background:#0a2233!important;border-color:#1d9bf0!important;color:#e7e9ea!important}
.user-shell .flash.ok{background:#062d20!important;border-color:#0a6b4d!important;color:#9be7c4!important}.user-shell .flash.bad{background:#3b1118!important;border-color:#7a2634!important;color:#ffb4c0!important}
.user-shell .avatar{background:#16181c!important;color:#e7e9ea!important}.user-shell .avatar.xxl{border-color:#000!important}

/* Profiles: X profile structure feeling without copying X. */
.user-shell .profile-banner,.user-shell .profile-cover{background:#333639!important}.user-shell .profile-header,.user-shell .profile-card,.user-shell .profile-body{background:#000!important;color:#e7e9ea!important;border-color:#2f3336!important}.user-shell .profile-action-strip,.user-shell .profile-hero-actions{background:transparent!important}.user-shell .profile-action,.user-shell .profile-action-link,.user-shell .banner-btn{background:#000!important;border:1px solid #536471!important;color:#e7e9ea!important;border-radius:999px!important;box-shadow:none!important}.user-shell .profile-action:hover,.user-shell .profile-action-link:hover,.user-shell .banner-btn:hover{background:#181818!important}.user-shell .profile-action.primary{background:#e7e9ea!important;color:#0f1419!important;border-color:#e7e9ea!important}.user-shell .profile-post-stream .post-card{background:#000!important;border-color:#2f3336!important;border-radius:0!important}.user-shell .profile-posts-section{max-width:680px!important}.user-shell .profile-quick-composer{border-radius:0!important}

/* Discover / Top20: music keeps its own purple + amber accent. */
.user-shell .discover-page,.user-shell .top-page{color:#e7e9ea!important}.user-shell .discover-card{border:1px solid #2f3336!important;border-radius:18px!important;background:#0f1419!important}.user-shell .discover-description,.user-shell .discover-meta p{color:#aab8c2!important}.user-shell .discover-decisions button{background:#000!important;border-color:#2f3336!important;color:#aab8c2!important}.user-shell .discover-decisions .decision-like.active{background:#2b0c18!important;border-color:#f91880!important;color:#ff4d94!important}.user-shell .discover-decisions .decision-stage.active{background:#2a1e03!important;border-color:#ffb000!important;color:#ffcc4d!important}.user-shell .cover-play>span,.user-shell .round-play{background:#1d9bf0!important;color:#fff!important}.user-shell .top-row{border-color:#2f3336!important}.user-shell .top-row:hover{background:#080808!important}

/* Community / messages */
.user-shell .community-tabs{border-color:#2f3336!important;background:#000!important}.user-shell .community-tabs a{color:#71767b!important}.user-shell .community-tabs a.active{color:#e7e9ea!important;border-color:#1d9bf0!important;background:#0a2233!important}.user-shell .person-card{background:#000!important;border-color:#2f3336!important}.user-shell .person-card>small{color:#71767b!important}.user-shell .mini-genres span{background:#16181c!important;border-color:#2f3336!important;color:#aab8c2!important}.user-shell .person-actions .btn{background:#000!important;border-color:#536471!important;color:#e7e9ea!important}.user-shell .person-actions .btn.primary{background:#e7e9ea!important;color:#0f1419!important;border-color:#e7e9ea!important}
.user-shell.page-messages .app-main{padding:0 12px 30px!important}.user-shell .messages-workspace,.user-shell .message-conversations,.user-shell .message-thread-shell,.user-shell .message-thread-card,.user-shell .modern-message-composer,.user-shell .thread-head{background:#000!important;border-color:#2f3336!important;box-shadow:none!important}.user-shell .conversation-row{color:#e7e9ea!important}.user-shell .conversation-row:hover,.user-shell .conversation-row.active{background:#16181c!important;border-color:#1d9bf0!important}.user-shell .message-stream{background:#000!important;border-color:#2f3336!important}.user-shell .message-bubble.mine{background:#1d9bf0!important;color:#fff!important}.user-shell .message-bubble.theirs{background:#2f3336!important;color:#e7e9ea!important;border:0!important}.user-shell .message-bubble.theirs p{color:#e7e9ea!important}.user-shell .message-compose-main textarea{background:#16181c!important;color:#e7e9ea!important;border-color:#2f3336!important}.user-shell .message-send-btn{background:#1d9bf0!important;color:#fff!important;box-shadow:none!important}.user-shell .message-compose-tools select,.user-shell .message-compose-tools .attach-profile-check{background:#16181c!important;border-color:#2f3336!important;color:#aab8c2!important}

/* Dropdowns + modals */
.user-shell .notification-dropdown,.user-shell .quick-share-modal,.user-shell .simple-modal,.user-shell .post-detail-modal,.story-create-modal,.story-viewer{background:#000!important;border:1px solid #2f3336!important;color:#e7e9ea!important;box-shadow:0 24px 80px rgba(0,0,0,.65)!important}.user-shell .notification-dropdown-head,.user-shell .post-detail-modal>header{background:#000!important;border-color:#2f3336!important}.user-shell .notification-mini{color:#e7e9ea!important}.user-shell .notification-mini:hover,.user-shell .notification-mini.unread{background:#16181c!important}.user-shell .notification-all{color:#1d9bf0!important}.user-shell .quick-share-backdrop,.user-shell .simple-modal-backdrop,.user-shell .post-detail-backdrop,.story-create-backdrop,.story-viewer-backdrop{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(7px)!important}.user-shell .quick-share-close,.user-shell .modal-x,.user-shell .post-detail-modal>header button,.story-modal-close{background:#16181c!important;color:#e7e9ea!important}

/* STORIES — Instagram/Facebook-like behavior, original cards and MaviKesit layer. */
.stories-shell{margin:12px 0 14px;padding:0 0 13px;border-bottom:1px solid #2f3336;overflow:hidden}
.stories-track{display:flex;gap:9px;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:none;scroll-snap-type:x proximity}.stories-track::-webkit-scrollbar{display:none}
.story-card,.story-create-card{position:relative;flex:0 0 112px;height:178px;padding:0;border:1px solid #2f3336;border-radius:15px;overflow:hidden;background:#16181c;color:#fff;cursor:pointer;text-align:left;scroll-snap-align:start;transition:.16s ease}.story-card:hover,.story-create-card:hover{transform:translateY(-2px);border-color:#536471}.story-card-media{position:absolute;inset:0;display:block;background:linear-gradient(145deg,#1d9bf0,#8b5cf6 60%,#f91880);overflow:hidden}.story-card-media:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.88))}.story-card-media>img{width:100%;height:100%;object-fit:cover}.story-text-art{position:absolute;inset:0;display:grid;place-items:center;padding:16px;color:#fff;font-size:13px;font-weight:800;line-height:1.35;text-align:center;background:linear-gradient(145deg,#1d9bf0,#7138c9 55%,#f91880)}
.story-card>strong,.story-create-card>strong{position:absolute;z-index:3;left:9px;right:7px;bottom:19px;color:#fff;font-size:10px;line-height:1.15;text-shadow:0 1px 5px rgba(0,0,0,.7)}.story-card>small,.story-create-card>small{position:absolute;z-index:3;left:9px;bottom:7px;color:#b8c2ca;font-size:7px}.story-avatar-ring{position:absolute!important;z-index:4!important;left:8px!important;top:8px!important;width:39px!important;height:39px!important;display:grid!important;place-items:center!important;border:3px solid #1d9bf0!important;border-radius:50%!important;background:#000!important;color:#fff!important;font-size:11px!important;font-style:normal!important;overflow:hidden!important}.story-card.unseen .story-avatar-ring{border-color:#f91880!important;box-shadow:0 0 0 2px #8b5cf6}.story-card.seen .story-avatar-ring{border-color:#536471!important;box-shadow:none}.story-avatar-ring img{width:100%;height:100%;object-fit:cover}.story-create-media{background:#16181c!important}.story-create-media>img{height:70%;object-fit:cover;opacity:.92}.story-create-media>b{display:grid;place-items:center;height:70%;font-size:24px}.story-create-media>i{position:absolute;z-index:4;left:50%;top:65%;transform:translate(-50%,-50%);width:34px;height:34px;display:grid;place-items:center;border:4px solid #16181c;border-radius:50%;background:#1d9bf0;color:#fff;font-size:24px;font-style:normal;font-weight:700}
.story-create-backdrop,.story-viewer-backdrop{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:18px}.story-create-backdrop[hidden],.story-viewer-backdrop[hidden]{display:none!important}.story-create-modal{position:relative;width:min(520px,94vw);max-height:92vh;overflow:auto;padding:26px;border-radius:20px}.story-create-copy>span{color:#1d9bf0;font-size:9px;font-weight:900;letter-spacing:.16em}.story-create-copy h2{font-size:30px;margin:6px 0 8px}.story-create-copy p{color:#71767b;font-size:11px;line-height:1.55}.story-create-form{display:grid;gap:13px}.story-create-form label{display:grid;gap:6px;color:#aab8c2;font-size:10px}.story-create-form textarea,.story-create-form select{width:100%;padding:12px;border:1px solid #2f3336;border-radius:12px;background:#16181c;color:#e7e9ea;outline:0}.story-create-form textarea:focus,.story-create-form select:focus{border-color:#1d9bf0}.story-create-form label>small{color:#71767b}.story-file-control{position:relative;grid-template-columns:26px 1fr!important;align-items:center;padding:13px;border:1px dashed #536471;border-radius:13px;background:#0f1419;cursor:pointer}.story-file-control svg{width:22px;height:22px;color:#1d9bf0}.story-file-control b,.story-file-control small{display:block}.story-file-control input{position:absolute;inset:0;opacity:0;cursor:pointer}.story-publish{min-height:44px;border:0;border-radius:999px;background:#1d9bf0;color:#fff;font-weight:900;cursor:pointer}.story-publish:hover{background:#1a8cd8}
.story-viewer{position:relative;width:min(430px,94vw);height:min(780px,92vh);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;border-radius:20px;overflow:hidden;background:#0f1419!important}.story-progress{position:absolute;z-index:7;left:12px;right:12px;top:8px;height:3px;border-radius:99px;background:rgba(255,255,255,.25);overflow:hidden}.story-progress i{display:block;height:100%;width:0;background:#fff;transition:.2s}.story-viewer>header{position:relative;z-index:6;display:grid;grid-template-columns:38px minmax(0,1fr) 34px;gap:9px;align-items:center;padding:18px 13px 8px;background:linear-gradient(rgba(0,0,0,.72),transparent)}.story-view-avatar{width:36px;height:36px;border:2px solid #1d9bf0;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#16181c;font-size:10px;font-weight:900}.story-view-avatar img{width:100%;height:100%;object-fit:cover}.story-viewer header b,.story-viewer header small{display:block}.story-viewer header b{font-size:11px}.story-viewer header small{color:#b8c2ca;font-size:8px;margin-top:2px}.story-viewer header button{width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:23px;cursor:pointer}.story-stage{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#142b42,#3d1d70 55%,#501227);overflow:hidden}.story-stage>img{width:100%;height:100%;object-fit:cover}.story-body{position:absolute;z-index:3;left:24px;right:24px;top:45%;transform:translateY(-50%);padding:16px;color:#fff;font-size:22px;font-weight:850;line-height:1.35;text-align:center;text-shadow:0 3px 16px rgba(0,0,0,.75);overflow-wrap:anywhere}.story-stage.has-image .story-body{top:auto;bottom:126px;transform:none;font-size:17px;background:rgba(0,0,0,.35);border-radius:14px;backdrop-filter:blur(5px)}.story-music{position:absolute;z-index:5;left:15px;right:15px;bottom:18px;display:grid;grid-template-columns:52px minmax(0,1fr) 42px;gap:10px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.17);border-radius:15px;background:rgba(0,0,0,.62);backdrop-filter:blur(14px)}.story-music[hidden]{display:none!important}.story-music>img{width:52px;height:52px;border-radius:9px;object-fit:cover;background:#16181c}.story-music small,.story-music b,.story-music span{display:block}.story-music small{color:#b9a7ff;font-size:7px}.story-music b{font-size:11px;margin:2px 0}.story-music span{color:#b8c2ca;font-size:7px}.story-music button{width:42px;height:42px;border:0;border-radius:50%;background:#1d9bf0;color:#fff;display:grid;place-items:center;cursor:pointer}.story-music button svg{width:19px;height:19px}.story-nav{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:38px;height:56px;border:0;background:rgba(0,0,0,.25);color:#fff;font-size:32px;cursor:pointer}.story-prev{left:0;border-radius:0 16px 16px 0}.story-next{right:0;border-radius:16px 0 0 16px}.story-viewer>footer{position:relative;z-index:7;align-self:end;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 13px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#b8c2ca;font-size:8px}.story-viewer>footer button{border:0;background:rgba(255,255,255,.12);color:#fff;padding:7px 10px;border-radius:999px;font-size:8px;cursor:pointer}.home-story-zone{max-width:680px;margin:12px auto 4px}

/* Public entry also loses the hospital aesthetic. */
body:not(.user-shell){background:#0a0a0b!important;color:#f5f5f5!important}body:not(.user-shell):before{background:radial-gradient(circle at 15% 0%,rgba(29,155,240,.15),transparent 30%),radial-gradient(circle at 85% 10%,rgba(139,92,246,.12),transparent 28%)!important}.site-header{background:rgba(10,10,11,.86)!important;border-color:#27272a!important;color:#fff!important}.site-header .brand span{color:#fff!important}.site-header nav>a,.site-header .nav-quiet{color:#b4b4bd!important}.site-header nav>a:hover{color:#fff!important}.hero-next{background:linear-gradient(135deg,#0e0e10,#101827 64%,#26132c)!important;color:#fff!important}.hero-copy h1,.section-head h2,.home-circle-callout h2,.split-callout h2{color:#fff!important}.hero-copy>p,.home-circle-callout p,.split-callout p{color:#a1a1aa!important}.why-strip{border-color:#27272a!important;background:#27272a!important}.why-strip>div{background:#101012!important}.home-circle-callout,.split-callout article,.home-person-card,.mini-post{background:#101012!important;border-color:#27272a!important;color:#fff!important}.circle-mini-grid article{background:#18181b!important;border-color:#27272a!important}.site-footer{background:#050505!important;border-color:#27272a!important}

@media(max-width:1150px){
 .user-shell .app-frame{grid-template-columns:230px minmax(0,680px)!important;max-width:930px!important}.user-shell .right-rail{display:none!important}.user-shell .app-main{border-right:0!important}
}
@media(max-width:820px){
 .user-shell .site-header{display:flex!important;position:sticky!important;top:0!important;z-index:80!important;width:100%!important;height:58px!important;margin:0!important;padding:0 14px!important;border-radius:0!important;background:rgba(0,0,0,.94)!important;border-bottom:1px solid #2f3336!important;box-shadow:none!important}.user-shell .site-header .brand span{color:#fff!important}.user-shell .mobile-nav{color:#fff!important}
 .user-shell .app-frame{display:block!important;width:100%!important}.user-shell .left-rail{display:none!important}.user-shell .app-main{padding:0 10px 76px!important;border:0!important}.user-shell .feed-topline{top:58px!important;margin:0 -10px!important;padding:0 10px!important}.user-shell .site-header nav{background:#000!important;border-color:#2f3336!important}
 .stories-shell{margin-left:-10px;margin-right:-10px;padding-left:10px}.story-card,.story-create-card{flex-basis:102px;height:164px}.story-viewer{height:min(720px,94vh)}
}
@media(max-width:520px){
 .user-shell .feed-tabs a{font-size:10px!important;padding-left:2px!important;padding-right:2px!important}.story-create-modal{padding:20px}.story-viewer{width:100%;height:90vh;border-radius:16px}.story-body{font-size:19px}.story-stage.has-image .story-body{font-size:15px}.story-nav{width:32px}
}

/* =====================================================================
   HarmoniReverb NEXT v1.6.2 — DARK SOCIAL STABILIZATION
   Fix legacy light-theme collisions, widen the social canvas, normalize
   community/messages/profile surfaces, and add the #1 record showcase.
   ===================================================================== */
body.user-shell{
  --mk-bg:#070709;--mk-surface:#101116;--mk-surface-2:#17181e;--mk-surface-3:#1d1f26;
  --mk-border:#292b33;--mk-border-strong:#3a3d47;--mk-text:#f5f6f7;--mk-muted:#949aa3;
  --mk-blue:#2f9bff;--mk-blue-2:#1978d4;--mk-purple:#8b5cf6;--mk-pink:#f43f83;--mk-orange:#ff8a3d;--mk-green:#19b779;
  background:var(--mk-bg)!important;color:var(--mk-text)!important;
}
.user-shell .app-frame{
  width:100%!important;max-width:1760px!important;margin:0 auto!important;padding:0 14px!important;gap:14px!important;
  grid-template-columns:clamp(205px,14vw,235px) minmax(0,1fr) clamp(280px,20vw,315px)!important;
  background:var(--mk-bg)!important;
}
.user-shell .app-main{
  width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0 24px 72px!important;
  background:#0a0b0e!important;border-left:1px solid var(--mk-border)!important;border-right:1px solid var(--mk-border)!important;
}
.user-shell .left-rail,.user-shell .right-rail{background:var(--mk-bg)!important;border-radius:0!important;box-shadow:none!important}
.user-shell .left-rail{padding:12px 6px 24px!important;border:0!important;height:100vh!important;overflow-y:auto!important}
.user-shell .right-rail{padding:16px 4px 60px 8px!important;border:0!important;height:100vh!important;overflow-y:auto!important}
.user-shell .side-nav{display:grid!important;gap:3px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.user-shell .side-nav>a,.user-shell .side-nav-button{background:transparent!important;color:#d8dbe0!important;border:0!important;border-radius:14px!important;min-height:48px!important;padding:10px 12px!important;box-shadow:none!important}
.user-shell .side-nav>a:hover,.user-shell .side-nav-button:hover{background:#15161a!important;color:#fff!important}
.user-shell .side-nav>a.active,.user-shell .side-nav-button[aria-expanded="true"]{background:#17191e!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--mk-blue)!important}
.user-shell .side-nav>a.active:before{display:none!important}
.user-shell .side-brand{margin:0 4px 8px!important;padding:6px 8px!important;color:#fff!important}.user-shell .side-brand span{color:#fff!important}
.user-shell .side-quick{margin:14px 4px 0!important;padding:14px 8px 0!important}.user-shell .side-share{width:calc(100% - 8px)!important;margin:18px 4px 0!important;background:var(--mk-blue)!important}
.user-shell .rail-card{background:#0e0f13!important;border:1px solid var(--mk-border)!important;border-radius:18px!important;padding:16px!important;color:var(--mk-text)!important}
.user-shell .rail-head b{font-size:17px!important;color:#fff!important}.user-shell .rail-head a{font-size:10px!important;color:var(--mk-blue)!important}
.user-shell .rail-person,.user-shell .rail-post,.user-shell .rail-group{padding:11px 0!important;border-color:var(--mk-border)!important;min-width:0!important}
.user-shell .rail-person>div,.user-shell .rail-post>div,.user-shell .rail-group>div{min-width:0!important}
.user-shell .rail-person b,.user-shell .rail-post b,.user-shell .rail-group b{color:#f4f5f6!important;font-size:11px!important}.user-shell .rail-person span,.user-shell .rail-post span,.user-shell .rail-group small{color:#8e949d!important;font-size:9px!important;overflow-wrap:anywhere}
.user-shell .rail-actions{gap:5px!important}.user-shell .rail-action,.user-shell .rail-friend{min-height:30px!important;padding:5px 9px!important;font-size:8px!important;background:#0e0f13!important;border-color:#4a4f5a!important;color:#f4f5f6!important}

/* General dark surfaces: neutralize leftover hospital/light cards. */
.user-shell .community-page,.user-shell .messages-page,.user-shell .thread-page,.user-shell .profile-page,.user-shell .top-page,.user-shell .discover-page,.user-shell .activity-page{color:var(--mk-text)!important;min-width:0!important;max-width:100%!important}
.user-shell .community-hero,.user-shell .community-week,.user-shell .community-panel,.user-shell .status-composer,.user-shell .status-cards>article,
.user-shell .person-card,.user-shell .request-list>article,.user-shell .buddy-card,.user-shell .friend-list>article,.user-shell .group-grid>article,
.user-shell .messages-layout,.user-shell .conversation-list,.user-shell .message-welcome,.user-shell .messages-workspace,.user-shell .thread-conversations,.user-shell .embedded-thread,
.user-shell .profile-intro,.user-shell .artist-story,.user-shell .platform-hub,.user-shell .profile-gallery-section,.user-shell .song-drop-card,
.user-shell .split-callout>article,.user-shell .home-person-card,.user-shell .mini-post,.user-shell .home-circle-callout,.user-shell .circle-mini-grid>article{
  background:var(--mk-surface)!important;border-color:var(--mk-border)!important;color:var(--mk-text)!important;box-shadow:none!important;
}
.user-shell .community-page h1,.user-shell .community-page h2,.user-shell .community-page h3,.user-shell .messages-page h1,.user-shell .messages-page h2,.user-shell .messages-page h3,
.user-shell .profile-page h1,.user-shell .profile-page h2,.user-shell .profile-page h3,.user-shell .home-person-card h3,.user-shell .mini-post b,.user-shell .split-callout h2{color:#f5f6f7!important}
.user-shell .community-page p,.user-shell .community-page small,.user-shell .messages-page p,.user-shell .messages-page small,.user-shell .profile-page p,.user-shell .profile-page small,.user-shell .split-callout p{color:var(--mk-muted)!important}
.user-shell .community-page input,.user-shell .community-page textarea,.user-shell .community-page select,.user-shell .messages-page input,.user-shell .messages-page textarea,.user-shell .messages-page select{
  background:#0a0b0e!important;border:1px solid #343741!important;color:#f3f4f5!important;border-radius:12px!important;box-shadow:none!important;
}
.user-shell .community-page input:focus,.user-shell .community-page textarea:focus,.user-shell .community-page select:focus,.user-shell .messages-page input:focus,.user-shell .messages-page textarea:focus,.user-shell .messages-page select:focus{border-color:var(--mk-blue)!important;box-shadow:0 0 0 3px rgba(47,155,255,.12)!important}

/* Home #1 chart showcase */
.home-chart-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:34px;align-items:center;min-height:520px;margin:22px 0 18px;padding:44px 46px;border:1px solid #2b2d36;border-radius:26px;overflow:hidden;background:radial-gradient(circle at 82% 15%,rgba(139,92,246,.22),transparent 28%),radial-gradient(circle at 20% 100%,rgba(47,155,255,.13),transparent 30%),linear-gradient(135deg,#0e0f13,#11131a 58%,#151020);color:#fff}
.home-chart-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(255,255,255,.025),transparent 32%,rgba(255,255,255,.015));pointer-events:none}
.chart-overline{display:flex;align-items:center;gap:10px;margin-bottom:20px}.chart-overline span{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;background:var(--mk-blue,#2f9bff);color:#fff;font-size:9px;font-weight:950;letter-spacing:.13em}.chart-overline b{color:#a8adb6;font-size:9px;letter-spacing:.16em}
.home-chart-copy{min-width:0}.home-chart-copy h1{margin:0 0 19px;color:#fff!important;font-size:clamp(44px,5vw,72px);line-height:.94;letter-spacing:-.06em;overflow-wrap:anywhere}.home-chart-copy>p{max-width:620px;margin:20px 0;color:#9ca2ac!important;font-size:13px;line-height:1.7}
.chart-artist{display:inline-flex;align-items:center;gap:10px;min-width:0}.chart-artist>span:last-child{min-width:0}.chart-artist b,.chart-artist small{display:block}.chart-artist b{color:#fff!important;font-size:14px}.chart-artist small{margin-top:3px;color:#8f96a0!important;font-size:9px;overflow-wrap:anywhere}
.chart-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:23px}.home-chart-listen,.home-chart-profile{min-height:45px;border-radius:999px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;cursor:pointer}.home-chart-listen{border:0;background:#f7f7f8;color:#0b0c0f;font-size:11px}.home-chart-listen svg{width:18px;height:18px}.home-chart-listen.playing{background:var(--mk-blue,#2f9bff);color:#fff}.home-chart-profile{border:1px solid #424651;background:transparent;color:#f3f4f5;font-size:10px}.home-chart-profile:hover{background:#17191f}
.chart-stats{display:flex;flex-wrap:wrap;gap:18px;margin-top:27px;padding-top:18px;border-top:1px solid #2b2d35}.chart-stats span{display:flex;align-items:baseline;gap:5px;color:#858b95;font-size:8px}.chart-stats b{color:#fff!important;font-size:14px}
.home-record-stage{position:relative;min-height:410px;display:grid;place-items:center}.record-disc{position:absolute;width:min(330px,78%);aspect-ratio:1;border-radius:50%;right:1%;top:50%;transform:translateY(-50%);background:repeating-radial-gradient(circle at center,#121318 0 3px,#202228 4px 5px,#0d0e12 6px 10px);box-shadow:0 30px 65px rgba(0,0,0,.55);animation:recordSpin 26s linear infinite}.record-disc:before{content:"";position:absolute;inset:47%;border-radius:50%;background:#11131a;box-shadow:0 0 0 22px #7f4cff,0 0 0 25px #15161c}.record-disc:after{content:"";position:absolute;inset:49%;border-radius:50%;background:#d9dcdf}.record-disc i{position:absolute;inset:12%;border-radius:50%;border:1px solid rgba(255,255,255,.05)}.record-disc span{position:absolute;inset:24%;border-radius:50%;border:1px solid rgba(255,255,255,.035)}
@keyframes recordSpin{to{transform:translateY(-50%) rotate(360deg)}}
.record-sleeve{position:absolute;z-index:3;left:3%;top:50%;transform:translateY(-50%) rotate(-3deg);width:min(310px,72%);aspect-ratio:1;border-radius:18px;overflow:hidden;background:#191b22;border:1px solid #3a3d47;box-shadow:0 30px 70px rgba(0,0,0,.58)}.record-sleeve img{width:100%;height:100%;object-fit:cover;display:block}.record-sleeve-gloss{position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.18),transparent 22%,transparent 72%,rgba(255,255,255,.07));pointer-events:none}.record-fallback{display:grid;place-items:center;font-size:70px;color:#717783;background:linear-gradient(145deg,#17191f,#272a33)}
.chart-number{position:absolute;z-index:5;right:0;bottom:26px;display:grid;place-items:end;padding:12px 15px;border-radius:15px;background:rgba(7,8,11,.85);border:1px solid #353844;backdrop-filter:blur(12px)}.chart-number span{font-size:8px;letter-spacing:.18em;color:#8f96a1}.chart-number b{font-size:38px;line-height:.9;color:#fff!important}.record-caption{position:absolute;z-index:5;left:0;bottom:12px;max-width:220px;padding:10px 12px;border-radius:12px;background:rgba(12,13,17,.82);border:1px solid #30333c;backdrop-filter:blur(10px)}.record-caption small,.record-caption b{display:block}.record-caption small{color:#8d93a0;font-size:6px;letter-spacing:.12em}.record-caption b{margin-top:4px;color:#fff!important;font-size:12px}.empty-chart-hero .record-sleeve{display:grid;place-items:center}

/* Home secondary modules — all dark and readable. */
.user-shell .why-strip{background:#252831!important;border-color:#252831!important;border-radius:18px!important}.user-shell .why-strip>div{background:#0f1014!important}.user-shell .why-strip>div:nth-child(2),.user-shell .why-strip>div:nth-child(3),.user-shell .why-strip>div:nth-child(4){background:#0f1014!important}.user-shell .why-strip b{color:#f4f5f6!important}.user-shell .why-strip p{color:#9096a0!important}.user-shell .why-strip span{color:var(--mk-blue)!important}
.user-shell .home-circle-callout{background:linear-gradient(135deg,#11131a,#15121d)!important;border:1px solid var(--mk-border)!important}.user-shell .circle-mini-grid>article{background:#17191f!important;border:1px solid #2d3039!important}.user-shell .circle-mini-grid b{color:#fff!important}.user-shell .circle-mini-grid span{color:#e6e8eb!important}.user-shell .circle-mini-grid small{color:#8d939d!important}
.user-shell .split-callout>article,.user-shell .split-callout>article:nth-child(2){background:#101116!important;border:1px solid var(--mk-border)!important}.user-shell .split-callout>article:nth-child(2){background:linear-gradient(145deg,#111218,#17101d)!important}.user-shell .split-callout a{color:var(--mk-blue)!important}
.user-shell .mini-post{background:#101116!important;border:1px solid var(--mk-border)!important}.user-shell .mini-post>p{color:#d3d6db!important}.user-shell .mini-track{background:#17191f!important;color:#e4e6e9!important}.user-shell .mini-track>span{color:var(--mk-blue)!important}
.user-shell .section-head h2{color:#f5f6f7!important}.user-shell .section-head>div>p{color:#9399a2!important}.user-shell .section-head>a{color:var(--mk-blue)!important}
.user-shell .track-shelf{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:15px!important}.user-shell .shelf-track>b{color:#f4f5f6!important}.user-shell .shelf-track>small{color:#8e949e!important}.user-shell .cover-play{background:#17191f!important;border-radius:16px!important}.user-shell .cover-play>span{background:rgba(9,10,13,.88)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important}
.user-shell .home-people-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr))!important;gap:14px!important}.user-shell .home-person-card{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:320px!important;padding:20px!important;border-radius:18px!important;background:#101116!important;border:1px solid var(--mk-border)!important;overflow:hidden!important}.user-shell .home-person-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-width:0!important}.user-shell .home-person-name{width:100%!important;min-width:0!important;margin-top:16px!important}.user-shell .home-person-name>div{min-width:0!important}.user-shell .home-person-name h3{display:flex!important;align-items:center!important;gap:5px!important;margin:0!important;font-size:22px!important;line-height:1.08!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important}.user-shell .home-person-name span{display:block!important;margin-top:5px!important;color:#858c96!important;font-size:9px!important;overflow-wrap:anywhere!important}.user-shell .home-person-card>p{min-height:42px!important;color:#b7bbc2!important;font-size:11px!important;line-height:1.55!important;overflow-wrap:anywhere!important}.user-shell .home-match{width:64px!important;height:64px!important;flex:0 0 64px!important;background:#191b22!important;border:1px solid #2e313a!important}.user-shell .home-match b{color:#fff!important;font-size:20px!important}.user-shell .home-match span{color:#818791!important}.user-shell .home-person-genres{display:flex!important;flex-wrap:wrap!important;gap:6px!important;min-height:30px!important}.user-shell .home-person-genres span{background:#17191f!important;color:#bfc3c9!important;border:1px solid #30333c!important}.user-shell .home-person-stats{margin-top:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.user-shell .home-person-stats>div{min-width:0!important;background:#17191f!important;border:1px solid #292c34!important;border-radius:11px!important;padding:9px 5px!important;text-align:center!important}.user-shell .home-person-stats b{color:#fff!important}.user-shell .home-person-stats span{color:#858b95!important;font-size:7px!important}.user-shell .home-person-cta{margin-top:14px!important;color:var(--mk-blue)!important;border-top:1px solid #292c34!important}

/* Top 20: kill legacy light gradient rows. */
.user-shell .top-list{background:#0c0d10!important;border:1px solid var(--mk-border)!important;border-radius:18px!important;overflow:hidden!important}.user-shell .top-row,.user-shell .top-row:nth-child(-n+3){background:#0c0d10!important;border-color:var(--mk-border)!important;color:#f4f5f6!important}.user-shell .top-row:nth-child(1){box-shadow:inset 4px 0 0 #ffb000!important}.user-shell .top-row:nth-child(2){box-shadow:inset 4px 0 0 #a5a9b1!important}.user-shell .top-row:nth-child(3){box-shadow:inset 4px 0 0 #c17a43!important}.user-shell .top-song b{color:#fff!important}.user-shell .top-song span{color:#8b919a!important}.user-shell .top-avatar{background:#17191f!important;color:var(--mk-blue)!important}.user-shell .rank{color:#f5f6f7!important}.user-shell .top-row:nth-child(-n+3) .rank{color:#ff9f43!important}.user-shell .score{color:var(--mk-blue)!important}

/* Community: stable readable grids and dark cards. */
.user-shell .community-page{padding:22px 0 60px!important}.user-shell .community-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr)!important;gap:24px!important;align-items:center!important;padding:34px!important;border-radius:22px!important;background:radial-gradient(circle at 85% 10%,rgba(47,155,255,.16),transparent 32%),linear-gradient(135deg,#101116,#14151b)!important}.user-shell .community-hero h1{color:#fff!important;max-width:680px!important}.user-shell .community-hero p{color:#a0a6af!important}.user-shell .community-week{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:12px!important;background:#0b0c0f!important;border:1px solid #2b2e36!important}.user-shell .community-week>small{grid-column:1/-1!important;color:#8d94a0!important}.user-shell .community-week>div{background:#17191f!important;border:1px solid #292c34!important}.user-shell .community-week b{color:#fff!important}.user-shell .community-week span{color:#8c929c!important}
.user-shell .status-composer{grid-template-columns:minmax(150px,.75fr) minmax(220px,1.35fr) minmax(150px,.7fr) auto!important;gap:9px!important;align-items:center!important;padding:13px!important;background:#101116!important;border:1px solid var(--mk-border)!important;border-radius:16px!important}.user-shell .status-composer b{color:#fff!important}.user-shell .status-composer span{color:#8e949d!important}.user-shell .status-composer input{background:#0a0b0e!important;color:#f4f5f6!important}.user-shell .status-composer .btn{white-space:nowrap!important}
.user-shell .community-tabs{display:flex!important;gap:3px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;white-space:nowrap!important;background:#0b0c0f!important;border:1px solid var(--mk-border)!important;border-radius:14px!important;padding:4px!important}.user-shell .community-tabs::-webkit-scrollbar{display:none}.user-shell .community-tabs a{flex:0 0 auto!important;padding:11px 16px!important;border:0!important;border-radius:10px!important;color:#8b919a!important}.user-shell .community-tabs a.active{background:#17191f!important;color:#fff!important;box-shadow:inset 0 -2px 0 var(--mk-blue)!important}
.user-shell .people-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr))!important;gap:14px!important}.user-shell .person-card{position:relative!important;display:grid!important;grid-template-columns:60px minmax(0,1fr) 62px!important;grid-template-rows:auto auto auto auto!important;grid-template-areas:"avatar name badge" "avatar handle badge" "genres genres genres" "actions actions actions"!important;gap:6px 12px!important;align-items:center!important;min-width:0!important;min-height:230px!important;padding:18px!important;border-radius:18px!important;background:#101116!important;border:1px solid var(--mk-border)!important;text-align:left!important;overflow:hidden!important}.user-shell .person-card>.avatar{grid-area:avatar!important;width:58px!important;height:58px!important;margin:0!important;align-self:start!important}.user-shell .person-card>.match-ring{grid-area:badge!important;position:static!important;width:60px!important;height:60px!important;margin:0!important;justify-self:end!important;align-self:start!important;background:#191b22!important;border:1px solid #30333c!important}.user-shell .person-card>.match-ring b{font-size:18px!important;color:#fff!important}.user-shell .person-card>.match-ring span{color:#858b95!important}.user-shell .person-card>h3{grid-area:name!important;min-width:0!important;margin:0!important;color:#fff!important;font-size:18px!important;line-height:1.12!important;word-break:normal!important;overflow-wrap:anywhere!important}.user-shell .person-card>small{grid-area:handle!important;min-width:0!important;color:#838a94!important;word-break:normal!important;overflow-wrap:anywhere!important}.user-shell .person-card>.mini-genres{grid-area:genres!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important;justify-content:flex-start!important;min-width:0!important;margin:10px 0 4px!important}.user-shell .person-card>.person-actions{grid-area:actions!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;width:100%!important;margin-top:auto!important}.user-shell .person-actions form{display:contents!important}.user-shell .person-actions .btn{min-width:0!important;min-height:38px!important;padding:8px 10px!important;font-size:9px!important}.user-shell .mini-genres span{background:#17191f!important;color:#b8bdc4!important;border:1px solid #30333c!important}
.user-shell .split-community{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}.user-shell .community-panel{min-width:0!important;padding:28px!important;border-radius:20px!important;background:#101116!important;border:1px solid var(--mk-border)!important}.user-shell .community-panel h2,.user-shell .community-panel h3{color:#fff!important;word-break:normal!important;overflow-wrap:anywhere!important}.user-shell .community-panel p{color:#9ca2ab!important}.user-shell .stack-form{display:grid!important;gap:10px!important}.user-shell .simple-list a,.user-shell .duel-mini-list a{background:#17191f!important;border:1px solid #292c34!important;color:#f2f3f4!important;border-radius:12px!important;min-width:0!important}.user-shell .simple-list a b,.user-shell .duel-mini-list a b{color:#fff!important}.user-shell .simple-list a small,.user-shell .duel-mini-list a span,.user-shell .duel-mini-list a small{color:#8c929b!important}.user-shell .friend-checks label span{background:#17191f!important;color:#bec2c8!important;border-color:#30333c!important}.user-shell .group-grid>article{background:#101116!important;border:1px solid var(--mk-border)!important}.user-shell .group-grid h3{color:#fff!important}.user-shell .group-grid p,.user-shell .group-grid span{color:#9298a1!important}.user-shell .friend-list>article{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto auto!important;gap:10px!important;align-items:center!important;background:#101116!important;border:1px solid var(--mk-border)!important;color:#f4f5f6!important}.user-shell .friend-list>article>div{min-width:0!important}.user-shell .friend-list b{color:#fff!important}.user-shell .friend-list span{color:#8d939c!important}.user-shell .buddy-card{background:linear-gradient(135deg,#101116,#131720)!important}.user-shell .buddy-disc{background:#17191f!important;border:1px solid #30333c!important;color:var(--mk-blue)!important}.user-shell .empty-soft{background:#101116!important;border:1px dashed #343741!important;color:#8e949e!important}

/* Messages: no white-on-white surfaces. */
.user-shell .messages-page{padding:22px 0 60px!important}.user-shell .messages-head h1{color:#fff!important}.user-shell .messages-head p{color:#989ea7!important}.user-shell .messages-layout{display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;min-height:610px!important;border:1px solid var(--mk-border)!important;border-radius:20px!important;overflow:hidden!important;background:#0d0e12!important}.user-shell .conversation-list{padding:18px!important;background:#0d0e12!important;border-right:1px solid var(--mk-border)!important}.user-shell .conversation-list h3{color:#fff!important}.user-shell .conversation-list>a{border-radius:12px!important;color:#f2f3f4!important}.user-shell .conversation-list>a:hover{background:#17191f!important}.user-shell .conversation-list small{color:#858b95!important}.user-shell .message-welcome{display:grid!important;place-items:center!important;align-content:center!important;min-width:0!important;padding:40px!important;background:#101116!important;color:#f4f5f6!important;text-align:center!important}.user-shell .message-welcome h2{color:#fff!important}.user-shell .message-welcome p{max-width:520px!important;color:#9298a1!important}.user-shell .message-disc{background:#17191f!important;color:var(--mk-blue)!important;border:1px solid #30333c!important}.user-shell .messages-workspace{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;min-height:calc(100vh - 24px)!important;max-height:calc(100vh - 24px)!important;border:1px solid var(--mk-border)!important;border-radius:18px!important;overflow:hidden!important;background:#0b0c0f!important}.user-shell .thread-conversations{min-width:0!important;background:#0d0e12!important;border-right:1px solid var(--mk-border)!important}.user-shell .thread-conversations-head{background:#0d0e12!important;border-color:var(--mk-border)!important}.user-shell .thread-conversations-head h2{color:#fff!important}.user-shell .thread-search input{background:#17191f!important;color:#f4f5f6!important}.user-shell .thread-conversation-item{min-width:0!important;color:#f4f5f6!important}.user-shell .thread-conversation-item:hover,.user-shell .thread-conversation-item.active{background:#17191f!important}.user-shell .thread-conversation-item div{min-width:0!important}.user-shell .thread-conversation-item b,.user-shell .thread-conversation-item span,.user-shell .thread-conversation-item small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.user-shell .embedded-thread{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;min-width:0!important;min-height:0!important;background:#0a0b0e!important}.user-shell .thread-head{position:relative!important;top:auto!important;z-index:3!important;background:#0d0e12!important;border-bottom:1px solid var(--mk-border)!important}.user-shell .thread-person{min-width:0!important}.user-shell .thread-person b{color:#fff!important}.user-shell .thread-person span{color:#858b94!important}.user-shell .thread-match{background:#17191f!important;color:var(--mk-blue)!important;border:1px solid #30333c!important}.user-shell .message-stream{min-height:0!important;overflow-y:auto!important;padding:18px!important;background:#0a0b0e!important}.user-shell .modern-message-composer{position:relative!important;bottom:auto!important;margin:0!important;padding:12px!important;background:#0d0e12!important;border:0!important;border-top:1px solid var(--mk-border)!important;border-radius:0!important}.user-shell .message-compose-main{grid-template-columns:minmax(0,1fr) 46px!important}.user-shell .message-compose-main textarea{background:#17191f!important;border:1px solid #30333c!important;color:#f4f5f6!important}.user-shell .message-compose-tools select,.user-shell .message-compose-tools .attach-profile-check{background:#17191f!important;border-color:#30333c!important;color:#aeb3bb!important}

/* Profile: restore horizontal identity block and sane contrast. */
.user-shell .profile-page{padding:20px 0 70px!important}.user-shell .profile-cover{height:300px!important;border-radius:20px!important;background:#20232b!important;border:1px solid #2e313a!important;box-shadow:none!important}.user-shell .profile-shade{background:linear-gradient(0deg,rgba(7,8,10,.55),transparent 70%)!important}.user-shell .profile-intro{display:grid!important;grid-template-columns:128px minmax(0,1fr) minmax(240px,auto)!important;gap:18px!important;align-items:center!important;margin:-72px 22px 0!important;padding:18px 20px!important;min-height:150px!important;border-radius:20px!important;background:rgba(14,15,19,.96)!important;border:1px solid #343741!important;color:#fff!important;box-shadow:0 18px 50px rgba(0,0,0,.36)!important;backdrop-filter:blur(14px)!important;overflow:visible!important}.user-shell .profile-avatar-wrap{width:128px!important;min-width:128px!important}.user-shell .profile-intro .avatar.xxl{width:120px!important;height:120px!important;border:4px solid #0e0f13!important;background:#191b21!important}.user-shell .profile-main-info{min-width:0!important;width:100%!important;padding:0!important;overflow:visible!important}.user-shell .name-line{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;min-width:0!important}.user-shell .name-line h1{margin:0!important;min-width:0!important;max-width:100%!important;color:#fff!important;font-size:clamp(28px,3vw,40px)!important;line-height:1.05!important;word-break:normal!important;overflow-wrap:anywhere!important;hyphens:none!important}.user-shell .profile-handle{display:block!important;margin-top:5px!important;color:#9096a0!important;font-size:11px!important;word-break:normal!important;overflow-wrap:anywhere!important}.user-shell .profile-main-info .tagline{max-width:620px!important;color:#c1c5ca!important}.user-shell .profile-stats{display:flex!important;gap:18px!important;flex-wrap:wrap!important}.user-shell .profile-stats b{color:#fff!important}.user-shell .profile-stats span{color:#858b95!important}.user-shell .profile-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important;max-width:390px!important;padding:0!important}.user-shell .profile-actions .banner-btn{min-height:38px!important;padding:8px 12px!important;background:#17191f!important;color:#f4f5f6!important;border:1px solid #3b3f49!important;border-radius:999px!important;box-shadow:none!important}.user-shell .profile-actions .banner-btn:hover{background:#202229!important}.user-shell .profile-actions .banner-btn.emphasis{background:#f2f3f4!important;color:#0b0c0f!important;border-color:#f2f3f4!important}.user-shell .profile-actions .banner-btn.active{background:#161e29!important;color:#8acaff!important;border-color:#2d6c9f!important}.user-shell .profile-actions .danger-soft{background:#231319!important;color:#ff7b9e!important;border-color:#653044!important}.user-shell .verified-mark{background:var(--mk-blue)!important;color:#fff!important;box-shadow:none!important}.user-shell .verified-label,.user-shell .artist-label{background:#17191f!important;border:1px solid #3a3d47!important;color:#d9dce0!important}.user-shell .profile-genres{margin:18px 22px 0!important}.user-shell .profile-genres span{background:#17191f!important;border:1px solid #30333c!important;color:#b7bbc2!important}.user-shell .artist-hub{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin:28px 22px!important}.user-shell .artist-story,.user-shell .platform-hub{padding:24px!important;background:#101116!important;border:1px solid var(--mk-border)!important}.user-shell .artist-about{color:#b4b8c0!important;word-break:normal!important;overflow-wrap:anywhere!important}.user-shell .platform-btn{background:#17191f!important;border-color:#30333c!important;color:#f1f2f3!important}.user-shell .platform-btn:hover{background:#1d2026!important;border-color:#464a55!important}.user-shell .profile-gallery-section,.user-shell .profile-posts-section,.user-shell .profile-social-zone{min-width:0!important}.user-shell .profile-post-stream{min-width:0!important}.user-shell .song-drop-card{background:#101116!important;border-color:var(--mk-border)!important}

/* Forms / cards in community lists and admin-like pages retain dark contrast. */
.user-shell .friend-checks label,.user-shell .theme-choice span,.user-shell .genre-pills span{color:#b8bdc4!important}.user-shell .candidate-list>article,.user-shell .list-detail-hero,.user-shell .group-detail-hero,.user-shell .activity-hero,.user-shell .activity-event{background:#101116!important;border-color:var(--mk-border)!important;color:#f4f5f6!important}.user-shell .candidate-list>article p,.user-shell .activity-event p{color:#9ba1aa!important}

/* Responsive widening strategy: keep center dominant as long as possible. */
@media(max-width:1320px){
 .user-shell .app-frame{grid-template-columns:210px minmax(0,1fr) 280px!important;padding:0 10px!important;gap:10px!important}.user-shell .app-main{padding-left:18px!important;padding-right:18px!important}
 .user-shell .profile-intro{grid-template-columns:115px minmax(0,1fr)!important}.user-shell .profile-actions{grid-column:1/-1!important;justify-content:flex-start!important;max-width:none!important}.user-shell .profile-avatar-wrap{width:115px!important;min-width:115px!important}.user-shell .profile-intro .avatar.xxl{width:108px!important;height:108px!important}
}
@media(max-width:1160px){
 .user-shell .app-frame{grid-template-columns:205px minmax(0,1fr)!important;max-width:1080px!important}.user-shell .right-rail{display:none!important}.user-shell .app-main{border-right:0!important}
 .home-chart-hero{grid-template-columns:minmax(0,1fr) 330px;padding:36px 32px}.home-record-stage{min-height:360px}.record-sleeve{width:270px}.record-disc{width:290px}
}
@media(max-width:900px){
 .user-shell .community-hero,.user-shell .split-community,.user-shell .artist-hub{grid-template-columns:1fr!important}.user-shell .community-week{grid-template-columns:repeat(4,minmax(0,1fr))!important}.user-shell .status-composer{grid-template-columns:1fr!important}.user-shell .messages-layout{grid-template-columns:1fr!important}.user-shell .conversation-list{border-right:0!important;border-bottom:1px solid var(--mk-border)!important;max-height:310px!important}.user-shell .messages-workspace{grid-template-columns:220px minmax(0,1fr)!important}
 .home-chart-hero{grid-template-columns:1fr!important}.home-record-stage{min-height:390px}.home-chart-copy h1{font-size:54px}
}
@media(max-width:820px){
 .user-shell .app-frame{display:block!important;width:100%!important;max-width:none!important;padding:0!important}.user-shell .app-main{padding:0 12px 76px!important;border:0!important}.user-shell .left-rail{display:none!important}
 .user-shell .profile-intro{grid-template-columns:92px minmax(0,1fr)!important;gap:12px!important;margin:-48px 10px 0!important;padding:12px!important}.user-shell .profile-avatar-wrap{width:92px!important;min-width:92px!important}.user-shell .profile-intro .avatar.xxl{width:88px!important;height:88px!important}.user-shell .profile-actions{grid-column:1/-1!important}.user-shell .name-line h1{font-size:28px!important}
 .user-shell .messages-workspace{display:block!important;max-height:none!important;min-height:0!important}.user-shell .thread-conversations{display:none!important}.user-shell .embedded-thread{min-height:calc(100vh - 72px)!important}
 .home-chart-hero{margin-left:0;margin-right:0;padding:28px 20px;border-radius:18px}.home-record-stage{min-height:340px}.record-sleeve{width:235px}.record-disc{width:255px}.chart-number{right:5px}.record-caption{left:5px}
}
@media(max-width:600px){
 .user-shell .community-week{grid-template-columns:1fr 1fr!important}.user-shell .people-grid,.user-shell .home-people-grid{grid-template-columns:1fr!important}.user-shell .person-card{grid-template-columns:54px minmax(0,1fr) 54px!important}.user-shell .person-card>.avatar{width:52px!important;height:52px!important}.user-shell .person-card>.match-ring{width:52px!important;height:52px!important}.user-shell .friend-list>article{grid-template-columns:42px minmax(0,1fr)!important}.user-shell .friend-list form{grid-column:2!important}.user-shell .profile-intro{grid-template-columns:78px minmax(0,1fr)!important}.user-shell .profile-avatar-wrap{width:78px!important;min-width:78px!important}.user-shell .profile-intro .avatar.xxl{width:74px!important;height:74px!important}.user-shell .profile-stats{gap:10px!important}.user-shell .profile-actions .banner-btn{min-height:36px!important;padding:7px 10px!important;font-size:9px!important}.home-chart-copy h1{font-size:42px}.home-record-stage{min-height:300px}.record-sleeve{width:205px}.record-disc{width:220px}.record-caption{display:none}.chart-stats{gap:10px}
}

/* ===== NEXT v1.6.3 — profil/hikaye stüdyosu + son kontrast stabilizasyonu ===== */
:root{--mk-bg:#050506;--mk-surface:#0d0f13;--mk-surface-2:#14171c;--mk-border:#2b3038;--mk-text:#f5f7fa;--mk-muted:#969da8;--mk-blue:#1d9bf0;--mk-pink:#f91880;--mk-amber:#ffb020;--mk-good:#00ba7c}
html{scrollbar-width:none!important}html::-webkit-scrollbar{display:none!important}body{scrollbar-width:none!important}body::-webkit-scrollbar{display:none!important}
.user-shell .app-main,.user-shell .left-rail,.user-shell .right-rail,.user-shell .message-stream,.user-shell .thread-conversation-list,.story-create-modal,.story-viewers-panel{scrollbar-width:none!important}.user-shell .app-main::-webkit-scrollbar,.user-shell .left-rail::-webkit-scrollbar,.user-shell .right-rail::-webkit-scrollbar,.user-shell .message-stream::-webkit-scrollbar,.user-shell .thread-conversation-list::-webkit-scrollbar,.story-create-modal::-webkit-scrollbar,.story-viewers-panel::-webkit-scrollbar{display:none!important}

/* Geriye kalan açık tema yüzeylerini karanlık sosyal yüzeylere sabitle. */
.user-shell .editor-card,.user-shell .group-weekly-top,.user-shell .group-feed>article,.user-shell .group-composer,.user-shell .gallery-editor-card,.user-shell .gallery-editor-item,.user-shell .animated-avatar-form,.user-shell .modern-file,.user-shell .upload-safety-note,
.user-shell .message-attachment,.user-shell .message-attachment.track,.user-shell .message-attachment.profile,.user-shell .message-attachment.playlist,.user-shell .comment-copy,.user-shell .post-poll,.user-shell .poll-option,.user-shell .modal-comment-form{
 background:var(--mk-surface)!important;border-color:var(--mk-border)!important;color:var(--mk-text)!important;box-shadow:none!important
}
.user-shell .group-weekly-top h2,.user-shell .group-feed b,.user-shell .group-feed strong,.user-shell .editor-card h2,.user-shell .editor-card h3,.user-shell .gallery-editor-card h2,.user-shell .message-attachment b,.user-shell .message-attachment.profile span,.user-shell .comment-copy p,.user-shell .comment-meta b{color:var(--mk-text)!important}
.user-shell .group-weekly-top small,.user-shell .group-feed small,.user-shell .gallery-editor-head p,.user-shell .animated-avatar-form span,.user-shell .modern-file small,.user-shell .editor-card label,.user-shell .field-counter,.user-shell .message-attachment small,.user-shell .message-attachment.profile small,.user-shell .comment-meta span,.user-shell .comment-meta time{color:var(--mk-muted)!important}
.user-shell .group-weekly-top article>button,.user-shell .gallery-item-actions button{background:#171a20!important;color:#e8ebef!important;border:1px solid #303640!important}.user-shell .gallery-item-actions .danger-link{background:#241218!important;color:#ff7997!important;border-color:#5a2635!important}
.user-shell .upload-safety-note{background:#171a20!important;color:#aeb5bf!important;border:1px solid #303640!important}.user-shell .modern-file{border:1px dashed #424955!important}.user-shell .modern-file span{background:#15202b!important;color:#8acaff!important}.user-shell .modern-file b{color:#f3f5f7!important}
.user-shell .gallery-counter{background:#151a22!important;color:#72c7ff!important;border:1px solid #303640!important}
.user-shell .editor-page input,.user-shell .editor-page textarea,.user-shell .editor-page select{background:#090a0d!important;color:#f4f6f8!important;border-color:#333944!important}.user-shell .editor-page input::placeholder,.user-shell .editor-page textarea::placeholder{color:#68717e!important}.user-shell .editor-page .label-title{color:#b9c0c9!important}

/* Profil biyografisi taşmaz. */
.user-shell .profile-main-info .tagline{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:5!important;overflow:hidden!important;max-width:58ch!important;max-height:7.5em!important;line-height:1.5!important;overflow-wrap:anywhere!important;word-break:normal!important}
.user-shell .artist-about{max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.65!important}
.field-counter{display:block;text-align:right;margin-top:4px;font-size:9px}

/* Aktif hikaye profilde Instagram/Facebook benzeri halka ile görünür. */
.profile-avatar-wrap.has-active-story{position:relative}.profile-avatar-wrap.has-active-story .avatar.xxl{box-shadow:0 0 0 3px #0d0f13,0 0 0 6px var(--mk-pink)!important}.profile-story-ring{position:absolute;z-index:7;left:50%;bottom:-16px;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:4px 10px;border:2px solid #0d0f13;border-radius:999px;background:linear-gradient(90deg,#8b5cf6,#f91880);color:#fff!important;font-size:8px;font-weight:900;text-decoration:none;white-space:nowrap}.profile-story-ring:hover{filter:brightness(1.1)}

/* 2 veya 3 kareli hareketli avatar. */
.animated-avatar{position:relative;display:block;width:100%;height:100%;overflow:hidden}.animated-avatar .avatar-frame{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:0}.animated-avatar.frames-2 .avatar-frame-1{animation:mk2a 7s ease-in-out infinite}.animated-avatar.frames-2 .avatar-frame-2{animation:mk2b 7s ease-in-out infinite}.animated-avatar.frames-3 .avatar-frame-1{animation:mk3a 9s ease-in-out infinite}.animated-avatar.frames-3 .avatar-frame-2{animation:mk3b 9s ease-in-out infinite}.animated-avatar.frames-3 .avatar-frame-3{animation:mk3c 9s ease-in-out infinite}@keyframes mk2a{0%,42%,100%{opacity:1}52%,90%{opacity:0}}@keyframes mk2b{0%,42%,100%{opacity:0}52%,90%{opacity:1}}@keyframes mk3a{0%,27%,100%{opacity:1}35%,92%{opacity:0}}@keyframes mk3b{0%,27%,63%,100%{opacity:0}35%,56%{opacity:1}}@keyframes mk3c{0%,56%,92%,100%{opacity:0}64%,86%{opacity:1}}
.avatar-frame-picker{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(0,2fr) auto!important;gap:16px!important;align-items:center!important;background:#0f1116!important;padding:16px!important}.avatar-picker-copy b{display:block;color:#fff!important;font-size:12px}.avatar-picker-copy span{display:block;color:#8e96a1!important;font-size:9px;line-height:1.45;margin-top:4px}.avatar-frame-options{display:flex;gap:8px;flex-wrap:wrap;min-width:0}.avatar-frame-options label{position:relative;cursor:pointer}.avatar-frame-options input{position:absolute;opacity:0;pointer-events:none}.avatar-frame-options label>span{position:relative;display:block;width:64px;height:64px;border:2px solid #303640;border-radius:14px;overflow:hidden;background:#151820}.avatar-frame-options img{width:100%;height:100%;object-fit:cover}.avatar-frame-options i{position:absolute;right:4px;bottom:4px;width:20px;height:20px;display:none;place-items:center;border-radius:50%;background:var(--mk-blue);color:#fff;font-style:normal;font-size:11px}.avatar-frame-options input:checked+span{border-color:var(--mk-blue);box-shadow:0 0 0 2px rgba(29,155,240,.18)}.avatar-frame-options input:checked+span i{display:grid}

/* Top 20 sıra numaraları kenara yapışmasın. */
.user-shell .top-row{padding-left:22px!important;padding-right:18px!important}.user-shell .top-row .rank{min-width:46px!important;padding-left:7px!important;margin-left:2px!important;text-align:left!important}

/* Hikaye oluşturma — profesyonel stüdyo. */
.story-create-modal{width:min(940px,96vw)!important;max-height:calc(100vh - 26px)!important;padding:24px!important;background:#0b0d11!important;border:1px solid #303640!important;color:#f5f7fa!important}.story-create-copy{padding-right:40px}.story-create-copy h2{color:#fff!important}.story-create-copy p{color:#929aa5!important}.story-editor-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:22px;align-items:start}.story-editor-preview{position:sticky;top:0;aspect-ratio:9/16;max-height:610px;border:1px solid #313641;border-radius:22px;overflow:hidden;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,#243a54,transparent 38%),linear-gradient(150deg,#121722,#271a36 58%,#32121f);color:var(--story-text-color,#fff);text-align:center}.story-editor-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-editor-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.38));pointer-events:none}.story-editor-preview>span{position:relative;z-index:2;max-width:92%;padding:12px 15px;border-radius:14px;color:var(--story-text-color,#fff);overflow-wrap:anywhere;line-height:1.3}.story-editor-preview>small{position:absolute;z-index:2;left:14px;bottom:12px;color:#d0d5dc;font-size:8px}.story-editor-preview[data-style="sans"]>span{font-family:Inter,system-ui,sans-serif}.story-editor-preview[data-style="display"]>span{font-family:Impact,"Arial Black",system-ui,sans-serif;letter-spacing:.015em}.story-editor-preview[data-style="serif"]>span{font-family:Georgia,"Times New Roman",serif}.story-editor-preview[data-style="mono"]>span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.story-editor-preview[data-align="left"]>span{text-align:left;justify-self:stretch}.story-editor-preview[data-align="right"]>span{text-align:right;justify-self:stretch}.story-editor-preview[data-size="sm"]>span{font-size:17px}.story-editor-preview[data-size="md"]>span{font-size:24px}.story-editor-preview[data-size="lg"]>span{font-size:34px;font-weight:900}.story-editor-preview[data-bg="none"]>span{background:transparent}.story-editor-preview[data-bg="soft"]>span{background:rgba(0,0,0,.38);backdrop-filter:blur(8px)}.story-editor-preview[data-bg="solid"]>span{background:rgba(0,0,0,.82)}
.story-editor-controls{display:grid;gap:12px;min-width:0}.story-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.story-create-form input,.story-create-form textarea,.story-create-form select{background:#12151a!important;border:1px solid #343a45!important;color:#f5f7fa!important;border-radius:12px!important}.story-create-form input{min-height:42px;padding:10px 12px}.story-emoji-row{display:flex;gap:6px;flex-wrap:wrap}.story-emoji-row button{width:36px;height:36px;border:1px solid #343a45;border-radius:10px;background:#14171c;color:#fff;font-size:18px;cursor:pointer}.story-emoji-row button:hover{border-color:#586171;background:#1a1e25}.story-color-control{display:grid!important;grid-template-columns:auto 42px 1fr!important;align-items:center!important;gap:9px!important}.story-color-control input[type="color"]{width:42px!important;height:36px!important;padding:2px!important;border-radius:10px!important}.story-color-control span{color:#8e96a1;font-size:9px}.story-file-control{background:#11151b!important;border-color:#3a424d!important}.story-publish{background:var(--mk-blue)!important}

/* Hikaye görüntüleyici taşmadan 9:16 çalışır. */
.story-viewer-backdrop{padding:10px!important}.story-viewer{height:min(780px,calc(100vh - 20px))!important;width:auto!important;aspect-ratio:9/16!important;max-width:94vw!important;max-height:calc(100vh - 20px)!important;border:1px solid #303640!important;border-radius:22px!important;overflow:hidden!important;background:#07080a!important;box-shadow:0 26px 90px rgba(0,0,0,.55)!important}.story-stage{inset:0!important}.story-stage>img{width:100%!important;height:100%!important;object-fit:cover!important}.story-body{max-width:calc(100% - 44px)!important;left:22px!important;right:22px!important;overflow-wrap:anywhere!important;word-break:normal!important}.story-body[data-style="sans"]{font-family:Inter,system-ui,sans-serif}.story-body[data-style="display"]{font-family:Impact,"Arial Black",system-ui,sans-serif;letter-spacing:.012em}.story-body[data-style="serif"]{font-family:Georgia,"Times New Roman",serif}.story-body[data-style="mono"]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.story-body[data-align="left"]{text-align:left!important}.story-body[data-align="center"]{text-align:center!important}.story-body[data-align="right"]{text-align:right!important}.story-body[data-size="sm"]{font-size:17px!important}.story-body[data-size="md"]{font-size:23px!important}.story-body[data-size="lg"]{font-size:32px!important;font-weight:900!important}.story-body[data-bg="none"]{background:transparent!important;backdrop-filter:none!important}.story-body[data-bg="soft"]{background:rgba(0,0,0,.42)!important;backdrop-filter:blur(8px)!important;border-radius:14px!important}.story-body[data-bg="solid"]{background:rgba(0,0,0,.82)!important;border-radius:14px!important}.story-stage.has-image .story-body{bottom:112px!important;top:auto!important;transform:none!important;padding:13px 15px!important}.story-music{bottom:14px!important}.story-viewer>footer{min-height:52px!important;padding:10px 12px!important}.story-view-count{display:inline-flex!important;align-items:center!important;gap:6px!important;border:1px solid rgba(255,255,255,.2)!important;background:rgba(0,0,0,.48)!important;color:#fff!important;padding:7px 10px!important;border-radius:999px!important;cursor:pointer!important}.story-view-count[hidden]{display:none!important}.story-view-count svg{width:15px;height:15px}.story-viewers-panel{position:absolute;z-index:20;left:10px;right:10px;bottom:10px;max-height:58%;overflow-y:auto;padding:12px;border:1px solid #343a45;border-radius:18px;background:rgba(14,16,21,.97);backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(0,0,0,.5)}.story-viewers-panel[hidden]{display:none!important}.story-viewers-panel>header{position:sticky;top:-12px;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:10px 4px 12px;background:#0e1015}.story-viewers-panel header b,.story-viewers-panel header small{display:block}.story-viewers-panel header b{color:#fff;font-size:13px}.story-viewers-panel header small{color:#858d98;font-size:8px;margin-top:2px}.story-viewers-panel header button{width:32px;height:32px;border:1px solid #343a45;border-radius:50%;background:#171a20;color:#fff;font-size:19px;cursor:pointer}.story-viewer-person{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center;padding:9px 4px;border-top:1px solid #292e36;color:#fff}.story-viewer-person:first-child{border-top:0}.story-viewer-person b,.story-viewer-person small{display:block}.story-viewer-person b{font-size:10px}.story-viewer-person small{font-size:8px;color:#88919d;margin-top:2px}.story-viewers-empty{padding:22px;text-align:center;color:#838b96;font-size:10px}

/* Mesaj ekleri ve grup top 10 kontrast hataları. */
.user-shell .message-bubble.theirs .message-attachment,.user-shell .message-bubble.mine .message-attachment{background:#181b21!important;border:1px solid #333944!important;color:#f5f7fa!important}.user-shell .message-bubble.mine .message-attachment{background:rgba(6,22,36,.42)!important;border-color:rgba(255,255,255,.18)!important}.user-shell .message-attachment.track button{background:#f5f7fa!important;color:#0b0d10!important}.user-shell .group-weekly-top{padding:20px!important;border-radius:18px!important}.user-shell .group-top-scroll{display:flex!important;gap:12px!important;overflow-x:auto!important;scrollbar-width:none!important}.user-shell .group-top-scroll::-webkit-scrollbar{display:none!important}.user-shell .group-top-scroll article{min-width:180px!important;color:#fff!important}.user-shell .group-top-scroll article>button{width:100%!important;aspect-ratio:1!important;border-radius:14px!important;overflow:hidden!important}.user-shell .group-top-scroll article>button img{width:100%!important;height:100%!important;object-fit:cover!important}.user-shell .group-top-scroll strong{display:block!important;margin-top:8px!important;color:#fff!important}.user-shell .group-top-scroll small{color:#8e96a1!important}

@media(max-width:980px){.avatar-frame-picker{grid-template-columns:1fr!important}.story-editor-layout{grid-template-columns:1fr!important}.story-editor-preview{position:relative!important;width:min(310px,100%);justify-self:center;max-height:520px}.story-create-modal{width:min(620px,96vw)!important}.story-viewer{height:min(720px,calc(100vh - 16px))!important}.profile-story-ring{bottom:-13px}.user-shell .top-row{padding-left:15px!important}.user-shell .top-row .rank{min-width:42px!important;padding-left:5px!important}}
@media(max-width:600px){.story-create-modal{padding:18px 14px!important}.story-style-grid{grid-template-columns:1fr 1fr}.story-editor-preview{width:min(260px,100%)}.story-body[data-size="lg"]{font-size:27px!important}.avatar-frame-options label>span{width:56px;height:56px}.story-viewer{height:auto!important;width:min(94vw,390px)!important;aspect-ratio:9/16!important}.user-shell .top-row{padding-left:12px!important}.user-shell .top-row .rank{min-width:38px!important;padding-left:3px!important}}
/* v1.6.3 küçük kontrast son rötuşları */
.user-shell .activity-event .activity-icon{background:#171a20!important;border:1px solid #303640!important;color:var(--mk-blue)!important}.user-shell .activity-event b{color:#f5f7fa!important}.user-shell .activity-event small{color:#7f8792!important}.user-shell .activity-event>a{color:var(--mk-blue)!important}.user-shell .group-big-icon{background:#151a20!important;color:var(--mk-blue)!important;border:1px solid #303640!important}.user-shell .back-link{color:#8acaff!important}.user-shell .group-detail-hero p{color:#aeb5bf!important}.user-shell .group-detail-hero small{color:#858d98!important}

/* =========================================================
   V1.6.4 — Sosyal yayın, mesaj, hikâye ve renk stabilizasyonu
   ========================================================= */
:root{--mk-bg:#07080b;--mk-panel:#0f1116;--mk-panel-2:#151820;--mk-line:#2b3039;--mk-text:#f5f7f9;--mk-muted:#929aa6;--mk-blue:#1d9bf0;--mk-blue-2:#65bfff;--mk-pink:#f43f7d;--mk-green:#18b981;--mk-amber:#f5a524}
html{scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0;display:none}body{background:var(--mk-bg);color:var(--mk-text)}

/* Sol sosyal ray */
.user-shell .left-rail{background:#08090c!important;border-right:1px solid #242832!important}
.user-shell .side-share{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:46px!important;margin-top:16px!important;border:0!important;border-radius:999px!important;background:var(--mk-blue)!important;color:white!important;font-weight:900!important;box-shadow:none!important}
.user-shell .side-share:hover{background:#36a8f4!important}.user-shell .side-share svg{width:18px;height:18px}
.side-logout-form{margin:8px 0 0}.side-logout{width:100%;display:flex;align-items:center;gap:12px;padding:11px 13px;border:0;border-radius:14px;background:transparent;color:#8f97a2;font:inherit;font-weight:750;cursor:pointer}.side-logout:hover{background:#151820;color:#fff}.side-logout svg{width:19px;height:19px}

/* Feed composer artık popup tetikleyici */
.feed-compose-trigger{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) 42px;align-items:center;gap:12px;padding:14px 16px;margin:16px 0;border:1px solid var(--mk-line);border-radius:18px;background:#0d0f14;color:#fff;text-align:left;cursor:pointer}.feed-compose-trigger:hover{border-color:#45505e;background:#11141a}.feed-compose-copy{display:grid;gap:3px;min-width:0}.feed-compose-copy b{font-size:15px}.feed-compose-copy small{font-size:11px;color:var(--mk-muted)}.feed-compose-plus{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--mk-blue);font-size:23px;font-weight:600}
.quick-share-modal{background:#0d0f14!important;border-color:#303640!important;color:#fff!important}.quick-share-modal h2{color:#fff!important}

/* Composer — son single köprüsü */
.release-composer-panel{background:#11141a!important;border:1px solid #303641!important}.release-composer-panel p{margin:0 0 12px;color:#9fa7b2;font-size:12px;line-height:1.55}.release-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.release-url-row input{min-width:0;background:#090b0f!important;color:#fff!important;border:1px solid #343a45!important}.release-preview{margin-top:10px;display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;padding:9px;border:1px solid #2d3440;border-radius:13px;background:#0a0c10}.release-preview[hidden]{display:none!important}.release-preview>img,.release-preview>span{width:54px;height:54px;border-radius:10px;object-fit:cover;background:#171a20;display:grid;place-items:center}.release-preview div{display:grid;gap:2px;min-width:0}.release-preview small{color:var(--mk-blue-2);text-transform:uppercase;font-size:9px}.release-preview b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.release-preview em{color:#8e97a3;font-style:normal;font-size:10px}.composer-tool-glyph{font-size:19px;line-height:1}.bad-copy{color:#ff7b9e!important}

/* Feed neden etiketi */
.user-shell .feed-reason{display:inline-flex!important;width:auto!important;margin:0 0 9px!important;padding:5px 9px!important;border-radius:999px!important;background:#111a24!important;border:1px solid #244867!important;color:#79c9ff!important;font-size:9px!important;font-weight:850!important;letter-spacing:.035em!important}.user-shell .feed-reason.explore{background:#1c1422!important;border-color:#5a2b66!important;color:#e8a6ff!important}

/* Sağ ray grup kartları */
.rail-group{grid-template-columns:42px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important}.rail-group-media{width:42px!important;height:42px!important;border-radius:12px!important;overflow:hidden!important;background:#171b22!important;display:grid!important;place-items:center!important;color:#9bd9ff!important}.rail-group-media img{width:100%;height:100%;object-fit:cover}.rail-group-state{font-style:normal!important;font-size:9px!important;font-weight:900!important;border-radius:999px!important;padding:6px 9px!important;white-space:nowrap!important}.rail-group-state.join{background:#eaf6ff!important;color:#0877bd!important}.rail-group-state.joined{background:#143126!important;color:#5be4ab!important;border:1px solid #245e47!important}

/* Mesaj arama + composer */
.page-messages .thread-search{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;padding:0 11px!important;min-height:44px!important;border:1px solid #313641!important;border-radius:14px!important;background:#11141a!important;color:#7f8995!important;overflow:hidden!important}.page-messages .thread-search input{width:100%!important;min-width:0!important;height:40px!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:#f4f6f8!important;box-shadow:none!important}.page-messages .thread-search input::placeholder{color:#717a86!important}.page-messages .message-composer{position:relative!important;bottom:auto!important;display:grid!important;gap:8px!important;margin:0!important;padding:12px!important;background:#0d1015!important;border-top:1px solid #282e38!important;overflow:visible!important}.page-messages .message-compose-main{display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;gap:9px!important;align-items:end!important}.page-messages .message-compose-main textarea{display:block!important;width:100%!important;min-width:0!important;min-height:46px!important;max-height:120px!important;padding:12px 14px!important;border:1px solid #333946!important;border-radius:15px!important;background:#080a0e!important;color:#fff!important;resize:none!important;overflow-y:auto!important;box-sizing:border-box!important}.page-messages .message-send-btn{width:46px!important;height:46px!important;border-radius:50%!important;background:var(--mk-blue)!important;color:#fff!important;border:0!important;display:grid!important;place-items:center!important}.page-messages .message-send-btn svg{width:19px;height:19px}.page-messages .message-compose-tools{display:flex!important;gap:7px!important;flex-wrap:wrap!important}.page-messages .message-compose-tools select,.page-messages .attach-profile-check{background:#11141a!important;color:#aeb6c1!important;border:1px solid #303641!important;border-radius:999px!important;min-height:34px!important;padding:6px 10px!important}.page-messages .thread-page{min-height:0!important;overflow:hidden!important}.page-messages .message-stream{min-height:0!important}

/* Profil aksiyon ve yeni yayınlar */
.user-shell .profile-actions{align-self:center!important;align-content:center!important}.user-shell .profile-actions .danger-soft{margin:0!important;align-self:center!important}.latest-releases-section{margin:26px 22px}.latest-release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.latest-release-card{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr) 26px 20px;gap:12px;align-items:center;min-width:0;padding:12px;border:1px solid #303640;border-radius:17px;background:#101217;color:#fff;text-decoration:none}.latest-release-card:hover{border-color:#4d5663;background:#14171d}.latest-release-cover{width:88px;height:88px;border-radius:13px;overflow:hidden;background:#1a1d24;display:grid;place-items:center;font-size:28px}.latest-release-cover img{width:100%;height:100%;object-fit:cover}.latest-release-copy{display:grid;gap:3px;min-width:0}.latest-release-copy small{color:var(--mk-blue-2);font-size:9px;font-weight:900}.latest-release-copy b{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.latest-release-copy em{font-size:11px;color:#929aa5;font-style:normal}.latest-release-platform{width:26px;height:26px;object-fit:contain}.latest-release-card>i{font-style:normal;color:#8a94a0}

/* Sanatçı seçkileri */
.user-shell .playlist-card{background:#0c0e12!important;border:1px solid #303640!important;color:#f5f7f9!important}.user-shell .playlist-provider{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important;align-items:center!important}.user-shell .playlist-provider>img{width:52px!important;height:52px!important;object-fit:contain!important;padding:10px!important;border-radius:15px!important;background:#171a20!important}.user-shell .playlist-provider small{color:#8d97a5!important;letter-spacing:.12em!important}.user-shell .playlist-provider b{font-size:18px!important;color:#fff!important}.user-shell .playlist-tags span{background:#151922!important;border:1px solid #303846!important;color:#b7c0cb!important;padding:6px 10px!important;border-radius:999px!important}.user-shell .playlist-card.featured{border-color:#2c6a8d!important;box-shadow:inset 3px 0 0 var(--mk-blue)!important}.user-shell .playlist-featured{background:#112b3b!important;color:#72cfff!important;border:1px solid #245b7a!important}

/* Sana benzeyen kulaklar */
.user-shell .people-grid{gap:14px!important}.user-shell .person-card{position:relative!important;display:grid!important;grid-template-columns:62px minmax(0,1fr) 62px!important;grid-template-areas:'avatar title match' 'avatar meta match' 'genres genres genres' 'actions actions actions'!important;gap:4px 13px!important;min-height:218px!important;padding:18px!important;border:1px solid #2d333d!important;border-radius:20px!important;background:linear-gradient(145deg,#101217,#0b0d11)!important;color:#fff!important;overflow:hidden!important}.user-shell .person-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--mk-blue),#8b5cf6)}.user-shell .person-card>.avatar{grid-area:avatar;width:58px!important;height:58px!important}.user-shell .person-card>.match-ring{grid-area:match;width:58px!important;height:58px!important;justify-self:end!important;background:#161a22!important;border:1px solid #333a46!important;color:#fff!important}.user-shell .person-card>h3{grid-area:title;margin:5px 0 0!important;font-size:18px!important;line-height:1.1!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.user-shell .person-card>small{grid-area:meta;color:#8e98a5!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.user-shell .person-card>.mini-genres{grid-area:genres!important;margin-top:13px!important;display:flex!important;gap:6px!important;flex-wrap:wrap!important}.user-shell .person-card>.mini-genres span{background:#171a20!important;border:1px solid #303640!important;color:#aeb7c3!important;border-radius:999px!important;padding:5px 8px!important}.user-shell .person-card>.person-actions{grid-area:actions!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px!important;border-top:1px solid #292f38!important;padding-top:12px!important}.user-shell .person-actions form{min-width:0!important}.user-shell .person-actions .btn{width:100%!important;min-height:39px!important;border-radius:999px!important;background:#11151b!important;color:#dce2e8!important;border:1px solid #3a424e!important;font-size:10px!important}.user-shell .person-actions .btn.primary{background:var(--mk-blue)!important;border-color:var(--mk-blue)!important;color:#fff!important}.user-shell .person-actions .btn.request-pending{background:#191721!important;color:#c7b4ff!important;border-color:#51456e!important}

/* Müzik düellosu — koyu tutarlı kartlar */
.user-shell .duel-stage-v159{grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr)!important;gap:20px!important;align-items:center!important}.user-shell .duel-entry{background:#101217!important;border:1px solid #343b46!important;color:#fff!important;box-shadow:none!important}.user-shell .duel-entry:first-child{border-top:4px solid var(--mk-blue)!important}.user-shell .duel-entry:last-child{border-top:4px solid #ff7a45!important}.user-shell .duel-cover{background:#171a20!important;border:1px solid #303640!important;color:#fff!important}.user-shell .duel-cover img{width:100%!important;height:100%!important;object-fit:cover!important}.user-shell .duel-meta h2{color:#fff!important}.user-shell .duel-meta span,.user-shell .duel-entry-top{color:#9ca5b1!important}.user-shell .duel-vote-btn{background:#151820!important;color:#fff!important;border:1px solid #353d48!important}.user-shell .duel-vote-btn:hover{border-color:var(--mk-blue)!important;background:#182331!important}.user-shell .duel-versus{background:#171a22!important;border:1px solid #313845!important;color:#fff!important}


/* Grup görselleri */
.group-image-picker{display:grid;gap:6px;padding:12px;border:1px dashed #3a424d;border-radius:13px;background:#0b0d11;color:#b9c1cb}.group-grid .group-icon{overflow:hidden!important}.group-grid .group-icon img{width:100%;height:100%;object-fit:cover}

/* Hikâye görüntüleyici */
.story-viewer>footer{position:absolute!important;left:12px!important;right:12px!important;bottom:12px!important;z-index:14!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:42px!important;padding:0!important;background:transparent!important;pointer-events:none!important}.story-viewer>footer>*{pointer-events:auto!important}.story-view-count{margin:0!important;align-self:center!important;line-height:1!important;transform:none!important}.story-view-count span{display:inline-block!important;line-height:1!important;vertical-align:middle!important}.story-view-count svg{vertical-align:middle!important}.story-release{position:absolute;z-index:8;left:14px;right:14px;bottom:72px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:16px;background:rgba(10,12,16,.82);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);color:#fff}.story-release[hidden]{display:none!important}.story-release>img{width:54px;height:54px;object-fit:cover;border-radius:10px;background:#191d24}.story-release div{min-width:0;display:grid;gap:2px}.story-release small{color:#81d0ff;font-size:8px;font-weight:900}.story-release b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-release span{font-size:9px;color:#a8b0ba}.story-release a{color:#fff;border:1px solid #505966;border-radius:999px;padding:7px 9px;text-decoration:none;font-size:9px;font-weight:800}

/* Hikâye stüdyosu */
.story-studio-v164{width:min(1040px,96vw)!important;max-height:94vh!important;overflow:auto!important;background:#0c0e12!important;border:1px solid #303640!important}.story-canvas-layout{grid-template-columns:minmax(300px,440px) minmax(310px,1fr)!important;align-items:start!important}.story-canvas-column{display:grid;gap:10px;justify-items:center}.story-canvas-toolbar{width:min(360px,100%);display:flex;gap:7px}.story-canvas-toolbar button,.story-canvas-toolbar label{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:1px solid #343b47;border-radius:999px;background:#14171d;color:#e8edf2;font-size:10px;font-weight:800;cursor:pointer}.story-canvas-toolbar input{display:none}.story-bg-presets{width:min(360px,100%);display:flex;gap:7px}.story-bg-swatch{width:32px;height:32px;border-radius:50%;border:2px solid #303640;background:var(--swatch)!important;cursor:pointer}.story-bg-swatch.active{outline:2px solid var(--mk-blue);outline-offset:2px}.story-canvas-editor{position:relative;width:min(360px,100%);aspect-ratio:9/16;max-height:68vh;border:1px solid #3a424e;border-radius:20px;background:#08090d;overflow:hidden;touch-action:none;box-shadow:0 16px 50px rgba(0,0,0,.45)}.story-canvas-guide{position:absolute;left:15%;right:15%;top:45%;text-align:center;color:#606a76;font-size:10px;line-height:1.5;pointer-events:none}.story-canvas-item{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;min-width:34px;min-height:30px;cursor:move;user-select:none;touch-action:none}.story-canvas-item.selected{outline:1px dashed #8bd3ff;outline-offset:3px}.story-canvas-item>span{width:100%;display:block;overflow-wrap:anywhere;line-height:1.08;padding:6px}.story-canvas-item>span[data-bg="soft"]{background:rgba(0,0,0,.42);border-radius:10px}.story-canvas-item>span[data-bg="solid"]{background:#050608;border-radius:10px}.story-canvas-item.image-item img{width:100%;height:100%;object-fit:cover;border-radius:12px;pointer-events:none}.story-resize-handle{position:absolute;right:-9px;bottom:-9px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--mk-blue);color:#fff;font-size:10px;font-style:normal;cursor:nwse-resize}.story-canvas-hint{color:#77818d;font-size:9px}.story-inspector{display:grid!important;gap:10px!important}.story-inspector-card{display:grid;gap:10px;padding:13px;border:1px solid #303640;border-radius:15px;background:#11141a}.story-inspector-card>b{font-size:11px;color:#fff}.story-inspector input,.story-inspector textarea,.story-inspector select{background:#080a0e!important;color:#fff!important;border:1px solid #343a46!important}.story-inspector input[type="range"]{padding:0!important}.story-publish{background:var(--mk-blue)!important;border:0!important}
.story-canvas-render{position:absolute;inset:0;z-index:2;overflow:hidden}.story-canvas-render[hidden]{display:none!important}.story-render-item{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;line-height:1.08}.story-render-item img{width:100%;height:100%;object-fit:cover;border-radius:10px}.story-render-text{overflow:visible!important;white-space:normal;overflow-wrap:anywhere;padding:4px}.story-render-text[data-bg="soft"]{background:rgba(0,0,0,.42);border-radius:10px}.story-render-text[data-bg="solid"]{background:#050608;border-radius:10px}

/* Yeni release kartı */
.post-release-card{display:grid!important;grid-template-columns:64px minmax(0,1fr) 28px 20px!important;gap:11px!important;align-items:center!important;margin:12px 0!important;padding:9px!important;border:1px solid #303640!important;border-radius:16px!important;background:#101217!important;color:#fff!important;text-decoration:none!important}.post-release-card>img:first-child,.release-cover-fallback{width:64px!important;height:64px!important;border-radius:11px!important;object-fit:cover!important;background:#171a20!important}.post-release-card div{min-width:0!important}.post-release-card small{color:var(--mk-blue-2)!important}.post-release-card b{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.post-release-card span{color:#929aa5!important}.release-platform-icon{width:26px!important;height:26px!important;object-fit:contain!important}

@media(max-width:1050px){.latest-release-grid{grid-template-columns:1fr}.story-canvas-layout{grid-template-columns:1fr!important}.story-canvas-editor{max-height:60vh}.user-shell .duel-stage-v159{grid-template-columns:1fr!important}.user-shell .duel-versus{width:62px;height:62px;margin:auto}}
@media(max-width:700px){.release-url-row{grid-template-columns:1fr}.user-shell .person-card{grid-template-columns:52px minmax(0,1fr) 52px!important}.user-shell .person-actions{grid-template-columns:1fr!important}.latest-releases-section{margin:20px 10px}.latest-release-card{grid-template-columns:68px minmax(0,1fr) 24px}.latest-release-cover{width:68px;height:68px}.latest-release-card>i{display:none}.story-studio-v164{width:100vw!important;max-height:100vh!important;border-radius:0!important}.story-canvas-editor{width:min(340px,92vw);max-height:64vh}.page-messages .message-compose-tools{display:grid!important;grid-template-columns:1fr!important}}

/* =====================================================================
   HarmoniReverb NEXT v1.6.5 — UI STABILITY PASS
   Sidebar CTA, message viewport, people cards, group controls, profile CTA.
   ===================================================================== */
@media (min-width:1181px){
  body.user-shell .app-frame{
    width:min(1840px,99vw)!important;max-width:1840px!important;padding:0 8px!important;gap:12px!important;
    grid-template-columns:clamp(188px,12.5vw,220px) minmax(0,1fr) clamp(270px,18vw,305px)!important;
  }
  body.user-shell .app-main{padding-left:18px!important;padding-right:18px!important}
  body.user-shell .feed-page-v157{max-width:880px!important;width:100%!important;margin:0 auto!important}
}

/* Left rail — never crop the primary compose CTA. */
.user-shell .left-rail{
  display:flex!important;flex-direction:column!important;min-width:0!important;
  padding:12px 8px 86px!important;overflow-y:auto!important;overflow-x:hidden!important;
}
.user-shell .side-nav,.user-shell .side-quick{flex:0 0 auto!important;min-width:0!important}
.user-shell .side-share{
  position:sticky!important;bottom:12px!important;z-index:24!important;flex:0 0 auto!important;
  width:calc(100% - 8px)!important;min-width:0!important;min-height:48px!important;margin:18px 4px 0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  border-radius:999px!important;background:#2f9bff!important;color:#fff!important;
  box-shadow:0 10px 30px rgba(47,155,255,.18)!important;overflow:hidden!important;
}
.user-shell .side-share:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.12),transparent 44%);pointer-events:none}
.user-shell .side-share svg,.user-shell .side-share span{position:relative;z-index:1}
.user-shell .side-share:hover{background:#168cf0!important;box-shadow:0 12px 34px rgba(47,155,255,.25)!important}

/* Account popup lives outside the rail after JS reparenting, so it cannot be clipped. */
.side-account-wrap{position:relative;min-width:0}
.user-shell .side-profile-link{border:0!important;cursor:pointer!important;text-align:left!important}
.user-shell .side-account-chevron{margin-left:auto!important;color:#737b87!important;font-size:11px!important;letter-spacing:1px!important}
.side-account-dropdown{
  position:fixed;z-index:9000;width:238px;padding:9px;border:1px solid #303642;border-radius:18px;
  background:rgba(15,17,22,.98);box-shadow:0 24px 70px rgba(0,0,0,.48);backdrop-filter:blur(18px);color:#f4f6f8;
}
.side-account-dropdown[hidden]{display:none!important}
.side-account-head{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center;padding:8px 9px 11px;border-bottom:1px solid #292e37;margin-bottom:5px}
.side-account-head .side-profile-thumb{width:38px!important;height:38px!important}.side-account-head b,.side-account-head small{display:block}.side-account-head b{font-size:12px}.side-account-head small{font-size:9px;color:#818a96;margin-top:2px}
.side-account-dropdown>a,.side-account-dropdown .account-logout{width:100%;min-height:40px;display:flex;align-items:center;gap:9px;padding:8px 10px;border:0;border-radius:11px;background:transparent;color:#dce1e7;font-size:11px;font-weight:750;cursor:pointer;text-decoration:none}
.side-account-dropdown>a:hover,.side-account-dropdown .account-logout:hover{background:#1a1e25;color:#fff}.side-account-dropdown svg{width:17px;height:17px}.side-account-dropdown form{margin:4px 0 0;padding-top:4px;border-top:1px solid #292e37}.side-account-dropdown .account-logout{color:#ff7f9a}

/* Messages — one viewport, one scroller. The composer always remains fully visible. */
body.user-shell.page-messages .app-main{height:100vh!important;min-height:100vh!important;overflow:hidden!important;padding:0 10px!important}
body.user-shell.page-messages .messages-workspace{
  height:calc(100vh - 16px)!important;min-height:0!important;max-height:none!important;margin:8px 0!important;
  grid-template-columns:270px minmax(0,1fr)!important;overflow:hidden!important;
}
body.user-shell.page-messages .thread-conversations{height:100%!important;min-height:0!important;overflow:hidden!important}
body.user-shell.page-messages .thread-conversation-list{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding-bottom:10px!important}
body.user-shell.page-messages .embedded-thread{height:100%!important;min-height:0!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important}
body.user-shell.page-messages .message-stream{height:auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:18px 18px 22px!important;scroll-padding-bottom:24px!important}
body.user-shell.page-messages .modern-message-composer{position:relative!important;inset:auto!important;min-width:0!important;flex:0 0 auto!important;margin:0!important;padding:11px 13px max(11px,env(safe-area-inset-bottom))!important;border-top:1px solid #292f38!important;background:#0d1015!important;z-index:6!important;overflow:visible!important}
body.user-shell.page-messages .message-compose-main{min-width:0!important;grid-template-columns:minmax(0,1fr) 46px!important}
body.user-shell.page-messages .message-compose-main textarea{width:100%!important;min-width:0!important;min-height:46px!important;max-height:118px!important;overflow-y:auto!important;padding:12px 14px!important;line-height:1.35!important}
body.user-shell.page-messages .message-compose-tools{min-width:0!important;padding-bottom:1px!important}
body.user-shell.page-messages .message-compose-tools select{max-width:min(250px,32%)!important;min-width:150px!important}

/* People discovery — stable editorial cards. */
.user-shell .community-page .people-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;
}
.user-shell .community-page .person-card{
  position:relative!important;display:grid!important;
  grid-template-columns:60px minmax(0,1fr) 62px!important;
  grid-template-rows:auto auto minmax(42px,auto) 1fr auto!important;
  grid-template-areas:"avatar title match" "avatar meta match" "genres genres genres" ". . ." "actions actions actions"!important;
  gap:4px 12px!important;min-width:0!important;min-height:250px!important;padding:18px!important;
  border:1px solid #303641!important;border-radius:20px!important;background:linear-gradient(145deg,#11141a,#0c0e12)!important;overflow:hidden!important;
}
.user-shell .community-page .person-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#2f9bff,#8b5cf6)}
.user-shell .community-page .person-card>.avatar{grid-area:avatar!important;width:58px!important;height:58px!important;align-self:start!important}
.user-shell .community-page .person-card>.match-ring{grid-area:match!important;width:60px!important;height:60px!important;justify-self:end!important;align-self:start!important;display:grid!important;place-items:center!important;align-content:center!important;border:1px solid #353c48!important;border-radius:50%!important;background:#171b22!important;color:#fff!important;position:static!important;transform:none!important}
.user-shell .community-page .match-ring b,.user-shell .community-page .match-ring span{display:block!important;text-align:center!important}.user-shell .community-page .match-ring b{font-size:17px!important;line-height:1!important}.user-shell .community-page .match-ring span{font-size:8px!important;line-height:1.2!important;color:#7f8995!important;margin-top:4px!important}
.user-shell .community-page .person-card>h3{grid-area:title!important;display:block!important;visibility:visible!important;opacity:1!important;position:static!important;transform:none!important;margin:5px 0 0!important;color:#fff!important;font-size:18px!important;line-height:1.12!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.user-shell .community-page .person-card>small{grid-area:meta!important;display:block!important;position:static!important;color:#8f98a5!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.user-shell .community-page .person-card>.mini-genres{grid-area:genres!important;display:flex!important;align-items:flex-start!important;gap:6px!important;flex-wrap:wrap!important;margin:14px 0 0!important;min-height:30px!important}
.user-shell .community-page .person-card>.mini-genres span{display:inline-flex!important;align-items:center!important;min-height:27px!important;padding:5px 9px!important;border:1px solid #343a45!important;border-radius:999px!important;background:#171a20!important;color:#b0b8c2!important;font-size:9px!important;white-space:nowrap!important}
.user-shell .community-page .person-card>.person-actions{grid-area:actions!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;min-width:0!important;margin:0!important;padding-top:13px!important;border-top:1px solid #2d333d!important}
.user-shell .community-page .person-actions form{display:block!important;min-width:0!important;margin:0!important}.user-shell .community-page .person-actions .btn{width:100%!important;min-width:0!important;min-height:40px!important;padding:8px 10px!important;border-radius:999px!important;gap:7px!important;color:#eef2f6!important;font-size:10px!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important}
.user-shell .community-page .person-actions .btn span{display:block!important;color:inherit!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.user-shell .community-page .person-actions .btn svg{width:16px!important;height:16px!important;flex:0 0 auto!important}
.user-shell .community-page .community-profile-btn{background:#12161c!important;border:1px solid #3b4552!important;color:#eaf0f5!important}.user-shell .community-page .community-profile-btn:hover{background:#19202a!important;border-color:#546171!important}
.user-shell .community-page .community-action-btn.primary{background:#2f9bff!important;border:1px solid #2f9bff!important;color:white!important;box-shadow:none!important}.user-shell .community-page .community-action-btn.primary:hover{background:#168cf0!important}.user-shell .community-page .community-action-btn.request-pending{background:#181521!important;border-color:#53466c!important;color:#d0bcff!important}

/* Modern group image file selector. */
.group-image-picker{display:grid!important;gap:8px!important;padding:13px!important;border:1px dashed #3b4350!important;border-radius:15px!important;background:#0d1015!important;color:#d9dfe6!important;cursor:pointer!important}
.group-image-picker:hover{border-color:#2f9bff!important;background:#10151d!important}.group-image-label{font-size:10px!important;font-weight:850!important;color:#b9c3ce!important}.group-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.group-file-control{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:9px!important;align-items:center!important;padding:8px!important;border:1px solid #303743!important;border-radius:12px!important;background:#090b0f!important}.group-file-button{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:36px!important;padding:7px 11px!important;border-radius:10px!important;background:#2f9bff!important;color:#fff!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important}.group-file-button svg{width:16px;height:16px}.group-file-name{min-width:0!important;color:#89939f!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.group-image-picker>small{color:#737e8b!important;font-size:8px!important}

/* Group timeline — match the main feed's visual language. */
.user-shell .group-feed{display:grid!important;gap:10px!important;margin-top:16px!important}.user-shell .group-feed>article{min-width:0!important;padding:16px!important;border:1px solid #2e343e!important;border-radius:18px!important;background:#0f1116!important;color:#f4f6f8!important;overflow:hidden!important}.user-shell .group-post-head{display:flex!important;align-items:center!important;gap:9px!important}.user-shell .group-post-head>div{min-width:0!important}.user-shell .group-post-head b{color:#fff!important}.user-shell .group-post-head small{color:#7f8996!important}.user-shell .group-feed>article>p{color:#e4e8ed!important;font-size:14px!important;line-height:1.55!important;overflow-wrap:anywhere!important}.user-shell .group-feed .social-track-mini{min-width:0!important;background:#171b22!important;border:1px solid #313844!important;color:#fff!important}.user-shell .group-feed .social-track-mini small{color:#8d99a7!important}.user-shell .group-feed .social-track-mini b{color:#fff!important}.user-shell .group-feed .social-track-mini button{background:#f7f8fa!important;color:#0f1419!important;border-radius:999px!important}
.user-shell .group-actions{display:flex!important;align-items:center!important;gap:6px!important;margin:12px 0 8px!important;padding-top:11px!important;border-top:1px solid #292f38!important}.user-shell .group-action{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:34px!important;padding:6px 9px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#8d97a3!important;font-size:10px!important;font-style:normal!important;cursor:default!important}.user-shell button.group-action{cursor:pointer!important}.user-shell .group-action svg{width:17px!important;height:17px!important}.user-shell .group-action em{font-style:normal!important;font-size:9px!important;color:inherit!important}.user-shell button.group-action:hover{background:#19202a!important;color:#e8edf2!important}.user-shell .group-like.active{color:#f43f83!important;background:rgba(244,63,131,.09)!important}.user-shell .group-like.active svg path{fill:currentColor!important}.user-shell .group-comment-count{color:#69bfff!important}
.user-shell .group-comment{margin:6px 0!important;padding:8px 10px!important;border-left:2px solid #303845!important;border-radius:0 10px 10px 0!important;background:#15181e!important;color:#cdd4dc!important;font-size:10px!important;overflow-wrap:anywhere!important}.user-shell .group-comment b{color:#fff!important}.user-shell .group-feed .comment-line{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;margin-top:10px!important}.user-shell .group-feed .comment-line input{min-width:0!important;background:#090b0f!important;border:1px solid #313844!important;color:#fff!important;border-radius:999px!important;padding:10px 13px!important}.user-shell .group-comment-send{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:38px!important;padding:8px 12px!important;border:0!important;border-radius:999px!important;background:#2f9bff!important;color:#fff!important;font-size:9px!important;font-weight:900!important}.user-shell .group-comment-send svg{width:15px;height:15px}

/* Profile action row — keep report/action buttons aligned on desktop. */
.user-shell .profile-intro{min-width:0!important}
.user-shell .profile-actions{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important;align-self:center!important}
.user-shell .profile-actions form{display:inline-flex!important;margin:0!important;flex:0 0 auto!important}.user-shell .profile-actions .banner-btn{flex:0 0 auto!important;min-height:40px!important;margin:0!important;padding:8px 13px!important;white-space:nowrap!important;border-radius:999px!important}.user-shell .profile-actions .danger-soft{position:static!important;transform:none!important;align-self:center!important;margin:0!important}

/* Compact right-rail group states remain legible. */
.user-shell .rail-group-state{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:64px!important;min-height:28px!important;padding:5px 9px!important;border-radius:999px!important;font-size:9px!important;font-weight:900!important;text-decoration:none!important}.user-shell .rail-group-state.join{background:#2f9bff!important;color:#fff!important}.user-shell .rail-group-state.joined{background:#143126!important;color:#65e6ad!important;border:1px solid #275d48!important}

@media(max-width:1450px) and (min-width:1051px){
  body.user-shell .app-frame{grid-template-columns:190px minmax(0,1fr) 270px!important;gap:9px!important;padding:0 6px!important}
  body.user-shell .app-main{padding-left:12px!important;padding-right:12px!important}
  .user-shell .community-page .people-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .user-shell .profile-actions{flex-wrap:wrap!important;justify-content:flex-end!important;max-width:430px!important}
}
@media(max-width:1050px){
  .user-shell .community-page .people-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.user-shell.page-messages .messages-workspace{grid-template-columns:220px minmax(0,1fr)!important}
}
@media(max-width:720px){
  .user-shell .community-page .people-grid{grid-template-columns:1fr!important}
  .user-shell .community-page .person-card{grid-template-columns:52px minmax(0,1fr) 54px!important;min-height:230px!important;padding:15px!important}
  .user-shell .community-page .person-card>.avatar{width:50px!important;height:50px!important}.user-shell .community-page .person-card>.match-ring{width:52px!important;height:52px!important}
  .user-shell .community-page .person-card>.person-actions{grid-template-columns:1fr!important}
  body.user-shell.page-messages .app-main{height:auto!important;min-height:100vh!important;overflow:visible!important;padding:0!important}
  body.user-shell.page-messages .messages-workspace{height:auto!important;min-height:calc(100vh - 58px)!important;margin:0!important}
  body.user-shell.page-messages .embedded-thread{min-height:calc(100vh - 58px)!important}
  .user-shell .profile-actions{flex-wrap:wrap!important;justify-content:flex-start!important;max-width:none!important}
  .side-account-dropdown{width:min(238px,calc(100vw - 24px))}
}

/* v1.6.5 desktop profile action lock: report cannot drop on its own row. */
@media(min-width:1051px){
  .user-shell .profile-intro{grid-template-columns:128px minmax(230px,1fr) auto!important;gap:16px!important}
  .user-shell .profile-actions{grid-column:auto!important;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-end!important;max-width:none!important;width:auto!important;white-space:nowrap!important}
  .user-shell .profile-actions .banner-btn{min-width:auto!important}
}
.user-shell .side-account-wrap{width:100%!important;min-width:0!important;margin-top:3px!important}.user-shell .side-account-wrap .side-profile-link{width:100%!important;min-height:52px!important;display:flex!important;align-items:center!important;gap:11px!important;padding:10px 13px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#e7e9ea!important;font-size:16px!important;font-weight:650!important}.user-shell .side-account-wrap .side-profile-link:hover,.user-shell .side-account-wrap .side-profile-link.active,.user-shell .side-account-wrap .side-profile-link[aria-expanded="true"]{background:#17191e!important;color:#fff!important}.user-shell .side-account-wrap .side-profile-link.active{box-shadow:inset 3px 0 0 #2f9bff!important}.user-shell .side-account-wrap .side-profile-link>span:nth-child(2){min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* =====================================================================
   HarmoniReverb NEXT v1.6.6 — PUBLIC DARK THEME NORMALIZATION
   Removes the last cream/light-theme collisions from public-facing pages.
   ===================================================================== */
body:not(.user-shell){
  --public-bg:#08090b;
  --public-surface:#101116;
  --public-surface-2:#17191f;
  --public-surface-3:#1d2027;
  --public-border:#2d3038;
  --public-border-strong:#3b404a;
  --public-text:#f5f7fa;
  --public-muted:#9ca3ad;
  --public-blue:#2f9bff;
  --public-blue-soft:#14283b;
  --public-orange:#ff7a3d;
  --public-green:#20c58a;
  background:var(--public-bg)!important;
  color:var(--public-text)!important;
}
body:not(.user-shell) .shell{color:var(--public-text)!important}
body:not(.user-shell) h1,
body:not(.user-shell) h2,
body:not(.user-shell) h3{color:var(--public-text)!important}
body:not(.user-shell) .eyebrow{color:var(--public-orange)!important}
body:not(.user-shell) .section-head>a,
body:not(.user-shell) .home-person-cta,
body:not(.user-shell) .legal-page a{color:var(--public-blue)!important}

/* Home — listener/artist callouts must both stay dark. */
body:not(.user-shell) .split-callout>article,
body:not(.user-shell) .split-callout>article:nth-child(2){
  background:linear-gradient(145deg,#101116,#14161c)!important;
  border:1px solid var(--public-border)!important;
  color:var(--public-text)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.18)!important;
}
body:not(.user-shell) .split-callout>article:nth-child(2){
  background:linear-gradient(145deg,#101116,#19121c)!important;
  border-color:#3a2a36!important;
}
body:not(.user-shell) .split-callout h2{color:#fff!important}
body:not(.user-shell) .split-callout p{color:#a8adb6!important}
body:not(.user-shell) .split-callout a{color:var(--public-blue)!important}

/* Home — live community cards and attached music chips. */
body:not(.user-shell) .mini-post-grid{color:var(--public-text)!important}
body:not(.user-shell) .mini-post{
  background:var(--public-surface)!important;
  border:1px solid var(--public-border)!important;
  color:var(--public-text)!important;
  box-shadow:none!important;
}
body:not(.user-shell) .mini-post .post-user b{color:#fff!important}
body:not(.user-shell) .mini-post .post-user span{color:#8f98a4!important}
body:not(.user-shell) .mini-post>p{color:#cbd0d8!important}
body:not(.user-shell) .mini-track{
  background:#171a20!important;
  border:1px solid #343944!important;
  color:#f0f3f6!important;
}
body:not(.user-shell) .mini-track>span{color:var(--public-blue)!important}
body:not(.user-shell) .mini-track b{color:#f0f3f6!important}

/* Top 20 — no cream rows, no dark-on-dark headings. */
body:not(.user-shell) .top-page{color:var(--public-text)!important}
body:not(.user-shell) .top-hero h1{color:#fff!important}
body:not(.user-shell) .top-hero p{color:#a4aab3!important}
body:not(.user-shell) .top-list{
  overflow:hidden!important;
  border:1px solid var(--public-border)!important;
  border-radius:18px!important;
  background:var(--public-surface)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.18)!important;
}
body:not(.user-shell) .top-row,
body:not(.user-shell) .top-row:nth-child(-n+3){
  background:var(--public-surface)!important;
  border-color:var(--public-border)!important;
  color:var(--public-text)!important;
}
body:not(.user-shell) .top-row:hover{background:#15171d!important}
body:not(.user-shell) .top-row:nth-child(1){box-shadow:inset 4px 0 0 #ffb000!important}
body:not(.user-shell) .top-row:nth-child(2){box-shadow:inset 4px 0 0 #aeb3bc!important}
body:not(.user-shell) .top-row:nth-child(3){box-shadow:inset 4px 0 0 #c47b43!important}
body:not(.user-shell) .top-row .rank{color:#f4f6f8!important}
body:not(.user-shell) .top-row:nth-child(-n+3) .rank{color:#ff9c45!important}
body:not(.user-shell) .top-avatar{background:#191c22!important;color:var(--public-blue)!important}
body:not(.user-shell) .top-song b{color:#fff!important}
body:not(.user-shell) .top-song span{color:#9199a5!important}
body:not(.user-shell) .top-row .score{color:#57b3ff!important}
body:not(.user-shell) .top-row>a{color:#8fd0ff!important}

/* Login / register — fully dark social auth instead of cream cards. */
body:not(.user-shell) .auth-wrap{color:var(--public-text)!important}
body:not(.user-shell) .auth-card{
  background:linear-gradient(145deg,#111217,#0d0f13)!important;
  border:1px solid var(--public-border)!important;
  color:var(--public-text)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.32)!important;
}
body:not(.user-shell) .auth-card h1{color:#fff!important}
body:not(.user-shell) .auth-card label,
body:not(.user-shell) .auth-card .label-title{color:#aeb5bf!important}
body:not(.user-shell) .auth-card input{
  background:#090b0f!important;
  border-color:#343944!important;
  color:#f7f8fa!important;
}
body:not(.user-shell) .auth-card input::placeholder{color:#66707c!important}
body:not(.user-shell) .auth-card input:focus{
  border-color:var(--public-blue)!important;
  box-shadow:0 0 0 3px rgba(47,155,255,.12)!important;
}
body:not(.user-shell) .auth-card .btn.primary{
  background:linear-gradient(135deg,#1d9bf0,#4f69ff)!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(29,155,240,.22)!important;
}
body:not(.user-shell) .auth-card>p{color:#9ca3ad!important}
body:not(.user-shell) .auth-card>p a{color:#70bdff!important;font-weight:800!important}
body:not(.user-shell) .role-picker span{
  background:#11141a!important;
  border-color:#363b46!important;
  color:#eef2f6!important;
}
body:not(.user-shell) .role-picker small{color:#8f98a4!important}
body:not(.user-shell) .role-picker input:checked+span{
  background:#122238!important;
  border-color:#2f9bff!important;
  box-shadow:inset 0 0 0 1px rgba(47,155,255,.16)!important;
}
body:not(.user-shell) .genre-pills span{
  background:#13161c!important;
  border-color:#343944!important;
  color:#aeb6c1!important;
}
body:not(.user-shell) .genre-pills input:checked+span{
  background:#14283b!important;
  border-color:#2f9bff!important;
  color:#8fd0ff!important;
}

/* Legal / footer information pages. */
body:not(.user-shell) .legal-page{color:var(--public-text)!important}
body:not(.user-shell) .legal-watermark{opacity:.075!important;filter:saturate(1.15) brightness(1.3)!important}
body:not(.user-shell) .legal-hero h1{color:#fff!important}
body:not(.user-shell) .legal-hero p{color:#a6adb7!important}
body:not(.user-shell) .legal-sections article{
  background:rgba(16,17,22,.94)!important;
  border:1px solid var(--public-border)!important;
  color:var(--public-text)!important;
  box-shadow:none!important;
}
body:not(.user-shell) .legal-sections article>span{
  background:#132538!important;
  border:1px solid #274967!important;
  color:#71c1ff!important;
}
body:not(.user-shell) .legal-sections h2{color:#f7f8fa!important}
body:not(.user-shell) .legal-sections p{color:#a7aeb8!important}
body:not(.user-shell) .legal-note{
  background:#11141a!important;
  border:1px solid var(--public-border)!important;
}
body:not(.user-shell) .legal-note b{color:#fff!important}
body:not(.user-shell) .legal-note p{color:#8f98a4!important}

/* Footer itself and every legal link stay readable on the dark shell. */
body:not(.user-shell) .site-footer{
  background:#08090b!important;
  border:1px solid #272b33!important;
  color:#dfe3e8!important;
  box-shadow:none!important;
}
body:not(.user-shell) .footer-brand strong{color:#fff!important}
body:not(.user-shell) .footer-brand strong small{color:#69bcff!important}
body:not(.user-shell) .footer-brand span{color:#8f98a4!important}
body:not(.user-shell) .footer-links a{color:#b9c0ca!important}
body:not(.user-shell) .footer-links a:hover{color:#5eb7ff!important}
body:not(.user-shell) .site-footer>p{color:#7f8995!important}

/* Public informational strips/cards. */
body:not(.user-shell) .why-strip{background:#292c33!important;border-color:#292c33!important}
body:not(.user-shell) .why-strip>div,
body:not(.user-shell) .why-strip>div:nth-child(2),
body:not(.user-shell) .why-strip>div:nth-child(3),
body:not(.user-shell) .why-strip>div:nth-child(4){background:#101116!important}
body:not(.user-shell) .why-strip span{color:#58b8ff!important}
body:not(.user-shell) .why-strip b{color:#f6f7f9!important}
body:not(.user-shell) .why-strip p{color:#959da8!important}

/* Public people cards. */
body:not(.user-shell) .home-person-card{
  background:#101116!important;
  border-color:#2d3038!important;
  color:#f4f6f8!important;
}
body:not(.user-shell) .home-person-card h3{color:#fff!important}
body:not(.user-shell) .home-person-card p,
body:not(.user-shell) .home-person-name span{color:#929aa5!important}
body:not(.user-shell) .home-person-genres span{
  background:#171a20!important;
  border-color:#343944!important;
  color:#b6bec8!important;
}
body:not(.user-shell) .home-person-stats>div{
  background:#15181e!important;
  border-color:#2f343e!important;
}
body:not(.user-shell) .home-person-stats b{color:#fff!important}
body:not(.user-shell) .home-person-stats span{color:#858e99!important}

@media(max-width:720px){
  body:not(.user-shell) .auth-card{border-radius:18px!important;padding:24px 18px!important}
  body:not(.user-shell) .auth-card h1{font-size:36px!important}
  body:not(.user-shell) .top-hero h1{font-size:56px!important}
  body:not(.user-shell) .split-callout{grid-template-columns:1fr!important}
}

/* =====================================================================
   HarmoniReverb NEXT v1.6.6.1 — USER SHELL FULL-VIEWPORT HOTFIX
   Logged-in desktop shell has no visible site header, so the frame must
   occupy the full viewport. This removes the legacy 80px bottom band.
   ===================================================================== */
@media (min-width:981px){
  html:has(body.user-shell:not(.page-legal)),
  body.user-shell:not(.page-legal){
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
    background:#070709!important;
  }
  body.user-shell:not(.page-legal) .app-frame{
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin-bottom:0!important;
    overflow:hidden!important;
  }
  body.user-shell:not(.page-legal) .left-rail,
  body.user-shell:not(.page-legal) .right-rail,
  body.user-shell:not(.page-legal) .app-main{
    height:100%!important;
    max-height:100dvh!important;
  }
}

/* ===== V1.6.7 — MaviHikaye Studio / modern layer editor ===== */
.story-studio-v167{width:min(1180px,96vw)!important;max-height:94dvh!important;padding:0!important;overflow:hidden!important;border-radius:24px!important;background:#0b0d11!important;border:1px solid #303640!important;box-shadow:0 34px 110px rgba(0,0,0,.72)!important}
.story-studio-v167 .story-modal-close{position:static!important;flex:0 0 38px;width:38px!important;height:38px!important;border-radius:50%!important;background:#171a20!important;border:1px solid #343a45!important;color:#fff!important;font-size:22px!important}
.story-studio-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px 15px;border-bottom:1px solid #272c34;background:linear-gradient(180deg,#101319,#0b0d11)}
.story-studio-head>div{min-width:0}.story-studio-head span{display:block;color:#1d9bf0;font-size:9px;font-weight:950;letter-spacing:.19em}.story-studio-head h2{margin:3px 0 2px!important;color:#f4f6f8!important;font-size:25px!important;line-height:1.05!important}.story-studio-head p{margin:0!important;color:#8f99a6!important;font-size:10px!important}
.story-studio-v167 .story-create-form{padding:0!important}.story-studio-shell{display:grid;grid-template-columns:86px minmax(330px,430px) minmax(340px,1fr);min-height:660px;max-height:calc(94dvh - 80px);overflow:hidden}
.story-toolrail{display:flex;flex-direction:column;gap:8px;padding:14px 10px;border-right:1px solid #272c34;background:#0d1015}.story-toolrail button,.story-toolrail label{position:relative;display:grid;justify-items:center;gap:5px;padding:9px 4px;border:1px solid transparent;border-radius:14px;background:transparent;color:#aab3be;font:inherit;cursor:pointer;transition:.15s ease}.story-toolrail button:hover,.story-toolrail label:hover,.story-toolrail button.active{background:#171b22;border-color:#323945;color:#fff}.story-toolrail input{display:none}.story-toolrail .tool-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#171b22;border:1px solid #313844;color:#f1f4f7;font-size:13px;font-weight:900}.story-toolrail .tool-icon svg{width:18px;height:18px}.story-toolrail b{font-size:8px;line-height:1;font-weight:850}
.story-stage-workspace{min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;padding:13px 16px;background:radial-gradient(circle at 50% 15%,rgba(29,155,240,.08),transparent 42%),#090b0f;border-right:1px solid #272c34;overflow:auto}.story-canvas-topbar{width:min(390px,100%);display:flex;align-items:center;justify-content:space-between;gap:8px}.story-canvas-topbar>span{display:inline-flex;align-items:center;gap:6px;color:#85909d;font-size:8px;font-weight:800}.story-canvas-topbar>span i{width:7px;height:7px;border-radius:50%;background:#20d5a0;box-shadow:0 0 12px rgba(32,213,160,.7)}
.story-layer-actions{display:flex;gap:4px;padding:3px;border:1px solid #2b313b;border-radius:12px;background:#101319}.story-layer-actions button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#a8b1bc;font-size:13px;cursor:pointer}.story-layer-actions button:hover{background:#222833;color:#fff}.story-layer-actions button.danger:hover{background:rgba(249,24,128,.16);color:#ff67a9}
.story-studio-v167 .story-canvas-editor{width:min(390px,100%)!important;max-height:none!important;aspect-ratio:9/16;border:1px solid #3b4350!important;border-radius:22px!important;background:#08090d;box-shadow:0 22px 65px rgba(0,0,0,.52);overflow:hidden}.story-studio-v167 .story-canvas-guide{left:12%!important;right:12%!important;top:47%!important;color:#596371!important;font-size:10px!important}.story-canvas-footer{width:min(390px,100%);display:flex;justify-content:space-between;gap:10px;align-items:center;color:#66717e}.story-canvas-footer>span{color:#a9b2bd;font-size:8px;font-weight:900}.story-canvas-footer small{font-size:7px;text-align:right}
.story-studio-v167 .story-canvas-item{border-radius:13px}.story-studio-v167 .story-canvas-item.selected{outline:2px solid #1d9bf0!important;outline-offset:3px!important;box-shadow:0 0 0 5px rgba(29,155,240,.12)}.story-studio-v167 .story-canvas-item.gif-item img{width:100%;height:100%;object-fit:contain;border-radius:10px;pointer-events:none}.story-studio-v167 .story-resize-handle{right:-10px!important;bottom:-10px!important;width:27px!important;height:27px!important;background:#1d9bf0!important;box-shadow:0 6px 18px rgba(29,155,240,.35)!important}
.story-property-panel{min-width:0;padding:14px;overflow:auto;background:#0d1015;display:grid;align-content:start;gap:10px}.story-control-card{display:grid;gap:10px;padding:14px;border:1px solid #2e3540;border-radius:16px;background:#12161c}.story-control-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.story-control-card>header small{display:block;color:#657180;font-size:7px;font-weight:950;letter-spacing:.16em}.story-control-card>header b{display:block;margin-top:2px;color:#eff3f6;font-size:11px}.story-control-card>header>span{color:#76818d;font-size:8px}.story-control-card>header button{width:29px;height:29px;border:1px solid #343b46;border-radius:50%;background:#181c23;color:#b8c0ca;cursor:pointer}
.story-field{display:grid;gap:5px;color:#87919e;font-size:8px}.story-field textarea,.story-field select,.story-style-grid-v167 select{width:100%;background:#090b0f!important;color:#eef2f5!important;border:1px solid #343b47!important;border-radius:11px!important;padding:10px!important;outline:none!important}.story-field textarea:focus,.story-field select:focus,.story-style-grid-v167 select:focus{border-color:#1d9bf0!important;box-shadow:0 0 0 3px rgba(29,155,240,.1)!important}
.story-style-grid-v167{display:grid;grid-template-columns:1fr 1fr;gap:9px}.story-style-grid-v167>label,.story-color-row>label{display:grid;gap:5px;color:#87919e;font-size:8px}.story-range-row{display:grid;grid-template-columns:minmax(0,1fr) 43px;gap:7px;align-items:center}.story-range-row input[type=range]{width:100%;accent-color:#1d9bf0}.story-range-row span{color:#bbc3cc;font-size:8px;text-align:right}.story-color-row{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.story-color-row input[type=color]{width:100%;height:38px;padding:3px;border:1px solid #343b47;border-radius:10px;background:#090b0f}.story-text-controls.is-disabled{opacity:.48}.story-text-controls.is-disabled:after{content:"Metin seçtiğinde tipografi araçları etkinleşir.";display:block;padding:8px 10px;border-radius:10px;background:#0c0f14;color:#687381;font-size:8px}
.story-picker-note{margin:0;color:#7f8996;font-size:8px;line-height:1.5}.story-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.story-emoji-grid button{aspect-ratio:1;border:1px solid #303743;border-radius:10px;background:#0b0e13;font-size:18px;cursor:pointer}.story-emoji-grid button:hover{border-color:#1d9bf0;background:#151b24;transform:translateY(-1px)}
.story-bg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.story-bg-tile{display:grid;gap:5px;padding:6px;border:1px solid #303743;border-radius:11px;background:#0b0e13;color:#8e98a4;cursor:pointer;text-align:left}.story-bg-tile i{display:block;height:42px;border-radius:8px;background:var(--swatch)}.story-bg-tile span{font-size:7px;font-weight:750}.story-bg-tile.active{border-color:#1d9bf0;box-shadow:0 0 0 2px rgba(29,155,240,.12)}
.story-gif-tabs{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px}.story-gif-tabs button{flex:0 0 auto;padding:6px 9px;border:1px solid #303743;border-radius:999px;background:#0b0e13;color:#8e98a4;font-size:7px;font-weight:850;cursor:pointer}.story-gif-tabs button.active{background:#1d9bf0;border-color:#1d9bf0;color:#fff}.story-gif-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;max-height:255px;overflow:auto;padding-right:2px}.story-gif-grid>button{position:relative;min-width:0;padding:0;border:1px solid #2f3641;border-radius:11px;background:#090b0f;overflow:hidden;cursor:pointer}.story-gif-grid>button[hidden]{display:none}.story-gif-grid>button img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.story-gif-grid>button span{display:block;padding:5px;color:#9da6b0;font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-gif-grid>button:hover,.story-gif-grid>button.active{border-color:#1d9bf0;box-shadow:0 0 0 2px rgba(29,155,240,.12)}.story-gif-clear{justify-self:start;padding:7px 10px;border:1px solid #3a424d;border-radius:999px;background:transparent;color:#9ca6b1;font-size:7px;cursor:pointer}.story-gif-clear:hover{color:#ff6cae;border-color:#8f365d}
.story-extra-card{margin-top:1px}.story-publish-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px}.story-publish-row b,.story-publish-row small{display:block}.story-publish-row b{color:#e9edf1;font-size:9px}.story-publish-row small{color:#737e8b;font-size:7px;margin-top:2px}.story-studio-v167 .story-publish{flex:0 0 auto;min-height:39px!important;padding:0 15px!important;border-radius:999px!important;background:#1d9bf0!important;color:#fff!important;font-size:9px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(29,155,240,.22)!important}
.story-body[data-style="rounded"]{font-family:"Arial Rounded MT Bold","Segoe UI",sans-serif!important}.story-body[data-style="condensed"]{font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important}.story-body[data-style="handwriting"]{font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive!important}.story-body[data-style="script"]{font-family:"Brush Script MT","Segoe Script",cursive!important}.story-body[data-style="elegant"]{font-family:"Bodoni 72",Didot,"Times New Roman",serif!important}.story-body[data-style="typewriter"]{font-family:"Courier New",Courier,monospace!important}.story-body[data-style="playful"]{font-family:"Comic Sans MS","Segoe Print",cursive!important}.story-render-gif img{object-fit:contain!important}

@media(max-width:1050px){.story-studio-shell{grid-template-columns:72px minmax(310px,390px) minmax(300px,1fr)}.story-toolrail{padding-inline:7px}.story-gif-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.story-studio-v167{width:100vw!important;max-height:100dvh!important;height:100dvh!important;border-radius:0!important}.story-studio-shell{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;max-height:calc(100dvh - 78px);overflow:auto}.story-toolrail{position:sticky;top:0;z-index:8;flex-direction:row;justify-content:center;border-right:0;border-bottom:1px solid #272c34;padding:7px;background:rgba(13,16,21,.96);backdrop-filter:blur(12px)}.story-toolrail button,.story-toolrail label{min-width:58px;padding:6px}.story-toolrail .tool-icon{width:32px;height:32px}.story-stage-workspace{border-right:0;border-bottom:1px solid #272c34;overflow:visible}.story-studio-v167 .story-canvas-editor{width:min(350px,88vw)!important}.story-property-panel{overflow:visible}.story-gif-grid{max-height:none}}
@media(max-width:520px){.story-studio-head{padding:12px 13px}.story-studio-head p{display:none}.story-studio-head h2{font-size:20px!important}.story-toolrail{justify-content:flex-start;overflow-x:auto}.story-toolrail button,.story-toolrail label{flex:0 0 60px}.story-style-grid-v167,.story-color-row{grid-template-columns:1fr}.story-emoji-grid{grid-template-columns:repeat(6,1fr)}.story-bg-grid{grid-template-columns:repeat(2,1fr)}.story-gif-grid{grid-template-columns:repeat(3,1fr)}.story-publish-row{align-items:flex-start;flex-direction:column}.story-studio-v167 .story-publish{width:100%}}

/* ===== NEXT v1.6.8 — MaviHikaye / bildirim / MaviKesit UI ===== */
/* Grup ve küçük şarkı kartlarında modern 30 sn oynatıcı */
.user-shell .mk-audio-pill,
.user-shell .group-feed .social-track-mini .mk-audio-pill{
  appearance:none!important;border:1px solid #3a4350!important;background:#12171d!important;color:#f7f9fb!important;
  min-width:112px!important;height:48px!important;padding:5px 12px 5px 7px!important;border-radius:999px!important;
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;cursor:pointer!important;transition:.16s ease!important
}
.user-shell .mk-audio-pill:hover{border-color:#1d9bf0!important;background:#17202a!important;transform:translateY(-1px)!important}
.user-shell .mk-audio-pill .mk-audio-pill-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:50%;background:#1d9bf0;color:#fff}
.user-shell .mk-audio-pill .mk-audio-pill-icon svg{width:17px;height:17px}
.user-shell .mk-audio-pill .mk-audio-pill-copy{display:grid;text-align:left;line-height:1.02}.user-shell .mk-audio-pill .mk-audio-pill-copy b{font-size:12px;color:#fff}.user-shell .mk-audio-pill .mk-audio-pill-copy small{font-size:7px;color:#8d98a5;margin-top:3px}
.user-shell .group-feed .social-track-mini{background:#171a20!important;border:1px solid #303640!important;color:#f2f5f8!important;border-radius:16px!important;padding:10px!important}
.user-shell .group-feed .social-track-mini>div b{color:#f6f8fa!important}.user-shell .group-feed .social-track-mini>div small{color:#87919e!important}

/* Tüm Bildirimler: açık tema artıklarını kaldır */
.user-shell .notifications-page{max-width:920px!important;padding:34px 18px 72px!important;color:#eef2f6!important}
.user-shell .notifications-hero{padding:4px 0 18px!important}.user-shell .notifications-hero h1{color:#f5f7f9!important}.user-shell .notifications-hero p{color:#8d98a6!important}
.user-shell .notification-list{gap:8px!important}
.user-shell .notification-card{
  background:#101318!important;border:1px solid #2a3039!important;border-radius:16px!important;box-shadow:none!important;
  color:#eef2f5!important;padding:14px 16px!important;transition:.15s ease!important
}
.user-shell .notification-card:hover{background:#14181f!important;border-color:#3b4451!important}
.user-shell .notification-card.unread{background:linear-gradient(90deg,rgba(29,155,240,.12),#101318 22%)!important;border-left:3px solid #1d9bf0!important}
.user-shell .notification-copy small{color:#6f7a87!important}.user-shell .notification-copy p{color:#d9e0e7!important;font-size:13px!important}.user-shell .notification-link{color:#1d9bf0!important}
.user-shell .notification-type-icon{background:#171c23!important;color:#1d9bf0!important;border:1px solid #303844!important}.user-shell .notification-card .avatar{border:1px solid #303844!important}
.user-shell .notification-friend-actions .btn.ghost{background:#171a20!important;color:#e7edf2!important;border-color:#333b46!important}

/* Sanatçı profili: 30 sn MaviKesit vitrini */
.user-shell .profile-mavikesit-showcase{margin-top:22px!important;border:1px solid #2b313a!important;border-radius:20px!important;background:#0f1217!important;padding:22px!important}
.user-shell .profile-mavikesit-showcase .section-head{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:18px!important;margin-bottom:16px!important}
.user-shell .profile-mavikesit-showcase .section-head h2{margin:3px 0!important;color:#fff!important}.user-shell .profile-mavikesit-showcase .section-head p{margin:4px 0 0!important;color:#7f8a97!important;font-size:10px!important}
.user-shell .profile-add-cut{flex:0 0 auto!important;min-height:40px!important;padding:0 15px!important;border-radius:999px!important}
.user-shell .profile-add-cut svg{width:16px;height:16px}
.user-shell .profile-mavikesit-showcase .track-shelf{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:12px!important;overflow:visible!important}
.user-shell .profile-mavikesit-showcase .shelf-track{min-width:0!important;padding:10px!important;border:1px solid #2a3038!important;border-radius:16px!important;background:#15191f!important}
.user-shell .profile-mavikesit-showcase .cover-play{width:100%!important;aspect-ratio:1!important;border-radius:13px!important;overflow:hidden!important;background:#0b0d11!important;border:0!important;position:relative!important}
.user-shell .profile-mavikesit-showcase .cover-play img,.user-shell .profile-mavikesit-showcase .track-cover-placeholder{width:100%!important;height:100%!important;object-fit:cover!important;display:grid!important;place-items:center!important}
.user-shell .profile-mavikesit-showcase .cover-play:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.58))}
.user-shell .profile-mavikesit-showcase .player-symbol{position:absolute!important;z-index:2!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:46px!important;height:46px!important;border-radius:50%!important;background:rgba(255,255,255,.93)!important;color:#0b0d11!important;display:grid!important;place-items:center!important;box-shadow:0 8px 26px rgba(0,0,0,.35)!important}
.user-shell .profile-mavikesit-showcase .player-symbol svg{width:20px!important;height:20px!important}
.user-shell .shelf-track-copy{display:grid;gap:3px;padding:9px 2px 2px}.user-shell .shelf-track-copy b{color:#f4f6f8!important;font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-shell .shelf-track-copy small{color:#7f8995!important;font-size:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-shell .profile-track-empty{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px;border:1px dashed #343c47;border-radius:16px;background:#14181e}.user-shell .profile-track-empty>span{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#202630;color:#1d9bf0;font-size:20px}.user-shell .profile-track-empty b,.user-shell .profile-track-empty small{display:block}.user-shell .profile-track-empty b{color:#fff;font-size:12px}.user-shell .profile-track-empty small{color:#7f8996;font-size:9px;margin-top:3px}

/* V1.6.8 MaviHikaye: Instagram benzeri, içerik odaklı oluşturucu */
.story-studio-v168{width:min(930px,96vw)!important;max-height:94dvh!important;padding:0!important;overflow:hidden!important;border-radius:20px!important;background:#0a0b0e!important;border:1px solid #2c3139!important;box-shadow:0 35px 120px rgba(0,0,0,.78)!important}
.story-studio-v168 .story-studio-head{height:60px;padding:0 14px!important;background:#0a0b0e!important;border-bottom:1px solid #252a31!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important}
.story-studio-v168 .story-studio-head>div>span,.story-studio-v168 .story-studio-head>div>p{display:none!important}.story-studio-v168 .story-studio-head h2{font-size:15px!important;letter-spacing:-.02em!important;margin:0!important;color:#f7f8fa!important}
.story-head-actions{display:flex;align-items:center;gap:8px}.story-top-publish{height:34px;padding:0 15px;border:0;border-radius:999px;background:#1d9bf0;color:#fff;font-size:10px;font-weight:900;cursor:pointer}.story-top-publish:hover{background:#40a9f3}.story-studio-v168 .story-modal-close{width:34px!important;height:34px!important;background:transparent!important;border:0!important;font-size:25px!important}
.story-studio-v168 .story-studio-shell{display:grid!important;grid-template-columns:minmax(390px,1fr) 330px!important;grid-template-areas:"tools tools" "stage panel"!important;min-height:650px!important;max-height:calc(94dvh - 60px)!important;background:#06070a!important;overflow:hidden!important}
.story-studio-v168 .story-toolrail{grid-area:tools!important;min-height:58px!important;padding:8px 12px!important;display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:10px!important;border:0!important;border-bottom:1px solid #242931!important;background:#0e1116!important}
.story-studio-v168 .story-toolrail button,.story-studio-v168 .story-toolrail label{width:auto!important;min-width:70px!important;height:40px!important;padding:0 12px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid #303640!important;border-radius:999px!important;background:#161a20!important;color:#d7dde4!important}
.story-studio-v168 .story-toolrail button:hover,.story-studio-v168 .story-toolrail label:hover,.story-studio-v168 .story-toolrail button.active{background:#202630!important;border-color:#495463!important;color:#fff!important}
.story-studio-v168 .story-toolrail .tool-icon{width:24px!important;height:24px!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:12px!important}.story-studio-v168 .story-toolrail b{font-size:9px!important}
.story-studio-v168 .story-stage-workspace{grid-area:stage!important;position:relative!important;min-width:0!important;padding:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at 50% 40%,rgba(54,63,76,.32),transparent 42%),#07080b!important;border-right:1px solid #252a31!important;overflow:auto!important}
.story-studio-v168 .story-canvas-topbar{position:absolute!important;z-index:20!important;top:28px!important;left:50%!important;transform:translateX(-50%)!important;width:auto!important;max-width:calc(100% - 40px)!important;padding:5px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;background:rgba(12,14,18,.74)!important;backdrop-filter:blur(12px)!important;box-shadow:0 8px 30px rgba(0,0,0,.35)!important}
.story-studio-v168 .story-canvas-topbar>span{display:none!important}.story-studio-v168 .story-layer-actions{display:flex!important;gap:3px!important}.story-studio-v168 .story-layer-actions button{width:31px!important;height:31px!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#d8dee5!important;cursor:pointer!important}.story-studio-v168 .story-layer-actions button:hover{background:#252b34!important;color:#fff!important}.story-studio-v168 .story-layer-actions button.danger:hover{background:#5b1d2a!important;color:#ff7088!important}
.story-studio-v168 .story-canvas-editor{width:min(360px,86%)!important;max-height:calc(94dvh - 165px)!important;aspect-ratio:9/16!important;border:1px solid #343a45!important;border-radius:16px!important;background:#08090d!important;box-shadow:0 24px 80px rgba(0,0,0,.58)!important}
.story-studio-v168 .story-canvas-guide{top:48%!important;display:grid!important;gap:6px!important;color:#66717e!important}.story-studio-v168 .story-canvas-guide b{color:#929ca8;font-size:13px}.story-studio-v168 .story-canvas-guide span{font-size:9px}
.story-studio-v168 .story-canvas-footer{position:absolute!important;bottom:8px!important;left:18px!important;right:18px!important;width:auto!important;justify-content:center!important}.story-studio-v168 .story-canvas-footer small{display:none!important}.story-studio-v168 .story-canvas-footer>span{padding:5px 9px;border-radius:999px;background:#12161c;color:#707b87!important;border:1px solid #262c34;font-size:7px!important}
.story-studio-v168 .story-property-panel{grid-area:panel!important;min-width:0!important;padding:12px!important;overflow:auto!important;background:#0d1015!important;display:flex!important;flex-direction:column!important;gap:9px!important}
.story-studio-v168 .story-control-card{padding:12px!important;border:1px solid #2a3039!important;border-radius:14px!important;background:#13171d!important}.story-studio-v168 .story-control-card>header b{font-size:10px!important}.story-studio-v168 .story-control-card>header small{color:#1d9bf0!important}
.story-studio-v168 .story-field textarea,.story-studio-v168 select{background:#090b0f!important;color:#f4f6f8!important;border-color:#333a45!important;border-radius:11px!important}.story-studio-v168 .story-style-grid-v167{grid-template-columns:1fr 1fr!important;gap:8px!important}.story-studio-v168 .story-color-row{grid-template-columns:1fr!important}
.story-studio-v168 .story-emoji-grid{grid-template-columns:repeat(6,1fr)!important}.story-studio-v168 .story-emoji-grid button{aspect-ratio:1;border-radius:12px!important;background:#0d1015!important;border:1px solid #2e3540!important}
.story-studio-v168 .story-gif-tabs{gap:4px!important}.story-studio-v168 .story-gif-tabs button{font-size:7px!important;padding:6px 8px!important}.story-studio-v168 .story-gif-grid{grid-template-columns:repeat(3,1fr)!important;max-height:260px!important}.story-studio-v168 .story-gif-grid button{border-radius:12px!important;overflow:hidden!important}
.story-studio-v168 .story-extra-card{margin-top:auto!important}.story-studio-v168 .story-extra-card .story-publish{display:none!important}.story-studio-v168 .story-publish-row{display:block!important}.story-studio-v168 .story-publish-row>div{padding:8px 0!important}
.story-studio-v168 .story-resize-handle{width:24px!important;height:24px!important;right:-8px!important;bottom:-8px!important}.story-studio-v168 .story-canvas-item.selected{outline:2px solid #fff!important;outline-offset:3px!important;box-shadow:0 0 0 2px #1d9bf0!important}

@media(max-width:860px){
 .story-studio-v168{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
 .story-studio-v168 .story-studio-shell{grid-template-columns:1fr!important;grid-template-areas:"tools" "stage" "panel"!important;max-height:calc(100dvh - 60px)!important;overflow:auto!important}
 .story-studio-v168 .story-toolrail{position:sticky!important;top:0!important;z-index:30!important;justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:none!important}.story-studio-v168 .story-toolrail::-webkit-scrollbar{display:none!important}
 .story-studio-v168 .story-stage-workspace{min-height:620px!important;border-right:0!important;border-bottom:1px solid #252a31!important;overflow:visible!important}
 .story-studio-v168 .story-canvas-editor{width:min(350px,90vw)!important;max-height:none!important}
 .story-studio-v168 .story-property-panel{overflow:visible!important}.story-studio-v168 .story-style-grid-v167{grid-template-columns:1fr!important}
}
@media(max-width:560px){
 .story-studio-v168 .story-studio-head{padding:0 10px!important}.story-studio-v168 .story-toolrail button,.story-studio-v168 .story-toolrail label{min-width:52px!important;width:52px!important;padding:0!important}.story-studio-v168 .story-toolrail b{display:none!important}.story-studio-v168 .story-stage-workspace{min-height:590px!important;padding:14px 8px!important}.story-studio-v168 .story-canvas-editor{width:min(330px,92vw)!important}.story-studio-v168 .story-property-panel{padding:10px!important}
 .user-shell .profile-mavikesit-showcase{margin-inline:8px!important;padding:14px!important}.user-shell .profile-mavikesit-showcase .section-head{align-items:flex-start!important;flex-direction:column!important}.user-shell .profile-mavikesit-showcase .track-shelf{grid-template-columns:repeat(2,minmax(0,1fr))!important}.user-shell .profile-track-empty{grid-template-columns:42px minmax(0,1fr)!important}.user-shell .profile-track-empty .btn{grid-column:1/-1!important;width:100%!important}
}

/* =========================================================
   HarmoniReverb NEXT V1.6.9 — MaviHikâye Studio
   Tek sahne, kompakt dock, şeffaf sticker kütüphanesi.
   ========================================================= */
.story-create-backdrop{background:rgba(0,0,0,.82)!important;backdrop-filter:blur(18px)!important;padding:18px!important;overflow:hidden!important}
.story-studio-v169{width:min(1120px,97vw)!important;height:min(860px,94dvh)!important;max-height:94dvh!important;margin:auto!important;display:grid!important;grid-template-rows:68px minmax(0,1fr)!important;padding:0!important;overflow:hidden!important;border:1px solid #2b313a!important;border-radius:26px!important;background:#080a0e!important;box-shadow:0 36px 120px rgba(0,0,0,.82)!important;color:#f7f8fb!important}
.story169-head{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid #222831;background:rgba(10,12,16,.96);backdrop-filter:blur(18px);position:relative;z-index:20}
.story169-brand{display:flex;align-items:center;gap:11px;min-width:0}.story169-brand-dot{width:12px;height:12px;border-radius:50%;background:#1d9bf0;box-shadow:0 0 22px rgba(29,155,240,.65)}.story169-brand small{display:block;font-size:8px;letter-spacing:.18em;color:#1d9bf0;font-weight:900}.story169-brand h2{margin:2px 0 0!important;font-size:17px!important;line-height:1!important;letter-spacing:-.03em!important;color:#fff!important}.story169-head-center{display:flex;align-items:center;gap:8px;color:#8f99a6;font-size:9px;font-weight:800}.story169-head-center i{width:3px;height:3px;border-radius:50%;background:#59616d}.story169-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.story169-preview-toggle,.story169-publish,.story169-close{height:38px;border:0;cursor:pointer;font:inherit}.story169-preview-toggle{padding:0 14px;border-radius:999px;background:#151922;color:#b8c0ca;font-size:10px;font-weight:900}.story169-preview-toggle:hover{background:#1c222c;color:#fff}.story169-publish{padding:0 19px;border-radius:999px;background:#1d9bf0;color:#fff;font-size:10px;font-weight:900;box-shadow:0 8px 24px rgba(29,155,240,.24)}.story169-publish:hover{background:#33a6f2}.story169-close{width:38px;border-radius:50%;background:transparent;color:#e7ebef;font-size:26px;line-height:1}.story169-close:hover{background:#171b22}
.story169-form{min-height:0!important;overflow:hidden!important}.story169-shell{height:100%;min-height:0;display:grid;grid-template-columns:84px minmax(420px,1fr) 320px;background:#06070a;overflow:hidden}
.story169-dock{padding:15px 10px;border-right:1px solid #222831;background:#0c0f14;display:flex;flex-direction:column;align-items:center;gap:10px;overflow:hidden}.story169-dock button,.story169-dock label{position:relative;width:62px;min-height:58px;margin:0;padding:7px 3px;border:1px solid transparent;border-radius:17px;background:transparent;color:#9fa8b4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:.18s ease}.story169-dock button:hover,.story169-dock label:hover,.story169-dock button.active{background:#151a22;border-color:#2d3540;color:#fff;transform:translateY(-1px)}.story169-dock button>span,.story169-dock label>span{width:30px;height:26px;display:grid;place-items:center;font-size:19px;font-weight:900;color:#e9edf2}.story169-dock svg{width:20px;height:20px}.story169-dock b{font-size:8px;line-height:1;color:inherit}.story169-dock input[type=file]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.story169-workspace{min-width:0;min-height:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 35%,rgba(38,77,126,.24),transparent 35%),radial-gradient(circle at 55% 90%,rgba(106,42,122,.17),transparent 32%),#07090c;overflow:hidden}.story169-canvas-wrap{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-height:100%;gap:10px}.story169-canvas{position:relative!important;width:min(390px,calc((94dvh - 170px)*.5625),46vw)!important;max-width:390px!important;height:auto!important;aspect-ratio:9/16!important;max-height:calc(94dvh - 168px)!important;overflow:hidden!important;border:1px solid #363d48!important;border-radius:22px!important;background:#08090d;box-shadow:0 25px 90px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.02) inset!important;touch-action:none}.story169-guide{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-align:center!important;pointer-events:none!important;color:#65707d!important}.story169-guide-icon{width:46px;height:46px;display:grid;place-items:center;border:1px dashed #39414c;border-radius:50%;font-size:24px;color:#808b98}.story169-guide b{font-size:14px!important;color:#aeb6c0!important}.story169-guide small{font-size:9px!important;color:#68727f!important}.story-canvas-item{touch-action:none}.story-canvas-item.gif-item img{object-fit:contain!important;background:transparent!important}.story-canvas-item.selected{outline:2px solid #fff!important;outline-offset:3px!important;box-shadow:0 0 0 2px #1d9bf0!important}.story-resize-handle{background:#1d9bf0!important;color:#fff!important;border:2px solid #fff!important;box-shadow:0 4px 15px rgba(0,0,0,.35)!important}
.story169-floating-tools{position:absolute;z-index:50;top:12px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:5px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(9,11,15,.84);backdrop-filter:blur(15px);box-shadow:0 8px 30px rgba(0,0,0,.45)}.story169-floating-tools[hidden]{display:none!important}.story169-floating-tools button{width:31px;height:31px;border:0;border-radius:50%;background:transparent;color:#d8dde4;cursor:pointer}.story169-floating-tools button:hover{background:#222833;color:#fff}.story169-floating-tools .danger:hover{background:#4a1623;color:#ff6b86}.story169-canvas-meta{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#77818e;font-size:8px;padding:0 2px}.story169-canvas-meta>span{color:#aab2bc;font-weight:800}.story169-canvas-meta small{color:#66707c}
.story169-inspector{min-width:0;min-height:0;border-left:1px solid #222831;background:#0d1015;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.story169-inspector::-webkit-scrollbar{display:none!important}.story169-panel{padding:19px 18px 14px;display:flex;flex-direction:column;gap:14px}.story169-panel[hidden]{display:none!important}.story169-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.story169-panel header small,.story169-panel-title>span{display:block;color:#1d9bf0;font-size:8px;font-weight:900;letter-spacing:.17em}.story169-panel h3,.story169-panel-title h3{margin:2px 0 0!important;color:#f5f7f9!important;font-size:18px!important;letter-spacing:-.035em!important}.story169-panel-title p,.story169-muted{margin:10px 0 0;color:#85909d;font-size:10px;line-height:1.55}.story169-panel header>span{font-size:8px;color:#788390}.story169-welcome{padding-top:28px}.story169-quick-bg{margin-top:12px;padding:14px;border:1px solid #262c35;border-radius:17px;background:#11151b}.story169-quick-bg>b{font-size:9px;color:#b7c0ca}.story169-quick-bg>div{display:flex;gap:8px;margin-top:12px}.story169-quick-bg button{width:38px;height:38px;border:2px solid #2a3038;border-radius:50%;background:var(--story-swatch);cursor:pointer}.story169-quick-bg button:hover,.story169-quick-bg button.active{border-color:#fff;transform:scale(1.05)}
.story169-field{display:flex;flex-direction:column;gap:7px;color:#aab3bd;font-size:9px}.story169-field>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.story169-field em{font-style:normal;color:#697481}.story169-field textarea,.story169-field select{width:100%;box-sizing:border-box;border:1px solid #303743!important;border-radius:13px!important;background:#080a0e!important;color:#eef1f4!important;padding:11px 12px!important;font:inherit!important;outline:0!important}.story169-field textarea{min-height:92px;resize:none}.story169-field textarea:focus,.story169-field select:focus{border-color:#1d9bf0!important;box-shadow:0 0 0 3px rgba(29,155,240,.12)}.story169-field input[type=range]{width:100%;accent-color:#1d9bf0}.story169-field input[type=color]{width:100%;height:42px;border:1px solid #303743;border-radius:12px;background:#080a0e;padding:5px;cursor:pointer}.story169-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.story169-tabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.story169-tabs::-webkit-scrollbar{display:none}.story169-tabs button{flex:0 0 auto;border:1px solid #2b323d;border-radius:999px;background:#10141a;color:#8e99a7;padding:7px 9px;font-size:7px;font-weight:900;cursor:pointer}.story169-tabs button:hover,.story169-tabs button.active{border-color:#1d9bf0;background:#10263a;color:#55b8f5}.story169-sticker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:440px;overflow:auto;scrollbar-width:none}.story169-sticker-grid::-webkit-scrollbar{display:none}.story169-sticker-grid button{position:relative;aspect-ratio:1;border:1px solid #272e38;border-radius:15px;background:#090b0f;display:grid;place-items:center;padding:8px;cursor:pointer;overflow:hidden}.story169-sticker-grid button:hover,.story169-sticker-grid button.active{border-color:#1d9bf0;background:#111a24;transform:translateY(-1px)}.story169-sticker-grid img{width:76%;height:76%;object-fit:contain;background:transparent!important}.story169-sticker-grid span{position:absolute;left:6px;right:6px;bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7e8995;font-size:6px;text-align:center}.story169-secondary,.story169-danger{border-radius:12px;padding:10px 12px;font-size:8px;font-weight:900;cursor:pointer}.story169-secondary{border:1px solid #303743;background:#11151b;color:#b9c1cb}.story169-danger{border:1px solid #622337;background:#281019;color:#ff7891}.story169-emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.story169-emoji-grid button{aspect-ratio:1;border:1px solid #2b323c;border-radius:13px;background:#0a0c10;font-size:21px;cursor:pointer}.story169-emoji-grid button:hover{background:#161b22;border-color:#4a5563;transform:scale(1.04)}.story169-bg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.story169-bg{border:1px solid #2b323c;border-radius:14px;background:#0a0c10;padding:7px;cursor:pointer;text-align:left}.story169-bg i{display:block;height:66px;border-radius:9px;background:var(--story-swatch)}.story169-bg span{display:block;margin-top:6px;font-size:7px;color:#8993a0}.story169-bg:hover,.story169-bg.active{border-color:#1d9bf0}.story169-layer-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.story169-layer-grid button{border:1px solid #303743;border-radius:12px;background:#10141a;color:#c1c8d1;padding:10px;font-size:8px;font-weight:800;cursor:pointer}.story169-layer-grid button:hover{background:#18202a;border-color:#465261}.story169-inspector-footer{margin-top:auto;padding:15px 18px 18px;border-top:1px solid #222831;background:#0b0e13}.story169-inspector-footer>div{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.story169-inspector-footer b{font-size:9px;color:#d9dee4}.story169-inspector-footer small{font-size:7px;color:#707a87}.story169-publish-wide{width:100%;height:42px;border:0;border-radius:999px;background:#1d9bf0;color:#fff;font-size:10px;font-weight:900;cursor:pointer;box-shadow:0 10px 25px rgba(29,155,240,.2)}.story169-publish-wide:hover{background:#35a7f1}
/* Hikâye modalında kaydırma çalışır, çubuk görünmez. */
.story-studio-v169,.story169-shell,.story169-workspace,.story169-inspector,.story169-sticker-grid,.story169-tabs{scrollbar-width:none!important}.story-studio-v169::-webkit-scrollbar,.story169-shell::-webkit-scrollbar,.story169-workspace::-webkit-scrollbar,.story169-inspector::-webkit-scrollbar,.story169-sticker-grid::-webkit-scrollbar,.story169-tabs::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

@media(max-width:980px){
 .story-studio-v169{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;border:0!important}
 .story169-head{height:58px;grid-template-columns:1fr auto}.story169-head-center{display:none}.story169-shell{grid-template-columns:68px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.story169-dock{grid-column:1;grid-row:1 / span 2}.story169-workspace{grid-column:2;grid-row:1;padding:12px}.story169-inspector{grid-column:2;grid-row:2;max-height:37dvh;border-left:0;border-top:1px solid #222831}.story169-canvas{width:min(330px,72vw,calc(61dvh*.5625))!important;max-height:61dvh!important}.story169-sticker-grid{grid-template-columns:repeat(5,1fr);max-height:220px}.story169-bg-grid{grid-template-columns:repeat(4,1fr)}.story169-bg i{height:48px}.story169-panel{padding:13px}.story169-inspector-footer{padding:10px 13px 13px}
}
@media(max-width:620px){
 .story-create-backdrop{padding:0!important}.story169-head{padding:0 10px;gap:8px}.story169-brand small{display:none}.story169-brand h2{font-size:15px!important}.story169-preview-toggle{display:none}.story169-publish{height:34px;padding:0 14px}.story169-close{width:34px;height:34px}
 .story169-shell{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 62px auto}.story169-workspace{grid-column:1;grid-row:1;padding:8px}.story169-dock{grid-column:1;grid-row:2;min-height:62px;padding:6px 8px;border-right:0;border-top:1px solid #222831;display:flex;flex-direction:row;justify-content:space-around;overflow-x:auto;scrollbar-width:none}.story169-dock::-webkit-scrollbar{display:none}.story169-dock button,.story169-dock label{flex:0 0 54px;width:54px;min-height:50px;border-radius:14px}.story169-dock button>span,.story169-dock label>span{font-size:16px;height:20px}.story169-dock b{font-size:7px}.story169-inspector{grid-column:1;grid-row:3;max-height:34dvh}.story169-canvas{width:min(300px,84vw,calc(57dvh*.5625))!important;max-height:57dvh!important;border-radius:18px!important}.story169-canvas-meta small{display:none}.story169-sticker-grid{grid-template-columns:repeat(4,1fr)}.story169-bg-grid{grid-template-columns:repeat(3,1fr)}.story169-emoji-grid{grid-template-columns:repeat(6,1fr)}.story169-two{grid-template-columns:1fr}.story169-floating-tools{top:7px}.story169-panel h3,.story169-panel-title h3{font-size:16px!important}
}

/* =====================================================================
   HarmoniReverb NEXT v1.7.0 — Story music + MaviKesit UI stabilization
   ===================================================================== */

/* Artist MaviKesit upload: remove legacy light-theme surfaces. */
.user-shell .track-upload-page{color:#f4f6f8!important}
.user-shell .track-upload-page .upload-intro h1,
.user-shell .track-upload-page .upload-card h2,
.user-shell .track-upload-page .cut-head h3{color:#f7f8fa!important}
.user-shell .track-upload-page .upload-intro p,
.user-shell .track-upload-page .step-title p,
.user-shell .track-upload-page .field-note{color:#8f99a6!important}
.user-shell .track-upload-page .upload-card{
 background:#0e1116!important;border:1px solid #2b313a!important;color:#f4f6f8!important;box-shadow:none!important
}
.user-shell .track-upload-page .upload-form label{color:#aab3bd!important}
.user-shell .track-upload-page input,
.user-shell .track-upload-page textarea,
.user-shell .track-upload-page select{
 background:#080a0e!important;color:#eef2f6!important;border:1px solid #303743!important
}
.user-shell .track-upload-page input::placeholder,
.user-shell .track-upload-page textarea::placeholder{color:#616b77!important}
.user-shell .track-upload-page .modern-file{
 background:#10141a!important;border:1px dashed #3a4653!important;color:#edf1f5!important
}
.user-shell .track-upload-page .modern-file>span{background:#11243a!important;color:#66beff!important}
.user-shell .track-upload-page .modern-file>small{color:#76818e!important}
.user-shell .track-upload-page .source-drop{
 background:linear-gradient(145deg,#0c1118,#0c151c)!important;border:1px dashed #31516d!important;color:#f4f6f8!important
}
.user-shell .track-upload-page .source-drop>span{color:#1d9bf0!important}
.user-shell .track-upload-page .source-drop b{color:#f6f8fa!important}
.user-shell .track-upload-page .source-drop small{color:#7f8996!important}
.user-shell .track-upload-page .cut-editor{
 background:#090c11!important;border:1px solid #29323d!important;color:#eef2f6!important
}
.user-shell .track-upload-page .wave-wrap{background:#111923!important;border:1px solid #273340!important}
.user-shell .track-upload-page .selection{background:rgba(29,155,240,.13)!important;border-color:#1d9bf0!important}
.user-shell .track-upload-page .selection span{background:#1d9bf0!important;color:#fff!important;box-shadow:0 7px 18px rgba(29,155,240,.2)!important}
.user-shell .track-upload-page .range-line span,
.user-shell .track-upload-page .cut-ready{color:#8994a1!important}
.user-shell .track-upload-page .range-line input[type=range]{accent-color:#1d9bf0!important}
.user-shell .track-upload-page .cut-ready.done{color:#6ee7b7!important}

/* Live playback cursor/timeline while auditioning the selected 30 seconds. */
.cut-playback-status{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:3px 0 13px;padding:10px 12px;border:1px solid #29323d;border-radius:13px;background:#0c1016}
.cut-playback-track{height:5px;border-radius:999px;background:#252d37;overflow:hidden;position:relative}
.cut-playback-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1d9bf0,#6d5cff);transition:width .08s linear}
.cut-playback-status>div:last-child{display:flex;align-items:center;gap:5px;font-size:9px;color:#788491;font-variant-numeric:tabular-nums}
.cut-playback-status b{color:#e7edf3;font-size:10px}

/* Admin dashboard: legacy white metric/empty cards no longer leak into dark shell. */
.user-shell .admin-page{color:#eef2f6!important}
.user-shell .admin-stats>div{background:#101319!important;border:1px solid #2c333d!important;color:#eef2f6!important;box-shadow:none!important}
.user-shell .admin-stats b{color:#f7f8fa!important}
.user-shell .admin-stats span{color:#7f8995!important}
.user-shell .admin-list{background:#0c0f14!important;border-color:#2a3038!important}
.user-shell .admin-list .empty{background:#12161c!important;border:1px solid #2b323b!important;color:#8d98a4!important}
.user-shell .moderation-row{border-color:#292f37!important;color:#eef2f6!important}
.user-shell .moderation-row input{background:#080a0e!important;color:#eef2f6!important;border-color:#303743!important}

/* Story publish controls must remain visible at every viewport size. */
.story-studio-v169 .story169-head-actions{display:flex!important;visibility:visible!important;opacity:1!important;min-width:max-content!important}
.story-studio-v169 .story169-publish{display:inline-flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important}
.story-studio-v169 .story169-inspector-footer{position:sticky!important;bottom:0!important;z-index:25!important;background:rgba(11,14,19,.98)!important;backdrop-filter:blur(14px)!important}
.story-studio-v169 .story169-publish-wide{display:flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;min-width:0!important}

/* Elements can become genuinely small; emoji/text with "no background" has no translucent box. */
.story-studio-v169 .story-canvas-item{min-width:14px!important;min-height:14px!important}
.story-studio-v169 .story-canvas-item.gif-item{background:transparent!important;border-radius:0!important}
.story-studio-v169 .story-canvas-item.gif-item img{background:transparent!important;border-radius:0!important;filter:drop-shadow(0 5px 8px rgba(0,0,0,.18))}
.story-studio-v169 .story-canvas-item>span[data-bg="none"],
.story-render-text[data-bg="none"]{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}

/* All-artist story music browser. */
.story-music-browser{min-height:0!important}
.story-music-search{height:43px;display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:3px;padding:0 10px;border:1px solid #303743;border-radius:999px;background:#080a0e;color:#7e8996}
.story-music-search>span{font-size:17px;text-align:center;color:#7b8795}
.story-music-search input{width:100%;min-width:0;border:0!important;background:transparent!important;color:#eef2f6!important;outline:0;padding:0 5px!important;font-size:10px}
.story-music-search input::placeholder{color:#606b77!important}
.story-music-results{display:grid;gap:7px;max-height:360px;overflow-y:auto;scrollbar-width:none;padding-right:1px}
.story-music-results::-webkit-scrollbar{display:none}
.story-music-option{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:6px;align-items:center;border:1px solid #272e37;border-radius:14px;background:#0b0e13;padding:5px}
.story-music-option:hover{border-color:#374657;background:#0e131a}
.story-music-select{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:9px;border:0;background:transparent;color:#fff;text-align:left;padding:2px;cursor:pointer}
.story-music-select.active{color:#fff}
.story-music-cover{width:42px;height:42px;border-radius:10px;overflow:hidden;background:#151b23;display:grid;place-items:center;color:#6fc3ff}
.story-music-cover img{width:100%;height:100%;object-fit:cover}
.story-music-copy{min-width:0;display:block}
.story-music-copy b,.story-music-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.story-music-copy b{font-size:10px;color:#f2f5f7}
.story-music-copy small{margin-top:3px;font-size:7px;color:#798592}
.story-music-select>i{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#171d25;color:#8fa0af;font-style:normal;font-size:13px}
.story-music-select.active>i{background:#1d9bf0;color:#fff}
.story-music-preview{width:36px;height:36px;border:1px solid #303a45;border-radius:50%;display:grid;place-items:center;background:#111720;color:#77c7ff;cursor:pointer}
.story-music-preview:hover{background:#162434;border-color:#3c6585}.story-music-preview svg{width:15px;height:15px}
.story-music-empty{padding:20px 10px;text-align:center;color:#707b88;font-size:9px}

/* Music card in viewer: obvious auto-play state, no light circles. */
.story-viewer .story-music{background:rgba(9,11,15,.86)!important;border:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(16px)!important}
.story-viewer .story-music button{background:#fff!important;color:#080a0e!important;border:0!important}
.story-viewer .story-music button.playing{background:#1d9bf0!important;color:#fff!important}

@media(max-width:620px){
 .story-studio-v169 .story169-head-actions{gap:5px!important}.story-studio-v169 .story169-publish{display:inline-flex!important;min-width:72px!important}
 .story-music-results{max-height:235px}.cut-playback-status{grid-template-columns:1fr;gap:7px}.cut-playback-status>div:last-child{justify-content:flex-end}
}

/* =====================================================================
   HarmoniReverb NEXT v1.7.1 — Story UX / profile feed / auth modal polish
   ===================================================================== */

/* Home stories align with the real center feed width, not a narrow island. */
.user-shell .home-story-zone{width:100%!important;max-width:none!important;margin:0 0 12px!important;padding:0!important}
.user-shell .home-story-zone .stories-shell{width:100%!important;max-width:none!important;margin:0!important;border-left:0!important;border-right:0!important}
.user-shell .home-story-zone .stories-track{width:100%!important;max-width:none!important;padding-left:4px!important;padding-right:4px!important}

/* Profile timeline uses the available profile width like the main feed. */
.user-shell .profile-posts-section{width:auto!important;max-width:none!important;margin:28px 22px 0!important;padding:28px 0 0!important}
.user-shell .profile-posts-section .profile-stream-head,
.user-shell .profile-posts-section .rich-composer,
.user-shell .profile-posts-section .profile-post-stream{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
.user-shell .profile-post-stream{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
.user-shell .profile-post-stream .post-card{width:100%!important;max-width:none!important;border:1px solid #2c323b!important;border-radius:18px!important;background:#0d1015!important;padding:18px 20px!important;color:#eef2f6!important}
.user-shell .profile-post-stream .post-body{color:#d7dde4!important;font-size:14px!important;line-height:1.62!important}
.user-shell .profile-post-stream .post-image{max-height:620px!important;background:#080a0d!important}

/* Song board: remove the old pale card inside a dark profile. */
.user-shell .profile-social-zone{margin:28px 22px 0!important;padding:24px!important;border:1px solid #2b313a!important;border-radius:20px!important;background:#0d1015!important}
.user-shell .profile-social-zone .section-head h2{color:#f5f7fa!important}
.user-shell .profile-social-zone .section-head p{color:#8994a1!important}
.user-shell .song-drop-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:12px!important}
.user-shell .song-drop-card{background:#12161c!important;border:1px solid #2e3540!important;color:#eff3f6!important;box-shadow:none!important}
.user-shell .song-drop-head b{color:#f6f8fa!important}.user-shell .song-drop-head small{color:#798592!important}
.user-shell .song-drop-track{background:#181d24!important;border:1px solid #303743!important;color:#f4f6f8!important}
.user-shell .song-drop-track small,.user-shell .song-drop-track span{color:#8d98a5!important}.user-shell .song-drop-track b{color:#fff!important}
.user-shell .song-drop-track button{background:#0d1116!important;border:1px solid #39424e!important;color:#e9eef3!important;border-radius:999px!important;min-height:42px!important;padding:0 13px!important}
.user-shell .song-drop-track button:hover{border-color:#1d9bf0!important;color:#74c9ff!important}
.user-shell .song-drop-card>p{color:#a7b1bc!important}
.user-shell .song-drop-form{background:#11151b!important;border-color:#2d3540!important}
.user-shell .song-drop-form select,.user-shell .song-drop-form input{background:#080a0e!important;color:#edf2f6!important;border:1px solid #343c47!important}

/* Profile story ring is an in-page action; never navigate away from the profile. */
.user-shell .profile-story-ring{appearance:none;border:0;cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff3d81,#7c3aed 55%,#1d9bf0)!important;box-shadow:0 0 0 3px #0e0f13,0 0 0 5px rgba(255,64,133,.75)!important}
.user-shell .profile-story-ring:hover{transform:scale(1.06)}

/* Login now behaves like a social-app modal instead of a standalone form page. */
body:not(.user-shell) .auth-modal-stage{position:fixed;inset:0;z-index:160;display:grid;place-items:center;padding:22px;overflow:auto}
body:not(.user-shell) .auth-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(16px)}
body:not(.user-shell) .auth-modal-card{position:relative;z-index:2;width:min(470px,calc(100vw - 28px));padding:30px;border:1px solid #303640;border-radius:24px;background:#0d1015;box-shadow:0 34px 120px rgba(0,0,0,.72);color:#f4f7fa}
body:not(.user-shell) .auth-modal-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:1px solid #343b46;border-radius:50%;display:grid;place-items:center;background:#151920;color:#fff;font-size:24px;line-height:1}
body:not(.user-shell) .auth-modal-brand{display:flex;align-items:center;gap:9px;margin-bottom:24px;font-weight:900}
body:not(.user-shell) .auth-modal-brand img{width:38px;height:38px;object-fit:contain}
body:not(.user-shell) .auth-modal-brand span{font-size:18px;color:#f7f9fb}
body:not(.user-shell) .auth-modal-card h1{margin:6px 0 8px;color:#fff;font-size:42px;line-height:1;letter-spacing:-.05em}
body:not(.user-shell) .auth-modal-lead{color:#8b96a3;font-size:11px;line-height:1.6;margin-bottom:21px}
body:not(.user-shell) .auth-modal-card form{display:grid;gap:12px}
body:not(.user-shell) .auth-modal-card label{display:grid;gap:6px;color:#9ca7b3;font-size:9px}
body:not(.user-shell) .auth-modal-card input{width:100%;height:48px;border:1px solid #343c47;border-radius:14px;background:#080a0e;color:#fff;padding:0 14px;outline:0}
body:not(.user-shell) .auth-modal-card input:focus{border-color:#1d9bf0;box-shadow:0 0 0 3px rgba(29,155,240,.12)}
body:not(.user-shell) .auth-login-submit{height:48px!important;margin-top:5px!important;background:#1d9bf0!important;color:#fff!important;border-radius:999px!important;box-shadow:0 12px 32px rgba(29,155,240,.2)!important}
body:not(.user-shell) .auth-modal-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:19px 0 12px;color:#65707d;font-size:8px}
body:not(.user-shell) .auth-modal-divider span{height:1px;background:#282f38}.auth-modal-divider em{font-style:normal}
body:not(.user-shell) .auth-modal-register{text-align:center!important;margin:0!important;color:#8e99a5!important;font-size:10px!important}
body:not(.user-shell) .auth-modal-register a{color:#5dbdff!important;font-weight:900}

/* Instagram-inspired story composer: one clear stage, compact top tools, slim inspector. */
.story-create-backdrop{padding:10px!important;background:rgba(0,0,0,.82)!important;backdrop-filter:blur(14px)!important}
.story-studio-v169{width:min(1040px,calc(100vw - 24px))!important;height:min(790px,calc(100dvh - 20px))!important;max-height:calc(100dvh - 20px)!important;border-radius:24px!important;background:#08090c!important;border:1px solid #303640!important;overflow:hidden!important;display:grid!important;grid-template-rows:62px minmax(0,1fr)!important;box-shadow:0 40px 140px rgba(0,0,0,.82)!important}
.story-studio-v169 .story169-head{position:relative!important;z-index:50!important;height:62px!important;min-height:62px!important;padding:0 18px!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;background:#0b0d11!important;border-bottom:1px solid #262c34!important}
.story-studio-v169 .story169-brand{justify-self:start}.story-studio-v169 .story169-brand small{color:#1d9bf0!important}.story-studio-v169 .story169-brand h2{color:#f5f7fa!important;font-size:16px!important;margin:1px 0!important}
.story-studio-v169 .story169-head-center{display:flex!important;justify-self:center;gap:7px;color:#747f8c;font-size:8px}.story-studio-v169 .story169-head-center i{width:3px;height:3px;border-radius:50%;background:#46505c}
.story-studio-v169 .story169-head-actions{justify-self:end!important;display:flex!important;align-items:center!important;gap:8px!important;position:relative!important;z-index:80!important}
.story-studio-v169 .story169-preview-toggle{display:none!important}
.story-studio-v169 .story169-publish{display:inline-flex!important;visibility:visible!important;opacity:1!important;min-width:92px!important;height:40px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#1d9bf0,#5b6cff)!important;color:#fff!important;font-size:10px!important;font-weight:950!important;box-shadow:0 10px 28px rgba(29,155,240,.28)!important;cursor:pointer!important}
.story-studio-v169 .story169-close{width:38px!important;height:38px!important;border:1px solid #343b46!important;border-radius:50%!important;background:#151920!important;color:#fff!important;font-size:23px!important;display:grid!important;place-items:center!important}
.story-studio-v169 .story169-form{min-height:0!important;height:100%!important;overflow:hidden!important}
.story-studio-v169 .story169-shell{height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;grid-template-rows:64px minmax(0,1fr)!important;background:#06070a!important;overflow:hidden!important}
.story-studio-v169 .story169-dock{grid-column:1 / -1!important;grid-row:1!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:9px 12px!important;border:0!important;border-bottom:1px solid #262c34!important;background:#0d1015!important;overflow-x:auto!important;scrollbar-width:none!important}
.story-studio-v169 .story169-dock::-webkit-scrollbar{display:none!important}
.story-studio-v169 .story169-dock button,.story-studio-v169 .story169-dock label{flex:0 0 auto!important;width:auto!important;min-width:72px!important;height:42px!important;min-height:42px!important;border:1px solid #303843!important;border-radius:999px!important;background:#151a21!important;color:#cbd3dc!important;padding:0 12px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important;cursor:pointer!important}
.story-studio-v169 .story169-dock button:hover,.story-studio-v169 .story169-dock label:hover,.story-studio-v169 .story169-dock button.active{background:#1c232c!important;border-color:#536172!important;color:#fff!important}
.story-studio-v169 .story169-dock button>span,.story-studio-v169 .story169-dock label>span{height:auto!important;font-size:16px!important;display:grid!important;place-items:center!important}.story-studio-v169 .story169-dock b{font-size:8px!important}
.story-studio-v169 .story169-workspace{grid-column:1!important;grid-row:2!important;min-height:0!important;padding:16px!important;background:radial-gradient(circle at 50% 24%,rgba(29,155,240,.13),transparent 37%),radial-gradient(circle at 55% 88%,rgba(219,39,119,.09),transparent 35%),#07090c!important;overflow:hidden!important}
.story-studio-v169 .story169-canvas-wrap{height:100%!important;justify-content:center!important;gap:8px!important}
.story-studio-v169 .story169-canvas{width:min(378px,calc((100dvh - 168px)*.5625),46vw)!important;max-width:378px!important;max-height:calc(100dvh - 170px)!important;border-radius:26px!important;border:1px solid #3a424e!important;box-shadow:0 25px 80px rgba(0,0,0,.72)!important}
.story-studio-v169 .story169-canvas-meta{width:min(378px,100%)!important;color:#697482!important}.story-studio-v169 .story169-canvas-meta small{color:#5d6672!important}
.story-studio-v169 .story169-inspector{grid-column:2!important;grid-row:2!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;border-left:1px solid #262c34!important;border-top:0!important;background:#0b0e13!important;scrollbar-width:none!important}
.story-studio-v169 .story169-inspector::-webkit-scrollbar{display:none!important}
.story-studio-v169 .story169-panel{padding:16px!important;background:transparent!important}
.story-studio-v169 .story169-panel header{margin-bottom:12px!important}.story-studio-v169 .story169-panel h3{font-size:17px!important;color:#f5f7fa!important}
.story-studio-v169 .story169-inspector-footer{position:sticky!important;bottom:0!important;z-index:30!important;padding:12px 16px!important;background:linear-gradient(180deg,rgba(11,14,19,.68),#0b0e13 28%)!important;border-top:1px solid #262d35!important}
.story-studio-v169 .story169-publish-wide{height:44px!important;background:linear-gradient(135deg,#1d9bf0,#5b6cff)!important;color:#fff!important;border:0!important;box-shadow:0 10px 28px rgba(29,155,240,.22)!important}

/* Truly small stickers and emoji. Selection UI stays usable but media itself can shrink. */
.story-studio-v169 .story-canvas-item{min-width:6px!important;min-height:6px!important;background:transparent!important;box-shadow:none}
.story-studio-v169 .story-canvas-item.gif-item,.story-studio-v169 .story-canvas-item.emoji-item{background:transparent!important;border:0!important}
.story-studio-v169 .story-canvas-item.gif-item img{width:100%!important;height:100%!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.story-studio-v169 .story-canvas-item.emoji-item>span{padding:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;line-height:1!important}
.story-studio-v169 .story-canvas-item>span[data-bg="none"]{background:transparent!important;padding:2px!important;box-shadow:none!important;backdrop-filter:none!important}
.story-studio-v169 .story-resize-handle{width:18px!important;height:18px!important;right:-7px!important;bottom:-7px!important;font-size:7px!important}
.story-render-gif,.story-render-gif img{background:transparent!important;border:0!important;box-shadow:none!important}
.story-render-text[data-bg="none"]{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}

/* Music card in story viewer: obvious playback state; autoplay fallback invites one tap. */
.story-viewer .story-music button.needs-tap{animation:storyMusicPulse 1.3s ease-in-out infinite;border:1px solid rgba(255,255,255,.6)!important}
@keyframes storyMusicPulse{50%{transform:scale(1.08);box-shadow:0 0 0 8px rgba(29,155,240,.13)}}

@media(max-width:900px){
 .story-studio-v169{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
 .story-studio-v169 .story169-head{grid-template-columns:1fr auto!important}.story-studio-v169 .story169-head-center{display:none!important}
 .story-studio-v169 .story169-shell{grid-template-columns:1fr!important;grid-template-rows:58px minmax(0,1fr) minmax(150px,34dvh)!important}
 .story-studio-v169 .story169-dock{grid-column:1!important;grid-row:1!important;justify-content:flex-start!important}
 .story-studio-v169 .story169-workspace{grid-column:1!important;grid-row:2!important;padding:8px!important}
 .story-studio-v169 .story169-inspector{grid-column:1!important;grid-row:3!important;border-left:0!important;border-top:1px solid #262c34!important}
 .story-studio-v169 .story169-canvas{width:min(315px,82vw,calc(58dvh*.5625))!important;max-height:58dvh!important}
 .user-shell .profile-posts-section,.user-shell .profile-social-zone{margin-left:10px!important;margin-right:10px!important}
}
@media(max-width:560px){
 .story-studio-v169 .story169-head{padding:0 10px!important}.story-studio-v169 .story169-brand small{display:none!important}.story-studio-v169 .story169-publish{min-width:78px!important;height:36px!important}.story-studio-v169 .story169-close{width:34px!important;height:34px!important}
 .story-studio-v169 .story169-dock button,.story-studio-v169 .story169-dock label{min-width:54px!important;padding:0 9px!important}.story-studio-v169 .story169-dock b{display:none!important}
 .story-studio-v169 .story169-canvas{width:min(290px,82vw,calc(54dvh*.5625))!important;max-height:54dvh!important}
 body:not(.user-shell) .auth-modal-card{padding:24px 18px!important}.auth-modal-card h1{font-size:34px!important}
}

/* =====================================================================
   HarmoniReverb NEXT v1.7.2 — Stream alignment + discovery card stability
   ===================================================================== */
:root{--mk-stream-max:1040px}

/* One stream width across feed, profile and stories. */
body.user-shell .feed-page-v157,
body.user-shell .profile-posts-section{
  width:min(100%,var(--mk-stream-max))!important;
  max-width:var(--mk-stream-max)!important;
  margin-left:auto!important;margin-right:auto!important;
}
body.user-shell .feed-page-v157{padding-left:0!important;padding-right:0!important}
body.user-shell .profile-posts-section{margin-top:30px!important;padding-left:0!important;padding-right:0!important}
body.user-shell .home-story-zone{width:min(100%,var(--mk-stream-max))!important;max-width:var(--mk-stream-max)!important;margin:20px auto 12px!important;padding:0!important}
body.user-shell .feed-page-v157>.stories-shell{margin-top:14px!important;margin-bottom:16px!important}
body.user-shell .home-story-zone .stories-shell,body.user-shell .feed-page-v157>.stories-shell{width:100%!important;max-width:none!important}

/* The editor has one primary publish action. Remove the clipped duplicate CTA. */
.story-studio-v169 .story169-inspector-footer{display:none!important}
.story-studio-v169 .story169-publish{display:inline-flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:100!important}

/* User names are links everywhere social content is rendered. */
.post-profile-name,.post-profile-handle,.group-post-user,.post-user a,.discover-artist-link{color:inherit!important;text-decoration:none!important}
.post-profile-name:hover b,.post-profile-handle:hover,.group-post-user:hover b,.post-user a:hover b,.discover-artist-link:hover b{color:#55b9ff!important}
.post-profile-handle{color:#88939f!important}

/* Modern neutral avatar when no profile image exists. */
.avatar-placeholder-art{position:relative;width:100%;height:100%;display:block;border-radius:inherit;overflow:hidden;background:linear-gradient(145deg,#151923,#222a39 55%,#12151d)}
.avatar-placeholder-art:before{content:"";position:absolute;width:46%;aspect-ratio:1;left:27%;top:17%;border-radius:50%;background:linear-gradient(145deg,#77879a,#a5b4c5)}
.avatar-placeholder-art:after{content:"";position:absolute;width:76%;height:44%;left:12%;bottom:-8%;border-radius:55% 55% 22% 22%;background:linear-gradient(145deg,#4c5a6c,#79889a)}
.avatar-placeholder-art i{position:absolute;inset:0;background:radial-gradient(circle at 22% 20%,rgba(29,155,240,.32),transparent 32%),radial-gradient(circle at 80% 78%,rgba(139,92,246,.22),transparent 34%);z-index:2}
.avatar-placeholder-art b{position:absolute;inset:1px;border:1px solid rgba(255,255,255,.07);border-radius:inherit;z-index:3}

/* Missing covers: no hospital/mint block. */
.cover-fallback,.discover-cover-placeholder,.record-fallback,.release-cover-fallback{
  position:relative!important;overflow:hidden!important;background:linear-gradient(145deg,#11151d,#192334 55%,#13101f)!important;color:#8ebeff!important;border:1px solid rgba(255,255,255,.05)!important;
}
.cover-fallback:before,.discover-cover-placeholder:before{content:"";position:absolute;inset:-22%;background:radial-gradient(circle at 28% 28%,rgba(29,155,240,.36),transparent 28%),radial-gradient(circle at 75% 72%,rgba(139,92,246,.30),transparent 30%);transform:rotate(-9deg)}
.cover-fallback:after,.discover-cover-placeholder:after{content:"";position:absolute;left:14%;right:14%;top:48%;height:2px;background:linear-gradient(90deg,transparent,#79bfff,transparent);box-shadow:0 -12px 0 -1px rgba(121,191,255,.42),0 12px 0 -1px rgba(139,92,246,.38)}
.discover-cover-placeholder>span{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:2;font-size:12px;letter-spacing:.22em;font-weight:950;color:#d9e8ff}.discover-cover-placeholder>i{position:absolute;z-index:2;left:50%;top:55%;width:38%;height:22px;transform:translateX(-50%);background:repeating-linear-gradient(90deg,#5baeff 0 2px,transparent 2px 5px);mask:linear-gradient(180deg,transparent 0,#000 35%,#000 65%,transparent 100%)}

/* Blind discovery cards stay aligned regardless of missing description/reveal. */
.user-shell .discover-stack{align-items:stretch!important}
.user-shell .discover-card{display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important;overflow:hidden!important}
.user-shell .discover-art{flex:0 0 auto!important}
.user-shell .discover-meta{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:222px!important;padding:17px 20px 14px!important}
.user-shell .discover-meta h2{min-height:52px!important;margin-bottom:7px!important;line-height:1.08!important}
.user-shell .artist-reveal{display:flex!important;visibility:hidden!important;min-height:42px!important;margin:7px 0!important}
.user-shell .discover-card.revealed .artist-reveal{visibility:visible!important}
.user-shell .discover-description{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:48px!important;max-height:48px!important;margin:7px 0 0!important;line-height:16px!important;color:#a9b3bf!important}
.user-shell .discover-decisions{flex:0 0 auto!important;margin-top:auto!important;padding:0 18px 15px!important;align-items:stretch!important}
.user-shell .discover-decisions button{height:72px!important;min-height:72px!important}
.user-shell .discover-after{display:flex!important;visibility:hidden!important;min-height:46px!important;align-items:center!important;padding:12px 18px!important;border-color:#2b313a!important}
.user-shell .discover-card.revealed .discover-after{visibility:visible!important}
.user-shell .discover-after a{color:#5abaff!important;font-weight:850!important}
.user-shell .discover-after a:hover{color:#8bd0ff!important}

/* Remove leftover green accents in social shell. */
.user-shell .section-head>a,.user-shell .community-title>a,.user-shell .profile-gallery-head>a,.user-shell .back-link,.user-shell .mail-link,.user-shell .home-person-cta,.user-shell .rail-head>a,.user-shell .notification-all{color:#4fb5ff!important}
.user-shell .eyebrow{color:#279ff2!important}

/* Home/community people radar — compact social identity cards. */
.user-shell .home-people-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.user-shell .home-person-card{position:relative!important;display:flex!important;flex-direction:column!important;min-height:286px!important;padding:18px!important;border:1px solid #2c323c!important;border-radius:20px!important;background:linear-gradient(160deg,#101319,#0c0f14)!important;box-shadow:none!important;overflow:hidden!important}
.user-shell .home-person-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#1d9bf0,#7c5cff,#ef4f91)}
.user-shell .home-person-top{display:grid!important;grid-template-columns:62px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important}
.user-shell .home-person-identity{min-width:0!important}.user-shell .home-person-identity h3{margin:0!important;color:#f4f7fa!important;font-size:17px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.user-shell .home-person-identity span{display:block!important;margin-top:5px!important;color:#828c98!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.user-shell .home-person-card .home-match{position:static!important;width:auto!important;height:auto!important;min-width:58px!important;padding:9px 8px!important;border-radius:15px!important;background:#161b24!important;border:1px solid #313846!important;text-align:center!important}.user-shell .home-person-card .home-match b{display:block!important;color:#fff!important;font-size:18px!important}.user-shell .home-person-card .home-match span{display:block!important;color:#7d8793!important;font-size:7px!important}
.user-shell .home-person-card>p{min-height:42px!important;margin:16px 0 10px!important;color:#a8b0ba!important;font-size:10px!important;line-height:1.55!important}.user-shell .home-person-empty-bio{color:#707985!important}
.user-shell .home-person-genres{display:flex!important;gap:6px!important;flex-wrap:wrap!important}.user-shell .home-person-genres span{padding:5px 8px!important;border:1px solid #303744!important;border-radius:999px!important;background:#151920!important;color:#aeb7c1!important;font-size:8px!important}
.user-shell .home-person-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:auto!important;padding-top:15px!important;border-top:1px solid #292f38!important}.user-shell .home-person-actions form{margin:0!important}.user-shell .home-person-profile,.user-shell .home-person-friend{width:100%!important;min-height:39px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid #39414d!important;border-radius:999px!important;background:#101319!important;color:#e6ebf0!important;font-size:9px!important;font-weight:850!important;cursor:pointer!important}.user-shell .home-person-friend{background:#1d9bf0!important;border-color:#1d9bf0!important;color:#fff!important}.user-shell .home-person-friend.pending{background:#191e27!important;border-color:#343b46!important;color:#8e98a4!important}.user-shell .home-person-friend.message{background:#202631!important;border-color:#3a4350!important}.user-shell .home-person-profile:hover{border-color:#1d9bf0!important;color:#67c0ff!important}

/* Community variant uses the same visual language. */
.user-shell .community-page .people-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.user-shell .community-page .person-card{border-radius:20px!important;background:linear-gradient(160deg,#101319,#0c0f14)!important;border:1px solid #2c323c!important;box-shadow:none!important}
.user-shell .community-page .person-card:before{background:linear-gradient(180deg,#1d9bf0,#7c5cff,#ef4f91)!important}
.user-shell .community-page .person-card>h3 a,.user-shell .community-page .person-card>small a{color:inherit!important;text-decoration:none!important}.user-shell .community-page .person-card>h3 a:hover{color:#5abaff!important}
.user-shell .community-page .person-actions .btn{min-height:40px!important;border-radius:999px!important}

/* General profile/feed identity links. */
.group-post-user small{display:inline!important;color:#87929e!important}.group-post-head>div>small{color:#697481!important}

@media(max-width:1180px){
 body.user-shell .feed-page-v157,body.user-shell .profile-posts-section,body.user-shell .home-story-zone{max-width:920px!important}
 .user-shell .home-people-grid,.user-shell .community-page .people-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
 body.user-shell .feed-page-v157,body.user-shell .profile-posts-section,body.user-shell .home-story-zone{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
 .user-shell .home-people-grid,.user-shell .community-page .people-grid{grid-template-columns:1fr!important}
 .user-shell .discover-meta{min-height:190px!important}
}

/* Legacy initial-only avatars also inherit the modern placeholder. */
.avatar:not(:has(img)):not(:has(.avatar-placeholder-art)){position:relative!important;color:transparent!important;background:linear-gradient(145deg,#151923,#222a39 55%,#12151d)!important;overflow:hidden!important}
.avatar:not(:has(img)):not(:has(.avatar-placeholder-art)):before{content:"";position:absolute;width:44%;aspect-ratio:1;left:28%;top:17%;border-radius:50%;background:linear-gradient(145deg,#748397,#a4b2c2)}
.avatar:not(:has(img)):not(:has(.avatar-placeholder-art)):after{content:"";position:absolute;width:74%;height:43%;left:13%;bottom:-8%;border-radius:55% 55% 20% 20%;background:linear-gradient(145deg,#4b5869,#768698)}
.post-track-cover,.social-track-mini>span,.story-music-cover{background:linear-gradient(145deg,#121721,#1b2432)!important;color:#75baff!important}

/* V1.7.3 — Register page becomes a live community/music window. */
body:not(.user-shell) .register-live-wrap{min-height:calc(100dvh - 78px)!important;display:block!important;padding:46px 0 64px!important}
body:not(.user-shell) .register-live-layout{width:min(1180px,94vw);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);gap:18px;align-items:start}
body:not(.user-shell) .register-main-card{width:100%!important;max-width:none!important;margin:0!important;padding:30px!important}
body:not(.user-shell) .register-main-card h1{margin-bottom:10px!important}
body:not(.user-shell) .register-intro{max-width:620px;color:#919ba8!important;font-size:12px;line-height:1.6;margin:0 0 20px!important}
body:not(.user-shell) .register-live-rail{display:grid;gap:14px;min-width:0}
body:not(.user-shell) .register-live-section{background:linear-gradient(160deg,#11141a,#0c0f14)!important;border:1px solid #2c323c!important;border-radius:22px;padding:19px;overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.2)}
body:not(.user-shell) .register-live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}
body:not(.user-shell) .register-live-head h2{margin:4px 0 0;color:#f7f8fa;font-size:22px;letter-spacing:-.035em}
body:not(.user-shell) .register-live-dot{display:inline-flex;align-items:center;gap:6px;color:#8995a2;font-size:8px;border:1px solid #313844;border-radius:999px;padding:6px 8px;background:#151920}
body:not(.user-shell) .register-live-dot i{width:6px;height:6px;border-radius:50%;background:#1d9bf0;box-shadow:0 0 0 4px rgba(29,155,240,.12)}
body:not(.user-shell) .register-member-list,body:not(.user-shell) .register-track-list{display:grid;gap:2px}
body:not(.user-shell) .register-member-row,body:not(.user-shell) .register-track-row{min-width:0;display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid #252b34}
body:not(.user-shell) .register-member-row:last-child,body:not(.user-shell) .register-track-row:last-child{border-bottom:0}
body:not(.user-shell) .register-member-copy,body:not(.user-shell) .register-track-copy{min-width:0;flex:1}
body:not(.user-shell) .register-member-copy b,body:not(.user-shell) .register-track-copy b{display:block;color:#f4f6f8;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body:not(.user-shell) .register-member-copy span,body:not(.user-shell) .register-track-copy span{display:block;margin-top:3px;color:#75808c;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body:not(.user-shell) .register-role-badge{flex:0 0 auto;border-radius:999px;padding:6px 8px;font-size:7px;font-weight:900;border:1px solid}
body:not(.user-shell) .register-role-badge.artist{color:#91caff;border-color:#285c87;background:#102339}
body:not(.user-shell) .register-role-badge.listener{color:#d7c5ff;border-color:#59448b;background:#201936}
body:not(.user-shell) .register-track-cover{width:46px;height:46px;flex:0 0 46px;border-radius:11px;overflow:hidden;background:#141924;position:relative}
body:not(.user-shell) .register-track-cover img{width:100%;height:100%;object-fit:cover;display:block}
body:not(.user-shell) .register-track-cover .cover-fallback{position:absolute!important;inset:0!important;display:block!important}
body:not(.user-shell) .register-track-play{flex:0 0 auto;min-width:64px;height:34px;border-radius:999px;border:1px solid #344252;background:#121923;color:#eef6ff;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;font-size:8px;font-weight:900;cursor:pointer}
body:not(.user-shell) .register-track-play:hover,body:not(.user-shell) .register-track-play.playing{background:#172d43;border-color:#2f9bff;color:#7dc9ff}
body:not(.user-shell) .register-track-play .inline-player-icon{width:14px;height:14px;display:grid;place-items:center}
body:not(.user-shell) .register-track-play svg{width:14px;height:14px}
body:not(.user-shell) .register-live-empty{padding:18px;border:1px dashed #303844;border-radius:14px;color:#76818d;font-size:10px;text-align:center;background:#0b0e13}
@media(max-width:980px){body:not(.user-shell) .register-live-layout{grid-template-columns:1fr}body:not(.user-shell) .register-live-rail{grid-template-columns:1fr 1fr}}
@media(max-width:700px){body:not(.user-shell) .register-live-wrap{padding:22px 0 40px!important}body:not(.user-shell) .register-live-layout{width:min(94vw,620px)}body:not(.user-shell) .register-live-rail{grid-template-columns:1fr}body:not(.user-shell) .register-main-card{padding:22px 17px!important}body:not(.user-shell) .register-role-badge{font-size:6px;padding:5px 7px}}

/* ===== NEXT v1.7.4 — mobile responsive audit + compact people radar ===== */
/* Desktop refinement: radar actions should read like social CTAs, not hero buttons. */
.user-shell .home-person-actions{gap:7px!important;padding-top:12px!important}
.user-shell .home-person-profile,.user-shell .home-person-friend{
  min-height:34px!important;padding:0 11px!important;border-radius:11px!important;
  gap:6px!important;font-size:8px!important;line-height:1!important;
}
.user-shell .home-person-profile svg,.user-shell .home-person-friend svg{width:14px!important;height:14px!important;flex:0 0 14px!important}
.user-shell .home-person-card{min-height:264px!important;padding:16px!important}

/* Tablet/mobile shell: center content owns the screen and there is only one compose CTA. */
@media(max-width:820px){
 html,body{max-width:100%;overflow-x:hidden!important}
 body.user-shell{min-width:0!important;overflow-x:hidden!important}
 .user-shell .app-frame,.user-shell .app-main,.user-shell .shell{min-width:0!important;max-width:100%!important}
 .user-shell .app-main{width:100%!important;padding:0 14px calc(82px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important}
 .user-shell .app-main>*{min-width:0!important;max-width:100%!important}
 .user-shell .left-rail .side-share,.user-shell .side-share{display:none!important}
 .mobile-fab-share{
   position:fixed!important;right:16px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;z-index:600!important;
   display:grid!important;place-items:center!important;width:50px!important;height:50px!important;
   border:1px solid rgba(255,255,255,.12)!important;border-radius:50%!important;
   background:#1d9bf0!important;color:#fff!important;font-size:28px!important;font-weight:400!important;line-height:1!important;
   box-shadow:0 12px 34px rgba(0,0,0,.45),0 0 0 1px rgba(29,155,240,.18)!important;
 }
 .mobile-fab-share:active{transform:scale(.96)}
 body.modal-open .mobile-fab-share{opacity:0!important;pointer-events:none!important}

 /* Site header/nav must never introduce horizontal scrolling. */
 .user-shell .site-header{max-width:100%!important;overflow:visible!important}
 .user-shell .site-header nav{left:10px!important;right:10px!important;width:auto!important;max-height:calc(100dvh - 74px)!important;overflow:auto!important}

 /* Shared page headings / sections. */
 .user-shell .section{padding:44px 0 16px!important}
 .user-shell .section-head{align-items:flex-start!important;gap:9px!important;margin-bottom:16px!important}
 .user-shell .section-head h2{font-size:clamp(28px,8.8vw,40px)!important;line-height:1!important;overflow-wrap:anywhere!important}
 .user-shell .section-head p{font-size:11px!important;line-height:1.5!important}
 .user-shell .section-head>a{align-self:flex-start!important;font-size:9px!important}

 /* Story strip follows the exact feed width and has breathing room below the mobile header. */
 body.user-shell .home-story-zone{width:100%!important;max-width:none!important;margin:14px 0 10px!important;padding:0!important}
 body.user-shell .home-story-zone .stories-shell{width:100%!important;max-width:none!important;margin:0!important;overflow:hidden!important}

 /* Feed/profile stream: no hidden desktop max-width or negative margins on mobile. */
 body.user-shell .feed-page-v157,body.user-shell .profile-posts-section{
   width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;
 }
 .user-shell .feed-topline{width:100%!important;min-width:0!important}
 .user-shell .feed-tabs{min-width:0!important;overflow-x:auto!important;scrollbar-width:none!important}
 .user-shell .feed-tabs::-webkit-scrollbar{display:none!important}
 .user-shell .feed-tabs a{min-width:76px!important;white-space:nowrap!important}
 .user-shell .feed-status-actions{flex:0 0 auto!important}

 /* Home hero/cards stay inside viewport. */
 .home-chart-hero,.home-circle-callout,.why-strip,.split-callout,.mini-post-grid{max-width:100%!important;min-width:0!important}
 .home-chart-hero{overflow:hidden!important}
 .circle-mini-grid{min-width:0!important}
 .track-shelf{display:flex!important;gap:11px!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;padding-bottom:3px!important}
 .track-shelf::-webkit-scrollbar{display:none!important}
 .shelf-track{flex:0 0 min(44vw,170px)!important;min-width:0!important}

 /* People radar: compact, readable and touch-friendly. */
 .user-shell .home-people-grid{grid-template-columns:1fr!important;gap:10px!important}
 .user-shell .home-person-card{min-height:0!important;padding:14px!important;border-radius:17px!important}
 .user-shell .home-person-top{grid-template-columns:50px minmax(0,1fr) 50px!important;gap:10px!important}
 .user-shell .home-person-top .avatar.lg{width:50px!important;height:50px!important}
 .user-shell .home-person-identity h3{font-size:16px!important}
 .user-shell .home-person-identity span{font-size:8px!important}
 .user-shell .home-person-card .home-match{min-width:50px!important;width:50px!important;padding:7px 4px!important;border-radius:13px!important}
 .user-shell .home-person-card .home-match b{font-size:16px!important}
 .user-shell .home-person-card>p{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:0!important;margin:11px 0 8px!important;font-size:9px!important;line-height:1.45!important}
 .user-shell .home-person-genres{gap:5px!important}
 .user-shell .home-person-genres span{padding:4px 7px!important;font-size:7px!important}
 .user-shell .home-person-actions{grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:10px!important;padding-top:10px!important}
 .user-shell .home-person-profile,.user-shell .home-person-friend{min-height:34px!important;padding:0 9px!important;font-size:8px!important;border-radius:10px!important}
 .user-shell .home-person-profile svg,.user-shell .home-person-friend svg{width:13px!important;height:13px!important}

 /* Discovery cards: one column and fixed internal rhythm. */
 .user-shell .discover-stack{grid-template-columns:1fr!important;gap:12px!important}
 .user-shell .discover-card{width:100%!important;max-width:100%!important}
 .user-shell .discover-meta{min-height:182px!important;padding:15px 16px 12px!important}
 .user-shell .discover-meta h2{min-height:42px!important;font-size:25px!important}
 .user-shell .discover-description{min-height:42px!important;max-height:42px!important;-webkit-line-clamp:2!important}
 .user-shell .discover-decisions{padding:0 14px 12px!important;gap:8px!important}
 .user-shell .discover-decisions button{height:58px!important;min-height:58px!important}
 .user-shell .discover-after{min-height:42px!important;padding:10px 14px!important}

 /* Community/profile/message grids collapse without sideways drift. */
 .user-shell .community-page,.user-shell .messages-page,.user-shell .community-detail,.user-shell .thread-page,.user-shell .profile-page{width:100%!important;max-width:100%!important;min-width:0!important}
 .user-shell .community-page .people-grid{grid-template-columns:1fr!important}
 .user-shell .artist-hub,.user-shell .profile-social-zone,.user-shell .profile-gallery-grid{max-width:100%!important;min-width:0!important}
 .user-shell .profile-actions{display:flex!important;flex-wrap:wrap!important;gap:7px!important;max-width:100%!important}
 .user-shell .profile-actions>*{min-width:0!important}
 .user-shell .messages-workspace,.user-shell .embedded-thread,.user-shell .message-stream{max-width:100%!important;min-width:0!important}
 .user-shell .message-bubble{max-width:88%!important}

 /* Modals/sheets fit notched and narrow phones. */
 .quick-share-backdrop,.simple-modal-backdrop,.post-detail-backdrop,.story-create-backdrop,.story-viewer-backdrop{padding:10px!important}
 .quick-share-modal,.simple-modal,.post-detail-modal,.story-create-modal{width:min(100%,680px)!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;border-radius:18px!important}
}

@media(max-width:560px){
 .user-shell .app-main{padding-left:10px!important;padding-right:10px!important}
 .mobile-fab-share{right:13px!important;bottom:calc(13px + env(safe-area-inset-bottom))!important;width:48px!important;height:48px!important}
 .user-shell .feed-tabs{grid-template-columns:repeat(4,max-content)!important;display:grid!important;justify-content:start!important}
 .user-shell .feed-tabs a{padding:9px 12px!important;min-width:auto!important}
 .user-shell .feed-status-actions{display:none!important}
 .home-chart-copy h1{font-size:clamp(36px,12vw,48px)!important}
 .home-chart-hero{padding:22px 14px!important}
 .home-record-stage{min-height:280px!important}
 .why-strip{grid-template-columns:1fr!important}
 .split-callout{grid-template-columns:1fr!important;padding:42px 0!important}
 .split-callout article{min-height:0!important;padding:24px!important}
 .split-callout h2{font-size:32px!important}
 .circle-mini-grid{grid-template-columns:1fr 1fr!important}
 .mini-post-grid{columns:1!important}
 .user-shell .home-person-card{padding:13px!important}
 .user-shell .home-person-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 .user-shell .home-person-profile,.user-shell .home-person-friend{min-width:0!important;white-space:nowrap!important;overflow:hidden!important}
 .user-shell .home-person-profile span,.user-shell .home-person-friend span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 .user-shell .profile-cover{height:180px!important}
 .user-shell .profile-intro{margin-top:-38px!important}
 .user-shell .name-line h1{font-size:25px!important}
 .user-shell .profile-actions .banner-btn{min-height:34px!important;padding:6px 9px!important;font-size:8px!important}
 .user-shell .group-feed .comment-line{grid-template-columns:minmax(0,1fr) auto!important}
 .user-shell .group-comment-send{padding:7px 10px!important}
}

@media(max-width:390px){
 .user-shell .app-main{padding-left:8px!important;padding-right:8px!important}
 .user-shell .home-person-top{grid-template-columns:44px minmax(0,1fr) 46px!important;gap:8px!important}
 .user-shell .home-person-top .avatar.lg{width:44px!important;height:44px!important}
 .user-shell .home-person-card .home-match{width:46px!important;min-width:46px!important}
 .user-shell .home-person-card .home-match b{font-size:15px!important}
 .user-shell .home-person-profile,.user-shell .home-person-friend{padding:0 7px!important;font-size:7px!important;gap:4px!important}
 .user-shell .home-person-profile svg,.user-shell .home-person-friend svg{width:12px!important;height:12px!important}
 .user-shell .discover-decisions{gap:6px!important;padding-left:10px!important;padding-right:10px!important}
 .user-shell .discover-decisions button{height:54px!important;min-height:54px!important}
 .user-shell .discover-decisions button span{font-size:7px!important}
 .user-shell .section-head h2{font-size:30px!important}
 .shelf-track{flex-basis:46vw!important}
}

/* ===== NEXT v1.7.5 — mobile app navigation + profile/public mobile polish ===== */
.mobile-profile-button,.mobile-account-menu,.mobile-bottom-nav,.mobile-profile-back{display:none}

@media(max-width:820px){
  /* Mobile header is an app bar: account avatar left, compact brand center, menu right. */
  body.user-shell .site-header{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;height:60px!important;padding:0 10px!important;background:rgba(7,7,9,.82)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(20px) saturate(150%)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important}
  body.user-shell .site-header .brand{justify-self:center!important;min-width:0!important}
  body.user-shell .site-header .brand .brand-mark{width:30px!important;height:30px!important}
  body.user-shell .site-header .brand span{display:none!important}
  body.user-shell .mobile-nav{justify-self:end!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;padding:0!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:13px!important;background:#111319!important;color:#f5f7fa!important;font-size:20px!important;line-height:1!important}
  .mobile-profile-button{justify-self:start!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;padding:0!important;border:2px solid rgba(47,155,255,.55)!important;border-radius:50%!important;background:#151820!important;overflow:hidden!important;box-shadow:0 0 0 3px rgba(47,155,255,.08)!important}
  .mobile-profile-avatar{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;border-radius:50%!important;overflow:hidden!important;background:#171a22!important}
  .mobile-profile-avatar img,.mobile-profile-avatar .avatar-frame,.mobile-profile-avatar>span{width:100%!important;height:100%!important;object-fit:cover!important}
  .mobile-profile-avatar .avatar-placeholder-art{transform:scale(.76)}

  /* Account popover opened from the avatar. */
  .mobile-account-menu[hidden]{display:none!important}
  .mobile-account-menu{position:fixed!important;z-index:1200!important;left:10px!important;top:66px!important;display:grid!important;width:min(276px,calc(100vw - 20px))!important;padding:8px!important;border:1px solid #2a2e38!important;border-radius:18px!important;background:rgba(15,16,21,.98)!important;color:#f5f7fa!important;box-shadow:0 24px 70px rgba(0,0,0,.62)!important;backdrop-filter:blur(18px)!important}
  .mobile-account-head{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;padding:9px 9px 12px!important;border-bottom:1px solid #272b34!important;margin-bottom:5px!important}
  .mobile-account-head b,.mobile-account-head small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.mobile-account-head b{font-size:12px!important}.mobile-account-head small{margin-top:2px!important;color:#89909b!important;font-size:9px!important}
  .mobile-account-menu>a,.mobile-account-menu form button{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:43px!important;padding:8px 10px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#e7e9ed!important;text-align:left!important;font-size:10px!important;font-weight:800!important;cursor:pointer!important}
  .mobile-account-menu>a:hover,.mobile-account-menu form button:hover{background:#1b1e25!important}.mobile-account-menu svg{width:18px!important;height:18px!important;color:#2f9bff!important}
  .mobile-account-menu form{margin:0!important}.mobile-account-menu form button{color:#ff718d!important}.mobile-account-menu form button svg{color:#ff718d!important}

  /* Hamburger is now a dark app sheet, not the legacy light nav. */
  body.user-shell .site-header nav{position:fixed!important;z-index:1150!important;top:66px!important;left:auto!important;right:10px!important;width:min(286px,calc(100vw - 20px))!important;max-height:calc(100dvh - 142px)!important;padding:8px!important;border:1px solid #2a2e38!important;border-radius:18px!important;background:rgba(15,16,21,.98)!important;color:#f5f7fa!important;box-shadow:0 24px 70px rgba(0,0,0,.62)!important;backdrop-filter:blur(18px)!important;overflow:auto!important}
  body.user-shell .site-header nav>a,body.user-shell .site-header nav .nav-quiet{display:flex!important;align-items:center!important;min-height:43px!important;padding:9px 11px!important;border-radius:11px!important;color:#d7dbe1!important;background:transparent!important;font-size:10px!important;font-weight:800!important}
  body.user-shell .site-header nav>a:hover,body.user-shell .site-header nav .nav-quiet:hover{background:#1b1e25!important;color:#fff!important}
  body.user-shell .site-header nav .mobile-duplicate-nav{display:none!important}
  body.user-shell .site-header nav form{width:100%!important}

  /* Bottom glass navigation mirrors the important desktop left-rail destinations. */
  .mobile-bottom-nav{position:fixed!important;z-index:720!important;left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;align-items:center!important;height:58px!important;padding:5px 7px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:20px!important;background:rgba(15,16,21,.74)!important;box-shadow:0 18px 48px rgba(0,0,0,.48)!important;backdrop-filter:blur(22px) saturate(165%)!important;-webkit-backdrop-filter:blur(22px) saturate(165%)!important}
  .mobile-bottom-nav>a{position:relative!important;display:grid!important;place-items:center!important;height:46px!important;border-radius:14px!important;color:#858c98!important;transition:.16s ease!important}
  .mobile-bottom-nav>a svg{width:21px!important;height:21px!important}.mobile-bottom-nav>a.active{background:rgba(47,155,255,.13)!important;color:#4faaff!important}.mobile-bottom-nav>a.active>span{position:absolute!important;bottom:3px!important;width:4px!important;height:4px!important;border-radius:99px!important;background:#2f9bff!important}.mobile-bottom-nav>a i{position:absolute!important;right:8px!important;top:4px!important;display:grid!important;place-items:center!important;min-width:16px!important;height:16px!important;padding:0 4px!important;border-radius:99px!important;background:#f43f83!important;color:white!important;font-style:normal!important;font-size:7px!important;font-weight:900!important}
  body.user-shell .app-main{padding-bottom:calc(90px + env(safe-area-inset-bottom))!important}
  .mobile-fab-share{right:16px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;width:48px!important;height:48px!important;z-index:740!important;border-radius:50%!important}

  /* Profile pages get a native-feeling back affordance. */
  .mobile-profile-back{position:sticky!important;z-index:55!important;top:68px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:36px!important;margin:8px 0 8px 2px!important;padding:0 11px!important;border:1px solid #2b2f39!important;border-radius:999px!important;background:rgba(15,16,21,.86)!important;color:#e9ebee!important;font-size:9px!important;font-weight:850!important;backdrop-filter:blur(14px)!important}.mobile-profile-back>span:first-child{font-size:18px!important;line-height:1!important}.mobile-profile-back>span:last-child{display:none!important}

  /* Public profile on mobile uses the same social dark palette as signed-in profiles. */
  body:not(.user-shell) .profile-page{width:100%!important;max-width:none!important;margin:0!important;color:#f3f4f6!important;background:#070709!important}
  body:not(.user-shell) .profile-cover,body:not(.user-shell) .profile-intro,body:not(.user-shell) .artist-hub>*,body:not(.user-shell) .profile-gallery-section,body:not(.user-shell) .profile-posts-section,body:not(.user-shell) .profile-social-zone,body:not(.user-shell) .profile-tracks{background:#0f1015!important;border-color:#292c34!important;color:#f3f4f6!important}
  body:not(.user-shell) .profile-main-info .profile-handle,body:not(.user-shell) .tagline,body:not(.user-shell) .profile-stats span,body:not(.user-shell) .artist-about{color:#969ca6!important}
  body:not(.user-shell) .banner-btn,body:not(.user-shell) .platform-btn{background:#151820!important;border-color:#30343e!important;color:#f2f4f6!important}
  body:not(.user-shell) .profile-genres span{background:#151820!important;border:1px solid #30343e!important;color:#b7bdc7!important}
}

@media(max-width:560px){
  .mobile-bottom-nav{left:7px!important;right:7px!important;bottom:calc(6px + env(safe-area-inset-bottom))!important;height:56px!important;border-radius:18px!important;padding:4px!important}.mobile-bottom-nav>a{height:44px!important}.mobile-bottom-nav>a svg{width:20px!important;height:20px!important}
  .mobile-fab-share{right:13px!important;bottom:calc(74px + env(safe-area-inset-bottom))!important}
  body.user-shell .site-header{padding:0 8px!important}
  .mobile-profile-back{top:66px!important}
}
@media(max-width:820px){
  .mobile-bottom-nav{grid-template-columns:repeat(auto-fit,minmax(42px,1fr))!important}
  body:not(.user-shell) .site-header nav{position:fixed!important;z-index:1150!important;top:66px!important;left:10px!important;right:10px!important;width:auto!important;padding:8px!important;border:1px solid #2a2e38!important;border-radius:18px!important;background:rgba(15,16,21,.98)!important;color:#f5f7fa!important;box-shadow:0 24px 70px rgba(0,0,0,.62)!important;backdrop-filter:blur(18px)!important}
  body:not(.user-shell) .site-header nav>a,body:not(.user-shell) .site-header nav .nav-quiet{min-height:43px!important;padding:9px 11px!important;border-radius:11px!important;color:#d7dbe1!important;background:transparent!important;font-size:10px!important;font-weight:800!important}
  body:not(.user-shell) .site-header nav>a:hover{background:#1b1e25!important;color:#fff!important}
}


/* =====================================================================
   HarmoniReverb NEXT v1.7.6 — Public profile palette + mobile rail lock
   ===================================================================== */

/* Guest/public profile pages use the same dark social surface on every viewport. */
body.public-profile-shell{
  --mk-guest-bg:#070709;
  --mk-guest-panel:#0f1015;
  --mk-guest-panel-2:#151820;
  --mk-guest-border:#2b3039;
  --mk-guest-text:#f2f4f7;
  --mk-guest-muted:#949ca7;
  --mk-guest-blue:#2f9bff;
  background:var(--mk-guest-bg)!important;
  color:var(--mk-guest-text)!important;
}
body.public-profile-shell:before{background:radial-gradient(circle at 16% 5%,rgba(47,155,255,.10),transparent 28%),radial-gradient(circle at 88% 12%,rgba(244,63,131,.055),transparent 24%)!important}
body.public-profile-shell .ambient{opacity:.22!important}
body.public-profile-shell .shell{max-width:1180px!important}
body.public-profile-shell .profile-page{width:100%!important;max-width:none!important;margin:0!important;padding-bottom:42px!important;background:transparent!important;color:var(--mk-guest-text)!important}
body.public-profile-shell .profile-cover{border-color:var(--mk-guest-border)!important;background:#0b0d11!important}
body.public-profile-shell .profile-intro{background:rgba(14,15,19,.97)!important;border:1px solid #343741!important;color:var(--mk-guest-text)!important;box-shadow:0 18px 50px rgba(0,0,0,.35)!important}
body.public-profile-shell .profile-intro .avatar.xxl{border-color:#0e0f13!important;background:#191b21!important}
body.public-profile-shell .name-line h1,body.public-profile-shell .profile-stats b{color:#fff!important}
body.public-profile-shell .profile-handle,body.public-profile-shell .profile-main-info .tagline,body.public-profile-shell .profile-stats span{color:var(--mk-guest-muted)!important}
body.public-profile-shell .verified-label,body.public-profile-shell .artist-label,body.public-profile-shell .profile-genres span{background:#17191f!important;border-color:#30343e!important;color:#c2c7ce!important}
body.public-profile-shell .verified-mark{background:var(--mk-guest-blue)!important;color:#fff!important;box-shadow:none!important}

/* Profile content cards: remove light-theme islands in anonymous view. */
body.public-profile-shell .profile-gallery-section,
body.public-profile-shell .artist-story,
body.public-profile-shell .platform-hub,
body.public-profile-shell .latest-release-card,
body.public-profile-shell .playlist-card,
body.public-profile-shell .playlist-empty-cta,
body.public-profile-shell .profile-tracks,
body.public-profile-shell .profile-social-zone,
body.public-profile-shell .song-drop-card,
body.public-profile-shell .profile-posts-section{
  background:var(--mk-guest-panel)!important;
  border-color:var(--mk-guest-border)!important;
  color:var(--mk-guest-text)!important;
  box-shadow:none!important;
}
body.public-profile-shell .artist-hub{background:transparent!important}
body.public-profile-shell .profile-gallery-head h2,
body.public-profile-shell .artist-story h2,
body.public-profile-shell .platform-hub h3,
body.public-profile-shell .section-head h2,
body.public-profile-shell .song-drop-head b{color:#f5f7fa!important}
body.public-profile-shell .artist-about,
body.public-profile-shell .section-head p,
body.public-profile-shell .profile-gallery-head p,
body.public-profile-shell .song-drop-card>p,
body.public-profile-shell .platform-copy small{color:var(--mk-guest-muted)!important}
body.public-profile-shell .platform-btn,
body.public-profile-shell .song-drop-track{background:var(--mk-guest-panel-2)!important;border-color:#303640!important;color:#f1f3f6!important}
body.public-profile-shell .platform-btn:hover{background:#1c2028!important;border-color:#424955!important}
body.public-profile-shell .mail-link,body.public-profile-shell .profile-gallery-head>a{color:#4fb5ff!important}

/* The profile timeline was the main mismatch: force every post sub-surface into one palette. */
body.public-profile-shell .profile-posts-section{width:auto!important;max-width:none!important;margin:28px 22px 0!important;padding:28px 0 0!important;background:transparent!important;border:0!important}
body.public-profile-shell .profile-post-stream{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important;max-width:none!important}
body.public-profile-shell .profile-post-stream .post-card{width:100%!important;max-width:none!important;padding:18px 20px!important;border:1px solid #2c323b!important;border-radius:18px!important;background:#0d1015!important;color:#eef2f6!important;box-shadow:none!important}
body.public-profile-shell .post-head b,body.public-profile-shell .post-profile-name,body.public-profile-shell .comment-meta b{color:#f4f6f8!important}
body.public-profile-shell .post-head small,body.public-profile-shell .post-profile-handle,body.public-profile-shell .comment-meta span,body.public-profile-shell .comment-meta time{color:#818b97!important}
body.public-profile-shell .post-body,body.public-profile-shell .comment-copy p{color:#d7dde4!important}
body.public-profile-shell .post-image-wrap{background:#080a0d!important;border-color:#292f38!important}
body.public-profile-shell .post-image{background:#080a0d!important}
body.public-profile-shell .post-track,body.public-profile-shell .post-release-card,body.public-profile-shell .post-poll,body.public-profile-shell .playlist-card.compact{background:#14181f!important;border-color:#303743!important;color:#eff3f7!important}
body.public-profile-shell .post-track small,body.public-profile-shell .post-release-card small,body.public-profile-shell .post-release-card span,body.public-profile-shell .post-poll>small{color:#87929f!important}
body.public-profile-shell .post-track b,body.public-profile-shell .post-release-card b,body.public-profile-shell .post-poll>b{color:#f7f9fb!important}
body.public-profile-shell .post-track button{background:#f3f5f7!important;color:#10151a!important;border-color:#f3f5f7!important}
body.public-profile-shell .post-actions{border-top-color:#292f38!important}
body.public-profile-shell .post-action{background:transparent!important;border-color:transparent!important;color:#8d97a3!important}
body.public-profile-shell .post-action:hover{background:#171c23!important;border-color:#2c333d!important;color:#e7ecf1!important}
body.public-profile-shell .like-action.active{background:rgba(244,63,131,.09)!important;color:#f45c91!important}
body.public-profile-shell .repost-action.active{background:rgba(242,169,59,.09)!important;color:#efb35a!important}
body.public-profile-shell .comment-item{border-color:#282e37!important}
body.public-profile-shell .comment-copy{background:#15191f!important;border-color:#2b323c!important;color:#e7ebef!important}
body.public-profile-shell .view-all-comments{background:transparent!important;color:#66b9f4!important;border-color:transparent!important}
body.public-profile-shell .poll-option{background:#11151b!important;border-color:#303743!important;color:#e8edf2!important}
body.public-profile-shell .poll-option i{background:rgba(47,155,255,.13)!important}
body.public-profile-shell .poll-option.selected{border-color:#2d6c9f!important;background:#131d28!important}
body.public-profile-shell .artist-chip{background:#17202a!important;border-color:#2d465d!important;color:#8bcaff!important}

/* Public header also stays in the dark family while viewing a profile. */
body.public-profile-shell .site-header{background:rgba(11,12,16,.88)!important;border-color:#292d35!important;box-shadow:0 12px 36px rgba(0,0,0,.28)!important}
body.public-profile-shell .brand span{color:#f2f4f6!important}
body.public-profile-shell .site-header nav>a,body.public-profile-shell .nav-quiet{color:#a3aab4!important}
body.public-profile-shell .site-header nav>a:hover{color:#fff!important}
body.public-profile-shell .nav-cta{background:#f2f4f6!important;color:#0c1014!important}

@media(max-width:820px){
  /* Mobile navigation is bottom-only: the desktop rail must never occupy or receive input. */
  body.user-shell .left-rail{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
    position:absolute!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    overflow:hidden!important;
    border:0!important;
    padding:0!important;
    margin:0!important;
  }
  body.user-shell .app-frame{grid-template-columns:minmax(0,1fr)!important}
  body.user-shell .app-main{grid-column:1!important;width:100%!important;max-width:100%!important;margin:0!important}

  body.public-profile-shell{background:#070709!important}
  body.public-profile-shell .site-header{height:60px!important;margin:0!important;width:100%!important;border-radius:0!important;border-left:0!important;border-right:0!important;top:0!important;padding:0 10px!important}
  body.public-profile-shell .profile-page{padding-left:10px!important;padding-right:10px!important}
  body.public-profile-shell .profile-posts-section{margin-left:0!important;margin-right:0!important;padding-top:18px!important}
  body.public-profile-shell .profile-post-stream .post-card{padding:15px!important;border-radius:16px!important}
  body.public-profile-shell .profile-gallery-section,body.public-profile-shell .profile-social-zone,body.public-profile-shell .artist-hub{margin-left:0!important;margin-right:0!important}
}


/* =====================================================================
   HarmoniReverb NEXT v1.7.7 — profile showcase polish + mobile composer/nav
   ===================================================================== */

/* Default profile cover: every profile has a designed, theme-aware banner. */
.profile-cover-fallback{position:absolute;inset:0;overflow:hidden;background:linear-gradient(135deg,#0b1520 0%,#14263b 46%,#0b0d13 100%)}
.profile-ocean .profile-cover-fallback{background:linear-gradient(135deg,#071923,#0c4560 48%,#071018)}
.profile-violet .profile-cover-fallback{background:linear-gradient(135deg,#100d1b,#30265d 50%,#0a0b11)}
.profile-amber .profile-cover-fallback{background:linear-gradient(135deg,#1c1208,#6b4519 48%,#111016)}
.profile-mono .profile-cover-fallback{background:linear-gradient(135deg,#101317,#343b40 50%,#0a0c0f)}
.profile-cover-fallback:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 46%,rgba(255,255,255,.035) 46% 47%,transparent 47% 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 8px);mix-blend-mode:screen}
.profile-cover-fallback.is-artist:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:7%;top:50%;transform:translateY(-50%);background:repeating-radial-gradient(circle,rgba(255,255,255,.13) 0 1px,rgba(0,0,0,.08) 2px 5px);box-shadow:0 0 0 18px rgba(255,255,255,.025),0 28px 70px rgba(0,0,0,.35)}
.profile-cover-fallback.is-listener:after{content:"";position:absolute;width:280px;height:120px;right:5%;top:50%;transform:translateY(-50%) rotate(-5deg);background:linear-gradient(90deg,transparent,rgba(47,155,255,.18),rgba(139,92,246,.18),transparent);filter:blur(18px);border-radius:50%}
.cover-fallback-orb{position:absolute;border-radius:50%;filter:blur(2px)}.cover-fallback-orb.orb-a{width:180px;height:180px;left:9%;top:-52px;background:rgba(47,155,255,.16)}.cover-fallback-orb.orb-b{width:150px;height:150px;right:29%;bottom:-65px;background:rgba(239,79,145,.10)}
.cover-fallback-wave{position:absolute;left:0;right:0;bottom:28%;height:34px;opacity:.34;background:linear-gradient(90deg,transparent 2%,rgba(255,255,255,.4) 2% 2.4%,transparent 2.4% 4.8%,rgba(255,255,255,.32) 4.8% 5.3%,transparent 5.3%);background-size:34px 100%;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 76%,transparent)}
.cover-fallback-copy{position:absolute;left:28px;bottom:30px;z-index:2;display:grid;grid-template-columns:42px auto;grid-template-areas:"mark kicker" "mark genre";align-items:center;gap:2px 12px}.cover-fallback-copy i{grid-area:mark;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(12px);font-style:normal;font-size:11px;font-weight:950;color:#fff}.cover-fallback-copy span{grid-area:kicker;font-size:8px;letter-spacing:.18em;font-weight:900;color:rgba(255,255,255,.58)}.cover-fallback-copy b{grid-area:genre;font-size:15px;color:#fff;font-weight:850}

/* Profile interior sections: consistent inset and modern surface rhythm. */
.user-shell .profile-mavikesit-showcase,
.user-shell .profile-social-zone,
body.public-profile-shell .profile-mavikesit-showcase,
body.public-profile-shell .profile-social-zone{position:relative!important;margin-top:22px!important;padding:24px!important;border:1px solid #2d333d!important;border-radius:22px!important;background:linear-gradient(155deg,#10141a 0%,#0d1015 100%)!important;overflow:hidden!important;box-shadow:0 16px 44px rgba(0,0,0,.14)!important}
.user-shell .profile-mavikesit-showcase:before,
.user-shell .profile-social-zone:before,
body.public-profile-shell .profile-mavikesit-showcase:before,
body.public-profile-shell .profile-social-zone:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#2f9bff,#8b5cf6 58%,#ef4f91)}
.user-shell .profile-mavikesit-showcase .section-head,
.user-shell .profile-social-zone .section-head,
body.public-profile-shell .profile-mavikesit-showcase .section-head,
body.public-profile-shell .profile-social-zone .section-head{position:relative;z-index:1;margin:0 0 18px!important;padding:0 2px 0 4px!important;align-items:flex-end!important}
.user-shell .profile-mavikesit-showcase .section-head>div,
.user-shell .profile-social-zone .section-head>div,
body.public-profile-shell .profile-mavikesit-showcase .section-head>div,
body.public-profile-shell .profile-social-zone .section-head>div{min-width:0;padding-left:4px}
.user-shell .profile-mavikesit-showcase .section-head h2,
.user-shell .profile-social-zone .section-head h2,
body.public-profile-shell .profile-mavikesit-showcase .section-head h2,
body.public-profile-shell .profile-social-zone .section-head h2{margin:5px 0 5px!important;line-height:1.05!important}
.user-shell .profile-mavikesit-showcase .section-head p,
.user-shell .profile-social-zone .section-head p,
body.public-profile-shell .profile-mavikesit-showcase .section-head p,
body.public-profile-shell .profile-social-zone .section-head p{max-width:680px;margin:0!important;line-height:1.55!important;color:#8e98a4!important}

/* MaviKesit showcase: real cover first, branded fallback when legacy tracks have no cover. */
.user-shell .profile-mavikesit-showcase .track-shelf,
body.public-profile-shell .profile-mavikesit-showcase .track-shelf{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:14px!important;overflow:visible!important;padding:0!important}
.user-shell .profile-mavikesit-showcase .shelf-track,
body.public-profile-shell .profile-mavikesit-showcase .shelf-track{position:relative!important;min-width:0!important;padding:9px!important;border:1px solid #2b323d!important;border-radius:18px!important;background:#151a21!important;box-shadow:0 12px 24px rgba(0,0,0,.12)!important;transition:transform .16s ease,border-color .16s ease!important}
.user-shell .profile-mavikesit-showcase .shelf-track:hover,
body.public-profile-shell .profile-mavikesit-showcase .shelf-track:hover{transform:translateY(-2px)!important;border-color:#3b4653!important}
.user-shell .profile-mavikesit-showcase .cover-play,
body.public-profile-shell .profile-mavikesit-showcase .cover-play{display:block!important;width:100%!important;aspect-ratio:1!important;padding:0!important;border:0!important;border-radius:14px!important;overflow:hidden!important;background:#0c1016!important;position:relative!important;isolation:isolate!important}
.user-shell .profile-mavikesit-showcase .cover-play img,
body.public-profile-shell .profile-mavikesit-showcase .cover-play img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;z-index:0!important}
.user-shell .profile-mavikesit-showcase .cover-play:after,
body.public-profile-shell .profile-mavikesit-showcase .cover-play:after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,rgba(0,0,0,.02) 46%,rgba(0,0,0,.58) 100%)!important;pointer-events:none!important}
.track-cover-placeholder{position:absolute!important;inset:0!important;z-index:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;gap:4px!important;padding:16px!important;background:radial-gradient(circle at 78% 22%,rgba(47,155,255,.35),transparent 30%),linear-gradient(145deg,#202734,#0d1219 60%,#171022)!important;color:#fff!important;text-align:left!important}
.track-cover-placeholder:before{content:"";position:absolute;width:92px;height:92px;right:-15px;top:-8px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 18px rgba(255,255,255,.025),0 0 0 36px rgba(255,255,255,.018)}
.track-cover-placeholder i{position:relative;z-index:1;font-style:normal;font-size:24px;font-weight:950;letter-spacing:-.05em}.track-cover-placeholder small{position:relative;z-index:1;font-size:8px;color:rgba(255,255,255,.64);font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.shelf-track-cut-label{position:absolute!important;z-index:3!important;left:9px!important;top:9px!important;width:auto!important;height:auto!important;padding:5px 7px!important;border-radius:8px!important;background:rgba(7,10,15,.70)!important;border:1px solid rgba(255,255,255,.10)!important;color:#dfe9f3!important;font-size:7px!important;font-weight:900!important;letter-spacing:.08em!important;backdrop-filter:blur(10px)!important}
.user-shell .profile-mavikesit-showcase .player-symbol,
body.public-profile-shell .profile-mavikesit-showcase .player-symbol{position:absolute!important;z-index:3!important;left:auto!important;right:10px!important;top:auto!important;bottom:10px!important;transform:none!important;width:42px!important;height:42px!important;border-radius:13px!important;background:rgba(29,155,240,.94)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:0 10px 24px rgba(0,0,0,.34)!important;backdrop-filter:blur(10px)!important}
.user-shell .profile-mavikesit-showcase .player-symbol svg,
body.public-profile-shell .profile-mavikesit-showcase .player-symbol svg{width:18px!important;height:18px!important}
.user-shell .profile-mavikesit-showcase .shelf-track-copy,
body.public-profile-shell .profile-mavikesit-showcase .shelf-track-copy{display:grid!important;gap:4px!important;padding:10px 4px 4px!important}.user-shell .profile-mavikesit-showcase .shelf-track-copy b,body.public-profile-shell .profile-mavikesit-showcase .shelf-track-copy b{font-size:12px!important;color:#f6f8fa!important}.user-shell .profile-mavikesit-showcase .shelf-track-copy small,body.public-profile-shell .profile-mavikesit-showcase .shelf-track-copy small{font-size:8px!important;color:#84909d!important}

/* Song drop board: inset content and a more deliberate recommendation card. */
.user-shell .song-drop-grid,body.public-profile-shell .song-drop-grid{position:relative;z-index:1;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:12px!important}
.user-shell .song-drop-card,body.public-profile-shell .song-drop-card{padding:14px!important;border:1px solid #2d3540!important;border-radius:17px!important;background:#12171e!important;overflow:hidden!important}
.user-shell .song-drop-head,body.public-profile-shell .song-drop-head{display:flex!important;align-items:center!important;gap:9px!important;margin-bottom:11px!important}
.user-shell .song-drop-track,body.public-profile-shell .song-drop-track{display:grid!important;grid-template-columns:58px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:9px!important;border-radius:14px!important;background:#181e26!important;border:1px solid #303845!important}
.user-shell .song-drop-track>img,body.public-profile-shell .song-drop-track>img{width:58px!important;height:58px!important;object-fit:cover!important;border-radius:11px!important}.user-shell .song-drop-track>span,body.public-profile-shell .song-drop-track>span{width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:linear-gradient(145deg,#283243,#151a22)!important;color:#73bfff!important}
.user-shell .song-drop-track button,body.public-profile-shell .song-drop-track button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:38px!important;padding:0 11px!important;border-radius:11px!important;background:#1d9bf0!important;border:1px solid #1d9bf0!important;color:#fff!important;font-size:8px!important;font-weight:850!important}.user-shell .song-drop-track button svg,body.public-profile-shell .song-drop-track button svg{width:14px!important;height:14px!important}
.user-shell .song-drop-card>p,body.public-profile-shell .song-drop-card>p{margin:11px 2px 1px!important;padding-top:10px!important;border-top:1px solid #292f38!important;font-size:10px!important;line-height:1.55!important}
.user-shell .song-drop-form,body.public-profile-shell .song-drop-form{position:relative;z-index:1;margin:0 0 14px!important;padding:12px!important;border:1px solid #2c3540!important;border-radius:15px!important;background:#11161c!important}

/* Genre chips in İnsan Radarı / Sana Benzeyen Kulaklar are optically centered. */
.user-shell .home-person-genres,.user-shell .community-page .mini-genres{align-items:center!important}
.user-shell .home-person-genres span,.user-shell .community-page .mini-genres span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:27px!important;padding:0 9px!important;border-radius:999px!important;line-height:1!important;font-size:8px!important;font-weight:780!important;white-space:nowrap!important;transform:none!important}
.user-shell .home-person-genres span:nth-child(3n+1),.user-shell .community-page .mini-genres span:nth-child(3n+1){background:rgba(47,155,255,.10)!important;border-color:rgba(47,155,255,.28)!important;color:#8dcbff!important}
.user-shell .home-person-genres span:nth-child(3n+2),.user-shell .community-page .mini-genres span:nth-child(3n+2){background:rgba(139,92,246,.10)!important;border-color:rgba(139,92,246,.28)!important;color:#c8b4ff!important}
.user-shell .home-person-genres span:nth-child(3n),.user-shell .community-page .mini-genres span:nth-child(3n){background:rgba(239,79,145,.09)!important;border-color:rgba(239,79,145,.24)!important;color:#f3a0c1!important}

/* Mobile: tighter profile/banner relationship, visible Single action and distinct feed icon. */
@media(max-width:820px){
 .user-shell .profile-page,body.public-profile-shell .profile-page{padding-top:10px!important}
 .user-shell .profile-cover,body.public-profile-shell .profile-cover{height:172px!important;border-radius:20px!important}
 .user-shell .profile-intro,body.public-profile-shell .profile-intro{margin-top:-52px!important}
 .cover-fallback-copy{left:18px!important;bottom:18px!important}.cover-fallback-copy b{font-size:13px!important}.profile-cover-fallback.is-artist:after{width:170px;height:170px;right:-4%!important}
 .user-shell .profile-mavikesit-showcase,.user-shell .profile-social-zone,body.public-profile-shell .profile-mavikesit-showcase,body.public-profile-shell .profile-social-zone{margin-inline:0!important;padding:18px 16px 17px!important;border-radius:18px!important}
 .user-shell .profile-mavikesit-showcase:before,.user-shell .profile-social-zone:before,body.public-profile-shell .profile-mavikesit-showcase:before,body.public-profile-shell .profile-social-zone:before{top:17px!important;bottom:17px!important}
 .user-shell .profile-mavikesit-showcase .section-head,.user-shell .profile-social-zone .section-head,body.public-profile-shell .profile-mavikesit-showcase .section-head,body.public-profile-shell .profile-social-zone .section-head{flex-direction:column!important;align-items:flex-start!important;padding-left:5px!important;margin-bottom:15px!important}
 .user-shell .profile-mavikesit-showcase .track-shelf,body.public-profile-shell .profile-mavikesit-showcase .track-shelf{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important}
 .user-shell .profile-mavikesit-showcase .shelf-track,body.public-profile-shell .profile-mavikesit-showcase .shelf-track{padding:7px!important;border-radius:15px!important}
 .user-shell .profile-mavikesit-showcase .cover-play,body.public-profile-shell .profile-mavikesit-showcase .cover-play{border-radius:12px!important}
 .user-shell .profile-mavikesit-showcase .player-symbol,body.public-profile-shell .profile-mavikesit-showcase .player-symbol{width:38px!important;height:38px!important;right:8px!important;bottom:8px!important;border-radius:12px!important}
 .user-shell .song-drop-grid,body.public-profile-shell .song-drop-grid{grid-template-columns:1fr!important}
 .user-shell .song-drop-track,body.public-profile-shell .song-drop-track{grid-template-columns:52px minmax(0,1fr) auto!important}.user-shell .song-drop-track>img,body.public-profile-shell .song-drop-track>img,.user-shell .song-drop-track>span,body.public-profile-shell .song-drop-track>span{width:52px!important;height:52px!important}
 .user-shell .composer-tools.modern{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;overflow:visible!important}
 .user-shell .composer-icon-tool.release-tool{display:inline-flex!important;visibility:visible!important;opacity:1!important;min-width:auto!important;min-height:34px!important;padding:0 10px!important;border:1px solid rgba(29,155,240,.28)!important;background:rgba(29,155,240,.10)!important;color:#63b9ff!important}
 .user-shell .composer-icon-tool.release-tool .composer-tool-glyph{display:inline-grid!important;place-items:center!important;width:16px!important;height:16px!important;font-size:13px!important}.user-shell .composer-icon-tool.release-tool>span:last-child{display:inline!important;font-size:8px!important}
 .user-shell .home-person-genres span,.user-shell .community-page .mini-genres span{min-height:25px!important;padding:0 8px!important;font-size:7px!important}
}
@media(max-width:390px){
 .user-shell .profile-intro,body.public-profile-shell .profile-intro{margin-top:-48px!important}
 .user-shell .profile-mavikesit-showcase .track-shelf,body.public-profile-shell .profile-mavikesit-showcase .track-shelf{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .shelf-track-cut-label{font-size:6px!important;padding:4px 6px!important}
}


/* ===== NEXT v1.7.8 — contextual mobile nav + modern share/studio ===== */
/* Mobile bottom navigation now behaves like an app chrome layer. */
@media(max-width:820px){
 .mobile-bottom-nav{transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .2s ease!important;will-change:transform,opacity!important}
 body.mobile-nav-context-hidden .mobile-bottom-nav{transform:translateY(calc(100% + 28px))!important;opacity:0!important;pointer-events:none!important}
 body.mobile-nav-context-hidden .mobile-fab-share{transform:translateY(28px) scale(.92)!important;opacity:0!important;pointer-events:none!important;transition:transform .22s ease,opacity .18s ease!important}
}

/* Full comments: content scrolls, composer is permanently visible at the bottom. */
.post-detail-compose-slot{flex:0 0 auto;padding:10px 14px 14px;border-top:1px solid #2f3336;background:rgba(0,0,0,.96);backdrop-filter:blur(18px);z-index:6}
.post-detail-compose-slot[hidden]{display:none!important}
.user-shell .post-detail-compose-slot .modal-comment-form{position:relative!important;bottom:auto!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
.user-shell .post-detail-compose-slot .modal-comment-form input{width:100%!important;min-width:0!important;min-height:44px!important;padding:0 15px!important;border:1px solid #343a43!important;border-radius:999px!important;background:#111318!important;color:#f5f7fa!important;outline:0!important}
.user-shell .post-detail-compose-slot .modal-comment-form button{min-width:44px!important;height:44px!important;border-radius:50%!important;padding:0!important;display:grid!important;place-items:center!important;background:#1d9bf0!important;color:#fff!important}
.user-shell .post-detail-compose-slot .modal-comment-form button span{display:none!important}
@media(max-width:820px){
 .post-detail-backdrop{align-items:flex-end!important;padding:0!important;background:rgba(0,0,0,.78)!important}
 .user-shell .post-detail-modal{width:100%!important;max-width:none!important;height:min(88dvh,780px)!important;max-height:calc(100dvh - 58px)!important;border-radius:24px 24px 0 0!important;border-bottom:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
 .user-shell .post-detail-modal>header{flex:0 0 54px!important;padding:0 16px!important}
 .user-shell .post-detail-content{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:10px!important}
 .user-shell .post-detail-compose-slot{padding:9px 10px calc(10px + env(safe-area-inset-bottom))!important}
}

/* Quick share — one modern surface on desktop and mobile. */
.user-shell .quick-share-backdrop{display:grid!important;place-items:center!important;background:rgba(0,0,0,.72)!important;backdrop-filter:blur(12px) saturate(130%)!important}
.user-shell .quick-share-modal{position:relative!important;width:min(700px,calc(100vw - 30px))!important;max-height:min(88dvh,820px)!important;padding:0!important;border:1px solid #333946!important;border-radius:26px!important;background:linear-gradient(180deg,#11141a,#090b0f)!important;box-shadow:0 34px 110px rgba(0,0,0,.72)!important;overflow:hidden!important}
.user-shell .quick-share-modal:before{content:"";position:absolute;z-index:0;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#1d9bf0,#7c5cff,#ef4f91)}
.user-shell .quick-share-head{position:relative;z-index:1;display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;align-items:center;padding:20px 58px 17px 20px;border-bottom:1px solid #2b3039;background:linear-gradient(135deg,rgba(29,155,240,.10),rgba(124,92,255,.05) 48%,transparent)}
.user-shell .quick-share-mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid #33465c;border-radius:15px;background:#16202b;color:#5eb7ff;font-size:26px;font-weight:300}
.user-shell .quick-share-head h2{margin:3px 0 4px!important;color:#f6f8fa!important;font-size:24px!important;letter-spacing:-.035em}
.user-shell .quick-share-head p{margin:0!important;color:#89939f!important;font-size:9px!important;line-height:1.45!important}
.user-shell .quick-share-modal .quick-share-close{position:absolute!important;z-index:12!important;right:15px!important;top:14px!important;width:36px!important;height:36px!important;border:1px solid #343b45!important;border-radius:50%!important;background:#181c22!important;color:#e8ebef!important;font-size:23px!important;display:grid!important;place-items:center!important;cursor:pointer!important}
.user-shell .quick-share-modal .rich-composer{margin:0!important;padding:18px 20px 20px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;max-height:calc(88dvh - 108px)!important;overflow-y:auto!important}
.user-shell .quick-share-modal .composer-title{padding:0 0 11px!important;margin-bottom:5px!important}
.user-shell .quick-share-modal .rich-composer textarea{min-height:118px!important;padding:14px 2px!important;border:0!important;border-bottom:1px solid #303641!important;background:transparent!important}
.user-shell .quick-share-modal .composer-tools.modern{gap:7px!important}
.user-shell .quick-share-modal .composer-icon-tool{min-height:38px!important;padding:8px 10px!important;border:1px solid #303844!important;background:#12161c!important}
.user-shell .quick-share-modal .composer-submit{min-width:104px!important;min-height:40px!important}
@media(max-width:820px){
 .user-shell .quick-share-backdrop{align-items:end!important;padding:0!important}
 .user-shell .quick-share-modal{width:100%!important;max-width:none!important;max-height:calc(100dvh - 58px)!important;border-radius:24px 24px 0 0!important;border-bottom:0!important}
 .user-shell .quick-share-head{grid-template-columns:40px minmax(0,1fr)!important;padding:16px 52px 13px 14px!important}
 .user-shell .quick-share-mark{width:40px!important;height:40px!important;border-radius:13px!important;font-size:23px!important}
 .user-shell .quick-share-head h2{font-size:20px!important}.user-shell .quick-share-head p{font-size:8px!important}
 .user-shell .quick-share-modal .quick-share-close{right:11px!important;top:11px!important;width:34px!important;height:34px!important}
 .user-shell .quick-share-modal .rich-composer{padding:14px 12px calc(14px + env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 155px)!important}
 .user-shell .quick-share-modal .rich-composer textarea{min-height:92px!important}
}

/* Artist Studio: approved tracks are now visual, playable release cards. */
.user-shell .studio-v178{padding-top:30px!important}
.user-shell .studio-approved-zone{margin:0 0 22px;padding:20px;border:1px solid #2d333d;border-radius:24px;background:linear-gradient(160deg,#101319,#090b0f);overflow:hidden}
.user-shell .studio-zone-head,.user-shell .studio-review-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.user-shell .studio-zone-head h2,.user-shell .studio-review-head h2{margin:4px 0 3px;color:#f5f7fa;font-size:25px;letter-spacing:-.04em}.user-shell .studio-zone-head p{margin:0;color:#89939f;font-size:9px;line-height:1.5}
.user-shell .studio-zone-count{flex:0 0 auto;min-width:86px;padding:10px 12px;border:1px solid #303846;border-radius:16px;background:#151a22;text-align:center}.user-shell .studio-zone-count b,.user-shell .studio-zone-count small{display:block}.user-shell .studio-zone-count b{color:#61baff;font-size:23px}.user-shell .studio-zone-count small{color:#77818e;font-size:7px;margin-top:2px}
.user-shell .studio-approved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.user-shell .studio-approved-card{min-width:0;border:1px solid #2d333d;border-radius:19px;background:#0c0f14;overflow:hidden;transition:transform .18s ease,border-color .18s ease}.user-shell .studio-approved-card:hover{transform:translateY(-2px);border-color:#3d4653}
.user-shell .studio-approved-cover{position:relative;aspect-ratio:1.45/1;background:linear-gradient(145deg,#141b26,#1b2635);overflow:hidden}.user-shell .studio-approved-cover>img{width:100%;height:100%;object-fit:cover}.user-shell .studio-approved-cover:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(5,7,10,.82));pointer-events:none}.user-shell .studio-cover-fallback{width:100%;height:100%;display:grid;place-items:center;color:#79c6ff;font-size:30px;font-weight:950;letter-spacing:-.08em;background:radial-gradient(circle at 30% 20%,rgba(29,155,240,.22),transparent 38%),linear-gradient(145deg,#141925,#202a39)}
.user-shell .studio-live-badge{position:absolute;z-index:2;left:10px;top:10px;padding:5px 8px;border:1px solid rgba(52,211,153,.32);border-radius:999px;background:rgba(5,24,19,.76);color:#6ee7b7;font-size:7px;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(8px)}
.user-shell .studio-preview-button{position:absolute;z-index:3;right:10px;bottom:10px;min-width:82px;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(29,155,240,.94);color:#fff;font-size:8px;font-weight:900;cursor:pointer;box-shadow:0 9px 24px rgba(0,0,0,.3)}.user-shell .studio-preview-button svg{width:15px;height:15px}
.user-shell .studio-approved-copy{padding:13px}.user-shell .studio-approved-copy>small{display:block;color:#68bfff;font-size:8px}.user-shell .studio-approved-copy h3{margin:4px 0 12px;color:#f3f5f7;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-shell .studio-approved-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid #252b34}.user-shell .studio-approved-meta span{color:#7d8793;font-size:7px}.user-shell .studio-approved-meta span b{color:#c9d0d8}.user-shell .studio-approved-meta a{color:#55b5ff;font-size:8px;font-weight:850}
.user-shell .studio-approved-empty{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:13px;align-items:center;padding:16px;border:1px dashed #343c48;border-radius:18px;background:#0d1117}.user-shell .studio-approved-empty>span{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#151d28;color:#58b6ff;font-size:22px}.user-shell .studio-approved-empty b,.user-shell .studio-approved-empty small{display:block}.user-shell .studio-approved-empty b{color:#edf1f5;font-size:11px}.user-shell .studio-approved-empty small{color:#7f8995;font-size:8px;margin-top:4px}
.user-shell .studio-review-zone{margin-top:18px}.user-shell .studio-review-head>small{color:#78828e;font-size:8px}.user-shell .studio-review-list{border-radius:18px!important}.user-shell .studio-review-note{color:#7f8995!important;font-size:8px!important}
@media(max-width:1100px){.user-shell .studio-approved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.user-shell .studio-approved-zone{padding:14px!important;border-radius:20px!important}.user-shell .studio-zone-head,.user-shell .studio-review-head{align-items:flex-start!important}.user-shell .studio-zone-head p{max-width:30ch}.user-shell .studio-approved-grid{grid-template-columns:1fr!important}.user-shell .studio-approved-cover{aspect-ratio:1.8/1}.user-shell .studio-approved-empty{grid-template-columns:44px minmax(0,1fr)!important}.user-shell .studio-approved-empty>a{grid-column:1/-1!important}.user-shell .studio-review-head>small{display:none!important}}

/* Blind discovery stage-wallet: fixed-width digits prevent 5/5 from drifting on phones. */
@media(max-width:820px){
 .user-shell .discover-head{display:grid!important;grid-template-columns:minmax(0,1fr) 108px!important;align-items:start!important;gap:10px!important}
 .user-shell .discover-head>div{min-width:0!important}.user-shell .discover-head h1{font-size:clamp(34px,10vw,46px)!important;line-height:.98!important}
 .user-shell .stage-wallet{width:108px!important;min-width:108px!important;margin:0!important;padding:10px 8px!important;text-align:center!important;align-self:start!important}
 .user-shell .stage-wallet span{font-size:6px!important;line-height:1.2!important;white-space:normal!important}
 .user-shell .stage-wallet b{display:inline-flex!important;align-items:baseline!important;justify-content:center!important;gap:1px!important;width:100%!important;margin-top:5px!important;font-size:23px!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;line-height:1!important}
 .user-shell .stage-wallet b i{display:inline!important;min-width:1ch!important;text-align:right!important}
}
@media(max-width:390px){.user-shell .discover-head{grid-template-columns:minmax(0,1fr) 94px!important}.user-shell .stage-wallet{width:94px!important;min-width:94px!important}.user-shell .discover-head h1{font-size:32px!important}}

/* Mobile feed tabs sit directly on the brand divider and keep stories below them. */
@media(max-width:820px){
 body.user-shell .feed-page-v157{margin-top:0!important;padding-top:0!important}
 body.user-shell .feed-topline{position:sticky!important;top:58px!important;z-index:70!important;min-height:50px!important;height:50px!important;margin:0 -10px!important;padding:0 10px!important;background:#000!important;border-top:0!important;border-bottom:1px solid #2f3336!important}
 body.user-shell .feed-tabs{height:49px!important;margin:0!important;padding:0!important;align-items:stretch!important;overflow:hidden!important}
 body.user-shell .feed-tabs a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:49px!important;padding:0 10px!important;font-size:10px!important}
 body.user-shell .feed-tabs a.active:after{bottom:0!important;height:3px!important}
 body.user-shell .feed-page-v157>.stories-shell{position:relative!important;z-index:1!important;margin-top:0!important;margin-bottom:12px!important;padding-top:10px!important}
}
/* V1.7.8 safety overrides */
.user-shell .quick-share-backdrop[hidden]{display:none!important}
@media(max-width:820px){
 body.user-shell .feed-tabs{width:100%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;justify-content:stretch!important}
 body.user-shell .feed-tabs a{min-width:0!important;white-space:nowrap!important}
}


/* =====================================================================
   HarmoniReverb NEXT v1.7.9 — mobile feed header + keyboard viewport hotfix
   ===================================================================== */
@media(max-width:820px){
  /* The app header already occupies its own 60px document row. The feed
     selector must follow that row directly; a second sticky top offset was
     creating the empty band visible on Android browsers. */
  body.user-shell .feed-page-v157{
    margin-top:0!important;
    padding-top:0!important;
  }
  body.user-shell .feed-topline{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    z-index:70!important;
    width:auto!important;
    min-height:50px!important;
    height:50px!important;
    margin:0 -10px!important;
    padding:0 10px!important;
    transform:none!important;
    background:#000!important;
    border-top:0!important;
    border-bottom:1px solid #2f3336!important;
  }
  body.user-shell .feed-tabs{
    width:100%!important;
    height:49px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    overflow:hidden!important;
  }
  body.user-shell .feed-tabs a{
    min-width:0!important;
    min-height:49px!important;
    padding:0 6px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
  body.user-shell .feed-page-v157>.stories-shell{
    margin-top:0!important;
    padding-top:0!important;
  }

  /* Keep every layer behind a focused composer dark. This also covers the
     browser safe-area exposed while the software keyboard animates. */
  html:has(body.user-shell),
  body.user-shell,
  body.user-shell.modal-open{
    background:#000!important;
    overscroll-behavior-y:none!important;
  }
  body.user-shell.modal-open:before{background:#000!important}
  body.user-shell .quick-share-backdrop{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:var(--mk-vv-top,0px)!important;
    bottom:auto!important;
    width:100vw!important;
    height:var(--mk-vv-height,100dvh)!important;
    min-height:0!important;
    padding:0!important;
    align-items:end!important;
    overflow:hidden!important;
    background:rgba(0,0,0,.96)!important;
  }
  body.user-shell .quick-share-modal{
    margin:0!important;
    max-height:calc(var(--mk-vv-height,100dvh) - 2px)!important;
    background:#0b0d12!important;
  }
  body.user-shell.keyboard-open .quick-share-modal{
    max-height:calc(var(--mk-vv-height,100dvh) - 2px)!important;
    border-radius:20px 20px 0 0!important;
  }
  body.user-shell.keyboard-open .quick-share-modal .rich-composer{
    max-height:calc(var(--mk-vv-height,100dvh) - 112px)!important;
    padding-bottom:max(12px,env(safe-area-inset-bottom))!important;
    background:#0b0d12!important;
  }
}


/* =====================================================================
   HarmoniReverb NEXT v1.7.10 — scroll recovery + group cover containment
   ===================================================================== */
/* V1.7.9 used overscroll-behavior:none on the whole signed-in document.
   Keep the black browser/safe-area surface, but never suppress normal page
   scrolling unless an actual modal is visible. */
html:has(body.user-shell),body.user-shell{background:#000!important}
body.user-shell:not(.modal-open){overscroll-behavior-y:auto!important}
body.user-shell.modal-open{overscroll-behavior-y:none!important}

/* A selected group image is a contained media tile, never an unconstrained
   document image. This prevents natural-size photos from spilling behind the
   composer and timeline. */
.user-shell .group-detail-hero{
  position:relative!important;
  isolation:isolate!important;
  grid-template-columns:112px minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:center!important;
  padding:20px!important;
  overflow:hidden!important;
  border:1px solid #2d333d!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#11151c 0%,#0b0e13 100%)!important;
}
.user-shell .group-detail-hero>div:nth-child(2){min-width:0!important;position:relative!important;z-index:2!important}
.user-shell .group-detail-hero>form{position:relative!important;z-index:2!important;margin:0!important}
.user-shell .group-big-icon{
  position:relative!important;
  z-index:2!important;
  width:112px!important;
  height:112px!important;
  min-width:112px!important;
  min-height:112px!important;
  overflow:hidden!important;
  border:1px solid #353c47!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#172131,#10151e)!important;
  color:#5db9ff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.28)!important;
}
.user-shell .group-big-icon img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center!important;
}
.user-shell .group-detail-hero h1{margin:4px 0 7px!important;font-size:clamp(30px,3.2vw,46px)!important;line-height:1!important;overflow-wrap:anywhere!important}
.user-shell .group-detail-hero p{max-width:680px!important;margin:0 0 9px!important;line-height:1.5!important}

@media(max-width:820px){
  /* Restore ordinary document touch scrolling after keyboard/modal use. */
  body.user-shell:not(.page-messages){min-height:100%!important;height:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
  body.user-shell:not(.page-messages).modal-open{overflow-y:hidden!important}

  .user-shell .group-detail-hero{
    grid-template-columns:76px minmax(0,1fr)!important;
    gap:12px!important;
    padding:13px!important;
    border-radius:19px!important;
  }
  .user-shell .group-big-icon{
    width:76px!important;height:76px!important;min-width:76px!important;min-height:76px!important;border-radius:17px!important;
  }
  .user-shell .group-detail-hero h1{font-size:27px!important;margin:2px 0 5px!important}
  .user-shell .group-detail-hero p{font-size:9px!important;margin-bottom:5px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .user-shell .group-detail-hero>form{grid-column:1/-1!important;width:100%!important}
  .user-shell .group-detail-hero>form .btn{width:100%!important;justify-content:center!important}
}

/* =====================================================================
   HarmoniReverb NEXT v1.7.11 — modern form controls + rotating feed discovery
   ===================================================================== */
/* Native select stays in the form for validation/submission; the visible
   control is rendered by app.js so Android/desktop no longer shows the raw
   operating-system option panel seen in V1.7.10. */
.user-shell .mk-select{position:relative;min-width:0;width:100%}
.user-shell .mk-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;overflow:hidden!important}
.user-shell .mk-select-trigger{
  width:100%;min-height:48px;display:flex;align-items:center;gap:10px;padding:8px 11px;
  border:1px solid #303946;border-radius:15px;background:linear-gradient(180deg,#12171f,#0d1117);
  color:#eef3f7;text-align:left;cursor:pointer;outline:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 7px 18px rgba(0,0,0,.15);
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease
}
.user-shell .mk-select-trigger:hover,.user-shell .mk-select.open .mk-select-trigger{border-color:#3b8fc8;background:#121923;box-shadow:0 0 0 3px rgba(31,154,239,.08)}
.user-shell .mk-select-trigger:active{transform:translateY(1px)}
.user-shell .mk-select-trigger-media{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;overflow:hidden;background:linear-gradient(145deg,#172333,#111823);color:#62baff;font-size:14px;font-weight:900}
.user-shell .mk-select-trigger-media img{width:100%;height:100%;object-fit:cover}
.user-shell .mk-select-trigger-copy{min-width:0;flex:1;display:block}.user-shell .mk-select-trigger-copy b,.user-shell .mk-select-trigger-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-shell .mk-select-trigger-copy b{font-size:10px;color:#eef3f7}.user-shell .mk-select-trigger-copy small{margin-top:2px;font-size:7px;color:#778493}
.user-shell .mk-select-chevron{flex:0 0 auto;width:18px;height:18px;display:grid;place-items:center;color:#748291;transition:transform .16s ease}.user-shell .mk-select.open .mk-select-chevron{transform:rotate(180deg);color:#57b8f8}
.mk-select-menu{position:fixed;z-index:10050;display:flex;flex-direction:column;gap:7px;max-height:min(390px,70vh);padding:9px;border:1px solid #303945;border-radius:18px;background:rgba(12,15,20,.985);box-shadow:0 24px 70px rgba(0,0,0,.52);backdrop-filter:blur(18px);overflow:hidden}
.mk-select-menu[hidden]{display:none!important}
.mk-select-search{flex:0 0 auto;width:100%;height:42px;padding:0 13px;border:1px solid #2d3743;border-radius:13px;background:#080b0f;color:#f1f5f8;outline:0;font-size:10px}.mk-select-search:focus{border-color:#279fe9;box-shadow:0 0 0 3px rgba(39,159,233,.09)}.mk-select-search::placeholder{color:#596573}
.mk-select-options{display:grid;gap:4px;overflow-y:auto;overscroll-behavior:contain;padding:1px;scrollbar-width:thin;scrollbar-color:#34404d transparent}
.mk-select-option{width:100%;min-height:48px;display:grid;grid-template-columns:38px minmax(0,1fr) 22px;gap:9px;align-items:center;padding:6px 8px;border:1px solid transparent;border-radius:13px;background:transparent;color:#dce4ea;text-align:left;cursor:pointer}
.mk-select-option:hover,.mk-select-option.active{border-color:#293746;background:#151c25}.mk-select-option.selected{border-color:#275f82;background:linear-gradient(135deg,rgba(30,143,216,.17),rgba(26,93,139,.08))}
.mk-select-option-media{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;overflow:hidden;background:#172131;color:#62baff;font-size:15px;font-weight:900}.mk-select-option-media img{width:100%;height:100%;object-fit:cover}
.mk-select-option-copy{min-width:0}.mk-select-option-copy b,.mk-select-option-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-select-option-copy b{font-size:10px;color:#eff4f8}.mk-select-option-copy small{margin-top:3px;font-size:7px;color:#798694}.mk-select-option-check{color:#57b8f8;font-size:13px;font-weight:900;text-align:center}.mk-select-empty{padding:18px 12px;color:#778493;text-align:center;font-size:9px}

/* The writing surfaces share the same dark material language. */
.user-shell .group-composer{padding:16px!important;border:1px solid #2d3540!important;border-radius:20px!important;background:linear-gradient(155deg,#10141a,#0b0e13)!important;box-shadow:0 12px 32px rgba(0,0,0,.16)!important}
.user-shell .group-composer textarea,
.user-shell .song-drop-form input,
.user-shell .candidate-composer input,
.user-shell .social-modal input,
.user-shell .quick-share-modal .composer-expand input{
  width:100%!important;border:1px solid #2f3844!important;border-radius:15px!important;background:#090c11!important;color:#eef3f7!important;padding:13px 14px!important;outline:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important
}
.user-shell .group-composer textarea{min-height:112px!important;resize:vertical!important;font-size:13px!important;line-height:1.55!important;padding:15px 16px!important}
.user-shell .rich-composer textarea{border-bottom-color:#303946!important;color:#edf2f6!important;caret-color:#4eb7fb!important}
.user-shell .group-composer textarea:focus,
.user-shell .song-drop-form input:focus,
.user-shell .candidate-composer input:focus,
.user-shell .social-modal input:focus,
.user-shell .quick-share-modal .composer-expand input:focus{border-color:#289fe8!important;box-shadow:0 0 0 3px rgba(40,159,232,.08)!important;background:#0b0f15!important}
.user-shell .group-composer textarea::placeholder,.user-shell .song-drop-form input::placeholder,.user-shell .candidate-composer input::placeholder,.user-shell .social-modal input::placeholder{color:#687583!important}
.user-shell .group-composer>div{align-items:stretch!important;gap:9px!important}.user-shell .group-composer>div>.mk-select{min-width:0!important}
.user-shell .group-composer .btn.primary{min-width:112px!important;border-radius:15px!important}
.user-shell .composer-tools.modern .mk-select{width:auto;min-width:142px;max-width:190px;flex:0 1 170px}.user-shell .composer-tools.modern .mk-select-trigger{min-height:38px;padding:5px 8px;border-radius:11px}.user-shell .composer-tools.modern .mk-select-trigger-media{width:26px;height:26px;flex-basis:26px;border-radius:8px;font-size:11px}.user-shell .composer-tools.modern .mk-select-trigger-copy b{font-size:8px}.user-shell .composer-tools.modern .mk-select-trigger-copy small{display:none}
.user-shell .candidate-composer>.mk-select,.user-shell .song-drop-form>.mk-select,.user-shell .social-modal form>.mk-select,.user-shell .message-welcome form>.mk-select{min-width:0}

/* Discovery mode explains itself instead of looking like an empty duplicate. */
.user-shell .taste-feed-head.discovery-mode{border-color:#29445a!important;background:radial-gradient(circle at 88% 10%,rgba(36,156,231,.12),transparent 34%),linear-gradient(145deg,#10151d,#0c1016)!important}
.user-shell .taste-feed-head.discovery-mode .eyebrow{color:#55b8f7!important}.user-shell .taste-feed-head.discovery-mode .taste-feed-genres span{border-color:#2a526c!important;background:#101e29!important;color:#79c9fb!important}

@media(max-width:820px){
 .user-shell .group-composer{padding:12px!important;border-radius:18px!important}.user-shell .group-composer textarea{min-height:96px!important}
 .user-shell .group-composer>div{grid-template-columns:minmax(0,1fr) auto!important}.user-shell .group-composer .btn.primary{min-width:92px!important;padding-inline:12px!important}
 .user-shell .composer-tools.modern .mk-select{min-width:132px;max-width:158px;flex-basis:150px}
 .mk-select-menu{max-height:min(360px,62vh);border-radius:17px;padding:8px}.mk-select-option{min-height:50px}
}
@media(max-width:430px){
 .user-shell .group-composer>div{grid-template-columns:1fr!important}.user-shell .group-composer .btn.primary{width:100%!important}
 .user-shell .composer-tools.modern .mk-select{min-width:128px;max-width:150px}
}

/* =====================================================================
   HarmoniReverb NEXT v1.7.12 — desktop micro-typography readability pass
   Desktop only: raise the 7–12px microcopy scale by roughly 2px.
   Mobile keeps the existing compact scale.
   ===================================================================== */
@media (min-width:821px){
  /* Comments: primary request */
  body.user-shell .comment-meta b,
  body.public-profile-shell .comment-meta b{font-size:12px!important}
  body.user-shell .comment-meta span,
  body.public-profile-shell .comment-meta span{font-size:10px!important}
  body.user-shell .comment-meta time,
  body.public-profile-shell .comment-meta time{font-size:9px!important}
  body.user-shell .comment-copy p,
  body.public-profile-shell .comment-copy p{font-size:12px!important;line-height:1.58!important}
  body.user-shell .comment-line input,
  body.public-profile-shell .comment-line input{font-size:12px!important}
  body.user-shell .comment-line button,
  body.public-profile-shell .comment-line button{font-size:11px!important}
  body.user-shell .view-all-comments,
  body.public-profile-shell .view-all-comments{font-size:11px!important}

  /* Feed author/meta and interaction copy */
  body.user-shell .post-head b,
  body.public-profile-shell .post-head b{font-size:13px!important}
  body.user-shell .post-head small,
  body.public-profile-shell .post-head small,
  body.user-shell .post-profile-handle,
  body.public-profile-shell .post-profile-handle{font-size:10px!important}
  body.user-shell .artist-chip,
  body.public-profile-shell .artist-chip{font-size:9px!important}
  body.user-shell .feed-reason,
  body.public-profile-shell .feed-reason{font-size:9px!important}
  body.user-shell .post-track small,
  body.public-profile-shell .post-track small{font-size:9px!important}
  body.user-shell .post-track b,
  body.public-profile-shell .post-track b{font-size:12px!important}
  body.user-shell .post-track button,
  body.public-profile-shell .post-track button{font-size:10px!important}
  body.user-shell .post-action,
  body.public-profile-shell .post-action{font-size:12px!important}
  body.user-shell .post-poll .poll-option>span,
  body.public-profile-shell .post-poll .poll-option>span{font-size:11px!important}
  body.user-shell .post-poll .poll-option>em,
  body.public-profile-shell .post-poll .poll-option>em,
  body.user-shell .post-poll>small,
  body.public-profile-shell .post-poll>small{font-size:9px!important}
  body.user-shell [data-tip]::after{font-size:11px!important}

  /* Composer, form helper text and modern selects */
  body.user-shell .composer-title small{font-size:10px!important}
  body.user-shell .composer-tools .btn,
  body.user-shell .composer-icon-tool,
  body.user-shell .file-mini{font-size:11px!important}
  body.user-shell .mk-select-trigger-copy b,
  body.user-shell .mk-select-option-copy b{font-size:12px!important}
  body.user-shell .mk-select-trigger-copy small,
  body.user-shell .mk-select-option-copy small{font-size:9px!important}
  body.user-shell .mk-select-search{font-size:12px!important}
  body.user-shell .mk-select-empty{font-size:11px!important}
  body.user-shell .field-counter,
  body.user-shell .composer-safety,
  body.user-shell .upload-safety-note{font-size:11px!important}

  /* Left rail + account navigation */
  body.user-shell .side-nav a,
  body.user-shell .side-nav-button{font-size:12px!important}
  body.user-shell .side-nav a i,
  body.user-shell .side-quick small{font-size:10px!important}
  body.user-shell .side-quick a{font-size:11px!important}
  body.user-shell .side-share{font-size:12px!important}
  body.user-shell .me-card span,
  body.user-shell .me-card>a:last-child{font-size:10px!important}

  /* Right rail: names, handles, match text and mini cards */
  body.user-shell .rail-head a{font-size:10px!important}
  body.user-shell .rail-person>div a b{font-size:11px!important}
  body.user-shell .rail-person>div a span,
  body.user-shell .rail-person>div small{font-size:9px!important}
  body.user-shell .rail-action,
  body.user-shell .rail-friend{font-size:9px!important}
  body.user-shell .rail-post b{font-size:10px!important}
  body.user-shell .rail-post span{font-size:10px!important}
  body.user-shell .rail-post small{font-size:9px!important}
  body.user-shell .rail-group>span{font-size:12px!important}
  body.user-shell .rail-group b{font-size:10px!important}
  body.user-shell .rail-group small,
  body.user-shell .rail-group i{font-size:9px!important}

  /* Community/profile microcopy using the same old 7–10px scale */
  body.user-shell .eyebrow,
  body.public-profile-shell .eyebrow{font-size:11px!important}
  body.user-shell .profile-handle,
  body.public-profile-shell .profile-handle{font-size:14px!important}
  body.user-shell .profile-stats span,
  body.public-profile-shell .profile-stats span{font-size:10px!important}
  body.user-shell .profile-genres span,
  body.public-profile-shell .profile-genres span{font-size:10px!important}
  body.user-shell .verified-label,
  body.user-shell .artist-label,
  body.public-profile-shell .verified-label,
  body.public-profile-shell .artist-label{font-size:11px!important}
  body.user-shell .mini-genres span{font-size:10px!important}
  body.user-shell .community-tabs i{font-size:11px!important}
  body.user-shell .request-list small,
  body.user-shell .friend-list span{font-size:12px!important}
  body.user-shell .group-grid small,
  body.user-shell .group-grid span,
  body.user-shell .group-post-head small{font-size:11px!important}

  /* Messaging and notifications */
  body.user-shell .thread-person span{font-size:11px!important}
  body.user-shell .thread-conversation-item b{font-size:11px!important}
  body.user-shell .thread-conversation-item span{font-size:9px!important}
  body.user-shell .thread-conversation-item small{font-size:10px!important}
  body.user-shell .message-meta{font-size:9px!important}
  body.user-shell .message-send-btn span{font-size:11px!important}
  body.user-shell .message-bubble>small{font-size:10px!important}
  body.user-shell .notification-copy small{font-size:10px!important}
  body.user-shell .notification-link{font-size:11px!important}

  /* Discovery / cards with the same microcopy scale */
  body.user-shell .taste-feed-head small{font-size:11px!important}
  body.user-shell .taste-feed-genres span,
  body.user-shell .taste-feed-genres a{font-size:10px!important}
  body.user-shell .discover-meta>small{font-size:10px!important}
  body.user-shell .discover-meta>p{font-size:12px!important}
  body.user-shell .discover-after{font-size:10px!important}
  body.user-shell .playlist-tags span,
  body.user-shell .playlist-featured,
  body.user-shell .playlist-provider small{font-size:9px!important}
}


/* ===== NEXT v1.7.15 — parlak sistem paletli HarmoniReverb logo entegrasyonu ===== */
.brand{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  min-width:0!important;
}
.brand-logo{
  display:block!important;
  width:164px!important;
  height:auto!important;
  max-height:48px!important;
  object-fit:contain!important;
  filter:none!important;
}
.site-header .brand span{display:none!important}

.user-shell .side-brand{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  max-width:168px!important;
  min-height:48px!important;
  margin:0 0 12px!important;
  padding:5px 4px!important;
  border-radius:10px!important;
  background:transparent!important;
}
.user-shell .side-brand:hover{background:#101114!important}
.user-shell .side-brand .side-brand-logo{
  display:block!important;
  width:158px!important;
  height:auto!important;
  max-height:48px!important;
  object-fit:contain!important;
  filter:none!important;
}
.user-shell .side-brand span{display:none!important}

.app-splash-inner>.splash-brand-logo{
  display:block!important;
  width:min(330px,72vw)!important;
  height:auto!important;
  max-height:132px!important;
  object-fit:contain!important;
  filter:none!important;
  animation:none!important;
}
.app-splash-inner>b{display:none!important}
.app-splash-inner>span{margin-top:10px!important}
.splash-line{margin-top:18px!important}

body:not(.user-shell) .auth-modal-brand{
  display:flex!important;
  align-items:center!important;
  margin-bottom:22px!important;
}
body:not(.user-shell) .auth-modal-brand .auth-brand-logo{
  display:block!important;
  width:190px!important;
  height:auto!important;
  max-height:62px!important;
  object-fit:contain!important;
  filter:none!important;
}
body:not(.user-shell) .auth-modal-brand span{display:none!important}

.footer-brand{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
}
.footer-brand .footer-brand-logo{
  display:block!important;
  width:156px!important;
  height:auto!important;
  max-height:52px!important;
  object-fit:contain!important;
  filter:none!important;
}
.footer-brand strong{font-size:9px!important;letter-spacing:.08em!important}
.footer-brand span{margin-top:4px!important}

.legal-watermark{
  width:560px!important;
  height:190px!important;
  right:-44px!important;
  top:90px!important;
}
.legal-watermark img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  filter:none!important;
}
.legal-note .legal-brand-logo{
  display:block!important;
  width:132px!important;
  height:auto!important;
  max-height:44px!important;
  object-fit:contain!important;
  filter:none!important;
}
.legal-note b{display:none!important}

@media(max-width:980px){
  .brand-logo{width:146px!important;max-height:44px!important}
  .legal-watermark{width:400px!important;height:140px!important;right:-80px!important}
}
@media(max-width:820px){
  body.user-shell .site-header .brand{justify-self:center!important;min-width:0!important}
  body.user-shell .site-header .brand .brand-logo{
    display:block!important;
    width:122px!important;
    height:auto!important;
    max-height:38px!important;
  }
}
@media(max-width:720px){
  body:not(.user-shell) .site-header .brand-logo{width:132px!important;max-height:42px!important}
  .app-splash-inner>.splash-brand-logo{width:min(280px,76vw)!important;max-height:112px!important}
  .footer-brand .footer-brand-logo{width:138px!important;max-height:46px!important}
  body:not(.user-shell) .auth-modal-brand .auth-brand-logo{width:168px!important;max-height:56px!important}
  .legal-note .legal-brand-logo{width:116px!important;max-height:40px!important}
}

/* =====================================================================
   HarmoniReverb NEXT v1.7.16 — sade bilgi mimarisi / 5 ana omurga
   ===================================================================== */

/* Keşfet artık kendi iç haritasını taşır; Top 20 ayrı ana menü öğesi değildir. */
.user-shell .discover-section-nav{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0 0 18px!important;
  padding:7px!important;
  border:1px solid var(--mk-border)!important;
  border-radius:18px!important;
  background:#090a0d!important;
}
.user-shell .discover-section-nav>a{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
  padding:11px 12px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  color:#8b919a!important;
  background:transparent!important;
  transition:.16s ease!important;
}
.user-shell .discover-section-nav>a:hover{
  color:#fff!important;
  background:#13151a!important;
  border-color:#252932!important;
}
.user-shell .discover-section-nav>a.active{
  color:#fff!important;
  background:rgba(47,155,255,.11)!important;
  border-color:rgba(47,155,255,.28)!important;
}
.user-shell .discover-section-nav svg{width:22px!important;height:22px!important;color:#4faaff!important}
.user-shell .discover-section-nav span,.user-shell .discover-section-nav b,.user-shell .discover-section-nav small{display:block!important;min-width:0!important}
.user-shell .discover-section-nav b{font-size:11px!important;line-height:1.15!important;color:inherit!important}
.user-shell .discover-section-nav small{margin-top:3px!important;font-size:8px!important;line-height:1.2!important;color:#6f7680!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.user-shell .discover-section-nav>a.active small{color:#9aa8b8!important}

/* Akış açıklaması yalnız gerektiğinde küçük bir çağrı olarak kalır. */
.user-shell .feed-context-prompt{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 12px!important;
  padding:10px 13px!important;
  border:1px solid var(--mk-border)!important;
  border-radius:13px!important;
  background:#0b0c0f!important;
  color:#8c939d!important;
}
.user-shell .feed-context-prompt span{font-size:10px!important}
.user-shell .feed-context-prompt b{font-size:10px!important;color:#4faaff!important;white-space:nowrap!important}

/* Ana menü ile yardımcı araçlar görsel olarak birbirinden ayrılır. */
.user-shell .side-notification-wrap{margin-top:8px!important;padding-top:8px!important;border-top:1px solid #20232a!important}
.user-shell .side-quick{border-top:1px solid #20232a!important}

@media(max-width:980px){
  .user-shell .discover-section-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:820px){
  /* Ana mobil navigasyon tam olarak 5 bölüm. */
  .mobile-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;height:60px!important}
  .mobile-bottom-nav>a{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:1px!important;
    height:48px!important;
    padding:2px 1px 5px!important;
  }
  .mobile-bottom-nav>a svg{width:19px!important;height:19px!important;flex:0 0 auto!important}
  .mobile-bottom-nav>a em{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:inherit!important;
    font-size:7px!important;
    font-style:normal!important;
    font-weight:800!important;
    line-height:1.1!important;
  }
  .mobile-bottom-nav>a.active>span{bottom:1px!important;width:3px!important;height:3px!important}

  /* Üç akış filtresi: Keşif artık ayrı ana bölüm. */
  body.user-shell .feed-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}

  /* Hikâyeler önce, sekmeler hemen ardından gelir. */
  body.user-shell .feed-page-v157>.stories-shell{margin:0 0 8px!important;padding-top:0!important}
  body.user-shell .feed-topline{margin:0 -10px 10px!important}

  .user-shell .discover-section-nav{
    display:flex!important;
    overflow-x:auto!important;
    gap:7px!important;
    margin:8px -2px 14px!important;
    padding:5px!important;
    scrollbar-width:none!important;
  }
  .user-shell .discover-section-nav::-webkit-scrollbar{display:none!important}
  .user-shell .discover-section-nav>a{flex:0 0 148px!important;grid-template-columns:24px minmax(0,1fr)!important;padding:9px 10px!important}
  .user-shell .discover-section-nav svg{width:19px!important;height:19px!important}
  .user-shell .discover-section-nav b{font-size:10px!important}
  .user-shell .discover-section-nav small{font-size:7px!important}
  .user-shell .feed-context-prompt{margin:0 0 9px!important;padding:9px 10px!important}
}


/* =====================================================================
   HarmoniReverb NEXT v1.7.17 — modern community pickers + compact feed tabs
   ===================================================================== */
/* Community forms: the genre/person/song fields now use the same custom
   picker language as the existing attachment controls. */
.user-shell .stack-form>.mk-select{width:100%!important;min-width:0!important}
.user-shell .stack-form>.mk-select .mk-select-trigger{min-height:50px!important;border-radius:14px!important;background:linear-gradient(180deg,#11171f,#0b1016)!important;border-color:#2b3541!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
.user-shell .stack-form>.mk-select .mk-select-trigger:hover,.user-shell .stack-form>.mk-select.open .mk-select-trigger{border-color:#299ee7!important;background:#121b25!important;box-shadow:0 0 0 3px rgba(29,155,240,.08)!important}
.user-shell .stack-form>.mk-select .mk-select-trigger-media{background:linear-gradient(145deg,#17283a,#0f1c29)!important;color:#42b6f5!important}
.user-shell .stack-form>.mk-select .mk-select-trigger-copy b{font-weight:800!important;letter-spacing:-.01em!important}
.mk-select-menu{border-color:#2b3642!important;background:rgba(9,13,18,.985)!important;box-shadow:0 22px 65px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.018)!important}
.mk-select-option{transition:background .14s ease,border-color .14s ease,transform .14s ease!important}
.mk-select-option:hover{transform:translateX(2px)!important}
.mk-select-option.selected{border-color:#247caf!important;background:linear-gradient(135deg,rgba(29,155,240,.20),rgba(32,201,180,.08))!important}
.mk-select-option-check{width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:#121a23;color:#63c7ff!important}
.mk-select-option.selected .mk-select-option-check{background:#1d9bf0;color:#fff!important}

/* Feed filter: no more full-width heavy black band. The selector sits above
   stories as a compact segmented control and visually belongs to the feed. */
body.user-shell .feed-topline{
  position:relative!important;top:auto!important;z-index:24!important;height:auto!important;min-height:0!important;
  margin:10px 0 12px!important;padding:0!important;background:transparent!important;border:0!important;backdrop-filter:none!important;
  display:flex!important;align-items:center!important;gap:10px!important
}
body.user-shell .feed-tabs{
  width:auto!important;flex:0 0 auto!important;display:inline-grid!important;grid-template-columns:repeat(3,max-content)!important;
  height:auto!important;min-height:0!important;margin:0!important;padding:4px!important;overflow:visible!important;
  border:1px solid #27313c!important;border-radius:999px!important;background:linear-gradient(180deg,#11161d,#0b0f14)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)!important
}
body.user-shell .feed-tabs a{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
  min-width:108px!important;min-height:36px!important;padding:0 16px!important;border:0!important;border-radius:999px!important;
  background:transparent!important;color:#858f9a!important;font-size:11px!important;font-weight:800!important;letter-spacing:-.01em!important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease!important
}
body.user-shell .feed-tabs a:hover{color:#dfe7ed!important;background:#151c24!important}
body.user-shell .feed-tabs a.active{color:#f7fbff!important;background:linear-gradient(135deg,#1b79b5,#149ec2)!important;box-shadow:0 5px 14px rgba(20,137,190,.22)!important}
body.user-shell .feed-tabs a.active:after{display:none!important;content:none!important}
body.user-shell .feed-page-v157>.stories-shell{margin:0 0 12px!important;padding-top:0!important}

@media(max-width:820px){
  body.user-shell .feed-topline{width:100%!important;margin:7px 0 9px!important;padding:0 2px!important;background:transparent!important;border:0!important}
  body.user-shell .feed-tabs{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border-radius:14px!important;padding:4px!important;overflow:hidden!important}
  body.user-shell .feed-tabs a{min-width:0!important;min-height:35px!important;height:35px!important;padding:0 5px!important;border-radius:10px!important;font-size:10px!important}
  body.user-shell .feed-page-v157>.stories-shell{margin:0 0 9px!important;padding-top:0!important}
}

/* =====================================================================
   HarmoniReverb NEXT v1.7.18 — MaviDurum + Topluluk sekmeleri + geniş Akış filtresi
   ===================================================================== */
/* MaviDurum: koyu temada daha belirgin, tek tasarım dilinde modern girişler. */
body.user-shell .status-composer{
  grid-template-columns:minmax(185px,.78fr) minmax(300px,1.55fr) minmax(190px,.72fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:11px 12px!important;
  background:linear-gradient(180deg,#0f1319 0%,#0b0e13 100%)!important;
  border:1px solid #27313c!important;
  border-radius:19px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.user-shell .status-composer>div:first-child{padding:0 4px!important;min-width:0!important}
body.user-shell .status-composer>div:first-child b{font-size:15px!important;line-height:1.15!important;letter-spacing:-.02em!important;color:#f3f7fa!important}
body.user-shell .status-composer>div:first-child span{margin-top:3px!important;font-size:10.5px!important;line-height:1.35!important;color:#7f8994!important}
body.user-shell .status-composer input{
  width:100%!important;
  min-width:0!important;
  height:52px!important;
  padding:0 16px!important;
  border:1px solid #2a3440!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#0c1117,#090d12)!important;
  color:#eef4f7!important;
  font-size:13.5px!important;
  font-weight:600!important;
  line-height:1!important;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body.user-shell .status-composer input::placeholder{color:#69737e!important;opacity:1!important;font-weight:500!important}
body.user-shell .status-composer input:hover{border-color:#3a4754!important;background:#0e141b!important}
body.user-shell .status-composer input:focus{
  border-color:#1d9bf0!important;
  background:#0d151d!important;
  box-shadow:0 0 0 3px rgba(29,155,240,.11),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.user-shell .status-composer .btn{
  min-height:50px!important;
  padding:0 19px!important;
  border-radius:14px!important;
  box-shadow:0 7px 18px rgba(29,155,240,.14)!important;
}

/* Topluluk ana sekmeleri: kaba alt çizgi yerine bütünlüklü segmented navigation. */
body.user-shell .community-tabs{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:5px!important;
  width:100%!important;
  margin:14px 0 24px!important;
  padding:5px!important;
  overflow:visible!important;
  background:linear-gradient(180deg,#0e1217,#090c10)!important;
  border:1px solid #27313c!important;
  border-radius:17px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022)!important;
}
body.user-shell .community-tabs a{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:0!important;
  min-height:44px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#8a949f!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:-.012em!important;
  text-align:center!important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
body.user-shell .community-tabs a:hover{background:#141a21!important;color:#dfe7ed!important}
body.user-shell .community-tabs a.active{
  background:linear-gradient(180deg,#192633,#121c25)!important;
  color:#f7fbff!important;
  box-shadow:inset 0 0 0 1px rgba(49,169,238,.20),0 5px 13px rgba(0,0,0,.18)!important;
}
body.user-shell .community-tabs a.active:after{
  content:""!important;
  position:absolute!important;
  left:28%!important;
  right:28%!important;
  bottom:3px!important;
  height:3px!important;
  border-radius:999px!important;
  background:#1d9bf0!important;
}
body.user-shell .community-tabs i{
  position:static!important;
  min-width:18px!important;
  height:18px!important;
  margin:0!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:#1d9bf0!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:18px!important;
}

/* Akış filtresi: akış kolonu kadar geniş, üç eşit ve daha sakin sekme. */
body.user-shell .feed-topline{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:7px!important;
  margin:9px 0 11px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
body.user-shell .feed-tabs{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:4px!important;
  margin:0!important;
  padding:4px!important;
  overflow:hidden!important;
  border:1px solid #27313c!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#0e1217,#090c10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022)!important;
}
body.user-shell .feed-tabs a{
  position:relative!important;
  min-width:0!important;
  width:100%!important;
  min-height:43px!important;
  height:43px!important;
  padding:0 10px!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#858f9a!important;
  font-size:11.5px!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}
body.user-shell .feed-tabs a:hover{background:#141a21!important;color:#e2e9ee!important}
body.user-shell .feed-tabs a.active{
  background:linear-gradient(180deg,#182430,#111a22)!important;
  color:#f7fbff!important;
  box-shadow:inset 0 0 0 1px rgba(49,169,238,.18)!important;
}
body.user-shell .feed-tabs a.active:after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:34%!important;
  right:34%!important;
  bottom:3px!important;
  height:3px!important;
  border-radius:999px!important;
  background:#1d9bf0!important;
}
body.user-shell .feed-status-actions{
  width:100%!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:7px!important;
  min-width:0!important;
}

@media(max-width:900px){
  body.user-shell .status-composer{grid-template-columns:1fr 1fr!important}
  body.user-shell .status-composer>div:first-child{grid-column:1/-1!important}
  body.user-shell .status-composer .btn{width:100%!important}
}
@media(max-width:820px){
  body.user-shell .status-composer{grid-template-columns:1fr!important;padding:11px!important;border-radius:17px!important}
  body.user-shell .status-composer>div:first-child{grid-column:auto!important}
  body.user-shell .status-composer input{height:48px!important;border-radius:13px!important;font-size:12px!important}
  body.user-shell .status-composer .btn{min-height:47px!important}

  body.user-shell .community-tabs{
    display:flex!important;
    gap:5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    margin:10px 0 17px!important;
    padding:4px!important;
    border-radius:14px!important;
  }
  body.user-shell .community-tabs::-webkit-scrollbar{display:none!important}
  body.user-shell .community-tabs a{flex:0 0 auto!important;min-width:116px!important;min-height:39px!important;padding:0 11px!important;border-radius:10px!important;font-size:10px!important}

  body.user-shell .feed-topline{margin:7px 0 9px!important;gap:6px!important}
  body.user-shell .feed-tabs{padding:4px!important;border-radius:14px!important}
  body.user-shell .feed-tabs a{min-height:38px!important;height:38px!important;padding:0 4px!important;border-radius:9px!important;font-size:10px!important}
  body.user-shell .feed-status-actions{overflow-x:auto!important;justify-content:flex-start!important;padding-bottom:1px!important;scrollbar-width:none!important}
  body.user-shell .feed-status-actions::-webkit-scrollbar{display:none!important}
}

/* =====================================================================
   HarmoniReverb NEXT v1.7.19 — MaviHikâye mobile-first studio
   Research-informed interaction model: full-screen 9:16 canvas, compact
   tool tray, draggable layers, four-corner desktop resize and pinch/rotate.
   ===================================================================== */

/* Story rail: avatar-ring model instead of oversized poster cards. */
body.user-shell .stories-shell{margin:8px 0 12px!important;padding:2px 0 8px!important;border-bottom:0!important;background:transparent!important;overflow:hidden!important}
body.user-shell .stories-track{gap:13px!important;padding:3px 4px 7px!important;align-items:flex-start!important;scroll-snap-type:x proximity!important}
body.user-shell .story-card,body.user-shell .story-create-card{flex:0 0 74px!important;width:74px!important;height:92px!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;text-align:center!important;box-shadow:none!important;transform:none!important}
body.user-shell .story-card:hover,body.user-shell .story-create-card:hover{transform:none!important;background:transparent!important}
body.user-shell .story-card-media{position:absolute!important;inset:auto!important;left:5px!important;top:1px!important;width:64px!important;height:64px!important;border-radius:50%!important;padding:3px!important;background:#30363d!important;overflow:visible!important;box-shadow:none!important}
body.user-shell .story-card.unseen .story-card-media{background:linear-gradient(145deg,#1d9bf0 5%,#7c3aed 54%,#f91880 100%)!important}
body.user-shell .story-card.seen .story-card-media{background:#3a414b!important}
body.user-shell .story-card-media:after{display:none!important}
body.user-shell .story-card .story-card-media>img,body.user-shell .story-card .story-text-art{display:none!important}
body.user-shell .story-avatar-ring{position:absolute!important;inset:3px!important;left:3px!important;top:3px!important;width:auto!important;height:auto!important;border:3px solid #07090d!important;border-radius:50%!important;background:#11151b!important;box-shadow:none!important;overflow:hidden!important}
body.user-shell .story-card.unseen .story-avatar-ring,body.user-shell .story-card.seen .story-avatar-ring{border-color:#07090d!important;box-shadow:none!important}
body.user-shell .story-avatar-ring img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
body.user-shell .story-create-media{background:#1a2029!important;padding:2px!important;border:1px solid #303945!important;overflow:hidden!important}
body.user-shell .story-create-media>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;opacity:1!important}
body.user-shell .story-create-media>b{height:100%!important;border-radius:50%!important;background:#151a22!important;display:grid!important;place-items:center!important}
body.user-shell .story-create-media>i{left:auto!important;right:-1px!important;top:auto!important;bottom:-1px!important;transform:none!important;width:23px!important;height:23px!important;border:3px solid #07090d!important;background:#1d9bf0!important;font-size:16px!important;line-height:1!important}
body.user-shell .story-card>strong,body.user-shell .story-create-card>strong{left:0!important;right:0!important;bottom:5px!important;text-align:center!important;color:#e8edf2!important;font-size:9px!important;font-weight:750!important;line-height:1.15!important;text-shadow:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.user-shell .story-card>small,body.user-shell .story-create-card>small{display:none!important}

/* Studio shell */
.story-create-backdrop{background:rgba(0,0,0,.90)!important;backdrop-filter:blur(8px)!important;padding:10px!important}
.story-studio-v1719{width:min(1120px,calc(100vw - 20px))!important;height:min(820px,calc(100dvh - 20px))!important;max-height:calc(100dvh - 20px)!important;padding:0!important;border-radius:22px!important;background:#06070a!important;border:1px solid #2b313a!important;box-shadow:0 30px 100px rgba(0,0,0,.75)!important;overflow:hidden!important}
.story-studio-v1719 .story169-head{height:58px!important;min-height:58px!important;padding:0 14px!important;background:rgba(9,11,15,.98)!important;border-bottom:1px solid #242a32!important;backdrop-filter:blur(18px)!important}
.story-studio-v1719 .story169-brand-dot{background:#1d9bf0!important;box-shadow:0 0 0 5px rgba(29,155,240,.12)!important}
.story-studio-v1719 .story169-brand small{font-size:7px!important;letter-spacing:.16em!important;color:#6cbfff!important}.story-studio-v1719 .story169-brand h2{font-size:15px!important;font-weight:800!important}
.story-studio-v1719 .story169-head-center{font-size:8px!important;color:#788492!important}
.story-studio-v1719 .story169-publish{min-width:86px!important;height:38px!important;border-radius:999px!important;background:#1d9bf0!important;box-shadow:none!important;font-size:10px!important}
.story-studio-v1719 .story169-publish:hover{background:#198bd8!important}
.story-studio-v1719 .story169-close{width:36px!important;height:36px!important;border:0!important;background:#161b22!important;color:#e7edf3!important;font-size:22px!important}
.story-studio-v1719 .story169-form{height:100%!important;min-height:0!important;position:relative!important;overflow:hidden!important}
.story-studio-v1719 .story169-shell{height:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;grid-template-rows:58px minmax(0,1fr)!important;background:#050608!important;overflow:hidden!important}

/* Compact editor tool tray. */
.story-studio-v1719 .story169-dock{grid-column:1/-1!important;grid-row:1!important;height:58px!important;min-height:58px!important;justify-content:center!important;gap:6px!important;padding:7px 10px!important;background:#0a0d12!important;border-bottom:1px solid #252b33!important;overflow-x:auto!important}
.story-studio-v1719 .story169-dock button,.story-studio-v1719 .story169-dock label{min-width:64px!important;height:40px!important;min-height:40px!important;padding:0 11px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#aab4c0!important;gap:6px!important;transition:.15s ease!important}
.story-studio-v1719 .story169-dock button:hover,.story-studio-v1719 .story169-dock label:hover,.story-studio-v1719 .story169-dock button.active{background:#171d25!important;color:#fff!important}
.story-studio-v1719 .story169-dock button>span,.story-studio-v1719 .story169-dock label>span{font-size:17px!important;color:inherit!important}.story-studio-v1719 .story169-dock b{font-size:8px!important;font-weight:750!important;color:inherit!important}
.story-studio-v1719 .story169-dock svg{width:18px!important;height:18px!important}

/* 9:16 workspace */
.story-studio-v1719 .story169-workspace{grid-column:1!important;grid-row:2!important;display:grid!important;place-items:center!important;padding:12px!important;background:radial-gradient(circle at 50% 30%,rgba(29,155,240,.08),transparent 34%),#050608!important;overflow:hidden!important}
.story-studio-v1719 .story169-canvas-wrap{height:100%!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:0!important}
.story-studio-v1719 .story169-canvas{height:min(calc(100dvh - 170px),670px)!important;width:auto!important;max-height:100%!important;max-width:min(94%,378px)!important;aspect-ratio:9/16!important;border-radius:20px!important;border:1px solid #3a424e!important;background:#08090d!important;box-shadow:0 22px 70px rgba(0,0,0,.55)!important;overflow:hidden!important;touch-action:none!important}
.story-studio-v1719 .story169-guide{top:46%!important;left:12%!important;right:12%!important;color:#66717f!important}.story-studio-v1719 .story169-guide-icon{width:42px!important;height:42px!important;border-radius:50%!important;background:#141a22!important;color:#6cbfff!important;display:grid!important;place-items:center!important;margin:0 auto 8px!important;font-size:23px!important}.story-studio-v1719 .story169-guide b{font-size:11px!important;color:#9aa5b1!important}.story-studio-v1719 .story169-guide small{font-size:8px!important;color:#5f6975!important}
.story-studio-v1719 .story169-canvas-meta{width:min(378px,94%)!important;display:flex!important;justify-content:space-between!important;gap:10px!important;color:#82909d!important;font-size:8px!important}.story-studio-v1719 .story169-canvas-meta small{font-size:7px!important;color:#626d79!important}

/* Selected item: resize from every corner; mobile also supports pinch/rotate. */
.story-studio-v1719 .story-canvas-item{min-width:4px!important;min-height:4px!important;background:transparent!important;box-shadow:none!important;touch-action:none!important;overflow:visible!important}
.story-studio-v1719 .story-canvas-item.selected{outline:1.5px solid rgba(111,199,255,.95)!important;outline-offset:3px!important;box-shadow:0 0 0 4px rgba(29,155,240,.10)!important}
.story-studio-v1719 .story-canvas-item.gesturing{outline-color:#fff!important}
.story-studio-v1719 .story-canvas-item>span{padding:3px!important;line-height:1.05!important;overflow:visible!important}
.story-studio-v1719 .story-canvas-item>span[data-bg="soft"]{padding:7px 9px!important;border-radius:10px!important;background:rgba(0,0,0,.42)!important;backdrop-filter:blur(7px)!important}.story-studio-v1719 .story-canvas-item>span[data-bg="solid"]{padding:7px 9px!important;border-radius:10px!important;background:rgba(0,0,0,.82)!important}
.story-studio-v1719 .story-canvas-item.gif-item img,.story-studio-v1719 .story-canvas-item.image-item img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important;pointer-events:none!important}
.story-studio-v1719 .story-canvas-item.image-item img{object-fit:cover!important;border-radius:12px!important}
.story-studio-v1719 .story-resize-handle{display:none!important;position:absolute!important;width:14px!important;height:14px!important;border-radius:50%!important;background:#fff!important;border:3px solid #1d9bf0!important;box-shadow:0 2px 7px rgba(0,0,0,.5)!important;z-index:8!important}
.story-studio-v1719 .story-canvas-item.selected .story-resize-handle{display:block!important}
.story-studio-v1719 .story-resize-nw{left:-9px!important;top:-9px!important;right:auto!important;bottom:auto!important;cursor:nwse-resize!important}.story-studio-v1719 .story-resize-ne{right:-9px!important;top:-9px!important;left:auto!important;bottom:auto!important;cursor:nesw-resize!important}.story-studio-v1719 .story-resize-sw{left:-9px!important;bottom:-9px!important;right:auto!important;top:auto!important;cursor:nesw-resize!important}.story-studio-v1719 .story-resize-se{right:-9px!important;bottom:-9px!important;left:auto!important;top:auto!important;cursor:nwse-resize!important}
.story-studio-v1719 .story169-floating-tools{position:absolute!important;top:8px!important;left:50%!important;transform:translateX(-50%)!important;z-index:20!important;display:flex!important;gap:4px!important;padding:4px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;background:rgba(8,10,14,.82)!important;backdrop-filter:blur(12px)!important}.story-studio-v1719 .story169-floating-tools[hidden]{display:none!important}.story-studio-v1719 .story169-floating-tools button{width:29px!important;height:29px!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#d7dee6!important}.story-studio-v1719 .story169-floating-tools button:hover{background:#1b222c!important}.story-studio-v1719 .story169-floating-tools .danger:hover{background:#7f1d35!important;color:#fff!important}

/* Inspector / picker surface. */
.story-studio-v1719 .story169-inspector{grid-column:2!important;grid-row:2!important;min-height:0!important;overflow-y:auto!important;border-left:1px solid #252b33!important;background:#0a0d12!important}
.story-studio-v1719 .story169-panel{padding:16px!important;background:transparent!important}
.story-studio-v1719 .story169-panel>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:12px!important}.story-studio-v1719 .story169-panel>header small{font-size:7px!important;letter-spacing:.13em!important;color:#6cbfff!important}.story-studio-v1719 .story169-panel>header h3{margin:2px 0 0!important;font-size:17px!important}.story1719-panel-actions{display:flex!important;align-items:center!important;gap:8px!important}.story-studio-v1719 [data-story-panel-close]{width:32px!important;height:32px!important;border:0!important;border-radius:50%!important;background:#171d25!important;color:#cdd6df!important;font-size:19px!important;display:grid!important;place-items:center!important;cursor:pointer!important}
.story-studio-v1719 .story169-field{gap:6px!important;color:#919daa!important;font-size:8px!important}.story-studio-v1719 .story169-field textarea,.story-studio-v1719 .story169-field select{background:#07090d!important;border:1px solid #303944!important;border-radius:13px!important;color:#eef3f7!important;padding:11px 12px!important;outline:0!important}.story-studio-v1719 .story169-field textarea:focus,.story-studio-v1719 .story169-field select:focus{border-color:#1d9bf0!important;box-shadow:0 0 0 3px rgba(29,155,240,.10)!important}.story-studio-v1719 .story169-field select{appearance:none!important;background-image:linear-gradient(45deg,transparent 50%,#85909d 50%),linear-gradient(135deg,#85909d 50%,transparent 50%)!important;background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important}
.story1719-search{height:42px!important;display:grid!important;grid-template-columns:24px 1fr!important;align-items:center!important;gap:3px!important;padding:0 10px!important;margin-bottom:10px!important;border:1px solid #303944!important;border-radius:13px!important;background:#07090d!important;color:#74808d!important}.story1719-search input{width:100%!important;border:0!important;background:transparent!important;color:#eef3f7!important;outline:0!important;font-size:10px!important}.story1719-search input::placeholder{color:#606b77!important}
.story-studio-v1719 .story169-tabs{display:flex!important;gap:5px!important;overflow-x:auto!important;padding:0 0 8px!important;scrollbar-width:none!important}.story-studio-v1719 .story169-tabs::-webkit-scrollbar{display:none!important}.story-studio-v1719 .story169-tabs button{flex:0 0 auto!important;border:0!important;border-radius:999px!important;background:#151a21!important;color:#98a4b0!important;padding:7px 10px!important;font-size:8px!important;font-weight:750!important}.story-studio-v1719 .story169-tabs button.active{background:#e7edf3!important;color:#0a0d12!important}
.story-studio-v1719 .story169-sticker-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;max-height:390px!important;overflow-y:auto!important;padding:2px!important;scrollbar-width:none!important}.story-studio-v1719 .story169-sticker-grid::-webkit-scrollbar{display:none!important}.story-studio-v1719 .story169-sticker-grid>button{min-width:0!important;aspect-ratio:1!important;padding:7px!important;border:0!important;border-radius:16px!important;background:#10151c!important;color:#8d98a5!important;overflow:hidden!important;cursor:pointer!important}.story-studio-v1719 .story169-sticker-grid>button:hover,.story-studio-v1719 .story169-sticker-grid>button.active{background:#18212b!important;box-shadow:inset 0 0 0 1px #3b79a6!important}.story-studio-v1719 .story169-sticker-grid img{width:100%!important;height:calc(100% - 16px)!important;object-fit:contain!important;background:transparent!important}.story-studio-v1719 .story169-sticker-grid span{display:block!important;margin-top:2px!important;font-size:7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.story-studio-v1719 .story169-emoji-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:4px!important}.story-studio-v1719 .story169-emoji-grid button{aspect-ratio:1!important;border:0!important;border-radius:12px!important;background:transparent!important;font-size:25px!important;cursor:pointer!important;transition:.12s ease!important}.story-studio-v1719 .story169-emoji-grid button:hover{background:#171e27!important;transform:scale(1.08)!important}
.story-studio-v1719 .story169-bg-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.story-studio-v1719 .story169-bg{border:0!important;border-radius:14px!important;background:#11161d!important;padding:6px!important}.story-studio-v1719 .story169-bg i{height:56px!important;border-radius:10px!important}.story-studio-v1719 .story169-bg span{font-size:8px!important;color:#9da7b2!important}
.story-studio-v1719 .story169-layer-grid button,.story-studio-v1719 .story169-secondary,.story-studio-v1719 .story169-danger{border-radius:12px!important}
.story-studio-v1719 .story169-welcome{display:grid!important;align-content:start!important;gap:18px!important}.story-studio-v1719 .story169-welcome .story169-panel-title p{font-size:9px!important;line-height:1.6!important;color:#7e8996!important}.story-studio-v1719 .story169-inspector-footer{display:none!important}

/* Viewer: immersive, clean, gesture-friendly visual hierarchy. */
.story-viewer-backdrop{background:rgba(0,0,0,.94)!important;backdrop-filter:blur(6px)!important}
.story-viewer{border:0!important;background:#050608!important;box-shadow:0 30px 110px rgba(0,0,0,.75)!important}
.story-viewer>header{padding:20px 12px 10px!important;background:linear-gradient(180deg,rgba(0,0,0,.70),transparent)!important}.story-viewer>header button{background:rgba(10,12,16,.50)!important;backdrop-filter:blur(8px)!important}.story-progress{top:7px!important;left:10px!important;right:10px!important;height:2px!important;background:rgba(255,255,255,.25)!important}.story-progress i{background:#fff!important}
.story-nav{background:transparent!important;color:rgba(255,255,255,.72)!important;text-shadow:0 2px 10px #000!important}.story-prev{left:2px!important}.story-next{right:2px!important}

@media(max-width:900px){
 .story-create-backdrop{padding:0!important;place-items:stretch!important}
 .story-studio-v1719{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:100dvh!important;border:0!important;border-radius:0!important}
 .story-studio-v1719 .story169-head{height:54px!important;min-height:54px!important;padding:0 9px!important;grid-template-columns:minmax(0,1fr) auto!important}.story-studio-v1719 .story169-head-center{display:none!important}.story-studio-v1719 .story169-brand h2{font-size:14px!important}.story-studio-v1719 .story169-brand small{display:none!important}.story-studio-v1719 .story169-publish{height:36px!important;min-width:74px!important;padding:0 14px!important}.story-studio-v1719 .story169-close{width:34px!important;height:34px!important}
 .story-studio-v1719 .story169-shell{position:relative!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) 64px!important;height:calc(100dvh - 54px)!important;overflow:hidden!important}
 .story-studio-v1719 .story169-workspace{grid-column:1!important;grid-row:1!important;padding:7px!important;overflow:hidden!important;align-items:center!important}
 .story-studio-v1719 .story169-canvas-wrap{justify-content:center!important;gap:0!important}
 .story-studio-v1719 .story169-canvas{height:min(calc(100dvh - 132px),calc(100vw * 16 / 9))!important;width:auto!important;max-width:100%!important;max-height:calc(100dvh - 132px)!important;border-radius:16px!important}
 .story-studio-v1719 .story169-canvas-meta{display:none!important}
 .story-studio-v1719 .story169-dock{grid-column:1!important;grid-row:2!important;position:relative!important;height:64px!important;min-height:64px!important;justify-content:space-around!important;gap:2px!important;padding:6px max(5px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left))!important;border-top:1px solid #252b33!important;border-bottom:0!important;background:rgba(8,10,14,.98)!important;backdrop-filter:blur(18px)!important;z-index:35!important}
 .story-studio-v1719 .story169-dock button,.story-studio-v1719 .story169-dock label{flex:1 0 50px!important;min-width:50px!important;max-width:74px!important;height:50px!important;min-height:50px!important;padding:0 5px!important;border-radius:13px!important;display:grid!important;grid-template-rows:24px auto!important;gap:1px!important;place-items:center!important}.story-studio-v1719 .story169-dock button>span,.story-studio-v1719 .story169-dock label>span{font-size:20px!important}.story-studio-v1719 .story169-dock b{display:block!important;font-size:7px!important;font-weight:700!important}
 .story-studio-v1719 .story169-inspector{position:absolute!important;left:7px!important;right:7px!important;bottom:69px!important;z-index:50!important;grid-column:auto!important;grid-row:auto!important;max-height:min(46dvh,420px)!important;min-height:0!important;border:1px solid #303844!important;border-radius:24px!important;background:rgba(12,15,20,.98)!important;box-shadow:0 -18px 60px rgba(0,0,0,.55)!important;backdrop-filter:blur(20px)!important;overflow-y:auto!important;overscroll-behavior:contain!important}
 .story-studio-v1719 .story169-form:not(.story-panel-open) .story169-inspector{display:none!important}
 .story-studio-v1719 .story169-welcome{display:none!important}
 .story-studio-v1719 .story169-panel{padding:14px!important}.story-studio-v1719 .story169-panel:before{content:"";display:block;width:40px;height:4px;border-radius:99px;background:#39414b;margin:-5px auto 10px}
 .story-studio-v1719 .story169-sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-height:30dvh!important}.story-studio-v1719 .story169-sticker-grid>button{padding:5px!important;border-radius:13px!important}.story-studio-v1719 .story169-sticker-grid span{display:none!important}.story-studio-v1719 .story169-sticker-grid img{height:100%!important}
 .story-studio-v1719 .story169-emoji-grid{grid-template-columns:repeat(7,1fr)!important}.story-studio-v1719 .story169-emoji-grid button{font-size:27px!important}
 .story-studio-v1719 .story169-bg-grid{grid-template-columns:repeat(3,1fr)!important}.story-studio-v1719 .story169-bg i{height:45px!important}
 .story-studio-v1719 .story169-floating-tools{top:6px!important}
 .story-studio-v1719 .story-resize-handle{width:13px!important;height:13px!important;border-width:2px!important}
 .story-studio-v1719 .story169-panel textarea{font-size:16px!important} /* avoids iOS zoom */
 .story-viewer-backdrop{padding:0!important;place-items:stretch!important}.story-viewer{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0!important}.story-viewer>header{padding-top:max(20px,calc(11px + env(safe-area-inset-top)))!important}.story-nav{top:68px!important;bottom:100px!important;height:auto!important;transform:none!important;width:27%!important;color:transparent!important;z-index:6!important}.story-prev{left:0!important}.story-next{right:0!important}.story-viewer>footer{bottom:max(10px,env(safe-area-inset-bottom))!important}
}

@media(max-width:520px){
 body.user-shell .stories-track{gap:10px!important;padding-left:2px!important}.story-studio-v1719 .story169-canvas{height:min(calc(100dvh - 126px),calc(100vw * 16 / 9))!important;max-height:calc(100dvh - 126px)!important}.story-studio-v1719 .story169-dock b{font-size:6.5px!important}.story-studio-v1719 .story169-dock button,.story-studio-v1719 .story169-dock label{min-width:46px!important;padding:0 3px!important}.story-studio-v1719 .story169-emoji-grid{grid-template-columns:repeat(6,1fr)!important}.story-studio-v1719 .story169-bg-grid{grid-template-columns:repeat(2,1fr)!important}
}


/* ============================================================
   HarmoniReverb NEXT v1.7.20 — MaviHikâye sticker grid + movable music
   ============================================================ */
.story-studio-v1719 .story169-sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:86px!important;align-items:stretch!important;gap:9px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:3px!important}
.story-studio-v1719 .story169-sticker-grid>button{display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;place-items:center!important;width:100%!important;height:86px!important;min-height:86px!important;max-height:86px!important;aspect-ratio:auto!important;padding:7px!important;border:1px solid #252d37!important;border-radius:15px!important;background:#0d1218!important;overflow:hidden!important;box-sizing:border-box!important}
.story-studio-v1719 .story169-sticker-grid>button[hidden]{display:none!important}
.story-studio-v1719 .story169-sticker-grid>button img{display:block!important;width:58px!important;height:58px!important;max-width:100%!important;max-height:58px!important;object-fit:contain!important;object-position:center!important;margin:auto!important;flex:none!important}
.story-studio-v1719 .story169-sticker-grid>button span{display:block!important;width:100%!important;margin:2px 0 0!important;font-size:7px!important;line-height:1!important;color:#8c98a6!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.story-music-style-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0 12px}
.story-music-style-picker>button{min-width:0;display:grid;grid-template-rows:44px auto;gap:5px;place-items:center;padding:7px 4px;border:1px solid #28313b;border-radius:13px;background:#0c1117;color:#8995a2;cursor:pointer}
.story-music-style-picker>button:hover,.story-music-style-picker>button.active{border-color:#1d9bf0;background:#101e2a;color:#eaf6ff;box-shadow:inset 0 0 0 1px rgba(29,155,240,.18)}
.story-music-style-picker>button>span{font-size:7px;font-weight:800}.music-style-demo{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:#151d26;overflow:hidden;font-style:normal;color:#60c8ff}.demo-card{width:48px;height:34px;border-radius:8px}.demo-card span{position:absolute;left:4px;top:5px;width:22px;height:22px;border-radius:5px;background:linear-gradient(145deg,#1d9bf0,#8b5cf6)}.demo-card b{position:absolute;left:29px;right:4px;top:8px;height:4px;border-radius:4px;background:#e9eef3;box-shadow:0 8px 0 #64707d}.demo-cover{background:linear-gradient(145deg,#1d9bf0,#8b5cf6)}.demo-vinyl{border-radius:50%;background:radial-gradient(circle,#111 0 7%,#55bbff 8% 14%,#090b0f 15% 55%,#1f2731 56% 60%,#06080b 61%)}.demo-vinyl b{width:13px;height:13px;border-radius:50%;background:#ee5b9a}.demo-minimal{border-radius:999px;font-size:21px;background:#111a23}
.story-studio-v1719 .story-canvas-item.music-item{min-width:54px!important;min-height:44px!important;overflow:visible!important;border-radius:14px!important}
.story-canvas-item.music-item .story-music-visual{width:100%;height:100%;pointer-events:none;user-select:none}
.story-music-visual{box-sizing:border-box;display:flex;align-items:center;min-width:0;color:#fff}
.music-card-view{display:grid!important;grid-template-columns:minmax(34px,22%) minmax(0,1fr) minmax(30px,16%);gap:7px;align-items:center;padding:7px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(7,10,14,.84);backdrop-filter:blur(14px);box-shadow:0 8px 26px rgba(0,0,0,.28)}
.story-music-visual-cover{width:100%;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:linear-gradient(145deg,#16202b,#263748);color:#6dccff;font-size:18px}.story-music-visual-cover img{width:100%;height:100%;object-fit:cover!important;border-radius:0!important}
.story-music-visual-copy{min-width:0;display:block}.story-music-visual-copy small,.story-music-visual-copy strong,.story-music-visual-copy em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-music-visual-copy small{font-size:7px;color:#6dccff}.story-music-visual-copy strong{font-size:10px;line-height:1.15;margin:2px 0;color:#fff}.story-music-visual-copy em{font-size:7px;color:#a0a9b3;font-style:normal}
.music-card-view button{width:100%;aspect-ratio:1;border:0;border-radius:50%;display:grid;place-items:center;background:#1d9bf0;color:#fff;font-weight:900;font-size:10px;pointer-events:auto;cursor:pointer}
.music-cover-only{position:relative;display:grid!important;place-items:center;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#172332,#24364a);box-shadow:0 10px 30px rgba(0,0,0,.35)}.music-cover-only>img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}.music-cover-only>span{position:absolute;right:6px;bottom:6px;width:24%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.68);color:#fff;font-size:12px;border:1px solid rgba(255,255,255,.2)}
.music-vinyl-view{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding:5px 8px;border-radius:999px;background:rgba(5,7,10,.72);backdrop-filter:blur(10px)}.story-vinyl-disc{position:relative;height:100%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#06080a 0 5px,#151a20 6px 8px);box-shadow:0 7px 20px rgba(0,0,0,.38)}.story-vinyl-disc>b{position:absolute;inset:30%;border-radius:50%;background:#1d9bf0 center/cover no-repeat;box-shadow:0 0 0 2px #090b0e}.music-vinyl-view>span,.music-minimal-view>span{min-width:0}.music-vinyl-view strong,.music-vinyl-view small,.music-minimal-view strong,.music-minimal-view small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-vinyl-view strong,.music-minimal-view strong{font-size:9px;color:#fff}.music-vinyl-view small,.music-minimal-view small{font-size:7px;color:#9ca7b3;margin-top:2px}
.music-minimal-view{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(8,12,17,.78);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.13)}.music-minimal-view>i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#1d9bf0;color:#fff;font-size:16px;font-style:normal}
.story-render-music{overflow:visible!important}.story-render-music .story-music-visual{width:100%;height:100%}.story-render-music .music-card-view button{pointer-events:auto}.story-render-music .music-vinyl-view,.story-render-music .music-minimal-view,.story-render-music .music-card-view,.story-render-music .music-cover-only{width:100%;height:100%}
.story-render-music .story-music-visual-cover img,.story-render-music .music-cover-only>img{width:100%;height:100%;object-fit:cover!important;border-radius:0!important}
.story-viewer .story-progress{z-index:30!important;top:8px!important;left:12px!important;right:12px!important;height:3px!important;pointer-events:none!important}
.story-viewer .story-music[hidden]{display:none!important}
@media(max-width:900px){
 .story-studio-v1719 .story169-sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:68px!important;gap:7px!important;max-height:34dvh!important}
 .story-studio-v1719 .story169-sticker-grid>button{height:68px!important;min-height:68px!important;max-height:68px!important;padding:5px!important;border-radius:12px!important}
 .story-studio-v1719 .story169-sticker-grid>button img{width:52px!important;height:52px!important;max-height:52px!important}.story-studio-v1719 .story169-sticker-grid>button span{display:none!important}
 .story-music-style-picker{gap:5px;margin:8px 0 10px}.story-music-style-picker>button{grid-template-rows:37px auto;padding:5px 2px}.music-style-demo{width:36px;height:36px}.demo-card{width:40px;height:30px}.story-music-style-picker>button>span{font-size:6.5px}
}


/* ============================================================
   HarmoniReverb NEXT v1.7.22 — Hikâye fotoğraf katmanı kontrolü
   ============================================================ */
/* Tam ekran fotoğrafta köşe tutamaçları canvas dışında kırpılmasın;
   seçili öğenin dört köşesi masaüstü ve mobilde daima erişilebilir. */
.story-studio-v1719 .story-canvas-item.image-item.selected .story-resize-nw{left:5px!important;top:5px!important}
.story-studio-v1719 .story-canvas-item.image-item.selected .story-resize-ne{right:5px!important;top:5px!important}
.story-studio-v1719 .story-canvas-item.image-item.selected .story-resize-sw{left:5px!important;bottom:5px!important}
.story-studio-v1719 .story-canvas-item.image-item.selected .story-resize-se{right:5px!important;bottom:5px!important}
.story-studio-v1719 .story-canvas-item.image-item.selected{outline:2px solid rgba(111,199,255,.96)!important;outline-offset:-2px!important}
.story-studio-v1719 .story-canvas-item.image-item{cursor:grab!important}
.story-studio-v1719 .story-canvas-item.image-item:active{cursor:grabbing!important}
@media(max-width:900px){
 .story-studio-v1719 .story-canvas-item.image-item.selected .story-resize-handle{width:18px!important;height:18px!important;border-width:3px!important}
 .story-studio-v1719 .story-canvas-item.image-item.selected .story-resize-nw{left:7px!important;top:7px!important}
 .story-studio-v1719 .story-canvas-item.image-item.selected .story-resize-ne{right:7px!important;top:7px!important}
 .story-studio-v1719 .story-canvas-item.image-item.selected .story-resize-sw{left:7px!important;bottom:7px!important}
 .story-studio-v1719 .story-canvas-item.image-item.selected .story-resize-se{right:7px!important;bottom:7px!important}
}

/* ============================================================
   HarmoniReverb NEXT v1.7.23 — sosyal akış, hikâye ve mesaj UX
   ============================================================ */

/* Akış: Sahne hakkı Keşfet'e aittir; akışta yalnız sakin bir yardım satırı kalır. */
body.user-shell .feed-utility-row{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  min-width:0!important;margin:0 2px 10px!important;padding:0 2px!important;color:#65717d!important;
}
body.user-shell .feed-utility-row>span{min-width:0;font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.user-shell .feed-help-chip{
  flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:34px!important;
  padding:6px 10px!important;border:1px solid #293541!important;border-radius:999px!important;background:#0d1319!important;color:#9ba8b4!important;
  box-shadow:none!important;font-size:9px!important;cursor:pointer!important;
}
body.user-shell .feed-help-chip:hover{border-color:#347ea8!important;background:#111b24!important;color:#dceaf3!important}
body.user-shell .feed-help-chip i{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#172636;color:#55bdf8;font-style:normal;font-size:10px;font-weight:900}
body.user-shell .feed-help-chip b{font-size:9px!important;font-weight:800!important;color:inherit!important}
body.user-shell .feed-status-actions,body.user-shell .feed-stage-chip{display:none!important}

/* X tarzı yeni gönderi bildirimi: akış aşağıdayken yeni içerik geldiğinde tepede görünür. */
body.user-shell .feed-new-posts[hidden]{display:none!important}
body.user-shell .feed-new-posts{
  position:sticky!important;top:76px!important;z-index:145!important;display:flex!important;align-items:center!important;gap:10px!important;
  width:max-content!important;max-width:calc(100% - 24px)!important;min-height:43px!important;margin:7px auto -50px!important;padding:6px 13px 6px 8px!important;
  border:1px solid #315a76!important;border-radius:999px!important;background:rgba(12,20,27,.96)!important;color:#eaf6fd!important;
  box-shadow:0 12px 34px rgba(0,0,0,.42),inset 0 0 0 1px rgba(29,155,240,.08)!important;backdrop-filter:blur(15px)!important;cursor:pointer!important;
}
body.user-shell .feed-new-avatars{display:flex;align-items:center;padding-left:3px}
body.user-shell .feed-new-avatars>span{width:27px;height:27px;margin-left:-6px;display:grid;place-items:center;overflow:hidden;border:2px solid #0c141b;border-radius:50%;background:#1b2a37;color:#85d2ff;font-size:9px;font-weight:900}
body.user-shell .feed-new-avatars>span:first-child{margin-left:0}.feed-new-avatars img{width:100%;height:100%;object-fit:cover}
body.user-shell .feed-new-post-copy{display:block;min-width:0;text-align:left}.user-shell .feed-new-post-copy b,.user-shell .feed-new-post-copy small{display:block;white-space:nowrap}
body.user-shell .feed-new-post-copy b{font-size:9.5px!important;color:#edf8ff!important}.user-shell .feed-new-post-copy small{margin-top:1px;font-size:7px!important;color:#7fa1b8!important}

/* 30 saniyelik oynatıcı: açık renkli eski buton kalmasın. */
body.user-shell .mk-audio-pill{
  display:inline-flex!important;align-items:center!important;gap:8px!important;min-width:92px!important;min-height:42px!important;padding:5px 10px 5px 6px!important;
  border:1px solid #28506a!important;border-radius:999px!important;background:linear-gradient(180deg,#101a23,#0a1118)!important;color:#dff4ff!important;box-shadow:none!important;cursor:pointer!important;
}
body.user-shell .mk-audio-pill:hover,body.user-shell .mk-audio-pill.playing{border-color:#1d9bf0!important;background:#112536!important}
body.user-shell .mk-audio-pill-icon{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#1d9bf0!important;color:#fff!important;flex:0 0 30px!important}
body.user-shell .mk-audio-pill-icon svg{width:15px!important;height:15px!important}.user-shell .mk-audio-pill-copy{display:block!important;line-height:1.05!important;text-align:left!important}.user-shell .mk-audio-pill-copy b{display:block!important;font-size:9px!important;color:#eef8ff!important}.user-shell .mk-audio-pill-copy small{display:block!important;margin-top:2px!important;font-size:7px!important;color:#8099aa!important}
body.user-shell button[data-preview-src][data-player-label="30 sn dinle"]:not(.cover-play):not(.mk-audio-pill):not(.home-chart-listen):not(.duel-cover){min-height:40px!important;padding:7px 12px!important;border:1px solid #2b526b!important;border-radius:999px!important;background:#0d1821!important;color:#8cd7ff!important;box-shadow:none!important}
body.user-shell button[data-preview-src][data-player-label="30 sn dinle"] .inline-player-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#1d9bf0;color:#fff}
body.user-shell button[data-preview-src][data-player-label="30 sn dinle"] .inline-player-icon svg{width:13px;height:13px}

/* Mesajlaşma: kompakt konuşma listesi + modern yazma alanı. */
body.user-shell.page-messages .thread-conversations{padding:12px!important;background:#0b0e13!important;border-color:#252d37!important;border-radius:18px!important}
body.user-shell.page-messages .thread-conversations-head{margin-bottom:9px!important}.user-shell.page-messages .thread-conversations-head h2{color:#f1f5f8!important;font-size:17px!important}.user-shell.page-messages .thread-conversations-head>a{width:34px;height:34px;border:1px solid #2e4658;border-radius:11px;background:#101c25;color:#60c5ff!important}
body.user-shell.page-messages .thread-search{margin-bottom:8px!important;padding:7px 10px!important;border:1px solid #27313c!important;border-radius:12px!important;background:#080b10!important}.user-shell.page-messages .thread-search input{font-size:10px!important;color:#e4eaf0!important}.user-shell.page-messages .thread-search input::placeholder{color:#5d6976!important}
body.user-shell.page-messages .thread-conversation-list{display:grid!important;align-content:start!important;grid-auto-rows:max-content!important;gap:4px!important;min-height:0!important}
body.user-shell.page-messages .thread-conversation-item{
  min-height:64px!important;height:auto!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;
  padding:8px 9px!important;border:1px solid transparent!important;border-radius:13px!important;background:transparent!important;color:#b4bec7!important;
}
body.user-shell.page-messages .thread-conversation-item:hover{background:#10151c!important;border-color:#252e39!important}
body.user-shell.page-messages .thread-conversation-item.active{background:linear-gradient(90deg,#102231,#0e151d)!important;border-color:#28516c!important;box-shadow:inset 3px 0 0 #1d9bf0!important}
body.user-shell.page-messages .thread-conversation-item .avatar{width:42px!important;height:42px!important;flex-basis:42px!important}
body.user-shell.page-messages .thread-conversation-item b{font-size:10.5px!important;color:#f0f4f7!important}.user-shell.page-messages .thread-conversation-item span{font-size:8px!important;color:#71808e!important}.user-shell.page-messages .thread-conversation-item small{font-size:8.5px!important;color:#8d99a4!important;margin-top:2px!important}
body.user-shell.page-messages .thread-conversation-item>i{min-width:20px;height:20px;background:#1d9bf0!important;font-size:7px!important}
body.user-shell.page-messages .modern-message-composer{padding:10px 12px max(10px,env(safe-area-inset-bottom))!important;background:#090d12!important;border-top:1px solid #252e38!important}
body.user-shell.page-messages .message-compose-main{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;align-items:end!important;padding:5px!important;border:1px solid #2b3541!important;border-radius:18px!important;background:#070a0f!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important}
body.user-shell.page-messages .message-compose-main textarea{min-height:44px!important;max-height:126px!important;padding:11px 12px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#eef3f7!important;font-size:12px!important;line-height:1.4!important;box-shadow:none!important;resize:none!important}
body.user-shell.page-messages .message-compose-main textarea::placeholder{color:#65717e!important}.user-shell.page-messages .message-compose-main textarea:focus{box-shadow:none!important;background:transparent!important}
body.user-shell.page-messages .message-send-btn{width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#1d9bf0!important;color:#fff!important;box-shadow:0 7px 18px rgba(29,155,240,.22)!important}
body.user-shell.page-messages .message-send-btn svg{width:18px;height:18px}
body.user-shell.page-messages .message-compose-tools{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;padding:8px 1px 0!important;margin:0!important}
body.user-shell.page-messages .message-compose-tools>.mk-select{width:auto!important;min-width:165px!important;max-width:225px!important;flex:0 1 205px!important}
body.user-shell.page-messages .message-compose-tools .mk-select-trigger{min-height:39px!important;padding:5px 8px!important;border-color:#293541!important;border-radius:12px!important;background:#0c1117!important}
body.user-shell.page-messages .message-compose-tools .mk-select-trigger-media{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:8px!important}.user-shell.page-messages .message-compose-tools .mk-select-trigger-copy b{font-size:8.5px!important}.user-shell.page-messages .message-compose-tools .mk-select-trigger-copy small{display:none!important}
body.user-shell.page-messages .attach-profile-check{position:relative!important;display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:39px!important;padding:7px 11px!important;border:1px solid #293541!important;border-radius:12px!important;background:#0c1117!important;color:#aab5bf!important;cursor:pointer!important;font-size:8.5px!important}
body.user-shell.page-messages .attach-profile-check input{position:absolute!important;opacity:0!important;pointer-events:none!important}.user-shell.page-messages .attach-profile-check span{font-size:13px!important}.user-shell.page-messages .attach-profile-check b{font-size:8.5px!important;color:#bfc9d1!important}.user-shell.page-messages .attach-profile-check:has(input:checked){border-color:#2788c1!important;background:#102333!important;color:#dff4ff!important}.user-shell.page-messages .attach-profile-check:has(input:checked):after{content:"✓";color:#55c3ff;font-weight:900}

/* Hikâye oluştur + ve fotoğraf: kırpma yok; katman en-boy oranını korur. */
body.user-shell .story-create-media{overflow:visible!important;border-color:#364654!important;box-shadow:0 0 0 2px rgba(29,155,240,.06)!important}
body.user-shell .story-create-media>i{right:-3px!important;bottom:-3px!important;width:27px!important;height:27px!important;border:3px solid #07090d!important;background:#1d9bf0!important;color:#fff!important;box-shadow:0 0 0 2px rgba(29,155,240,.28),0 5px 13px rgba(0,0,0,.38)!important;font-size:18px!important;font-weight:900!important;z-index:8!important}
.story-studio-v1719 .story-canvas-item.image-item img,.story-render-image img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:transparent!important}
.story-viewer{touch-action:pan-y!important}

/* Sanatçı seçkileri: yönetim, yayın kartları ve profil çağrısı tek koyu tema. */
body.user-shell .playlist-manager{color:#edf3f6!important}
body.user-shell .playlist-manager-hero,body.user-shell .playlist-form,body.user-shell .playlist-manage-card,body.user-shell .playlist-card,body.user-shell .playlist-empty-cta,body.user-shell .artist-editor-links{
  background:linear-gradient(180deg,#10151b,#0b0f14)!important;border:1px solid #29323d!important;color:#edf3f6!important;box-shadow:none!important;
}
body.user-shell .playlist-manager-hero{border-radius:20px!important;padding:20px!important}.user-shell .playlist-manager-hero h1,.user-shell .playlist-form h2,.user-shell .playlist-manager-list h2,.user-shell .playlist-manage-card h3,.user-shell .playlist-provider b,.user-shell .playlist-empty-cta h3,.user-shell .artist-editor-links b{color:#f2f7fa!important}
body.user-shell .playlist-manager-hero p,.user-shell .playlist-manage-card p,.user-shell .playlist-card>p,.user-shell .playlist-empty-cta p,.user-shell .artist-editor-links small{color:#8896a3!important}
body.user-shell .playlist-form{border-radius:20px!important}.user-shell .playlist-form label{color:#aab6c0!important}.user-shell .playlist-form input,.user-shell .playlist-form textarea,.user-shell .playlist-form select{background:#070a0e!important;color:#edf3f6!important;border-color:#303a45!important}.user-shell .playlist-form input::placeholder,.user-shell .playlist-form textarea::placeholder{color:#596675!important}.user-shell .playlist-form input:focus,.user-shell .playlist-form textarea:focus,.user-shell .playlist-form select:focus{border-color:#1d9bf0!important;box-shadow:0 0 0 3px rgba(29,155,240,.09)!important}
body.user-shell .playlist-supported span{background:#111821!important;border-color:#2b3844!important;color:#8999a6!important}.user-shell .playlist-checks span{background:#0c1218!important;border-color:#2b3742!important;color:#9ca9b3!important}.user-shell .playlist-checks input:checked+span{background:#102a36!important;border-color:#267aa7!important;color:#75ccf8!important}
body.user-shell .playlist-manage-grid{gap:12px!important}.user-shell .playlist-manage-card{border-radius:17px!important}.user-shell .playlist-stats span{background:#0b1218!important;border:1px solid #28333e!important;color:#7e8c98!important}.user-shell .playlist-stats b{color:#e9f6fd!important}.user-shell .featured-status{color:#6ec9f8!important}.user-shell .playlist-manage-actions .btn.ghost{background:#0d141b!important;border-color:#31404d!important;color:#b9c5ce!important}
body.user-shell .playlist-tags span{background:#111923!important;border-color:#2b3946!important;color:#98a7b3!important}.user-shell .playlist-player-shell{background:#070b0f!important;border-color:#26323d!important}.user-shell .playlist-featured{background:#102638!important;color:#78ccfa!important;border-color:#275a79!important}.user-shell .artist-playlists-section>.section-head,.user-shell .playlist-empty-cta{background:#0d1218!important;border-color:#28333e!important}.user-shell .artist-editor-links{border-radius:16px!important}.user-shell .artist-editor-links .btn.ghost{background:#0c141b!important;color:#c7d3dc!important;border-color:#31404c!important}

/* Mobil profil editöründe sola kayma / yatay overflow engeli. */
@media(max-width:820px){
 body.user-shell .editor-page,body.user-shell .profile-editor,body.user-shell .editor-card,body.user-shell .gallery-editor-card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:hidden!important}
 body.user-shell .editor-page{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}
 body.user-shell .editor-page .two,body.user-shell .editor-page .platform-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important}
 body.user-shell .editor-page label,body.user-shell .editor-page input,body.user-shell .editor-page textarea,body.user-shell .editor-page select,body.user-shell .editor-page .modern-file,body.user-shell .artist-editor-links{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
 body.user-shell .editor-page input,body.user-shell .editor-page textarea,body.user-shell .editor-page select{width:100%!important}
 body.user-shell .theme-grid,body.user-shell .genre-pills{max-width:100%!important;min-width:0!important;overflow:hidden!important}
 body.user-shell .artist-editor-links{align-items:stretch!important}.user-shell .artist-editor-links .btn{width:100%!important;justify-content:center!important}
}

@media(max-width:900px){
 body.user-shell .feed-new-posts{top:67px!important;min-height:41px!important;margin-bottom:-47px!important}
 body.user-shell .feed-utility-row>span{display:none!important}.user-shell .feed-utility-row{justify-content:flex-end!important;margin-bottom:7px!important}
 body.user-shell.page-messages .message-compose-tools{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important}
 body.user-shell.page-messages .message-compose-tools>.mk-select{width:100%!important;max-width:none!important;min-width:0!important;flex:none!important}.user-shell.page-messages .attach-profile-check{grid-column:1/-1!important;justify-content:center!important;width:100%!important}
}

/* V1.7.23 son rötuşlar: genel 30 sn, mesaj içi ses ve mobil profil taşması. */
body.user-shell .home-chart-listen{min-height:42px!important;padding:6px 13px!important;border:1px solid #2b526b!important;border-radius:999px!important;background:linear-gradient(180deg,#101a23,#0a1118)!important;color:#9ddcff!important;box-shadow:none!important;font-size:9.5px!important}
body.user-shell .home-chart-listen:hover,body.user-shell .home-chart-listen.playing{border-color:#1d9bf0!important;background:#112536!important;color:#eefaff!important}
body.user-shell .home-chart-listen svg{width:15px!important;height:15px!important}
body.user-shell.page-messages .message-audio-pill{min-width:78px!important;min-height:36px!important;padding:4px 8px 4px 5px!important}.user-shell.page-messages .message-audio-pill .mk-audio-pill-icon{width:26px!important;height:26px!important;flex-basis:26px!important}.user-shell.page-messages .message-audio-pill .mk-audio-pill-copy b{font-size:8px!important}.user-shell.page-messages .message-audio-pill .mk-audio-pill-copy small{font-size:6.5px!important}
@media(max-width:820px){
 body.user-shell{overflow-x:hidden!important}
 body.user-shell .editor-page,body.user-shell .editor-page *{box-sizing:border-box;min-width:0}
 body.user-shell .editor-page{overflow-x:clip!important;width:100%!important;max-width:100vw!important}
 body.user-shell .editor-page .profile-editor,body.user-shell .editor-page .editor-card,body.user-shell .editor-page .gallery-upload-form,body.user-shell .editor-page .gallery-editor-grid,body.user-shell .editor-page .animated-avatar-form,body.user-shell .editor-page .avatar-frame-options{width:100%!important;max-width:100%!important;min-width:0!important}
 body.user-shell .editor-page .avatar-frame-options,body.user-shell .editor-page .gallery-editor-grid{overflow-x:auto!important;overscroll-behavior-inline:contain!important}
}