/* Fısıltın V27 — iOS/mobile layout stabilization */
:root{--bg:#f7f6fb;--surface:#fff;--surface2:#f1eff7;--text:#17151d;--muted:#817d89;--line:#e6e2eb;--accent:#7447df;--accent2:#b34fc4;--soft:#eee9ff;--nav:#fff}
html[data-theme="dark"]{--bg:#0e0d13;--surface:#17161e;--surface2:#211f2a;--text:#f7f5fa;--muted:#a39eaa;--line:#2d2a35;--soft:#261d3c;--nav:#14131a}
html,body{width:100%!important;max-width:100%!important;min-height:100%!important;margin:0!important;padding:0!important;overflow-x:hidden!important;background:var(--bg)!important;color:var(--text)!important;-webkit-text-size-adjust:100%}
body{padding-top:0!important}.shell{width:100%!important;max-width:760px!important;min-height:100dvh!important;margin:0 auto!important;padding:0!important;overflow:visible!important;background:var(--bg)!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.shell>header{order:initial!important;position:sticky!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:68px!important;min-height:68px!important;padding:10px 16px!important;margin:0!important;z-index:900!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:linear-gradient(110deg,#32136d,#7443dc 58%,#9b45c9)!important;border:0!important;box-shadow:0 1px 0 rgba(255,255,255,.12)!important;transform:none!important}.brand{height:48px!important;display:flex!important;align-items:center!important;gap:10px!important}.brand .logo{width:42px!important;height:42px!important;min-width:42px!important;border-radius:14px!important;background:#fff!important;color:#6737c6!important;box-shadow:none!important}.brand b{color:#fff!important;font-size:20px!important}.header-actions{position:static!important;display:flex!important;align-items:center!important;gap:8px!important}.theme-toggle,.header-settings{position:static!important;inset:auto!important;width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.25)!important;background:rgba(255,255,255,.94)!important;color:#17151d!important;box-shadow:none!important;font-size:19px!important}
.shell>main{display:block!important;width:100%!important;min-height:calc(100dvh - 68px)!important;padding:0 0 calc(92px + env(safe-area-inset-bottom))!important;margin:0!important;overflow:visible!important;background:var(--bg)!important;color:var(--text)!important;transform:none!important}
/* discover */
.page-discover .video-discover-head{padding:18px 16px 8px!important;margin:0!important;background:var(--bg)!important}.page-discover .video-search{width:100%!important;height:54px!important;margin:0!important;border-radius:18px!important;background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:0 5px 20px rgba(45,29,75,.04)!important}.page-discover .video-filter{width:100%!important;height:50px!important;margin:6px 0 0!important;padding:0 8px!important;position:static!important}.page-discover .video-shuffle-label{padding:13px 6px 10px!important}.page-discover .video-promote{margin:0 0 14px!important;min-height:82px!important}.page-discover .people{padding:0 14px 20px!important}.page-discover .people article{width:100%!important;min-height:88px!important;margin:0!important;overflow:hidden!important}.page-discover .people article>div{min-width:0!important;overflow:hidden!important}.page-discover .people article span,.page-discover .people article p{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.page-discover .chat{flex:none!important}
/* stories: one filter, one header, no floating/overlap */
.page-feed .story-filter-wrap{position:static!important;inset:auto!important;transform:none!important;z-index:auto!important;display:block!important;width:auto!important;margin:0!important;padding:14px 16px 0!important;background:var(--bg)!important}.page-feed .story-filter-wrap>button{position:static!important;width:100%!important;height:48px!important;margin:0!important}.page-feed .flow-head{position:static!important;width:100%!important;margin:0!important;padding:16px 18px 12px!important;background:var(--bg)!important}.page-feed .story-rail{width:100%!important;margin:0!important;padding:0 16px 16px!important;overflow-x:auto!important;overflow-y:hidden!important}.page-feed .story-empty{margin:0 16px 20px!important;padding:42px 20px!important;min-height:320px!important;border:1px dashed var(--line)!important;border-radius:24px!important;background:var(--surface)!important;color:var(--text)!important}.page-feed .story-empty p{color:var(--muted)!important}.page-feed .story-grid{margin:0!important;padding:0 12px 20px!important}
/* inbox */
.page-messages .inbox-head{padding:28px 20px 18px!important;margin:0!important;background:var(--bg)!important;color:var(--text)!important}.page-messages .chat-list{padding:0 16px 20px!important;display:grid!important;gap:10px!important}.page-messages .chat-list>a{width:100%!important;min-height:82px!important;margin:0!important;padding:14px!important;background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:none!important}.page-messages .chat-list p,.page-messages .chat-list time{color:var(--muted)!important}
/* settings: eliminate legacy black blocks in light mode */
.page-settings .settings-head{position:static!important;width:auto!important;min-height:auto!important;margin:0!important;padding:24px 18px 12px!important;background:var(--bg)!important;color:var(--text)!important;display:flex!important;gap:12px!important;align-items:center!important}.page-settings .settings-head>a{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:14px!important;background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;text-decoration:none!important}.page-settings .settings-head small{color:var(--accent)!important}.page-settings .settings-head h1{margin:2px 0!important;color:var(--text)!important}.page-settings .settings-stack{width:100%!important;padding:0 16px 24px!important;margin:0!important;display:grid!important;gap:14px!important;background:var(--bg)!important}.page-settings .settings-card{width:100%!important;margin:0!important;padding:20px!important;border-radius:24px!important;background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:none!important;overflow:hidden!important}.page-settings .settings-card h2,.page-settings .settings-card h3,.page-settings .setting-item b,.page-settings .compact-form label{color:var(--text)!important}.page-settings .settings-card small,.page-settings .setting-item small,.page-settings .settings-empty{color:var(--muted)!important}.page-settings .setting-item{background:transparent!important;color:var(--text)!important;border-color:var(--line)!important}.page-settings .username-field{display:flex!important;align-items:center!important;width:100%!important;overflow:hidden!important;background:var(--surface2)!important;border:1px solid var(--line)!important;border-radius:16px!important}.page-settings .username-field span{flex:none!important;padding:0 0 0 14px!important;color:var(--text)!important}.page-settings .username-field input{min-width:0!important;flex:1!important;background:transparent!important;color:var(--text)!important;border:0!important}.page-settings .compact-form button{width:100%!important;border-radius:16px!important;background:linear-gradient(135deg,var(--accent),var(--accent2))!important;color:#fff!important}
/* profile editor */
.page-profile-edit .profile-editor-page{width:100%!important;margin:0!important;padding:20px 16px 24px!important;background:var(--bg)!important;color:var(--text)!important}.page-profile-edit .profile-editor-head{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 14px!important;padding:0!important;background:transparent!important;color:var(--text)!important}.page-profile-edit .profile-editor-head>a{flex:none!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:14px!important}.page-profile-edit .profile-editor-form{width:100%!important;margin:0!important;padding:0!important}.page-profile-edit .editor-card{width:100%!important;margin:0 0 14px!important;padding:18px!important;background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:24px!important;box-shadow:none!important}.page-profile-edit .editor-card h2,.page-profile-edit .editor-card label,.page-profile-edit .editor-title h2{color:var(--text)!important}.page-profile-edit .editor-card p,.page-profile-edit .editor-card small{color:var(--muted)!important}.page-profile-edit .editor-field input,.page-profile-edit .editor-field textarea,.page-profile-edit .editor-field select{background:var(--surface2)!important;color:var(--text)!important;border:1px solid var(--line)!important}.page-profile-edit .photo-slot{background:var(--surface2)!important;color:var(--text)!important}
/* wallet */
.page-wallet .wallet-head{margin:20px 16px 12px!important;padding:34px 20px!important;border-radius:26px!important;background:linear-gradient(145deg,var(--surface),var(--soft))!important;color:var(--text)!important;border:1px solid var(--line)!important}.page-wallet .wallet-head small{color:var(--accent)!important}.page-wallet .wallet-head p{color:var(--muted)!important}.page-wallet .packages{padding:0 16px 20px!important}.page-wallet .packages form{min-height:74px!important;margin:0 0 10px!important;padding:12px 14px!important;background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important}.page-wallet .packages form span{color:var(--muted)!important}
/* bottom navigation: always exactly five visible tabs */
.shell>nav{position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;top:auto!important;transform:translateX(-50%)!important;width:min(100%,760px)!important;height:calc(74px + env(safe-area-inset-bottom))!important;margin:0!important;padding:5px 6px env(safe-area-inset-bottom)!important;z-index:950!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important;gap:2px!important;overflow:hidden!important;background:var(--nav)!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;box-shadow:0 -8px 28px rgba(30,20,50,.05)!important}.shell>nav>a{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;inset:auto!important;transform:none!important;width:auto!important;min-width:0!important;max-width:none!important;height:64px!important;margin:0!important;padding:4px 1px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;border-radius:16px!important;overflow:hidden!important;color:var(--muted)!important;background:transparent!important}.shell>nav>a span{display:block!important;visibility:visible!important;position:static!important;margin:0!important;font-size:10px!important;line-height:1.1!important;white-space:nowrap!important;color:inherit!important}.shell>nav>a.on{background:var(--soft)!important;color:var(--accent)!important}
@media(max-width:390px){.shell>header{padding-left:12px!important;padding-right:12px!important}.brand b{font-size:18px!important}.page-discover .people article{grid-template-columns:50px minmax(0,1fr) 40px!important}.page-profile-edit .photo-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.page-settings .settings-card{padding:16px!important}}
@media(min-width:761px){body{padding:0!important}.shell{border-radius:0!important}.shell>nav{bottom:0!important;border-radius:0!important}}
