.camera-screen{position:relative;height:100%;display:flex;flex-direction:column;background:#000}.camera-viewfinder{flex:1;position:relative;background:linear-gradient(145deg,#1a1a2e,#16213e,#0f3460 60%,#1a1a2e);overflow:hidden;display:flex;align-items:center;justify-content:center}.filter-warm{background:linear-gradient(145deg,#2d1810,#4a2020,#2d1810)!important}.filter-cool{background:linear-gradient(145deg,#0a1628,#152238,#0a1628)!important}.filter-vintage{background:linear-gradient(145deg,#2a2215,#3d3020,#2a2215)!important}.filter-neon{background:linear-gradient(145deg,#1a0a2e,#2d1045,#1a0a2e)!important}.filter-bw{background:linear-gradient(145deg,#1a1a1a,#2a2a2a,#1a1a1a)!important}.camera-gradient-top{position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);z-index:10}.camera-gradient-bottom{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);z-index:10}.camera-top-bar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:16px;z-index:20}.cam-btn{background:#00000059;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease;color:#fff}.cam-btn:active{transform:scale(.9)}.profile-cam-btn{width:44px;height:44px;background:#fffc0033;border:2px solid #FFFC00}.cam-profile-avatar{font-size:22px}.camera-top-actions{display:flex;gap:8px}.focus-indicator{position:relative;z-index:5}.focus-ring{width:70px;height:70px;border:2px solid rgba(255,255,255,.5);border-radius:4px;animation:focusPulse 2s ease-in-out infinite}@keyframes focusPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.capture-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:100;animation:flashAnim .15s ease-out forwards}@keyframes flashAnim{0%{opacity:1}to{opacity:0}}.camera-controls{background:#000000f2;padding:12px 0 calc(80px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:16px}.filter-row{display:flex;justify-content:center;gap:12px;padding:0 16px}.filter-btn{background:#ffffff1a;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s ease}.filter-btn.active{background:#fffc00;box-shadow:0 0 16px #fffc0066;transform:scale(1.1)}.filter-btn:active{transform:scale(.9)}.capture-area{display:flex;align-items:center;justify-content:center;gap:32px;padding:0 24px}.capture-btn-gallery{background:#ffffff26;border:2px solid rgba(255,255,255,.3);width:44px;height:44px;border-radius:10px;cursor:pointer;padding:3px;transition:all .2s ease}.gallery-thumb{width:100%;height:100%;border-radius:7px;background:linear-gradient(135deg,#667eea,#764ba2)}.capture-btn-main{background:none;border:none;cursor:pointer;padding:0;transition:all .15s ease}.capture-btn-main:active{transform:scale(.92)}.capture-ring{width:76px;height:76px;border:4px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.capture-inner{width:62px;height:62px;background:#fff;border-radius:50%;transition:all .15s ease}.capture-btn-main:active .capture-inner{background:#fffc00;transform:scale(.9)}.capture-btn-flip{background:#ffffff26;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .2s ease}.capture-btn-flip:active{transform:scale(.9) rotate(180deg)}.mode-selector{display:flex;justify-content:center;gap:4px;padding:0 24px}.mode-btn{background:none;border:none;color:#ffffff80;font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px;cursor:pointer;transition:all .2s ease}.mode-btn.active{background:#fffc0026;color:#fffc00}.captured-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;z-index:200;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.captured-preview{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1a1a2e,#16213e)}.captured-content{text-align:center}.captured-emoji{font-size:64px;display:block;margin-bottom:16px}.captured-content p{color:#fff;font-size:18px;font-weight:600}.captured-actions{display:flex;align-items:center;justify-content:space-between;padding:20px 24px calc(90px + env(safe-area-inset-bottom,0px));background:#000000e6}.action-btn{width:52px;height:52px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;transition:all .2s ease}.action-btn.discard{background:#ffffff26;color:#fff}.action-btn.send{background:#fffc00;color:#000;box-shadow:0 4px 16px #fffc004d}.action-btn:active{transform:scale(.9)}.captured-tools{display:flex;gap:8px}.tool-btn{background:#ffffff1f;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .2s ease}.tool-btn:active{transform:scale(.9);background:#ffffff40}.snap-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:50;min-height:56px}.header-title{font-size:18px;font-weight:700;margin:0;letter-spacing:-.01em;color:#fff}.header-left,.header-right{display:flex;align-items:center;gap:8px;min-width:40px}.header-btn{background:#ffffff1a;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease;color:#fff}.header-btn:active{transform:scale(.92);background:#fff3}.profile-btn{background:linear-gradient(135deg,#fffc00,gold)}.profile-icon{font-size:18px}.chat-screen{height:100%;display:flex;flex-direction:column;background:#000}.chat-search{padding:0 16px 12px;background:#000000d9}.search-container{display:flex;align-items:center;gap:8px;background:#ffffff1a;border-radius:24px;padding:8px 16px}.search-icon{font-size:14px;opacity:.6}.search-input{background:none;border:none;outline:none;color:#fff;font-size:15px;width:100%;font-family:inherit}.search-input::placeholder{color:#fff6}.chat-list{flex:1;overflow-y:auto;padding-bottom:80px}.chat-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s ease;border-bottom:1px solid rgba(255,255,255,.04);color:#fff;font-family:inherit}.chat-item:active{background:#ffffff0d}.chat-avatar{position:relative;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#fffc00,gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-emoji{font-size:26px}.unread-dot{position:absolute;top:0;right:0;width:14px;height:14px;background:#00c4ff;border:2.5px solid #000;border-radius:50%}.chat-info{flex:1;min-width:0}.chat-name-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.chat-name{font-weight:600;font-size:15px;color:#fff}.streak-badge{font-size:12px;color:#fffc00;background:#fffc001a;padding:1px 6px;border-radius:10px}.chat-preview{display:flex;align-items:center;gap:6px;font-size:13px}.last-msg{color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.last-msg.unread{color:#00c4ff;font-weight:600}.snap-indicator{color:#ff3b6b;font-weight:600;font-size:13px}.msg-timestamp{color:#ffffff59;font-size:12px;flex-shrink:0}.no-messages{color:#ffffff4d;font-size:13px}.unread-count{background:#00c4ff;color:#000;font-size:12px;font-weight:700;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-detail{height:100%;display:flex;flex-direction:column;background:#000}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.chat-streak-banner{text-align:center;padding:8px;margin-bottom:8px}.chat-streak-banner span{background:#fffc001a;color:#fffc00;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600}.message{display:flex;flex-direction:column;max-width:75%}.message.sent{align-self:flex-end}.message.received{align-self:flex-start}.text-bubble{padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.4}.message.sent .text-bubble{background:#00c4ff;color:#000;border-bottom-right-radius:4px}.message.received .text-bubble{background:#ffffff1f;color:#fff;border-bottom-left-radius:4px}.snap-message{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:18px;background:#ff3b6b33;border:1px solid rgba(255,59,107,.3);color:#ff3b6b;font-weight:600;font-size:14px}.snap-icon{font-size:18px}.msg-time{font-size:11px;color:#ffffff4d;margin-top:4px;padding:0 4px}.message.sent .msg-time{text-align:right}.chat-input-bar{display:flex;align-items:center;gap:8px;padding:10px 16px calc(80px + env(safe-area-inset-bottom,0px));background:#000000e6;border-top:1px solid rgba(255,255,255,.06)}.chat-action-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:4px;transition:transform .15s ease}.chat-action-btn:active{transform:scale(.9)}.chat-input{flex:1;background:#ffffff1a;border:none;border-radius:24px;padding:10px 16px;color:#fff;font-size:15px;outline:none;font-family:inherit}.chat-input::placeholder{color:#ffffff59}.chat-send-btn{background:#00c4ff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .2s ease;color:#000}.chat-send-btn:disabled{background:#ffffff26;color:#ffffff4d}.chat-send-btn:not(:disabled):active{transform:scale(.9)}.stories-screen{height:100%;display:flex;flex-direction:column;background:#000}.stories-content{flex:1;overflow-y:auto;padding-bottom:80px}.stories-section{padding:16px}.section-title{font-size:14px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}.my-story{display:flex;align-items:center;gap:12px;padding:8px 0}.my-story-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.my-story-avatar.add{background:linear-gradient(135deg,#fffc00,gold);font-size:28px;font-weight:300;color:#000}.my-story-info{display:flex;flex-direction:column}.my-story-name{font-weight:600;font-size:16px;color:#fff}.my-story-hint{font-size:13px;color:#fff6}.story-circles{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.story-circles::-webkit-scrollbar{display:none}.story-circle{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;min-width:70px;color:#fff;font-family:inherit}.story-circle:active{transform:scale(.95)}.story-ring{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:3px}.story-ring.unviewed{background:linear-gradient(135deg,#fffc00,#ff8c00,#ff3b6b,#9b59b6)}.story-ring.viewed{background:#fff3}.story-circle-avatar{font-size:28px;background:#1a1a1a;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center}.story-circle-name{font-size:11px;color:#ffffffb3;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-list-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 0;background:none;border:none;cursor:pointer;text-align:left;color:#fff;font-family:inherit}.story-list-item:active{opacity:.7}.story-list-avatar{font-size:24px;background:#1a1a1a;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center}.story-list-info{display:flex;flex-direction:column}.story-list-name{font-weight:600;font-size:15px}.story-list-time{font-size:13px;color:#fff6}.subscriptions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.subscription-card{background:#ffffff0f;border:none;border-radius:12px;padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;color:#fff;font-family:inherit}.subscription-card:active{background:#ffffff1f;transform:scale(.96)}.sub-emoji{font-size:28px}.sub-name{font-size:12px;font-weight:600;color:#ffffffb3}.story-viewer{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:1000;display:flex;flex-direction:column;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.story-progress-bar{height:2px;background:#fff3;margin:8px 12px 0;border-radius:2px;overflow:hidden;z-index:10}.story-progress-fill{height:100%;background:#fff;border-radius:2px;transition:width .1s linear}.story-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;z-index:10}.story-user-info{display:flex;align-items:center;gap:10px}.story-avatar{font-size:24px;width:36px;height:36px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center}.story-username{font-weight:700;font-size:15px;color:#fff}.story-time{font-size:13px;color:#ffffff80}.story-close{background:#ffffff26;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;cursor:pointer}.story-content{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1a1a2e,#16213e)}.story-placeholder{text-align:center}.story-emoji{font-size:72px;display:block;margin-bottom:16px}.story-placeholder p{color:#fff;font-size:18px;font-weight:600}.story-bottom{padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));z-index:10}.story-reply{display:flex;align-items:center;gap:8px}.story-reply-input{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:10px 16px;color:#fff;font-size:14px;outline:none;font-family:inherit}.story-reply-input::placeholder{color:#fff6}.story-react-btn{background:none;border:none;font-size:28px;cursor:pointer;transition:transform .15s ease}.story-react-btn:active{transform:scale(1.3)}.map-screen{height:100%;position:relative;background:#0a1628;overflow:hidden}.map-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#0d1f3c,#0a1628,#0f2847)}.map-grid{position:absolute;top:0;right:0;bottom:0;left:0}.grid-line{position:absolute;background:#ffffff08}.grid-line.horizontal{left:0;right:0;height:1px}.grid-line.vertical{top:0;bottom:0;width:1px}.map-pin{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:10;animation:pinBounce .5s ease}@keyframes pinBounce{0%{transform:translateY(-20px);opacity:0}60%{transform:translateY(4px)}to{transform:translateY(0);opacity:1}}.pin-emoji{font-size:28px;background:#fffc0033;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #FFFC00;box-shadow:0 4px 16px #fffc0033}.map-pin.me .pin-emoji{background:#00c4ff33;border-color:#00c4ff;box-shadow:0 4px 16px #00c4ff4d;font-size:20px}.pin-name{font-size:11px;font-weight:700;color:#fff;background:#000000b3;padding:2px 8px;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hotspot{position:absolute;z-index:5;display:flex;align-items:center;justify-content:center}.hotspot-ping{width:40px;height:40px;border-radius:50%;background:#ff3b6b33;animation:hotspotPing 2s ease-out infinite}@keyframes hotspotPing{0%{transform:scale(1);opacity:.6}to{transform:scale(3);opacity:0}}.hotspot-count{position:absolute;font-size:12px;font-weight:700;color:#fff;background:#ff3b6b;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.map-top-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:16px;z-index:20}.map-search{flex:1;display:flex;align-items:center;gap:10px;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:10px 16px;font-size:14px;color:#ffffff80}.map-search-text{font-size:15px}.map-settings-btn{background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:none;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer}.friends-toggle{position:absolute;bottom:90px;left:50%;transform:translate(-50%);background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,252,0,.3);border-radius:24px;padding:10px 20px;display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;z-index:20;transition:all .2s ease;font-family:inherit}.friends-toggle:active{transform:translate(-50%) scale(.96)}.toggle-emoji{font-size:18px}.friends-drawer{position:absolute;bottom:0;left:0;right:0;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top-left-radius:20px;border-top-right-radius:20px;padding:12px 16px calc(80px + env(safe-area-inset-bottom,0px));max-height:50%;overflow-y:auto;z-index:30;animation:slideDrawerUp .3s ease}@keyframes slideDrawerUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-handle{width:36px;height:4px;background:#fff3;border-radius:2px;margin:0 auto 12px}.drawer-title{font-size:16px;font-weight:700;margin:0 0 12px;color:#fff}.drawer-friends{display:flex;flex-direction:column;gap:4px}.drawer-friend{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.drawer-avatar{font-size:28px;width:42px;height:42px;background:#fffc001a;border-radius:50%;display:flex;align-items:center;justify-content:center}.drawer-info{flex:1;display:flex;flex-direction:column}.drawer-name{font-weight:600;font-size:15px;color:#fff}.drawer-active{font-size:12px;color:#fff6}.drawer-msg-btn{background:#00c4ff26;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .2s ease}.drawer-msg-btn:active{transform:scale(.9)}.spotlight-screen{height:100%;position:relative;background:#000;overflow:hidden}.spotlight-content{height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1a0a2e,#0a1628,#1a1a2e)}.spotlight-gradient-top{position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);z-index:10}.spotlight-gradient-bottom{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);z-index:10}.spotlight-video-placeholder{text-align:center;z-index:5}.spotlight-main-emoji{font-size:80px;display:block;margin-bottom:16px;animation:floatBounce 3s ease-in-out infinite}@keyframes floatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.spotlight-caption{color:#fff;font-size:18px;font-weight:700;margin:0}.spotlight-actions{position:absolute;right:12px;bottom:200px;display:flex;flex-direction:column;gap:20px;z-index:20}.spotlight-action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:#fff;font-family:inherit;transition:transform .15s ease}.spotlight-action-btn:active{transform:scale(.9)}.spotlight-action-btn span:first-child{font-size:28px}.spotlight-action-btn.liked span:first-child{animation:heartPop .3s ease}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.action-count{font-size:11px;font-weight:600;color:#ffffffb3}.spotlight-info{position:absolute;bottom:80px;left:16px;right:60px;z-index:20}.spotlight-user{display:flex;align-items:center;gap:10px;margin-bottom:10px}.spotlight-avatar{font-size:24px;width:36px;height:36px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center}.spotlight-username{font-weight:700;font-size:15px;color:#fff}.follow-btn{background:#fffc00;border:none;padding:4px 14px;border-radius:16px;font-size:13px;font-weight:700;color:#000;cursor:pointer;transition:all .2s ease}.follow-btn:active{transform:scale(.95)}.spotlight-desc{font-size:14px;color:#ffffffd9;margin:0 0 8px;line-height:1.4}.spotlight-music{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff9}.music-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:marquee 8s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.spotlight-nav{position:absolute;bottom:20px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:16px;z-index:20}.nav-arrow{background:#ffffff1a;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;cursor:pointer;transition:all .2s ease}.nav-arrow:active{transform:scale(.9);background:#fff3}.spotlight-dots{display:flex;gap:6px}.spotlight-dot{width:6px;height:6px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.spotlight-dot.active{background:#fffc00;width:20px;border-radius:3px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;padding:8px 0 max(8px,env(safe-area-inset-bottom));background:#000000eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100;border-top:1px solid rgba(255,255,255,.08)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:6px 12px;border-radius:20px;transition:all .2s ease;min-width:56px}.nav-item:active{transform:scale(.9)}.nav-icon{font-size:22px;filter:grayscale(.3);transition:filter .2s ease}.nav-item.active .nav-icon{filter:grayscale(0)}.nav-label{font-size:10px;color:#ffffff80;font-weight:500;letter-spacing:.02em}.nav-item.active .nav-label{color:#fffc00}.camera-btn{background:none;position:relative}.camera-icon{font-size:32px;background:#fffc00;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 4px 20px #fffc004d;transition:all .2s ease}.camera-btn:active .camera-icon{transform:scale(.92);box-shadow:0 2px 10px #fffc0033}.camera-btn .nav-label{color:#fffc00;font-weight:600}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:500;display:flex;align-items:flex-end;animation:fadeIn .2s ease}.profile-modal{width:100%;max-height:90vh;background:#1a1a1a;border-top-left-radius:24px;border-top-right-radius:24px;padding:24px 20px calc(32px + env(safe-area-inset-bottom,0px));overflow-y:auto;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.profile-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;cursor:pointer}.profile-header{text-align:center;margin-bottom:24px}.profile-avatar-large{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#fffc00,gold);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:48px;box-shadow:0 8px 32px #fffc0033}.profile-name{font-size:22px;font-weight:700;margin:0 0 4px;color:#fff}.profile-username{font-size:14px;color:#ffffff80;margin:0 0 16px}.profile-score{display:inline-flex;align-items:center;gap:8px;background:#fffc001a;padding:8px 16px;border-radius:20px}.score-label{font-size:13px;color:#fff9}.score-value{font-size:16px;font-weight:700;color:#fffc00}.profile-stats{display:flex;justify-content:center;gap:32px;padding:20px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:24px}.stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-size:20px;font-weight:700;color:#fff}.stat-label{font-size:12px;color:#ffffff80}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.profile-action{display:flex;align-items:center;gap:10px;background:#ffffff0f;border:none;border-radius:12px;padding:14px 16px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.profile-action:active{background:#ffffff1f;transform:scale(.97)}.profile-action span:first-child{font-size:20px}.profile-bitmoji{text-align:center;margin-bottom:24px}.profile-bitmoji h3{font-size:16px;font-weight:700;margin:0 0 12px;color:#fff}.bitmoji-preview{width:80px;height:80px;border-radius:50%;background:#ffffff0f;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.big-bitmoji{font-size:48px}.edit-bitmoji-btn{background:#fffc0026;border:1px solid rgba(255,252,0,.3);color:#fffc00;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.edit-bitmoji-btn:active{transform:scale(.95)}.snapcode{text-align:center}.snapcode-box{width:120px;height:120px;border:3px solid #FFFC00;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;background:#fffc000d}.snapcode-inner{font-size:56px}.snapcode-hint{font-size:13px;color:#fff6;margin:0}:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;background:#000;color:#fff}.snap-app{height:100%;width:100%;max-width:430px;margin:0 auto;position:relative;overflow:hidden;background:#000}.screen-container{height:100%;width:100%;overflow:hidden;position:relative}.screen-indicator{position:fixed;top:8px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:200;max-width:430px}.indicator-dot{width:6px;height:6px;border-radius:50%;background:#ffffff40;cursor:pointer;transition:all .3s ease}.indicator-dot.active{background:#fffc00;width:18px;border-radius:3px}::-webkit-scrollbar{width:0;height:0}button,.nav-item,.story-circle,.chat-item,.discover-card{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button:focus-visible{outline:2px solid #FFFC00;outline-offset:2px}input:focus-visible{outline:2px solid #FFFC00;outline-offset:2px}