.mobile-app-header,.mobile-app-tabs{display:none}.mobile-app-dialog{color:#edf0f3;background:#20262b;border:1px solid #39454f;border-radius:20px;width:min(480px,100% - 24px);max-height:calc(100dvh - 32px);margin:auto;padding:0;box-shadow:0 24px 100px #0008}.mobile-app-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#070c12b8}.mobile-panel-header{z-index:2;background:#20262b;border-bottom:1px solid #ffffff0c;justify-content:space-between;align-items:center;padding:16px 18px;display:flex;position:sticky;top:0}.mobile-panel-header h2{font-size:19px;font-weight:650}.mobile-panel-header button{background:#2c353d;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.mobile-panel-content{padding:18px}.mobile-panel-hint{color:#a8b4bf;margin-bottom:18px;font-size:14px}.mobile-writer-summary{align-items:center;gap:16px;min-width:0;padding:4px 4px 20px;display:flex}.mobile-writer-summary>div{min-width:0}.mobile-writer-summary strong{overflow-wrap:anywhere;font-size:18px;display:block}.mobile-writer-summary span{color:#a8b4bf;margin-top:3px;font-size:12px;display:block}.mobile-create-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px;display:grid}.mobile-create-grid a{color:#ff956d;background:#ff693410;border:1px solid #ff693433;border-radius:12px;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:14px 10px;font-size:12px;font-weight:600;line-height:1.4;display:flex}.mobile-menu-links{flex-direction:column;gap:3px;display:flex}.mobile-menu-links a,.mobile-sign-out{border-radius:10px;align-items:center;gap:14px;min-height:48px;padding:12px;font-size:14px;display:flex}.mobile-menu-links a:hover{background:#2c353d}.mobile-menu-links svg{color:#a4b3bf;flex:none}.mobile-sign-out{color:#ff9e91;border-top:1px solid #ffffff0b;width:100%;margin-top:12px}.mobile-app-dialog :focus-visible,.mobile-app-header :focus-visible,.mobile-app-tabs :focus-visible{outline-offset:3px;outline:2px solid #ff845b}.app-content{padding-top:60px;padding-bottom:0;padding-inline:16px}.app-chat-viewport{height:calc(100dvh - 60px)}.community-tabs{gap:8px;padding-bottom:4px;display:flex;overflow:auto}.community-tabs a{white-space:nowrap;color:#b9c4ce;border:1px solid #39454f;border-radius:12px;align-items:center;gap:7px;min-height:44px;padding:10px 14px;font-size:13px;display:flex}.community-tabs a[aria-current=page]{color:#ff956d;background:#ff69341a;border-color:#ff693455}.community-chat-panel{flex-direction:column;height:calc(100dvh - 240px);min-height:380px;display:flex}.community-chat-panel>div{flex:1;min-height:0}@media (max-width:1023px){.mobile-app-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1b2229f5;border-bottom:1px solid #ffffff0c;justify-content:space-between;align-items:center;gap:12px;height:60px;padding:0 14px;display:flex;position:fixed;inset:0 0 auto}.mobile-app-header .campfire-logo-wordmark{letter-spacing:1px;font-size:16px}.mobile-app-header .campfire-logo-mark{width:23px;height:31px}.mobile-header-actions{gap:5px;display:flex}.mobile-header-actions button{color:#c5d0d9;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;position:relative}.mobile-header-actions button:hover{background:#2c353d}.mobile-app-tabs{z-index:50;min-height:68px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1b2229f5;border-top:1px solid #ffffff12;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}.mobile-app-tabs>a,.mobile-app-tabs>button{color:#a6b3c0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:54px;font-size:10px;font-weight:550;display:flex}.mobile-app-tabs .active{color:#ff9168;background:#ff693414}.mobile-tab-icon{position:relative}.mobile-unread-dot{background:#ff6934;border-radius:50%;width:7px;height:7px;position:absolute;top:1px;right:1px;box-shadow:0 0 0 2px #1b2229}.mobile-header-actions .mobile-unread-dot{top:8px;right:9px}.app-content{padding:60px 14px calc(84px + env(safe-area-inset-bottom))}.app-chat-viewport{height:calc(100dvh - 136px - env(safe-area-inset-bottom));padding-block:8px!important}.app-chat-viewport>div{min-width:0}.app-shell main{overflow-wrap:anywhere}.app-shell input:not([type=checkbox]):not([type=radio]),.app-shell textarea,.app-shell select,.mobile-app-dialog input{font-size:16px!important}.app-shell input,.app-shell select{min-height:44px}.app-shell textarea{max-width:100%}.community-chat-panel{height:calc(100dvh - 300px - env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.mobile-app-dialog{scroll-behavior:auto}}@media (max-width:1023px){.app-chat-viewport{height:calc(var(--app-viewport-height,100dvh) - 136px - env(safe-area-inset-bottom))}html[data-mobile-keyboard=true] .mobile-app-tabs{display:none}html[data-mobile-keyboard=true] .app-content{padding-bottom:12px}html[data-mobile-keyboard=true] .app-chat-viewport{height:calc(var(--app-viewport-height,100dvh) - 72px)}}.dm-shell{height:var(--app-viewport-height,100dvh);width:100%;max-width:100%;overflow:hidden;min-height:0!important}.dm-shell>div{flex-direction:column;min-width:0;height:100%;display:flex}.dm-shell .app-content{flex:1;min-height:0;padding-bottom:0}.dm-shell .app-content>div{height:100%;min-height:0}.dm-shell main{flex-direction:column;min-height:0;display:flex}.dm-shell main>div:last-child{flex:1;height:auto;min-height:0}.dm-shell .app-chat-viewport{box-sizing:border-box;width:100%;max-width:100%;height:100%!important;padding-block:8px!important}.dm-shell .dm-message-list{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow-x:hidden}.dm-shell .dm-recipient{min-width:0;color:inherit;flex:1;align-items:center;gap:12px;text-decoration:none;display:flex}.dm-shell .dm-recipient>div:first-child{flex-shrink:0}.dm-shell .dm-recipient>div:last-child{overflow-wrap:anywhere;min-width:0}.dm-shell .dm-recipient p{overflow-wrap:anywhere}.dm-shell .dm-recipient>div:last-child>div{flex-wrap:wrap;gap:0 6px}.dm-shell .dm-back{flex-shrink:0;place-items:center;min-width:44px;min-height:44px;display:grid}.dm-shell .dm-message{margin-block:8px}.dm-shell .dm-bubble{min-width:0;max-width:calc(100% - 44px)}.dm-shell .dm-bubble>div{max-width:100%}.dm-shell .dm-typing{color:#a8b4bf;flex:none;align-items:center;gap:5px;height:24px;font-size:12px;display:flex}.dm-shell .dm-typing i{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.2s infinite dm-typing;display:inline-block}.dm-shell .dm-typing i:nth-child(2){animation-delay:.15s}.dm-shell .dm-typing i:nth-child(3){animation-delay:.3s}@keyframes dm-typing{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.dm-shell .dm-typing i{opacity:.8;animation:none}}@media (max-width:1023px){.dm-shell .app-content{padding:60px 6px calc(68px + env(safe-area-inset-bottom))}.dm-shell .app-chat-viewport{padding-block:4px!important}.dm-shell .mobile-app-header{box-sizing:border-box;min-width:0;max-width:100%;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));gap:6px}.dm-shell .mobile-app-header>a{min-width:0;max-width:calc(100% - 100px)}.dm-shell .mobile-header-actions{flex-shrink:0}.dm-shell .dm-header{gap:6px;padding:6px 8px}.dm-shell .dm-message-area{margin:0 4px;padding:6px 4px 0}.dm-shell .dm-message-list{scrollbar-gutter:auto;padding:0 2px}.dm-shell .dm-message{gap:6px;margin-block:6px}.dm-shell .dm-bubble{max-width:calc(100% - 42px)}.dm-shell .dm-bubble>div.rounded-xl{padding:8px 10px}.dm-shell .dm-bubble>div:last-child{gap:2px;margin-top:2px}.dm-shell textarea{min-width:0}.dm-shell .dm-composer{padding-bottom:max(6px,env(safe-area-inset-bottom));margin-top:4px}html[data-mobile-keyboard=true] .dm-shell .app-content{padding-bottom:0}}.pending-invitation-badge{color:#fff;pointer-events:none;background:#ff6934;border:2px solid #20262b;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;top:-3px;right:-3px}.mobile-header-actions .pending-invitation-badge{top:0;right:0}.campaign-settings-panel{overscroll-behavior:contain;max-height:min(45dvh,320px);overflow-y:auto}.campaign-settings-panel[hidden]{display:none}.campaign-settings-panel button{min-height:44px}.campaign-settings-panel>div.flex{align-items:flex-start}@media (max-width:767px){.campaign-chat-header{gap:4px;padding:6px 8px}.campaign-chat-header>button:last-child{white-space:normal;max-width:120px;padding-inline:8px}.campaign-settings-panel{padding:8px}}.chat-viewport-shell{height:var(--app-viewport-height,100dvh);width:100%;max-width:100%;overflow:hidden;min-height:0!important}.chat-viewport-shell>div{flex-direction:column;min-width:0;height:100%;display:flex}.chat-viewport-shell .app-content{flex:1;min-height:0;padding-bottom:0}.chat-viewport-shell .app-content>div{height:100%;min-height:0}.chat-viewport-shell main{flex-direction:column;min-height:0;display:flex}.chat-viewport-shell main>div:last-child{flex:1;height:auto;min-height:0}.chat-viewport-shell .app-chat-viewport{box-sizing:border-box;width:100%;max-width:100%;height:100%!important}.chat-viewport-shell .app-chat-viewport>div{min-width:0}@media (max-width:1023px){.chat-viewport-shell .app-content{padding:60px 8px calc(68px + env(safe-area-inset-bottom))}.chat-viewport-shell .app-chat-viewport{padding-block:4px!important}html[data-mobile-keyboard=true] .chat-viewport-shell .app-content{padding-bottom:0}}.mobile-app-top-nav{display:none}@media (max-width:1023px){.mobile-app-header{height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(4px,env(safe-area-inset-right)) 0 max(4px,env(safe-area-inset-left));box-sizing:border-box;display:block}.mobile-app-top-nav{grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:0;width:100%;height:56px;display:grid}.mobile-app-top-nav>a,.mobile-app-top-nav>button{color:#b9c5cf;border-radius:10px;place-items:center;min-width:0;min-height:44px;display:grid;position:relative}.mobile-app-top-nav .active{color:#ff956d;background:#ff69341a}.mobile-app-top-nav :focus-visible{outline-offset:-2px;outline:2px solid #ff845b}.mobile-app-top-nav .mobile-unread-dot{top:7px;right:7px}.mobile-app-top-nav .pending-invitation-badge{top:0;right:1px}.app-shell .app-content{padding-top:calc(56px + env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom)}.dm-shell .app-content,.chat-viewport-shell .app-content{padding:calc(56px + env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(6px,env(safe-area-inset-left))}.app-chat-viewport{height:calc(var(--app-viewport-height,100dvh) - 56px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}html[data-mobile-keyboard=true] .dm-shell .app-content,html[data-mobile-keyboard=true] .chat-viewport-shell .app-content{padding-bottom:0}html[data-mobile-keyboard=true] .app-chat-viewport{height:calc(var(--app-viewport-height,100dvh) - 56px - env(safe-area-inset-top))}.app-shell .mobile-app-header{padding-left:max(4px,env(safe-area-inset-left));padding-right:max(4px,env(safe-area-inset-right))}}.campaign-message-area>:not(.campaign-message-list){flex-shrink:0}.campaign-message-list{overscroll-behavior:contain}