
/* Unified midnight UI across every route and modal */
html,body.app-body{background:#080b16!important;color:#f4f3fb!important;color-scheme:dark}
body.app-body .modal,body.app-body .modal-content,body.app-body .modal-card,body.app-body .dialog,body.app-body .panel,body.app-body .composer,body.app-body .field,body.app-body input,body.app-body textarea,body.app-body select,body.app-body .dropdown,body.app-body .popover{background-color:#111525!important;color:#f3f2fc!important;border-color:#303348!important}
body.app-body input::placeholder,body.app-body textarea::placeholder{color:#9298ad!important}
body.app-body .mobile-nav{background:#0b0e1b!important;border-top:1px solid #262a3b!important;display:flex;align-items:center}
body.app-body .mobile-nav a{min-width:0;flex:1;gap:5px;color:#aeb3c8;font-size:10px}
body.app-body .mobile-nav a.active{color:#b69aff}
body.app-body .mobile-create{flex:0 0 54px;width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#9a75ff,#673ce5);color:white;box-shadow:0 8px 30px #7146e570;display:grid;place-items:center;transform:translateY(-8px)}
body.app-body .mobile-create .icon{width:26px;height:26px}
body.app-body .top-post{background:#7c54e9!important;color:#fff!important}
body.app-body .buzz-camera-studio{margin:8px 0 20px}
.buzz-camera-stage{position:relative;max-width:360px;margin:0 auto;aspect-ratio:9/13;background:#05060d;border-radius:24px;overflow:hidden;touch-action:pan-y;border:1px solid #303349}
.buzz-camera-stage video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}
.buzz-camera-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:35px;color:#adb0c6;font-size:14px;pointer-events:none}
.buzz-camera-top,.buzz-camera-bottom{position:absolute;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:2}
.buzz-camera-top{top:14px}.buzz-camera-bottom{bottom:18px}
.buzz-camera-top button,.buzz-camera-secondary{border:1px solid #ffffff4a;background:#171827a8;color:white;padding:10px 12px;border-radius:30px;font-weight:750;font-size:12px;backdrop-filter:blur(10px)}
.buzz-shutter{width:68px;height:68px;border:5px solid white;border-radius:50%;background:#ffffff35;box-shadow:0 0 0 3px #ffffff55 inset;flex:none}
.buzz-shutter.is-recording{background:#f34e69;border-radius:22px;width:58px;height:58px}
.buzz-shutter:disabled{opacity:.4}.buzz-recording-indicator{position:absolute;top:68px;left:16px;color:#fff;background:#d42e51;padding:7px 10px;border-radius:12px;font-weight:800;z-index:3}
.buzz-camera-tip{color:#adb0c6;font-size:12px;line-height:1.5;text-align:center;max-width:390px;margin:12px auto}
.buzz-camera-result{font-size:12px;color:#cbb9ff;text-align:center}
@media(min-width:771px){body.app-body .top-post{display:inline-flex!important}}
