:root {
  --bg:#020b1c; --panel:#07152b; --soft:#0c2342; --line:#17345d;
  --text:#f7faff; --muted:#9aabc4; --purple:#052b63; --pink:#0877c9;
}
* { box-sizing:border-box; }
html { color-scheme:dark; }
body { margin:0; min-width:320px; overflow-x:hidden; background:var(--bg); color:var(--text); font-family:Inter,system-ui,-apple-system,sans-serif; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
button { cursor:pointer; }
img,video { display:block; max-width:100%; }
.wordmark { display:inline-flex; align-items:center; flex:0 0 78px; width:78px; height:64px; overflow:hidden; color:transparent; font-size:0; background:url('/images/yusi-logo.png?v=20260813-2') center/contain no-repeat; filter:drop-shadow(0 5px 15px #0088ff45); }
.wordmark img { display:block; width:132px; height:48px; object-fit:contain; object-position:left center; }
.wordmark.compact img { width:92px; height:34px; }
.panel { background:var(--panel); border:1px solid var(--line); border-radius:18px; }
.primary-action,.small-primary { display:inline-flex; align-items:center; justify-content:center; border:0; color:#fff; font-weight:750; background:linear-gradient(135deg,var(--purple),var(--pink)); border-radius:11px; padding:11px 18px; }
.primary-action { width:100%; min-height:46px; }
.secondary-action,.upload-chip { display:inline-flex; align-items:center; justify-content:center; padding:9px 13px; background:var(--soft); border:1px solid var(--line); border-radius:10px; }
.empty { min-height:180px; padding:40px 20px; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; color:var(--muted); }
.empty b { color:var(--text); font-size:1.1rem; }
.empty i { font-size:3rem; font-style:normal; }
.toast-note { position:fixed; z-index:100; right:20px; top:20px; max-width:calc(100vw - 40px); padding:12px 18px; border:1px solid var(--line); border-radius:12px; background:#282834; }

/* Application shell */
.app-frame { min-height:100vh; }
.desktop-nav { position:fixed; z-index:30; inset:0 auto 0 0; width:245px; padding:30px 24px; border-right:1px solid var(--line); background:#0b0b0ff2; display:flex; flex-direction:column; }
.desktop-nav nav { display:grid; gap:8px; margin-top:42px; }
.desktop-nav nav a { display:flex; align-items:center; gap:13px; padding:14px; border-radius:14px; font-size:1.05rem; }
.desktop-nav nav a:hover { background:var(--soft); }
.desktop-nav form { margin-top:auto; }
.nav-logout { padding:10px; border:0; background:none; color:var(--muted); }
.page { min-height:100vh; margin-left:245px; padding:32px; }
.mobile-nav,.mobile-head { display:none; }
.content-narrow { width:min(650px,100%); margin:auto; }
.content-wide { width:min(1100px,100%); margin:auto; }

/* Forms and authentication */
.form-panel { padding:28px; }
.form-panel h1 { margin-top:0; }
.form-panel form,.auth-card form { display:grid; gap:15px; }
.form-panel label,.auth-card label { display:grid; gap:7px; color:var(--muted); font-size:.85rem; }
.form-panel input,.form-panel textarea,.auth-card input,.section-title input { width:100%; min-width:0; padding:12px; border:1px solid var(--line); border-radius:10px; outline:0; background:var(--soft); color:#fff; }
.form-panel textarea { min-height:110px; resize:vertical; }
.check { display:flex!important; flex-direction:row!important; align-items:center; gap:8px!important; }
.check input { width:auto; }
.auth-body { min-height:100vh; padding:20px; display:grid; place-items:center; background:radial-gradient(circle at 30% 20%,#0877c945,transparent 36%),linear-gradient(145deg,#020817,#031b4e 120%); }
.auth-card { width:min(430px,100%); padding:38px; border:1px solid var(--line); border-radius:24px; background:#07152bf2; box-shadow:0 30px 90px #0008; }
.auth-card h1 { margin:30px 0 6px; }
.auth-card>p,.auth-switch { color:var(--muted); }
.auth-switch { margin-top:22px; text-align:center; }
.auth-switch a { color:#8293ff; font-weight:700; }

/* Feed */
.feed-wrap { width:min(620px,100%); margin:auto; }
.stories { display:flex; gap:16px; overflow-x:auto; padding:8px 2px 22px; scrollbar-width:none; }
.story { width:72px; flex:0 0 72px; text-align:center; overflow:hidden; }
.story i { width:66px; height:66px; padding:3px; display:grid; place-items:center; margin:auto; border-radius:50%; background:linear-gradient(145deg,#4f69d9,#263ba9,#17116f); font-style:normal; font-weight:800; }
.story i img { width:100%; height:100%; object-fit:cover; border:3px solid var(--bg); border-radius:50%; }
.story span { display:block; margin-top:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.73rem; }
.create-post { margin-bottom:18px; padding:16px; }
.create-post textarea { width:100%; min-height:58px; padding:0; resize:none; outline:0; border:0; background:none; color:#fff; }
.create-post form>div { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.post { margin-bottom:20px; overflow:hidden; }
.post>header { min-height:62px; padding:12px 15px; display:flex; align-items:center; justify-content:space-between; }
.user-line { min-width:0; display:flex; align-items:center; gap:10px; }
.mini-photo { width:36px; height:36px; flex:0 0 36px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(135deg,var(--purple),var(--pink)); font-weight:800; }
.post-media { width:100%; display:flex; overflow-x:auto; background:#08080b; scroll-snap-type:x mandatory; }
.post-media img,.post-media video { width:100%; flex:0 0 100%; max-height:680px; object-fit:contain; scroll-snap-align:start; }
.post-actions { display:flex; gap:12px; padding:10px 13px; }
.post-actions button { padding:2px; border:0; background:none; color:#fff; font-size:1.45rem; }
.caption { margin:0 0 8px; padding:0 15px; overflow-wrap:anywhere; }
.post time { display:block; padding:0 15px 15px; color:var(--muted); font-size:.72rem; }

/* Profile */
.profile-page { width:min(940px,100%); margin:auto; }
.profile-hero { display:flex; gap:55px; padding:45px 25px; }
.profile-photo { width:150px; height:150px; flex:0 0 150px; display:grid; place-items:center; overflow:hidden; border-radius:50%; background:linear-gradient(135deg,var(--purple),var(--pink)); font-size:3rem; font-weight:900; }
.profile-photo img { width:100%; height:100%; object-fit:cover; }
.profile-main { min-width:0; flex:1; }
.profile-title,.profile-stats { display:flex; align-items:center; flex-wrap:wrap; gap:18px; }
.profile-title h1 { margin:0; font-size:1.3rem; overflow-wrap:anywhere; }
.profile-stats { margin:22px 0; }
.profile-main h2 { font-size:.95rem; }
.profile-main p { overflow-wrap:anywhere; }
.profile-grid { padding-top:4px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; border-top:1px solid var(--line); }
.profile-grid a { position:relative; aspect-ratio:1; overflow:hidden; background:var(--panel); }
.profile-grid img,.profile-grid video { width:100%; height:100%; object-fit:cover; }
.media-badge { position:absolute; z-index:1; top:8px; right:10px; }

/* Messages */
.inbox { width:100%; height:calc(100vh - 64px); min-height:520px; display:grid; grid-template-columns:minmax(260px,340px) minmax(0,1fr); gap:14px; }
.chat-list,.chat-room { min-width:0; min-height:0; overflow:hidden; }
.chat-list header,.chat-room>header { height:72px; padding:16px 20px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.chat-list h1 { margin:0; font-size:1.25rem; }
.chat-list header button,.chat-room header button { border:0; background:none; color:#fff; font-size:1.35rem; }
.chat-list>a { display:flex; gap:12px; padding:13px 16px; }
.chat-list>a:hover { background:var(--soft); }
.chat-list>a>div { min-width:0; }
.chat-list small { display:block; overflow:hidden; color:var(--muted); text-overflow:ellipsis; white-space:nowrap; }
.chat-room { display:flex; flex-direction:column; }
.chat-room>.empty { margin:auto; }
.bubble-list { flex:1; min-height:0; overflow-y:auto; padding:20px; }
.bubble { width:max-content; max-width:70%; margin:8px 0; }
.bubble.mine { margin-left:auto; text-align:right; }
.bubble p,.bubble>a { display:inline-block; max-width:100%; margin:0; padding:10px 13px; overflow-wrap:anywhere; border-radius:16px; background:var(--soft); }
.bubble.mine p { background:#253899; }
.bubble img,.bubble video { width:min(330px,100%); border-radius:14px; }
.bubble audio { max-width:100%; }
.bubble time { display:block; color:var(--muted); font-size:.65rem; }
.message-composer { flex:0 0 auto; padding:12px; display:flex; align-items:center; gap:8px; border-top:1px solid var(--line); }
.message-composer input { min-width:0; flex:1; padding:10px 14px; border:1px solid var(--line); border-radius:22px; background:var(--soft); color:#fff; }
.message-composer button,.message-composer label { flex:0 0 auto; padding:10px; border:0; background:none; color:#8293ff; }

/* Live */
.section-title { margin-bottom:24px; display:flex; justify-content:space-between; align-items:flex-end; gap:20px; }
.section-title>div>span,.live-preview i { color:#8293ff; font-size:.75rem; font-weight:800; }
.section-title form { display:flex; gap:8px; }
.live-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.live-card { min-width:0; overflow:hidden; }
.live-preview { position:relative; aspect-ratio:16/10; display:grid; place-items:center; background:radial-gradient(circle,#07548f,#061326); }
.live-preview i { position:absolute; top:12px; left:12px; padding:5px 8px; border-radius:6px; background:#263ba9; color:#fff; }
.live-preview span { font-size:3rem; }
.live-card>div:last-child { padding:14px; }
.live-card b,.live-card small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.live-card small { color:var(--muted); }
.live-watch { height:calc(100vh - 64px); min-height:540px; display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:14px; }
.live-stage { position:relative; min-width:0; overflow:hidden; border-radius:18px; background:#050507; }
.live-stage video { width:100%; height:100%; object-fit:contain; }
.live-placeholder { position:absolute; inset:0; padding:25px; display:grid; place-content:center; text-align:center; background:radial-gradient(circle,#07548f,#020b1c 65%); }
.live-placeholder span { color:#8293ff; font-weight:900; }
.live-chat { min-height:0; display:flex; flex-direction:column; overflow:hidden; }
.live-chat h2 { margin:0; padding:16px; border-bottom:1px solid var(--line); font-size:1rem; }
.live-comments { min-height:0; flex:1; overflow-y:auto; padding:16px; }
.live-buttons { padding:10px; }
.live-buttons button { border:0; background:none; color:#8293ff; }

/* Landing */
.landing { min-height:100vh; background:radial-gradient(circle at 22% 18%,#0877c950,transparent 34%),radial-gradient(circle at 82% 82%,#063b7845,transparent 38%),linear-gradient(145deg,#020817,#031b4e 120%); }
.landing>nav { width:min(1150px,100%); height:80px; margin:auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; }
.landing>nav>div { display:flex; align-items:center; gap:20px; }
.landing main { position:relative; width:min(1150px,100%); margin:auto; padding:100px 370px 80px 24px; }
.landing-tag { color:#8293ff; font-size:.75rem; font-weight:800; letter-spacing:3px; }
.landing h1 { margin:25px 0; font-size:clamp(3.5rem,8vw,7rem); line-height:.88; letter-spacing:-6px; }
.landing h1 em { background:linear-gradient(90deg,#63c7ff,#168cdb,#07549b); background-clip:text; color:transparent; font-style:normal; }
.landing main>p { max-width:600px; color:var(--muted); font-size:1.2rem; }
.landing main>div { width:min(360px,100%); display:flex; gap:12px; }
.phone-preview { position:absolute; top:70px; right:20px; width:300px; padding:17px; border:7px solid #272731; border-radius:35px; background:#111116; box-shadow:0 40px 100px #000; transform:rotate(4deg); }
.preview-top { display:flex; justify-content:space-between; }
.preview-story { padding:18px 0; display:flex; gap:9px; }
.preview-story i { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(135deg,var(--purple),var(--pink)); }
.preview-post>div:first-child { display:grid; font-size:.75rem; }
.preview-image { height:260px; margin-top:8px; padding:20px; display:grid; place-items:center; border-radius:6px; background:linear-gradient(145deg,#052b63,#0877c9); text-align:center; font-size:1.4rem; font-weight:900; }
.preview-post p { font-size:1.3rem; }

@media (max-width:1050px) {
  .desktop-nav { width:88px; padding:28px 16px; align-items:center; }
  .desktop-nav .wordmark { font-size:1.45rem; }
  .desktop-nav nav a { justify-content:center; }
  .desktop-nav nav span { display:none; }
  .page { margin-left:88px; padding:24px; }
  .live-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:800px) {
  .desktop-nav { display:none; }
  .page { min-height:100svh; margin:0; padding:0 0 calc(68px + env(safe-area-inset-bottom)); }
  .mobile-nav { position:fixed; z-index:50; inset:auto 0 0; height:64px; padding-bottom:env(safe-area-inset-bottom); display:flex; align-items:center; justify-content:space-around; border-top:1px solid var(--line); background:#0b0b0ff5; }
  .mobile-nav a { font-size:1.4rem; }
  .mobile-nav .create { width:40px; height:40px; display:grid; place-items:center; border-radius:12px; background:linear-gradient(135deg,var(--purple),var(--pink)); }
  .mobile-head { height:58px; padding:0 15px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
  .feed-wrap { width:100%; }
  .stories { padding:14px 12px; }
  .create-post,.post { margin-bottom:10px; border-right:0; border-left:0; border-radius:0; }
  .post-media img,.post-media video { max-height:75svh; }
  .content-narrow,.content-wide { width:100%; }
  .content-wide { padding:18px 14px; }
  .form-panel { min-height:calc(100svh - 68px); border:0; border-radius:0; }
  .profile-hero { gap:18px; padding:24px 16px; }
  .profile-photo { width:84px; height:84px; flex-basis:84px; font-size:2rem; }
  .profile-title { gap:8px; }
  .profile-title h1 { width:100%; }
  .profile-stats { margin:12px 0; gap:12px; font-size:.8rem; }
  .profile-main p { font-size:.85rem; }
  .inbox { height:calc(100svh - 68px); min-height:0; display:block; }
  .chat-list { height:100%; border:0; border-radius:0; }
  .chat-room { display:none; }
  .inbox:has(.bubble-list) .chat-list { display:none; }
  .inbox:has(.bubble-list) .chat-room { height:100%; display:flex; border:0; border-radius:0; }
  .bubble { max-width:86%; }
  .live-grid { grid-template-columns:1fr; }
  .section-title { display:block; }
  .section-title form { display:grid; margin-top:14px; }
  .live-watch { height:auto; min-height:calc(100svh - 68px); display:block; }
  .live-stage { height:54svh; border-radius:0; }
  .live-chat { height:40svh; border-right:0; border-left:0; border-radius:0; }
  .landing>nav { height:68px; padding:0 16px; }
  .landing>nav>div { gap:10px; }
  .landing>nav .small-primary { padding:9px 13px; }
  .landing main { padding:58px 16px 70px; }
  .landing h1 { font-size:clamp(3rem,15vw,4.8rem); letter-spacing:-3px; }
  .landing main>p { font-size:1.05rem; }
  .landing main>div { width:100%; flex-direction:column; }
  .phone-preview { display:none; }
  .auth-card { padding:28px 20px; }
}

@media (max-width:420px) {
  .landing>nav .wordmark { font-size:1.7rem; }
  .landing>nav>div>a:first-child { display:none; }
  .profile-hero { align-items:flex-start; }
  .profile-photo { width:72px; height:72px; flex-basis:72px; }
  .profile-stats span { display:flex; flex-direction:column; }
  .create-post form>div { align-items:stretch; flex-direction:column; }
}

/* Yusi lacivert marka paleti: admin ve canlı yayın ekranları */
.admin-top span,.admin-section-title span,.studio-panel>span,.watch-info span,.studio-screen em,.watch-video em { color:#8293ff !important; }
.admin-primary { background:linear-gradient(135deg,#052b63,#0877c9) !important; }
.admin-user>span { background:linear-gradient(135deg,#052b63,#0877c9) !important; }
.studio-screen>div,.watch-video>div { background:radial-gradient(circle,#07548f,#020b1c 65%) !important; }
.match-poster { background:radial-gradient(circle,#07548f,#061326) !important; }
.broadcast-loader { border-top-color:#8293ff !important; }
.admin-toast { border-color:#174b78 !important; background:#08264a !important; }
.studio-head>span,.studio-count { color:#65c7ff !important; }

.post-source-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.camera-chip{border-color:#1765a0!important}.post-actions button.liked{color:#46aef1}.engagement{padding:0 14px;margin:2px 0;color:var(--text);font-size:.85rem}.post-comments{padding:0 14px}.post-comments p{margin:5px 0;font-size:.88rem}.post-comment-form{display:flex;align-items:center;border-top:1px solid var(--line);margin-top:10px;padding:8px 12px}.post-comment-form input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);outline:0}.post-comment-form button{border:0;background:transparent;color:#65c7ff;font-weight:800}
.following{border-color:#1765a0!important;color:#65c7ff!important}.friends-strip{display:grid;gap:7px;padding:12px;border-bottom:1px solid var(--line)}.friends-strip small{color:var(--muted)}.friends-strip form,.friends-strip button{width:100%;margin:0}.friends-strip button{display:flex;align-items:center;gap:10px;padding:8px;border:0;border-radius:10px;background:var(--soft);color:var(--text);text-align:left}.friends-strip .mini-photo img{width:100%;height:100%;object-fit:cover}
.call-overlay{position:absolute;z-index:20;inset:65px 0 0;background:#020817;overflow:hidden}.call-overlay[hidden]{display:none}.call-overlay>video:first-child{width:100%;height:100%;object-fit:cover}.call-overlay>video:nth-child(2){position:absolute;right:16px;bottom:82px;width:150px;aspect-ratio:3/4;border:2px solid #fff;border-radius:14px;object-fit:cover;background:#07152b}.call-overlay>div{position:absolute;inset:auto 0 0;padding:14px;display:flex;align-items:center;justify-content:center;gap:20px;background:#020817dd}.chat-room{position:relative}
@media(max-width:760px){.post-source-actions{display:grid;grid-template-columns:1fr 1fr}.post-source-actions .small-primary{grid-column:1/-1}.call-overlay>video:nth-child(2){width:92px;bottom:76px}.mobile-nav{gap:2px}.mobile-nav>a{font-size:1.05rem}}

.notifications-page{width:min(760px,calc(100% - 30px));margin:30px auto 100px}.notification-list{overflow:hidden}.notification-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.notification-item.unread{background:#0877c914}.notification-item>a{min-width:0;flex:1;display:flex;align-items:center;gap:12px}.notification-item>a>div{min-width:0}.notification-item b{display:block}.notification-item time{display:block;color:var(--muted);font-size:.75rem;margin-top:3px}.notification-item .mini-photo img{width:100%;height:100%;object-fit:cover}.request-actions{display:flex;gap:7px}.request-actions form{margin:0}.request-actions button{white-space:nowrap}
.camera-modal{position:fixed;z-index:200;inset:0;padding:20px;display:grid;place-items:center;background:#000c}.camera-modal[hidden]{display:none}.camera-dialog{width:min(620px,100%);padding:14px;border:1px solid var(--line);border-radius:20px;background:#07152b;box-shadow:0 30px 100px #000}.camera-dialog video{display:block;width:100%;max-height:70vh;aspect-ratio:1/1;border-radius:14px;background:#000;object-fit:cover}.camera-dialog>div{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;padding-top:13px}.camera-result{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px;border-radius:12px;background:var(--soft);color:#65c7ff}.camera-result[hidden]{display:none}.camera-result img{width:64px;height:64px;border-radius:9px;object-fit:cover}.upload-chip{border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--text);padding:9px 12px;cursor:pointer}

.chat-shell{width:min(1500px,calc(100% - 32px));height:calc(100svh - 32px);min-height:680px;margin:16px auto;display:grid;grid-template-columns:230px minmax(0,1fr) 310px;gap:14px}.chat-shell .glass{border:1px solid var(--line);border-radius:18px;background:#07152bee;box-shadow:0 18px 55px #0005}.chat-sidebar{padding:20px;overflow:auto}.chat-sidebar .navbar-brand{display:block;color:#65c7ff}.profile-chip{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:22px;border-radius:13px;background:var(--soft)}.profile-chip small{display:block;color:var(--muted)}.mini-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#052b63,#0877c9);font-weight:900}.chat-sidebar h6{margin:18px 0 10px;color:#65c7ff}.chat-sidebar>label{display:grid;gap:6px;margin:12px 0;color:var(--muted);font-size:.82rem}.chat-sidebar .form-select{border-color:var(--line);background-color:var(--soft);color:var(--text)}.interest-list{display:flex;gap:6px;flex-wrap:wrap}.interest{padding:6px 9px;border:1px solid var(--line);border-radius:20px;background:transparent;color:var(--muted);font-size:.73rem}.interest.active{border-color:#168cdb;background:#0877c930;color:#fff}.chat-main{min-width:0;display:flex;flex-direction:column;gap:12px}.chat-top{min-height:68px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:16px;background:#07152b}.chat-top>div:first-child{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px}.chat-top small{grid-column:2;color:var(--muted)}.dot{width:10px;height:10px;border-radius:50%;background:#29d391}.dot.warning{background:#f4b740}.metrics{display:flex;gap:14px;color:var(--muted)}.video-grid{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,32%);gap:12px}.video-card{position:relative;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#01050d}.video-card video{width:100%;height:100%;object-fit:cover}.video-card.local>span{position:absolute;left:12px;bottom:12px;padding:5px 9px;border-radius:8px;background:#000a}.video-empty{position:absolute;inset:0;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#07548f80,#020817 65%)}.loader-ring{width:54px;height:54px;margin-bottom:15px;border:4px solid #ffffff25;border-top-color:#65c7ff;border-radius:50%;animation:spin 1s linear infinite}.volume-meter{position:absolute;left:12px;right:12px;bottom:10px;height:4px;border-radius:5px;background:#ffffff20}.volume-meter i{display:block;width:0;height:100%;border-radius:5px;background:#29d391}.controls{min-height:72px;padding:10px;display:flex;align-items:center;justify-content:center;gap:8px}.controls button{min-width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:var(--soft);color:#fff}.controls button.off{background:#5a1c2c}.controls .next{width:auto;padding:0 20px;border-radius:24px;background:linear-gradient(135deg,#052b63,#0877c9)}.message-panel{min-width:0;display:flex;flex-direction:column;overflow:hidden}.message-header{padding:18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.messages{min-height:0;flex:1;padding:14px;overflow:auto}.system-message{padding:10px;border-radius:10px;background:var(--soft);color:var(--muted);font-size:.78rem}.messages .message{margin:10px 0}.messages .message p{width:max-content;max-width:85%;margin:0;padding:9px 11px;border-radius:12px;background:var(--soft)}.messages .message.mine p{margin-left:auto;background:#07548f}.messages .message time{display:block;margin-top:2px;color:var(--muted);font-size:.68rem}.messages .message.mine time{text-align:right}.message-panel .composer{padding:12px;border-top:1px solid var(--line)}.message-panel .quick{display:flex;gap:6px;margin-bottom:7px}.message-panel .quick button{border:0;background:transparent;color:#65c7ff}.message-panel .input-group input{border-color:var(--line);background:var(--soft);color:#fff}.message-panel .input-group input::placeholder{color:var(--muted)}
@media(max-width:1100px){.chat-shell{grid-template-columns:190px minmax(0,1fr)}.message-panel{grid-column:1/-1;height:260px}.chat-shell{height:auto;min-height:calc(100svh - 32px)}.messages{height:150px}}
@media(max-width:760px){.notifications-page{width:100%;margin:0 0 75px}.notification-item{align-items:flex-start}.request-actions{flex-direction:column}.chat-shell{width:100%;margin:0 0 68px;display:flex;height:auto;min-height:auto;flex-direction:column;gap:8px}.chat-sidebar,.chat-top,.video-card,.controls,.message-panel{border-radius:0!important}.chat-sidebar{order:2;max-height:none}.chat-main{order:1;height:auto}.message-panel{order:3;height:330px}.video-grid{height:62svh;min-height:430px;grid-template-columns:1fr}.video-card.remote{min-height:310px}.video-card.local{position:absolute;z-index:4;right:12px;top:88px;width:105px;height:145px;border:2px solid #fff}.controls{flex-wrap:wrap}.metrics{font-size:.75rem}}

.register-body{align-items:start}.register-card{width:min(780px,100%);margin:20px auto}.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.register-grid label{margin:0}.register-grid select,.register-grid input{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--text)}.interest-picker{grid-column:1/-1;padding:14px;border:1px solid var(--line);border-radius:13px}.interest-picker legend{float:none;width:auto;padding:0 7px;color:var(--muted);font-size:.85rem}.interest-picker label{display:inline-flex;align-items:center;gap:5px;margin:5px 14px 5px 0;color:var(--text)}.interest-picker input{width:auto}.register-card form>.primary-action{width:100%;margin-top:18px}
.friends-page{width:min(900px,calc(100% - 32px));margin:30px auto 100px}.friend-search{padding:14px;display:flex;gap:10px}.friend-search input{min-width:0;flex:1;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--text)}.friend-section{margin-top:15px;padding:18px}.friend-section h2{font-size:1.1rem}.friend-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.friend-row:last-child{border-bottom:0}.friend-row>a{min-width:0;display:flex;align-items:center;gap:10px}.friend-row small{display:block;color:var(--muted)}.friend-row>div{display:flex;align-items:center;gap:7px}.friend-row form{margin:0}.state.accepted{background:#0c4936;color:#6de7b0}.muted{color:var(--muted)}
.match-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.match-filter-grid label{display:grid;gap:4px;color:var(--muted);font-size:.75rem}.match-filter-grid .form-control,.match-filter-grid .form-select{min-width:0;border-color:var(--line);background-color:var(--soft);color:var(--text)}.filter-label{display:block;margin:14px 0 8px;color:var(--muted);font-size:.78rem}.emoji-strip{max-height:80px;overflow:auto;flex-wrap:wrap}.direct-emoji-tray{display:flex;gap:3px;padding:7px 12px;overflow-x:auto;border-top:1px solid var(--line);background:#07152b}.direct-emoji-tray button{flex:0 0 34px;height:34px;border:0;border-radius:8px;background:var(--soft);font-size:1.1rem}
@media(max-width:760px){.register-body{padding:0}.register-card{margin:0;width:100%;min-height:100svh;border-radius:0}.register-grid{grid-template-columns:1fr}.interest-picker{grid-column:1}.friends-page{width:100%;margin:0 0 75px}.friends-page>.section-title,.friend-section{padding:14px}.friend-search{position:sticky;z-index:10;top:0;border-radius:0}.friend-row{align-items:flex-start}.friend-row>div{flex-direction:column;align-items:stretch}.friend-row button{width:100%}.match-filter-grid{grid-template-columns:1fr 1fr}.chat-sidebar{padding:15px}.direct-emoji-tray{scrollbar-width:none}}
@media(max-width:420px){.match-filter-grid{grid-template-columns:1fr}.register-card{padding:22px 16px}.friend-row>a{max-width:58%}}

/* YeşilTalk — Yeşilçam hatıraları ve eski İstanbul meclisleri */
:root{--bg:#101a12;--panel:#1d2a20;--soft:#2a382c;--line:#756846;--text:#f4ead1;--muted:#c0b28e;--purple:#315c39;--pink:#bd9b52;--paper:#e8d9b7;--ink:#1c241c;--brass:#c5a45b}
html{color-scheme:dark;background:#101a12}
body{background-color:var(--bg);background-image:radial-gradient(circle at 20% 0,#52614230,transparent 34%),repeating-linear-gradient(90deg,#fff 0 1px,transparent 1px 7px);background-size:auto,9px 9px;color:var(--text);font-family:"Trebuchet MS",Arial,sans-serif}
body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.13;background-image:radial-gradient(#f5e8c4 0.7px,transparent .8px);background-size:5px 5px}
h1,h2,h3,.wordmark,.landing-tag{font-family:Georgia,"Times New Roman",serif;letter-spacing:.02em}
.panel,.glass{background:linear-gradient(145deg,#253226f5,#19241cf7)!important;border:1px solid #786b49!important;border-radius:12px!important;box-shadow:0 14px 32px #050a0675,inset 0 1px #fff1!important}
.wordmark{width:112px;height:112px;flex-basis:112px;border:3px double var(--brass);border-radius:50%;background:#eee4cc url('/images/yesiltalk-logo.png') center/cover no-repeat!important;filter:sepia(.18) drop-shadow(0 7px 15px #0009)!important}
.desktop-nav{width:264px;padding:20px 22px;background:linear-gradient(180deg,#14261a,#0d160f)!important;border-right:4px double #796945!important;box-shadow:12px 0 40px #0007}
.desktop-nav>.wordmark{align-self:center}.brand-motto{display:block;margin:8px 0 4px;text-align:center;color:var(--brass);font-family:Georgia,serif;font-style:italic}.desktop-nav nav{margin-top:18px;gap:3px}.desktop-nav nav a{padding:10px 12px;border:1px solid transparent;border-radius:5px;font-family:Georgia,serif}.desktop-nav nav a:hover{background:#c2a45b17;border-color:#8d7848}.nav-logout{color:#d8c89f}.page{margin-left:264px}
.primary-action,.small-primary,.admin-primary{color:#142016!important;background:linear-gradient(180deg,#e0c77e,#aa873f)!important;border:1px solid #f0dc9e!important;border-radius:5px!important;box-shadow:0 4px 0 #664f24!important;text-transform:none}.secondary-action,.upload-chip{color:var(--text);background:#29372b;border:1px solid #89774d;border-radius:5px}.toast-note{background:#eadcb9;color:#1c271e;border:3px double #6e5a30;border-radius:4px}
.landing{min-height:100svh;background:radial-gradient(circle at 76% 25%,#53634855,transparent 34%),linear-gradient(135deg,#0e1910,#203424 52%,#121b13)}.landing>nav{width:min(1180px,calc(100% - 40px));margin:auto;padding:20px 0;border-bottom:1px solid #9a8457}.landing>nav .wordmark{width:88px;height:88px}.landing>nav>div{display:flex;align-items:center;gap:22px}.landing>nav>div>a:not(.small-primary){color:#e9ddc1;font-family:Georgia,serif}.nostalgic-landing>main{width:min(1180px,calc(100% - 40px));min-height:calc(100svh - 130px);margin:auto;padding:55px 0 70px;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,480px);align-items:center;gap:70px}.landing-copy{max-width:680px}.landing-tag{color:#d2b66d;font-size:.77rem;letter-spacing:.17em}.landing h1{margin:18px 0;font-size:clamp(3rem,7vw,6.6rem);line-height:.88}.landing h1 em{color:#d2b66d;font-weight:400}.landing-copy>p{max-width:620px;color:#d5c8a9;font-family:Georgia,serif;font-size:1.12rem;line-height:1.8}.landing-copy>div{display:flex;gap:12px;flex-wrap:wrap}.landing-copy .primary-action{width:auto}.vintage-features{margin-top:28px;color:#b8a77d;font-family:Georgia,serif}.heritage-poster{position:relative;padding:16px 16px 25px;border:8px double #b99b56;background:#e9dfc8;box-shadow:0 28px 80px #000a;transform:rotate(1.5deg);text-align:center}.heritage-poster:before,.heritage-poster:after{content:"";position:absolute;left:-8px;right:-8px;height:8px;background:repeating-linear-gradient(90deg,#172119 0 13px,#eadfca 13px 20px)}.heritage-poster:before{top:-18px}.heritage-poster:after{bottom:-18px}.heritage-poster img{width:100%;filter:sepia(.25) contrast(1.05)}.heritage-poster p{margin:18px 0 0;color:#263027;font-family:Georgia,serif;font-size:1.1rem;font-style:italic}
.auth-body{background:radial-gradient(circle,#394c38,#101711 70%);padding:24px}.auth-card{background:#e8dcc0!important;color:#1d281f!important;border:6px double #5c583d!important;border-radius:4px!important;box-shadow:0 30px 90px #000b!important}.auth-card>.wordmark{display:flex;margin:0 auto 16px}.auth-card>h1,.auth-card>p,.auth-switch{text-align:center}.auth-card>p,.auth-switch{color:#596051}.auth-card label{color:#2c382e}.auth-card input,.auth-card select,.auth-card textarea,.register-grid input,.register-grid select{background:#f8f0dc!important;color:#172018!important;border:1px solid #756d51!important;border-radius:3px!important}.interest-picker{border-color:#887b56}.interest-picker label{color:#263127}
.story i,.mini-photo,.profile-photo,.mini-avatar{border-color:#bd9b52!important;background:linear-gradient(145deg,#49634d,#213324)!important}.story.add i{color:#e7cf89}.post,.create-post{border-radius:7px!important}.post-media{background:#0a0e0b}.post-actions button.liked,.post-comment-form button,.following{color:#d4b45f!important}.camera-dialog{background:#172219;border:4px double #a1884e;border-radius:6px}.notification-item.unread{background:#c9aa5b14}.state.accepted{background:#2c5937;color:#e1d19b}.chat-shell .glass{background:#1a271ddd!important}.video-empty{background:radial-gradient(circle,#52624399,#101711 68%)}.loader-ring{border-top-color:#d7ba68}.controls .next,.mini-avatar{background:linear-gradient(135deg,#315c39,#bd9b52)}.messages .message.mine p{background:#49613f}.direct-emoji-tray{background:#18241a}
@media(max-width:900px){.nostalgic-landing>main{grid-template-columns:1fr;gap:40px;text-align:center}.landing-copy{margin:auto}.landing-copy>p{margin-inline:auto}.landing-copy>div{justify-content:center}.heritage-poster{width:min(470px,100%);margin:auto}.landing>nav>div>a:nth-child(-n+2){display:none}}
@media(max-width:760px){body{background-size:auto,7px 7px}.desktop-nav{display:none}.page{margin-left:0;padding:0 0 76px}.mobile-nav{height:68px;background:#142419f5!important;border-top:4px double #9a824c!important}.mobile-nav a{color:#e9ddc1}.mobile-head{padding:9px 14px;background:#142419;border-bottom:3px double #887349}.mobile-head .wordmark{width:68px;height:68px;flex-basis:68px}.landing>nav{width:calc(100% - 28px);padding:12px 0}.landing>nav .wordmark{width:68px;height:68px;flex-basis:68px}.landing>nav>div{gap:8px}.landing>nav>div>a:not(.small-primary){display:none}.nostalgic-landing>main{width:calc(100% - 28px);padding:38px 0 65px}.landing h1{font-size:clamp(2.7rem,15vw,4.8rem)}.landing-copy>p{font-size:1rem}.auth-body{padding:0}.auth-card{width:100%;min-height:100svh;border-width:0!important;padding:24px 16px}.auth-card>.wordmark{width:100px;height:100px;flex-basis:100px}.panel,.glass{border-radius:0!important}.friends-page,.notifications-page{width:100%}.chat-shell{overflow-x:hidden}.video-card.local{border-color:#d9c27c}.heritage-poster{transform:none}}
@media(max-width:420px){.landing-copy>div>a{width:100%!important}.vintage-features{display:grid!important;gap:7px}.heritage-poster{padding:8px 8px 18px}.wordmark{width:78px;height:78px;flex-basis:78px}.post-source-actions{grid-template-columns:1fr}.post-source-actions>*{grid-column:1!important}}

/* Hatıra Meydanı — elde hazırlanmış klasik fotoğraf albümü */
.feed-wrap{width:min(1120px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 38px;padding:10px 28px 80px;position:relative}
.feed-wrap:before{content:"";position:absolute;inset:150px 0 0;border:8px double #6e5b38;border-radius:8px;background-color:#2b382c;background-image:linear-gradient(90deg,transparent 49.7%,#171e18 49.7% 50.3%,transparent 50.3%),radial-gradient(#d9c99d18 1px,transparent 1px);background-size:auto,8px 8px;box-shadow:inset 0 0 80px #0009,0 25px 70px #0008;z-index:-1}
.album-heading,.feed-wrap>.mobile-head,.feed-wrap>.stories,.feed-wrap>.create-post,.feed-wrap>.empty{grid-column:1/-1}
.album-heading{text-align:center;padding:22px 15px 14px}.album-heading span{color:var(--brass);font:700 .75rem Georgia,serif;letter-spacing:.2em}.album-heading h1{margin:7px 0 4px;font-size:clamp(2.2rem,5vw,4.1rem);font-weight:400}.album-heading p{margin:0;color:var(--muted);font:italic 1rem Georgia,serif}
.feed-wrap>.stories{margin:0 24px;padding:16px 20px 26px;border-bottom:1px solid #8b7850}.feed-wrap>.create-post{width:min(760px,calc(100% - 40px));margin:0 auto 10px;padding:20px 24px;background:#e8dabb!important;color:#1f2a21!important;border:5px double #665a3b!important;box-shadow:7px 9px 0 #111a12aa!important;transform:rotate(-.35deg)}
.feed-wrap>.create-post textarea{color:#1b271d;font-family:Georgia,serif;font-size:1.05rem}.feed-wrap>.create-post textarea::placeholder{color:#726a53}.feed-wrap>.create-post .upload-chip{color:#263127;background:#d8c9a7;border-color:#766946}
.feed-wrap>.post{position:relative;margin:0 10px 20px;padding:14px 14px 18px;background:#e8dcc0!important;color:#202820!important;border:1px solid #b9aa83!important;border-radius:2px!important;box-shadow:8px 11px 0 #10171180,0 20px 36px #0006!important;overflow:visible;transform:rotate(-.45deg);transition:transform .25s ease,box-shadow .25s ease}
.feed-wrap>.post:nth-of-type(even){transform:rotate(.6deg)}.feed-wrap>.post:hover{z-index:3;transform:rotate(0) translateY(-4px);box-shadow:10px 16px 0 #10171180,0 25px 45px #0008!important}
.feed-wrap>.post:before,.feed-wrap>.post:after{content:"";position:absolute;z-index:2;width:72px;height:22px;top:-9px;background:#d8c79a99;border:1px solid #a99970;box-shadow:0 2px 4px #0003}.feed-wrap>.post:before{left:25px;transform:rotate(-5deg)}.feed-wrap>.post:after{right:25px;transform:rotate(5deg)}
.feed-wrap>.post>header{min-height:52px;padding:8px 7px;color:#263027}.feed-wrap>.post .mini-photo{color:#f2e7cc}.feed-wrap>.post-media{border:8px solid #f6eedb;background:#111811;box-shadow:0 2px 12px #0006;aspect-ratio:4/3}.feed-wrap>.post-media img,.feed-wrap>.post-media video{height:100%;max-height:none;object-fit:cover;filter:sepia(.1) saturate(.88)}
.feed-wrap>.post .post-actions button{color:#283329}.feed-wrap>.post .post-actions button.liked{color:#7b2f25!important}.feed-wrap>.post .engagement,.feed-wrap>.post .caption,.feed-wrap>.post .post-comments,.feed-wrap>.post time{color:#303a30}.feed-wrap>.post .caption,.feed-wrap>.post .post-comments{font-family:Georgia,serif}.feed-wrap>.post .post-comment-form{border-color:#b7a982}.feed-wrap>.post .post-comment-form input{color:#1e291f}.feed-wrap>.post .post-comment-form button{color:#526b43!important}
.controls #camButton.off{background:#7d2f28!important;border-color:#e2a29c!important;box-shadow:0 0 0 3px #7d2f2844}.controls #camButton.off:after{content:" Kapalı";font-size:.65rem;margin-left:3px}.message-header #typing{color:#d6b968;font-size:.78rem}.message-panel .input-group #sendButton:disabled{opacity:.55;cursor:wait}
@media(max-width:900px){.feed-wrap{grid-template-columns:1fr;max-width:650px}.feed-wrap:before{background-image:radial-gradient(#d9c99d18 1px,transparent 1px);background-size:8px 8px}.album-heading,.feed-wrap>.mobile-head,.feed-wrap>.stories,.feed-wrap>.create-post,.feed-wrap>.empty{grid-column:1}.feed-wrap>.post{margin-inline:8px}}
@media(max-width:760px){.feed-wrap{display:block;padding:0 0 90px}.feed-wrap:before{inset:145px 0 0;border-left:0;border-right:0}.album-heading{padding:22px 16px}.album-heading h1{font-size:2.5rem}.feed-wrap>.stories{margin:0;padding-inline:14px}.feed-wrap>.create-post{width:calc(100% - 24px);margin:18px 12px 30px;padding:16px;transform:none;border-radius:2px!important}.feed-wrap>.post,.feed-wrap>.post:nth-of-type(even){margin:0 16px 34px;padding:10px;transform:rotate(-.25deg);border-radius:2px!important}.feed-wrap>.post:nth-of-type(even){transform:rotate(.25deg)}.feed-wrap>.post-media{border-width:5px}.feed-wrap>.post:before,.feed-wrap>.post:after{width:52px}.controls #camButton.off:after{display:none}}
@media(max-width:420px){.feed-wrap>.post{margin-inline:9px}.album-heading p{font-size:.88rem}.feed-wrap>.create-post{width:calc(100% - 18px);margin-inline:9px}.feed-wrap>.post>header{padding-inline:3px}}

/* Açık kâğıt teması ve kusursuz cihaz hizalama sistemi */
:root{--bg:#f4eedf;--panel:#fffaf0;--soft:#eee4cf;--line:#c8b995;--text:#263027;--muted:#766f5e;--paper:#fffaf0;--ink:#263027;--brass:#9a7735}
html{background:#f4eedf;color-scheme:light}
body{color:var(--text);background-color:#f4eedf;background-image:radial-gradient(circle at 12% 4%,#fffdf5 0,transparent 34%),radial-gradient(circle at 88% 12%,#decda750 0,transparent 30%),repeating-linear-gradient(0deg,#6b5d3a08 0 1px,transparent 1px 5px);background-attachment:fixed}
.page{width:auto;max-width:none;background:transparent}
.panel,.glass{color:var(--text);background:linear-gradient(145deg,#fffdf7f7,#f3ead8f7)!important;border-color:#c5b58f!important;box-shadow:0 12px 32px #66593618,inset 0 1px #fff!important}
input,textarea,select,.form-control,.form-select{color:#293228!important;background-color:#fffaf0!important;border-color:#c6b68e!important}input::placeholder,textarea::placeholder,.form-control::placeholder{color:#8b826e!important}
.desktop-nav{background:linear-gradient(180deg,#fffaf0,#e9dec7)!important;border-right-color:#ae9662!important;box-shadow:8px 0 30px #6b5c3920}.desktop-nav nav a,.nav-logout{color:#29332a}.desktop-nav nav a:hover{background:#d8c79f55;border-color:#af9560}.brand-motto{color:#83682f}.mobile-nav{background:#fffaf0f5!important;border-top-color:#a98d55!important;box-shadow:0 -8px 24px #66593620}.mobile-nav a{color:#2a352b!important}.mobile-head{background:#fffaf0!important;color:#273228;border-bottom-color:#ad915a!important}
.landing{background:radial-gradient(circle at 75% 24%,#d7c59d70,transparent 35%),linear-gradient(135deg,#fffdf6,#efe5d1 55%,#e5d6b9)}.landing>nav{border-bottom-color:#bca775}.landing>nav>div>a:not(.small-primary){color:#29342a}.landing h1{color:#273329}.landing-copy>p{color:#665f50}.landing-tag,.vintage-features{color:#876a30}
.section-title,.profile-main,.content-wide,.content-narrow,.friends-page,.notifications-page{color:var(--text)}
.feed-wrap:before{background-color:#e8ddc5;background-image:linear-gradient(90deg,transparent 49.7%,#c6b792 49.7% 50.3%,transparent 50.3%),radial-gradient(#6f613615 1px,transparent 1px);box-shadow:inset 0 0 60px #75663c18,0 18px 55px #6d5d3820}.feed-wrap>.post{box-shadow:8px 11px 0 #9f916c48,0 20px 36px #75653e24!important}.feed-wrap>.post:hover{box-shadow:10px 16px 0 #9f916c48,0 25px 45px #75653e30!important}.stories{color:#3d463c}

/* Tesadüfî Muhabbet: geniş ekran, tablet ve telefon için oran korumalı sahne */
.chat-shell{width:min(1480px,100%);height:calc(100dvh - 64px);min-height:620px;margin:0 auto;display:grid;grid-template-columns:minmax(210px,240px) minmax(480px,1fr) minmax(280px,330px);gap:16px;align-items:stretch}
.chat-shell .glass{background:linear-gradient(145deg,#fffdf7f5,#eee3cdf5)!important;color:#273128}
.chat-sidebar{min-width:0;padding:18px;overscroll-behavior:contain}.chat-sidebar>.wordmark{display:flex;width:86px;height:86px;flex-basis:86px;margin:0 auto 14px}.chat-sidebar h6{color:#82662e}.profile-chip{background:#e5d9be;color:#293329}.profile-chip small,.chat-sidebar>label,.match-filter-grid label,.filter-label{color:#766e5d}.interest{color:#665f50;border-color:#b9a77d;background:#fffaf0}.interest.active{color:#fff;background:#6a784e;border-color:#56623f}
.chat-main{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.chat-top{min-width:0;min-height:62px;padding:10px 16px;color:#283228;background:#fffaf0;border-color:#c3b38d;box-shadow:0 8px 20px #75653d18}.metrics{color:#756d5d;flex-wrap:wrap;justify-content:flex-end}
.video-grid{position:relative;min-width:0;min-height:0;width:100%;height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,28%);gap:12px;overflow:hidden}.video-card{width:100%;height:100%;min-height:0;aspect-ratio:auto;border:1px solid #9f8f69;border-radius:14px;background:#171a17;box-shadow:0 14px 30px #4d432a30}.video-card video{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;object-position:center}.video-card.local{aspect-ratio:auto}.video-card.local>span{color:#fff;background:#111b}.video-empty{background:radial-gradient(circle,#7d876e,#252d25 68%);color:#fff}.controls{min-width:0;min-height:64px;padding:9px;gap:8px;background:#fffaf0!important}.controls button{flex:0 0 44px;min-width:44px;height:44px;color:#fff;background:#56654e;border-color:#6e795e}.controls .next{flex:0 1 auto;min-width:115px;color:#fff;background:linear-gradient(135deg,#63734f,#aa873f)}
.message-panel{min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.message-header{color:#2c352c;border-bottom-color:#c6b68e}.messages{min-width:0;min-height:0;height:auto;padding:12px;overflow-y:auto;overscroll-behavior:contain}.system-message,.messages .message p{color:#363d35;background:#e6dac0}.messages .message.mine p{color:#fff;background:#667653}.message-panel .composer{min-width:0;padding:10px;border-top-color:#c6b68e}.message-panel .quick button{color:#6b5731}.message-panel .input-group{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 46px}.message-panel .input-group input{min-width:0;color:#273127!important;background:#fffaf0!important;border-color:#bdaa7c}.message-panel .input-group button{width:46px}.message-header #typing{color:#80642d}

@media(max-width:1250px) and (min-width:761px){.page{padding:22px}.chat-shell{height:auto;min-height:calc(100dvh - 44px);grid-template-columns:minmax(200px,230px) minmax(0,1fr);grid-template-rows:minmax(560px,calc(100dvh - 350px)) 280px}.chat-sidebar{grid-column:1;grid-row:1}.chat-main{grid-column:2;grid-row:1}.message-panel{grid-column:1/-1;grid-row:2;height:280px}.video-grid{grid-template-columns:minmax(0,1fr) minmax(180px,30%)}.messages{height:auto}}
@media(max-width:900px) and (min-width:761px){.chat-shell{grid-template-columns:190px minmax(0,1fr);gap:10px}.video-grid{display:block}.video-card.remote{aspect-ratio:16/9;height:100%}.video-card.local{position:absolute;z-index:5;right:12px;top:12px;width:min(30%,190px);height:auto;aspect-ratio:16/9;border:2px solid #fff}.controls{flex-wrap:wrap}}
@media(max-width:760px){.page{width:100%;padding:0 0 calc(74px + env(safe-area-inset-bottom))}.panel,.glass{border-radius:12px!important}.chat-shell{width:100%;height:auto;min-height:0;margin:0;display:flex;flex-direction:column;gap:12px;padding:12px;overflow:visible}.chat-main{order:1;display:flex;height:auto;gap:10px}.chat-top{border-radius:12px}.video-grid{display:block;width:100%;height:auto;overflow:visible}.video-card.remote{width:100%;height:auto;min-height:0;aspect-ratio:16/9;border-radius:12px!important}.video-card.local{position:absolute;z-index:6;right:10px;top:10px;width:clamp(112px,30vw,160px);height:auto;aspect-ratio:16/9;border:2px solid #fff;border-radius:9px!important;box-shadow:0 8px 24px #0008}.video-card.local>span{left:6px;bottom:5px;padding:2px 6px;font-size:.65rem}.controls{min-height:62px;border-radius:12px!important;display:flex;flex-wrap:nowrap;gap:5px;overflow-x:auto;justify-content:flex-start;padding:8px;scrollbar-width:none}.controls button{flex:0 0 42px;min-width:42px;height:42px}.controls .next{flex:1 0 104px;padding-inline:12px}.chat-sidebar{order:2;max-height:none;padding:16px;border-radius:12px!important}.chat-sidebar>.wordmark{width:72px;height:72px;flex-basis:72px}.match-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.message-panel{order:3;width:100%;height:360px;min-height:360px;border-radius:12px!important}.messages{height:auto;min-height:0}.metrics{font-size:.72rem;gap:7px}.feed-wrap:before{background-color:#e8ddc5}}
@media(max-width:480px){.chat-shell{padding:8px;gap:8px}.chat-top{padding:9px 11px}.chat-top b{font-size:.9rem}.chat-top small{font-size:.72rem}.video-card.local{width:118px}.controls{border-radius:10px!important}.controls button{flex-basis:40px;min-width:40px;height:40px}.controls .next{font-size:.82rem}.match-filter-grid{grid-template-columns:1fr}.message-panel{height:330px;min-height:330px}.page>*:not(.chat-shell){max-width:100%}.content-wide,.content-narrow,.profile-page,.friends-page,.notifications-page{width:100%;padding-inline:10px}.section-title{align-items:flex-start;gap:10px}.section-title h1{font-size:1.65rem}}
@media(max-width:360px){.chat-shell{padding:6px}.video-card.local{width:104px;right:6px;top:6px}.controls button{flex-basis:38px;min-width:38px;height:38px}.controls .next{flex-basis:94px;padding-inline:8px}.message-panel{height:310px;min-height:310px}}

/* Yüksek kontrastlı bordo düğmeler ve görünür medya seçimi */
.primary-action,.small-primary,.admin-primary,.controls .next{color:#fff!important;background:linear-gradient(180deg,#a84a58,#7e2937)!important;border:1px solid #681f2c!important;box-shadow:0 4px 0 #571c27!important;text-shadow:0 1px 1px #3b1018!important}
.primary-action:hover,.small-primary:hover,.admin-primary:hover,.controls .next:hover{color:#fff!important;background:linear-gradient(180deg,#b95867,#8b3140)!important;transform:translateY(-1px)}
.primary-action:active,.small-primary:active,.admin-primary:active,.controls .next:active{box-shadow:0 1px 0 #571c27!important;transform:translateY(2px)}
.secondary-action,.upload-chip{color:#3a2d22!important;background:#f3e4c5!important;border-color:#aa8b55!important;box-shadow:none!important}.secondary-action:hover,.upload-chip:hover{color:#2c2119!important;background:#ead5ad!important;border-color:#8d6d38!important}
.controls button{color:#fff!important;background:#755079!important;border-color:#5d3b61!important;text-shadow:0 1px 1px #2c172e}.controls button:hover{background:#89608d!important}.controls button.off{background:#a33b40!important;border-color:#7e252b!important}.interest.active{color:#fff!important;background:#8b3546!important;border-color:#6f2534!important}.message-panel .input-group #sendButton{color:#fff!important;background:#8b3546!important;border-color:#6f2534!important}.messages .message.mine p{color:#fff;background:#86505d}.story.add i{color:#fff!important;background:linear-gradient(145deg,#a84a58,#782b38)!important;border-color:#6c2430!important}.following{color:#7e2937!important;border-color:#9d4a57!important}
.feed-wrap>.create-post .small-primary{min-width:108px}.feed-wrap>.create-post .upload-chip{color:#3a2d22!important;background:#f2e2c1!important;border:1px solid #9b7c48!important}
.media-selection{grid-column:1/-1;width:100%;display:grid!important;grid-template-columns:42px minmax(0,1fr) 34px;align-items:center;gap:11px;margin-top:14px;padding:11px 12px;color:#44242a;background:#f8e4e5;border:2px solid #a84a58;border-radius:7px;box-shadow:0 5px 14px #6f273326;transform:translateY(0);opacity:1;transition:.2s ease}.media-selection[hidden]{display:none!important}.media-selection.confirmed{animation:media-confirm .35s ease}.media-selection .selection-icon{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:#8b3546;border-radius:50%;font-size:1.2rem;font-weight:900}.media-selection b,.media-selection small{display:block}.media-selection b{font-size:.92rem}.media-selection small{margin-top:2px;color:#785e61;font-size:.77rem}.media-selection button{width:32px;height:32px;padding:0;color:#7d2d39;background:#fff7f3;border:1px solid #b97a82;border-radius:50%;font-size:1.3rem;line-height:1}.camera-result{color:#552732!important;background:#f3dfe0!important;border:1px dashed #a84a58}.camera-result img{border:2px solid #fff;box-shadow:0 2px 7px #5f253055}
@keyframes media-confirm{0%{opacity:.2;transform:translateY(-8px) scale(.98)}100%{opacity:1;transform:none}}
@media(max-width:760px){.feed-wrap>.create-post .small-primary{width:100%;min-height:44px}.media-selection{grid-template-columns:38px minmax(0,1fr) 32px;padding:10px}.media-selection .selection-icon{width:34px;height:34px}.controls .next{color:#fff!important}}

/* Havadis sayacı ve site geneli son kontrast denetimi */
.notification-link{position:relative}.notification-bell{display:inline-grid;place-items:center;font-size:1.35rem;line-height:1;transition:.2s ease}.notification-link.has-notification .notification-bell{color:#8b293b;animation:bell-alert 1.5s ease-in-out infinite}.notification-badge{display:grid;place-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;color:#fff!important;background:#b3263d!important;border:2px solid #fff7e8;border-radius:999px;box-shadow:0 3px 9px #6f142955;font:800 .68rem/1 Arial,sans-serif}.notification-badge[hidden]{display:none!important}.mobile-nav .notification-badge,.mobile-head .notification-badge{position:absolute;z-index:3;top:3px;right:calc(50% - 19px);min-width:19px;height:19px;padding:0 4px;border-width:1px;font-size:.61rem}.mobile-head .notification-link{display:inline-grid;place-items:center;min-width:42px;min-height:42px}.mobile-head .notification-badge{top:-3px;right:-5px}.mobile-nav .notification-link.has-notification:after{content:"";position:absolute;width:7px;height:7px;right:calc(50% - 15px);bottom:7px;border-radius:50%;background:#b3263d}
@keyframes bell-alert{0%,100%{transform:rotate(0)}15%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(7deg)}60%{transform:rotate(0)}}

.bubble-list{background:#fbf4e5}.bubble p,.bubble>a{color:#2d2b28!important;background:#e9dcc2!important;border:1px solid #c4b28a;box-shadow:0 2px 6px #77643b18}.bubble.mine p{color:#fff!important;background:#8a4050!important;border-color:#713342}.bubble time{color:#6d6659!important}.chat-list,.chat-room{color:#29312a;background:#fffaf0!important}.chat-list header,.chat-room>header{color:#29312a;border-color:#c6b68e;background:#f5ead4}.chat-list header button,.chat-room header button{color:#783342!important}.chat-list>a{color:#2e342e;border-color:#d5c8aa}.message-composer{background:#f5ead4;border-color:#c5b58e}.message-composer input{color:#282f29!important;background:#fffaf0!important;border-color:#b9a77d!important}.message-composer button,.message-composer label{color:#fff!important;background:#8b3546!important;border:1px solid #6f2534!important;border-radius:50%}.direct-emoji-tray{background:#efe2c9!important;border-color:#c8b995}.direct-emoji-tray button{color:#282f29;background:#fff8e9!important}.friends-strip{background:#f8efdc;border-color:#c8b995}.friends-strip button{color:#293229;background:#eadfc8}.call-overlay>div{color:#fff}.system-message{color:#514c43!important;background:#e9ddc6!important;border:1px solid #cab991}.messages .message p{color:#292b28!important;background:#e8dcc5!important;border:1px solid #c7b58c}.messages .message.mine p{color:#fff!important;background:#874555!important;border-color:#6e3340}.messages .message time{color:#746c5e!important}.message-panel .quick button{color:#6c3340!important;background:#f5e8d0;border-radius:7px}.message-header{background:#f3e7d0}.notification-item{color:#2a312b;background:#fffaf0;border-color:#d2c4a5}.notification-item.unread{background:#f7e3e5!important;border-left:4px solid #a84052}.notification-item time,.friend-row small,.chat-list small{color:#70695b!important}.state.accepted{color:#fff!important;background:#7d3a49!important}.form-panel,.profile-hero,.friend-section,.notification-list,.live-chat{color:#293129}.live-comments p{color:#302f2b;background:#eee1c8;border-radius:8px;padding:8px}.live-buttons button{color:#fff;background:#8b3546;border:1px solid #6f2534}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c97786!important;outline-offset:2px}
@media(max-width:760px){.mobile-nav .notification-link{overflow:visible}.notification-badge{margin-left:0}.bubble-list{padding:14px}.bubble{max-width:88%}.message-composer{gap:7px}.message-composer button,.message-composer label{display:grid;place-items:center;min-width:40px;height:40px;padding:0}}
.quiz-page{max-width:850px;margin:0 auto;padding:28px 18px 100px}.quiz-card{padding:24px;margin-bottom:20px}.quiz-card p{line-height:1.65}.quiz-score,.quiz-meta,.quiz-list-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.quiz-score{padding-bottom:20px;font-size:1.2rem}.quiz-list-row{padding:20px;margin-bottom:12px;color:inherit;text-decoration:none}.quiz-options{display:grid;gap:12px;margin:24px 0}.quiz-options button{background:#fffdf5;border:2px solid #b5beac;border-radius:12px;padding:16px;text-align:left;color:#18331f;min-height:52px;font:inherit;cursor:pointer}.quiz-options button:hover:not(:disabled),.quiz-options button.selected{background:#18331f;color:white}.quiz-options button:disabled{cursor:default}.quiz-options button:focus-visible{outline:3px solid #b47e29;outline-offset:3px}#quizError{color:#a12828}.quiz-page [hidden]{display:none!important}@media(max-width:600px){.quiz-card{padding:18px}.quiz-page h1{font-size:1.5rem}.mobile-nav{gap:0}.quiz-list-row{flex-direction:column}}