*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000}#root{min-height:100vh}.edit-profile-page{min-height:100vh;display:flex;flex-direction:column;padding-bottom:24px}.edit-profile-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}.edit-profile-back{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex}.edit-profile-back svg{width:24px;height:24px}.edit-profile-title{font-size:17px;font-weight:600;margin:0}.edit-profile-spacer{width:40px}.edit-profile-form{flex:1;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:24px}.edit-profile-avatar-wrap{position:relative;cursor:pointer}.edit-profile-file-input{position:absolute;opacity:0;width:0;height:0}.edit-profile-avatar{width:120px;height:120px;border-radius:50%;background:#4a5d23;color:#fff;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;overflow:hidden}.edit-profile-avatar__img{width:100%;height:100%;object-fit:cover}.edit-profile-avatar-overlay{position:absolute;inset:0;border-radius:50%;background:#00000080;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.edit-profile-avatar-wrap:hover .edit-profile-avatar-overlay{opacity:1}.edit-profile-field{width:100%;max-width:360px}.edit-profile-label{display:block;font-size:14px;font-weight:500;color:#ffffffe6;margin-bottom:8px}.edit-profile-textarea{width:100%;padding:14px 18px;font-size:16px;background:#0d0d0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;outline:none;box-sizing:border-box;resize:vertical;min-height:100px;font-family:inherit}.edit-profile-textarea::placeholder{color:#fff6}.edit-profile-textarea:focus{border-color:#3b82f699}.edit-profile-char-count{display:block;font-size:12px;color:#ffffff80;margin-top:4px;text-align:right}.edit-profile-select{width:100%;padding:14px 18px;font-size:16px;background:#0d0d0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;outline:none;box-sizing:border-box;cursor:pointer}.edit-profile-select:focus{border-color:#3b82f699}.edit-profile-select option{background:#1a1a1a;color:#fff}.edit-profile-error{font-size:14px;color:#f87171;margin:0}.edit-profile-submit{width:100%;max-width:360px;padding:14px 24px;font-size:16px;font-weight:600;background:#fff;color:#1a1a1a;border:none;border-radius:12px;cursor:pointer;transition:opacity .2s;margin-top:8px}.edit-profile-submit:hover:not(:disabled){opacity:.9}.edit-profile-submit:disabled{opacity:.6;cursor:not-allowed}.edit-profile-logout{width:100%;max-width:360px;padding:14px 24px;font-size:16px;font-weight:500;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:12px;cursor:pointer;transition:opacity .2s;margin-top:24px}.edit-profile-logout:hover{background:#ffffff1a}.edit-profile-version{font-size:13px;color:#ffffff80;margin:0}.edit-profile-privacy{font-size:14px;color:#60a5fa;text-decoration:underline;margin-top:8px}.edit-profile-privacy:hover{color:#93c5fd}.splash-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;overflow:hidden}.splash-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;padding:24px;box-sizing:border-box}.splash-image-wrap{position:relative;width:100%;max-width:480px}.splash-image{width:100%;height:auto;display:block;object-fit:cover;border-radius:16px;box-shadow:0 8px 32px #00000080}.splash-btn{position:absolute;left:50%;top:75%;transform:translate(-50%,-50%);padding:16px 48px;font-size:18px;font-weight:600;background:#fff;color:#1a1a1a;border:none;border-radius:12px;cursor:pointer;transition:opacity .2s,transform .15s;box-shadow:0 4px 20px #0006}.splash-btn:hover{opacity:.95;transform:translate(-50%,-50%) scale(1.02)}.splash-btn:active{transform:translate(-50%,-50%) scale(.98)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#3b82f626,#0ea5e933,#06b6d426)}.login-card{width:100%;max-width:360px;background:#1a1a1a;border-radius:24px;padding:40px 32px;border:1px solid rgba(255,255,255,.08)}.login-title{font-size:28px;font-weight:800;margin:0 0 8px;text-align:center;letter-spacing:-.5px;color:#fff9}.login-subtitle{font-size:15px;color:#fff9;margin:0 0 32px;text-align:center}.login-form{display:flex;flex-direction:column;gap:16px}.login-input{width:100%;padding:14px 18px;font-size:16px;background:#0d0d0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;outline:none;box-sizing:border-box}.login-input::placeholder{color:#fff6}.login-input:focus{border-color:#3b82f699}.login-error{font-size:14px;color:#f87171;margin:0}.login-btn{margin-top:8px;padding:14px 24px;font-size:16px;font-weight:600;background:#fff;color:#1a1a1a;border:none;border-radius:12px;cursor:pointer;transition:opacity .2s}.login-btn:hover:not(:disabled){opacity:.9}.login-btn:disabled{opacity:.6;cursor:not-allowed}.auth-switch{margin:20px 0 0;font-size:14px;color:#fff9;text-align:center}.auth-link{background:none;border:none;color:#60a5fa;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:underline}.auth-link:hover{color:#93c5fd}.auth-switch--privacy{margin-top:12px}.privacy-page{min-height:100vh;background:#000;color:#fff;max-width:430px;margin:0 auto;padding-bottom:24px}.privacy-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0a0a0a;border-bottom:1px solid rgba(255,255,255,.08)}.privacy-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;color:#ffffffe6;cursor:pointer;border-radius:12px;-webkit-tap-highlight-color:transparent}.privacy-back:hover{background:#ffffff14}.privacy-back:active{opacity:.8}.privacy-title{font-size:18px;font-weight:600;margin:0;color:#fffffff2}.privacy-content{padding:24px 20px;font-size:15px;line-height:1.6;color:#ffffffd9}.privacy-updated{font-size:13px;color:#ffffff80;margin:0 0 24px}.privacy-content section{margin-bottom:24px}.privacy-content h2{font-size:16px;font-weight:600;margin:0 0 8px;color:#fffffff2}.privacy-content p{margin:0;color:#ffffffbf}.app-loading{display:flex;align-items:center;justify-content:center}.app-loading p{color:#fff9;font-size:16px}.app{min-height:100vh;background-color:#000;color:#fff;display:flex;flex-direction:column;max-width:430px;margin:0 auto;position:relative}.app--with-nav{padding-bottom:80px}.app--camera-fullscreen{max-width:none;width:100%}.app-header{padding:8px}.app-header__top{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:16px}.app-header__title{font-size:24px;font-weight:700;margin:0;letter-spacing:-.5px}.app-header__bell{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;cursor:pointer;padding:unset;display:flex;align-items:center;justify-content:center}.app-header__bell svg{width:24px;height:24px}.app-header__bell:hover{opacity:.8}.app-header__tabs{display:flex;justify-content:center;gap:24px}.app-header__tab{background:none;border:none;color:#ffffff80;font-size:15px;font-weight:500;cursor:pointer;padding:4px 0;transition:color .2s}.app-header__tab.active{color:#fff}.app-header__tab:hover{color:#fffc}.main-content{flex:1;display:flex;flex-direction:column}.image-slider{overflow:hidden}.image-slider__track{display:flex;align-items:center;justify-content:center;min-height:220px;padding-bottom:8px;user-select:none;-webkit-user-select:none;cursor:grab}.image-slider__track:active{cursor:grabbing}.image-slider__spacer{flex:0 0 auto;width:144px;margin:0 6px}.image-slider__slide{flex:0 0 auto;display:flex;flex-direction:column;border-radius:12px;overflow:visible;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 12px #0006;margin:0 6px}.image-slider__slide--prev,.image-slider__slide--next{width:144px;opacity:.5;filter:brightness(.85)}.image-slider__slide--prev .image-slider__slide-content,.image-slider__slide--next .image-slider__slide-content{height:198px}.image-slider__slide--active{width:160px;z-index:1;opacity:1;filter:none;box-shadow:0 8px 24px #00000080}.image-slider__slide--active .image-slider__slide-content{height:220px}.image-slider__slide--hidden{width:0;min-width:0;height:0;min-height:0;opacity:0;overflow:hidden;pointer-events:none;margin:0;padding:0;border:none;box-shadow:none}.image-slider__slide--hidden img{display:none}.image-slider__slide-content{flex:0 0 auto;overflow:hidden;border-radius:12px;position:relative}.image-slider__img-main{width:100%;height:100%;object-fit:cover;display:block}.image-slider__img-overlay{position:absolute;top:8px;left:8px;width:35%;height:35%;object-fit:cover;border-radius:8px;border:2px solid rgba(255,255,255,.9)}.image-slider__meta{display:flex;flex-direction:column;gap:8px;width:100%;align-items:center}.image-slider__caption{width:100%;background:transparent;border:none;color:#fff;font-size:14px;padding:0;outline:none;text-align:center}.image-slider__caption::placeholder{color:#ffffff80}.image-slider__actions{display:flex;justify-content:center;gap:10px}.image-slider__action{width:44px;height:44px;border-radius:50%;background:#2a2a2a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity .2s}.image-slider__action:hover{opacity:.9}.image-slider__action svg{width:22px;height:22px}.hero-card{flex:1;border-radius:20px;overflow:hidden;position:relative;min-height:420px;display:flex;align-items:center;justify-content:center}.hero-card__background{position:absolute;inset:0;background:linear-gradient(135deg,#3b82f666,#0ea5e980,#06b6d466),url(/hero-bg.png) center/cover no-repeat;filter:blur(12px);transform:scale(1.1)}.hero-card__background:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#00000080,#000000b3)}.hero-card__content{position:relative;z-index:1;text-align:center;padding:32px 24px}.hero-card__greeting{font-size:18px;font-weight:700;letter-spacing:2px;margin:0 0 4px;text-transform:uppercase}.hero-card__username{font-size:28px;font-weight:800;letter-spacing:1px;margin:0 0 16px;text-transform:uppercase}.hero-card__friends-count{font-size:14px;color:#fffc;margin:0 0 16px}.hero-card__friends-count--link{background:none;border:none;color:#ffffffe6;cursor:pointer;padding:0;text-decoration:underline}.hero-card__friends-count--link:hover{color:#fff}.hero-card__message{font-size:15px;font-weight:400;line-height:1.5;max-width:280px;margin:0 auto 24px}.hero-card__cta{background:#fff;color:#1a1a1a;border:none;padding:14px 28px;font-size:15px;font-weight:600;border-radius:24px;cursor:pointer;transition:opacity .2s}.hero-card__cta:hover{opacity:.9}.hero-card__cta:active{transform:scale(.98)}.post-feed{display:flex;flex-direction:column;gap:20px}.post-feed__item{margin:0}.post-feed__item--clickable{cursor:pointer}.post-feed__loading,.post-feed__empty,.post-feed__error{text-align:center;color:#fff9;font-size:15px;margin:24px 0}.post-feed__error{color:#f87171}.post-card{background:#0d0d0d;overflow:hidden}.post-card__header{display:flex;align-items:center;gap:8px;padding:8px}.post-card__avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#dc2626,#991b1b);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.post-card__avatar-img{width:100%;height:100%;object-fit:cover}.post-card__author{flex:1;min-width:0}.post-card__name{display:block;font-size:15px;font-weight:600}.post-card__late,.post-card__time{display:block;font-size:12px;color:#ffffff80;margin-top:2px}.post-card__menu{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:4px;display:flex}.post-card__menu svg{width:24px;height:24px}.post-card__images{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:#0d0d0d;cursor:pointer;border-radius:16px}.post-card__back{position:absolute;inset:0}.post-card__back img{width:100%;height:100%;object-fit:cover}.post-card__front{position:absolute;left:12px;top:12px;width:28%;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;border:2px solid rgba(30,29,29,.9);box-shadow:0 4px 12px #0006}.post-card__front img{width:100%;height:100%;object-fit:cover}.post-card__actions{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;gap:16px}.post-card__action{position:relative;background:#0006;border:none;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.post-card__action svg{width:20px;height:20px}.post-card__action-count{position:absolute;bottom:-4px;right:-4px;font-size:10px;background:#fff;color:#000;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.post-card__caption-wrap{padding:8px}.post-card__view-comment{background:none;border:none;color:#fff9;font-size:14px;cursor:pointer;padding:8px;display:flex;align-items:center;gap:6px}.post-card__view-comment:hover{color:#ffffffe6}.post-card__view-comment-icon{width:18px;height:18px;flex-shrink:0}.post-card__caption{font-size:14px;line-height:1.5;margin:0;color:#ffffffe6}.hero-card--friends-of-friends .hero-card__background:after{background:linear-gradient(to bottom,#0006,#0009,#000c)}.hero-card__background--grid{background-color:#1a1a2e;background-image:radial-gradient(ellipse at 10% 20%,rgba(99,102,241,.2) 0%,transparent 40%),radial-gradient(ellipse at 90% 80%,rgba(236,72,153,.15) 0%,transparent 40%),radial-gradient(ellipse at 50% 50%,rgba(59,130,246,.1) 0%,transparent 60%),repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(255,255,255,.03) 50px,rgba(255,255,255,.03) 51px),repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(255,255,255,.03) 50px,rgba(255,255,255,.03) 51px)}.hero-card__discover{font-size:22px;font-weight:800;letter-spacing:.5px;line-height:1.3;margin:0 0 24px;text-transform:uppercase;max-width:300px}.hero-card__hint{font-size:13px;color:#ffffff80;line-height:1.5;margin:16px 0 0;max-width:280px}.profile-page{flex:1;display:flex;flex-direction:column}.profile-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.profile-topbar__right{display:flex;align-items:center;gap:8px}.profile-topbar__icon{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.profile-topbar__icon svg{width:24px;height:24px}.profile-topbar__icon:hover{opacity:.8}.profile-header{display:flex;flex-direction:column;align-items:center}.profile-avatar{width:96px;height:96px;border-radius:50%;background:#4a5d23;color:#fff;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;overflow:hidden}.profile-avatar__img{width:100%;height:100%;object-fit:cover}.profile-email,.profile-hometown,.profile-bio{font-size:14px;color:#fffc;margin:0 0 8px}.profile-bio{max-width:280px;line-height:1.5;margin-bottom:12px}.profile-btn--outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);margin-bottom:12px}.profile-btn--outline:hover{background:#ffffff1a}.profile-username{font-size:22px;font-weight:600;margin:0 0 16px}.profile-actions{display:flex;gap:10px;margin-bottom:10px}.profile-btn{background:#fff;color:#1a1a1a;border:none;padding:10px 16px;font-size:14px;font-weight:500;border-radius:20px;cursor:pointer;transition:opacity .2s}.profile-btn:hover{opacity:.9}.profile-btn--full{width:100%;max-width:200px;margin-bottom:12px}.profile-share{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:300px;background:#2a2a2a;color:#fff;border:none;padding:12px 20px;font-size:15px;font-weight:600;border-radius:24px;cursor:pointer;transition:opacity .2s}.profile-share svg{width:20px;height:20px}.profile-share:hover{opacity:.9}.profile-share-hint{margin-top:8px;font-size:13px;color:#fffc;max-width:280px;text-align:center}.profile-share-hint strong{color:#ff9f43}.profile-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}.profile-content--feed{align-items:stretch;text-align:left}.profile-stats{display:flex;justify-content:center;gap:24px;margin:16px 0}.profile-stat{font-size:15px;font-weight:600;color:#fff}.profile-stat--clickable{cursor:pointer}.profile-stat--clickable:hover{opacity:.9}.profile-stat--streak{display:block;color:#ff9f43;font-size:15px;font-weight:600}.profile-privacy-note{font-size:13px;color:#ffffffb3;text-align:center}.profile-privacy-icon{display:inline-block}.profile-content--has-posts .post-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.profile-content--has-posts .post-feed__item{overflow:hidden;border-radius:8px}.profile-content--has-posts .post-feed__item .post-card{width:100%}.profile-content--has-posts .post-feed__item .post-card__header,.profile-content--has-posts .post-feed__item .post-card__caption-wrap,.profile-content--has-posts .post-feed__item .post-card__footer{display:none}.profile-content--has-posts .post-feed__item .post-card__images{height:100%;min-height:0}.profile-content--has-posts .post-feed__item .post-card__back{height:100%}.profile-content--has-posts .post-feed__item .post-card__back img{width:100%;height:100%;object-fit:cover}.profile-content--has-posts .post-feed__item .post-card__front{width:35%;height:35%;top:8px;left:8px}.profile-content--has-posts .post-feed__item .post-card__front img{width:100%;height:100%;object-fit:cover}.profile-content--has-posts .post-feed__item .post-card__actions{display:none}.profile-btn--small{padding:8px 16px;font-size:13px;margin-top:8px}.profile-empty-text{font-size:15px;color:#fffc;line-height:1.5;margin:0 0 24px;max-width:280px}.profile-cta{background:#fff;color:#1a1a1a;border:none;padding:14px 28px;font-size:15px;font-weight:600;border-radius:24px;cursor:pointer;transition:opacity .2s}.profile-cta:hover{opacity:.9}.camera-page{position:fixed;inset:0;width:100vw;height:100dvh;min-height:100vh;background:#000;display:flex;flex-direction:column;z-index:100}.camera-header{display:flex;align-items:center;justify-content:space-between;padding:8px;background:#000}.camera-header__back{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.camera-header__back svg{width:28px;height:28px}.camera-header__back:hover{opacity:.8}.camera-header__title{font-size:20px;font-weight:700;margin:0}.camera-header__spacer{width:44px}.camera-preview{flex:1;position:relative;overflow:hidden;min-height:0;background:#000}.camera-preview__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.camera-preview__video--main{z-index:0}.camera-preview__video--hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.camera-preview__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.camera-preview--result{display:flex;flex-direction:column}.camera-preview--loading{position:relative}.camera-preview--loading .camera-preview__img--back{opacity:.6}.camera-loading-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff;z-index:2}.camera-loading-overlay--subtle{background:#0003}.camera-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:camera-spin .8s linear infinite}@keyframes camera-spin{to{transform:rotate(360deg)}}.camera-preview__img--back{position:absolute;inset:0}.camera-preview__front-wrap{position:absolute;top:12px;left:12px;width:28%;aspect-ratio:4/3;border-radius:12px;overflow:hidden;border:3px solid #fff;z-index:2}.camera-preview__img--front{position:relative;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-header__close{width:40px;height:40px;border-radius:50%;background:#fff3;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.camera-header__close svg{width:22px;height:22px}.camera-header__close:hover{background:#ffffff4d}.camera-caption{position:absolute;bottom:80px;left:16px;right:16px;padding:12px 16px;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:16px;outline:none;z-index:2}.camera-caption::placeholder{color:#ffffff80}.camera-preview-actions{padding:12px 16px;background:#0009;display:flex;align-items:center;gap:12px}.camera-preview-audience{font-size:14px;color:#ffffffe6}.camera-controls__spacer{width:60px}.camera-controls__shutter--post{width:auto;padding:12px 32px;border-radius:24px;font-size:16px;font-weight:600}.camera-controls__send{width:100%;max-width:200px;padding:14px 24px;background:#fff;color:#000;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:.5px}.camera-controls__send:hover:not(:disabled){background:#ffffffe6}.camera-controls__send:disabled{opacity:.6;cursor:not-allowed}.camera-zoom{position:absolute;bottom:16px;left:16px}.camera-zoom__btn{background:#00000080;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 14px;font-size:14px;font-weight:500;border-radius:20px;cursor:pointer}.camera-error{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:#fffc}.camera-error__hint{font-size:14px;color:#ffffff80;margin-top:8px}.camera-error__retry{margin-top:16px;padding:10px 24px;font-size:15px;font-weight:500;color:#fff;background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:20px;cursor:pointer}.camera-error__retry:hover:not(:disabled){background:#ffffff4d}.camera-error__retry:disabled{opacity:.6;cursor:not-allowed}.camera-error--prompt .camera-error__retry{background:#ffffff4d;padding:14px 32px;font-size:17px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.camera-controls{display:flex;align-items:center;justify-content:center;gap:48px;padding:8px 8px 48px;background:#000}.camera-controls__btn{background:none;border:none;color:#fff;cursor:pointer;padding:12px;display:flex;align-items:center;justify-content:center}.camera-controls__btn svg{width:28px;height:28px}.camera-controls__btn:hover{opacity:.8}.camera-controls__btn.active{opacity:.6}.camera-controls__shutter{width:72px;height:72px;border-radius:50%;background:#fff;border:4px solid #333;cursor:pointer;position:relative;box-shadow:0 0 0 2px #ffffff4d}.camera-controls__shutter:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#000}.camera-controls__shutter:hover{transform:scale(1.05)}.camera-controls__shutter:active{transform:scale(.95)}.chat-page{flex:1;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) 20px 24px}.chat-header{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:24px}.chat-header__title{font-size:24px;font-weight:700;margin:0}.chat-header__compose{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.chat-header__compose svg{width:24px;height:24px}.chat-header__compose:hover{opacity:.8}.chat-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 20px}.chat-empty-title{font-size:20px;font-weight:700;margin:0 0 8px}.chat-empty-text{font-size:15px;color:#fff9;line-height:1.5;margin:0 0 24px;max-width:280px}.chat-add-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1a1a1a;border:none;padding:14px 24px;font-size:15px;font-weight:600;border-radius:24px;cursor:pointer;transition:opacity .2s}.chat-add-btn svg{width:22px;height:22px}.chat-add-btn:hover{opacity:.9}.app-placeholder{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}.app-placeholder p{font-size:18px;color:#ffffff80}.friends-page{flex:1;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) 20px 24px}.friends-header{text-align:center;margin-bottom:20px}.friends-header__title{font-size:24px;font-weight:700;margin:0;letter-spacing:-.5px}.friends-content{flex:1;display:flex;flex-direction:column;gap:16px}.friends-search{display:flex;align-items:center;gap:12px;background:#1a1a1a;border-radius:12px;padding:12px 16px}.friends-search__icon{width:20px;height:20px;color:#ffffff80;flex-shrink:0}.friends-search__input{flex:1;background:none;border:none;color:#fff;font-size:15px;outline:none}.friends-search__input::placeholder{color:#fff6}.friends-invite{display:flex;align-items:center;gap:16px;background:#1a1a1a;border-radius:16px;padding:16px}.friends-invite__avatar{width:48px;height:48px;border-radius:50%;background:#4a5d23;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.friends-invite__info{flex:1;min-width:0}.friends-invite__title{font-size:15px;font-weight:600;margin:0 0 4px}.friends-invite__link{font-size:13px;color:#ffffffb3;margin:0}.friends-invite__qr{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.friends-invite__qr svg{width:28px;height:28px}.friends-invite__qr:hover{opacity:.8}.friends-popular{margin-top:8px}.friends-loading,.friends-empty{text-align:center;color:#fff9;font-size:15px;margin:24px 0}.friends-popular__title{font-size:12px;font-weight:600;letter-spacing:1px;color:#fff9;margin:0 0 12px}.friends-popular__hint{font-size:12px;color:#ffffff80;margin:-8px 0 12px}.friends-account--same-hometown{border-left:3px solid #4a5d23}.friends-account__badge{font-size:11px;background:#4a5d2366;color:#a3cf34;padding:2px 8px;border-radius:10px;margin-left:8px}.friends-account__avatar-img{width:100%;height:100%;object-fit:cover}.friends-popular__list{display:flex;flex-direction:column;gap:12px}.friends-account{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.friends-account:last-child{border-bottom:none}.friends-account__avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#f97316,#eab308);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;overflow:hidden}.friends-account__info{flex:1;min-width:0}.friends-account__name{font-size:15px;font-weight:600;margin:0 0 2px}.friends-account__username{font-size:13px;color:#fff9;margin:0 0 2px}.friends-account__followed{font-size:12px;color:#ffffff80;margin:0}.friends-account__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.friends-account__follow{background:#2a2a2a;color:#fff;border:none;padding:8px 16px;font-size:14px;font-weight:600;border-radius:20px;cursor:pointer}.friends-account__follow:hover{background:#333}.friends-account__dismiss{background:none;border:none;color:#fff9;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.friends-account__dismiss svg{width:20px;height:20px}.friends-account__dismiss:hover{color:#fff}.friends-account__menu{background:none;border:none;color:#fff9;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.friends-account__menu svg{width:20px;height:20px}.friends-popup-overlay{position:fixed;inset:0;background:#0009;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:0}.friends-popup{background:#1a1a1a;border-radius:16px 16px 0 0;width:100%;max-width:430px;height:70vh;display:flex;flex-direction:column;box-shadow:0 -4px 24px #0006}.friends-popup__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.friends-popup__title{font-size:18px;font-weight:600;color:#fff;margin:0}.friends-popup__close{background:none;border:none;color:#ffffffb3;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.friends-popup__close svg{width:24px;height:24px}.friends-popup__body{flex:1;overflow-y:auto;padding:8px 0}.friends-popup__loading,.friends-popup__empty{text-align:center;color:#fff9;padding:24px;margin:0}.friends-popup__list{display:flex;flex-direction:column}.friends-popup__list .friends-account{margin:0 16px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;display:flex;justify-content:space-around;align-items:center;padding:8px 0;background:#000;border-top:1px solid rgba(255,255,255,.08);z-index:100}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff9;text-decoration:none;font-size:11px;font-weight:500;transition:color .2s}.bottom-nav__item.active{color:#fff}.bottom-nav__item:hover{color:#ffffffe6}.bottom-nav__icon-wrap{position:relative;display:flex;align-items:center;justify-content:center}.bottom-nav__icon{width:24px;height:24px}.bottom-nav__badge{position:absolute;top:-4px;right:-8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;color:#000;background:#f87171;border-radius:8px;display:flex;align-items:center;justify-content:center}.bottom-nav__camera-btn{width:56px;height:44px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;color:#000;box-shadow:0 4px 12px #fff3}.bottom-nav__camera-btn svg{width:28px;height:28px}.bottom-nav__avatar{width:24px;height:24px;border-radius:50%;background:#4a5d23;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;overflow:hidden}.bottom-nav__avatar-img{width:100%;height:100%;object-fit:cover}.edit-post{flex:1;display:flex;flex-direction:column;background:#000;min-height:100vh}.edit-post__loading,.edit-post__error{text-align:center;color:#fff9;padding:48px 20px}.edit-post__error{color:#f87171}.edit-post__header{display:flex;align-items:center;justify-content:space-between;padding:max(12px,env(safe-area-inset-top)) 16px 12px;background:#000;border-bottom:1px solid rgba(255,255,255,.08)}.edit-post__header-left{display:flex}.edit-post__back{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex}.edit-post__back svg{width:24px;height:24px}.edit-post__header-center{display:flex;align-items:center;gap:8px}.edit-post__header-center-content{display:flex;flex-direction:column}.edit-post__avatar{width:32px;height:32px;border-radius:50%;background:#4a5d23;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;overflow:hidden}.edit-post__avatar img{width:100%;height:100%;object-fit:cover}.edit-post__username{font-size:14px;font-weight:600}.edit-post__time{font-size:12px;color:#fff9}.edit-post__header-right{display:flex;gap:8px}.edit-post__icon{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex}.edit-post__icon svg{width:24px;height:24px}.edit-post__image-wrap{position:relative;aspect-ratio:3 / 4;background:#0d0d0d}.edit-post__image{position:relative;width:100%;height:100%}.edit-post__img-main{width:100%;height:100%;object-fit:cover;display:block}.edit-post__img-overlay{position:absolute;top:12px;left:12px;width:35%;height:35%;object-fit:cover;border-radius:8px;border:2px solid rgba(255,255,255,.9)}.edit-post__tag-btn{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:6px;background:#fffffff2;color:#1a1a1a;border:none;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer}.edit-post__tag-btn svg{width:18px;height:18px}.edit-post__details{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.edit-post__caption{width:100%;background:transparent;border:none;color:#fff;font-size:15px;padding:0;outline:none}.edit-post__caption::placeholder{color:#ffffff80}.edit-post__location{display:flex;align-items:center;gap:8px;background:#2a2a2a;color:#fff;border:none;padding:10px 16px;border-radius:20px;font-size:14px;width:fit-content;cursor:pointer}.edit-post__location svg{width:18px;height:18px}.edit-post__comments{padding:0 20px 16px;flex:1}.edit-post__comments-empty{font-size:14px;color:#ffffff80;margin:0}.edit-post__comment-bar{display:flex;align-items:center;gap:12px;padding:12px 20px max(20px,env(safe-area-inset-bottom));background:#000;border-top:1px solid rgba(255,255,255,.08)}.edit-post__comment-input{flex:1;background:#1a1a1a;border:none;border-radius:20px;padding:10px 16px;color:#fff;font-size:14px;outline:none}.edit-post__comment-input::placeholder{color:#ffffff80}.edit-post__comment-send{width:44px;height:44px;border-radius:50%;background:#3b82f6;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.edit-post__comment-send svg{width:22px;height:22px}.post-detail{flex:1;display:flex;flex-direction:column;background:#000;min-height:100vh}.post-detail__loading,.post-detail__error{text-align:center;color:#fff9;padding:48px 20px}.post-detail__error{color:#f87171}.post-detail__header{display:flex;align-items:center;padding:8px;background:#000;border-bottom:1px solid rgba(255,255,255,.08)}.post-detail__header--fixed{position:fixed;top:0;left:0;right:0;z-index:10}.post-detail__scroll{flex:1;overflow-y:auto;padding-top:60px;padding-bottom:80px;-webkit-overflow-scrolling:touch}.post-detail__image-wrap-container{display:flex;flex-direction:column;align-items:center;gap:8px}.post-detail__back{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;flex-shrink:0}.post-detail__back svg{width:24px;height:24px}.post-detail__header-center{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.post-detail__header-content{display:flex;flex-direction:column;min-width:0}.post-detail__avatar{width:36px;height:36px;border-radius:50%;background:#4a5d23;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;overflow:hidden;flex-shrink:0}.post-detail__avatar img{width:100%;height:100%;object-fit:cover}.post-detail__username{font-size:14px;font-weight:600}.post-detail__time{font-size:12px;color:#fff9}.post-detail__header-right{display:flex;gap:8px;flex-shrink:0}.post-detail__icon{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex}.post-detail__icon svg{width:24px;height:24px}.post-detail__image-wrap{position:relative;background:#0d0d0d}.post-detail__image{position:relative;width:100%;height:100%}.post-detail__img-main{width:100%;height:100%;object-fit:cover;display:block}.post-detail__img-overlay{position:absolute;top:12px;left:12px;width:35%;height:35%;object-fit:cover;border-radius:8px;border:2px solid rgba(255,255,255,.9)}.post-detail__tag-btn{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:6px;background:#fffffff2;color:#1a1a1a;border:none;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer}.post-detail__tag-btn svg{width:18px;height:18px}.post-detail__caption{padding:0 8px;margin:0;font-size:15px;color:#fff;line-height:1.5}.post-detail__retakes{display:flex;align-items:center;gap:8px;padding:8px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:20px;color:#fffc;font-size:14px;cursor:pointer;width:fit-content}.post-detail__retakes svg{width:18px;height:18px}.post-detail__realmojis{padding:0 20px 16px;display:flex;align-items:center;gap:8px}.post-detail__realmojis-title{font-size:14px;font-weight:600;margin:0}.post-detail__realmojis-count{font-size:14px;color:#fff9}.post-detail__realmojis-list{flex:1}.post-detail__comments-section{flex:1;padding:0 20px 32px;display:flex;flex-direction:column;min-height:0}.post-detail__comments-header{display:flex;align-items:baseline;gap:8px}.post-detail__comments-title{font-size:14px;font-weight:600;margin:0}.post-detail__comments-count{font-size:14px;color:#fff9}.post-detail__comments-list{margin-top:12px}.post-detail__comments-empty{font-size:14px;color:#ffffff80;margin:12px 0 0}.post-detail__comment{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.post-detail__comment:last-child{border-bottom:none}.post-detail__comment-avatar{width:36px;height:36px;border-radius:50%;background:#4a5d23;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0;overflow:hidden}.post-detail__comment-avatar img{width:100%;height:100%;object-fit:cover}.post-detail__comment-body{flex:1;min-width:0}.post-detail__comment-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.post-detail__comment-username{font-size:14px;font-weight:600}.post-detail__comment-time{font-size:12px;color:#ffffff80}.post-detail__comment-text{margin:0 0 4px;font-size:14px;line-height:1.5}.post-detail__comment-voice{margin-top:4px}.post-detail__comment-voice audio{width:100%;max-width:240px;height:36px;outline:none}.post-detail__comment-voice audio::-webkit-media-controls-panel{background:#1a1a1a}.post-detail__comment-reply{background:none;border:none;color:#fff9;font-size:13px;cursor:pointer;padding:0}.post-detail__comment-reply:hover{color:#ffffffe6}.post-detail__comment-bar{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px max(20px,env(safe-area-inset-bottom));background:#000;border-top:1px solid rgba(255,255,255,.08)}.post-detail__comment-bar--fixed{position:fixed;bottom:0;left:0;right:0;z-index:10}.post-detail__comment-input{flex:1;background:#1a1a1a;border:none;border-radius:20px;padding:10px 16px;color:#fff;font-size:14px;outline:none}.post-detail__comment-input::placeholder{color:#ffffff80}.post-detail__comment-emoji{width:44px;height:44px;border-radius:50%;background:none;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.post-detail__comment-emoji svg{width:24px;height:24px}.post-detail__comment-emoji:hover{opacity:.8}.post-detail__comment-hint{font-size:12px;color:#ffffff80;margin:0 0 8px}.post-detail__comment-voice-btn{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:12px 20px;background:#1a1a1a;border:2px solid rgba(255,255,255,.2);border-radius:24px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s,border-color .2s;position:relative}.post-detail__comment-voice-btn:hover:not(:disabled){background:#252525;border-color:#ffffff59}.post-detail__comment-voice-btn:disabled{opacity:.7;cursor:not-allowed}.post-detail__comment-voice-btn--recording{background:#dc354533;border-color:#dc3545;color:#ff6b6b}.post-detail__comment-voice-btn svg{width:24px;height:24px}.post-detail__comment-voice-btn--recording svg{width:20px;height:20px}.post-detail__comment-voice-btn-pulse{position:absolute;width:12px;height:12px;border-radius:50%;background:#dc3545;animation:post-detail-pulse 1s ease-in-out infinite}@keyframes post-detail-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.post-detail__comment-voice-btn-text{font-weight:500}.post-detail__comment-error{font-size:12px;color:#dc3545;margin:6px 0 0}.memories-page{min-height:100vh;background:#000;color:#fff;max-width:430px;margin:0 auto}.memories-header{display:flex;align-items:center;gap:12px;padding:12px 16px;position:sticky;top:0;background:#000;z-index:10}.memories-header__back{background:none;border:none;color:#fff;padding:4px;cursor:pointer;display:flex}.memories-header__back svg{width:24px;height:24px}.memories-header__title{font-size:20px;font-weight:700;margin:0}.memories-calendar{padding:0 16px 32px}.memories-calendar__nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.memories-calendar__nav-btn{background:none;border:none;color:#fff9;cursor:pointer;padding:4px;display:flex;border-radius:50%;transition:background .2s}.memories-calendar__nav-btn:hover{background:#ffffff1a}.memories-calendar__nav-btn svg{width:20px;height:20px}.memories-calendar__month{font-size:16px;font-weight:600}.memories-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.memories-calendar__weekday{text-align:center;font-size:12px;font-weight:600;color:#ffffff80;padding:4px 0;text-transform:uppercase}.memories-calendar__weekday--sun{color:#ff646499}.memories-calendar__loading{text-align:center;color:#ffffff80;font-size:14px;padding:40px 0}.memories-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.memories-calendar__cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative}.memories-calendar__cell--has-posts{cursor:pointer}.memories-calendar__day{font-size:14px;color:#ffffffb3;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.memories-calendar__day--today{border:2px solid #fff;font-weight:700;color:#fff}.memories-calendar__thumb-wrap{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden}.memories-calendar__thumb{width:100%;height:100%;object-fit:cover;display:block}.memories-calendar__thumb-day{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#ff9f43;text-shadow:0 1px 3px rgba(0,0,0,.6)}.memories-calendar__thumb-badge{position:absolute;top:2px;right:2px;background:#ff9f43;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px}