/* Light mobile design; desktop retains its four-column story catalog. */
.app-bottom-nav,.app-brand,.app-install{display:none}
@media(max-width:800px){
 body.deels-mobile-app{--app-purple:#9227ca;background:#fff;color:#23212d;padding-bottom:calc(88px + env(safe-area-inset-bottom));overflow-wrap:anywhere}
 body.deels-mobile-app>.sidebar,body.deels-mobile-app>.live-account-sidebar{display:none!important}
 body.deels-mobile-app.live-account-layout{padding-left:0}
 body.deels-mobile-app.ui-scale:has(>.sidebar)>main,body.deels-mobile-app.live-guest.ui-scale:has(>.sidebar)>main{margin:0!important;width:100%!important;padding:calc(78px + env(safe-area-inset-top)) 16px 20px!important}
 .deels-mobile-app .app-bottom-nav{position:fixed;z-index:80;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;min-height:70px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #eee8f2;backdrop-filter:blur(18px);box-sizing:border-box}
 .app-bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:48px;text-decoration:none;color:#77717d;font:500 10px/1.2 Manrope,Arial,sans-serif}
 .app-bottom-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .app-bottom-nav a[aria-current=page]{color:var(--app-purple);font-weight:800}
 .app-bottom-nav .app-create{width:52px;height:52px;min-height:52px;margin:-13px auto 0;border:4px solid #fff;border-radius:50%;background:linear-gradient(135deg,#a226ed,#7e21ce);color:white;box-shadow:0 4px 12px #9227ca30;box-sizing:content-box}
 .app-create svg{width:28px;height:28px}.app-create span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .app-bottom-nav a:focus-visible,.app-install:focus-visible{outline:3px solid #b56bdd;outline-offset:2px}
 .deels-mobile-app .app-brand{display:block;position:fixed;top:calc(16px + env(safe-area-inset-top));left:18px;z-index:62;color:#25212c;font:800 27px/36px Manrope,Arial,sans-serif;letter-spacing:-1.4px;text-decoration:none}
 .app-brand span{color:var(--app-purple)}
 .deels-mobile-app .app-install:not([hidden]){display:block;position:fixed;top:calc(22px + env(safe-area-inset-top));right:16px;z-index:63;border:1px solid #eadcf3;border-radius:20px;padding:7px 12px;font:600 12px Manrope,Arial,sans-serif;background:#f8efff;color:#8223bd;cursor:pointer}
 .deels-mobile-app:before{content:'';position:fixed;z-index:60;top:0;left:0;right:0;height:calc(70px + env(safe-area-inset-top));background:#fffffff5;border-bottom:1px solid #f0eaf4;backdrop-filter:blur(16px)}
 /* Account controls remain reachable, below the compact brand bar. */
 body.deels-mobile-app:has(>.sidebar) main>.live-header{position:static;height:auto!important;min-height:40px;flex-wrap:wrap;padding:0 0 12px;margin:0 0 16px;background:white;border-bottom:1px solid #f3edf6;font-size:12px}
 .deels-mobile-app .live-header>.live-user{flex:1;max-width:160px}.deels-mobile-app .live-header>a[href*="chats"]{display:none}
 .deels-mobile-app .live-header>button{font-size:11px;padding:6px 8px;min-height:36px;height:36px}
 .deels-mobile-app .browse-head{margin:0 0 18px;padding:0;align-items:center}.deels-mobile-app .browse-head h1{font-size:26px;letter-spacing:-.8px}
 .deels-mobile-app .browse-head .primary{font-size:12px;padding:9px 12px}
 .app-feed .browse-head h1{font-size:23px}.app-feed .live-page-navigation{display:none}
 .app-feed main>.live-actions{display:flex;gap:5px;border-bottom:1px solid #eee8f2;margin:0 0 16px;flex-wrap:wrap}
 .app-feed main>.live-actions button{border:0;border-radius:0;background:none;font-size:13px;padding:10px 8px;color:#77717d}
 .app-feed main>.live-actions button[aria-pressed=true]{color:var(--app-purple);border-bottom:3px solid var(--app-purple);font-weight:800}
 .app-feed main>.live-actions [data-create]{display:none}
 .app-feed main>.live-actions [data-refresh]{margin-left:auto;font-size:11px}
 .deels-mobile-app .live-toolbar{gap:8px;margin:0 0 18px}.deels-mobile-app .live-toolbar input{border:0;background:#f4f3f6;border-radius:12px;min-width:0}
 .app-feed .live-grid:has(>.live-story){max-width:480px;grid-template-columns:minmax(0,1fr);gap:24px;margin:20px auto}
 .app-feed .live-story{border:1px solid #eee8f2;border-radius:20px;box-shadow:0 5px 20px #3b1b4c08}
 .app-feed .live-story>.live-user{min-height:54px;padding:10px 14px}
 .app-feed .live-story>.live-media{aspect-ratio:9/16;max-height:72svh;object-fit:contain;background:#15121b}
 .app-feed .live-story .challenge-body{padding:12px 14px}.app-feed .live-story .live-message{font-size:14px}
 .deels-mobile-app .live-grid:has(>.live-contest){grid-template-columns:minmax(0,1fr);gap:20px;margin:18px 0}
 .deels-mobile-app .live-contest{border-radius:20px;box-shadow:0 4px 16px #29203108;border-color:#eee8f2}
 .deels-mobile-app .live-contest .challenge-body{padding:16px;gap:10px}.deels-mobile-app .live-contest .challenge-body h3{min-height:0;font-size:19px}.deels-mobile-app .live-contest .challenge-body p{min-height:0;-webkit-line-clamp:2;color:#797080}
 .deels-mobile-app .live-contest-link{background:var(--app-purple);color:white;border-radius:12px;font-weight:700}
 .deels-mobile-app .live-status-tabs{background:#f7f3fa;border:0}.deels-mobile-app .live-status-tabs button[aria-pressed=true]{border-color:transparent;background:var(--app-purple);color:white}
 .app-profile .profile-content{padding:0!important}.app-profile .identity-person{gap:16px;align-items:center}.app-profile .identity h1{font-size:24px;line-height:1.2;margin:0}.app-profile .identity p{color:#84798b;font-size:13px}
 .app-profile .live-profile-avatar{width:76px;height:76px;min-width:76px;max-width:76px;border:3px solid #f2e3fb}
 .app-profile .profile-content>.live-actions button,.app-profile .profile-content>.live-actions a{border-radius:10px;color:#7220a1;border-color:#b57bd7;background:white;min-height:42px;font-size:12px}
 .app-profile .profile-content>section .live-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-width:none;margin:20px 0}
 .app-profile .profile-content>section .live-story{border:0;border-radius:7px;box-shadow:none;overflow:hidden}
 .app-profile .profile-content>section .live-story>.live-user,.app-profile .profile-content>section .live-story>.challenge-body{display:none}
 .app-profile .profile-content>section .live-story>.live-media{aspect-ratio:9/16;object-fit:cover}
 .app-profile .app-story-thumbnail{display:block;width:100%;height:100%;border-radius:7px;overflow:hidden;position:relative;background:#f4ebfa;color:#9227ca;text-decoration:none}
 .app-story-thumbnail img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}.app-story-thumbnail span{display:grid;place-items:center;aspect-ratio:9/16;padding:8px;font-size:12px}.app-story-thumbnail small{position:absolute;bottom:6px;left:6px;color:white;background:#0008;padding:3px 5px;border-radius:5px}
 .deels-mobile-app .live-dialog{max-height:calc(100dvh - 40px);border-radius:22px}.deels-mobile-app .auth-page{padding-top:90px;padding-bottom:90px}
 .deels-mobile-app .community-challenge{padding-top:80px}.deels-mobile-app .live-form input,.deels-mobile-app .live-form textarea{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.deels-mobile-app *{scroll-behavior:auto!important}}
@media(max-width:800px){
 .app-feed .browse-head{display:none}
 .app-feed main>.live-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-bottom:8px}
 .app-feed main>.live-toolbar input{width:100%;min-width:0}
 .app-feed main>.live-toolbar button{min-height:44px}
 .app-feed main>.live-actions{margin-bottom:12px}
}
@media(max-width:800px){.app-profile .app-story-thumbnail>img{height:auto!important;aspect-ratio:9/16}}