:root{--mobile-navy: #071A3A;--mobile-navy-dark: #050b1b;--mobile-red: #E6393A;--mobile-red-glow: rgba(230, 57, 58, .55);--mobile-blue: #3B5BA9;--mobile-blue-glow: rgba(59, 91, 169, .55);--mobile-white: #F5F7FA;--mobile-white-glow: rgba(255, 255, 255, .25);--mobile-glass-bg: rgba(7, 16, 40, .25);--mobile-glass-border: rgba(255, 255, 255, .12);--mobile-glass-shadow: rgba(0, 0, 0, .25);--mobile-glass-highlight: rgba(255, 255, 255, .08);--scroll-ratio: 0}.mobile-root{min-height:100vh;min-height:100dvh;position:relative;padding-bottom:88px;background:radial-gradient(circle at 20% 20%,var(--mobile-white-glow),transparent 55%),radial-gradient(circle at 80% 60%,var(--mobile-red-glow),transparent 60%),radial-gradient(circle at 50% 100%,var(--mobile-blue-glow),var(--mobile-navy-dark) 70%);background-attachment:scroll;background-size:cover;overflow-x:hidden;padding-top:env(safe-area-inset-top,0px)}.mobile-auth-root{min-height:100vh;min-height:100dvh;color:var(--mobile-white);background:linear-gradient(145deg,rgba(230,57,58,.34),transparent 42%),linear-gradient(215deg,rgba(59,91,169,.42),transparent 52%),var(--mobile-navy-dark);overflow-x:hidden}.mobile-auth-content{width:min(100%,460px);min-height:100dvh;margin:0 auto;padding:max(22px,env(safe-area-inset-top,0px)) 20px max(28px,env(safe-area-inset-bottom,0px));display:flex;flex-direction:column}.mobile-auth-brand{display:flex;align-items:center;gap:12px;padding:18px 2px 24px}.mobile-auth-logo{width:52px;height:52px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(0,0,0,.3))}.mobile-auth-kicker{margin:0 0 2px;color:#ffffff8f;font-size:10px;font-weight:800;letter-spacing:.08em}.mobile-auth-brand h1{margin:0;color:#fff;font-size:24px;font-weight:800;line-height:1.1}.mobile-auth-panel{position:relative;padding:24px 18px 20px;border:1px solid rgba(255,255,255,.18);border-top-color:#ffffff6b;border-radius:24px;background:linear-gradient(145deg,#ffffff29,#0a15337a);box-shadow:0 18px 44px #00000047,inset 0 1px #ffffff26;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.mobile-auth-form{display:flex;flex-direction:column}.mobile-auth-heading{margin-bottom:21px}.mobile-auth-heading h2{margin:0;color:#fff;font-size:25px;font-weight:800;line-height:1.15}.mobile-auth-heading p{margin:7px 0 0;color:#ffffff9e;font-size:14px;line-height:1.45}.mobile-auth-label{margin:0 0 7px;color:#ffffffbd;font-size:12px;font-weight:700}.mobile-auth-label span{color:#ffffff6b;font-weight:500}.mobile-auth-input-wrap{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 13px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:#040d2261;box-shadow:inset 0 1px #ffffff0f}.mobile-auth-input-wrap:focus-within,.mobile-auth-input:focus{outline:2px solid rgba(147,197,253,.72);outline-offset:1px;border-color:#93c5fd99}.mobile-auth-input-wrap>svg{width:18px;height:18px;color:#ffffff73;flex:0 0 auto}.mobile-auth-input{width:100%;min-height:50px;padding:0;border:0;border-radius:14px;color:#fff;background:transparent;font-size:16px;line-height:1.2;text-transform:none;-webkit-text-size-adjust:100%}.mobile-auth-plain-input{margin-bottom:2px;padding:0 13px;border:1px solid rgba(255,255,255,.15);background:#040d2261;box-shadow:inset 0 1px #ffffff0f}.mobile-auth-input::-moz-placeholder{color:#ffffff5c}.mobile-auth-input::placeholder{color:#ffffff5c}.mobile-auth-input:focus{outline:2px solid rgba(147,197,253,.72);outline-offset:1px}.mobile-auth-eye{display:inline-flex;width:32px;height:32px;flex:0 0 32px;align-items:center;justify-content:center;padding:0;border:0;border-radius:10px;color:#ffffffa3;background:transparent}.mobile-auth-eye:active{background:#ffffff1c}.mobile-auth-eye svg{width:18px;height:18px}.mobile-auth-error{margin:5px 0 10px;color:#fecaca;font-size:12px;line-height:1.35}.mobile-auth-forgot,.mobile-auth-text-button{align-self:flex-end;margin:2px 0 18px;padding:0;border:0;color:#bfdbfe;background:transparent;font-size:13px;font-weight:700;text-decoration:none}.mobile-auth-primary,.mobile-auth-secondary,.mobile-auth-social{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;border-radius:14px;font-size:15px;font-weight:800;text-decoration:none}.mobile-auth-primary{border:1px solid rgba(255,255,255,.24);color:#fff;background:linear-gradient(135deg,#d72d3a,#3b5ba9);box-shadow:0 10px 22px #0a153359,inset 0 1px #ffffff40}.mobile-auth-primary:disabled,.mobile-auth-secondary:disabled{opacity:.55}.mobile-auth-primary svg{width:18px;height:18px}.mobile-auth-divider{position:relative;display:flex;justify-content:center;margin:19px 0;color:#fff6;font-size:12px}.mobile-auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid rgba(255,255,255,.13)}.mobile-auth-divider span{position:relative;z-index:1;padding:0 12px;background:#0d1c3bd9}.mobile-auth-social{margin-bottom:10px;border:1px solid rgba(255,255,255,.19);color:#ffffffeb;background:#ffffff14}.mobile-auth-social svg{width:18px;height:18px}.mobile-auth-google{color:#8ab4f8}.mobile-auth-switch{margin:18px 0 0;color:#ffffff8f;text-align:center;font-size:13px}.mobile-auth-switch button{padding:0;border:0;color:#bfdbfe;background:transparent;font:inherit;font-weight:800}.mobile-auth-secondary{margin-top:10px;border:1px solid rgba(255,255,255,.16);color:#fff;background:#ffffff17}.mobile-auth-text-button{align-self:center;margin:18px 0 0}.mobile-auth-icon{display:flex;width:48px;height:48px;align-items:center;justify-content:center;margin:0 auto 14px;border:1px solid rgba(255,255,255,.2);border-radius:16px;color:#dbeafe;background:#3b5ba942}.mobile-auth-icon svg{width:24px;height:24px}.mobile-auth-code{margin-bottom:14px;padding:0 12px;border:1px solid rgba(255,255,255,.18);text-align:center;letter-spacing:.33em;background:#040d2261}.mobile-auth-check{display:flex;align-items:center;gap:9px;margin-bottom:16px;color:#ffffffb3;font-size:13px}.mobile-auth-check input{width:17px;height:17px;accent-color:#5b88e8}.mobile-auth-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-auth-footer{margin:auto 0 0;padding:22px 0 2px;color:#ffffff57;text-align:center;font-size:11px}.glass-card{position:relative;border-radius:22px;background:linear-gradient(135deg,#ffffff21,#07102847,#ffffff14);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:none;border-top:1.5px solid rgba(255,255,255,.35);border-left:1.5px solid rgba(255,255,255,.25);border-bottom:1.5px solid rgba(0,0,0,.18);border-right:1.5px solid rgba(0,0,0,.12);box-shadow:0 8px 32px #00000047,0 2px 8px #0000002e,inset 0 1.5px 3px #ffffff40,inset 0 -1.5px 3px #00000026;overflow:hidden;contain:layout style paint;transition:transform .18s ease,box-shadow .18s ease}.glass-card:before{content:"";position:absolute;inset:-20%;pointer-events:none;mix-blend-mode:screen;opacity:.28;background:radial-gradient(circle at 30% 10%,rgba(255,255,255,.55),transparent 50%);transition:opacity .15s ease-out;z-index:1}.glass-card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.05) 100%);z-index:1}.glass-card:active:before,.glass-card:hover:before{opacity:.55}.glass-card:active{transform:scale(.98);box-shadow:0 4px 16px var(--mobile-glass-shadow),inset 0 1px #ffffff26}.glass-top-bar{position:sticky;top:0;z-index:50;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:linear-gradient(180deg,#071a3aa6,#071a3a73);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 4px 20px #0000002e,inset 0 -1px #ffffff14;margin-bottom:8px}.mobile-home-top-bar{position:fixed;inset:0 0 auto;z-index:80;margin:0;padding:max(8px,calc(env(safe-area-inset-top,0px) + 6px)) 10px 8px;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#050b1be0,#071a3aad)}.mobile-home-top-bar-inner{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:7px;max-width:520px;margin:0 auto}.mobile-top-logo,.mobile-top-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border-radius:10px;color:var(--mobile-white);background:#ffffff1a;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-top-logo .logo-container{width:22px;height:22px;min-width:22px}.mobile-top-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.mobile-feed-switcher{min-width:0;display:grid;grid-template-columns:1fr 1.2fr;gap:2px;padding:3px;border-radius:11px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.mobile-feed-switcher button{min-width:0;height:28px;border:0;border-radius:8px;padding:0 7px;color:#ffffff9e;background:transparent;font-size:11px;font-weight:700;white-space:nowrap}.mobile-feed-switcher button.active{color:#fff;background:linear-gradient(135deg,#e6393ad1,#3b5ba9c7);box-shadow:0 1px 8px #0000003d,inset 0 1px #fff3}.mobile-top-actions{display:flex;align-items:center;gap:4px}.mobile-top-icon:active,.mobile-top-logo:active{transform:scale(.94);background:#fff3}.mobile-home-content{padding-top:calc(env(safe-area-inset-top,0px) + 56px)}.signal-feed-container{position:fixed;inset:0;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;-ms-overflow-style:none;z-index:40;background:#000}.signal-feed-container::-webkit-scrollbar{display:none}.signal-feed-slide{width:100%;height:100vh;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;position:relative;overflow:hidden;flex-shrink:0;contain:layout style paint;will-change:transform}.signal-feed-item{position:absolute;inset:0;overflow:hidden}.glass-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:8px 4px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:linear-gradient(0deg,#071a3ad1,#071a3aa6);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -4px 24px #0000001f;will-change:transform}.glass-bottom-nav-inner{display:flex;justify-content:space-between;align-items:center;max-width:500px;margin:0 auto}.nav-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:5px 1px;min-height:44px;color:var(--mobile-white);opacity:.7;transition:opacity .2s,transform .2s;border-radius:12px;background:transparent;border:none;cursor:pointer;flex:1 1 0;min-width:0;font-size:8px;line-height:1.1}.nav-button:hover,.nav-button.active{opacity:1}.nav-button.active{text-shadow:0 0 12px var(--mobile-red)}.nav-button.active svg{filter:drop-shadow(0 0 8px var(--mobile-red))}.create-button{width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:linear-gradient(135deg,var(--mobile-red),#c42a2b);border:none;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px #e6393a80;transform:translateY(-6px);cursor:pointer;transition:transform .2s,box-shadow .2s}.create-button:hover{transform:translateY(-8px);box-shadow:0 6px 28px #e6393aa6}.create-button:active{transform:translateY(-4px) scale(.95)}.type-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;flex-shrink:0}.type-tag.signal{background:var(--mobile-red);color:#fff}.type-tag.news{background:var(--mobile-blue);color:#fff}.type-tag.poll{background:transparent;border:1px solid var(--mobile-blue);color:#fff}.type-tag.petition{background:var(--mobile-red);color:#fff}.type-tag.announcement{background:linear-gradient(135deg,var(--mobile-red),#c42a2b);color:#fff}.type-tag.event{background:var(--mobile-blue);color:#fff}.type-tag.virtual{background:#22c55ecc;color:#fff}.type-tag.blog{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.filter-tabs{display:flex;gap:8px;padding:0 16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:16px}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{flex-shrink:0;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--mobile-glass-border);background:transparent;color:var(--mobile-white);cursor:pointer;transition:all .2s}.filter-tab.active{background:var(--mobile-red);border-color:var(--mobile-red)}.filter-tab:hover:not(.active){background:#ffffff1a}.feed-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 12px}.feed-grid>*{aspect-ratio:9 / 16;overflow:hidden}.expanded-overlay{position:fixed;inset:0;z-index:200;background:linear-gradient(180deg,#050b1bd9,#071a3ae6,#050b1bf2);backdrop-filter:blur(32px) saturate(150%);-webkit-backdrop-filter:blur(32px) saturate(150%);display:flex;flex-direction:column;touch-action:pan-y}.expanded-card-container{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:60px 16px 16px;transition:transform .3s ease,opacity .3s ease}.expanded-card-container.dragging{transition:none}.expanded-close-bar{position:absolute;top:16px;left:50%;transform:translate(-50%);width:40px;height:5px;border-radius:3px;background:#fff6;cursor:grab}.expanded-close-button{position:absolute;top:12px;right:16px;width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:10}.expanded-close-button:hover{background:#fff3}.expanded-card-content{background:linear-gradient(135deg,#ffffff0f,#07102866,#ffffff0a);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:20px;max-width:500px;width:100%;margin:0 auto;box-shadow:0 16px 48px #0000004d,inset 0 1px #ffffff1a}.swipe-indicator{text-align:center;padding:12px;color:#fff6;font-size:12px}.glass-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:16px;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);color:var(--mobile-white);font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #00000026,inset 0 1px #ffffff1a}.glass-button:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff1a);box-shadow:0 6px 20px #0003,inset 0 1px #ffffff26}.glass-button.primary{background:linear-gradient(135deg,var(--mobile-red) 0%,#c42a2b 100%);border-color:#e6393a4d;box-shadow:0 4px 20px #e6393a59,inset 0 1px #fff3}.glass-button.primary:hover{background:linear-gradient(135deg,#e94a4b 0%,var(--mobile-red) 100%);box-shadow:0 6px 24px #e6393a73,inset 0 1px #ffffff40}.poll-option{width:100%;padding:12px 16px;border-radius:12px;background:#ffffff14;border:1px solid var(--mobile-glass-border);color:var(--mobile-white);font-size:14px;text-align:left;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.poll-option:hover{background:#ffffff1f}.poll-option.selected{border-color:var(--mobile-red);box-shadow:0 0 12px #e6393a4d}.petition-progress{height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.petition-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--mobile-red),var(--mobile-blue));transition:width .3s ease}.logo-container{width:40px;height:40px;border-radius:12px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--mobile-glass-border);display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-container img{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}.notification-button{width:40px;height:40px;border-radius:10px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--mobile-glass-border);display:flex;align-items:center;justify-content:center;color:var(--mobile-white);cursor:pointer;transition:all .2s}.notification-button:hover{background:#ffffff26}.video-thumbnail{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#0000004d}.video-thumbnail img,.video-thumbnail video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-thumbnail:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(7,26,58,.9) 0%,transparent 50%)}.play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000004d;z-index:2}.recorder-frame{position:relative;width:100%;max-width:400px;margin:0 auto;aspect-ratio:9/16;border-radius:24px;overflow:hidden;background:#000;border:2px solid var(--mobile-glass-border);box-shadow:0 20px 60px #00000080}.recorder-frame video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.record-button{width:72px;height:72px;border-radius:50%;background:var(--mobile-red);border:4px solid rgba(255,255,255,.9);cursor:pointer;transition:all .2s;position:relative}.record-button:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--mobile-red);transition:all .2s}.record-button.recording:after{border-radius:4px;inset:18px}.record-button:hover{transform:scale(1.05)}.record-button:active{transform:scale(.95)}.duration-selector{display:flex;gap:8px;background:#00000080;padding:4px;border-radius:16px}.duration-option{padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;color:var(--mobile-white);background:transparent;border:none;cursor:pointer;transition:all .2s}.duration-option.active{background:var(--mobile-red)}.side-controls{display:flex;flex-direction:column;gap:16px;align-items:center}.side-control-button{width:44px;height:44px;border-radius:50%;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--mobile-glass-border);display:flex;align-items:center;justify-content:center;color:var(--mobile-white);cursor:pointer;transition:all .2s}.side-control-button:hover{background:#000000b3}.text-overlay{position:absolute;padding:8px 16px;background:#000000b3;border-radius:8px;color:#fff;font-weight:600;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.text-overlay.contrast{background:#000000e6;text-shadow:0 2px 4px rgba(0,0,0,.5)}.emoji-overlay{position:absolute;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:48px}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.mobile-root::-webkit-scrollbar{width:4px}.mobile-root::-webkit-scrollbar-track{background:transparent}.mobile-root::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}@media(hover:none)and (pointer:coarse){.glass-card:hover:before{opacity:.28}.glass-card:active:before{opacity:.45}}:focus-visible{outline:2px solid rgba(230,57,58,.85);outline-offset:3px;border-radius:6px}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid rgba(230,57,58,.9);outline-offset:2px}@media(orientation:landscape)and (max-height:500px){.glass-bottom-nav{padding:4px 16px;padding-bottom:max(4px,env(safe-area-inset-bottom))}.nav-button{min-height:36px;padding:4px}.create-button{width:44px;height:44px;transform:translateY(-4px)}.glass-top-bar{padding:8px 16px;padding-top:max(8px,env(safe-area-inset-top));border-radius:0}.mobile-root{padding-bottom:56px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.skeleton{animation:none;background:#ffffff12}.glass-card{transition:none}.glass-card:before{transition:none}.petition-progress-fill{transition:none}.signal-feed-container{scroll-snap-type:none}}@media(forced-colors:active){.glass-card{border:1px solid ButtonText;background:ButtonFace}.glass-bottom-nav{border-top:1px solid ButtonText;background:ButtonFace}.nav-button.active{color:Highlight}}