:root{--bg-comic: #FFFdf5;--bg-dot: #e5e5f7;--c-black: #18191a;--c-white: #ffffff;--c-yellow: #FFD43B;--c-blue: #339AF0;--c-red: #FF6B6B;--c-green: #51CF66;--c-purple: #cc5de8;--c-orange: #FF922B;--c-cyan: #22B8CF;--c-pink: #f06595;--font-head: "Bangers", system-ui;--font-body: "Fredoka", system-ui;--border-width: 3px;--border-color: var(--c-black);--border-comic: var(--border-width) solid var(--border-color);--radius-s: 8px;--radius-m: 16px;--radius-l: 24px;--radius-xl: 32px;--radius-round: 999px;--shadow-comic: 4px 4px 0px var(--c-black);--shadow-comic-sm: 2px 2px 0px var(--c-black);--shadow-comic-lg: 6px 6px 0px var(--c-black);--safe-bottom: env(safe-area-inset-bottom, 0px);--c-text-on-colored: #000000}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background-color:var(--bg-comic);color:var(--c-black);overflow:hidden;background-image:radial-gradient(var(--bg-dot) 1px,transparent 1px);background-size:20px 20px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.profile-avatar-wrap{display:flex;justify-content:center;width:100%;margin-bottom:16px}.notif-panel{position:absolute;top:60px;left:20px;right:20px;background:var(--c-white);border:var(--border-comic);border-radius:var(--radius-m);box-shadow:var(--shadow-comic-lg);z-index:999;padding:16px;animation:comic-pop .3s cubic-bezier(.175,.885,.32,1.275)}.notif-panel:before{content:"";position:absolute;top:-10px;left:20px;width:20px;height:20px;background:var(--c-white);border-left:var(--border-comic);border-top:var(--border-comic);transform:rotate(45deg)}.notif-header{font-family:var(--font-head);font-size:20px;color:var(--c-black);margin-bottom:12px;border-bottom:2px dashed #ccc;padding-bottom:8px}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid #eee}.notif-item:last-child{border-bottom:none}.notif-icon{font-size:18px;color:var(--c-blue);margin-top:2px}.notif-text{font-size:14px;line-height:1.4}.notif-empty{text-align:center;color:#999;padding:20px;font-style:italic}.camera-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:2000;display:flex;flex-direction:column}.camera-viewfinder{flex:1;position:relative;background:#222;overflow:hidden}.camera-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:#555}.camera-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;aspect-ratio:3 / 4;max-height:95%;border:3px solid rgba(255,255,255,.7);border-radius:var(--radius-m);box-shadow:0 0 0 9999px #00000080;pointer-events:none}.camera-controls{height:180px;background:linear-gradient(to top,#000 0%,rgba(0,0,0,.8) 50%,transparent 100%);display:flex;align-items:center;justify-content:space-around;padding-bottom:60px}.camera-shutter{width:80px;height:80px;border-radius:50%;background:#fff;border:none;padding:4px;cursor:pointer;transition:transform .1s;box-shadow:0 0 20px #ffffff4d}.camera-shutter:active{transform:scale(.9)}.camera-shutter-inner{width:100%;height:100%;border-radius:50%;background:#fff;border:4px solid #000}.camera-cancel,.camera-flip,.camera-gallery-btn,.camera-flash{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;font-family:var(--font-body);display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.camera-cancel:active,.camera-flip:active,.camera-gallery-btn:active,.camera-flash:active{transform:scale(.95);background:#fff3}.camera-review{width:100%;height:100%;display:flex;flex-direction:column;background:#000}.camera-review img{flex:1;object-fit:contain;background:#000}.camera-review-actions{height:200px;display:flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(to top,#000 0%,transparent 100%);padding-bottom:60px;position:absolute;bottom:0;width:100%}.camera-review-btn{padding:12px 24px;border-radius:var(--radius-round);font-family:var(--font-head);font-size:18px;border:none;cursor:pointer;display:flex;gap:8px;align-items:center}.review-retake{background:#333;color:#fff}.review-accept{background:var(--c-green);color:#fff}.share-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.share-card{background:var(--c-white);border:var(--border-comic);border-radius:var(--radius-l);box-shadow:var(--shadow-comic-lg);padding:30px 20px;width:100%;max-width:320px;text-align:center;position:relative;overflow:hidden;animation:comic-pop .4s cubic-bezier(.175,.885,.32,1.275)}.share-card:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;background:repeating-conic-gradient(from 0deg,rgba(255,212,59,.15) 0deg 20deg,transparent 20deg 40deg);transform:translate(-50%,-50%);z-index:0;animation:spin-slow 10s linear infinite}.share-icon{font-size:64px;color:var(--c-green);margin-bottom:16px;position:relative;z-index:1;animation:float-y 2s infinite ease-in-out}.share-title{font-family:var(--font-head);font-size:32px;margin-bottom:8px;position:relative;z-index:1}.share-subtitle{margin-bottom:24px;color:#666;position:relative;z-index:1}.share-copy-btn{width:100%;background:var(--c-blue);color:#fff;padding:14px;border:var(--border-comic);border-radius:var(--radius-m);box-shadow:var(--shadow-comic);font-family:var(--font-head);font-size:18px;cursor:pointer;margin-bottom:16px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px}.share-copy-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--c-black)}.share-socials{display:flex;justify-content:center;gap:12px;position:relative;z-index:1}.share-social-btn{width:44px;height:44px;border-radius:50%;border:var(--border-comic);background:#fff;color:var(--c-black);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-comic-sm)}.share-social-btn:active{transform:translate(2px,2px);box-shadow:none}@keyframes spin-slow{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes comic-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes pop-in{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes squish-click{50%{transform:scale(.95)}}.anim-float{animation:float-y 3s ease-in-out infinite}.anim-wiggle{animation:wiggle 2s ease-in-out infinite}.anim-pop{animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275)}.btn-press:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--c-black)!important}.app-container{height:100dvh;display:flex;flex-direction:column;max-width:600px;margin:0 auto;background:var(--bg-comic);border-left:var(--border-comic);border-right:var(--border-comic);position:relative;box-shadow:0 0 50px #0000001a}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--c-yellow);border-bottom:var(--border-comic);z-index:100}.top-logo{font-family:var(--font-head);font-size:28px;color:var(--c-black);text-shadow:2px 2px 0px var(--c-white);letter-spacing:1px;transform:rotate(-1deg);display:flex;align-items:center;gap:8px}.top-logo i{color:var(--c-red);font-size:24px;filter:drop-shadow(2px 2px 0px var(--c-black))}.top-right{display:flex;align-items:center;gap:12px}.top-coins{display:flex;align-items:center;gap:6px;background:var(--c-black);color:var(--c-yellow);padding:4px 12px;border-radius:var(--radius-round);font-weight:700;font-size:16px;border:2px solid var(--c-white);box-shadow:2px 2px #0003}.notif-btn{position:relative;width:40px;height:40px;background:var(--c-white);border:var(--border-comic);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;box-shadow:var(--shadow-comic-sm);transition:transform .1s}.notif-btn:active{transform:translate(2px,2px);box-shadow:none}.notif-badge{position:absolute;top:-5px;right:-5px;background:var(--c-red);color:var(--c-white);border:2px solid var(--c-black);font-size:12px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}.top-profile-btn{width:40px;height:40px;background:var(--c-cyan);border:var(--border-comic);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-comic-sm);color:var(--c-black);transition:transform .1s}.top-profile-btn:active{transform:translate(2px,2px);box-shadow:none}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 16px;display:flex;flex-direction:column;gap:20px}.bottom-nav{background:transparent;padding:0 16px var(--safe-bottom) 16px;pointer-events:none;margin-bottom:20px}.nav-items{background:var(--c-white);border:var(--border-comic);border-radius:var(--radius-xl);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-comic);pointer-events:auto;max-width:400px;margin:0 auto}.nav-btn{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--c-black);opacity:.5;transition:all .2s;font-family:var(--font-head);font-size:14px;cursor:pointer}.nav-btn i{font-size:24px;transition:transform .2s}.nav-btn.active{opacity:1;color:var(--c-blue);transform:translateY(-4px)}.nav-btn.active i{transform:scale(1.2) rotate(-5deg)}.nav-camera{position:relative;top:-24px}.camera-ring{width:64px;height:64px;background:var(--c-red);border:var(--border-comic);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--c-white);font-size:28px;box-shadow:var(--shadow-comic);cursor:pointer;transition:transform .1s}.camera-ring:active{transform:translate(4px,4px);box-shadow:none}.quest-card{background:var(--c-white);border:var(--border-comic);border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-comic-lg);display:flex;flex-direction:column}.quest-card-img{height:220px;background:var(--c-black);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:var(--border-comic)}.quest-card-img img{width:100%;height:100%;object-fit:cover}.quest-body{padding:20px;text-align:center;background-image:linear-gradient(45deg,#fff 25%,#f8f9fa 25%,#f8f9fa 50%,#fff 50%,#fff 75%,#f8f9fa 75%,#f8f9fa);background-size:20px 20px}.quest-title{font-family:var(--font-head);font-size:32px;color:var(--c-black);text-transform:uppercase;line-height:1;margin-bottom:8px;transform:rotate(-1deg)}.quest-desc{font-size:16px;color:#444;margin-bottom:16px;font-weight:600}.quest-badge{background:var(--c-yellow);color:var(--c-black);border:var(--border-comic);padding:6px 16px;border-radius:var(--radius-round);font-weight:800;font-size:14px;display:inline-block;box-shadow:var(--shadow-comic-sm);margin-bottom:12px}.quest-reward{background:var(--c-green);color:var(--c-white);border:var(--border-comic);padding:8px 16px;border-radius:var(--radius-m);font-weight:800;font-size:18px;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow-comic-sm);transform:rotate(1deg)}.quest-btn{width:100%;padding:16px;background:var(--c-blue);color:var(--c-white);border:var(--border-comic);border-radius:var(--radius-m);font-family:var(--font-head);font-size:24px;cursor:pointer;box-shadow:var(--shadow-comic);margin-top:16px;transition:transform .1s;text-transform:uppercase;letter-spacing:1px}.quest-btn:active{transform:translate(4px,4px);box-shadow:none}.cancel-btn{width:100%;margin-top:12px;background:transparent;border:none;color:#888;font-weight:700;cursor:pointer;font-size:14px;text-decoration:underline}.squad-header{background:var(--c-purple);padding:16px;border-radius:var(--radius-m);border:var(--border-comic);color:var(--c-white);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-comic);margin-bottom:16px}.squad-name{font-family:var(--font-head);font-size:24px;text-transform:uppercase}.squad-streak-badge{background:var(--c-yellow);color:var(--c-black);padding:4px 10px;border:2px solid var(--c-black);border-radius:var(--radius-round);font-weight:800}.stories-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.story-item{display:flex;flex-direction:column;align-items:center;width:60px}.story-ring{width:56px;height:56px;border:3px solid var(--c-black);border-radius:50%;overflow:hidden;background:var(--c-white);margin-bottom:4px;box-shadow:2px 2px #0003}.story-avatar{width:100%;height:100%;object-fit:cover}.story-name{font-size:11px;font-weight:700;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.feed-card{background:var(--c-white);border:var(--border-comic);border-radius:var(--radius-l);margin-bottom:20px;box-shadow:var(--shadow-comic);overflow:hidden}.feed-header{padding:12px;display:flex;align-items:center;gap:10px;border-bottom:2px solid #eee}.feed-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--c-black)}.feed-user-info{display:flex;flex-direction:column}.feed-username{font-weight:800;font-size:15px}.feed-time{font-size:11px;color:#888}.feed-image-wrap{width:100%;border-bottom:var(--border-comic);border-top:var(--border-comic);background:#000}.feed-image{width:100%;display:block;aspect-ratio:3 / 4;object-fit:cover}.feed-actions{padding:12px;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa}.vote-btn{width:40px;height:40px;border-radius:50%;border:2px solid var(--c-black);font-size:18px;cursor:pointer;box-shadow:2px 2px #0003;transition:transform .1s}.vote-btn:active{transform:translate(2px,2px);box-shadow:none}.vote-lit{background:var(--c-green);color:var(--c-white)}.vote-nope{background:var(--c-red);color:var(--c-white);margin-right:8px}.profile-card{background:var(--c-white);border:var(--border-comic);border-radius:var(--radius-l);padding:24px;text-align:center;box-shadow:var(--shadow-comic-lg);margin-bottom:24px;background-image:radial-gradient(var(--c-yellow) 20%,transparent 20%);background-size:15px 15px;background-color:var(--c-white)}.profile-avatar{width:100px;height:100px;border-radius:50%;border:4px solid var(--c-black);box-shadow:var(--shadow-comic);margin-bottom:12px}.profile-name{font-family:var(--font-head);font-size:32px;margin-bottom:16px;text-shadow:2px 2px 0px var(--c-white)}.stats-row{display:flex;justify-content:space-around;background:var(--c-white);border:var(--border-comic);border-radius:var(--radius-m);padding:16px;box-shadow:var(--shadow-comic)}.stat-box{display:flex;flex-direction:column;align-items:center}.stat-value{font-family:var(--font-head);font-size:24px;color:var(--c-black)}.stat-label{font-size:11px;font-weight:700;color:#888;text-transform:uppercase}.auth-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--c-yellow);display:flex;align-items:center;justify-content:center;padding:24px;z-index:9999;background-image:linear-gradient(45deg,#ffd43b 25%,#fcc419 25%,#fcc419 50%,#ffd43b 50%,#ffd43b 75%,#fcc419 75%,#fcc419);background-size:40px 40px}.auth-form{background:var(--c-white);width:100%;max-width:400px;padding:32px;border:var(--border-comic);border-radius:var(--radius-xl);box-shadow:8px 8px 0 var(--c-black);text-align:center}.auth-input{width:100%;padding:14px;margin-bottom:12px;border:2px solid var(--c-black);border-radius:var(--radius-s);font-family:var(--font-body);font-size:16px;background:#f8f9fa;outline:none;transition:all .2s}.auth-input:focus{background:var(--c-white);box-shadow:4px 4px 0 var(--c-cyan);transform:translate(-2px,-2px)}.auth-btn{width:100%;padding:14px;background:var(--c-black);color:var(--c-white);border:none;border-radius:var(--radius-s);font-family:var(--font-head);font-size:20px;cursor:pointer;box-shadow:4px 4px #888;transition:transform .1s}.auth-btn:active{transform:translate(2px,2px);box-shadow:none}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg-comic);display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:2000;display:flex;align-items:flex-end;justify-content:center}.modal-sheet{width:100%;max-width:600px;background:var(--c-white);border-top:var(--border-comic);border-left:var(--border-comic);border-right:var(--border-comic);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:24px;animation:slide-up .3s ease}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.anim-comic-pop,.anim-bounce{animation:pop-in .5s cubic-bezier(.175,.885,.32,1.275)}.anim-jelly{animation:wiggle 1s ease-in-out}.anim-fade{animation:slide-up .3s ease-out}.completed-state{text-align:center;padding:40px 20px;background:var(--c-white);border:var(--border-comic);border-radius:var(--radius-l);box-shadow:var(--shadow-comic);margin-top:20px}.completed-emoji{font-size:80px;filter:drop-shadow(4px 4px 0px var(--c-black));margin-bottom:16px}.completed-title{font-family:var(--font-head);font-size:32px;color:var(--c-green);-webkit-text-stroke:1px var(--c-black);margin-bottom:8px;transform:rotate(-2deg)}.completed-sub{font-size:16px;font-weight:800;color:var(--c-black);background:var(--c-yellow);display:inline-block;padding:4px 12px;border:2px solid var(--c-black);border-radius:var(--radius-round)}.gift-box{margin-top:24px;padding:20px;background:repeating-linear-gradient(45deg,var(--c-red),var(--c-red) 10px,var(--c-pink) 10px,var(--c-pink) 20px);border:var(--border-comic);border-radius:var(--radius-l);cursor:pointer;box-shadow:var(--shadow-comic);color:var(--c-white);transition:transform .2s}.gift-box:active{transform:scale(.95);margin-top:28px;box-shadow:none}.gift-box-icon{background:var(--c-white);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--c-black);margin:0 auto 12px;box-shadow:2px 2px #0000004d}.gift-box-text{font-family:var(--font-head);font-size:24px;text-shadow:2px 2px 0px var(--c-black)}.trap-reveal{background:var(--c-black);color:var(--c-white);border:var(--border-comic);border-radius:var(--radius-l);padding:24px;margin-top:24px;text-align:center;box-shadow:var(--shadow-comic);position:relative;overflow:hidden}.trap-reveal:before{content:"";position:absolute;top:0;left:0;right:0;height:10px;background:repeating-linear-gradient(90deg,var(--c-yellow),var(--c-yellow) 20px,var(--c-black) 20px,var(--c-black) 40px)}.trap-reveal-icon{font-size:60px;margin:16px 0;animation:wiggle 2s infinite}.trap-reveal-label{font-family:var(--font-head);font-size:24px;color:var(--c-red);margin-bottom:12px}.trap-reveal-content{font-size:18px;font-weight:700;margin-bottom:16px;line-height:1.4;color:var(--c-yellow)}.trap-actions{display:flex;gap:10px;margin-top:20px}.trap-accept-btn{flex:1;background:var(--c-green);padding:12px;border-radius:var(--radius-m);border:3px solid var(--c-white);font-weight:800;cursor:pointer;color:var(--c-black)}.trap-skip-btn{flex:1;background:var(--c-red);padding:12px;border-radius:var(--radius-m);border:3px solid var(--c-white);font-weight:800;cursor:pointer;color:var(--c-white)}.trap-active{border:3px dashed var(--c-black);background:#fff0f0;padding:20px;border-radius:var(--radius-l);margin-top:20px;text-align:center}.trap-active-header{font-family:var(--font-head);font-size:20px;color:var(--c-red);margin-bottom:8px}.trap-active-content{font-weight:700;font-size:16px;margin-bottom:16px}.rest-card{background:var(--c-blue);color:var(--c-white);padding:30px;border-radius:var(--radius-l);border:var(--border-comic);text-align:center;box-shadow:var(--shadow-comic);margin-top:20px}.rest-text{font-family:var(--font-head);font-size:28px;margin-top:12px}.squad-gate{text-align:center;padding:40px 20px;background:var(--c-white);border:var(--border-comic);border-radius:var(--radius-l);box-shadow:var(--shadow-comic)}.invite-box{background:var(--c-black);padding:16px;border-radius:var(--radius-m);margin:20px 0;color:var(--c-yellow)}.invite-code{font-family:var(--font-head);font-size:32px;letter-spacing:2px;border-bottom:2px dashed #555;padding-bottom:10px;margin-bottom:10px}.invite-actions{display:flex;gap:10px;justify-content:center}.invite-btn{background:#333;color:#fff;border:1px solid #555;padding:6px 12px;border-radius:4px;cursor:pointer}.trap-section{margin-top:16px}.trap-status-bar{background:var(--c-black);color:var(--c-white);padding:12px;border-radius:var(--radius-m);font-weight:700;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-comic-sm)}.feed-comments{background:#f0f0f0;padding:12px;border-top:2px solid var(--c-black)}.comment-item{display:flex;gap:8px;margin-bottom:10px}.comment-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--c-black)}.comment-body{background:var(--c-white);padding:6px 10px;border-radius:0 12px 12px;border:2px solid var(--c-black);font-size:13px;box-shadow:2px 2px #0000001a}.comment-name{font-weight:800;display:block;font-size:11px;color:var(--c-blue)}.comment-input-wrap{display:flex;gap:8px;margin-top:8px}.comment-input{flex:1;border:2px solid var(--c-black);padding:8px;border-radius:20px;outline:none}.comment-send{background:var(--c-blue);color:#fff;border:2px solid var(--c-black);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.personal-feed-item{background:var(--c-white);border:var(--border-comic);border-radius:var(--radius-m);padding:16px;margin-bottom:12px;box-shadow:var(--shadow-comic-sm);display:flex;align-items:center;gap:12px}.pf-date{font-weight:800;font-size:12px;color:var(--c-red);width:60px;text-align:center;line-height:1.2}.pf-content{flex:1}.pf-reward{font-weight:700;color:var(--c-green);font-size:12px;display:block;margin-top:4px}.section-heading{font-family:var(--font-head);font-size:20px;margin:24px 0 12px;display:flex;align-items:center;gap:8px;color:var(--c-black)}.camera-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000;display:flex;flex-direction:column}.camera-viewfinder{flex:1;position:relative;background:#222;display:flex;align-items:center;justify-content:center}.camera-controls{height:140px;background:#000;display:flex;align-items:center;justify-content:space-around;padding-bottom:20px}.camera-shutter{width:72px;height:72px;border-radius:50%;background:#fff;border:4px solid #ccc;display:flex;align-items:center;justify-content:center;cursor:pointer}.camera-shutter-inner{width:56px;height:56px;border-radius:50%;background:var(--c-red);border:2px solid #000}.camera-cancel,.camera-flip{background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.camera-live-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.camera-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;z-index:10}.camera-shutter:disabled{opacity:.4;cursor:not-allowed}.share-uploading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;color:var(--c-black);font-weight:700}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;background:#000c;display:flex;align-items:center;justify-content:center;padding:24px}.share-card{background:var(--c-white);width:100%;border:var(--border-comic);border-radius:var(--radius-xl);padding:32px;text-align:center;box-shadow:0 0 0 100vmax #00000080;animation:pop-in .4s ease}.share-icon{font-size:60px;color:var(--c-green);margin-bottom:16px;animation:bounce 1s infinite}.share-title{font-family:var(--font-head);font-size:32px;margin-bottom:8px}.share-copy-btn{width:100%;background:var(--c-black);color:var(--c-white);padding:14px;border-radius:var(--radius-m);font-weight:800;font-size:16px;cursor:pointer;margin-top:20px}.camera-flash-btn,.camera-gallery-btn{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.camera-flash-btn.active{background:var(--c-yellow);color:var(--c-black)}.stories-ring{background:linear-gradient(135deg,var(--c-purple),var(--c-pink),var(--c-orange))!important}.stories-sheet{width:100%;max-width:600px;background:#000;border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);padding:16px;animation:slide-up .3s ease;max-height:90vh;display:flex;flex-direction:column}.stories-camera-wrap{width:100%;aspect-ratio:3 / 4;position:relative;border-radius:var(--radius-m);overflow:hidden;background:#222}.stories-camera-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.stories-controls{display:flex;align-items:center;justify-content:space-around;padding:20px 0 10px}.stories-ctrl-btn{background:#ffffff26;border:none;color:#fff;font-size:22px;cursor:pointer;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.stories-ctrl-btn.active{background:var(--c-yellow);color:var(--c-black)}.story-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#000;display:flex;flex-direction:column}.story-editor{width:100%;height:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column}.story-editor-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#000c}.story-editor-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px}.story-post-btn{background:var(--c-blue);color:#fff;border:none;padding:8px 20px;border-radius:var(--radius-round);font-weight:800;font-family:var(--font-head);font-size:16px;cursor:pointer;display:flex;align-items:center;gap:6px}.story-post-btn:disabled{opacity:.5}.story-editor-canvas{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.story-editor-img{width:100%;height:100%;object-fit:contain}.story-text-overlay{position:absolute;transform:translate(-50%,-50%);font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);cursor:pointer;padding:4px 8px;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:opacity .2s}.story-text-overlay:hover{opacity:.6}.story-editor-tools{background:#000000e6;padding:12px 16px}.story-text-input{width:100%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;padding:10px 14px;border-radius:var(--radius-round);font-family:var(--font-body);font-size:14px;outline:none;margin-bottom:10px}.story-text-input::placeholder{color:#ffffff80}.story-tool-row{display:flex;align-items:center;gap:8px}.story-font-select{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 10px;border-radius:8px;font-size:13px;outline:none;flex:1}.story-size-slider{flex:1;accent-color:var(--c-blue)}.story-color-picker{width:36px;height:36px;border:2px solid white;border-radius:50%;cursor:pointer;padding:0;background:none}.story-add-text-btn{width:36px;height:36px;background:var(--c-green);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px}.story-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#000000f7;display:flex;align-items:center;justify-content:center}.story-viewer-content{width:100%;max-width:500px;height:100%;max-height:100vh;position:relative;display:flex;flex-direction:column;overflow:hidden}.story-progress-bar{display:flex;gap:3px;padding:8px 12px 4px;position:absolute;top:0;left:0;right:0;z-index:10}.story-progress-segment{flex:1;height:3px;background:#ffffff4d;border-radius:2px;overflow:hidden}.story-progress-fill{height:100%;background:#fff;border-radius:2px;transition:width .3s ease}.story-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 12px 8px;position:absolute;top:12px;left:0;right:0;z-index:10}.story-viewer-user{display:flex;align-items:center;gap:10px}.story-viewer-avatar{width:36px;height:36px;border-radius:50%;border:2px solid white;object-fit:cover}.story-viewer-name{color:#fff;font-weight:700;font-size:14px}.story-viewer-time{color:#fff9;font-size:12px}.story-viewer-close{background:#fff3;border:none;color:#fff;font-size:20px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}.story-viewer-image-wrap{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.story-viewer-image{width:100%;height:100%;object-fit:contain}.story-viewer-loading{text-align:center}.story-tap-left,.story-tap-right{position:absolute;top:80px;bottom:0;width:33%;z-index:5;cursor:pointer}.story-tap-left{left:0}.story-tap-right{right:0;width:67%}.story-ring-avatar{display:flex;align-items:center;justify-content:center;width:110px;height:110px;padding:4px;border-radius:50%;background:transparent;transition:all .3s;box-sizing:border-box}.story-ring-avatar.has-story{background:linear-gradient(135deg,var(--c-purple),var(--c-pink),var(--c-orange));animation:story-ring-pulse 2s ease-in-out infinite}@keyframes story-ring-pulse{0%,to{box-shadow:0 0 #cc5de866}50%{box-shadow:0 0 0 6px #cc5de800}}.story-ring-avatar .profile-avatar{width:100%;height:100%;border-radius:50%;border:3px solid var(--c-white);object-fit:cover;margin-bottom:0}.toast-notification{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:var(--c-black);color:var(--c-white);padding:12px 24px;border-radius:var(--radius-round);font-family:var(--font-body);font-weight:600;font-size:14px;z-index:9999;box-shadow:0 4px 20px #0000004d;text-align:center;max-width:90vw;animation:toast-in .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.toast-enter-active{animation:toast-in .3s cubic-bezier(.175,.885,.32,1.275)}.toast-leave-active{animation:toast-in .3s cubic-bezier(.175,.885,.32,1.275) reverse}.settings-panel{text-align:left}.settings-list{display:flex;flex-direction:column;gap:4px;margin-top:12px}.settings-item{display:flex;align-items:center;gap:12px;padding:14px 16px;font-weight:600;font-size:15px;border-radius:var(--radius-m);cursor:pointer;transition:background .2s}.settings-item:hover{background:#f5f5f5}.settings-item i{width:24px;text-align:center;font-size:18px;color:var(--c-blue)}.story-feed-tab{padding-bottom:20px}.story-feed-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.story-avatars-row{margin-bottom:16px}.story-avatars-scroll{display:flex;gap:12px;overflow-x:auto;padding:4px 0}.story-avatar-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;min-width:68px}.story-avatar-ring{padding:3px;border-radius:50%;transition:all .3s;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.story-avatar-ring.has-stories{background:linear-gradient(135deg,var(--c-purple),var(--c-pink),var(--c-orange))}.story-avatar-ring.no-stories{background:#ddd}.story-feed-avatar{width:52px;height:52px;border-radius:50%;border:3px solid var(--c-white);object-fit:cover}.story-avatar-name{font-size:11px;font-weight:600;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.latest-story-section{margin-bottom:16px;cursor:pointer}.latest-story-card{background:var(--c-white);border:var(--border-comic);border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-comic)}.latest-story-header{display:flex;align-items:center;padding:12px 16px}.latest-story-image{position:relative;width:100%;overflow:hidden}.latest-story-image img{width:100%;display:block;aspect-ratio:3 / 4;object-fit:cover}.latest-story-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center}.story-list-item{display:flex;align-items:center;padding:10px 12px;background:var(--c-white);border:var(--border-comic);border-radius:var(--radius-m);margin-bottom:8px;cursor:pointer;box-shadow:var(--shadow-comic-sm);transition:transform .1s}.story-list-item:active{transform:translate(2px,2px);box-shadow:none}.story-feed-empty{text-align:center;padding:60px 20px;font-family:var(--font-head)}.refresh-feed-btn{background:var(--c-white);border:var(--border-comic);border-radius:var(--radius-round);padding:8px 16px;font-weight:800;font-size:12px;font-family:var(--font-body);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;box-shadow:var(--shadow-comic-sm)}.refresh-feed-btn:active{transform:translate(2px,2px);box-shadow:none}.refresh-feed-btn:disabled{opacity:.6}.story-posting-indicator{position:fixed;top:70px;left:50%;transform:translate(-50%);background:var(--c-blue);color:#fff;padding:8px 20px;border-radius:var(--radius-round);font-weight:700;font-size:13px;z-index:2500;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0003;animation:toast-in .3s cubic-bezier(.175,.885,.32,1.275)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}