*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg:#fdfbf7;--bg-card:#ffffff;--text:#2d2d2d;--text-light:#9a9a9a;--accent:#e87a9f;--accent-light:#fff5f8;--accent-soft:#fde8ef;--accent-deep:#d4617e;--gradient-soft:linear-gradient(135deg, #fff5f8 0%, #fef0f5 50%, #f8e8ff 100%);--gradient-accent:linear-gradient(135deg, #e87a9f, #f5a0b8);--border:#f0ebe6;--shadow:0 2px 16px rgba(232,122,159,.08);--shadow-md:0 4px 24px rgba(232,122,159,.12);--shadow-lg:0 8px 40px rgba(232,122,159,.16);--radius:16px;--radius-sm:10px;--radius-lg:20px;--transition:.3s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;overflow-x:hidden;transition:transform .3s ease}.app{max-width:480px;margin:0 auto;min-height:100vh;position:relative}.petals{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.petal{position:absolute;bottom:-30px;animation:float-up linear infinite}@keyframes float-up{0%{transform:translateY(0) rotate(0) translate(0);opacity:0}10%{opacity:var(--o,.2)}50%{transform:translateY(-50vh) rotate(180deg) translate(30px)}90%{opacity:var(--o,.2)}to{transform:translateY(-110vh) rotate(360deg) translate(-20px);opacity:0}}.header{position:sticky;top:0;z-index:10;background:#fdfbf7eb;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--border);box-shadow:0 1px #00000008}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}.logo{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s ease}.logo:hover{transform:scale(1.02)}.logo-img{height:30px;width:auto;filter:drop-shadow(0 2px 4px rgba(232,122,159,.2))}.header-actions{display:flex;align-items:center;gap:10px}.login-trigger{border:none;background:transparent;cursor:pointer;padding:4px;border-radius:50%;transition:transform .2s ease}.login-trigger:hover{transform:scale(1.08)}.login-icon{width:32px;height:32px;border-radius:50%;background:var(--gradient-soft);display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 8px #e87a9f26;transition:all .2s ease}.login-icon:hover{box-shadow:0 4px 12px #e87a9f40}.login-icon.logged{background:var(--gradient-accent);color:#fff;font-weight:600;font-size:12px;box-shadow:0 4px 12px #e87a9f4d}.user-menu{position:relative}.user-dropdown{position:absolute;top:40px;right:0;z-index:200;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:10px 0;min-width:170px;animation:dropdownIn .2s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ud-name{padding:10px 18px;font-size:14px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);margin-bottom:6px}.ud-item{display:block;width:100%;padding:10px 18px;border:none;background:transparent;font-size:13px;text-align:left;cursor:pointer;font-family:inherit;color:var(--text);transition:all .2s ease}.ud-item:hover{background:var(--accent-light);padding-left:22px}.ud-logout{color:var(--accent-deep);border-top:1px solid var(--border);margin-top:6px;padding-top:14px}.login-modal{background:var(--bg-card);border-radius:var(--radius-lg);padding:28px;width:100%;max-width:360px;box-shadow:var(--shadow-lg);border:1px solid var(--border);animation:modalIn .3s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-tabs{display:flex;margin-bottom:22px;gap:4px;background:var(--bg);padding:4px;border-radius:12px}.login-tab{flex:1;padding:12px;border:none;background:transparent;font-size:14px;cursor:pointer;font-family:inherit;color:var(--text-light);transition:var(--transition);border-radius:10px}.login-tab.active{background:var(--bg-card);color:var(--accent);font-weight:600;box-shadow:0 2px 8px #0000000f}.auth-error{font-size:12px;color:var(--accent-deep);margin-bottom:14px;text-align:center;padding:8px 12px;background:#fff5f8;border-radius:8px}.lang-switcher{display:flex;gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:18px;padding:3px}.lang-btn{padding:4px 10px;border:none;background:transparent;border-radius:14px;font-size:11px;font-family:inherit;cursor:pointer;color:var(--text-light);transition:var(--transition);white-space:nowrap;font-weight:500}.lang-btn.active{background:var(--gradient-accent);color:#fff;box-shadow:0 2px 8px #e87a9f4d}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:10;background:#fffffffa;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:10px 0 env(safe-area-inset-bottom,12px);box-shadow:0 -4px 20px #0000000a}.bnav-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 20px;border:none;background:transparent;cursor:pointer;color:var(--text-light);transition:all .25s ease;font-family:inherit;border-radius:16px}.bnav-btn:hover{background:var(--accent-light)}.bnav-btn.active .bnav-icon{transform:scale(1.2)}.bnav-btn.active .bnav-label{color:var(--accent);font-weight:600}.bnav-icon{font-size:22px;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.bnav-label{font-size:10px;letter-spacing:.4px}.main{padding:0 0 20px;position:relative;z-index:1}.section{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-header{display:flex;align-items:center;gap:20px;padding:28px 20px 20px}.profile-avatar-wrap{position:relative;flex-shrink:0}.profile-avatar{width:76px;height:76px;border-radius:50%;background:var(--gradient-soft);display:flex;align-items:center;justify-content:center;font-size:34px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:2;position:relative;box-shadow:0 4px 16px #e87a9f33}.profile-avatar:hover{transform:scale(1.05);box-shadow:0 6px 20px #e87a9f4d}.profile-avatar:active{transform:scale(.95)}.profile-avatar .avatar-edit-hint{position:absolute;bottom:0;right:0;width:22px;height:22px;border-radius:50%;background:var(--gradient-accent);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #e87a9f66;opacity:0;transition:opacity .2s}.profile-avatar:hover .avatar-edit-hint{opacity:1}.profile-avatar.no-avatar{cursor:default}.avatar-ring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:3px solid transparent;background:linear-gradient(135deg,#f5a0b8,#e87a9f,#d4617e,#f5a0b8) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ring-rotate 4s linear infinite}@keyframes ring-rotate{to{filter:hue-rotate(360deg)}}.profile-info{flex:1;min-width:0}.profile-name{font-size:22px;font-weight:700;margin-bottom:4px;letter-spacing:-.5px}.profile-bio{font-size:13px;color:var(--text-light);font-weight:400}.profile-stats{display:flex;align-items:center;justify-content:space-around;padding:16px 24px 24px;margin:0 20px;background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.pstat{text-align:center;cursor:pointer;transition:all .25s ease;padding:4px 12px;border-radius:12px}.pstat:hover{background:var(--accent-light)}.pstat:active{transform:scale(.95)}.pstat-num{display:block;font-size:22px;font-weight:700;color:var(--text)}.pstat-label{font-size:11px;color:var(--text-light);margin-top:2px}.pstat-divider{width:1px;height:32px;background:var(--border)}.profile-login-required{text-align:center;padding:60px 20px}.profile-login-required p{color:var(--text-light);margin-bottom:20px;font-size:15px}.profile-form{padding:20px;max-width:480px;margin:0 auto}.pf-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:28px}.pf-avatar-preview{width:100px;height:100px;border-radius:50%;background:var(--gradient-soft);display:flex;align-items:center;justify-content:center;font-size:40px;background-size:cover;background-position:center;box-shadow:0 4px 16px #e87a9f33}.pf-avatar-btn{font-size:13px;padding:8px 20px}.pf-field{margin-bottom:20px}.pf-label{font-size:12px;color:var(--text-light);margin-bottom:6px;display:block}.pf-value{font-size:15px;color:var(--text);padding:10px 14px;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border)}.pf-input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-size:14px;color:var(--text);transition:border-color .2s;box-sizing:border-box}.pf-input:focus{outline:none;border-color:var(--accent)}.pf-save-btn{width:100%;margin-top:8px;padding:14px}.pf-divider{height:1px;background:var(--border);margin:28px 0}.pf-section-title{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text)}.profile-tabs{display:flex;padding:0 20px;gap:8px;margin-bottom:20px}.ptab{flex:1;padding:10px;border:none;background:var(--bg-card);border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-light);cursor:pointer;transition:all .2s}.ptab.active{background:var(--gradient-accent);color:#fff}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:0}.pg-item{aspect-ratio:1;overflow:hidden;cursor:pointer}.pg-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.pg-item:hover img{transform:scale(1.05)}.profile-empty{text-align:center;padding:40px 20px;color:var(--text-light);font-size:14px}.lg-avatar{width:80px;height:80px;font-size:32px}.lg-avatar:hover .avatar-edit-hint{opacity:1}.ppm-wrap{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;max-width:480px;width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.ppm-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#00000080;color:#fff;border:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.ppm-close:hover{background:#000000b3}.ppm-img{width:100%;max-height:60vh;object-fit:contain;background:#000}.ppm-info{padding:16px}.ppm-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ppm-author{font-weight:600;font-size:14px}.ppm-location{font-size:12px;color:var(--text-light)}.ppm-caption{font-size:14px;line-height:1.5;margin-bottom:12px}.ppm-stats{font-size:13px;color:var(--text-light);display:flex;gap:16px}.ppm-actions{display:flex;gap:8px;margin-top:12px}.ppm-btn{padding:8px 16px;border-radius:20px;border:none;background:var(--bg);cursor:pointer;font-size:14px;transition:all .2s}.ppm-btn:hover{background:var(--accent-light)}.ppm-delete:hover{background:#ffe0e0}.sm-avatar{width:36px;height:36px}.stories-bar{display:flex;gap:16px;padding:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.stories-bar::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;flex-shrink:0;scroll-snap-align:start;transition:transform .2s ease}.story-item:hover{transform:scale(1.05)}.story-ring{padding:4px;border-radius:50%;background:linear-gradient(135deg,#f5a0b8,#e87a9f,#d4617e);box-shadow:0 4px 12px #e87a9f40}.story-item.viewed .story-ring{background:var(--border);box-shadow:none}.story-thumb{width:58px;height:58px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:26px}.story-name{font-size:11px;color:var(--text-light);max-width:58px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-card{margin:0 20px 28px;padding:28px;background:var(--gradient-soft);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid rgba(232,122,159,.1);box-shadow:var(--shadow)}.feature-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 60%);pointer-events:none}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.feature-card:active{transform:scale(.98)}.feature-icon{font-size:32px;margin-bottom:14px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.feature-text{font-size:16px;line-height:1.7;margin-bottom:6px}.feature-text.accent{color:var(--accent-deep);font-weight:600;font-size:18px}.feature-dots{display:flex;gap:8px;margin-top:18px;justify-content:center}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent-soft);transition:all .3s ease}.dot.active{background:var(--accent);width:20px;border-radius:4px}.section-head{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 14px}.section-head-actions{display:flex;align-items:center;gap:10px}.inline-search{width:130px;padding:8px 14px;border:1px solid var(--border);border-radius:20px;font-size:13px;font-family:inherit;background:var(--bg-card);color:var(--text);outline:none;transition:all .3s ease}.inline-search:focus{border-color:var(--accent);width:170px;box-shadow:0 0 0 3px #e87a9f1a}.inline-search::placeholder{color:var(--text-light)}.section-title{font-size:20px;font-weight:700;letter-spacing:-.3px}.msg-badge{background:var(--gradient-accent);color:#fff;font-size:11px;padding:4px 12px;border-radius:14px;font-weight:600;box-shadow:0 2px 8px #e87a9f40}.upload-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--gradient-soft);border:1px solid rgba(232,122,159,.2);border-radius:50%;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px #e87a9f26}.upload-btn:hover{transform:scale(1.08);box-shadow:0 4px 12px #e87a9f40}.upload-btn:active{transform:scale(.95)}.upload-icon{font-size:22px;font-weight:600;color:var(--accent)}.upload-location{font-size:12px;color:var(--text-light);margin:-8px 0 14px;display:flex;align-items:center;gap:4px}.feed{padding:0 0 24px}.post-card{background:var(--bg-card);border:1px solid var(--border);margin:0 16px 12px;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:all .25s ease}.post-card:hover{box-shadow:var(--shadow-md)}.post-card.post-private{border-left:4px solid var(--accent)}.post-header{display:flex;align-items:center;gap:12px;padding:12px 16px}.post-avatar{width:36px;height:36px;border-radius:50%;background:var(--gradient-soft);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 2px 8px #e87a9f26;background-size:cover;background-position:center}.post-avatar.no-avatar-text span{display:none}.post-user-info{flex:1}.post-username{font-size:14px;font-weight:600}.post-location{font-size:11px;color:var(--text-light);margin-left:8px}.post-private-badge{margin-left:6px}.post-owner-actions{display:flex;gap:4px}.post-action-sm{border:none;background:transparent;font-size:14px;cursor:pointer;padding:6px;opacity:.6;transition:all .2s ease;border-radius:8px}.post-action-sm:hover{opacity:1;background:var(--accent-light);transform:scale(1.1)}.photo-edit-wrap{background:var(--bg);padding:12px 0}.post-image-wrap{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#fafafa}.post-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-card:hover .post-image-wrap img{transform:scale(1.02)}.double-tap-heart{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:90px;filter:drop-shadow(0 4px 12px rgba(232,122,159,.4));pointer-events:none}.heart-pop-enter-active{animation:heartPop .9s ease forwards}@keyframes heartPop{0%{transform:translate(-50%,-50%) scale(0);opacity:1}15%{transform:translate(-50%,-50%) scale(1.4);opacity:1}30%{transform:translate(-50%,-50%) scale(1);opacity:1}80%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.post-actions{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 6px}.post-actions-left{display:flex;gap:16px}.action-btn{border:none;background:transparent;font-size:24px;cursor:pointer;padding:4px;transition:all .2s ease;line-height:1}.action-btn:hover{transform:scale(1.15)}.action-btn:active{transform:scale(.9)}.action-btn.liked{animation:likePop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes likePop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.post-likes{padding:0 16px 6px;font-size:13px;font-weight:600}.post-caption{padding:0 16px 6px;font-size:13px;line-height:1.6}.post-caption strong{font-weight:600}.post-view-comments{padding:4px 16px;font-size:13px;color:var(--text-light);cursor:pointer;transition:color .2s}.post-view-comments:hover{color:var(--accent)}.post-recent-comments{padding:4px 16px 6px;font-size:13px}.post-comment-item{margin-bottom:3px;line-height:1.5}.post-comment-item strong{font-weight:600}.post-comment-input{display:flex;align-items:center;gap:10px;padding:10px 16px 14px;border-top:1px solid var(--border)}.quick-comment{flex:1;border:none;background:transparent;font-size:13px;font-family:inherit;color:var(--text);outline:none}.quick-comment::placeholder{color:var(--text-light)}.comment-send{border:none;background:transparent;font-size:13px;font-weight:600;color:var(--accent);cursor:pointer;font-family:inherit;transition:all .2s ease;padding:4px 8px;border-radius:8px}.comment-send:hover{background:var(--accent-light)}.post-time{padding:4px 16px 14px;font-size:10px;color:var(--text-light);letter-spacing:.5px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:70px 20px 80px;animation:fadeIn .25s;overflow-y:auto}.modal{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:360px;box-shadow:var(--shadow-lg);border:1px solid var(--border);animation:modalPop .3s ease}@keyframes modalPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-preview{width:100%;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;margin-bottom:16px;box-shadow:0 4px 12px #00000014}.modal-preview img{width:100%;height:100%;object-fit:cover}.modal-input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;background:var(--bg);color:var(--text);outline:none;transition:all .25s ease;margin-bottom:14px}.modal-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e87a9f1a}.modal-input::placeholder{color:var(--text-light)}.modal-actions{display:flex;gap:12px}.btn-cancel,.btn-confirm{flex:1;padding:12px;border:none;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;font-family:inherit;transition:all .25s ease;font-weight:500}.btn-cancel{background:var(--bg);color:var(--text-light)}.btn-cancel:hover{background:var(--border)}.btn-confirm{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 12px #e87a9f4d}.btn-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #e87a9f66}.btn-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none}.comments-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:var(--bg);display:flex;flex-direction:column}.cp-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-card)}.cp-back,.cp-close{border:none;background:transparent;font-size:20px;cursor:pointer;padding:6px 10px;border-radius:10px;transition:all .2s ease;color:var(--text)}.cp-back:hover,.cp-close:hover{background:var(--accent-light)}.cp-title{font-size:17px;font-weight:700}.cp-list{flex:1;overflow-y:auto;padding:16px 20px}.cp-item{display:flex;gap:12px;margin-bottom:18px}.cp-avatar{width:36px;height:36px;border-radius:50%;background:var(--gradient-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0;box-shadow:0 2px 8px #e87a9f26;background-size:cover;background-position:center}.cp-avatar.no-avatar-text span{display:none}.cp-body{flex:1}.cp-meta{display:flex;align-items:center;gap:10px;margin-bottom:4px}.cp-meta strong{font-size:14px;font-weight:600}.cp-time{font-size:11px;color:var(--text-light)}.cp-body p{font-size:14px;line-height:1.6;color:var(--text)}.cp-meta{display:flex;align-items:center;gap:10px;margin-bottom:4px;flex-wrap:wrap}.cp-actions{display:flex;gap:4px;margin-left:auto}.cp-action-btn{border:none;background:transparent;font-size:12px;cursor:pointer;padding:4px 6px;opacity:.5;transition:all .2s ease;border-radius:6px}.cp-action-btn:hover{opacity:1;background:var(--accent-light);transform:scale(1.1)}.cp-delete:hover{background:#fff0f0}.cp-edit-wrap{margin-top:8px}.cp-edit-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;font-family:inherit;background:var(--bg);color:var(--text);outline:none;transition:all .25s ease;margin-bottom:8px}.cp-edit-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e87a9f1a}.cp-edit-actions{display:flex;gap:8px;justify-content:flex-end}.cp-empty{text-align:center;padding:80px 0;color:var(--text-light);font-size:14px}.cp-input-bar{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--border);background:var(--bg-card);box-shadow:0 -4px 16px #0000000a}.cp-name{width:80px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-family:inherit;background:var(--bg);color:var(--text);outline:none}.cp-input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;background:var(--bg);color:var(--text);outline:none;transition:all .25s ease}.cp-input:focus,.cp-name:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e87a9f1a}.cp-send{border:none;background:var(--gradient-accent);color:#fff;padding:10px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .25s ease;box-shadow:0 4px 12px #e87a9f4d}.cp-send:hover{transform:translateY(-1px);box-shadow:0 6px 16px #e87a9f66}.slide-up-enter-active,.slide-up-leave-active{transition:transform .35s cubic-bezier(.4,0,.2,1)}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(100%)}.msg-form{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;margin:0 20px 18px;box-shadow:var(--shadow);border:1px solid var(--border)}.form-row{display:flex;gap:10px;margin-bottom:12px}.form-input{flex:1;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;background:var(--bg);color:var(--text);outline:none;transition:all .25s ease}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e87a9f1a}.mood-selector{display:flex;gap:4px}.mood-btn{width:38px;height:38px;border:1px solid var(--border);background:var(--bg);border-radius:12px;font-size:16px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000000a}.mood-btn:hover{transform:scale(1.08);box-shadow:0 4px 10px #00000014}.mood-btn.active{border-color:var(--accent);background:var(--accent-light);transform:scale(1.12);box-shadow:0 4px 12px #e87a9f33}.form-textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;background:var(--bg);color:var(--text);outline:none;resize:none;margin-bottom:12px;line-height:1.6;transition:all .25s ease}.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e87a9f1a}.form-textarea::placeholder{color:var(--text-light)}.submit-btn{width:84px;padding:11px 0;border:none;border-radius:var(--radius-sm);background:var(--gradient-accent);color:#fff;font-size:13px;cursor:pointer;font-family:inherit;transition:all .25s ease;flex-shrink:0;font-weight:600;letter-spacing:.5px;box-shadow:0 4px 12px #e87a9f4d}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #e87a9f66}.submit-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-accent);color:#fff;border:none;border-radius:var(--radius);padding:12px 28px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #e87a9f4d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #e87a9f66}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-card);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);padding:10px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .25s}.btn-secondary:hover{background:var(--accent-light)}.msg-list{padding:0 20px}.msg-card{display:flex;gap:12px;margin-bottom:12px;padding:16px;background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);transition:all .25s ease}.msg-card:hover{box-shadow:var(--shadow-md)}.msg-card.msg-private{border-color:var(--accent-soft);background:linear-gradient(135deg,#fff,#fef8fb)}.msg-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;flex-shrink:0;box-shadow:0 2px 8px #e87a9f26;background-size:cover;background-position:center}.msg-avatar.no-avatar-text span{display:none}.msg-body{flex:1;min-width:0}.msg-meta{display:flex;align-items:center;gap:10px;margin-bottom:4px;flex-wrap:wrap}.msg-name{font-size:14px;font-weight:600}.msg-private-badge{font-size:11px;flex-shrink:0}.msg-time{font-size:11px;color:var(--text-light)}.msg-actions-menu{display:flex;gap:4px;margin-left:auto}.msg-action-btn{border:none;background:transparent;font-size:14px;cursor:pointer;padding:4px 6px;opacity:.6;transition:all .2s ease;border-radius:8px}.msg-action-btn:hover{opacity:1;background:var(--accent-light);transform:scale(1.1)}.msg-edit-wrap{margin:8px 0}.msg-edit-actions{display:flex;gap:10px;justify-content:flex-end}.msg-text{font-size:14px;line-height:1.6;word-break:break-word;color:var(--text)}.msg-like-btn{margin-top:8px;border:none;background:transparent;font-size:13px;cursor:pointer;color:var(--text-light);padding:4px 8px;font-family:inherit;transition:all .2s ease;border-radius:8px}.msg-like-btn:hover{background:var(--accent-light);color:var(--accent)}.form-row-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.private-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.private-toggle input{display:none}.private-label{font-size:13px;color:var(--text-light);transition:all .25s ease;white-space:nowrap;padding:6px 12px;background:var(--bg);border-radius:20px;border:1px solid var(--border)}.private-toggle input:checked+.private-label{color:var(--accent);border-color:var(--accent);background:var(--accent-light);font-weight:500}.egg-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9997;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}.egg-content{text-align:center;z-index:2;padding:40px;max-width:400px}.egg-heart{font-size:64px;margin-bottom:20px;animation:eggBounce 1s ease infinite}@keyframes eggBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.egg-title{font-size:28px;font-weight:300;margin-bottom:16px}.egg-text{font-size:14px;line-height:2;opacity:.85;margin-bottom:20px}.egg-counter{font-size:12px;opacity:.5;margin-bottom:12px}.egg-secret{padding:12px 20px;background:#ffffff1a;border-radius:20px;font-size:13px;margin-bottom:16px;animation:eggGlow 1s ease infinite alternate}@keyframes eggGlow{0%{box-shadow:0 0 10px #e8a0bf4d}to{box-shadow:0 0 30px #e8a0bf99}}.egg-close{padding:10px 30px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:20px;font-size:13px;cursor:pointer;font-family:inherit;transition:var(--transition)}.egg-close:hover{background:#ffffff1a}.egg-float-hearts{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.egg-fh{position:absolute;bottom:-30px;animation:float-up 6s linear infinite;color:var(--accent);opacity:.4}.egg-fade-enter-active{animation:eggFadeIn .5s ease}.egg-fade-leave-active{animation:eggFadeIn .5s ease reverse}@keyframes eggFadeIn{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.story-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9996;background:#000000eb;display:flex;flex-direction:column;color:#fff;cursor:pointer}.sv-bar{padding:8px 12px}.sv-progress{width:100%;height:2px;background:#ffffff4d;border-radius:1px;overflow:hidden}.sv-progress:after{content:"";display:block;width:100%;height:100%;background:#fff;animation:storyProgress 4s linear forwards}@keyframes storyProgress{0%{width:0}to{width:100%}}.sv-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.sv-emoji{font-size:80px;margin-bottom:24px}.sv-text{font-size:18px;text-align:center;line-height:2;white-space:pre-line;opacity:.9}.sv-user{padding:16px;text-align:center}.sv-name{font-size:13px;font-weight:600}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.empty-state{text-align:center;padding:80px 20px;color:var(--text-light)}.empty-icon{font-size:56px;display:block;margin-bottom:16px;opacity:.6;filter:drop-shadow(0 2px 8px rgba(0,0,0,.08))}.empty-state p{font-size:14px;white-space:pre-line;line-height:1.8}.footer{text-align:center;padding:28px 20px;font-size:11px;color:var(--text-light);letter-spacing:.5px}.heart{color:var(--accent);animation:heartbeat 1.5s ease infinite;display:inline-block;font-size:14px}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);padding:12px 28px;border-radius:24px;font-size:14px;z-index:2000;box-shadow:var(--shadow-lg);white-space:nowrap;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast.success{background:#2d2d2df2;color:var(--bg)}.toast.error{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;box-shadow:0 6px 20px #ff6b6b66}.toast-enter-active{animation:toastIn .35s cubic-bezier(.34,1.56,.64,1)}.toast-leave-active{animation:toastOut .25s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.8)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(10px) scale(.95)}}.confirm-box{background:var(--bg-card);border-radius:var(--radius-lg);padding:32px 28px 24px;width:100%;max-width:320px;box-shadow:var(--shadow-lg);text-align:center;animation:confirmPop .3s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--border)}@keyframes confirmPop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.confirm-icon{font-size:48px;margin-bottom:14px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.confirm-text{font-size:15px;color:var(--text);margin-bottom:24px;line-height:1.6}.confirm-actions{display:flex;gap:12px}.btn-cancel{box-shadow:none}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;box-shadow:0 4px 12px #ff6b6b4d}.btn-danger:hover{background:linear-gradient(135deg,#ff5252,#ff4040);box-shadow:0 6px 16px #ff6b6b66}@media (max-width:480px){.profile-header{padding:22px 16px 14px}.profile-avatar{width:64px;height:64px;font-size:28px}.profile-stats{padding:14px 20px 20px;margin:0 16px}.feature-card{margin:0 16px 22px;padding:22px}.section-head{padding:14px 16px 12px}.msg-form{margin:0 16px 14px;padding:16px}.msg-list{padding:0 16px}.stories-bar{padding:16px}.post-card{margin:0 12px 10px}.confirm-box{padding:28px 24px 20px}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-soft)}::selection{background:var(--accent-soft);color:var(--accent-deep)}