/* 9 AĞUSTOS · responsive social experience */
:root{--ink:#111116;--muted:#8a8991;--line:#ececf0;--paper:#fff;--soft:#f6f6f8;--pink:#ff315f;--violet:#a54cff;--cyan:#13c7d9;--shadow:0 18px 55px rgba(25,20,35,.09);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer;border:0;color:inherit;background:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(255,49,95,.24);outline-offset:2px}.hidden{display:none!important}
.auth-screen{min-height:100svh;max-width:520px;margin:auto;padding:26px 26px 22px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 85% 0%,#ffe7ee 0,transparent 38%),radial-gradient(ellipse at 0 78%,#f2eaff 0,transparent 32%),#fff}.auth-brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.11em;font-size:13px}.auth-brand img{width:44px;height:44px;object-fit:cover;border-radius:14px;box-shadow:0 6px 20px #e6b4c8}.auth-copy{margin:clamp(52px,12vh,112px) 0 35px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:800;color:#a19da8}.auth-copy h1{font-family:Manrope,sans-serif;font-size:clamp(40px,11vw,57px);line-height:1.02;letter-spacing:-.065em;margin:15px 0}.auth-copy h1 em{font-style:normal;background:linear-gradient(100deg,var(--pink),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.auth-copy p,.page-heading p{color:var(--muted);font-size:14px}.auth-card{border:1px solid #eeeaf0;border-radius:25px;padding:9px;background:#ffffffd9;box-shadow:var(--shadow);backdrop-filter:blur(20px)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#f4f3f6;border-radius:16px;margin-bottom:22px}.auth-tabs button{padding:13px 8px;border-radius:12px;font-weight:700;color:#85818c}.auth-tabs button.active{background:#fff;color:#17151b;box-shadow:0 3px 12px #17151b0c}.auth-card label,.modal-body label{display:block;font-size:12px;font-weight:700;margin:14px 5px;color:#45424a}.auth-card input,.modal-body input,.modal-body textarea{width:100%;display:block;border:1px solid #e8e6eb;background:#faf9fb;border-radius:14px;padding:16px 15px;margin-top:8px;font-size:15px;color:var(--ink);outline:none}.auth-card input:focus,.modal-body input:focus,.modal-body textarea:focus{border-color:#f58aa5;background:#fff}.password-wrap{position:relative}.password-wrap input{padding-right:50px}.password-wrap button{position:absolute;right:8px;top:15px;width:38px;height:38px;color:#999}.primary-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-radius:15px;background:linear-gradient(105deg,var(--pink),#e044bd 58%,var(--violet));color:#fff;font-size:15px;font-weight:800;box-shadow:0 10px 22px #ed4d8b30;margin-top:20px}.primary-btn span{font-size:22px}.fine-print{font-size:10px;color:#aaa4ae;text-align:center;margin:17px 8px 10px}.auth-error{font-size:12px;color:#d52851;padding:0 8px}.auth-screen footer{margin-top:auto;padding-top:36px;color:#aaa5af;font-size:10px;letter-spacing:.2em;font-weight:800}.auth-screen footer span{padding:0 7px;color:var(--pink)}
.app-shell{min-height:100svh;padding-bottom:88px}.topbar{height:68px;position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid #f1f0f2;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1160px)/2))}.brand-mini{display:flex;align-items:center;gap:10px;font-size:16px;letter-spacing:-.04em}.brand-mini img{width:34px;height:34px;border-radius:11px;object-fit:cover}.top-actions{display:flex;align-items:center;gap:13px}.icon-btn{font-size:31px;line-height:1;width:42px;height:42px}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#ffdbe5,#ded0ff);background-size:cover;background-position:center;display:inline-flex;align-items:center;justify-content:center;flex:none;color:#6e4260;font-weight:800}.avatar.tiny{width:34px;height:34px}.page{display:none;max-width:1160px;margin:0 auto;padding:27px 22px 36px}.page.active{display:block;animation:pageIn .28s ease both}@keyframes pageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.feed-head{display:flex;align-items:end;justify-content:space-between}.feed-head h2,.page-heading h2{font-family:Manrope,sans-serif;font-size:34px;letter-spacing:-.06em;margin:5px 0 0}.feed-tabs{display:flex;gap:18px;color:#aaa;font-weight:700;font-size:13px}.feed-tabs .selected{color:#17151b;position:relative}.feed-tabs .selected:after{content:"";position:absolute;bottom:-9px;left:25%;width:50%;height:3px;background:var(--pink);border-radius:4px}.topic-row{display:flex;gap:9px;overflow:auto;padding:24px 0 18px;scrollbar-width:none}.topic-row::-webkit-scrollbar{display:none}.topic{white-space:nowrap;background:#f5f4f6;padding:10px 15px;border-radius:99px;color:#77727d;font-size:12px;font-weight:700}.topic.active{background:#17151b;color:white}.feed-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;align-items:start}.video-feed{display:grid;gap:24px}.video-card{border:1px solid #eeeef1;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 7px 25px #17151b08}.video-art{height:clamp(300px,54vw,560px);max-height:560px;background:#19171d;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-art>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.82}.video-shade{position:absolute;inset:0;background:linear-gradient(0deg,#08070b9c,transparent 65%)}.play-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:62px;height:62px;border:1px solid #ffffffa8;background:#ffffff30;backdrop-filter:blur(12px);border-radius:50%;display:grid;place-items:center;color:white;font-size:20px;padding-left:4px}.video-tag{position:absolute;left:22px;bottom:20px;color:white;font-size:10px;letter-spacing:.18em;font-weight:800}.video-meta{display:flex;justify-content:space-between;gap:15px;padding:17px 18px}.video-meta b{font-size:14px}.video-meta p{font-size:13px;color:#6f6b74;margin:6px 0}.hashtags{color:#7b5ab1;font-size:12px;font-weight:700}.video-actions{display:flex;gap:12px;align-items:center}.video-actions button{font-size:22px;color:#39353d;display:flex;flex-direction:column;align-items:center}.video-actions small{font-size:9px;color:#9a959e}.feed-side{display:grid;gap:15px;position:sticky;top:88px}.side-card{padding:22px;border:1px solid #eeeef1;border-radius:20px;background:linear-gradient(145deg,#fff,#fbf7fa)}.side-card h3{font-size:21px;letter-spacing:-.04em;margin:9px 0}.side-card p{font-size:12px;color:#85808b;line-height:1.6}.soft-btn{background:#f1eff3;padding:11px 15px;border-radius:12px;font-size:12px;font-weight:800}.soft-btn span{margin-left:12px}.dark-side{background:#19171d;color:#fff;overflow:hidden}.dark-side img{width:54px;height:54px;object-fit:cover;border-radius:17px}.dark-side p{color:#c5c0ca}
.page-heading{margin:5px 0 23px}.page-heading h2{font-size:35px}.search-box{height:54px;display:flex;align-items:center;gap:10px;background:#f4f3f5;border:1px solid #eeedf0;border-radius:16px;padding:0 15px}.search-box>span{font-size:25px;color:#888}.search-box input{border:0;outline:0;background:none;flex:1;min-width:0;font-size:14px}.search-box button{font-size:24px;color:#aaa}.search-tabs,.people-tabs{display:flex;gap:8px;margin:18px 0}.search-tabs button,.people-tabs button{padding:11px 16px;border-radius:12px;background:#f4f3f5;font-size:12px;font-weight:700;color:#89848e}.search-tabs button.selected,.people-tabs button.selected{background:#19171d;color:white}.search-results,.people-list,.conversation-list{display:grid;gap:9px}.person-row,.conversation-row{display:flex;align-items:center;gap:13px;padding:13px 11px;border-bottom:1px solid #f0eff2;cursor:pointer}.person-row:hover,.conversation-row:hover{background:#faf9fb;border-radius:15px}.person-info,.conversation-info{flex:1;min-width:0}.person-info b,.conversation-info b{font-size:13px}.person-info small,.conversation-info p,.conversation-info small{display:block;color:#96919b;font-size:11px;margin-top:4px}.person-action{padding:9px 14px;border-radius:10px;background:#19171d;color:#fff;font-size:11px;font-weight:700}.person-action.following{background:#f0eef2;color:#777}.empty-state{padding:58px 20px;text-align:center;color:#99939d;display:grid;justify-items:center;gap:8px}.empty-state>span{font-size:42px;color:#c9c4ce}.empty-state b{font-size:14px;color:#35313a}.empty-state p{font-size:12px;margin:0;max-width:270px;line-height:1.5}
.people-tabs button b{margin-left:5px}.story-strip{display:flex;gap:17px;overflow:auto;padding:8px 0 19px;border-bottom:1px solid #eee}.story-item,.story-users{display:flex;flex-direction:column;align-items:center;gap:6px}.story-item b,.story-users b{font-size:10px;white-space:nowrap}.story-ring{width:68px;height:68px;padding:3px;border-radius:50%;border:2px solid transparent;background:linear-gradient(white,white) padding-box,linear-gradient(135deg,#17c7e0,#5bd78d,#c2a0ff) border-box;position:relative}.story-ring .avatar{width:100%;height:100%}.story-ring i{position:absolute;right:-2px;bottom:-1px;background:#19c8dc;color:white;font-style:normal;border:2px solid white;border-radius:50%;width:22px;height:22px;text-align:center;font-size:16px}.story-users{flex-direction:row}.story-user{display:grid;justify-items:center;gap:5px}.story-user .avatar{width:68px;height:68px;border:3px solid #20c8d5;padding:2px;background-clip:content-box}.inbox-filter{display:flex;gap:8px;padding:15px 0}.inbox-filter button{background:#f3f2f4;border-radius:10px;padding:9px 13px;font-size:11px;font-weight:700;color:#8b8690}.inbox-filter button.selected{background:#dff8fb;color:#16889a}.conversation-row{padding:12px 5px}.conversation-row .avatar{width:51px;height:51px}.conversation-info p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0}.conversation-time{font-size:10px;color:#aaa}
.profile-cover{height:180px;border-radius:0 0 22px 22px;background:linear-gradient(115deg,#27232d99,#1119),url("../assets/brand-photo.jpg") center 38%/cover;position:relative;overflow:hidden}.profile-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#09080b66,transparent)}.cover-actions{position:absolute;right:16px;top:15px;z-index:1;display:flex;gap:8px}.round-btn{width:38px;height:38px;border-radius:50%;background:#ffffffdb;backdrop-filter:blur(10px);font-size:17px;display:grid;place-items:center}.profile-main{padding:0 12px}.profile-identity{display:flex;align-items:center;gap:13px;margin-top:-31px;position:relative;z-index:2}.profile-avatar{width:82px;height:82px;border:4px solid white;box-shadow:0 4px 12px #0001}.profile-names{flex:1;min-width:0;padding-top:29px}.profile-names h2{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.05em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-names>span:not(.admin-badge){font-size:11px;color:#8f8994}.admin-badge{display:inline-block;background:#fff0f4;color:#e72c5a;font-size:9px;font-weight:900;letter-spacing:.1em;padding:4px 7px;border-radius:6px;margin-top:5px}.edit-pill{border:1px solid #e8e6eb;padding:10px 13px;border-radius:10px;font-size:11px;font-weight:700;margin-top:26px;white-space:nowrap}.profile-bio{font-size:13px;color:#5e5963;margin:16px 0}.stats-row{display:flex;gap:27px;border-bottom:1px solid #eee;padding:8px 0 20px}.stats-row button,.stats-row>div{display:grid;gap:3px;text-align:left}.stats-row b{font-size:17px}.stats-row span{font-size:10px;color:#98929d}.profile-tabs{display:flex;justify-content:space-around;border-bottom:1px solid #eee}.profile-tabs button{padding:15px 8px;color:#96919b;font-size:20px}.profile-tabs button span{font-size:11px;margin-left:5px}.profile-tabs button.selected{color:#19171d;border-bottom:2px solid #19171d}.profile-empty{min-height:260px;display:grid;justify-items:center;align-content:center;gap:9px;text-align:center;color:#aaa}.profile-empty>span{font-size:38px}.profile-empty b{color:#343039;font-size:14px}.profile-empty p{font-size:11px;max-width:280px;line-height:1.5;margin:0}
.chat-page{padding-top:0;min-height:calc(100svh - 160px);position:relative}.chat-top{height:65px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #eee;position:sticky;top:68px;background:#fff;z-index:5}.back-btn{font-size:30px;color:#555;width:28px}.chat-top>div:nth-child(3){flex:1}.chat-top b{font-size:13px;display:block}.chat-top small{font-size:10px;color:#999}.chat-messages{display:flex;flex-direction:column;gap:10px;padding:20px 0 90px;min-height:390px}.message{max-width:min(76%,440px);padding:11px 14px;border-radius:17px;background:#f1f0f3;font-size:13px;line-height:1.5;align-self:flex-start;overflow-wrap:anywhere}.message.mine{background:linear-gradient(110deg,#ff3c70,#b54bfa);color:white;align-self:flex-end;border-bottom-right-radius:5px}.message small{display:block;font-size:9px;opacity:.6;margin-top:5px}.chat-composer{position:sticky;bottom:80px;display:flex;gap:8px;padding:10px;background:#f7f6f8;border:1px solid #efedf1;border-radius:17px}.chat-composer>button:first-child{width:35px;font-size:23px;color:#777}.chat-composer input:not([type=file]){flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:13px}.send-btn{width:35px;height:35px;border-radius:12px;background:#19171d;color:white}.chat-note{text-align:center;color:#aaa;font-size:9px;padding:8px}
.bottom-nav{height:72px;position:fixed;z-index:30;bottom:0;left:0;right:0;background:#ffffffed;backdrop-filter:blur(22px);border-top:1px solid #eae9ed;display:flex;align-items:center;justify-content:space-around;padding:5px max(8px,calc((100vw - 680px)/2)) calc(5px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #17151b08}.nav-item{position:relative;min-width:54px;display:flex;flex-direction:column;align-items:center;gap:2px;color:#99939e;transition:transform .2s,color .2s}.nav-item span{font-size:25px;line-height:28px}.nav-item small{font-size:9px;font-weight:700}.nav-item.active{color:#19171d;transform:translateY(-2px)}.nav-item.active span{font-weight:900}.nav-item i{position:absolute;top:-2px;right:3px;width:7px;height:7px;background:var(--pink);border:1px solid white;border-radius:50%}.nav-create{width:45px;height:38px;border-radius:13px;background:#19171d;color:#fff;font-size:28px;line-height:1;box-shadow:-3px 0 #1cc9d6,3px 0 #fb3a75;transition:transform .2s}.nav-create:active{transform:scale(.92)}
.modal{width:min(92vw,440px);border:0;border-radius:24px;padding:0;box-shadow:0 25px 100px #17151b35}.modal::backdrop{background:#17151b66;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 8px}.modal-head h3{font-size:22px;margin:4px 0}.close-modal{font-size:27px;color:#999}.modal-body{padding:5px 22px 24px}.modal-body label{margin:13px 0}.modal-body input,.modal-body textarea{font-size:13px}.compact-modal{padding:24px}.toast{position:fixed;z-index:100;top:18px;left:50%;transform:translate(-50%,-20px);opacity:0;pointer-events:none;background:#19171d;color:#fff;padding:12px 17px;border-radius:12px;font-size:12px;box-shadow:var(--shadow);transition:.25s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:900px){.app-shell{padding-bottom:0}.bottom-nav{top:50%;bottom:auto;left:calc(50% - 660px);right:auto;width:64px;height:auto;transform:translateY(-50%);border:1px solid #eee;border-radius:22px;padding:12px 4px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow)}.nav-item small{font-size:8px}.nav-create{order:3;width:42px}.page{padding-left:105px;padding-right:25px}.topbar{padding-left:105px}.profile-cover{height:230px}.chat-page{min-height:calc(100vh - 68px)}}
@media(max-width:680px){.topbar{height:58px;padding:0 16px}.page{padding:22px 15px 25px}.feed-head h2,.page-heading h2{font-size:30px}.feed-layout{display:block}.feed-side{display:none}.video-art{height:clamp(340px,63vh,620px);border-radius:17px}.video-card{border:0;box-shadow:none}.video-meta{padding:12px 4px}.video-actions{gap:9px}.profile-cover{height:155px;margin:0 -15px;border-radius:0 0 18px 18px}.profile-main{padding:0 3px}.profile-names h2{font-size:21px}.edit-pill{font-size:10px;padding:9px}.stats-row{gap:23px}.chat-top{top:58px}.chat-page{padding-left:15px;padding-right:15px}.bottom-nav{height:68px}.nav-item span{font-size:23px}.nav-item small{font-size:8px}.nav-create{width:42px;height:36px}.auth-screen{padding:22px 20px}.auth-copy{margin-top:clamp(55px,12vh,95px)}}
@media(max-width:360px){.profile-identity{gap:8px}.profile-avatar{width:70px;height:70px}.profile-names h2{font-size:18px}.edit-pill{padding:8px;font-size:9px}.stats-row{gap:16px}.nav-item{min-width:48px}}

.video-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.external-video{position:relative;display:flex;flex-direction:column;gap:8px;color:inherit;text-decoration:none;border:1px solid #eee;border-radius:16px;overflow:hidden;padding-bottom:10px}.external-video img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#eee}.external-video span{padding:0 10px;display:grid;gap:4px}.external-video b{font-size:12px;line-height:1.35}.external-video small{font-size:10px;color:#999}.external-video i{position:absolute;right:9px;top:9px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#ffffffdf;color:#17151b;font-size:11px;font-style:normal}.discover-cta{padding:22px;border-radius:19px;background:#f7f4f8}.discover-cta b{font-size:15px}.discover-cta p{font-size:12px;color:#888;line-height:1.5}.view-cover{height:115px;margin:-24px -24px 0;background-size:cover;background-position:center}.view-person{display:flex;align-items:center;gap:12px;margin-top:-25px;position:relative}.view-avatar{width:66px;height:66px;border:4px solid white}.view-person h3{font-size:18px;margin:22px 0 2px}.view-person small{font-size:11px;color:#999}.view-bio{font-size:12px;color:#666;line-height:1.5}.view-stats{display:flex;gap:25px;font-size:11px;color:#888}.view-stats b{font-size:15px;color:#19171b;margin-right:4px}.view-buttons{display:flex;gap:10px;align-items:center}.view-buttons .primary-btn{margin:10px 0;flex:1}.view-buttons .soft-btn{white-space:nowrap}.message img{display:block;max-width:100%}
@media(max-width:520px){.video-results{grid-template-columns:1fr 1fr}.external-video b{font-size:10px}.view-buttons{flex-direction:column;align-items:stretch}.view-buttons .soft-btn{padding:12px}}

.inline-player{position:relative;margin-top:18px;aspect-ratio:16/9;background:#111;border-radius:17px;overflow:hidden}.inline-player iframe{width:100%;height:100%;border:0}.inline-player>button{position:absolute;z-index:2;right:9px;top:9px;width:30px;height:30px;border-radius:50%;background:#ffffffd9;font-size:22px}

.feed-video-card .feed-video-open{width:100%;height:clamp(330px,58vw,600px);max-height:620px;position:relative;display:block;background:#17151b;overflow:hidden}.feed-video-open img{width:100%;height:100%;object-fit:cover}.feed-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border:1px solid #ffffff99;background:#ffffff30;color:white;border-radius:50%;display:grid;place-items:center;backdrop-filter:blur(12px);padding-left:4px}.feed-video-index{position:absolute;bottom:15px;left:17px;color:#fff;background:#0007;border-radius:8px;padding:5px 8px;font-size:10px}.feed-embed{width:100%;aspect-ratio:9/16;max-height:650px;background:#111}.feed-embed iframe{width:100%;height:100%;border:0}.feed-video-card .video-meta{padding:15px 17px}.feed-video-card .video-actions button{font-size:20px}