.top-header{display:flex;justify-content:space-between;align-items:center;padding:14px 25px;width:100%;position:fixed;top:0;left:0;z-index:1000;pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,#ffffffb3,#b4f0ff66);border-bottom:1px solid rgba(255,255,255,.9);font-family:Segoe UI,Tahoma,sans-serif}body{padding-top:70px;overflow-x:hidden}.top-header:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-25deg);pointer-events:none;opacity:.6}.logo{font-weight:700;font-size:1.4rem;color:#07a;text-shadow:0 0 8px rgba(0,200,255,.6)}.nav-row{position:relative;z-index:1002;pointer-events:auto;margin-left:auto}.nav-items{position:relative;z-index:1002;pointer-events:auto}.top-header.top-header-messaging .header-brand-cluster{flex:0 1 auto}.top-header.top-header-messaging .nav-row{flex:0 0 auto}.header-brand-cluster{display:flex;align-items:center;gap:14px;min-width:0}.feed-mode-switch{position:relative;display:flex;align-items:center}.feed-mode-tabs{display:inline-flex;align-items:center;gap:8px;padding:5px;border-radius:999px;background:#ffffff8a;box-shadow:0 10px 18px #00b4ff14,inset 0 1px #ffffffeb}.feed-mode-tab,.feed-mode-mobile-toggle,.feed-mode-mobile-item{border:none;cursor:pointer;font-weight:700;font-family:inherit;transition:transform .22s ease,box-shadow .22s ease,color .22s ease,background .22s ease}.feed-mode-tab{min-width:104px;padding:10px 16px;border-radius:999px;color:#157697;background:transparent}.feed-mode-tab.active{color:#fff;background:linear-gradient(145deg,#00e0fff5,#00bfffeb,#4facfef0);box-shadow:0 10px 20px #00b7ff38,inset 0 0 14px #ffffff42}.feed-mode-tab:hover,.feed-mode-mobile-toggle:hover,.feed-mode-mobile-item:hover{transform:translateY(-1px)}.feed-mode-mobile-toggle{display:none;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;color:#0d7a9f;background:#ffffff9e;box-shadow:0 10px 18px #00b4ff14,inset 0 1px #fffffff0}.feed-mode-mobile-toggle svg{transition:transform .2s ease}.feed-mode-mobile-toggle svg.open{transform:rotate(180deg)}.feed-mode-mobile-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:170px;padding:10px;display:flex;flex-direction:column;gap:8px;border-radius:22px;border:1px solid rgba(255,255,255,.92);background:radial-gradient(circle at top left,rgba(255,255,255,.78),transparent 42%),linear-gradient(165deg,#ffffffe6,#d0f4ffad);box-shadow:0 20px 34px #00a6e02e,inset 0 1px #fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:70}.feed-mode-mobile-item{padding:11px 14px;border-radius:18px;text-align:left;color:#0d7a9f;background:#ffffffb8}.feed-mode-mobile-item.active{color:#fff;background:linear-gradient(145deg,#00e0fff5,#00bfffeb,#4facfef0)}.nav-items{display:flex;align-items:center;gap:10px}.create-menu-shell,.mobile-create-shell{position:relative}.create-menu-dropdown,.mobile-create-dropdown{position:absolute;right:0;display:flex;flex-direction:column;gap:8px;min-width:150px;padding:10px;border-radius:22px;border:1px solid rgba(255,255,255,.92);background:radial-gradient(circle at top left,rgba(255,255,255,.78),transparent 42%),linear-gradient(165deg,#ffffffeb,#d0f4ffb8);box-shadow:0 20px 34px #00a6e02e,inset 0 1px #fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:80;animation:profileDropdownIn .24s cubic-bezier(.26,.98,.45,1)}.create-menu-dropdown{top:calc(100% + 12px)}.mobile-create-dropdown{bottom:calc(100% + 14px)}.create-menu-item{width:100%;border:1px solid rgba(255,255,255,.82);border-radius:18px;padding:11px 14px;text-align:left;cursor:pointer;color:#076b90;font-weight:700;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.9),rgba(255,255,255,.28) 34%,transparent 56%),linear-gradient(180deg,#fffc,#d8f6ff8f);box-shadow:0 10px 18px #00b4ff14,inset 0 1px #fffffff0;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease}.create-menu-item:hover{transform:translateY(-2px);color:#fff;background:radial-gradient(circle at 25% 18%,rgba(255,255,255,.96),rgba(255,255,255,.32) 34%,transparent 56%),linear-gradient(180deg,#91e8fff5,#17b7e6e6);box-shadow:0 14px 24px #00b4ff2e,inset 0 1px #fffffff5}.nav-button{width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;background:transparent;color:#0a7fa8;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .24s ease,color .24s ease,filter .24s ease;position:relative}.nav-button svg{display:block;width:1em;height:1em}.nav-button:hover{transform:translateY(-2px) scale(1.06);color:#08a8de;filter:drop-shadow(0 6px 14px rgba(0,176,255,.26))}.nav-button:active{transform:translateY(0) scale(1)}.nav-button.active{color:#06a6de;background:transparent;box-shadow:none;filter:drop-shadow(0 6px 18px rgba(0,164,255,.34))}.nav-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ff4f87;color:#fff;font-size:10px;font-weight:700;line-height:1;box-shadow:0 0 0 2px #ffffffd9}.profile-container{position:relative}.profile-placeholder{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.9);background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.98),rgba(255,255,255,.32) 34%,transparent 56%),linear-gradient(180deg,#ffffffe0,#bff0ff70 56%,#57c5ea57);color:#0a7fa8;font-size:1rem;line-height:1;cursor:pointer;box-shadow:0 12px 24px #00b4ff2e,inset 0 2px 1px #fffffffa,inset 0 -12px 14px #44b4e224;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .24s ease,box-shadow .24s ease,background .24s ease;overflow:hidden}.profile-placeholder svg{display:block;width:1em;height:1em}.profile-placeholder:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 16px 28px #00b4ff3d,inset 0 2px 1px #fff,inset 0 -12px 14px #44b4e22e}.profile-dropdown{position:absolute;top:calc(100% + 14px);right:-6px;z-index:50;min-width:230px;padding:14px;display:flex;flex-direction:column;gap:10px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:linear-gradient(160deg,#ffffffd6,#ccf3ff9e);border-radius:28px;border:1px solid rgba(255,255,255,.95);box-shadow:0 24px 48px #009ce03d,inset 0 1px #ffffffeb,inset 0 -16px 22px #6fdaff1f;transform-origin:top right;animation:profileDropdownIn .28s cubic-bezier(.26,.98,.45,1)}.profile-dropdown:before{content:"";position:absolute;top:-10px;right:18px;width:22px;height:22px;border-top:1px solid rgba(255,255,255,.92);border-left:1px solid rgba(255,255,255,.92);background:linear-gradient(145deg,#ffffffdb,#d3f4ff94);transform:rotate(45deg);border-top-left-radius:8px}.profile-dropdown-hero{display:flex;align-items:center;gap:12px;padding:6px 4px 2px}.profile-dropdown-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.98),rgba(255,255,255,.34) 36%,transparent 56%),linear-gradient(180deg,#a8f1fffa,#22b8e9e6);color:#fff;box-shadow:0 10px 22px #00acff3d,inset 0 1px #fffffff0}.profile-dropdown-avatar img{width:100%;height:100%;object-fit:cover}.profile-dropdown-copy{display:flex;flex-direction:column;min-width:0}.profile-dropdown-copy strong{color:#066c92;font-size:.98rem}.profile-dropdown-copy span{color:#4b8198;font-size:.82rem}.profile-dropdown-divider{height:1px;margin:2px 0 4px;background:linear-gradient(90deg,transparent,rgba(110,203,233,.55),transparent)}.profile-dropdown-action{display:flex;align-items:center;gap:10px;width:100%;border:1px solid rgba(255,255,255,.82);border-radius:22px;padding:12px 14px;cursor:pointer;color:#076b90;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.9),rgba(255,255,255,.28) 34%,transparent 56%),linear-gradient(180deg,#fffc,#d8f6ff8f);box-shadow:0 10px 18px #00b4ff14,inset 0 1px #fffffff0;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease}.profile-dropdown-action:hover{transform:translateY(-2px);color:#fff;background:radial-gradient(circle at 25% 18%,rgba(255,255,255,.96),rgba(255,255,255,.32) 34%,transparent 56%),linear-gradient(180deg,#91e8fff5,#17b7e6e6);box-shadow:0 14px 24px #00b4ff2e,inset 0 1px #fffffff5}.profile-dropdown-action.danger:hover{background:radial-gradient(circle at 25% 18%,rgba(255,255,255,.96),rgba(255,255,255,.28) 34%,transparent 56%),linear-gradient(180deg,#ffb4ccf5,#ff598aeb)}.profile-dropdown-icon{width:24px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}@keyframes profileDropdownIn{0%{opacity:0;transform:translateY(-10px) scale(.94);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media(max-width:480px){.top-header{padding:12px 15px}.logo{font-size:1.2rem}}.mobile-fab-create{position:fixed!important;right:20px!important;bottom:25px!important;width:60px;height:60px;border-radius:50%;border:none;font-size:1.6rem;color:#fff;cursor:pointer;background:radial-gradient(circle at 30% 30%,#fff,#5fd9ff 60%,#00bfff);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 18px #00b4ff99;display:none;align-items:center;justify-content:center;z-index:9999;transition:all .25s ease}.mobile-create-shell{position:fixed!important;right:20px!important;bottom:25px!important;z-index:9999}.mobile-create-shell .mobile-fab-create{position:static!important;right:auto!important;bottom:auto!important}.mobile-fab-create:hover{transform:scale(1.08) translateY(-3px)}.mobile-fab-create{pointer-events:auto}@media(max-width:768px){.mobile-create-shell{display:block}.mobile-fab-create{display:flex}}.desktop-create-btn{display:flex}@media(max-width:768px){.desktop-create-btn{display:none}}.search-shell{position:relative;width:min(360px,42vw);margin:0 20px}.search-form{width:100%;margin:0}.search-input{width:100%;padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.88);outline:none;color:#0b6d92;background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.96),rgba(255,255,255,.34) 34%,transparent 56%),linear-gradient(180deg,#ffffffe0,#d9f6ff94);box-shadow:0 14px 26px #00afff1f,inset 0 1px #fffffff5,inset 0 -12px 16px #4cc2ec1a;transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease}.search-input::placeholder{color:#5f91a6}.search-input:focus,.mobile-search-input:focus{border-color:#76dffff2;box-shadow:0 18px 32px #00b9ff2e,inset 0 1px #fffffffa,0 0 0 4px #96eaff29}.search-suggestions{position:absolute;top:calc(100% + 12px);left:0;width:100%;padding:12px;display:flex;flex-direction:column;gap:10px;border-radius:28px;border:1px solid rgba(255,255,255,.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:radial-gradient(circle at top left,rgba(255,255,255,.76),transparent 44%),linear-gradient(165deg,#ffffffe6,#d0f4ffad);box-shadow:0 22px 44px #00a6e033,inset 0 1px #fffffff2,inset 0 -18px 24px #5ad3ff1f;animation:profileDropdownIn .24s cubic-bezier(.26,.98,.45,1);z-index:60}.search-suggestion-group{display:flex;flex-direction:column;gap:8px}.search-suggestion-label{margin:2px 8px 0;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#59a6bf}.search-suggestion-item{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid rgba(255,255,255,.8);border-radius:22px;cursor:pointer;color:#086c92;background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.92),rgba(255,255,255,.28) 34%,transparent 56%),linear-gradient(180deg,#ffffffd1,#dcf7ff8f);box-shadow:0 10px 18px #00b4ff14,inset 0 1px #fffffff0;transition:transform .2s ease,box-shadow .2s ease,color .2s ease,background .2s ease}.search-suggestion-item:hover{transform:translateY(-2px);color:#fff;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.96),rgba(255,255,255,.3) 34%,transparent 56%),linear-gradient(180deg,#94eafff5,#1bb8e6eb);box-shadow:0 14px 24px #00b9ff29,inset 0 1px #fffffff5}.search-suggestion-primary{margin-bottom:2px}.search-suggestion-icon,.search-suggestion-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.98),rgba(255,255,255,.34) 36%,transparent 56%),linear-gradient(180deg,#a5f0fffa,#25b7e7e0);color:#fff;box-shadow:0 8px 16px #00adff29,inset 0 1px #ffffffeb}.search-suggestion-avatar img{width:100%;height:100%;object-fit:cover}.search-suggestion-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.search-suggestion-copy strong,.search-suggestion-copy span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-suggestion-copy strong{font-size:.92rem}.search-suggestion-copy span{font-size:.78rem;color:#5f91a6}.search-suggestion-item:hover .search-suggestion-copy span{color:#ffffffd6}.search-suggestion-state{padding:4px 8px 0;font-size:.86rem;color:#5b90a5}@media(max-width:768px){.top-header{gap:8px;padding:10px 12px}.header-brand-cluster{gap:8px;flex:0 0 auto}.nav-items{gap:0}.nav-items>*+*{margin-left:4px}.nav-items>*{margin-right:0!important}.nav-button,.feed-mode-mobile-toggle,.profile-placeholder{width:34px;height:34px}.feed-mode-mobile-toggle{min-width:34px;min-height:34px}.feed-mode-mobile-menu{left:0;right:auto}.search-form,.search-shell{display:none}.mobile-search-btn{display:flex}.feed-mode-tabs{display:none}.feed-mode-mobile-toggle{display:inline-flex;width:38px;height:38px;justify-content:center;padding:0}.feed-mode-mobile-toggle span{display:none}}@media(min-width:769px){.mobile-create-shell,.mobile-create-dropdown{display:none!important}.mobile-search-btn,.feed-mode-mobile-menu,.feed-mode-mobile-toggle{display:none}}@media(max-width:480px){.logo{display:none}.nav-button{width:36px;height:36px;font-size:.9rem}.profile-placeholder{width:36px;height:36px}.top-header{justify-content:space-between}}.mobile-search-dropdown{position:fixed;top:58px;left:0;width:100%;padding:15px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,#ffffffd9,#b4f0ff99);border-bottom:1px solid rgba(255,255,255,.9);z-index:999;animation:slideDown .25s ease}.mobile-search-form{width:100%}.mobile-search-input{width:100%;padding:14px 18px;border-radius:30px;border:1px solid rgba(0,180,255,.3);font-size:1rem;outline:none;background:#fff;transition:all .2s ease}.mobile-search-dropdown .search-suggestions{position:static;width:100%;margin-top:12px}.mobile-search-input:focus{border-color:#00bfff;box-shadow:0 0 10px #00b4ff66}@keyframes slideDown{0%{transform:translateY(-15px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:769px){.mobile-search-dropdown{display:none}}.aero-notice{position:fixed;top:92px;left:50%;z-index:12000;display:flex;align-items:center;gap:14px;width:min(460px,calc(100vw - 32px));padding:16px 18px;border-radius:28px;border:1px solid rgba(255,255,255,.92);background:radial-gradient(circle at top left,rgba(255,255,255,.9),transparent 42%),linear-gradient(165deg,#fffffff2,#cef4ffbd);box-shadow:0 18px 38px #00a6e033,inset 0 1px #fffffff5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%);overflow:hidden;animation:aero-notice-in .28s cubic-bezier(.22,.98,.4,1)}.aero-notice.inline{position:relative;top:auto;left:auto;width:100%;margin-bottom:18px;transform:none}.aero-notice-bubble{position:absolute;border-radius:50%;background:radial-gradient(circle,#fffc,#7be7ff29);border:1px solid rgba(255,255,255,.62);pointer-events:none}.aero-notice-bubble-a{width:54px;height:54px;top:-14px;right:20px}.aero-notice-bubble-b{width:24px;height:24px;bottom:10px;right:72px}.aero-notice-glyph{position:relative;z-index:1;flex:0 0 42px;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:.9rem;font-weight:800;letter-spacing:.04em;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.12)}.aero-notice.success .aero-notice-glyph{background:linear-gradient(180deg,#79efc8,#18c698)}.aero-notice.error .aero-notice-glyph{background:linear-gradient(180deg,#ffb0c5,#ff5d93)}.aero-notice.info .aero-notice-glyph{background:linear-gradient(180deg,#8eeeff,#26bdf0)}.aero-notice-copy{position:relative;z-index:1;min-width:0;flex:1}.aero-notice-copy strong{display:block;margin-bottom:3px;color:#0a6e92;font-size:.96rem}.aero-notice-copy p{margin:0;color:#3a6e82;font-size:.9rem;line-height:1.45}.aero-notice-close{position:relative;z-index:1;width:24px;height:24px;border:none;background:transparent;color:#2d88a6;cursor:pointer;font-size:.9rem;line-height:1}@keyframes aero-notice-in{0%{opacity:0;transform:translate(-50%) translateY(-12px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@media(max-width:768px){.aero-notice{top:82px;padding:14px 16px;border-radius:24px}}.comment-overlay{position:fixed;inset:0;background:#00283c40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-end;z-index:9999;padding-bottom:env(safe-area-inset-bottom)}.comment-sheet{width:100%;height:80vh;max-height:80vh;display:flex;flex-direction:column;border-top-left-radius:32px;border-top-right-radius:32px;background:linear-gradient(160deg,#fffffffa,#d2f5ffeb);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -8px 40px #00a0ff40;animation:commentSlideUp .28s cubic-bezier(.34,.99,.6,1);overflow:hidden}@keyframes commentSlideUp{0%{transform:translateY(120%)}to{transform:translateY(0)}}.comment-header{padding:18px;text-align:center;font-weight:600;color:#006f99;border-bottom:1px solid rgba(0,150,200,.12);position:relative}.comment-close-btn{position:absolute;top:14px;right:18px;border:none;background:transparent;padding:0;font-size:22px;color:#07a;cursor:pointer;transition:transform .2s ease}.comment-close-btn:hover{transform:scale(1.15)}.comment-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 16px 90px;scrollbar-width:thin}.comment-item{display:flex;gap:12px;margin-bottom:16px;padding:14px;border-radius:20px;background:#ffffffb3;box-shadow:inset 0 2px 8px #ffffffe6,0 4px 18px #00a0dc1f}.comment-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;flex-shrink:0}.comment-avatar.small{width:28px;height:28px}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-identity-clickable{cursor:pointer;transition:transform .18s ease,filter .18s ease}.comment-identity-clickable:hover{transform:translateY(-1px);filter:brightness(1.04)}.comment-user-meta{display:flex;flex-direction:column}.comment-user-name{display:flex;align-items:center;gap:6px}.comment-username{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;color:#07a}.comment-date{margin-left:6px;font-size:12px;color:#888}.comment-author-badge{font-size:11px;background:#b6b2d1;padding:2px 6px;border-radius:6px}.comment-text{font-size:14px;color:#333;line-height:1.45;margin-top:4px}.comment-actions,.thread-actions{display:flex;gap:10px;align-items:center}.comment-actions{margin-top:12px;flex-wrap:wrap}.thread-actions{margin-top:6px;gap:8px}.comment-reply-btn,.comment-like-btn,.thread-reply-btn{font-size:12px;padding:4px 12px;border-radius:999px;cursor:pointer;color:#07a;border:1px solid rgba(0,140,200,.25);background:linear-gradient(to bottom,#ffffffe6,#d2f5ffe6);box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -2px 4px #0078b41f,0 2px 6px #00a0dc33;transition:all .18s ease}.thread-reply-btn{padding:4px 10px;border:1px solid rgba(0,140,200,.2)}.comment-reply-btn:hover,.comment-like-btn:hover,.thread-reply-btn:hover{transform:translateY(-1px)}.thread-reply-btn:active{transform:translateY(1px)}.thread-reply-btn:last-child{color:#ff5a8c;border-color:#ff5a8c40;background:linear-gradient(to bottom,#fff5faf2,#ffdcebe6)}.thread-wrapper{margin-left:26px;padding-left:14px;margin-top:12px;border-left:2px solid rgba(0,160,220,.18);display:flex;flex-direction:column;gap:6px}.thread-author{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;color:#07a}.thread-text{font-size:13.5px;color:#333;line-height:1.4}.thread-teaser{margin-top:8px;font-size:13px;color:#08c;cursor:pointer}.thread-author span{display:flex;align-items:center;gap:6px}.comment-menu-wrapper{position:relative;display:flex;align-items:center}.comment-menu-btn{height:26px;width:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(0,160,220,.25);background:linear-gradient(to bottom,#ffffffe6,#b4f0ffb3);color:#07a;font-size:14px;line-height:1;cursor:pointer;box-shadow:inset 0 1px 2px #ffffffe6,inset 0 -3px 6px #0078b426,0 3px 10px #00b4ff59;transition:all .2s ease}.comment-menu-btn:hover{transform:translateY(-1px) scale(1.05)}.comment-menu-btn:active{transform:translateY(1px) scale(.96)}.comment-menu-dropdown{position:absolute;bottom:130%;right:0;min-width:140px;border-radius:14px;background:linear-gradient(160deg,#fffffff2,#d2f5ffd9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 2px 8px #ffffffe6,0 10px 30px #00a0dc40;overflow:hidden;animation:dropdownFade .18s ease}.comment-menu-item{padding:10px 14px;font-size:13px;font-weight:500;color:#07a;cursor:pointer;transition:all .18s ease}.comment-menu-item:hover{background:linear-gradient(to right,#00c8ff26,#00b4ff14)}.comment-menu-item.delete{color:#ff5a8c}.comment-menu-item.report{color:#09c}@keyframes dropdownFade{0%{opacity:0;transform:translateY(6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.comment-input-wrapper{position:relative;display:flex;padding:14px;border-top:1px solid rgba(0,150,200,.15);background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.comment-mention-dropdown{position:absolute;left:14px;right:86px;bottom:calc(100% + 8px);border-radius:16px;border:1px solid rgba(255,255,255,.9);background:radial-gradient(circle at 14% 8%,rgba(255,255,255,.95),rgba(255,255,255,.3) 38%,transparent 60%),linear-gradient(160deg,#fffffff0,#c2eeffd1);box-shadow:0 16px 28px #00a0dc33,inset 0 1px #fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;z-index:5;max-height:196px;overflow-y:auto;font-family:Segoe UI,Tahoma,sans-serif;isolation:isolate}.comment-mention-item{appearance:none;-webkit-appearance:none;border:0;outline:0;box-shadow:none;text-transform:none;letter-spacing:normal;width:100%;background:transparent!important;padding:9px 11px;display:flex;align-items:center;gap:10px;cursor:pointer;color:#0b7397!important;text-align:left;transition:background-color .18s ease,transform .18s ease;margin:0;border-radius:0}.comment-mention-item:hover{background:linear-gradient(90deg,#81e4ff3d,#58cbf326)!important;transform:none}.comment-mention-item+.comment-mention-item{border-top:1px solid rgba(107,194,229,.16)}.comment-mention-avatar{width:28px;height:28px;flex:0 0 28px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.98),rgba(255,255,255,.34) 36%,transparent 56%),linear-gradient(180deg,#98ecfffa,#1db5e5e6);box-shadow:0 8px 14px #00aae629,inset 0 1px #ffffffeb}.comment-mention-avatar img{width:100%;height:100%;object-fit:cover}.comment-mention-copy{min-width:0;display:flex;flex-direction:column;gap:0}.comment-mention-copy strong{font-size:12.5px;font-weight:700;line-height:1.15;color:#086b90}.comment-mention-copy span{font-size:10px;line-height:1.15;color:#5d95a9}.comment-input-wrapper input{flex:1;padding:10px 16px;border-radius:999px;border:1px solid rgba(0,150,200,.25);background:#fffc;outline:none;transition:all .25s ease}.comment-input-wrapper input:focus{box-shadow:0 0 12px #00c8ff66}.comment-input-wrapper button{margin-left:10px;padding:0 18px;height:40px;min-width:60px;border-radius:999px;border:none;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#8ef0ff,#00bfff);color:#fff;font-weight:600;cursor:pointer;flex-shrink:0;box-shadow:0 6px 20px #00b4ff80}.skeleton{animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonPulse{0%{opacity:.4}50%{opacity:.9}to{opacity:.4}}.skeleton-box{background:#00a0dc33;border-radius:50%}.skeleton-line{height:10px;background:#00a0dc2e;border-radius:8px;margin-top:6px}.skeleton-line.short{width:60%}.skeleton-line.small{width:40%}.no-comments-state{text-align:center;padding:40px 20px;color:#08c;font-size:15px;opacity:.8}@media(max-width:768px){.comment-sheet{height:92dvh;max-height:92dvh}.comment-list{padding-bottom:90px}}.replying-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(to right,#00b4ff1f,#00c8ff14);border-top:1px solid rgba(0,150,200,.15);border-bottom:1px solid rgba(0,150,200,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.replying-left{display:flex;align-items:center;gap:10px}.replying-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden}.replying-avatar img{width:100%;height:100%;object-fit:cover}.replying-text{display:flex;flex-direction:column;line-height:1.2}.replying-label{font-size:11px;color:#777}.replying-username{font-size:13px;font-weight:600;color:#07a}.reply-cancel-btn{border:none;background:transparent;font-size:16px;color:#888;cursor:pointer;padding:4px 8px;border-radius:50%;transition:all .2s ease}.reply-cancel-btn:hover{background:#0000000f;color:#333}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top:2px solid white;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.comment-input-wrapper button{position:relative;margin-left:10px;padding:0 18px;height:40px;min-width:70px;border-radius:999px;border:none;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#8ef0ff,#00bfff);color:#fff;font-weight:600;cursor:pointer;flex-shrink:0;box-shadow:0 6px 20px #00b4ff80;overflow:hidden}.comment-input-wrapper button{position:relative}.comment-input-wrapper button .btn-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.comment-input-wrapper button .spinner{position:absolute;inset:0;margin:auto;width:16px;height:16px;pointer-events:none}.feed-page{width:100%;display:flex;justify-content:center;padding:84px 16px 32px}.feed{width:100%;max-width:720px;display:flex;flex-direction:column;gap:24px}.feed-empty-state{display:flex;flex-direction:column;align-items:center;gap:18px;padding:38px 20px 46px;margin:8px 0 10px;border-radius:34px;background:radial-gradient(circle at top,rgba(175,243,255,.72),transparent 48%),linear-gradient(180deg,#fffffff2,#daf6ffd6);border:1px solid rgba(255,255,255,.96);box-shadow:0 20px 44px #00a5dc29,inset 0 1px #fffffff5;text-align:center}.feed-empty-orb-wrap{position:relative;display:flex;justify-content:center;width:100%;padding-top:6px}.feed-empty-orb{position:relative;width:126px;height:126px;border-radius:50%;background:radial-gradient(circle at 28% 28%,rgba(255,255,255,.96),rgba(255,255,255,.28) 24%,transparent 25%),linear-gradient(180deg,#dfffff,#9cecff 42%,#50d8ff);box-shadow:0 22px 38px #00beff3d,inset 0 5px 12px #ffffffe6,inset 0 -10px 18px #0070b82e;animation:feed-float-orb 3.8s ease-in-out infinite}.feed-empty-orb-highlight{position:absolute;top:16px;left:20px;width:34px;height:20px;border-radius:50%;background:#ffffffb8;filter:blur(2px);transform:rotate(-18deg)}.feed-empty-face{position:absolute;inset:0}.feed-empty-eye{position:absolute;top:50px;width:12px;height:12px;border-radius:50%;background:#0c7aa0;box-shadow:inset 0 2px #ffffff57}.feed-empty-eye.left{left:40px}.feed-empty-eye.right{right:40px}.feed-empty-smile{position:absolute;left:50%;bottom:34px;width:34px;height:18px;border-bottom:4px solid #0c7aa0;border-radius:0 0 26px 26px;transform:translate(-50%)}.feed-empty-wing{position:absolute;top:44px;width:34px;height:50px;border-radius:60% 40% 56% 44%;background:linear-gradient(180deg,#fffc,#b9f2ff57);border:1px solid rgba(255,255,255,.76);z-index:-1}.feed-empty-wing.left{left:-12px;transform:rotate(-28deg);animation:feed-flutter-left 2.4s ease-in-out infinite}.feed-empty-wing.right{right:-12px;transform:rotate(28deg);animation:feed-flutter-right 2.4s ease-in-out infinite}.feed-empty-shadow{position:absolute;left:50%;bottom:-22px;width:86px;height:20px;border-radius:50%;background:#3fa9d433;transform:translate(-50%);filter:blur(4px);animation:feed-shadow-breathe 3.8s ease-in-out infinite}.feed-empty-text h3{margin:0 0 8px;font-size:22px;font-weight:700;color:#0f7998}.feed-empty-text p{margin:0;max-width:420px;color:#55727f;font-size:15px;line-height:1.6}.feed-pull-indicator{display:flex;align-items:flex-end;justify-content:center;overflow:hidden;color:#07a;font-size:13px;font-weight:600;transition:height .18s ease}.feed-pull-indicator span{padding-bottom:10px}.feed-pull-indicator.visible{margin-bottom:4px}.clickable{cursor:pointer}.feed-post-card{width:100%;margin-bottom:15px;position:relative;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(160deg,#ffffffb3,#ffffff59);border-radius:25px;padding:25px;display:flex;flex-direction:column;gap:14px;border:1px solid rgba(255,255,255,.9);box-shadow:0 15px 40px #0096ff40,inset 0 1px 3px #ffffffe6}.feed-post-card:hover{transform:translateY(-3px);transition:.3s ease;box-shadow:0 20px 50px #00b4ff59,inset 0 1px 3px #fff}.feed-repost-banner-wrap{position:relative;align-self:flex-start}.feed-repost-banner{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.94);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.98),rgba(255,255,255,.44) 42%,transparent 60%),linear-gradient(180deg,#eefffcf0,#bef6e9d1);box-shadow:0 10px 22px #00b89b29,inset 0 1px #fffffffa;color:#118073;font-size:12px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.feed-repost-banner:hover{transform:translateY(-1px);box-shadow:0 14px 28px #00b89b33,inset 0 1px #fff}.feed-repost-dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:250px;max-width:min(82vw,320px);padding:10px;border-radius:22px;background:radial-gradient(circle at top left,rgba(255,255,255,.96),rgba(255,255,255,.48) 38%,transparent 55%),linear-gradient(170deg,#f4fffdf5,#c6f7ebe0);border:1px solid rgba(255,255,255,.94);box-shadow:0 18px 36px #00a08a2e,inset 0 1px #fffffffa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:40}.feed-repost-dropdown-title{margin-bottom:8px;padding:0 4px;color:#0b7e71;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.feed-repost-dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;border-radius:16px;background:transparent;text-align:left;color:#0f6f75;cursor:pointer;transition:background .2s ease,transform .2s ease}.feed-repost-dropdown-item:hover{background:#ffffff9e;transform:translate(2px)}.feed-repost-dropdown-avatar{width:36px;height:36px;flex-shrink:0;overflow:hidden;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffffdb;color:#10917f;box-shadow:0 8px 16px #00b49b1f,inset 0 1px #fffffff2}.feed-repost-dropdown-avatar img{width:100%;height:100%;object-fit:cover}.feed-repost-dropdown-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.feed-repost-dropdown-copy strong,.feed-repost-dropdown-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-repost-dropdown-copy strong{font-size:13px}.feed-repost-dropdown-copy span{font-size:12px;color:#4b8d8d}.feed-fade-in{opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease,box-shadow .35s ease}.feed-fade-out{opacity:0;transform:translateY(-24px) scale(.97);box-shadow:0 0 #00b4ff00;transition:opacity .35s ease,transform .35s ease,box-shadow .35s ease}.feed-post-more-wrapper{position:absolute;top:10px;right:12px}.feed-post-more{font-size:14px;color:#0af;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;box-shadow:none;transition:transform .25s ease,color .25s ease,filter .25s ease}.feed-post-more:hover{transform:translateY(-2px);color:#06a8e2;filter:drop-shadow(0 4px 10px rgba(0,184,255,.28))}.feed-post-dropdown{position:absolute;top:45px;right:0;min-width:160px;padding:6px;border-radius:18px;background:#f5fcfff2;border:1px solid rgba(255,255,255,.8);box-shadow:0 14px 30px #00aaff38,inset 0 1px 3px #fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:40}.feed-dropdown-item{padding:10px 14px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.feed-dropdown-item:hover{background:linear-gradient(to bottom,#ffffffe6,#96e6ff99);box-shadow:0 6px 18px #00c8ff80,inset 0 2px 5px #fff}.feed-dropdown-item.delete{color:#ff4d6d}.feed-dropdown-item.delete:hover{box-shadow:0 6px 18px #ff507899,inset 0 2px 5px #fff}.feed-dropdown-item.report{color:#fa0}.feed-dropdown-item.report:hover{box-shadow:0 6px 18px #ffb40099,inset 0 2px 5px #fff}.feed-dropdown-item.edit{color:#0af}.feed-dropdown-item.edit:hover{box-shadow:0 6px 18px #00b4ff99,inset 0 2px 5px #fff}.feed-post-header{display:flex;align-items:center;padding:10px 0}.feed-post-user-info{display:flex;align-items:center;gap:10px}.feed-post-user-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;background:#ddd;display:flex;align-items:center;justify-content:center}.feed-post-user-avatar img{width:100%;height:100%;object-fit:cover}.feed-post-user-text{display:flex;flex-direction:column}.feed-post-username{font-weight:600;font-size:14px}.feed-post-date{font-size:12px;color:#888}.feed-post-content{margin:0;font-size:15px;line-height:1.6;color:#034}.feed-carousel{position:relative;overflow:hidden;isolation:isolate;border-radius:26px;margin-top:15px;background:linear-gradient(180deg,#ffffffeb,#ccf2ffb8),linear-gradient(135deg,rgba(120,232,255,.18),transparent 42%);border:1px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 38px #00a0ff38,inset 0 1px #fffffff0;touch-action:pan-y}.feed-carousel:before{content:"";position:absolute;inset:0 0 auto;height:30%;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 78%)}.feed-carousel:after{content:"";position:absolute;inset:auto 0 0;height:24%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(7,83,113,.12))}.feed-carousel-track{display:flex;transition:transform .38s cubic-bezier(.34,.99,.6,1);will-change:transform;transform:translateZ(0);touch-action:pan-y;-webkit-user-select:none;user-select:none}.feed-carousel-item{min-width:100%;background:linear-gradient(180deg,#e8fbffeb,#bfecfabf)}.feed-carousel-item img,.feed-carousel-item video,.feed-auto-video{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.post-video-sound-btn:hover{transform:translateY(-1px) scale(1.03);background:#08587a85;box-shadow:0 14px 26px #006e9847,inset 0 1px #ffffff6b}.feed-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.88);background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.98),rgba(255,255,255,.42) 42%,transparent 60%),linear-gradient(180deg,#ffffffe0,#d4f5ffad);color:#0a779a;font-size:15px;cursor:pointer;z-index:4;box-shadow:0 12px 22px #0096ff2e,inset 0 1px #fffffffa;transition:transform .22s ease,box-shadow .22s ease,color .22s ease}.feed-carousel-arrow:hover{transform:translateY(-50%) scale(1.05);color:#0b8eb6;box-shadow:0 14px 24px #00aeff3d,inset 0 1px #fff}.feed-carousel-arrow.left{left:10px}.feed-carousel-arrow.right{right:10px}.feed-carousel-indicator{position:absolute;left:50%;bottom:12px;z-index:4;transform:translate(-50%);display:inline-flex;justify-content:center;gap:8px;padding:7px 11px;border-radius:999px;background:#07506e38;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 18px #005e8529}.feed-indicator-dot{width:7px;height:7px;border-radius:50%;background:#ffffff75;transition:all .3s ease}.feed-indicator-dot.active{width:18px;border-radius:999px;background:#fff;box-shadow:0 0 12px #bef6ffb8}.feed-post-footer{display:flex;justify-content:flex-start;margin-top:5px}.feed-post-actions-left{display:flex;gap:14px}.feed-like-wrapper{display:flex;align-items:center;gap:6px}.feed-post-action-btn{min-width:28px;min-height:28px;padding:0;border:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;color:#0c88ba;font-size:18px;line-height:1;cursor:pointer;box-shadow:none;transition:transform .25s ease,color .25s ease,filter .25s ease}.feed-post-action-btn:hover{transform:translateY(-2px);color:#06a8e2;filter:drop-shadow(0 4px 10px rgba(0,184,255,.28))}.feed-post-action-btn:active{transform:scale(.92)}.feed-post-action-btn.liked{background:transparent;box-shadow:none;color:#ff4ea8;filter:drop-shadow(0 0 10px rgba(255,94,196,.38));transform:scale(1.08)}.feed-post-action-btn.reposted{background:transparent;box-shadow:none;color:#16bfa2;filter:drop-shadow(0 0 10px rgba(22,191,162,.32));transform:scale(1.05)}.feed-like-count{font-size:13px;font-weight:600;color:#08c}.liked-by-preview{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;max-width:100%;margin:10px 0 0;padding:0;border:0;background:transparent;color:#456f80;font-size:.86rem;font-weight:700;line-height:1.35;text-align:left;cursor:pointer}.liked-by-preview-avatar{position:relative;width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;overflow:visible;border-radius:50%;background:linear-gradient(145deg,#fff,#bdefff);color:#1688aa;box-shadow:0 7px 18px #0096d229,inset 0 1px #fffffff5}.liked-by-preview-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.liked-by-preview-heart{position:absolute;right:-5px;bottom:-3px;width:16px;height:16px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.94);border-radius:50%;background:linear-gradient(145deg,#ff69bd,#ff3c8b);color:#fff;font-size:8px;box-shadow:0 4px 10px #ff40963d}.liked-by-preview-copy{min-width:0;display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px 7px}.liked-by-preview-line{min-width:0}.liked-by-preview strong{color:#0b7fa5;font-weight:900}.liked-by-preview-more{display:inline-flex;align-items:center;min-height:20px;padding:3px 7px;border-radius:999px;background:#ffffff9e;color:#3b8196;font-size:.74rem;font-weight:900;box-shadow:inset 0 1px #fffffff0,0 6px 14px #00a4d214}.liked-by-preview:hover{color:#119cc2}.liked-by-modal-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:18px;background:#05233461;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.liked-by-modal{width:min(430px,100%);max-height:min(620px,84vh);overflow:hidden;border:1px solid rgba(255,255,255,.76);border-radius:26px;background:radial-gradient(circle at 18% 0%,rgba(153,237,255,.52),transparent 36%),linear-gradient(165deg,#fffffff5,#e6f9ffeb);box-shadow:0 24px 70px #00557842,inset 0 1px #fffffff2}.liked-by-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(105,204,235,.32)}.liked-by-modal-kicker{display:block;margin-bottom:3px;color:#49a5bd;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.liked-by-modal-header h3{margin:0;color:#0b7596;font-size:1.3rem;line-height:1.1}.liked-by-modal-header button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;padding:0;background:#ffffffdb;color:#187c9b;font-size:.9rem;cursor:pointer;box-shadow:inset 0 1px #fffffff5,0 8px 18px #0082b41f}.liked-by-list{max-height:520px;overflow-y:auto;padding:8px}.liked-by-row{width:100%;display:flex;align-items:center;gap:12px;padding:11px;border:0;border-radius:20px;background:#ffffff7a;cursor:pointer;text-align:left;box-shadow:inset 0 1px #ffffffb3;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.liked-by-row+.liked-by-row{margin-top:7px}.liked-by-row:hover{transform:translateY(-1px);background:#ffffffb8;box-shadow:inset 0 1px #ffffffe0,0 10px 20px #008ebe1a}.liked-by-avatar{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#fff,#b8f2ff);color:#148caf}.liked-by-avatar img{width:100%;height:100%;object-fit:cover}.liked-by-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.liked-by-copy span{display:inline-flex;align-items:center;gap:5px;color:#155d75;font-size:.92rem;font-weight:900}.liked-by-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.liked-by-copy small,.liked-by-state{color:#668a98;font-size:.82rem;font-weight:700}.liked-by-state{padding:22px 18px;text-align:center}.liked-by-state.error{color:#b32645}.feed-post-loader{text-align:center;color:#5c6f7a;padding:12px 0 24px}.feed-modal-overlay{position:fixed;inset:0;background:#00000026;display:flex;justify-content:center;align-items:center;z-index:10000}.feed-modal-card{background:radial-gradient(circle at top left,rgba(255,255,255,.84),transparent 42%),linear-gradient(165deg,#fffffff0,#cef4ffb8);border:1px solid rgba(255,255,255,.92);padding:28px 36px;border-radius:28px;width:380px;max-width:90%;text-align:center;box-shadow:0 18px 42px #00aaff2e,inset 0 1px #fffffff2}.feed-modal-card.animate-in{transform:scale(1) translateY(0);opacity:1}.feed-modal-card.loading{pointer-events:none;transform:scale(1.02);filter:brightness(.95)}.feed-modal-card h3{font-size:1.35rem;margin-bottom:14px;color:#09d}.feed-modal-card p{font-size:1rem;margin-bottom:28px;color:#333;line-height:1.5}.feed-modal-actions{display:flex;justify-content:center;gap:12px}.feed-modal-btn{border:none;border-radius:999px;padding:10px 18px;font-weight:600;cursor:pointer}.feed-modal-btn.cancel{background:#eef7fb;color:#4c6270}.feed-modal-btn.confirm{background:linear-gradient(to bottom,#ff8aa0,#ff4d6d);color:#fff}.feed-spinner{width:32px;height:32px;margin:0 auto;border-radius:50%;border:3px solid rgba(0,170,255,.2);border-top-color:#0af;animation:feed-spin .8s linear infinite}.feed-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);padding:14px 28px;border-radius:24px;font-weight:600;z-index:10001;border:1px solid rgba(255,255,255,.84);box-shadow:0 18px 34px #0000001f,inset 0 1px #ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.feed-toast.success{background:linear-gradient(135deg,#7bf1c5f5,#12ca93eb);color:#fff}.feed-toast.error{background:linear-gradient(135deg,#ff89aef5,#ff578eeb);color:#fff}@keyframes feed-spin{to{transform:rotate(360deg)}}@keyframes feed-float-orb{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes feed-flutter-left{0%,to{transform:rotate(-28deg)}50%{transform:rotate(-18deg)}}@keyframes feed-flutter-right{0%,to{transform:rotate(28deg)}50%{transform:rotate(18deg)}}@keyframes feed-shadow-breathe{0%,to{transform:translate(-50%) scaleX(1);opacity:.75}50%{transform:translate(-50%) scaleX(.88);opacity:.5}}@media(max-width:768px){.feed-page{padding:76px 10px 24px}.feed{gap:18px}.feed-carousel-arrow{display:none}.feed-carousel{border-radius:22px}.feed-carousel-indicator{bottom:10px;gap:6px;padding:6px 10px}.post-video-sound-btn{right:10px;bottom:10px;width:34px;height:34px}.feed-empty-state{padding:30px 16px 38px;border-radius:26px}.feed-empty-orb{width:108px;height:108px}.feed-empty-eye{top:42px;width:10px;height:10px}.feed-empty-eye.left{left:35px}.feed-empty-eye.right{right:35px}.feed-empty-smile{bottom:30px;width:28px}.feed-empty-text h3{font-size:19px}.feed-empty-text p{font-size:14px}}.follow-suggestions{width:min(720px,100%);margin:0 auto 18px;font-family:Segoe UI,sans-serif}.follow-suggestions.search{margin-top:18px;margin-bottom:18px}.follow-suggestions.feed{margin:8px auto 22px}.follow-suggestions.profile{margin:-6px auto 22px}.follow-suggestions.follow-list{width:100%;margin:2px 0 20px}.follow-suggestion-section,.follow-suggestions-loading{border-radius:18px;padding:14px;background:#ffffffc7;border:1px solid rgba(255,255,255,.88);box-shadow:0 12px 28px #00a5ff1f,inset 0 1px #ffffffeb}.follow-suggestions-loading{color:#587b89;font-weight:700;text-align:center}.follow-suggestion-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.follow-suggestion-heading h2{margin:0;color:#08799f;font-size:1rem}.follow-suggestion-heading p{margin:0;color:#587b89;font-size:.78rem;text-align:right}.follow-suggestion-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,240px);gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:thin}.follow-suggestion-card{min-width:0;min-height:148px;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:8px;padding:12px;border-radius:16px;cursor:pointer;background:#ffffffd1;box-shadow:0 8px 18px #00a9ff17,inset 0 1px #fffffff5;scroll-snap-align:start;transition:transform .2s ease,box-shadow .2s ease}.follow-suggestion-card:hover{transform:translateY(-2px);box-shadow:0 12px 22px #00a9ff24,inset 0 1px #fffffffa}.follow-suggestion-avatar{width:52px;height:52px;overflow:hidden;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0a7da6;background:linear-gradient(180deg,#e6fbfff2,#b5eeffd6)}.follow-suggestion-avatar img{width:100%;height:100%;object-fit:cover}.follow-suggestion-copy{min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.follow-suggestion-copy strong{max-width:100%;color:#0a6f92;font-size:.92rem;overflow:hidden;text-overflow:ellipsis}.follow-suggestion-copy span{max-width:100%;color:#437184;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.follow-suggestion-copy small{max-width:100%;color:#6f8d9b;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.follow-suggestion-action{min-width:92px;border:none;border-radius:999px;padding:8px 12px;color:#fff;font-size:.78rem;font-weight:800;cursor:pointer;background:linear-gradient(145deg,#00d7ff,#33bfff,#48a8ff);box-shadow:0 8px 16px #00b7ff3d,inset 0 0 12px #ffffff47;transition:transform .2s ease,box-shadow .2s ease}.follow-suggestion-action:hover{transform:translateY(-1px);box-shadow:0 10px 18px #00b7ff4d,inset 0 0 12px #ffffff57}.follow-suggestion-action:disabled,.follow-suggestion-action.disabled{cursor:default;color:#4f7280;background:linear-gradient(to bottom,#eef8fb,#d8edf5);box-shadow:inset 0 1px 4px #fffc,0 6px 12px #0078a01a}.follow-suggestion-action:disabled:hover,.follow-suggestion-action.disabled:hover{transform:none}@media(max-width:620px){.follow-suggestions{width:100%}.follow-suggestion-section,.follow-suggestions-loading{border-radius:16px;padding:12px}.follow-suggestion-heading{align-items:flex-start;flex-direction:column;gap:4px}.follow-suggestion-heading p{text-align:left}.follow-suggestion-list{grid-auto-columns:minmax(190px,72vw)}}.profile-page{display:flex;flex-direction:column;gap:35px;padding-top:70px}.profile-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(160deg,#ffffffbf,#c8f0ff66);border-radius:30px;overflow:hidden;box-shadow:0 25px 60px #00b4ff4d,inset 0 1px 4px #ffffffe6}.post-more{position:absolute;top:14px;right:18px;font-size:22px;color:#08c;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .25s ease}.post-more:hover{background:#00c8ff33;box-shadow:0 0 12px #00c8ff99}.post-footer{display:flex;justify-content:flex-start;margin-top:5px}.post-actions-left{display:flex;gap:14px}.post-action-btn{min-width:28px;min-height:28px;padding:0;border-radius:0;border:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;color:#0c88ba;font-size:18px;line-height:1;cursor:pointer;box-shadow:none;transition:transform .25s ease,color .25s ease,filter .25s ease}.post-action-btn:hover{transform:translateY(-3px);color:#06a8e2;filter:drop-shadow(0 4px 10px rgba(0,184,255,.28))}.post-action-btn:active{transform:scale(.92)}.profile-repost-label{display:inline-flex;align-items:center;width:fit-content;margin:0 0 4px;padding:8px 14px;border-radius:999px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.98),rgba(255,255,255,.42) 40%,transparent 58%),linear-gradient(180deg,#eefffcf2,#bdf5e8d6);border:1px solid rgba(255,255,255,.94);box-shadow:0 10px 22px #00b89b29,inset 0 1px #fffffffa;color:#117d70;font-size:12px;font-weight:700;letter-spacing:.02em}.profile-info{padding:30px 20px;text-align:center}.profile-avatar{width:110px;height:110px;background:radial-gradient(circle at 30% 30%,#fff,#a6f0ff,#00bfff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:50px;overflow:hidden;margin:20px auto 15px;box-shadow:0 15px 35px #00c8ff80,inset 0 4px 10px #ffffffe6;border:4px solid rgba(255,255,255,.8);padding:0;border-style:solid}.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar.clickable{cursor:pointer;transition:transform .22s ease,box-shadow .22s ease}.profile-avatar.clickable:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 18px 38px #00c8ff94,inset 0 4px 10px #fffffff2}.profile-info h2{margin:0;color:#0a6e92}.profile-handle{margin:4px 0 0;color:#5f8ea0;font-size:.92rem;font-weight:700}.profile-private-badge{display:inline-flex;align-items:center;margin-top:8px;padding:6px 12px;border-radius:999px;color:#0e7697;background:#ffffffbd;box-shadow:0 8px 18px #00a9ff1f,inset 0 1px #fffffff5;font-size:.78rem;font-weight:800}.profile-bio{width:min(100%,420px);margin:12px auto 0;color:#2a6176;font-size:.98rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.profile-bio-empty{color:#5f8ea0;font-style:italic}.profile-stats{display:flex;justify-content:center;gap:120px;margin-top:30px}.stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:40px;font-weight:700;line-height:1;background:linear-gradient(to bottom,#00bfff,#07a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 0 12px rgba(0,200,255,.5)}.stat-clickable{cursor:pointer;transition:transform .2s ease,filter .2s ease}.stat-clickable:hover{transform:translateY(-2px);filter:brightness(1.05)}.stat-label{font-size:14px;margin-top:8px;color:#068;opacity:.8}.profile-actions{display:flex;justify-content:center;align-items:center;gap:25px;margin:25px 0;flex-wrap:nowrap}.profile-btn{padding:12px 26px;border-radius:50px;border:none;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px #00c8ff66,inset 0 3px 6px #ffffffe6;transition:all .25s ease;white-space:nowrap}.edit-btn,.follow-btn{background:linear-gradient(to bottom,#7ee0ff,#00bfff);color:#fff}.button-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid #fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block;vertical-align:middle}.share-btn{background:linear-gradient(to bottom,#7efff5,#00d4c4);color:#fff}.message-btn{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(to bottom,#7ee0ff,#00bfff);color:#fff;font-size:16px}.profile-btn:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00dcff99,inset 0 3px 6px #fff}.profile-btn:active{transform:translateY(0)}@media(max-width:480px){.profile-avatar{margin:20px auto 15px;width:90px;height:90px;font-size:40px}.profile-btn{width:100%;font-size:14px}.profile-stats{gap:40px}.stat-number{font-size:28px}}.profile-loading{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif}.profile-posts{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(160deg,#ffffffbf,#c8f0ff66);border-radius:30px;padding:30px;box-shadow:0 25px 60px #00b4ff4d,inset 0 1px 4px #ffffffe6}.profile-content-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.profile-posts h3{font-size:22px;margin:0;text-align:left;color:#0a6f92}.profile-grid-back{border:none;border-radius:999px;padding:9px 16px;cursor:pointer;color:#0a7195;font-size:13px;font-weight:800;background:linear-gradient(180deg,#ffffffeb,#d7f5ffb8);box-shadow:0 8px 18px #00aae624,inset 0 1px #fffffffa}.profile-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px;padding:6px;border-radius:18px;background:#ffffff75;box-shadow:inset 0 1px #ffffffd1,0 10px 22px #00a0dc1a}.profile-tab{min-width:0;min-height:48px;border:none;border-radius:14px;cursor:pointer;color:#32798f;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:800;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.profile-content-header h3 svg,.profile-tab svg{width:18px;height:18px;flex:0 0 auto}.profile-tab small{color:#6c95a3;font-size:11px;font-weight:800}.profile-tab:hover,.profile-tab.active{color:#087ca4;background:linear-gradient(180deg,#fffffff5,#d7f6ffbd);box-shadow:0 8px 16px #00aae624,inset 0 1px #fffffffa;transform:translateY(-1px)}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:22px;overflow:hidden;border-radius:18px;background:#ffffff6b}.profile-grid-tile{position:relative;width:100%;aspect-ratio:1 / 1;min-width:0;border:none;padding:0;overflow:hidden;cursor:pointer;background:linear-gradient(180deg,#e7faffeb,#beebf8c7)}.profile-grid-tile img,.profile-grid-tile video{width:100%;height:100%;display:block;object-fit:cover;transition:transform .22s ease,filter .22s ease}.profile-grid-tile:hover img,.profile-grid-tile:hover video{transform:scale(1.04);filter:brightness(.92)}.profile-grid-tile.text-only{padding:12px;display:flex;align-items:center;justify-content:center}.profile-grid-text{max-width:100%;color:#0a6382;font-size:13px;line-height:1.35;text-align:center;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.profile-grid-overlay{position:absolute;left:8px;bottom:8px;z-index:2;width:30px;height:30px;padding:0;border-radius:999px;color:#fff;background:#05334680;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:inline-flex;align-items:center;justify-content:center;text-shadow:0 1px 4px rgba(0,0,0,.22)}.profile-grid-overlay svg{width:14px;height:14px;flex:0 0 auto}.post-card{margin-bottom:15px;position:relative;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(160deg,#ffffffb8,#ffffff57);border-radius:25px;padding:25px;display:flex;flex-direction:column;gap:14px;border:1px solid rgba(255,255,255,.9);box-shadow:0 15px 40px #0096ff38,inset 0 1px 3px #ffffffeb}.post-card:hover{transform:translateY(-3px);transition:.3s ease;box-shadow:0 20px 50px #00b4ff52,inset 0 1px 3px #fff}.post-content{margin:0;font-size:15px;line-height:1.6;color:#034}.instagram-carousel{position:relative;overflow:hidden;isolation:isolate;border-radius:26px;margin-top:15px;background:linear-gradient(180deg,#ffffffeb,#ccf2ffb8),linear-gradient(135deg,rgba(120,232,255,.18),transparent 42%);border:1px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 38px #00a0ff38,inset 0 1px #fffffff0;touch-action:pan-y}.instagram-carousel:before{content:"";position:absolute;inset:0 0 auto;height:30%;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 78%)}.instagram-carousel:after{content:"";position:absolute;inset:auto 0 0;height:24%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(7,83,113,.12))}.carousel-track{display:flex;transition:transform .35s ease;touch-action:pan-y;-webkit-user-select:none;user-select:none}.carousel-item{min-width:100%;background:linear-gradient(180deg,#e8fbffeb,#bfecfabf)}.carousel-item img,.carousel-item video{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.88);background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.98),rgba(255,255,255,.42) 42%,transparent 60%),linear-gradient(180deg,#ffffffe0,#d4f5ffad);color:#0a779a;font-size:15px;cursor:pointer;z-index:4;box-shadow:0 12px 22px #0096ff2e,inset 0 1px #fffffffa;transition:transform .22s ease,box-shadow .22s ease,color .22s ease}.carousel-arrow:hover{transform:translateY(-50%) scale(1.05);color:#0b8eb6;box-shadow:0 14px 24px #00aeff3d,inset 0 1px #fff}.carousel-arrow.left{left:10px}.carousel-arrow.right{right:10px}.carousel-indicator{position:absolute;left:50%;bottom:12px;z-index:4;transform:translate(-50%);display:inline-flex;justify-content:center;gap:8px;padding:7px 11px;border-radius:999px;background:#07506e38;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 18px #005e8529}.indicator-dot{width:7px;height:7px;border-radius:50%;background:#ffffff75;transition:all .3s ease}.indicator-dot.active{width:18px;border-radius:999px;background:#fff;box-shadow:0 0 12px #bef6ffb8}@media(max-width:768px){.profile-posts{padding:20px}.profile-tabs{gap:5px;padding:5px}.profile-tab{min-height:44px;font-size:12px}.profile-content-header h3 svg,.profile-tab svg{width:17px;height:17px}.profile-tab small{font-size:10px}.profile-grid{gap:3px;border-radius:14px}.carousel-arrow{display:none}.instagram-carousel{border-radius:22px}.carousel-indicator{bottom:10px;gap:6px;padding:6px 10px}.post-video-sound-btn{right:10px;bottom:10px;width:34px;height:34px}}.carousel-track{display:flex;transition:transform .38s cubic-bezier(.34,.99,.6,1);will-change:transform;transform:translateZ(0);touch-action:pan-y;-webkit-user-select:none;user-select:none}.carousel-item{min-width:100%}.carousel-item img,.carousel-item video{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.auto-video{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.post-header{display:flex;align-items:center;padding:10px 0}.post-user-info{display:flex;align-items:center;gap:10px}.post-user-link{display:flex;align-items:center;gap:10px;padding:0;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.post-user-link:hover .post-username,.post-user-link:focus-visible .post-username{text-decoration:underline}.post-user-link:focus-visible{outline:2px solid rgba(123,221,255,.7);outline-offset:4px;border-radius:999px}.post-user-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;background:#ddd;display:flex;align-items:center;justify-content:center}.post-user-avatar img{width:100%;height:100%;object-fit:cover}.post-user-text{display:flex;flex-direction:column}.post-username{font-weight:600;font-size:14px}.post-date{font-size:12px;color:#888}.post-loader{text-align:center;padding:20px;color:#888}.like-wrapper{display:flex;align-items:center;gap:6px}.post-action-btn.liked{background:transparent;box-shadow:none;color:#ff4ea8;filter:drop-shadow(0 0 10px rgba(255,94,196,.38));transform:scale(1.08)}.post-action-btn.reposted{background:transparent;box-shadow:none;color:#16bfa2;filter:drop-shadow(0 0 10px rgba(22,191,162,.32));transform:scale(1.05)}.like-count{font-size:13px;font-weight:600;color:#08c}.post-more-wrapper{position:absolute;top:2px;right:-4px}.post-more{font-size:14px;color:#0af;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;box-shadow:none;transition:transform .25s ease,color .25s ease,filter .25s ease;border:0;padding:0}.post-more:hover{transform:translateY(-2px);color:#06a8e2;filter:drop-shadow(0 4px 10px rgba(0,184,255,.28))}.post-dropdown{position:absolute;top:45px;right:0;min-width:160px;padding:6px;border-radius:18px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(160deg,#ffffffd9,#b4f0ff8c);box-shadow:0 15px 40px #00b4ff59,inset 0 2px 6px #ffffffe6;z-index:20;animation:dropdownPop .25s ease}@keyframes dropdownPop{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{padding:10px 14px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;color:#068;transition:all .2s ease}.post-dropdown button.dropdown-item{display:block;width:100%;border:0;background:transparent;text-align:left}.dropdown-item:hover{background:linear-gradient(to bottom,#ffffffe6,#96e6ff99);box-shadow:0 6px 18px #00c8ff80,inset 0 2px 5px #fff;transform:translateY(-1px)}.dropdown-item.delete{color:#ff4d6d}.dropdown-item.delete:hover{box-shadow:0 6px 18px #ff507899,inset 0 2px 5px #fff}.dropdown-item.report{color:#fa0}.dropdown-item.report:hover{box-shadow:0 6px 18px #ffb40099,inset 0 2px 5px #fff}.dropdown-item.edit{color:#0af}.dropdown-item.edit:hover{box-shadow:0 6px 18px #00b4ff99,inset 0 2px 5px #fff}.modal-overlay{position:fixed;inset:0;background:#00000026;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease forwards}.modal-card{background:radial-gradient(circle at top left,rgba(255,255,255,.84),transparent 42%),linear-gradient(165deg,#fffffff0,#cef4ffb8);border:1px solid rgba(255,255,255,.92);padding:28px 36px;border-radius:28px;width:380px;max-width:90%;text-align:center;box-shadow:0 18px 42px #00000024,inset 0 1px #fffffff2;font-family:Inter,sans-serif;color:#111;transform:scale(.9) translateY(-20px);opacity:0;transition:all .4s cubic-bezier(.25,1,.5,1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card.animate-in{transform:scale(1) translateY(0);opacity:1}.modal-card.loading{pointer-events:none;transform:scale(1.02);filter:brightness(.95)}.modal-card h3{font-size:1.35rem;margin-bottom:14px;background:linear-gradient(90deg,#0af,#fa0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-card p{font-size:1rem;margin-bottom:28px;color:#333;line-height:1.5}.profile-post-delete-error{color:#c92e50!important;font-weight:600;margin-top:-14px}.modal-actions{display:flex;justify-content:space-between}.modal-btn{padding:10px 20px;border-radius:16px;font-weight:600;cursor:pointer;border:none;transition:all .25s ease;box-shadow:0 4px 12px #00b4ff40}.modal-btn.cancel{background:#ffffffb3;color:#333;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-btn.cancel:hover{background:#ffffffd9;box-shadow:0 6px 20px #00b4ff4d}.modal-btn.confirm{background:linear-gradient(135deg,#ff4d6d,#ff80a0);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.modal-btn.confirm:hover{transform:scale(1.05);box-shadow:0 8px 24px #ff4d6d80,0 0 12px #ffb4c866}.spinner{border:4px solid rgba(255,255,255,.25);border-top:4px solid #00aaff;border-radius:50%;width:36px;height:36px;margin:18px auto;animation:spin .9s linear infinite;box-shadow:0 0 12px #00aaff80,0 0 24px #00aaff40}.post-card.fade-in{opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease,box-shadow .35s ease;box-shadow:0 4px 12px #00b4ff1a}.post-card.fade-out{opacity:0;transform:translateY(-24px) scale(.97);box-shadow:0 0 #00b4ff00;transition:opacity .35s ease,transform .35s ease,box-shadow .35s ease}.toast{position:fixed;top:24px;left:50%;transform:translate(-50%);padding:14px 28px;border-radius:24px;font-weight:600;z-index:10001;opacity:.95;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.84);box-shadow:0 18px 34px #00b4ff24,inset 0 1px #ffffffd1}.toast.success{background:linear-gradient(135deg,#7bf1c5f5,#12ca93eb);color:#fff}.toast.error{background:linear-gradient(135deg,#ff89aef5,#ff578eeb);color:#fff}.no-posts-message{text-align:center;margin:32px 0;font-size:1.1rem;color:#555;padding:16px 24px;border-radius:16px}.profile-card{position:relative}.profile-card-menu-wrap{position:absolute;top:16px;right:16px;z-index:30}.profile-card-menu-btn{width:24px;height:24px;border:none;cursor:pointer;font-size:14px;line-height:1;color:#0690bd;background:transparent;box-shadow:none;transition:transform .2s ease,color .2s ease,filter .2s ease}.profile-card-menu-btn:hover{transform:translateY(-1px);color:#06a8e2;filter:drop-shadow(0 4px 10px rgba(0,184,255,.28))}.profile-card-dropdown{position:absolute;top:46px;right:0;min-width:190px;padding:8px;border-radius:18px;background:linear-gradient(160deg,#ffffffeb,#bbf0ffb8);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 36px #00aae638,inset 0 1px #fffffff2}.profile-card-dropdown-item{width:100%;border:none;background:transparent;text-align:left;padding:10px 12px;border-radius:12px;cursor:pointer;color:#026b90;font-size:13px;font-weight:600;transition:background .2s ease,transform .2s ease}.profile-card-dropdown-item:hover{background:#ffffffb8;transform:translate(2px)}.profile-card-dropdown-item.danger{color:#d94a71}.profile-guest-overlay{position:fixed;inset:0;z-index:10020;display:flex;align-items:center;justify-content:center;padding:24px;background:#051c283d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-guest-card{width:min(100%,380px);padding:28px 24px 22px;text-align:center;border-radius:28px;background:linear-gradient(160deg,#ffffffeb,#d0f4ffb8);box-shadow:0 24px 48px #00aae638,inset 0 1px #fffffffa}.profile-guest-card h3{margin:0;color:#0a6f92}.profile-guest-card p{margin:12px 0 18px;color:#3b7890;line-height:1.6}.profile-guest-cta,.profile-guest-dismiss{width:100%;border:none;border-radius:999px;cursor:pointer;font-weight:700}.profile-guest-cta{padding:14px 18px;color:#fff;background:linear-gradient(145deg,#00dfff,#00bfff,#4facfe);box-shadow:0 12px 22px #00c8ff52,inset 0 0 14px #ffffff38}.profile-guest-dismiss{margin-top:10px;padding:12px 18px;color:#0c7a9d;background:linear-gradient(180deg,#ffffffeb,#dcf7ffad)}.profile-avatar-overlay{position:fixed;inset:0;z-index:10030;display:flex;align-items:center;justify-content:center;padding:24px;background:#04162094;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.profile-avatar-viewer{width:min(100%,520px);position:relative;padding:24px;border-radius:34px;background:linear-gradient(160deg,#ffffffe6,#cef4ffad);box-shadow:0 28px 58px #00a5e63d,inset 0 1px #fffffffa}.profile-avatar-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:none;border-radius:50%;cursor:pointer;color:#0a7397;font-size:1.5rem;line-height:1;background:linear-gradient(180deg,#fffffff0,#d7f5ffad);box-shadow:0 10px 18px #00b4ff1f,inset 0 1px #fffffffa}.profile-avatar-expanded{width:100%;display:block;aspect-ratio:1 / 1;object-fit:cover;border-radius:28px;box-shadow:0 20px 32px #00b0ff24,inset 0 1px #fffffffa}.profile-avatar-caption{margin:14px 0 0;text-align:center;color:#0a6f92;font-weight:700}:root{--settings-cyan: #00d7ff;--settings-blue: #48a8ff;--settings-sky: #d8f7ff;--settings-deep: #0a6e90;--settings-ink: #466c7d}.settings-page{width:min(980px,calc(100% - 32px));margin:76px auto 44px;padding:0 0 8px;display:flex;flex-direction:column;gap:22px;font-family:Segoe UI,sans-serif}.settings-hero{position:relative;overflow:hidden;padding:28px 30px 30px;border-radius:34px;background:radial-gradient(circle at top left,rgba(255,255,255,.95),transparent 34%),radial-gradient(circle at 88% 14%,rgba(131,235,255,.5),transparent 22%),linear-gradient(160deg,#ffffffeb,#ccf2ffb8);border:1px solid rgba(255,255,255,.96);box-shadow:0 20px 48px #00a6ff29,inset 0 1px #fffffff0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.settings-kicker{margin:0 0 8px;color:#2096b9;font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.settings-hero h1{margin:0;color:var(--settings-deep);font-size:clamp(2rem,4vw,2.7rem);text-shadow:0 0 14px rgba(0,211,255,.2)}.settings-subtitle{margin:12px 0 0;max-width:580px;color:var(--settings-ink);line-height:1.6}.settings-section{position:relative;overflow:hidden;padding:26px;border-radius:30px;background:linear-gradient(165deg,#ffffffd6,#d2f5ff9e);border:1px solid rgba(255,255,255,.94);box-shadow:0 16px 36px #00a5ff24,inset 0 1px #fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.settings-section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 38%);pointer-events:none}.settings-section-header{position:relative;z-index:1;margin-bottom:18px}.settings-section-header h2{margin:0;color:#0a7394;font-size:1.08rem}.settings-section-header p{margin:8px 0 0;color:var(--settings-ink);font-size:.92rem;line-height:1.55}.settings-list,.settings-toggle-list{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px}.settings-row,.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:24px;background:#ffffffb8;box-shadow:0 10px 22px #00a9ff1a,inset 0 1px #fffffff5}.settings-row-copy{min-width:0;display:flex;flex-direction:column;gap:6px}.settings-row-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.settings-row-label,.settings-toggle-text{color:#0e7697;font-size:.95rem;font-weight:700}.settings-row-value{color:#587b89;font-size:.9rem;letter-spacing:.02em}.settings-row-pending{color:#1c93b5;font-size:.82rem;font-weight:700}.settings-verify-status{font-size:.82rem;font-weight:700}.settings-verify-status.verified{color:#1c93b5}.settings-verify-status.unverified{color:#b16a2a}.settings-verify-panel{padding:16px 18px;border-radius:24px;background:#ffffffb8;box-shadow:0 10px 22px #00a9ff1a,inset 0 1px #fffffff5}.settings-verify-title{margin:0;color:#0e7697;font-size:.95rem;font-weight:700}.settings-verify-subtitle{margin:8px 0 0;color:#587b89;font-size:.9rem}.settings-verify-feedback{margin-top:12px;border-radius:14px;padding:10px 12px;font-size:.88rem;font-weight:600}.settings-verify-feedback.success{color:#1b8e58;background:#60dc962e}.settings-verify-feedback.error{color:#a14747;background:#ff6b6b2e}.settings-verify-actions{margin-top:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.settings-verify-input{min-width:120px;max-width:150px;border:1px solid rgba(82,140,164,.3);border-radius:999px;padding:11px 14px;background:#fffffff2;font-size:.95rem;letter-spacing:.15em;color:#245567;outline:none}.settings-verify-input:focus{border-color:#3ab8f3cc;box-shadow:0 0 0 3px #3ab8f333}.settings-row-btn,.settings-more-btn,.theme-chip{border:none;cursor:pointer;font-weight:700;transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease}.settings-row-btn,.settings-more-btn{border-radius:999px;padding:12px 18px;color:#fff;background:linear-gradient(145deg,var(--settings-cyan),#33bfff,var(--settings-blue));box-shadow:0 10px 22px #00b7ff47,inset 0 0 14px #ffffff47}.settings-row-btn-secondary{color:#0f7394;background:linear-gradient(145deg,#fffffff5,#d8f7ffdb);box-shadow:0 10px 22px #00b7ff29,inset 0 0 14px #fff6}.settings-row-btn:hover,.settings-more-btn:hover,.theme-chip:hover{transform:translateY(-2px)}.settings-more-btn{position:relative;z-index:1;margin-top:18px}.theme-toggle{position:relative;z-index:1;display:inline-flex;gap:10px;padding:8px;border-radius:999px;background:#ffffffb8;box-shadow:0 10px 22px #00a9ff1a,inset 0 1px #fffffff5}.theme-chip{min-width:108px;padding:12px 18px;border-radius:999px;color:#157697;background:transparent}.theme-chip.active{color:#fff;background:linear-gradient(145deg,var(--settings-cyan),#33bfff,var(--settings-blue));box-shadow:0 10px 20px #00b7ff42,inset 0 0 14px #ffffff47}.settings-toggle-row{position:relative;cursor:pointer}.settings-toggle-row:has(input:disabled){opacity:.72;cursor:wait}.settings-toggle-row input{position:absolute;opacity:0;pointer-events:none}.settings-toggle-ui{position:relative;width:62px;height:34px;flex-shrink:0;border-radius:999px;background:linear-gradient(180deg,#d9eef7f2,#bddce9eb);box-shadow:inset 0 2px 5px #3c667a29,0 8px 16px #0099e614;transition:background .22s ease,box-shadow .22s ease}.settings-toggle-ui:after{content:"";position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:linear-gradient(180deg,#fff,#dbf8ff);box-shadow:0 8px 14px #0082be29,inset 0 1px #fffffff5;transition:transform .22s ease}.settings-toggle-row input:checked+.settings-toggle-ui{background:linear-gradient(145deg,var(--settings-cyan),#33bfff,var(--settings-blue));box-shadow:0 10px 20px #00b7ff38,inset 0 0 14px #ffffff38}.settings-toggle-row input:checked+.settings-toggle-ui:after{transform:translate(28px)}.settings-help-form{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}.settings-help-input,.settings-help-textarea{border:1px solid rgba(82,140,164,.3);border-radius:16px;padding:12px 14px;background:#fffffff2;color:#245567;font-size:.95rem}.settings-help-textarea{min-height:110px;resize:vertical}.settings-help-history{position:relative;z-index:1}.settings-help-actions{margin-top:2px}.settings-help-row{align-items:flex-start}.settings-help-response{color:#1c93b5;font-size:.86rem;font-weight:700}.settings-empty-state{position:relative;z-index:1;padding:16px 18px;border-radius:24px;background:#ffffffb8;color:#587b89;font-size:.92rem;font-weight:700;box-shadow:0 10px 22px #00a9ff1a,inset 0 1px #fffffff5}.settings-legal-capsules{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:2px 8px 18px}.settings-legal-capsule{border:1px solid rgba(255,255,255,.84);border-radius:999px;padding:7px 11px;background:#ffffff8f;color:#24758e;font-size:.76rem;font-weight:800;line-height:1;cursor:pointer;box-shadow:inset 0 1px #fffffff0,0 8px 18px #00a9ff1a;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.settings-legal-capsule:hover{transform:translateY(-1px);background:#ffffffc7;box-shadow:inset 0 1px #fffffffa,0 12px 24px #00a9ff24}@media(max-width:700px){.settings-page{width:calc(100% - 20px);margin-top:70px;gap:18px}.settings-hero,.settings-section{padding:22px 18px;border-radius:24px}.settings-row,.settings-toggle-row{flex-direction:column;align-items:flex-start}.settings-row-actions{width:100%;flex-direction:column;align-items:stretch}.settings-verify-actions{flex-direction:column;align-items:stretch}.settings-row-btn,.settings-more-btn,.theme-chip{width:100%}.settings-verify-input{width:100%;max-width:none}.theme-toggle{display:flex;width:100%}.settings-legal-capsules{justify-content:flex-start;padding-bottom:24px}}.settings-flow-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 18px 92px;background:radial-gradient(circle at top left,rgba(255,255,255,.92),transparent 32%),radial-gradient(circle at 88% 12%,rgba(133,236,255,.48),transparent 22%),linear-gradient(160deg,#e8fcff,#cbf4ff 38%,#eafcff);font-family:Segoe UI,sans-serif}.settings-flow-card{width:min(460px,100%);padding:34px 28px 30px;border-radius:32px;background:linear-gradient(160deg,#ffffffe0,#cdf1ffb3);border:1px solid rgba(255,255,255,.94);box-shadow:0 22px 50px #009bdc29,inset 0 1px #ffffffeb;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);text-align:center}.settings-flow-kicker{margin:0 0 8px;color:#1f94b7;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.settings-flow-card h1{margin:0;color:#09799b;font-size:clamp(1.9rem,4vw,2.35rem);text-shadow:0 0 14px rgba(0,207,255,.18)}.settings-flow-subtitle{margin:12px 0 0;color:#567887;line-height:1.6}.settings-flow-feedback{margin-top:18px;padding:12px 16px;border-radius:18px;font-size:.92rem;font-weight:600;line-height:1.5}.settings-flow-feedback.error{color:#9e3557;background:linear-gradient(160deg,#fff5f8f2,#ffdce7e0);border:1px solid rgba(255,255,255,.92)}.settings-flow-feedback.success{color:#1f7f67;background:linear-gradient(160deg,#f1fffaf5,#d3ffefe6);border:1px solid rgba(255,255,255,.92)}.settings-flow-form{display:flex;flex-direction:column;gap:14px;margin-top:22px}.settings-flow-input{width:100%;padding:14px 18px;border-radius:999px;border:none;outline:none;font-size:.96rem;background:linear-gradient(to bottom,#fffffff0,#ddf7ffcc);box-shadow:inset 0 2px 6px #0096ff26,0 0 8px #00c8ff2e}.settings-flow-input:focus{box-shadow:inset 0 2px 8px #0096ff38,0 0 16px #00d4ff57}.settings-flow-code{text-align:center;letter-spacing:.34em;font-size:1.15rem;font-weight:700;padding-left:24px}.settings-flow-primary{margin-top:10px;border:none;border-radius:999px;padding:14px 20px;color:#fff;font-size:.98rem;font-weight:700;cursor:pointer;background:linear-gradient(145deg,#00e0ff,#00bfff,#4facfe);box-shadow:0 10px 22px #00c8ff57,inset 0 0 15px #ffffff4d;transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease}.settings-flow-primary:hover{transform:translateY(-2px)}.settings-flow-primary:disabled{cursor:wait;opacity:.88;transform:none}:root{--danger-red: #ff5e88;--danger-coral: #ff7c79;--danger-rose: #ffd8e6;--danger-ink: #735b66}.danger-page{width:min(1020px,calc(100% - 32px));margin:76px auto 44px;display:flex;flex-direction:column;gap:20px;font-family:Segoe UI,sans-serif}.danger-hero{position:relative;overflow:hidden;padding:28px 30px 30px;border-radius:34px;background:radial-gradient(circle at top left,rgba(255,255,255,.95),transparent 36%),radial-gradient(circle at 88% 14%,rgba(255,171,206,.44),transparent 24%),linear-gradient(160deg,#ffffffeb,#ffe3edbd);border:1px solid rgba(255,255,255,.96);box-shadow:0 22px 50px #ff70a22e,inset 0 1px #fffffff0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.danger-kicker{margin:0 0 8px;color:#c54d7e;font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.danger-hero h1{margin:0;color:#b03c69;font-size:clamp(2rem,4vw,2.7rem);text-shadow:0 0 16px rgba(255,150,202,.24)}.danger-subtitle{margin:12px 0 0;max-width:680px;color:var(--danger-ink);line-height:1.7}.danger-feedback{padding:14px 18px;border-radius:24px;border:1px solid rgba(255,255,255,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 26px #ff94bd29,inset 0 1px #fffffff0;font-weight:700}.danger-feedback.error{color:#9d3a58;background:linear-gradient(160deg,#fff4f8f2,#ffdfe8e0)}.danger-feedback.success{color:#7f4760;background:linear-gradient(160deg,#fffffff2,#ffe9f2e6)}.danger-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.danger-card{position:relative;overflow:hidden;padding:26px;border-radius:30px;background:linear-gradient(165deg,#ffffffd6,#ffe7f0b3);border:1px solid rgba(255,255,255,.94);box-shadow:0 16px 36px #ff7c9d24,inset 0 1px #fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:18px}.danger-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.36),transparent 40%);pointer-events:none}.danger-card-delete{background:linear-gradient(165deg,#fff6f8e6,#ffdae2c2)}.danger-card-copy,.danger-confirm,.danger-secondary-btn,.danger-action-btn{position:relative;z-index:1}.danger-card-eyebrow{margin:0 0 10px;color:#cf5f87;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.danger-card h2{margin:0;color:#b03f69;font-size:1.25rem}.danger-card p{margin:12px 0 0;color:var(--danger-ink);line-height:1.65}.danger-confirm{display:flex;flex-direction:column;gap:10px}.danger-confirm span{color:#a94f72;font-size:.92rem;font-weight:700}.danger-confirm input{width:100%;border:none;outline:none;padding:14px 18px;border-radius:999px;font-size:.96rem;color:#89576a;background:linear-gradient(to bottom,#fffffff5,#ffecf3d1);box-shadow:inset 0 2px 6px #cd658b1f,0 0 8px #ffabce2e}.danger-confirm input:focus{box-shadow:inset 0 2px 8px #cd658b29,0 0 16px #ff9fc64d}.danger-secondary-btn,.danger-action-btn{border:none;border-radius:999px;min-height:48px;padding:14px 20px;font-size:.96rem;font-weight:700;transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease}.danger-secondary-btn{color:#9f5573;cursor:pointer;background:linear-gradient(145deg,#fffffff0,#ffecf3d6);box-shadow:0 10px 22px #ff99c32e,inset 0 0 14px #ffffff7a}.danger-secondary-btn:hover:not(:disabled),.danger-action-btn:hover:not(:disabled){transform:translateY(-2px)}.danger-secondary-btn:disabled,.danger-action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.danger-action-btn{color:#fff;cursor:pointer}.danger-action-warn{background:linear-gradient(145deg,#ff8ab0,#ff6d96,#ff5f83);box-shadow:0 12px 24px #ff70a247,inset 0 0 14px #ffffff3d}.danger-action-delete{background:linear-gradient(145deg,#ff7d8f,#ff5f73,#f34a61);box-shadow:0 12px 24px #f4567247,inset 0 0 14px #ffffff3d}@media(max-width:820px){.danger-page{width:calc(100% - 20px);margin-top:70px}.danger-grid{grid-template-columns:1fr}.danger-hero,.danger-card{padding:22px 18px;border-radius:24px}}.forgot-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 18px 92px;background:radial-gradient(circle at top left,rgba(255,255,255,.92),transparent 32%),radial-gradient(circle at 88% 12%,rgba(133,236,255,.48),transparent 22%),linear-gradient(160deg,#e8fcff,#cbf4ff 38%,#eafcff);font-family:Segoe UI,sans-serif}.forgot-password-card{width:min(500px,100%);padding:34px 28px 30px;border-radius:32px;background:linear-gradient(160deg,#ffffffe0,#cdf1ffb3);border:1px solid rgba(255,255,255,.94);box-shadow:0 22px 50px #009bdc29,inset 0 1px #ffffffeb;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);text-align:center}.forgot-password-kicker{margin:0 0 8px;color:#1f94b7;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.forgot-password-card h1{margin:0;color:#09799b;font-size:clamp(1.9rem,4vw,2.35rem);text-shadow:0 0 14px rgba(0,207,255,.18)}.forgot-password-subtitle{margin:12px 0 0;color:#567887;line-height:1.6}.forgot-password-feedback{margin-top:18px;padding:12px 16px;border-radius:18px;font-size:.92rem;font-weight:600;line-height:1.5}.forgot-password-feedback.error{color:#9e3557;background:linear-gradient(160deg,#fff5f8f2,#ffdce7e0);border:1px solid rgba(255,255,255,.92)}.forgot-password-feedback.success{color:#1f7f67;background:linear-gradient(160deg,#f1fffaf5,#d3ffefe6);border:1px solid rgba(255,255,255,.92)}.forgot-password-form{display:flex;flex-direction:column;gap:14px;margin-top:22px}.forgot-password-input,.forgot-password-code-input{width:100%;box-sizing:border-box;padding:14px 18px;border-radius:999px;border:none;outline:none;font-size:.96rem;background:linear-gradient(to bottom,#fffffff0,#ddf7ffcc);box-shadow:inset 0 2px 6px #0096ff26,0 0 8px #00c8ff2e}.forgot-password-code-input{text-align:center;font-size:1.45rem;letter-spacing:.34em}.forgot-password-input:focus,.forgot-password-code-input:focus{box-shadow:inset 0 2px 8px #0096ff38,0 0 16px #00d4ff57}.forgot-password-primary{margin-top:10px;border:none;border-radius:999px;padding:14px 20px;color:#fff;font-size:.98rem;font-weight:700;cursor:pointer;background:linear-gradient(145deg,#00e0ff,#00bfff,#4facfe);box-shadow:0 10px 22px #00c8ff57,inset 0 0 15px #ffffff4d;transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease}.forgot-password-primary:hover,.forgot-password-link:hover{transform:translateY(-2px)}.forgot-password-primary:disabled,.forgot-password-link:disabled,.forgot-password-account:disabled{cursor:wait;opacity:.88;transform:none}.forgot-password-link{margin-top:14px;border:none;background:transparent;color:#077ea2;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .22s ease,color .22s ease}.forgot-password-results{margin-top:22px;display:flex;flex-direction:column;gap:12px}.forgot-password-empty{padding:16px 18px;border-radius:22px;color:#5b7d8b;background:linear-gradient(160deg,#fffc,#ddf7ff9e);border:1px solid rgba(255,255,255,.9)}.forgot-password-account{width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.92);border-radius:24px;cursor:pointer;background:linear-gradient(160deg,#ffffffdb,#d4f5ffb3);box-shadow:0 12px 28px #00a0ff1f,inset 0 1px #fffffff0;transition:transform .22s ease,box-shadow .22s ease}.forgot-password-account:hover{transform:translateY(-2px);box-shadow:0 18px 32px #00a0ff2e,inset 0 1px #fffffff5}.forgot-password-account-avatar{width:48px;height:48px;flex-shrink:0;overflow:hidden;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#e3fbffeb,#abecffd1);box-shadow:0 10px 18px #00b4ff2e,inset 0 1px #fffffff2;color:#0a7da6}.forgot-password-account-avatar img{width:100%;height:100%;object-fit:cover}.forgot-password-account-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:#35697d;text-align:left}.forgot-password-account-copy strong{color:#0a6f92;font-size:.98rem}.forgot-password-account-copy span{font-size:.86rem}.forgot-password-account-cta{margin-left:auto;padding:7px 12px;border-radius:999px;background:linear-gradient(180deg,#fffffff0,#d2f5ffb8);color:#0c7da7;font-size:.76rem;font-weight:700;box-shadow:0 6px 14px #00b4ff24,inset 0 1px #fffffff5}@media(max-width:600px){.forgot-password-card{padding:30px 20px 26px;border-radius:28px}.forgot-password-account{padding:12px 14px}.forgot-password-account-avatar{width:42px;height:42px}}.notifications-page{position:relative;width:90%;max-width:900px;margin:70px auto 40px;padding:40px;display:flex;flex-direction:column;gap:20px;border-radius:40px;background:linear-gradient(160deg,#e0f7ff,#c9f6ff,#dffbff);box-shadow:0 20px 50px #00c8ff33,inset 0 0 40px #fff9;font-family:Segoe UI,sans-serif;color:#045d75;overflow:hidden}.notifications-page:before{content:"";position:absolute;top:-80px;right:-80px;width:250px;height:250px;background:radial-gradient(circle,white 0%,transparent 70%);opacity:.6;pointer-events:none}.notifications-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.notifications-actions{display:flex;align-items:center;gap:10px}.notifications-page h1{margin:0;font-size:28px;font-weight:600;color:#0277a8;text-shadow:0 0 12px rgba(0,212,255,.5)}.notifications-refresh-btn{border:none;border-radius:999px;padding:10px 16px;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(145deg,#00e0ff,#00bfff,#4facfe);box-shadow:0 8px 20px #00c8ff4d,inset 0 0 12px #ffffff40}.notifications-refresh-btn:disabled{cursor:default;opacity:.75}.notifications-refresh-btn.alt{background:#fffc;color:#0277a8}.notifications-status{padding:22px 24px;border-radius:24px;background:#ffffff73;border:1px solid rgba(255,255,255,.75);text-align:center;font-weight:600}.notifications-status.error{color:#b12626}.notification-card{display:flex;align-items:center;gap:20px;width:100%;padding:20px 25px;border:1px solid var(--border-light);border-radius:30px;background:var(--glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:inset 0 1px 2px #fffc,0 10px 25px #00b4ff26;position:relative;transition:transform .3s ease,box-shadow .3s ease;text-align:left;color:inherit;cursor:pointer}.notification-card:after{content:"";position:absolute;top:0;left:0;height:50%;width:100%;border-radius:30px;background:linear-gradient(to bottom,rgba(255,255,255,.6),transparent);pointer-events:none}.notification-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #00d4ff40}.notification-card.unread{border-color:var(--aero-cyan);box-shadow:0 0 15px #00d4ff59,inset 0 1px 2px #fffc}.notification-card.selected{border-color:#00a6dd;box-shadow:0 0 0 2px #00a6dd59,0 15px 35px #00d4ff2e}.notif-icon{font-size:24px;width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(to bottom,var(--aero-sky),var(--aero-blue));box-shadow:0 5px 15px #00b4ff66,inset 0 2px 5px #fffc;color:#fff}.notif-content{flex:1;min-width:0}.notif-content h3{margin:0 0 4px;font-size:15px}.notif-content p{margin:0;font-size:13px;opacity:.9}.notif-preview{margin-top:8px;font-size:12px;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-request-actions{margin-top:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.notif-request-btn{border:none;border-radius:999px;padding:9px 14px;color:#fff;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px #00b4ff2e,inset 0 1px #ffffff47}.notif-request-btn.accept{background:linear-gradient(145deg,#1fd6ba,#12a990)}.notif-request-btn.decline{color:#0f7394;background:linear-gradient(145deg,#fffffff5,#d8f7ffdb)}.notif-request-btn:disabled{cursor:wait;opacity:.74}.notif-time{font-size:12px;opacity:.7;flex-shrink:0}@media(max-width:640px){.notifications-page{width:calc(100% - 24px);padding:24px 18px}.notifications-topbar{flex-direction:column;align-items:stretch}.notification-card{align-items:flex-start}.notif-time{align-self:flex-end}}.messages-page{width:95%;max-width:1200px;margin:70px auto 40px;padding:20px;display:flex;flex-direction:column;gap:20px;border-radius:30px;background:linear-gradient(160deg,#e0f7ff,#c9f6ff,#dffbff);box-shadow:0 20px 50px #00c8ff33,inset 0 0 40px #fff9;font-family:Segoe UI,sans-serif}.messages-sidebar{position:relative}.messages-sidebar h2{margin-bottom:10px;color:#0277a8;font-size:22px}.messages-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.messages-toolbar-actions{display:flex;align-items:center;gap:10px}.messages-action-btn{border:none;border-radius:999px;padding:9px 14px;font-weight:600;cursor:pointer;color:#0277a8;background:#ffffffd1;box-shadow:0 6px 16px #00a0ff1f;display:inline-flex;align-items:center;justify-content:center;gap:8px}.messages-action-btn.primary{color:#fff;background:linear-gradient(145deg,#00b7d6,#008fcb)}.messages-action-btn.danger{color:#fff;background:linear-gradient(145deg,#ff799d,#ff4f87)}.messages-action-btn:disabled{cursor:default;opacity:.7}.messages-action-badge{min-width:20px;height:20px;border-radius:999px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#ff4f87;font-size:12px}.message-request-preview{align-items:flex-start}.message-request-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.selection-check{width:24px;height:24px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffffc7;border:1px solid rgba(0,180,255,.35);color:#0283af;font-size:13px;font-weight:700}.chat-preview{display:flex;gap:15px;align-items:center;padding:12px 15px;border-radius:20px;background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-light);cursor:pointer;transition:all .2s ease;margin-top:10px}.chat-preview:hover,.chat-preview.active{background:#fff9;box-shadow:0 0 12px var(--aero-cyan)}.chat-preview.selected-chat{border-color:#00a6dd;box-shadow:0 0 0 2px #00a6dd4d,0 0 14px #00d4ff2e}.chat-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 30% 30%,#fff,#b6f0ff 40%,#4facfe 70%,#00d4ff);box-shadow:0 6px 18px #00b4ff73,inset 0 2px 6px #fffffff2,inset 0 -4px 10px #0096ff40;position:relative}.group-avatar{background:linear-gradient(145deg,#ffffffeb,#b6f0ffdb)}.single-group-avatar img{width:100%;height:100%;object-fit:cover}.group-avatar-bubble{position:absolute;width:28px;height:28px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;background:linear-gradient(145deg,#55d7ff,#218be6);border:2px solid rgba(255,255,255,.95)}.group-avatar-bubble img{width:100%;height:100%;object-fit:cover}.group-avatar-bubble-1{top:7px;left:5px}.group-avatar-bubble-2{right:4px;bottom:6px}.group-avatar-bubble.fallback{background:linear-gradient(145deg,#6edcfff2,#00a4e5f2)}.chat-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;mix-blend-mode:normal}.avatar-initial{font-size:18px;font-weight:700;color:#fff;text-shadow:0 0 8px rgba(0,200,255,.8)}.chat-avatar span{font-size:20px;color:#fff;text-shadow:0 0 10px rgba(0,200,255,.8)}.chat-preview:hover .chat-avatar{transform:scale(1.05);box-shadow:0 10px 25px #00c8ffb3,inset 0 2px 6px #fff,inset 0 -6px 12px #0096ff59}.chat-preview div h4{margin-bottom:4px;font-size:16px;color:#026b90}.chat-title-stack{display:flex;flex-direction:column;min-width:0}.chat-subtitle{font-size:11px;color:#026b90bf;line-height:1.15}.chat-preview div p{font-size:14px;color:#026b90;opacity:.8}@media(max-width:768px){.chat-preview{padding:10px 12px;gap:12px}.chat-avatar{width:40px;height:40px;font-size:20px}.chat-preview div h4{font-size:14px}.chat-preview div p{font-size:12px}}@media(max-width:480px){.messages-page{width:95%;padding:10px}.chat-preview{padding:8px 10px;gap:10px}.chat-avatar{width:35px;height:35px;font-size:18px}.chat-preview div h4{font-size:13px}.chat-preview div p{font-size:11px}}.chat-search{width:100%;padding:12px 16px;margin:5px 0;border-radius:25px;border:none;outline:none;font-size:14px;background:#ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 2px 4px #ffffffe6,0 4px 15px #00a0ff26;transition:all .25s ease}.chat-search:focus{box-shadow:inset 0 2px 4px #fff,0 6px 20px #00a0ff40}.messages-online-strip{margin:14px 0 10px;padding:14px 14px 12px;border-radius:24px;background:linear-gradient(160deg,#ffffffd6,#cff4ffb3);border:1px solid rgba(255,255,255,.92);box-shadow:0 16px 32px #00b8ff1f,inset 0 1px #fffffff2}.messages-online-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.messages-online-header h3{margin:0;color:#026b90;font-size:15px}.messages-online-header span{color:#45859b;font-size:12px;font-weight:600}.messages-online-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.messages-online-item{width:92px;min-width:92px;border:none;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px;padding:4px 4px 8px;position:relative}.messages-online-avatar{position:relative;width:62px;height:62px;border-radius:50%;overflow:visible;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#fff,#b6f0ff 40%,#4facfe 70%,#00d4ff);box-shadow:0 10px 22px #00b4ff42,inset 0 2px 6px #fffffff2,inset 0 -4px 10px #0096ff38;color:#fff;font-size:22px}.messages-online-avatar:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;box-shadow:inset 0 1px #ffffff59}.messages-online-avatar.offline{opacity:.86;box-shadow:0 8px 18px #00b4ff24,inset 0 2px 6px #ffffffeb,inset 0 -4px 10px #0096ff29}.messages-online-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.messages-online-dot{position:absolute;right:6px;top:48px;width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.95);z-index:2}.messages-online-dot.online{background:linear-gradient(180deg,#79ffbf,#23d98d);box-shadow:0 0 12px #23d98d73}.messages-online-name{width:100%;color:#026b90;font-size:12px;font-weight:700}.messages-online-name-row{width:100%;justify-content:center}.messages-online-name-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages-online-empty{padding:10px 2px 6px;color:#4a8498;font-size:13px;line-height:1.5}.search-results{position:absolute;left:0;right:0;z-index:20;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:10px 0;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;margin-top:30px}.search-result:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00a0ff40,inset 0 2px 5px #ffffffe6}.search-result .chat-avatar{width:40px;height:40px;border-radius:50%;background:#ddd;display:flex;align-items:center;justify-content:center;font-size:18px;overflow:hidden}.search-result .chat-avatar img{width:100%;height:100%;object-fit:cover}.messages-sidebar.searching .chat-list{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .2s ease}.chat-info{flex:1;display:flex;flex-direction:column}.chat-top{display:flex;justify-content:space-between;align-items:center}.chat-date{font-size:12px;opacity:.6;white-space:nowrap}.chat-preview p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-info{flex:1;display:flex;flex-direction:column;min-width:0}.chat-top h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.unread{font-weight:600;color:#026b90;text-shadow:0 0 8px rgba(0,212,255,.6)}.unread-chat{box-shadow:0 0 15px #00d4ff99,inset 0 0 10px #fff9}.chat-meta{display:flex;align-items:center;gap:6px}.seen-label{font-size:11px;color:#00bcd4;opacity:.8}.chat-unread-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ff4f87;color:#fff;font-size:11px;font-weight:700;line-height:1;box-shadow:0 0 0 2px #ffffffb3}.search-results{padding:14px;background:linear-gradient(180deg,#ffffffe0,#ddf8ffd1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;margin-top:18px;border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 38px #00aae62e,inset 0 1px #ffffffe6}.search-result{position:relative;align-items:center;gap:14px;padding:14px 16px;margin-top:0;background:linear-gradient(145deg,#fffffff0,#cff3ffcc);border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 24px #00b8ff1f,inset 0 1px #fffffff2}.search-result .chat-info h4{margin:0 0 3px;color:#015d80}.search-result .chat-info p{margin:0;font-size:12px;color:#2b7c98;opacity:.95}.search-result-cta{margin-left:auto;padding:8px 12px;border-radius:999px;background:linear-gradient(145deg,#8aeaff,#42cfff);color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;box-shadow:0 6px 16px #00beff47,inset 0 1px #ffffff73}.messages-empty-state{margin-top:20px;padding:38px 24px 34px;border-radius:28px;background:linear-gradient(160deg,#ffffffd1,#ccf3ffad);border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 38px #00b8ff1f,inset 0 1px #fffffff2;text-align:center}.messages-empty-state h3{margin:14px 0 8px;color:#026b90;font-size:22px}.messages-empty-state p{margin:0 auto;max-width:320px;color:#2d7994;font-size:14px;line-height:1.5}.messages-empty-buddy{position:relative;width:110px;margin:0 auto;animation:buddyFloat 3.2s ease-in-out infinite}.buddy-orb{width:86px;height:86px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#fff,#bdf3ff 38%,#63d8ff 68%,#15bfff);box-shadow:0 16px 26px #00beff3d,inset 0 5px 10px #ffffffe6,inset 0 -8px 16px #0082d22e}.buddy-face{color:#0a6e95;font-size:23px;font-weight:700;letter-spacing:-.05em;text-shadow:0 0 12px rgba(255,255,255,.55)}.buddy-shadow{width:58px;height:12px;margin:10px auto 0;border-radius:999px;background:radial-gradient(circle,rgba(0,165,220,.22),transparent 72%);animation:buddyShadow 3.2s ease-in-out infinite}@keyframes buddyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes buddyShadow{0%,to{transform:scaleX(1);opacity:.45}50%{transform:scaleX(.88);opacity:.28}}.messages-group-modal-backdrop{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;background:#a9e3ff47;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.messages-group-modal{width:min(520px,100%);padding:24px;border-radius:28px;background:linear-gradient(160deg,#eafbfff2,#d4f4fff0);border:1px solid rgba(255,255,255,.92);box-shadow:0 28px 70px #009cd62e,inset 0 1px #ffffffd9}.messages-group-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.messages-group-modal-header h3{margin:0 0 4px;color:#0277a8}.messages-group-modal-header p{margin:0;color:#026b90d1}.messages-group-modal-close{border:none;background:transparent;color:#0277a8;font-size:16px;cursor:pointer}.messages-group-label{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;color:#0277a8;font-weight:600}.messages-group-label input{width:100%;border:none;outline:none;border-radius:18px;padding:12px 15px;font-size:14px;background:#ffffffdb;box-shadow:inset 0 1px 3px #ffffffe0,0 8px 18px #00a5e014;box-sizing:border-box}.messages-group-selected{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.messages-group-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;color:#026b90;background:#ffffffe6;box-shadow:0 6px 15px #00b9ff1a}.messages-group-chip button{border:none;background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.messages-group-results{display:flex;flex-direction:column;gap:10px;max-height:220px;overflow-y:auto;margin-bottom:18px}.messages-group-result{border:none;width:100%;cursor:pointer;display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:18px;text-align:left;background:#ffffffd1;box-shadow:0 8px 18px #00b4f014}.messages-group-result-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#6dddff,#1f9ceb)}.messages-group-result-avatar img{width:100%;height:100%;object-fit:cover}.messages-group-result-copy{display:flex;flex-direction:column;gap:2px;color:#026b90}.messages-group-result-copy small{opacity:.72}.messages-group-modal-footer{display:flex;justify-content:flex-end;gap:10px}@media(max-width:768px){.messages-group-modal{padding:20px;border-radius:24px}}@media(max-width:480px){.messages-toolbar{align-items:flex-start;flex-direction:column}.messages-toolbar-actions{width:100%;flex-wrap:wrap}.messages-group-modal-footer{flex-direction:column-reverse}.messages-group-modal-footer .messages-action-btn{width:100%}}:root{--aero-cyan: #00d4ff;--aero-blue: #4facfe;--aero-sky: #b6f0ff;--glass: rgba(255, 255, 255, .35);--border-light: rgba(255, 255, 255, .8)}.chat-window{position:relative;z-index:1;width:100%;max-width:800px;height:calc(100dvh - 120px);max-height:calc(100dvh - 120px);margin:86px auto 0;display:flex;flex-direction:column;border-radius:30px;padding:20px;background:var(--glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border-light);font-family:Segoe UI,sans-serif}.chat-header{display:flex;align-items:center;gap:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.5);color:#026b90;font-size:22px}.chat-request-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;padding:14px;border-radius:18px;color:#026b90;background:#ffffffad;border:1px solid rgba(255,255,255,.86);box-shadow:0 10px 24px #00b4ff24}.chat-request-banner p{margin:4px 0 0;font-size:13px;opacity:.82}.chat-request-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.chat-request-actions button{border:none;border-radius:999px;padding:9px 14px;font-weight:700;cursor:pointer}.chat-request-accept{color:#fff;background:linear-gradient(145deg,#00b7d6,#008fcb)}.chat-request-delete{color:#fff;background:linear-gradient(145deg,#ff799d,#ff4f87)}.back-btn{width:40px;height:40px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:#fff9;color:#0a7da6;cursor:pointer;transition:transform .2s ease,background .2s ease}.back-btn:hover{background:#ffffffe6;transform:translateY(-1px)}.chat-messages{flex:1;display:flex;flex-direction:column-reverse;gap:12px;overflow-y:auto;padding-right:5px;min-height:0}.message-wrapper{display:flex;flex-direction:column;margin:6px 10px}.message-wrapper.sent{align-items:flex-end}.message-wrapper.received{align-items:flex-start}.message-row{position:relative;display:flex;align-items:center;gap:8px}.message-wrapper.sent .message-row{justify-content:flex-end}.message-wrapper.received .message-row{justify-content:flex-start}.message-bubble{max-width:70%;padding:12px 18px;border-radius:20px;font-size:14px;line-height:1.4;white-space:pre-wrap;word-break:break-word;background:#ffffffb3;box-shadow:0 5px 15px #00b4ff1a}.message-wrapper.sent .message-bubble{background:linear-gradient(to bottom,var(--aero-sky),var(--aero-blue));color:#fff;box-shadow:0 5px 20px #00d4ff66}.message-bubble.new-message{animation:bubbleStretch .35s ease-out}.message-bubble-text{position:relative;z-index:1}.chat-attachment-image-link{display:block;margin-bottom:10px}.chat-attachment-image{display:block;width:min(100%,260px);max-height:300px;border-radius:18px;object-fit:cover;box-shadow:0 12px 24px #00a5dc29,inset 0 1px #ffffff73}.chat-attachment-video{display:block;width:min(100%,280px);max-height:320px;margin-bottom:10px;border-radius:18px;background:#052d3c8c}.chat-attachment-file{display:flex;align-items:center;gap:12px;min-width:0;margin-bottom:10px;padding:12px 14px;border-radius:18px;background:#ffffff57;border:1px solid rgba(255,255,255,.35);color:inherit;text-decoration:none;box-shadow:0 10px 20px #00b4ff1a,inset 0 1px #ffffff4d}.chat-attachment-file-icon{width:38px;height:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:#ffffffd1;color:#087fa4;font-size:18px}.chat-attachment-file-icon.pdf{color:#d45566}.chat-attachment-file-icon.docx{color:#316ed2}.chat-attachment-file-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.chat-attachment-file-copy strong,.chat-attachment-file-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-attachment-file-copy strong{font-size:13px}.chat-attachment-file-copy span{font-size:12px;opacity:.82}.message-options,.message-reply-btn,.message-reaction-trigger{width:24px;height:24px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:0;background:transparent;color:#0883a8;cursor:pointer;opacity:.82;box-shadow:none;transition:transform .2s ease,opacity .2s ease,color .2s ease,text-shadow .2s ease}.message-options:hover,.message-reply-btn:hover,.message-reaction-trigger:hover{opacity:1;transform:translateY(-1px);color:#0aa4cf;text-shadow:0 0 12px rgba(0,194,255,.35)}.message-reaction-wrap{position:relative;display:flex;align-items:center}.message-reaction-choice{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffffb8;cursor:pointer;font-size:17px;transition:transform .18s ease,background .18s ease}.message-reaction-choice:hover{transform:translateY(-2px) scale(1.08);background:#fffffff0}.message-options-wrapper{position:relative;display:flex;align-items:center}.message-dropdown{position:absolute;top:28px;right:0;min-width:120px;max-width:90vw;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 5px 20px #00000026;padding:6px 0;z-index:100;transform:translate(0)}.message-dropdown.flip-up{top:auto;bottom:28px}.message-wrapper.received .message-options-wrapper .message-dropdown{right:calc(100% + 8px);left:auto;transform:none}.message-wrapper.sent .message-options-wrapper .message-dropdown{left:calc(100% + 8px);right:auto;transform:none}.dropdown-item{padding:8px 12px;font-size:13px;cursor:pointer;transition:background .2s ease}.dropdown-item:hover{background:#0000000d}.dropdown-item.danger{color:red}.message-reply-preview{margin-bottom:10px;padding:8px 10px;border-radius:14px;background:#ffffff47;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px #ffffff59}.message-wrapper.received .message-reply-preview{background:#7ae0ff2e}.message-reply-preview-label{display:block;margin-bottom:4px;font-size:11px;font-weight:700;letter-spacing:.02em}.message-reply-preview p{margin:0;font-size:12px;opacity:.88}.message-meta{display:flex;gap:6px;font-size:11px;opacity:.7;margin-top:2px}.message-wrapper.sent .message-meta{justify-content:flex-end}.message-reactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.message-reactions.sent{justify-content:flex-end}.message-reaction-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid rgba(255,255,255,.88);border-radius:999px;background:#ffffffb8;color:#067fa5;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 8px 16px #00beff14,inset 0 1px #fffffff0;transition:transform .18s ease,background .18s ease}.message-reaction-pill:hover{transform:translateY(-1px);background:#ffffffe6}.message-reaction-pill:disabled,.message-reaction-choice-large:disabled{cursor:not-allowed;opacity:.7;transform:none}.message-reaction-pill.active{background:linear-gradient(145deg,#d6f7fffa,#a5e6ffe6)}.message-reaction-picker-modal-backdrop{position:fixed;inset:0;z-index:260;display:flex;align-items:center;justify-content:center;padding:20px;border-radius:25px;background:#114b602e;-webkit-backdrop-filter:blur(16px) saturate(1.06);backdrop-filter:blur(16px) saturate(1.06)}.message-reaction-picker-modal{width:min(100%,360px);padding:18px;border-radius:28px;background:linear-gradient(160deg,#fffffff0,#c6f1ffc7);border:1px solid rgba(255,255,255,.9);box-shadow:0 26px 52px #00a8e033,inset 0 1px #fffffff5}.message-reaction-picker-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.message-reaction-picker-header h4{margin:0 0 4px;color:#046f95;font-size:20px}.message-reaction-picker-header p{margin:0;color:#5d8795;font-size:13px}.message-reaction-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.message-reaction-choice-large{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:76px;border:1px solid rgba(255,255,255,.9);border-radius:20px;background:#ffffffb8;color:#077fa4;cursor:pointer;font-size:13px;font-weight:700;box-shadow:0 10px 18px #00b6eb14,inset 0 1px #fffffff0;transition:transform .18s ease,background .18s ease}.message-reaction-choice-large span:first-child{font-size:24px}.message-reaction-choice-large:hover{transform:translateY(-1px);background:#ffffffe6}.message-reaction-choice-large:disabled:hover{transform:none;background:#ffffffb8}.message-reaction-modal-backdrop{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;border-radius:25px;background:radial-gradient(circle at top,rgba(207,246,255,.16),transparent 48%),radial-gradient(circle at bottom,rgba(121,224,255,.14),transparent 45%),#12516929;-webkit-backdrop-filter:blur(16px) saturate(1.08);backdrop-filter:blur(16px) saturate(1.08)}.message-reaction-modal{position:relative;width:min(100%,420px);max-height:min(75vh,560px);overflow-x:hidden;overflow-y:auto;padding:18px;border-radius:38px;background:linear-gradient(165deg,#ffffffdb,#d6f7ffbd 45%,#baecffad);border:1px solid rgba(255,255,255,.82);box-shadow:0 24px 48px #00a6e02e,0 10px 24px #00709914,inset 0 1px #ffffffeb;isolation:isolate;box-sizing:border-box}.message-reaction-modal:before{content:"";position:absolute;inset:-16px;z-index:-1;border-radius:46px;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.7),transparent 42%),radial-gradient(circle at 75% 80%,rgba(134,223,255,.42),transparent 46%),radial-gradient(circle at 50% 50%,rgba(194,241,255,.26),transparent 65%);filter:blur(14px);opacity:.95}.message-reaction-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.message-reaction-modal-header h4{margin:0 0 4px;color:#046f95;font-size:20px}.message-reaction-modal-header p{margin:0;color:#568395;font-size:13px}.message-reaction-modal-close,.message-reaction-remove-btn{border:none;cursor:pointer}.message-reaction-modal-close{width:34px;height:34px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffc7;color:#0883a8;box-shadow:0 10px 18px #00b4ff1f,inset 0 1px #fffffff2}.message-reaction-modal-list{display:flex;flex-direction:column;gap:10px;width:100%}.message-reaction-modal-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:18px;background:#ffffff9e;box-sizing:border-box;box-shadow:0 10px 18px #00b6eb14,inset 0 1px #ffffffeb}.message-reaction-modal-user{min-width:0;flex:1;display:flex;align-items:center;gap:10px}.message-reaction-modal-avatar{width:42px;height:42px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffe6;color:#0883a8;font-size:22px}.message-reaction-modal-avatar img{width:100%;height:100%;object-fit:cover}.message-reaction-modal-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.message-reaction-modal-copy strong{color:#046f95;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-reaction-modal-copy span{color:#5c8594;font-size:12px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-reaction-remove-btn{flex-shrink:0;padding:8px 12px;border-radius:999px;background:linear-gradient(145deg,#fffffff5,#aeeaffd6);color:#057da1;font-size:12px;font-weight:700;box-shadow:0 10px 18px #00b4ff1a,inset 0 1px #fffffff5}.message-reaction-modal-empty{margin:0;color:#5f8592;font-size:13px}.group-admin-option{cursor:pointer}.group-admin-option input[type=radio]{accent-color:#068bb1;width:18px;height:18px;flex-shrink:0}.chat-composer{margin-top:20px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--chat-keyboard-offset, 0px));transition:padding-bottom .2s ease}.chat-attachment-preview{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;padding:12px 14px;border-radius:18px;background:linear-gradient(145deg,#ffffffe0,#d0f5ffad);border:1px solid rgba(255,255,255,.82);box-shadow:0 12px 24px #00b4ff1f,inset 0 1px #fffffff2}.chat-attachment-preview-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.chat-attachment-preview-label{font-size:12px;font-weight:700;color:#067fa5}.chat-attachment-preview-copy strong,.chat-attachment-preview-copy span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-attachment-preview-copy strong{font-size:13px;color:#215869}.chat-attachment-preview-copy span:last-child{font-size:12px;color:#55808c}.chat-attachment-preview-remove{width:28px;height:28px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:#0883a8;cursor:pointer}.chat-replying-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;padding:12px 14px;border-radius:18px;background:linear-gradient(145deg,#ffffffe0,#caf4ff9e);border:1px solid rgba(255,255,255,.85);box-shadow:0 12px 24px #00b4ff24,inset 0 1px #fffffff2}.chat-replying-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.chat-replying-copy span{font-size:12px;font-weight:700;color:#067fa5}.chat-replying-copy p{margin:0;font-size:13px;color:#3f6e7c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-replying-close{width:30px;height:30px;flex-shrink:0;border:none;border-radius:50%;background:#ffffffbf;color:#0883a8;cursor:pointer;box-shadow:0 8px 18px #00b4ff1f,inset 0 1px #fffffff2;transition:transform .2s ease,background .2s ease}.chat-replying-close:hover{transform:translateY(-1px);background:#ffffffeb}.chat-input{display:flex;align-items:center;gap:15px;min-width:0}.chat-attachment-input{display:none}.chat-input .chat-attachment-trigger{min-width:60px;height:30px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:none;border-radius:999px;background:linear-gradient(145deg,#ffffffe6,#c4f2ffb8);color:#077fa4;font-size:13px;font-weight:700;line-height:1;cursor:pointer;opacity:1;box-shadow:0 10px 18px #00b4ff1f,inset 0 1px #fffffff2;transition:transform .2s ease,box-shadow .2s ease,color .2s ease}.chat-attachment-trigger svg{width:18px;height:18px;display:block}.chat-input .chat-attachment-trigger:hover{transform:translateY(-1px);color:#0aa4cf;box-shadow:0 14px 24px #00beff2e,inset 0 1px #fff}.chat-input .chat-attachment-trigger:disabled{opacity:.7;cursor:not-allowed;transform:none}.chat-attachment-trigger span{display:inline-block}.chat-input input{flex:1;min-width:0;padding:12px 15px;border-radius:30px;border:1px solid var(--border-light);background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none;transition:.2s ease}.chat-input input:focus{border:1px solid var(--aero-cyan);box-shadow:0 0 15px #00d4ff80}.chat-send-btn{flex-shrink:0;padding:12px 22px;border-radius:30px;border:none;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(to bottom,var(--aero-sky),var(--aero-blue));box-shadow:0 5px 15px #00d4ff80,inset 0 2px 5px #fffc;transition:.2s ease}.chat-send-btn:hover{transform:translateY(-2px)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.spinner-alpha-container{display:flex;justify-content:center;align-items:center;height:150px}.spinner-alpha{width:40px;height:40px;border:4px solid rgba(0,212,255,.3);border-top-color:var(--aero-cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes bubbleStretch{0%{transform:scaleX(.6) scaleY(.8);opacity:0}50%{transform:scaleX(1.1) scaleY(1.1);opacity:1}70%{transform:scaleX(.95) scaleY(.95)}to{transform:scaleX(1) scaleY(1)}}.chat-user-link{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:0;border:none;background:transparent;cursor:pointer;text-align:left}.chat-user-avatar-wrap{position:relative;flex-shrink:0}.chat-user-avatar{width:44px;height:44px;overflow:hidden;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#e3fbffeb,#abecffd1);box-shadow:0 10px 18px #00b4ff2e,inset 0 1px #fffffff2;color:#0a7da6;font-size:24px}.chat-user-avatar img{width:100%;height:100%;object-fit:cover}.chat-user-online-dot{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:50%;background:linear-gradient(180deg,#79ffbf,#23d98d);border:2px solid rgba(255,255,255,.96);box-shadow:0 0 10px #23d98d61}.chat-user-heading{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-header h3{margin:0;font-size:20px;color:#026b90;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-user-status{font-size:12px;font-weight:600;color:#6d95a3}.chat-user-status.online{color:#1aa877}.chat-user-status.typing{color:#0d97c4;display:inline-flex;align-items:center;gap:6px}.chat-user-status.typing:after{content:"";width:18px;height:6px;border-radius:999px;background:radial-gradient(circle,currentColor 0 1.5px,transparent 2px) 0 50% / 6px 6px repeat-x;opacity:.85;animation:chatTypingPulse 1s linear infinite}@keyframes chatTypingPulse{0%{transform:translate(0);opacity:.45}50%{transform:translate(2px);opacity:1}to{transform:translate(0);opacity:.45}}.chat-header-menu-wrap{position:relative;margin-left:auto}.chat-header-menu-btn{width:38px;height:38px;border:none;border-radius:50%;cursor:pointer;font-size:18px;color:#0a7da6;background:#ffffffb3;box-shadow:0 8px 20px #00b4ff2e,inset 0 1px #fffffff2;transition:transform .2s ease,box-shadow .2s ease}.chat-header-menu-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #00beff42,inset 0 1px #fff}.chat-header-dropdown{position:absolute;top:46px;right:0;min-width:210px;padding:8px;border-radius:18px;background:linear-gradient(160deg,#ffffffe6,#bef1ffb3);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 36px #00aae63d,inset 0 1px #fffffff2;z-index:120}.chat-header-dropdown-item{width:100%;border:none;background:transparent;text-align:left;padding:10px 12px;border-radius:12px;cursor:pointer;color:#026b90;font-size:13px;font-weight:600;transition:background .2s ease,transform .2s ease}.chat-header-dropdown-item:hover{background:#ffffffb8;transform:translate(2px)}.chat-header-dropdown-item.danger{color:#d94a71}.chat-blocked-banner{margin-top:20px;padding:16px 18px;border-radius:18px;text-align:center;color:#a04e57;font-size:14px;font-weight:600;background:linear-gradient(160deg,#ffffffe0,#ffdfe6c2);border:1px solid rgba(255,255,255,.92);box-shadow:0 12px 24px #ff85a81f,inset 0 1px #fffffff2}@media(max-width:768px){.chat-window{padding:15px;height:calc(100dvh - 104px);max-height:calc(100dvh - 104px);margin-top:72px}.chat-header{font-size:20px}.chat-user-avatar{width:40px;height:40px}.message-bubble{font-size:13px;padding:10px 14px}.chat-input input{padding:10px 12px}.chat-input button{padding:10px 18px}.chat-replying-bar{padding:10px 12px}}@media(max-width:480px){.chat-window{padding:12px;height:calc(100dvh - 92px);max-height:calc(100dvh - 92px);margin-top:64px;border-radius:24px}.chat-header{font-size:18px}.chat-user-link{gap:10px}.chat-user-avatar{width:36px;height:36px}.message-bubble{max-width:calc(100vw - 140px);font-size:12px;padding:8px 12px}.message-row{gap:6px}.message-reply-btn,.message-options,.message-reaction-trigger{width:28px;height:28px}.message-wrapper.sent .message-options-wrapper .message-dropdown{left:0;right:auto}.message-wrapper.received .message-options-wrapper .message-dropdown{right:0;left:auto}.message-reaction-choice{width:30px;height:30px;font-size:16px}.message-reaction-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.message-reaction-modal{padding:16px;border-radius:34px}.message-reaction-modal:before{inset:-12px;border-radius:40px}.message-reaction-modal-item{align-items:flex-start}.chat-input input{padding:8px 10px}.chat-input button{padding:8px 16px}}.group-chat-link{cursor:default}.group-message-sender{border:none;background:transparent;padding:0;margin:0 0 6px;display:inline-flex;align-items:center;font-size:12px;font-weight:700;color:#0d87b7;cursor:pointer}.group-settings-modal{width:min(100%,460px)}.members-settings-modal{max-height:min(78vh,620px)}.group-settings-input{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.78);border-radius:18px;padding:12px 14px;font-size:14px;outline:none;background:#ffffffd1;color:#046f95;box-shadow:inset 0 1px 2px #ffffffd9,0 8px 18px #00ade314}.group-settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.group-settings-actions .messages-action-btn,.group-settings-actions .messages-action-btn.primary{border:none;border-radius:999px;padding:10px 16px;font-weight:700;cursor:pointer}.group-settings-actions .messages-action-btn{color:#046f95;background:#ffffffd9}.group-settings-actions .messages-action-btn.primary{color:#fff;background:linear-gradient(145deg,#00b7d6,#008fcb)}.group-members-tabs{display:flex;gap:10px;margin-bottom:14px}.group-members-tab{border:none;border-radius:999px;padding:10px 14px;font-weight:700;color:#046f95;background:#ffffffc7;cursor:pointer}.group-members-tab.active{color:#fff;background:linear-gradient(145deg,#00b7d6,#008fcb)}.chat-header-dropdown-item:disabled{opacity:.45;cursor:not-allowed;transform:none}.group-member-approval-toggle{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#046f95;font-size:13px;font-weight:600}.group-member-approval-toggle input[type=checkbox]{width:16px;height:16px}.group-member-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.group-member-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 10px;color:#046f95;background:#ffffffdb;border:1px solid rgba(255,255,255,.92)}.group-member-chip button{border:none;background:transparent;color:#067da6;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.group-add-member-item{width:100%;border:none;text-align:left;display:flex;align-items:center;justify-content:space-between;background:#ffffffbf;cursor:pointer}.group-request-item{align-items:flex-start}.group-request-actions{display:inline-flex;gap:8px;margin-left:12px}:root{--welcome-cyan: #6fe8ff;--welcome-blue: #29bfff;--welcome-deep: #0b7aa4;--welcome-ink: #25637a;--welcome-cloud: rgba(255, 255, 255, .76)}.welcome-page{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:36px 24px;background:radial-gradient(circle at 15% 18%,rgba(255,255,255,.92),transparent 18%),radial-gradient(circle at 82% 14%,rgba(160,245,255,.68),transparent 20%),radial-gradient(circle at 50% 85%,rgba(112,225,255,.24),transparent 28%),linear-gradient(160deg,#dff9ff,#c6f3ff 35%,#d8fbff 62%,#eefcff);font-family:Trebuchet MS,Segoe UI,sans-serif;box-sizing:border-box}.welcome-sky-glow{position:absolute;border-radius:50%;filter:blur(10px);opacity:.72;pointer-events:none;animation:welcomeFloat 8s ease-in-out infinite}.welcome-sky-glow-left{top:8%;left:-4%;width:240px;height:240px;background:radial-gradient(circle,rgba(255,255,255,.96),rgba(140,232,255,.38) 60%,transparent 72%)}.welcome-sky-glow-right{right:-6%;bottom:6%;width:300px;height:300px;background:radial-gradient(circle,rgba(170,245,255,.82),rgba(255,255,255,.18) 62%,transparent 74%);animation-delay:-3s}.welcome-cloud{position:absolute;background:var(--welcome-cloud);border-radius:999px;filter:blur(1px);box-shadow:0 16px 32px #69cceb29,inset 0 2px 8px #ffffffd9;animation:welcomeCloudDrift 16s linear infinite}.welcome-cloud:before,.welcome-cloud:after{content:"";position:absolute;background:inherit;border-radius:inherit}.welcome-cloud-one{top:12%;left:12%;width:122px;height:40px}.welcome-cloud-one:before{width:44px;height:44px;left:16px;top:-20px}.welcome-cloud-one:after{width:54px;height:54px;right:14px;top:-24px}.welcome-cloud-two{right:14%;top:20%;width:142px;height:44px;animation-duration:19s;animation-delay:-8s}.welcome-cloud-two:before{width:50px;height:50px;left:18px;top:-22px}.welcome-cloud-two:after{width:60px;height:60px;right:16px;top:-28px}.welcome-card{position:relative;z-index:1;width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:28px;padding:42px 42px 38px;border-radius:42px;background:radial-gradient(circle at top left,rgba(255,255,255,.98),transparent 26%),radial-gradient(circle at 82% 12%,rgba(133,242,255,.42),transparent 18%),linear-gradient(155deg,#ffffffc2,#c4efff80);border:1px solid rgba(255,255,255,.94);box-shadow:0 28px 68px #00a6ff33,inset 0 1px #fffffffa,inset 0 -18px 26px #76d8ff24;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);overflow:hidden}.welcome-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 28%);pointer-events:none}.welcome-hero-copy{position:relative;z-index:1}.welcome-kicker{margin:0 0 10px;color:#2498bc;font-size:.82rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.welcome-hero-copy h1{margin:0;color:var(--welcome-deep);font-size:clamp(3.4rem,8vw,5.6rem);line-height:.95;letter-spacing:-.04em;text-shadow:0 0 14px rgba(255,255,255,.68),0 0 24px rgba(0,204,255,.16);animation:welcomeTextRise .9s cubic-bezier(.27,.96,.44,1) both}.welcome-description{max-width:520px;margin:16px 0 0;color:var(--welcome-ink);font-size:1.05rem;line-height:1.75;animation:welcomeTextRise 1s cubic-bezier(.27,.96,.44,1) both;animation-delay:.08s}.welcome-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;animation:welcomeTextRise 1s cubic-bezier(.27,.96,.44,1) both;animation-delay:.16s}.welcome-buttons button{border:none;cursor:pointer;transition:transform .24s ease,box-shadow .24s ease,filter .24s ease}.welcome-primary-btn,.welcome-secondary-btn{position:relative;min-height:54px;padding:0 24px;border-radius:999px;font-weight:700;font-size:.98rem;letter-spacing:.01em}.welcome-primary-btn{color:#fff;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.9),rgba(255,255,255,.22) 34%,transparent 56%),linear-gradient(145deg,#93f0ff,#33c7f1 54%,#168de0);box-shadow:0 18px 28px #00b0ff38,inset 0 1px #fffffff5,inset 0 -10px 18px #0077b538}.welcome-secondary-btn{color:var(--welcome-deep);background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.96),rgba(255,255,255,.24) 34%,transparent 56%),linear-gradient(145deg,#ffffffd1,#d5f6ff94);border:1px solid rgba(255,255,255,.88);box-shadow:0 14px 24px #00b0ff1f,inset 0 1px #fffffff5}.welcome-buttons button:hover{transform:translateY(-2px) scale(1.03);filter:saturate(1.06)}.welcome-scene{position:relative;min-height:430px;display:flex;align-items:flex-end;justify-content:center}.welcome-orb{position:absolute;border-radius:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 2px 8px #ffffffeb,0 18px 28px #00b0ff29;animation:welcomeFloat 7s ease-in-out infinite}.orb-large{width:220px;height:220px;top:52px;left:60px;background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.94),rgba(255,255,255,.3) 34%,transparent 56%),linear-gradient(180deg,#c1f5ffcc,#51d6f557)}.orb-small{width:118px;height:118px;top:18px;right:38px;background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.96),rgba(255,255,255,.22) 32%,transparent 54%),linear-gradient(180deg,#ffffffdb,#88edff57);animation-delay:-2.5s}.welcome-character{position:absolute;display:block;transform-origin:center bottom}.character-bunny{bottom:42px;left:52px;width:190px;height:190px;border-radius:46% 46% 42% 42%;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.96),rgba(255,255,255,.28) 28%,transparent 46%),linear-gradient(180deg,#fbffff,#d8f7ff 54%,#8de4ff);box-shadow:0 24px 34px #00a6ff29,inset 0 2px 8px #fffffff5;animation:characterBounce 4.2s ease-in-out infinite}.character-blob{right:26px;bottom:20px;width:170px;height:148px;border-radius:48% 52% 44% 56%/54% 54% 46% 46%;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.94),rgba(255,255,255,.24) 28%,transparent 46%),linear-gradient(180deg,#f8ffff,#d9fbff 52%,#a1ebff);box-shadow:0 24px 34px #00a6ff24,inset 0 2px 8px #fffffff5;animation:characterBounce 4.8s ease-in-out infinite;animation-delay:-1.2s}.character-ear{position:absolute;top:-70px;width:48px;height:88px;border-radius:999px;background:linear-gradient(180deg,#fcffff,#cdf6ff 54%,#95e7ff);box-shadow:inset 0 1px #fffffffa}.ear-left{left:34px;transform:rotate(-10deg)}.ear-right{right:34px;transform:rotate(10deg)}.character-ear:after{content:"";position:absolute;inset:12px 10px 16px;border-radius:inherit;background:linear-gradient(180deg,#ffcde9cc,#ffa9d48a)}.character-eye{position:absolute;top:84px;width:12px;height:18px;border-radius:999px;background:#23728d}.eye-left{left:62px}.eye-right{right:62px}.character-mouth{position:absolute;left:50%;bottom:56px;width:28px;height:16px;border-bottom:4px solid #2f7e99;border-radius:0 0 999px 999px;transform:translate(-50%)}.character-mouth.smile{width:34px;bottom:42px}.character-cheek{position:absolute;bottom:62px;width:26px;height:16px;border-radius:999px;background:#ff9ece99;filter:blur(1px)}.cheek-left{left:38px}.cheek-right{right:38px}.welcome-footer{position:relative;z-index:1;margin-top:22px;display:flex;flex-direction:column;align-items:center;gap:12px}.welcome-legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px}.welcome-legal-links a{color:#177d9f;font-size:.9rem;font-weight:700;text-decoration:none;padding:8px 12px;border-radius:999px;background:#ffffff7a;border:1px solid rgba(255,255,255,.82);box-shadow:inset 0 1px #fffffff2,0 10px 18px #00b0ff14;transition:transform .22s ease,box-shadow .22s ease}.welcome-legal-links a:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fffffffa,0 14px 22px #00b0ff1f}.welcome-copyright{margin:0;color:#2d6e84;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;text-align:center}@keyframes welcomeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes welcomeCloudDrift{0%{transform:translate(0)}50%{transform:translate(16px)}to{transform:translate(0)}}@keyframes welcomeTextRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes characterBounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-1.5deg)}}@media(max-width:980px){.welcome-card{grid-template-columns:1fr;gap:16px;padding:34px 26px 32px}.welcome-hero-copy{text-align:center}.welcome-description{margin-left:auto;margin-right:auto}.welcome-buttons{justify-content:center}.welcome-scene{min-height:320px}.character-bunny{left:14%}.character-blob{right:10%}}@media(max-width:640px){.welcome-page{padding:24px 16px}.welcome-card{padding:28px 18px 22px;border-radius:30px}.welcome-hero-copy h1{font-size:3.5rem}.welcome-description{font-size:.97rem}.welcome-buttons{flex-direction:column}.welcome-primary-btn,.welcome-secondary-btn{width:100%}.welcome-footer{margin-top:18px}.welcome-legal-links{gap:8px}.welcome-legal-links a{font-size:.82rem;padding:7px 10px}.welcome-copyright{font-size:.74rem;letter-spacing:.05em}.welcome-scene{min-height:260px}.orb-large{width:160px;height:160px;left:10px}.orb-small{width:94px;height:94px;right:12px}.character-bunny{width:138px;height:138px;left:6%;bottom:42px}.character-bunny .character-ear{top:-50px;width:34px;height:68px}.character-bunny .character-eye{top:62px;width:10px;height:14px}.character-bunny .eye-left{left:46px}.character-bunny .eye-right{right:46px}.character-bunny .character-mouth{bottom:38px}.character-blob{width:126px;height:112px;right:2%}.character-blob .character-eye{top:52px;width:9px;height:13px}.character-blob .eye-left{left:40px}.character-blob .eye-right{right:40px}.character-blob .character-mouth{bottom:30px}}body.welcome{padding-top:0}.welcome-top-header{position:sticky;top:0;left:0;width:100%;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:14px 25px;margin:0;box-sizing:border-box;background:#ffffffe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}html,body{margin:0;padding:0}.welcome-logo{font-weight:700;font-size:1.4rem;color:#07a;text-shadow:0 0 8px rgba(0,200,255,.6)}.welcome-hamburger{width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:radial-gradient(circle at 30% 30%,#fff,#5fd9ff 60%,#00bfff);color:#fff;transition:all .25s ease}.welcome-hamburger:hover{transform:translateY(-2px) scale(1.08)}.welcome-hamburger:active{transform:translateY(0) scale(1)}.welcome-desktop-nav{display:none;align-items:center;gap:12px}.welcome-desktop-nav a{font-size:.875rem;color:#07a;text-decoration:none;font-weight:500;padding:4px 8px;border-radius:12px;cursor:pointer;transition:all .2s ease}.welcome-desktop-nav a:hover{color:#00d4ff;background:#00d4ff1a}.welcome-login-btn{padding:8px 20px;font-size:.9rem;border-radius:50px;background:linear-gradient(145deg,#00d4ff,#4facfe,#00b0ff);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 6px 15px #00d4ff66,0 0 10px #fff3 inset;transition:transform .2s ease,box-shadow .2s ease,background .3s ease;border:none}.welcome-login-btn:hover{transform:translateY(-2px) scale(1.08);box-shadow:0 8px 20px #00d4ff80,0 0 15px #ffffff40 inset;background:linear-gradient(145deg,#00bfff,#4facfe,#00e0ff)}.welcome-mobile-drawer{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.4);border-radius:20px 0 0 20px;z-index:1010;display:flex;flex-direction:column;justify-content:space-between;padding:40px 20px 20px;transition:right .3s ease}.welcome-mobile-drawer.open{right:0}.welcome-drawer-links a{display:block;margin-bottom:20px;font-size:16px;color:#07a;text-decoration:none;font-weight:500;cursor:pointer}.welcome-drawer-links a:hover{color:#00d4ff}.welcome-drawer-login{padding:14px;width:100%;border:none;border-radius:50px;background:linear-gradient(145deg,#00d4ff,#4facfe,#00b0ff);color:#fff;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 6px 15px #00d4ff66,0 0 10px #fff3 inset;transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.welcome-drawer-login:hover{transform:translateY(-2px) scale(1.08);box-shadow:0 8px 20px #00d4ff80,0 0 15px #ffffff40 inset;background:linear-gradient(145deg,#00bfff,#4facfe,#00e0ff)}.welcome-drawer-login:active{transform:scale(.98);box-shadow:0 4px 10px #00d4ff4d,0 0 8px #ffffff26 inset}.welcome-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000040;z-index:1005}@media(min-width:901px){.welcome-hamburger{display:none}.welcome-desktop-nav{display:flex}.welcome-mobile-drawer,.welcome-drawer-overlay{display:none}}.login-aero-page{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(160deg,#e0f7ff,#c9f6ff,#dffbff);font-family:Segoe UI,sans-serif;padding:20px 20px 92px;box-sizing:border-box}.login-aero-card{width:360px;padding:40px;border-radius:30px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(160deg,#fffc,#c8f0ff99);border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 40px #0096ff40,inset 0 0 20px #ffffff80}.login-aero-title{text-align:center;margin-bottom:30px;font-size:1.6rem;font-weight:700;color:#07a;text-shadow:0 0 10px rgba(0,200,255,.6)}.login-aero-form{display:flex;flex-direction:column;gap:18px}.login-feedback{margin-bottom:18px;padding:12px 16px;border-radius:18px;font-size:.92rem;font-weight:600;line-height:1.5;box-shadow:0 10px 22px #00a3ff1f,inset 0 1px #ffffffe6}.login-feedback.error{color:#9e3557;background:linear-gradient(160deg,#fff5f8f2,#ffdce7e0);border:1px solid rgba(255,255,255,.92)}.login-feedback.success{color:#1f7f67;background:linear-gradient(160deg,#f1fffaf5,#d3ffefe6);border:1px solid rgba(255,255,255,.92)}.login-aero-input{padding:14px 18px;border-radius:50px;border:none;outline:none;font-size:.95rem;background:linear-gradient(to bottom,#ffffffe6,#dcf5ffb3);box-shadow:inset 0 2px 6px #0096ff26,0 0 8px #00c8ff33;transition:all .25s ease}.login-aero-input:focus{box-shadow:inset 0 2px 8px #0096ff40,0 0 15px #00d4ff80;transform:scale(1.02)}.login-password-field{position:relative}.login-password-input{width:100%;box-sizing:border-box;padding-right:82px}.login-password-toggle{position:absolute;top:50%;right:10px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.9);border-radius:999px;padding:7px 12px;cursor:pointer;font-size:.76rem;font-weight:700;color:#0c7da7;background:linear-gradient(160deg,#fffffff0,#d2f5ffb8);box-shadow:0 6px 14px #00b4ff24,inset 0 1px #fffffff5;transition:transform .2s ease,box-shadow .2s ease}.login-password-toggle:hover{transform:translateY(calc(-50% - 1px));box-shadow:0 8px 16px #00b4ff2e,inset 0 1px #fffffffa}.login-aero-btn{margin-top:10px;padding:14px;border:none;border-radius:50px;background:linear-gradient(145deg,#00e0ff,#00bfff,#4facfe);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 8px 20px #00c8ff66,inset 0 0 15px #ffffff4d;transition:all .25s ease}.login-aero-btn:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 12px 25px #00c8ff99,inset 0 0 20px #fff6}.login-aero-btn:active{transform:scale(.96)}.login-aero-btn:disabled{cursor:wait;opacity:.88}.login-aero-btn:disabled:hover{transform:none;box-shadow:0 8px 20px #00c8ff66,inset 0 0 15px #ffffff4d}.login-passkey-btn{margin-top:0;color:#0c7da7;background:linear-gradient(160deg,#fffffff5,#d2f5ffc7);box-shadow:0 8px 18px #00b4ff2e,inset 0 1px #fffffff5}.login-passkey-btn:hover{box-shadow:0 12px 24px #00b4ff42,inset 0 1px #fffffffa}.login-aero-create{text-align:center;margin-top:12px}.login-aero-forgot{text-align:center;margin-top:-2px}.login-aero-forgot a,.login-aero-create a{color:#07a;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .25s ease}.login-aero-forgot a:hover,.login-aero-create a:hover{text-decoration:underline;color:#00bfff}.signup-aero-page{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(160deg,#e0f7ff,#c9f6ff,#dffbff);font-family:Segoe UI,sans-serif;padding:20px 20px 92px;box-sizing:border-box}.turnstile-widget{display:none}.signup-aero-card{width:360px;padding:40px;border-radius:30px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(160deg,#fffc,#c8f0ff99);border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 40px #0096ff40,inset 0 0 20px #ffffff80}.signup-aero-title{text-align:center;margin-bottom:12px;font-size:1.6rem;font-weight:700;color:#07a;text-shadow:0 0 10px rgba(0,200,255,.6)}.signup-step-indicator{margin:0 0 12px;text-align:center;font-size:.86rem;font-weight:700;color:#36839d}.signup-step-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px}.signup-step-dot{height:7px;border-radius:999px;background:#77b4ca40}.signup-step-dot.active{background:linear-gradient(90deg,#00dfff,#42b4ff);box-shadow:0 0 10px #42b4ff59}.signup-aero-form{display:flex;flex-direction:column;gap:18px}.signup-feedback{margin-bottom:18px;padding:12px 16px;border-radius:18px;font-size:.92rem;font-weight:600;line-height:1.5;box-shadow:0 10px 22px #00a3ff1f,inset 0 1px #ffffffe6}.signup-feedback.error{color:#9e3557;background:linear-gradient(160deg,#fff5f8f2,#ffdce7e0);border:1px solid rgba(255,255,255,.92)}.signup-feedback.success{color:#1f7f67;background:linear-gradient(160deg,#f1fffaf5,#d3ffefe6);border:1px solid rgba(255,255,255,.92)}.signup-aero-input{width:100%;box-sizing:border-box;padding:14px 18px;border-radius:50px;border:none;outline:none;font-size:.95rem;background:linear-gradient(to bottom,#ffffffe6,#dcf5ffb3);box-shadow:inset 0 2px 6px #0096ff26,0 0 8px #00c8ff33;transition:all .25s ease}.signup-aero-input:focus{box-shadow:inset 0 2px 8px #0096ff40,0 0 15px #00d4ff80;transform:scale(1.02)}.signup-aero-date{color:#2d6f86;appearance:none;-webkit-appearance:none}.signup-aero-date::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8}.signup-aero-date[type=text]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}.signup-aero-date::placeholder{color:#6c95a6}.signup-birthday-grid{display:grid;gap:10px}.signup-aero-select{appearance:none;-webkit-appearance:none;color:#2d6f86}.signup-aero-select:disabled{opacity:.65;cursor:not-allowed}.signup-password-field{position:relative}.signup-password-input{padding-right:82px}.signup-password-toggle{position:absolute;top:50%;right:10px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.9);border-radius:999px;padding:7px 12px;cursor:pointer;font-size:.76rem;font-weight:700;color:#0c7da7;background:linear-gradient(160deg,#fffffff0,#d2f5ffb8);box-shadow:0 6px 14px #00b4ff24,inset 0 1px #fffffff5;transition:transform .2s ease,box-shadow .2s ease}.signup-password-toggle:hover{transform:translateY(calc(-50% - 1px));box-shadow:0 8px 16px #00b4ff2e,inset 0 1px #fffffffa}.signup-password-strength{margin-top:-8px;padding:14px 16px;border-radius:24px;border:1px solid rgba(255,255,255,.9);background:linear-gradient(160deg,#ffffffd6,#d6f4ff9e);box-shadow:0 12px 22px #00afff1a,inset 0 1px #fffffff0}.signup-password-strength-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:#3d7f98;font-size:.82rem}.signup-password-strength-top strong{font-size:.88rem}.signup-password-strength-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.signup-password-strength-bars span{height:8px;border-radius:999px;background:#78b1c533;transition:background .22s ease,box-shadow .22s ease}.signup-password-strength-bars span.active{box-shadow:0 0 12px #ffffff40}.signup-password-strength.weak .signup-password-strength-bars span.active{background:linear-gradient(90deg,#ff9ab3,#ff6f91)}.signup-password-strength.incomplete .signup-password-strength-bars span.active{background:linear-gradient(90deg,#ffd39a,#ffb65f)}.signup-password-strength.strong .signup-password-strength-bars span.active{background:linear-gradient(90deg,#7edfff,#34bfff)}.signup-password-strength.strongest .signup-password-strength-bars span.active{background:linear-gradient(90deg,#7dffd5,#26d7a2)}.signup-password-strength.idle .signup-password-strength-bars span.active{background:linear-gradient(90deg,#d7eef5,#c7e6ef)}.signup-password-checklist{display:flex;flex-wrap:wrap;gap:8px 12px}.signup-password-checklist span{color:#5c8ea3;font-size:.76rem}.signup-password-checklist span.met{color:#1783aa;font-weight:600}.signup-password-hint{margin:-8px 8px 0;color:#4a8399;font-size:.82rem;line-height:1.45}.signup-confirm-status.match{color:#1c9172;font-weight:600}.signup-confirm-status.mismatch{color:#c2557e;font-weight:600}.signup-aero-btn{margin-top:10px;padding:14px;border:none;border-radius:50px;background:linear-gradient(145deg,#00e0ff,#00bfff,#4facfe);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 8px 20px #00c8ff66,inset 0 0 15px #ffffff4d;transition:all .25s ease}.signup-aero-btn:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 12px 25px #00c8ff99,inset 0 0 20px #fff6}.signup-aero-btn:active{transform:scale(.96)}.signup-aero-btn:disabled{cursor:wait;opacity:.88}.signup-aero-btn:disabled:hover{transform:none;box-shadow:0 8px 20px #00c8ff66,inset 0 0 15px #ffffff4d}.signup-step-actions{margin-top:10px;display:flex;gap:10px}.signup-step-actions .signup-aero-btn{margin-top:0;flex:1}.signup-aero-btn-secondary{color:#0a759c;background:linear-gradient(145deg,#fffffff2,#d5f3ffcc);box-shadow:0 8px 20px #00c8ff33,inset 0 0 14px #fff6}.signup-login-link{margin-top:18px;text-align:center;color:#1d6f8e}.signup-login-link a{color:#09c;font-weight:600;text-decoration:none}.signup-login-link a:hover{text-decoration:underline}.interests-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 20px 92px;background:radial-gradient(circle at top left,rgba(255,255,255,.85),transparent 32%),radial-gradient(circle at 85% 14%,rgba(117,241,255,.4),transparent 24%),linear-gradient(160deg,#e8fcff,#cbf4ff 38%,#eafcff);font-family:Segoe UI,sans-serif;box-sizing:border-box}.interests-card{position:relative;width:min(720px,100%);padding:36px 28px 30px;border-radius:34px;overflow:hidden;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:linear-gradient(160deg,#ffffffd1,#c7efffa6);border:1px solid rgba(255,255,255,.92);box-shadow:0 22px 54px #0096ff2e,inset 0 0 24px #ffffff94;text-align:center}.interests-orb{position:absolute;border-radius:999px;pointer-events:none;filter:blur(2px);opacity:.8}.interests-orb-left{top:-72px;left:-32px;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(125,229,255,.18) 72%,transparent 78%)}.interests-orb-right{right:-26px;bottom:-82px;width:220px;height:220px;background:radial-gradient(circle,rgba(164,244,255,.58),rgba(255,255,255,.1) 64%,transparent 75%)}.interests-kicker{position:relative;margin:0 0 8px;color:#1f94b7;font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.interests-title{position:relative;margin:0;color:#09799b;font-size:clamp(1.9rem,4vw,2.4rem);text-shadow:0 0 14px rgba(0,207,255,.22)}.interests-subtitle{position:relative;margin:12px auto 18px;max-width:470px;color:#4e7484;line-height:1.6}.interests-selection-count{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:132px;margin-bottom:18px;padding:8px 16px;border-radius:999px;color:#1187aa;font-size:.9rem;font-weight:700;background:#ffffffb8;box-shadow:inset 0 1px #fffffff2,0 10px 20px #00b9ff1f}.interests-feedback{position:relative;margin:0 auto 18px;max-width:420px;padding:12px 16px;border-radius:18px;font-size:.92rem;font-weight:600;line-height:1.5}.interests-feedback.error{color:#9e3557;background:linear-gradient(160deg,#fff5f8f2,#ffdce7e0);border:1px solid rgba(255,255,255,.92)}.interests-feedback.success{color:#1f7f67;background:linear-gradient(160deg,#f1fffaf5,#d3ffefe6);border:1px solid rgba(255,255,255,.92)}.interests-form{position:relative}.interests-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.interest-pill{position:relative;min-height:84px;padding:0 16px;border:1px solid rgba(255,255,255,.88);border-radius:24px;overflow:hidden;background:linear-gradient(160deg,#ffffffe0,#d4f5ffb8);box-shadow:inset 0 1px #fffffff2,0 12px 20px #00b3ff1f;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.interest-pill:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fffffff2,0 16px 26px #00b3ff2e}.interest-pill.selected{border-color:#5fe7fffa;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.72),transparent 34%),linear-gradient(150deg,#2cc6fff5,#1a99ffeb 56%,#3879fce6);box-shadow:inset 0 0 16px #ffffff57,0 18px 30px #0098ff52,0 0 0 2px #a9f1ffd1,0 0 0 6px #00b4ff33}.interest-pill.selected:after{content:"✓";position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#0c79cc;font-size:.82rem;font-weight:900;background:linear-gradient(165deg,#fffffffa,#d5f7fff2);box-shadow:inset 0 1px #ffffffeb,0 4px 10px #095fb547}.interest-pill-gloss{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.72),transparent 42%),radial-gradient(circle at top,rgba(255,255,255,.55),transparent 54%)}.interest-pill-label{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:100%;color:#09799b;font-size:1rem;font-weight:700}.interest-pill.selected .interest-pill-label{color:#fff;text-shadow:0 1px 8px rgba(6,81,173,.45)}.interests-submit-btn{margin-top:22px;width:100%;padding:15px 22px;border:none;border-radius:999px;color:#fff;font-size:1rem;font-weight:700;background:linear-gradient(145deg,#00e0ff,#00bfff,#4facfe);box-shadow:0 10px 22px #00c8ff57,inset 0 0 15px #ffffff4d;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease}.interests-submit-btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 14px 28px #00c8ff6b,inset 0 0 20px #ffffff61}.interests-submit-btn:disabled{cursor:wait;opacity:.88;transform:none}@media(max-width:720px){.interests-card{padding:32px 20px 24px}.interests-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.interests-page{padding-inline:14px}.interests-grid{grid-template-columns:1fr}.interest-pill{min-height:72px}}.notfound-page{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;background:linear-gradient(160deg,#e0f7ff,#c9f6ff,#dffbff);font-family:Segoe UI,sans-serif;padding:20px;box-sizing:border-box}.notfound-card{background:linear-gradient(160deg,#ffffffd9,#c8f0ff99);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 40px #0096ff40,inset 0 0 20px #ffffff80;padding:50px 40px;border-radius:30px;text-align:center;max-width:400px}.notfound-card h1{font-size:4rem;color:#07a;text-shadow:0 0 10px rgba(0,200,255,.6);margin-bottom:20px}.notfound-card p{font-size:1.2rem;margin-bottom:25px;color:#057}.notfound-card a{text-decoration:none;padding:12px 25px;border-radius:50px;background:linear-gradient(145deg,#00e0ff,#00bfff,#4facfe);color:#fff;font-weight:700;box-shadow:0 8px 20px #00c8ff66,inset 0 0 15px #ffffff4d;transition:all .25s ease}.notfound-card a:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 25px #00c8ff99,inset 0 0 20px #fff6}.edit-profile-page{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif;padding:20px;box-sizing:border-box}.edit-profile-card{width:100%;max-width:420px;padding:40px 35px;border-radius:30px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(160deg,#ffffffd9,#c8f0ff99);border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 40px #0096ff40,inset 0 0 20px #ffffff80}.edit-profile-title{text-align:center;margin-bottom:30px;font-size:1.6rem;font-weight:700;color:#07a;text-shadow:0 0 10px rgba(0,200,255,.6)}.edit-profile-form{display:flex;flex-direction:column;gap:20px}.edit-profile-form label{display:flex;flex-direction:column;font-size:.9rem;font-weight:600;color:#005f88;gap:6px}.edit-profile-form input,.edit-profile-form textarea{width:100%;padding:14px 18px;border-radius:24px;border:none;outline:none;font-size:.95rem;background:linear-gradient(to bottom,#fffffff2,#dcf5ffb3);box-shadow:inset 0 2px 6px #0096ff26,0 0 8px #00c8ff33;transition:all .25s ease}.edit-profile-form input{border-radius:50px}.edit-profile-form textarea{min-height:110px;resize:vertical;line-height:1.5}.edit-profile-form input:focus,.edit-profile-form textarea:focus{box-shadow:inset 0 2px 8px #0096ff40,0 0 15px #00d4ff80;transform:scale(1.02)}.edit-profile-hint{align-self:flex-end;font-size:.78rem;color:#4b8198}.edit-profile-form button{margin-top:10px;padding:14px;border:none;border-radius:50px;min-height:52px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,#00e0ff,#00bfff,#4facfe);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 8px 20px #00c8ff66,inset 0 0 15px #ffffff4d;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}.edit-profile-form button:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 12px 25px #00c8ff99,inset 0 0 20px #fff6}.edit-profile-form button:active:not(:disabled){transform:scale(.97)}.edit-profile-form button:disabled{cursor:default;opacity:.92}.button-label{display:inline-flex;align-items:center;justify-content:center;gap:8px}.edit-profile-loading{height:100vh;display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:#07a}.pfp-section{display:flex;flex-direction:column;align-items:center;margin-bottom:25px;gap:15px}.pfp-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;font-size:40px;background:linear-gradient(to bottom,#ffffffe6,#c8f0ffb3);box-shadow:0 10px 25px #00b4ff59,inset 0 0 15px #ffffff80;border:3px solid rgba(255,255,255,.8)}.pfp-preview img{width:100%;height:100%;object-fit:cover}.pfp-upload-btn{padding:10px 20px;border-radius:50px;cursor:pointer;font-weight:600;background:linear-gradient(145deg,#00e0ff,#00bfff);color:#fff;box-shadow:0 6px 15px #00c8ff66,inset 0 0 10px #ffffff4d;transition:all .25s ease}.pfp-upload-btn:hover{transform:scale(1.05)}.edit-profile-card{position:relative}.edit-close-btn{position:absolute;top:15px;right:15px;width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;font-size:16px;font-weight:700;display:flex;justify-content:center;align-items:center;background:linear-gradient(145deg,#fff,#dff6ff);color:#07a;box-shadow:0 4px 10px #00b4ff4d,inset 0 0 8px #fff9;transition:all .25s ease}.edit-close-btn:hover{transform:scale(1.1);box-shadow:0 6px 15px #00c8ff80,inset 0 0 10px #fffc}.edit-close-btn:active{transform:scale(.95)}.profile-spinner{width:60px;height:60px;border-radius:50%;border:6px solid rgba(0,180,255,.2);border-top:6px solid #00bfff;animation:spin 1s linear infinite;box-shadow:0 0 20px #00c8ff66,inset 0 0 10px #fffc}.profile-loading p{margin-top:20px;color:#07a;font-weight:600;text-shadow:0 0 8px rgba(0,200,255,.5)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-alert{position:fixed;top:20px;padding:12px 20px;border-radius:8px;color:#fff;font-weight:700;z-index:999;opacity:.95;transition:opacity .3s}.custom-alert.success{background-color:#4caf50}.custom-alert.error{background-color:#f44336}.spinner{border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;width:16px;height:16px;animation:spin .8s linear infinite;display:inline-block;vertical-align:middle;flex-shrink:0}.create-post-page{min-height:100vh;padding-top:90px;display:flex;justify-content:center;align-items:flex-start;font-family:Segoe UI,sans-serif}.create-post-card{width:90%;max-width:600px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(160deg,#ffffffbf,#d2f5ff73);border-radius:30px;padding:30px;border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 50px #00a0ff40,inset 0 1px 3px #ffffffe6}.create-post-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;margin-bottom:22px}.create-title{text-align:center;color:#07a;margin:0;text-shadow:0 0 10px rgba(0,200,255,.4)}.create-textarea{width:100%;min-height:180px;border-radius:25px;padding:18px;border:none;outline:none;resize:none;font-size:15px;background:linear-gradient(to bottom,#fff,#eaf8ff);box-shadow:inset 0 3px 8px #00000014,0 0 12px #00b4ff40}.cancel-btn,.submit-btn{min-height:52px;padding:14px 18px;border-radius:50px;border:none;font-size:15px;font-weight:700;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}.create-header-btn{width:58px;height:28px;min-width:58px;min-height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;border-radius:999px;box-shadow:0 4px 10px #00a0ff1f,inset 0 1px 2px #ffffffeb}.create-post-header .cancel-btn{justify-self:start}.create-post-header .submit-btn{justify-self:end}.create-post-header .submit-btn-content{gap:4px;width:auto;font-size:inherit;line-height:1}.create-post-header .submit-spinner{width:12px;height:12px;border-width:1.5px}.cancel-btn{background:linear-gradient(to bottom,#fff,#eaf8ff);color:#07a;box-shadow:0 6px 16px #00a0ff24,inset 0 1px 3px #fffffff2}.cancel-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #00a0ff2e,inset 0 1px 3px #fffffff2}.submit-btn:disabled{cursor:wait;opacity:.88;transform:none}.cancel-btn:disabled{cursor:wait;opacity:.76;transform:none}.submit-btn-content{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;font-size:15px}.submit-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;animation:create-post-spin .7s linear infinite}@media(max-width:600px){.create-post-card{padding:20px;border-radius:25px}.create-post-header{grid-template-columns:auto 1fr auto;gap:10px}.create-title{font-size:1.15rem}.create-header-btn{width:54px;height:26px;min-width:54px;min-height:26px;padding:0;font-size:10px}.create-textarea{min-height:140px}}.attachment-area{margin-top:18px;display:flex;align-items:center;gap:15px}.attachment-btn{width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;font-size:20px;background:radial-gradient(circle at 30% 30%,#fff,#c2f3ff);box-shadow:0 6px 15px #00b4ff59,inset 0 2px 4px #ffffffe6;transition:all .25s ease}.attachment-btn:hover{transform:translateY(-2px) scale(1.08)}.attachment-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.attachment-count,.attachment-count-badge{font-size:14px;color:#07a;opacity:.9}.attachment-count-badge{padding:7px 12px;border-radius:999px;background:#ffffffc2;box-shadow:0 8px 16px #00aaff1f,inset 0 1px #fffffff2}.preview-grid{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.preview-item{position:relative;border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 25px #00a0ff40}.preview-item img,.preview-item video{width:100%;height:120px;object-fit:cover}.remove-preview-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:none;background:#ffffffe6;color:#07a;cursor:pointer;font-weight:700;transition:all .2s ease}.remove-preview-btn:hover{transform:scale(1.1)}.remove-preview-btn:disabled{cursor:wait;opacity:.7;transform:none}.composer-warning{margin-top:12px;padding:12px 16px;border-radius:18px;font-size:14px;color:#b35a00;background:linear-gradient(to bottom,#ffdcb4cc,#ffc88c99);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,180,100,.6);box-shadow:0 6px 20px #ff963240;animation:warningFade .3s ease}@keyframes warningFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}to{transform:translate(0)}}@keyframes create-post-spin{to{transform:rotate(360deg)}}.shake{animation:shake .35s ease}.upload-overlay{position:fixed;right:18px;bottom:18px;z-index:12000;display:flex;flex-direction:column;gap:12px;width:min(360px,calc(100vw - 28px))}.upload-card{padding:14px 16px;border-radius:24px;border:1px solid rgba(255,255,255,.92);background:radial-gradient(circle at top left,rgba(255,255,255,.92),transparent 38%),linear-gradient(160deg,#ffffffe0,#d4f4ffad);box-shadow:0 18px 32px #1aa1dc2e,inset 0 1px #fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.upload-card.success{background:radial-gradient(circle at top left,rgba(255,255,255,.94),transparent 38%),linear-gradient(160deg,#f0fffaf0,#c4f8e3c7)}.upload-card.error{background:radial-gradient(circle at top left,rgba(255,255,255,.94),transparent 38%),linear-gradient(160deg,#fff5f8f0,#ffd6e5c7)}.upload-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.upload-card-kicker{margin:0 0 4px;color:#59a9c5;font-size:.73rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.upload-card-title{color:#0a7698;font-size:1rem}.upload-card-copy{margin:10px 0 12px;color:#407f97;line-height:1.45;font-size:.92rem}.upload-progress-track{width:100%;height:10px;border-radius:999px;overflow:hidden;background:#87d7f13d;box-shadow:inset 0 1px 2px #0000000f}.upload-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#83f4ff,#1bd0ff 58%,#3ca6ff);box-shadow:0 0 18px #2bbfff57;transition:width .22s ease}.upload-progress-label{margin-top:8px;display:inline-block;color:#0a7698;font-size:.82rem;font-weight:700}.upload-dismiss{border:none;border-radius:999px;padding:8px 12px;cursor:pointer;color:#0b7498;font-weight:700;background:#ffffffd1;box-shadow:0 10px 18px #1aa1dc1a,inset 0 1px #fffffffa}@media(max-width:640px){.upload-overlay{right:10px;left:10px;width:auto;bottom:96px}}.create-tape-page{min-height:100vh;padding:96px 20px 40px;position:relative;overflow:hidden}.create-tape-page:before,.create-tape-page:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.create-tape-page:before{width:360px;height:360px;top:112px;right:-100px;background:radial-gradient(circle,#77e8ff6b,#77e8ff00 70%)}.create-tape-page:after{width:280px;height:280px;left:-70px;bottom:40px;background:radial-gradient(circle,#ffffffb8,#fff0 72%)}.create-tape-shell{max-width:1240px;margin:0 auto;position:relative;z-index:1}.create-tape-stage{padding:22px;border:1px solid rgba(255,255,255,.9);border-radius:34px;background:radial-gradient(circle at top left,rgba(255,255,255,.92),transparent 32%),linear-gradient(160deg,#ffffffd6,#d6f5ff94);box-shadow:0 30px 80px #1fa0d62e,inset 0 1px #fffffff5,inset 0 -18px 30px #92e2ff29;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.create-tape-topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:22px}.create-tape-heading{text-align:center;color:#0b749a}.create-tape-heading h1{margin:0;font-size:clamp(1.5rem,2vw,2.2rem);line-height:1.05}.create-tape-kicker{margin:0 0 6px;color:#51a8c6;font-size:.78rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.create-tape-pill{min-width:92px;min-height:42px;padding:0 18px;border:none;border-radius:999px;cursor:pointer;font-weight:800;transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease}.create-tape-pill:hover{transform:translateY(-2px)}.create-tape-pill.secondary{color:#0a7598;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.98),rgba(255,255,255,.42) 34%,transparent 56%),linear-gradient(180deg,#ffffffeb,#d8f6ffb3);box-shadow:0 10px 18px #00adff1f,inset 0 1px #fffffffa}.create-tape-pill.primary{color:#fff;background:linear-gradient(135deg,#6eeeff,#1ecfff 56%,#39a5ff);box-shadow:0 16px 28px #25b6ff42}.create-tape-pill:disabled{cursor:wait;opacity:.72;transform:none}.create-tape-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;align-items:stretch}.create-tape-preview-card{position:relative;min-height:72vh;border-radius:30px;overflow:hidden;background:radial-gradient(circle at top left,rgba(255,255,255,.85),transparent 28%),linear-gradient(180deg,#ffffffa3,#b6e8fb7a);border:1px solid rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #fffffff5,0 24px 50px #20a2db29}.create-tape-preview-video{width:100%;height:100%;object-fit:cover;background:linear-gradient(180deg,#c5efff,#8fdcff)}.create-tape-dropzone{width:calc(100% - 32px);min-height:calc(72vh - 32px);border:1px dashed rgba(88,198,233,.5);border-radius:28px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;text-align:center;color:#08779d;background:radial-gradient(circle at top,rgba(255,255,255,.96),transparent 28%),linear-gradient(180deg,#ffffffd1,#d4f4ff94);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;box-shadow:inset 0 1px #fffffffa,0 16px 30px #2fafe41f}.create-tape-dropzone:hover{transform:translateY(-2px);border-color:#43c7eec2;box-shadow:0 18px 40px #2fafe42e}.create-tape-dropzone strong{font-size:1.35rem}.create-tape-dropzone span{max-width:420px;color:#207492d1;line-height:1.5}.create-tape-dropzone-badge{padding:7px 12px;border-radius:999px;color:#0c6f93;font-weight:800;background:linear-gradient(135deg,#fff,#d9f7ff);box-shadow:0 10px 18px #2fafe41f,inset 0 1px #fffffffa}.create-tape-clear{position:absolute;right:18px;bottom:18px;border:none;border-radius:999px;padding:10px 14px;cursor:pointer;font-weight:700;color:#0a7598;background:#ffffffd6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 22px #2fafe424,inset 0 1px #fffffffa}.create-tape-sidebar{display:flex;flex-direction:column;gap:18px}.create-tape-panel,.create-tape-stats{border:1px solid rgba(255,255,255,.92);border-radius:26px;padding:18px;background:radial-gradient(circle at top left,rgba(255,255,255,.96),transparent 28%),linear-gradient(180deg,#ffffffdb,#d8f6ff99);box-shadow:0 18px 34px #2fafe41f,inset 0 1px #fffffffa}.create-tape-panel-label{margin:0 0 12px;color:#58aeca;font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.create-tape-action{width:100%;min-height:48px;border:none;border-radius:18px;cursor:pointer;font-weight:800;color:#fff;background:linear-gradient(135deg,#7ff4ff,#26d4ff 56%,#39a5ff);box-shadow:0 14px 26px #25b6ff3d}.create-tape-panel-hint{margin:12px 0 0;color:#227793cc;line-height:1.5;font-size:.92rem}.create-tape-caption{width:100%;min-height:150px;border:1px solid rgba(255,255,255,.94);border-radius:22px;padding:16px;resize:none;color:#0a7598;background:linear-gradient(180deg,#fffffff5,#e4f8ffcc);outline:none;box-shadow:inset 0 1px #fffffffa,0 12px 22px #2fafe414}.create-tape-caption::placeholder{color:#4a95aeb8}.create-tape-stats{display:grid;gap:14px}.create-tape-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#277995d1}.create-tape-stat strong{color:#08779d}.create-tape-warning{border-radius:20px;padding:14px 16px;color:#9d5200;background:linear-gradient(135deg,#fff3ccf5,#ffdaaae0);box-shadow:0 16px 30px #ffaa5324}@media(max-width:980px){.create-tape-layout{grid-template-columns:1fr}.create-tape-preview-card{min-height:58vh}.create-tape-dropzone{min-height:calc(58vh - 32px)}}@media(max-width:640px){.create-tape-page{padding:88px 12px 28px}.create-tape-stage{padding:14px;border-radius:24px}.create-tape-topbar{grid-template-columns:1fr;justify-items:stretch}.create-tape-heading{order:-1}.create-tape-pill{width:100%}.create-tape-preview-card{min-height:52vh}.create-tape-dropzone{width:calc(100% - 20px);min-height:calc(52vh - 20px)}}.hashtag-suggest-dropdown{margin-top:10px;border:1px solid rgba(255,255,255,.9);border-radius:16px;padding:8px;background:linear-gradient(160deg,#fffffff0,#d5f4ffcc);box-shadow:0 10px 24px #00aaf024;display:flex;flex-direction:column;gap:6px}.tapes-feed-page{position:relative;height:100%;margin-top:0;padding:0;background:#04070d;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}.tapes-feed-page::-webkit-scrollbar{display:none}.tapes-feed-shell{width:100%;max-width:none;margin:0;display:flex;flex-direction:column;gap:0}.tapes-top-chrome{position:fixed;top:0;left:0;right:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 12px) 18px 12px;transition:transform .18s ease,opacity .18s ease}.tapes-top-chrome.hidden{opacity:0;transform:translateY(-120%)}.tapes-back-btn{position:fixed;left:16px;top:calc(env(safe-area-inset-top,0px) + 10px);z-index:9;width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#060a127a;color:#fff;display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 34px #00000042;cursor:pointer}.tapes-back-btn svg{font-size:1rem}.tapes-mode-tabs{display:inline-flex;align-items:center;gap:20px;pointer-events:auto}.tapes-mode-tab{position:relative;padding:0;border:none;background:transparent;color:#ffffffa8;font-size:1rem;font-weight:700;letter-spacing:.02em;cursor:pointer;text-shadow:0 8px 24px rgba(0,0,0,.28)}.tapes-mode-tab:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:3px;border-radius:999px;background:linear-gradient(90deg,#d6fbff,#78d9ff);opacity:0;transform:scaleX(.5);transition:opacity .16s ease,transform .16s ease}.tapes-mode-tab.active{color:#fff}.tapes-mode-tab.active:after{opacity:1;transform:scaleX(1)}.tapes-refresh-banner{position:fixed;top:calc(env(safe-area-inset-top,0px) + 76px);left:50%;z-index:7;transform:translate(-50%);align-self:center;padding:9px 14px;border-radius:999px;color:#d7f6ff;font-size:.88rem;font-weight:700;background:#070e1a9e;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 22px #00000038}.tapes-empty-state{min-height:100dvh;padding:120px 20px 48px;text-align:center;color:#fff;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at center,rgba(99,192,255,.16),transparent 38%),linear-gradient(180deg,#04070d,#09101f)}.tapes-empty-orb{width:98px;height:98px;margin:0 auto 16px;border-radius:50%;background:radial-gradient(circle at 28% 26%,rgba(255,255,255,.98),rgba(255,255,255,.3) 26%,transparent 27%),linear-gradient(180deg,#dfffff,#92eaff 42%,#44d2ff);box-shadow:0 18px 34px #00beff38,inset 0 5px 12px #ffffffeb,inset 0 -10px 18px #0070b829}.tapes-empty-state h2{margin:0 0 10px;color:#fff}.tapes-empty-state p{margin:0;color:#ffffffc2;line-height:1.6}.tape-slide{height:100dvh;min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always}.tape-stage{position:relative;min-height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 12%,rgba(120,206,255,.14),transparent 28%),linear-gradient(180deg,#04070d,#0a0f19 52%,#04070d);border:none;box-shadow:none;isolation:isolate}.tape-video-frame{position:relative;width:min(100vw,56.25dvh);height:min(100dvh,177.7778vw);aspect-ratio:9 / 16;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.12);border-radius:24px;box-shadow:0 24px 58px #0000007a}.tape-video{width:100%;height:100%;object-fit:cover;display:block;background:#000;transform:none}.tape-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent 18%,transparent 52%,rgba(0,0,0,.66)),linear-gradient(90deg,rgba(0,0,0,.12),transparent 34%);pointer-events:none}.tape-unmute-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;border:1px solid rgba(255,255,255,.26);border-radius:999px;padding:10px 16px;color:#fff;font-weight:700;font-size:.88rem;background:#0000006b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;box-shadow:0 12px 24px #00000047}.tape-meta{position:absolute;left:18px;right:86px;bottom:max(20px,calc(env(safe-area-inset-bottom,0px) + 20px));z-index:2;color:#fff}.tape-author{display:inline-flex;align-items:center;gap:10px;max-width:100%;margin-bottom:12px;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;text-align:left}.tape-author-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:#ffffffe6;color:#0a799d;border:2px solid rgba(255,255,255,.9)}.tape-author-avatar img{width:100%;height:100%;object-fit:cover}.tape-author-copy{min-width:0;display:flex;flex-direction:column}.tape-author-copy strong{font-size:1rem}.tape-author-copy span{color:#ffffffd6;font-size:.86rem}.tape-caption{margin:0;max-width:100%;color:#fffffff0;line-height:1.6;text-shadow:0 4px 16px rgba(0,0,0,.24)}.tape-liked-by{margin-top:9px;color:#ffffffe0;text-shadow:0 3px 12px rgba(0,0,0,.42)}.tape-liked-by strong{color:#fff}.tape-liked-by .liked-by-preview-more{background:#fff3;color:#fff}.tape-liked-by .liked-by-preview-avatar{box-shadow:0 8px 20px #00000042,inset 0 1px #ffffffeb}.tape-actions{position:absolute;right:14px;bottom:max(20px,calc(env(safe-area-inset-bottom,0px) + 20px));z-index:2;display:flex;flex-direction:column;gap:14px;align-items:center}.tape-action-btn{border:none;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;gap:6px;cursor:pointer;text-shadow:0 4px 16px rgba(0,0,0,.22)}.tape-action-btn svg{font-size:1.45rem}.tape-action-btn span{font-size:.84rem;font-weight:700}.tape-action-btn.liked{color:#ff7cbb}.tape-action-btn.reposted{color:#78ffd1}.tape-action-btn.tape-action-static{cursor:default}.tape-more-wrapper{position:relative;width:44px;display:flex;justify-content:center}.tape-action-more svg{font-size:1.28rem}.tape-action-count-placeholder{visibility:hidden;pointer-events:none}.tape-more-dropdown{position:absolute;right:calc(100% + 10px);bottom:0;min-width:132px;padding:8px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:#070c15eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 30px #00000057;display:flex;flex-direction:column;gap:6px}.tape-dropdown-item{width:100%;border:none;border-radius:10px;background:#ffffff0f;color:#e9fbff;font-size:.86rem;font-weight:700;text-align:left;padding:9px 10px;cursor:pointer}.tape-dropdown-item:hover{background:#78d9ff2e}.tape-dropdown-item.delete{color:#ff90b6}.tape-dropdown-item.report{color:#ffd99b}.tape-modal-overlay{position:fixed;inset:0;z-index:16;background:#0000009e;display:flex;align-items:center;justify-content:center;padding:22px}.tape-modal-card{width:min(92vw,360px);border-radius:20px;border:1px solid rgba(255,255,255,.18);padding:20px;background:#080e18f2;color:#f4fcff;box-shadow:0 22px 40px #0006}.tape-modal-card h3{margin:0 0 8px}.tape-modal-card p{margin:0;color:#ffffffd1}.tape-modal-actions{margin-top:16px;display:flex;gap:10px}.tape-modal-btn{flex:1;border:none;border-radius:12px;padding:10px 12px;font-weight:700;cursor:pointer}.tape-modal-btn.cancel{background:#ffffff1f;color:#ecfbff}.tape-modal-btn.confirm{background:linear-gradient(140deg,#ff8aab,#ff5b8a);color:#fff}.tape-spinner{width:28px;height:28px;margin:16px auto 2px;border:3px solid rgba(255,255,255,.2);border-top-color:#7edfff;border-radius:50%;animation:tapeSpin .8s linear infinite}.tape-toast{position:fixed;top:calc(env(safe-area-inset-top,0px) + 66px);left:50%;transform:translate(-50%);z-index:18;border-radius:999px;padding:8px 14px;font-size:.84rem;font-weight:700}.tape-toast.success{background:#30d688f2;color:#06241a}.tape-toast.error{background:#ff6e9af2;color:#320516}@keyframes tapeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tapes-loader{width:1px;height:1px;margin:0 auto;opacity:0;pointer-events:none}@media(max-width:640px){.tapes-top-chrome{padding:calc(env(safe-area-inset-top,0px) + 10px) 14px 10px}.tapes-back-btn{left:12px;top:calc(env(safe-area-inset-top,0px) + 8px);width:40px;height:40px}.tapes-mode-tabs{gap:16px}.tapes-mode-tab{font-size:.98rem}.tape-video-frame{border-radius:0;border-left:0;border-right:0;box-shadow:none}.tape-meta{left:14px;right:74px;bottom:max(16px,calc(env(safe-area-inset-bottom,0px) + 16px))}.tape-actions{right:10px;bottom:max(16px,calc(env(safe-area-inset-bottom,0px) + 16px))}}.game-lobby-page{width:100%;margin:70px auto 44px;color:#075f80;font-family:Segoe UI,sans-serif}.game-lobby-command{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border-radius:28px;border:1px solid rgba(255,255,255,.94);background:radial-gradient(circle at top left,rgba(255,255,255,.92),transparent 36%),linear-gradient(160deg,#ffffffe0,#cdf4ffad);box-shadow:0 20px 48px #00a6ff29,inset 0 1px #fffffff5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.game-lobby-title{display:flex;align-items:center;gap:14px;min-width:0}.game-lobby-mark,.game-card-icon,.game-detail-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;color:#fff;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.98),rgba(255,255,255,.28) 34%,transparent 56%),linear-gradient(180deg,#81e9ff,#1bb8e6);box-shadow:0 12px 22px #00b2ff33,inset 0 1px #fffffff2}.game-lobby-mark{width:58px;height:58px;font-size:1.45rem}.game-lobby-title p,.game-detail-top p{margin:0 0 5px;color:#3598b8;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.game-lobby-title h1,.game-detail-top h2{margin:0;color:#075f80}.game-lobby-title h1{font-size:clamp(1.55rem,4vw,2.25rem)}.game-lobby-search{width:min(360px,100%);display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.88);background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.96),rgba(255,255,255,.34) 34%,transparent 56%),linear-gradient(180deg,#ffffffe0,#d9f6ff94);color:#0b82aa;box-shadow:0 14px 26px #00afff1a,inset 0 1px #fffffff5}.game-lobby-search input{width:100%;border:none;outline:none;background:transparent;color:#075f80;font:inherit}.game-lobby-search input::placeholder{color:#6898aa}.game-lobby-search.compact{width:100%;padding:10px 13px}.game-lobby-alert,.game-lobby-status{margin-top:16px;padding:14px 16px;border-radius:18px;color:#117d70;background:#7ef0cc3d;font-weight:800}.game-lobby-alert.error{color:#a54343;background:#ffdadab8}.game-lobby-main{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;margin-top:18px;align-items:start}.game-lobby-catalog,.game-lobby-detail{border-radius:28px;border:1px solid rgba(255,255,255,.92);background:radial-gradient(circle at top left,rgba(255,255,255,.78),transparent 40%),linear-gradient(165deg,#ffffffd6,#d1f5ffa3);box-shadow:0 18px 42px #00a6ff24,inset 0 1px #fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.game-lobby-catalog{padding:18px}.game-lobby-tabs{display:inline-flex;gap:8px;padding:7px;margin-bottom:16px;border-radius:999px;background:#ffffff9e;box-shadow:inset 0 1px #fffffff0}.game-lobby-tabs button{min-width:84px;border:none;border-radius:999px;padding:10px 14px;cursor:pointer;color:#137797;background:transparent;font-weight:800}.game-lobby-tabs button.active{color:#fff;background:linear-gradient(145deg,#00dfff,#00bfff,#4facfe);box-shadow:0 10px 20px #00b7ff38,inset 0 0 14px #ffffff42}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.game-card{min-height:124px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:16px;border:1px solid rgba(255,255,255,.84);border-radius:24px;cursor:pointer;text-align:left;color:#075f80;background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.94),rgba(255,255,255,.28) 34%,transparent 56%),linear-gradient(160deg,#ffffffd1,#def7ff94);box-shadow:0 12px 24px #00a6ff1a,inset 0 1px #fffffff5;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.game-card:hover,.game-card.selected{transform:translateY(-2px);border-color:#00bcff57;box-shadow:0 18px 34px #00b0ff2e,inset 0 1px #fffffff5}.game-card:disabled{cursor:default;opacity:.68;transform:none}.game-card-soon-note{cursor:default;opacity:.78}.game-card-soon-note:hover{transform:none;border-color:#ffffffd6;box-shadow:0 12px 24px #00a6ff1a,inset 0 1px #fffffff5}.game-card-icon{width:48px;height:48px;font-size:1.1rem}.game-card-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.game-card-copy strong{font-size:1.02rem;color:#075f80}.game-card-copy span{color:#5a8798;font-weight:700;font-size:.86rem}.game-card-copy small{color:#5d8797;font-size:.8rem;font-weight:700;line-height:1.35}.game-card-status{justify-self:end;padding:7px 10px;border-radius:999px;font-size:.72rem;font-weight:900}.game-card-status.ready{color:#117d70;background:#7ef0cc3d}.game-card-status.soon{color:#8f6797;background:#e1cff561}.game-lobby-detail{position:sticky;top:92px;padding:20px}.game-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.game-section-heading p{margin:0 0 5px;color:#3598b8;font-size:.76rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.game-section-heading h2{margin:0;color:#075f80;font-size:1.24rem}.game-pill{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 11px;border-radius:999px;color:#0b82aa;background:#ffffffb8;font-weight:900;white-space:nowrap}.game-detail-top{display:flex;align-items:center;gap:13px}.game-detail-icon{width:58px;height:58px;font-size:1.3rem}.game-detail-description{margin:18px 0 0;color:#527f90;line-height:1.55}.game-detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.game-detail-metrics span,.game-room-meta span{display:inline-flex;align-items:center;gap:7px;color:#167b9c;font-weight:800}.game-detail-metrics span{justify-content:center;padding:11px 10px;border-radius:18px;background:#ffffffa8;box-shadow:inset 0 1px #fffffff0}.game-primary-action{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:16px;border:none;border-radius:999px;cursor:pointer;color:#fff;background:linear-gradient(145deg,#00dfff,#00bfff,#4facfe);box-shadow:0 12px 24px #00b7ff42,inset 0 0 14px #ffffff42;font-weight:900}.game-secondary-action,.game-mini-action,.game-icon-action,.game-user-result,.game-match-tabs button{border:none;cursor:pointer;font-weight:900}.game-secondary-action{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:999px;color:#137797;background:#ffffffbd;box-shadow:inset 0 1px #fffffff0}.game-secondary-action.danger{width:100%;color:#a54343;background:#ffe8e8c7}.game-primary-action:disabled{cursor:default;color:#698999;background:linear-gradient(180deg,#eef7faeb,#d2e4ecc7);box-shadow:inset 0 1px #fffffff0}.game-room-list{margin-top:20px}.game-hub-catalog{margin-top:18px}.game-hub-resume{width:auto;min-width:172px;margin-top:0;padding:0 18px}.game-hub-footer{display:flex;align-items:center;gap:10px;margin-top:16px;padding:14px 16px;border-radius:18px;color:#167b9c;background:#ffffff94;font-weight:800}.game-match-panel,.game-create-panel,.game-list-panel{padding:16px;border-radius:22px;background:#ffffff7a;box-shadow:inset 0 1px #ffffffe6}.game-match-panel+.game-create-panel,.game-match-panel+.game-list-panel,.game-create-panel+.game-list-panel,.game-list-panel+.game-list-panel{margin-top:16px}.game-match-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.game-match-tabs button{min-height:34px;padding:0 12px;border-radius:999px;color:#137797;background:#ffffffb3}.game-match-tabs button.active{color:#fff;background:linear-gradient(145deg,#00dfff,#00bfff,#4facfe)}.tic-tac-toe-board{width:min(420px,100%);aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--tic-board-size, 5),minmax(0,1fr));gap:8px;margin:0 auto}.tic-tac-toe-board-large{width:min(78vh,820px,100%);gap:10px}.tic-cell{width:100%;aspect-ratio:1;border:1px solid rgba(255,255,255,.92);border-radius:16px;cursor:pointer;color:#075f80;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.94),transparent 48%),linear-gradient(155deg,#ffffffd6,#d0f6ffad);box-shadow:0 10px 20px #00a6ff1f,inset 0 1px #fffffff5;font-size:clamp(1.8rem,5vw,4.1rem);font-weight:950;line-height:1}.tic-cell:disabled{cursor:default}.tic-cell.winner{color:#0f8878;background:linear-gradient(155deg,#d1ffedf0,#7ef0cc8c)}.game-match-footer{min-height:34px;margin-top:14px;display:flex;align-items:center;justify-content:center;color:#167b9c;font-weight:900}.game-create-form{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px}.game-create-form label{display:flex;flex-direction:column;gap:7px;color:#4e8195;font-size:.82rem;font-weight:900}.game-create-form input,.game-create-form select{min-height:44px;border:1px solid rgba(255,255,255,.9);border-radius:15px;padding:0 13px;outline:none;color:#075f80;background:#ffffffb8;font:inherit;font-weight:700}.game-create-form .game-primary-action{grid-column:1 / -1;margin-top:0}.game-room-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.game-room-heading h3{margin:0;color:#075f80}.game-room-heading span{color:#409ab7;font-weight:900}.game-room-empty,.game-room-row{border-radius:20px;background:#ffffffa8;box-shadow:0 10px 20px #00a6ff14,inset 0 1px #fffffff0}.game-room-empty{padding:16px;color:#6a8f9d;font-weight:700}.game-room-row{padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.game-room-main{min-width:0}.game-room-row+.game-room-row{margin-top:10px}.game-room-row strong,.game-room-row span{display:block}.game-room-row strong{color:#075f80}.game-room-row span{margin-top:4px;color:#5d8797;font-size:.86rem}.game-room-meta{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.game-mini-action{min-height:32px;padding:0 12px;border-radius:999px;color:#fff;background:linear-gradient(145deg,#00dfff,#00bfff,#4facfe)}.game-mini-action:disabled,.game-icon-action:disabled,.game-user-result:disabled,.game-secondary-action:disabled{cursor:default;opacity:.62}.game-team-avatars{display:flex;align-items:center;margin-top:9px}.game-team-avatar{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.9);border-radius:50%;color:#fff;background:linear-gradient(145deg,#8cf4d5,#14b59f);box-shadow:0 8px 14px #00a6ff1f;font-size:.72rem;font-weight:950}.game-team-avatar+.game-team-avatar{margin-left:-8px}.game-member-list,.game-invite-box,.game-pending-box,.game-detail-actions{margin-top:16px}.game-member-row,.game-request-row,.game-user-result{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:18px;color:#075f80;background:#ffffff9e;box-shadow:inset 0 1px #ffffffeb}.game-member-row{justify-content:flex-start}.game-member-row+.game-member-row,.game-request-row+.game-request-row,.game-user-result+.game-user-result{margin-top:8px}.game-member-row strong,.game-request-row strong{display:block;color:#075f80}.game-member-row span,.game-request-row span{color:#5d8797;font-size:.86rem;font-weight:800}.game-user-result{width:100%;margin-top:8px;text-align:left}.game-user-result svg{color:#0b9fc6}.game-request-actions{display:flex;align-items:center;gap:8px}.game-icon-action{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff}.game-icon-action.accept{background:linear-gradient(145deg,#8cf4d5,#14b59f)}.game-icon-action.decline{background:linear-gradient(145deg,#ffb8b8,#f05f6a)}.game-request-row.muted{opacity:.78}.game-detail-actions{display:grid;gap:10px}.tic-match-page{min-height:100vh;padding:22px;color:#075f80;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.9),transparent 34%),linear-gradient(160deg,#e8fbff,#c9f3ff 52%,#e6fff6);font-family:Segoe UI,sans-serif}.tic-result-page{min-height:100vh;padding:28px;color:#075f80;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.94),transparent 34%),linear-gradient(160deg,#e8fbff,#cdf6ff 48%,#e7fff7);font-family:Segoe UI,sans-serif}.tic-ready-page{min-height:100vh;padding:28px;color:#075f80;background:radial-gradient(circle at 72% 8%,rgba(255,255,255,.94),transparent 30%),linear-gradient(155deg,#e8fbff,#cef2ff,#e9fff2);font-family:Segoe UI,sans-serif}.tic-ready-hero{max-width:1120px;margin:0 auto;display:grid;justify-items:center;gap:12px;text-align:center}.tic-ready-hero .game-secondary-action{justify-self:start}.tic-ready-count{width:112px;height:112px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.98),rgba(255,255,255,.28) 34%,transparent 56%),linear-gradient(180deg,#45d4f0,#14b59f);box-shadow:0 20px 42px #14b59f3d,inset 0 1px #fffffff5;font-size:3.2rem;font-weight:1000;line-height:1}.tic-ready-hero p{margin:8px 0 0;color:#3598b8;font-size:.8rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.tic-ready-hero h1{max-width:980px;margin:0;color:#075f80;font-size:clamp(2rem,6vw,4.8rem);line-height:1}.tic-ready-hero span{color:#527f90;font-weight:800}.tic-ready-teams{max-width:1120px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px auto 0}.tic-ready-team{padding:18px;border:1px solid rgba(255,255,255,.92);border-radius:24px;background:radial-gradient(circle at top left,rgba(255,255,255,.78),transparent 42%),linear-gradient(165deg,#ffffffd6,#d1f5ff9e);box-shadow:0 18px 42px #00a6ff24,inset 0 1px #fffffff0}.tic-ready-team.mine{border-color:#14b59f6b;background:radial-gradient(circle at top left,rgba(255,255,255,.88),transparent 42%),linear-gradient(165deg,#ebfff9f0,#d1f5ffa8)}.tic-result-hero{max-width:1120px;margin:0 auto;display:grid;justify-items:center;gap:12px;text-align:center}.tic-result-hero .game-secondary-action{justify-self:start}.tic-result-medal{width:88px;height:88px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.98),rgba(255,255,255,.28) 34%,transparent 56%),linear-gradient(180deg,#ffe48f,#ffb347);box-shadow:0 18px 32px #ffb3473d,inset 0 1px #fffffff5;font-size:2rem}.tic-result-medal.draw{background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.98),rgba(255,255,255,.28) 34%,transparent 56%),linear-gradient(180deg,#bfe8f4,#62b8d6)}.tic-result-hero p{margin:8px 0 0;color:#3598b8;font-size:.8rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.tic-result-hero h1{margin:0;color:#075f80;font-size:clamp(2.4rem,8vw,5.8rem);line-height:.95}.tic-result-hero span{color:#527f90;font-weight:800}.tic-result-teams{max-width:1120px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px auto 0}.tic-result-team{padding:18px;border:1px solid rgba(255,255,255,.92);border-radius:24px;background:radial-gradient(circle at top left,rgba(255,255,255,.78),transparent 42%),linear-gradient(165deg,#ffffffd6,#d1f5ff9e);box-shadow:0 18px 42px #00a6ff24,inset 0 1px #fffffff0}.tic-result-team.winner{border-color:#ffc34e94;background:radial-gradient(circle at top left,rgba(255,255,255,.9),transparent 42%),linear-gradient(165deg,#fff9dbe6,#d6f7ffa3)}.tic-result-team-head,.tic-result-player{display:flex;align-items:center;justify-content:space-between;gap:12px}.tic-result-team-head{margin-bottom:14px}.tic-result-team-head span{color:#3598b8;font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.tic-result-team-head h2{margin:4px 0 0;color:#075f80}.tic-result-player{padding:12px;border-radius:18px;background:#ffffffa3;box-shadow:inset 0 1px #ffffffeb}.tic-result-player+.tic-result-player{margin-top:9px}.tic-result-player>div:nth-child(2){min-width:0;flex:1}.tic-result-player strong,.tic-result-player span{display:block}.tic-result-player strong{color:#075f80}.tic-result-player span{color:#5d8797;font-size:.84rem;font-weight:800}.tic-result-player-meta{display:flex;flex-direction:column;gap:5px;align-items:flex-end}.tic-result-player-meta span{display:inline-flex;align-items:center;gap:6px;color:#167b9c}.tic-match-topbar{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;align-items:center;gap:16px;max-width:1280px;margin:0 auto}.tic-match-title{min-width:0;display:flex;align-items:center;justify-content:center;gap:14px;text-align:left}.tic-match-title p{margin:0 0 5px;color:#3598b8;font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.tic-match-title h1{margin:0;color:#075f80;font-size:clamp(1.2rem,3vw,2rem)}.tic-live-indicator{cursor:default;pointer-events:none}.tic-match-shell{max-width:1280px;margin:18px auto 0}.tic-match-score{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr) minmax(0,1fr);gap:12px;margin-bottom:16px}.tic-match-score>div,.tic-match-bottom{min-height:72px;display:flex;flex-direction:column;justify-content:center;padding:14px 16px;border:1px solid rgba(255,255,255,.9);border-radius:20px;background:#ffffffad;box-shadow:0 12px 24px #00a6ff1a,inset 0 1px #fffffff0}.tic-match-score span,.tic-match-score small{color:#5d8797;font-size:.82rem;font-weight:800}.tic-match-score strong{margin-top:4px;color:#075f80;font-size:1.02rem}.tic-match-status{text-align:center}.tic-board-stage{display:flex;justify-content:center;padding:18px;border:1px solid rgba(255,255,255,.92);border-radius:28px;background:radial-gradient(circle at top left,rgba(255,255,255,.78),transparent 42%),linear-gradient(165deg,#ffffffd6,#d1f5ff9e);box-shadow:0 22px 52px #00a6ff29,inset 0 1px #fffffff0}.tic-match-bottom{min-height:50px;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:14px;color:#167b9c;font-weight:900}.tic-match-bottom span{display:inline-flex;align-items:center;gap:8px}.tic-surrender-action{width:auto;min-width:154px;color:#a54343;background:#ffe8e8c7}.game-card.green .game-card-icon,.game-lobby-detail.green .game-detail-icon{background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.98),rgba(255,255,255,.28) 34%,transparent 56%),linear-gradient(180deg,#8cf4d5,#14b59f)}.game-card.pink .game-card-icon,.game-lobby-detail.pink .game-detail-icon{background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.98),rgba(255,255,255,.28) 34%,transparent 56%),linear-gradient(180deg,#ffb8d6,#f05f9c)}.game-card.violet .game-card-icon,.game-lobby-detail.violet .game-detail-icon{background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.98),rgba(255,255,255,.28) 34%,transparent 56%),linear-gradient(180deg,#c9c7ff,#7a8bff)}@media(max-width:900px){.game-lobby-command,.game-lobby-main{grid-template-columns:1fr}.game-lobby-command{flex-direction:column;align-items:stretch}.game-lobby-search{width:100%}.game-lobby-main{display:flex;flex-direction:column}.game-lobby-detail{position:static;width:100%}.tic-match-topbar,.tic-match-score,.tic-ready-teams,.tic-result-teams{grid-template-columns:1fr}.tic-match-title{justify-content:flex-start}}@media(max-width:640px){.game-lobby-page{margin-top:62px}.game-grid,.game-detail-metrics{grid-template-columns:1fr}.game-lobby-tabs{width:100%}.game-lobby-tabs button{flex:1;min-width:0}.game-card{grid-template-columns:auto 1fr}.game-card-status{grid-column:1 / -1;justify-self:start}.game-room-row{align-items:flex-start;flex-direction:column}.game-room-meta{align-items:flex-start}.game-create-form{grid-template-columns:1fr}.tic-match-page{padding:14px}.tic-ready-page,.tic-result-page{padding:16px}.tic-ready-count{width:88px;height:88px;font-size:2.6rem}.tic-board-stage{padding:10px}.tic-tac-toe-board-large{gap:6px}.tic-cell{border-radius:10px;font-size:clamp(1.25rem,10vw,2.4rem)}.tic-match-bottom{align-items:flex-start;flex-direction:column}}.edit-post-page{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.edit-post-card{width:100%;max-width:520px;padding:40px 35px;border-radius:30px;position:relative;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(160deg,#ffffffd9,#c8f0ff99);border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 40px #0096ff40,inset 0 0 20px #ffffff80}.edit-post-textarea{width:100%;padding:16px 18px;border-radius:24px;border:none;outline:none;font-size:.95rem;resize:vertical;min-height:150px;background:linear-gradient(to bottom,#fffffff2,#dcf5ffb3);box-shadow:inset 0 2px 6px #0096ff26,0 0 8px #00c8ff33;transition:all .25s ease;font-family:inherit}.edit-post-textarea:focus{box-shadow:inset 0 2px 8px #0096ff40,0 0 15px #00d4ff80;transform:scale(1.01)}.hashtag-suggest-dropdown{margin-top:10px;border:1px solid rgba(255,255,255,.9);border-radius:18px;padding:8px;background:linear-gradient(160deg,#fffffff0,#d5f4ffcc);box-shadow:0 10px 24px #00aaf024;display:flex;flex-direction:column;gap:6px}.hashtag-suggest-item{width:100%;border:none;background:transparent;border-radius:12px;padding:9px 10px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.hashtag-suggest-item strong{color:#0d7fa8}.hashtag-suggest-item span{font-size:.78rem;color:#5f8797}.hashtag-suggest-item:hover{background:#ffffffbd}.mention-suggest-main{display:inline-flex;align-items:center;gap:8px;min-width:0}.mention-suggest-avatar{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(160deg,#7ce0ffd9,#30bffff2);color:#fff;font-size:.72rem;font-weight:700;flex:0 0 24px}.mention-suggest-avatar img{width:100%;height:100%;object-fit:cover}.search-page{width:100%;max-width:1100px;margin:80px auto 40px;padding:0 24px;font-family:Segoe UI,sans-serif}.search-title{font-size:22px;margin-bottom:30px;font-weight:600;color:#07a;text-shadow:0 0 8px rgba(0,200,255,.3)}.search-tabs{display:flex;gap:15px;margin-bottom:25px;padding:2px 0}.search-tabs button{flex:1;padding:11px 0;font-size:14px;font-weight:600;cursor:pointer;border-radius:50px;border:1px solid rgba(255,255,255,.88);background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.96),rgba(255,255,255,.38) 38%,transparent 56%),linear-gradient(180deg,#ffffffdb,#d7f6ff94 52%,#a9e5f76b);box-shadow:0 14px 28px #00b0ff33,inset 0 2px 1px #fffffff5,inset 0 -12px 18px #51c2e729;color:#07a;text-shadow:0 1px 0 rgba(255,255,255,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.search-tabs button:hover{transform:translateY(-2px) scale(1.01);background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.98),rgba(255,255,255,.46) 38%,transparent 58%),linear-gradient(180deg,#ffffffeb,#dcf8ff9e 52%,#afebfa7a);box-shadow:0 18px 32px #00b4ff42,inset 0 2px 1px #fff,inset 0 -12px 18px #51c2e72e}.search-tabs button.active{border-color:#ffffffe6;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.98),rgba(255,255,255,.46) 35%,transparent 56%),linear-gradient(180deg,#a8f1fffa,#3ccbf4eb 55%,#079bd6e0);color:#fff;text-shadow:0 1px 8px rgba(0,91,125,.28);box-shadow:0 18px 34px #0096ff57,inset 0 2px 1px #fffffffa,inset 0 -14px 18px #0076b03d}.aero-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(160deg,#ffffffbf,#d2f5ff73);border-radius:25px;padding:16px;margin-bottom:12px;border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 25px #00a0ff40;transition:transform .2s ease,box-shadow .2s ease}.aero-card:hover{transform:translateY(-2px);box-shadow:0 15px 30px #00a0ff59}.search-user-card{display:flex;align-items:center;gap:12px;cursor:pointer}.avatar-placeholder{width:40px;height:40px;border-radius:50%;background:#c2f3ff;display:flex;align-items:center;justify-content:center;font-size:18px;overflow:hidden;box-shadow:0 4px 12px #00b4ff40,inset 0 1px 2px #ffffffe6}.avatar-placeholder img{width:100%;height:100%;object-fit:cover}.search-user-handle{color:#4f7f90;font-size:13px}.aero-pill{display:inline-block;background:linear-gradient(to bottom,#fff,#eaf8ff);border-radius:50px;padding:6px 14px;margin:5px 8px 5px 0;font-size:14px;color:#07a;cursor:pointer;box-shadow:0 4px 12px #00a0ff40,inset 0 1px 2px #ffffffe6;transition:all .25s ease}.aero-pill:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00a0ff59}.search-hashtags-list{display:flex;flex-direction:column;gap:12px}.search-hashtag-card{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px 18px;text-align:left;border:1px solid rgba(255,255,255,.92);border-radius:24px;cursor:pointer;background:linear-gradient(160deg,#ffffffdb,#d4f5ffb3);box-shadow:0 12px 28px #00a0ff2e,inset 0 1px #fffffff0;transition:transform .22s ease,box-shadow .22s ease}.search-hashtag-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px #00a0ff3d,inset 0 1px #fffffff0}.search-hashtag-card-main{display:flex;flex-direction:column;gap:6px;min-width:0}.search-hashtag-tag{color:#0b7394;font-size:1rem;font-weight:700}.search-hashtag-count{color:#5c7b89;font-size:.86rem}.search-hashtag-saved{flex-shrink:0;padding:6px 12px;border-radius:999px;background:linear-gradient(145deg,#8ceec4,#45d2aa);color:#fff;font-size:.76rem;font-weight:700;box-shadow:0 8px 16px #1fb88e3d}.search-section.loading{min-height:200px;display:flex;justify-content:center;align-items:center}.spinner{width:40px;height:40px;border:4px solid #eee;border-top:4px solid #00bfff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-text{font-size:14px;color:#aaa}.search-post-feed-card{position:relative;margin-bottom:22px;padding:18px;border-radius:30px;border:1px solid rgba(255,255,255,.95);background:linear-gradient(180deg,#fffffff2,#d9f5ffd1),radial-gradient(circle at top left,rgba(122,233,255,.28),transparent 42%);box-shadow:0 18px 45px #009bdc2e,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.search-post-more-wrapper{position:absolute;top:10px;right:12px;z-index:5}.search-post-more{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:#00a7d8;background:transparent;box-shadow:none;transition:transform .2s ease,color .2s ease,filter .2s ease}.search-post-more:hover{transform:translateY(-2px);color:#06a8e2;filter:drop-shadow(0 4px 10px rgba(0,184,255,.28))}.search-post-dropdown{position:absolute;top:45px;right:0;min-width:160px;padding:6px;border-radius:18px;background:#f5fcfff5;border:1px solid rgba(255,255,255,.82);box-shadow:0 18px 35px #009bdc2e,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.search-post-dropdown-item{padding:10px 14px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.search-post-dropdown-item:hover{background:linear-gradient(to bottom,#ffffffeb,#96e6ff8c);box-shadow:0 6px 18px #00c8ff59,inset 0 1px #fffffff2}.search-post-dropdown-item.edit{color:#0af}.search-post-dropdown-item.delete{color:#ff4d6d}.search-post-dropdown-item.report{color:#fa0}.search-post-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.search-post-avatar{width:48px;height:48px;flex-shrink:0;overflow:hidden;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#dcfbff,#b7f1ff);box-shadow:0 10px 20px #00b4ff38,inset 0 1px 2px #ffffffe6}.search-post-avatar img{width:100%;height:100%;object-fit:cover}.search-post-user-text{display:flex;flex-direction:column;min-width:0}.search-post-username{font-size:15px;font-weight:700;color:#0d6584}.search-post-date{margin-top:2px;font-size:12px;color:#0d6584b8}.search-repost-banner-wrap{position:relative;align-self:flex-start;margin-bottom:10px}.search-repost-banner{margin:0}.search-repost-dropdown{left:0;right:auto}.search-post-content{margin:0 0 14px;font-size:14px;line-height:1.55;color:#225b70;white-space:pre-wrap;word-break:break-word}.search-post-carousel{position:relative;overflow:hidden;isolation:isolate;border-radius:26px;background:linear-gradient(180deg,#ffffffeb,#ccf2ffb8),linear-gradient(135deg,rgba(120,232,255,.18),transparent 42%);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 38px #00a0ff2e,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.search-post-carousel:before{content:"";position:absolute;inset:0 0 auto;height:30%;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 78%)}.search-post-carousel:after{content:"";position:absolute;inset:auto 0 0;height:24%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(7,83,113,.12))}.search-post-carousel-track{display:flex;transition:transform .38s cubic-bezier(.34,.99,.6,1);will-change:transform;transform:translateZ(0);touch-action:pan-y;-webkit-user-select:none;user-select:none}.search-post-carousel-item{flex:0 0 100%;min-width:100%;background:linear-gradient(180deg,#e8fbffeb,#bfecfabf)}.search-post-image,.search-post-video{width:100%;display:block;aspect-ratio:1 / 1;object-fit:cover;background:#bfeeff80}.post-video-sound-btn{position:absolute;right:12px;bottom:12px;z-index:5;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.88);border-radius:50%;color:#fff;background:#08364d61;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 22px #005a8038,inset 0 1px #ffffff59;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.post-video-sound-btn:hover{transform:translateY(-1px) scale(1.03);background:#08587a85}.post-video-sound-btn.muted{background:#06283a75}.search-post-carousel-arrow{position:absolute;top:50%;z-index:4;transform:translateY(-50%);width:34px;height:34px;border:1px solid rgba(255,255,255,.88);border-radius:50%;cursor:pointer;color:#0a779a;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.98),rgba(255,255,255,.42) 42%,transparent 60%),linear-gradient(180deg,#ffffffe0,#d4f5ffad);box-shadow:0 12px 22px #0084bf29,inset 0 1px #fffffffa;transition:transform .22s ease,box-shadow .22s ease,color .22s ease}.search-post-carousel-arrow:hover{transform:translateY(-50%) scale(1.05);color:#0b8eb6;box-shadow:0 14px 24px #00aeff38,inset 0 1px #fff}.search-post-carousel-arrow.left{left:10px}.search-post-carousel-arrow.right{right:10px}.search-post-carousel-indicator{position:absolute;left:50%;bottom:12px;z-index:4;transform:translate(-50%);display:flex;gap:8px;padding:7px 11px;border-radius:999px;background:#07506e38;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 18px #005e8529}.search-post-indicator-dot{width:7px;height:7px;border-radius:50%;background:#ffffff75;transition:all .3s ease}.search-post-indicator-dot.active{width:18px;border-radius:999px;background:#fff;box-shadow:0 0 12px #bef6ffb8}.search-post-footer{margin-top:14px}.search-post-actions{display:flex;align-items:center;gap:16px}.search-post-count-group{display:flex;align-items:center;gap:8px;color:#1b6f8e;font-size:13px;font-weight:600}.search-post-action-btn{min-width:28px;min-height:28px;padding:0;border:none;cursor:pointer;font-size:18px;line-height:1;color:#0c88ba;background:transparent;box-shadow:none;transition:transform .18s ease,color .18s ease,filter .18s ease}.search-post-action-btn:hover{transform:translateY(-2px);color:#06a8e2;filter:drop-shadow(0 4px 10px rgba(0,184,255,.28))}.search-post-action-btn.liked{background:transparent;color:#ff4ea8;filter:drop-shadow(0 0 10px rgba(255,94,196,.38))}.search-post-action-btn.reposted{background:transparent;color:#16bfa2;filter:drop-shadow(0 0 10px rgba(22,191,162,.32))}.search-post-modal-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#00000026;z-index:10000}.search-post-modal-card{width:380px;max-width:90%;padding:28px 36px;text-align:center;border-radius:28px;background:radial-gradient(circle at top left,rgba(255,255,255,.84),transparent 42%),linear-gradient(165deg,#fffffff0,#cef4ffb8);border:1px solid rgba(255,255,255,.92);box-shadow:0 18px 42px #00000024,inset 0 1px #fffffff2}.search-post-modal-card.animate-in{transform:scale(1) translateY(0);opacity:1}.search-post-modal-card.loading{pointer-events:none;transform:scale(1.02);filter:brightness(.96)}.search-post-modal-card h3{margin-bottom:14px;font-size:1.35rem;color:#09d}.search-post-modal-card p{margin-bottom:28px;line-height:1.5;color:#333}.search-post-modal-actions{display:flex;justify-content:center;gap:12px}.search-post-modal-btn{border:none;border-radius:999px;padding:10px 18px;font-weight:600;cursor:pointer}.search-post-modal-btn.cancel{background:#eef7fb;color:#4c6270}.search-post-modal-btn.confirm{background:linear-gradient(to bottom,#ff8aa0,#ff4d6d);color:#fff}.search-post-spinner{width:32px;height:32px;margin:0 auto;border-radius:50%;border:3px solid rgba(0,170,255,.2);border-top-color:#0af;animation:search-post-spin .8s linear infinite}.search-post-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:10001;padding:14px 28px;border-radius:24px;font-weight:600;border:1px solid rgba(255,255,255,.84);box-shadow:0 18px 34px #00000024,inset 0 1px #ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.search-post-toast.success{background:linear-gradient(135deg,#7bf1c5f5,#12ca93eb);color:#fff}.search-post-toast.error{background:linear-gradient(135deg,#ff89aef5,#ff578eeb);color:#fff}@keyframes search-post-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.search-page{margin-top:70px}.aero-card{padding:12px;border-radius:20px}.search-tabs{gap:10px;padding:2px 0}.search-post-feed-card{padding:14px;border-radius:24px}.search-post-more-wrapper{top:8px;right:10px}.search-post-avatar{width:42px;height:42px}.search-post-carousel{border-radius:20px}.search-post-carousel-arrow{display:none}.search-post-carousel-indicator{bottom:10px;gap:6px;padding:6px 10px}.post-video-sound-btn{right:10px;bottom:10px;width:34px;height:34px}.search-post-actions{gap:12px;flex-wrap:wrap}.search-post-action-btn{min-width:28px;min-height:28px}}.hashtag-page{width:100%;max-width:1120px;margin:80px auto 42px;padding:0 24px;font-family:Segoe UI,sans-serif}.hashtag-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;padding:24px 26px;border-radius:30px;background:radial-gradient(circle at top left,rgba(255,255,255,.9),transparent 42%),linear-gradient(160deg,#ffffffe6,#cdf2ffb8);border:1px solid rgba(255,255,255,.95);box-shadow:0 18px 46px #009bdc29,inset 0 1px #ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hashtag-kicker{margin:0 0 8px;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#1b90b5}.hashtag-hero h1{margin:0;color:#0c7697;font-size:clamp(2rem,4vw,2.8rem);text-shadow:0 0 14px rgba(0,207,255,.18)}.hashtag-meta{margin:8px 0 0;color:#4f7586;font-size:.96rem}.hashtag-save-btn{border:none;border-radius:999px;padding:14px 22px;color:#fff;font-size:.96rem;font-weight:700;cursor:pointer;background:linear-gradient(145deg,#00e0ff,#00bfff,#4facfe);box-shadow:0 10px 22px #00c8ff57,inset 0 0 15px #ffffff4d;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.hashtag-save-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #00c8ff66,inset 0 0 18px #ffffff5c}.hashtag-save-btn.saved{background:linear-gradient(145deg,#8ceec4,#45d2aa,#16b58b)}.hashtag-save-btn:disabled{cursor:wait;opacity:.88;transform:none}.hashtag-inline-error,.hashtag-state,.hashtag-empty{padding:18px 20px;border-radius:24px;background:#ffffffc7;border:1px solid rgba(255,255,255,.95);color:#4a7081;box-shadow:0 14px 30px #009bdc1f}.hashtag-inline-error{margin-bottom:18px;color:#9e3557}.hashtag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hashtag-tile{padding:0;border:none;border-radius:22px;overflow:hidden;cursor:pointer;background:linear-gradient(180deg,#fffffff0,#d7f5ffd1);box-shadow:0 16px 34px #009bdc29,inset 0 1px #ffffffeb;transition:transform .2s ease,box-shadow .2s ease}.hashtag-tile:hover{transform:translateY(-4px);box-shadow:0 22px 42px #009bdc33,inset 0 1px #ffffffeb}.hashtag-tile-media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:linear-gradient(180deg,#e0fafff5,#b4ecffdb)}.hashtag-tile-media img,.hashtag-tile-media video{width:100%;height:100%;object-fit:cover;display:block}.hashtag-text-fallback{display:flex;width:100%;height:100%;padding:20px;align-items:flex-end;color:#0d6584;font-size:1rem;font-weight:700;line-height:1.4}.hashtag-tile-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(8,74,96,.7) 100%)}.hashtag-tile-stats{position:absolute;left:12px;right:12px;bottom:10px;display:flex;justify-content:space-between;gap:12px;color:#fff;font-size:.74rem;font-weight:700}@media(max-width:920px){.hashtag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.hashtag-page{margin-top:72px;padding:0 16px}.hashtag-hero{flex-direction:column;align-items:stretch}.hashtag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.report-page{min-height:100vh;padding-top:90px;display:flex;justify-content:center;align-items:flex-start;font-family:Segoe UI,sans-serif}.report-card{width:90%;max-width:600px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(160deg,#ffffffbf,#d2f5ff73);border-radius:30px;padding:30px;border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 50px #00a0ff40,inset 0 1px 3px #ffffffe6}.report-title{text-align:center;color:#07a;margin-bottom:25px;text-shadow:0 0 10px rgba(0,200,255,.4);font-weight:700;font-size:1.6rem}.report-subtitle{margin:0 0 16px;text-align:center;color:#3f7d92;font-size:.98rem}.report-options{display:grid;gap:12px;margin-bottom:20px}.report-option{display:flex;align-items:center;gap:14px;padding:15px 18px;border-radius:24px;cursor:pointer;background:linear-gradient(to bottom,#ffffffeb,#e4f8ffc7);border:1px solid rgba(255,255,255,.92);box-shadow:inset 0 1px 2px #ffffffe6,0 8px 18px #00b4ff29;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.report-option:hover{transform:translateY(-1px);box-shadow:inset 0 1px 2px #fffffff2,0 10px 22px #00b4ff3d}.report-option.checked{background:linear-gradient(to bottom,#a0edfff5,#4ecdf1c7);box-shadow:inset 0 1px 2px #fffffff5,0 12px 24px #00aaff42}.report-option input{position:absolute;opacity:0;pointer-events:none}.report-option-check{width:24px;height:24px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#fff,#ddf7ff);border:1px solid rgba(0,160,220,.18);color:#07a;font-size:.9rem;font-weight:700;box-shadow:inset 0 1px 2px #fffffff2,0 4px 10px #00a0dc29}.report-option.checked .report-option-check{background:linear-gradient(to bottom,#fff,#c6f5ff);color:#07a}.report-option-label{color:#0d6785;font-size:.98rem;font-weight:600}.report-textarea{width:100%;border-radius:25px;padding:18px;border:none;outline:none;font-size:15px;background:linear-gradient(to bottom,#fff,#eaf8ff);box-shadow:inset 0 3px 8px #00000014,0 0 12px #00b4ff40;margin-bottom:20px}.report-textarea:hover,.report-textarea:focus{transform:translateY(-1px);box-shadow:inset 0 3px 8px #00000014,0 0 18px #00b4ff59;background:linear-gradient(to bottom,#f0fcff,#e0f8ff)}.report-textarea{min-height:120px;resize:vertical}.report-actions{margin-top:25px;display:flex;justify-content:space-between;gap:15px}.cancel-btn,.submit-btn{flex:1;padding:14px;border-radius:50px;border:none;font-weight:700;cursor:pointer;transition:all .25s ease}.cancel-btn{background:linear-gradient(to bottom,#fff,#eaf8ff);color:#07a}.cancel-btn:hover{transform:translateY(-2px)}.submit-btn{background:linear-gradient(to bottom,#7ee0ff,#00bfff);color:#fff;box-shadow:0 6px 18px #0096ff66,inset 0 1px 3px #ffffffe6}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0096ff99}@media(max-width:600px){.report-card{padding:20px;border-radius:25px}.report-textarea{min-height:100px}}.follow-list-page{display:flex;justify-content:center;padding:84px 16px 32px;background:transparent}.follow-list-card{width:100%;max-width:720px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(160deg,#ffffffc7,#c8f0ff6b);border-radius:30px;padding:24px;box-shadow:0 25px 60px #00b4ff47,inset 0 1px 4px #ffffffe6}.follow-list-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.follow-list-back{width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(to bottom,#fff,#dff6ff);color:#08c;font-size:18px;cursor:pointer;box-shadow:0 6px 18px #00b4ff40,inset 0 2px 6px #fffffff2}.follow-list-header-text h2{margin:0;font-size:24px}.follow-list-header-text p{margin:4px 0 0;color:#5c6f7a;font-size:13px}.follow-list-owner{display:block;margin-top:6px;font-size:13px;font-weight:600;color:#3c5866}.follow-list-items{display:flex;flex-direction:column;gap:12px}.follow-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:22px;background:#ffffff8c;box-shadow:0 10px 24px #00a0ff1f,inset 0 1px 2px #ffffffd9}.follow-list-user{display:flex;align-items:center;gap:12px;min-width:0;cursor:pointer}.follow-list-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;background:#d9edf5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.follow-list-avatar img{width:100%;height:100%;object-fit:cover}.follow-list-user-text{min-width:0;display:flex;flex-direction:column}.follow-list-username{font-weight:700;color:#083b52}.follow-list-subtitle{font-size:13px;color:#5c6f7a}.follow-list-action{min-width:106px;padding:10px 16px;border-radius:999px;border:none;cursor:pointer;font-weight:700;color:#fff;background:linear-gradient(to bottom,#7ee0ff,#00bfff);box-shadow:0 8px 20px #00c8ff59,inset 0 2px 6px #ffffffe6}.follow-list-action.following{background:linear-gradient(to bottom,#e8f7fd,#cbeefc);color:#0a6f93}.follow-list-action:disabled{opacity:.75;cursor:default}.follow-list-loading,.follow-list-empty{text-align:center;color:#5c6f7a;padding:36px 12px}.follow-list-spinner{width:42px;height:42px;margin:0 auto 14px;border-radius:50%;border:4px solid rgba(0,180,255,.18);border-top-color:#00bfff;animation:follow-list-spin .8s linear infinite}@keyframes follow-list-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.follow-list-page{padding:76px 10px 24px}.follow-list-card{padding:18px}.follow-list-item{padding:12px}.follow-list-action{min-width:96px;padding:10px 12px}}.post-detail-page{width:100%;padding:24px 0 40px}.post-detail-shell{width:min(100%,760px);margin:25px auto 0}.post-detail-back{margin:0 0 16px;border:none;border-radius:999px;padding:10px 16px;font-weight:600;cursor:pointer;color:#055f7d;background:#ffffffd1;box-shadow:0 10px 24px #00a3e024}.post-detail-card{margin-bottom:0}.post-detail-status{width:min(100%,760px);margin:0 auto;padding:28px 24px;border-radius:28px;background:#ffffffc7;text-align:center;color:#045d75;font-weight:600;box-shadow:0 12px 28px #00a3e01f}.legal-page{min-height:100vh;display:flex;justify-content:center;padding:108px 20px 48px;background:radial-gradient(circle at top left,rgba(255,255,255,.88),transparent 24%),radial-gradient(circle at 86% 12%,rgba(144,239,255,.42),transparent 18%),linear-gradient(160deg,#e5fbff,#cef4ff 44%,#edfaff);font-family:Trebuchet MS,Segoe UI,sans-serif}.legal-card{width:min(860px,100%);padding:34px 30px 30px;border-radius:34px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:radial-gradient(circle at top left,rgba(255,255,255,.96),transparent 24%),linear-gradient(160deg,#ffffffd6,#ccf2ffa8);border:1px solid rgba(255,255,255,.94);box-shadow:0 24px 56px #00a6ff29,inset 0 1px #fffffff5}.legal-kicker{margin:0 0 8px;color:#2597bb;font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.legal-card h1{margin:0;color:#08779a;font-size:clamp(2rem,4vw,2.8rem);text-shadow:0 0 14px rgba(0,211,255,.18)}.legal-updated{margin:12px 0 0;color:#527687;line-height:1.6}.legal-section{margin-top:24px;padding:18px 18px 16px;border-radius:24px;background:#ffffff8f;box-shadow:inset 0 1px #fffffff5,0 12px 24px #00b0ff14}.legal-section h2{margin:0 0 10px;color:#0c7698;font-size:1.06rem}.legal-section p{margin:0;color:#325f70;line-height:1.7}@media(max-width:640px){.legal-page{padding:96px 12px 32px}.legal-card{padding:26px 18px 22px;border-radius:28px}.legal-section{padding:16px 14px 14px;border-radius:20px}}.share-profile-page{min-height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center;padding:30px 20px 60px}.share-profile-card{width:min(100%,460px);padding:34px 28px 30px;text-align:center;border-radius:34px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(160deg,#ffffffd6,#c8f0ff8f);border:1px solid rgba(255,255,255,.92);box-shadow:0 24px 54px #00b4ff38,inset 0 1px #fffffff5}.share-profile-back,.share-profile-copy{border:none;border-radius:999px;cursor:pointer;font-weight:700}.share-profile-back{align-self:flex-start;margin-bottom:14px;padding:10px 16px;color:#0b7a9d;background:linear-gradient(180deg,#ffffffeb,#d8f6ffa3);box-shadow:0 10px 18px #00b4ff14,inset 0 1px #fffffff5}.share-profile-kicker{margin:0 0 8px;color:#5ca4bc;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.share-profile-card h1{margin:0;color:#0a6f92}.share-profile-subtitle{margin:12px auto 0;width:min(100%,320px);color:#3d768d;line-height:1.6}.share-profile-qr-shell{width:min(100%,340px);margin:24px auto 18px;padding:18px;border-radius:30px;background:linear-gradient(180deg,#fffffffa,#e9fbffe0);box-shadow:0 18px 30px #00b4ff1f,inset 0 1px #fffffffa}.share-profile-qr{width:100%;display:block;border-radius:24px}.share-profile-linkbox{padding:14px 18px;border-radius:22px;color:#126d8f;background:linear-gradient(180deg,#ffffffe6,#d6f6ff9e);box-shadow:inset 0 1px #fffffff5,0 10px 18px #00b4ff14;word-break:break-all}.share-profile-copy{margin-top:18px;width:100%;padding:14px 20px;color:#fff;background:linear-gradient(145deg,#00dfff,#00bfff,#4facfe);box-shadow:0 10px 22px #00c8ff59,inset 0 0 16px #ffffff3d}.admin-shell{min-height:100vh;padding:24px;background:linear-gradient(180deg,#e8f6ff,#f7efe5)}.admin-card{max-width:1100px;margin:0 auto;background:#fff;border:1px solid #d5e8f5;border-radius:16px;padding:20px;box-shadow:0 16px 40px #12385e14}.admin-login-card{max-width:460px}.admin-topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.admin-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.admin-links a,.admin-link{color:#0f5f99;text-decoration:none;font-weight:600}.admin-logout-btn{border:1px solid #f3bcbc;border-radius:10px;background:#ffecec;color:#8a1f1f;padding:8px 12px;font-weight:700;cursor:pointer}.admin-form,.admin-search{display:flex;gap:10px;margin-top:14px;margin-bottom:14px}.admin-form{flex-direction:column}.admin-form input,.admin-search input{border:1px solid #bbd5e9;border-radius:10px;padding:10px 12px}.admin-form button,.admin-search button{border:none;border-radius:10px;background:linear-gradient(145deg,#1a87cf,#275dc3);color:#fff;padding:10px 14px;font-weight:600;cursor:pointer}.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.admin-stat{border:1px solid #cde1f0;border-radius:12px;padding:14px;display:flex;flex-direction:column}.admin-stat strong{font-size:28px;line-height:1.1}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid #e3eff7;text-align:left;font-size:14px;vertical-align:top;max-width:280px;word-break:break-word}.admin-error{background:#ffe7e7;color:#8b1d1d;border:1px solid #f6b2b2;padding:10px 12px;border-radius:10px;margin-bottom:12px}.admin-inline-btn{border:1px solid #b7d4e8;border-radius:8px;background:#f2f8fd;color:#174c73;padding:6px 10px;cursor:pointer}.admin-row-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-danger-btn{background:#ffecec;border-color:#f3bcbc;color:#8a1f1f}.admin-inline-btn:disabled{cursor:not-allowed;opacity:.55}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.admin-filter{display:inline-flex;align-items:center;gap:8px;font-weight:600}.admin-pagination{margin-top:14px;display:flex;align-items:center;gap:12px}.admin-pagination button{border:1px solid #b7d4e8;border-radius:8px;background:#f2f8fd;color:#174c73;padding:6px 10px;cursor:pointer}.admin-pagination button:disabled{opacity:.5;cursor:not-allowed}.admin-preview-cell{display:flex;flex-direction:column;gap:8px}.admin-media-link{color:#0f5f99;text-decoration:none;font-weight:600}.admin-media-thumb{width:180px;max-width:100%;border-radius:8px;border:1px solid #d8e7f2;background:#f8fbfe}.admin-file-meta{font-size:12px;color:#4d6b84;word-break:break-word}.admin-select{margin-left:10px;border:1px solid #bbd5e9;border-radius:8px;padding:6px 8px;background:#fff}.admin-response-input{width:260px;max-width:100%;min-height:72px;border:1px solid #bbd5e9;border-radius:8px;padding:8px;resize:vertical}@media(max-width:740px){.admin-stats{grid-template-columns:1fr}.admin-topbar{flex-direction:column;align-items:flex-start}}.app-container{display:grid;grid-template-columns:1fr 600px 1fr;gap:20px;padding:20px}.app-container>*{grid-column:2}.app-container.wide-layout{grid-template-columns:1fr minmax(0,1080px) 1fr}.app-container.tapes-layout{position:fixed;inset:0;display:block;padding:0;overflow:hidden}.app-container.tapes-layout>*{grid-column:auto;height:100%}@media(max-width:1100px){.app-container{grid-template-columns:1fr 500px 1fr}}@media(max-width:768px){.app-container{display:flex;flex-direction:column}.app-container.tapes-layout{position:fixed;inset:0;display:block;padding:0;overflow:hidden}}.welcome-header{text-align:center;padding:40px 20px;background:linear-gradient(160deg,#b6f0ff,#4facfe);color:#004a6e;border-bottom-left-radius:40px;border-bottom-right-radius:40px}.welcome-header h1{font-size:36px;margin-bottom:10px}.welcome-header p{font-size:16px;opacity:.8}.route-loading-shell{min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center;padding:32px 20px}.route-loading-orb{width:44px;height:44px;border:4px solid rgba(66,195,245,.24);border-top-color:#18aee8;border-radius:50%;box-shadow:0 0 18px #1fbaf142;animation:route-loading-spin .8s linear infinite}@keyframes route-loading-spin{to{transform:rotate(360deg)}}.route-loading-card{position:relative;width:min(420px,100%);padding:44px 28px 34px;border-radius:38px;border:1px solid rgba(255,255,255,.68);background:linear-gradient(180deg,#ffffffe6,#cdf1ffa6),radial-gradient(circle at top,rgba(255,255,255,.82),transparent 62%);box-shadow:0 28px 64px #4599e03d,inset 0 1px #fffc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;overflow:hidden}.route-loading-backdrop{position:absolute;inset:0;pointer-events:none}.route-loading-bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 28%,#ffffffe6,#fff3 28%,#72e4ff3d 62%,#72e4ff14);border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 1px #ffffffd9,0 12px 24px #58b8ff24;animation:route-loading-bubble-float 5.4s ease-in-out infinite}.route-loading-bubble-a{width:68px;height:68px;top:18px;left:26px}.route-loading-bubble-b{width:40px;height:40px;top:76px;right:34px;animation-delay:-1.4s}.route-loading-bubble-c{width:28px;height:28px;bottom:96px;left:48px;animation-delay:-2.6s}.route-loading-bubble-d{width:52px;height:52px;bottom:48px;right:42px;animation-delay:-3.2s}.route-loading-cloud{position:absolute;height:28px;border-radius:999px;background:linear-gradient(180deg,#ffffffe0,#dbf7ff99);box-shadow:inset 0 1px #ffffffe0;filter:blur(.2px);opacity:.95;animation:route-loading-cloud-drift 7s ease-in-out infinite}.route-loading-cloud:before,.route-loading-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.route-loading-cloud-a{width:86px;top:54px;left:118px}.route-loading-cloud-a:before{width:30px;height:30px;left:10px;top:-12px}.route-loading-cloud-a:after{width:38px;height:38px;right:12px;top:-18px}.route-loading-cloud-b{width:70px;top:102px;right:92px;animation-delay:-2.5s}.route-loading-cloud-b:before{width:24px;height:24px;left:8px;top:-9px}.route-loading-cloud-b:after{width:32px;height:32px;right:8px;top:-15px}.route-loading-mascot{position:relative;z-index:1;width:166px;margin:0 auto 22px;animation:route-loading-mascot-bob 3.2s ease-in-out infinite}.route-loading-mascot-shadow{width:104px;height:18px;margin:0 auto;border-radius:999px;background:radial-gradient(circle,#409edb47,#409edb00);animation:route-loading-shadow-pulse 3.2s ease-in-out infinite}.route-loading-mascot-body{position:relative;width:138px;height:138px;margin:-8px auto 0;border-radius:38% 38% 42% 42%;background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.96),rgba(255,255,255,.16) 24%,transparent 28%),linear-gradient(180deg,#adf4fff2,#6cc2ffeb 54%,#3e93f4f0);border:1px solid rgba(255,255,255,.74);box-shadow:inset 0 8px 14px #ffffff75,inset 0 -14px 20px #1868b92e,0 24px 42px #57afec47}.route-loading-mascot-body:before,.route-loading-mascot-body:after{content:"";position:absolute;width:26px;height:44px;top:70px;border-radius:999px;background:linear-gradient(180deg,#8ee3fff0,#51acf7f5);box-shadow:inset 0 2px #ffffff8c}.route-loading-mascot-body:before{left:-10px;transform:rotate(25deg)}.route-loading-mascot-body:after{right:-10px;transform:rotate(-25deg)}.route-loading-mascot-highlight{position:absolute;width:74px;height:34px;top:18px;left:22px;border-radius:50%;background:linear-gradient(180deg,#ffffff9e,#fff0);transform:rotate(-10deg)}.route-loading-mascot-face{position:absolute;top:52px;left:50%;transform:translate(-50%);display:flex;gap:24px}.route-loading-mascot-eye{width:10px;height:16px;border-radius:999px;background:#125d93;box-shadow:0 0 0 3px #ffffff2e;animation:route-loading-blink 4.5s ease-in-out infinite;transform-origin:center 70%}.route-loading-mascot-smile{position:absolute;width:34px;height:16px;left:50%;top:78px;transform:translate(-50%);border-bottom:4px solid #0f5c8d;border-radius:0 0 30px 30px}.route-loading-mascot-cheeks{position:absolute;top:70px;left:50%;width:84px;transform:translate(-50%);display:flex;justify-content:space-between}.route-loading-mascot-cheeks span{width:14px;height:8px;border-radius:999px;background:#ff97c080;filter:blur(.3px)}.route-loading-mascot-spark{position:absolute;width:16px;height:16px;background:linear-gradient(180deg,#ffffffeb,#a0f8ff73);clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%);animation:route-loading-sparkle 2.6s ease-in-out infinite}.route-loading-mascot-spark-a{top:24px;right:20px}.route-loading-mascot-spark-b{top:44px;left:18px;width:12px;height:12px;animation-delay:-1.2s}.route-loading-copy{position:relative;z-index:1}.route-loading-title{margin:0 0 8px;font-size:1.15rem;font-weight:800;letter-spacing:.01em;color:#0f527f;text-shadow:0 1px 0 rgba(255,255,255,.85)}.route-loading-subtitle{max-width:290px;margin:0 auto;font-size:.95rem;line-height:1.55;color:#12557cdb}@keyframes route-loading-bubble-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.04)}}@keyframes route-loading-cloud-drift{0%,to{transform:translate(0)}50%{transform:translate(10px)}}@keyframes route-loading-mascot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes route-loading-shadow-pulse{0%,to{transform:scaleX(1);opacity:.42}50%{transform:scaleX(.86);opacity:.26}}@keyframes route-loading-blink{0%,44%,48%,to{transform:scaleY(1)}46%{transform:scaleY(.12)}}@keyframes route-loading-sparkle{0%,to{transform:scale(.8) rotate(0);opacity:.52}50%{transform:scale(1.1) rotate(20deg);opacity:1}}@media(max-width:768px){.route-loading-shell{min-height:calc(100vh - 72px);padding:24px 16px}.route-loading-card{padding:38px 22px 30px;border-radius:30px}.route-loading-mascot{width:148px}.route-loading-mascot-body{width:124px;height:124px}.route-loading-title{font-size:1.06rem}.route-loading-subtitle{font-size:.9rem}}.profile-page,.profile-card,.profile-posts{width:100%;max-width:100%}:root{--beige-dark: #7a5c40;--beige-medium: #d6b895;--beige-light: #f5e6d3;--accent-pink: #ff85a2;--accent-cyan: #00d4ff;--white: #ffffff;--black: #000000;--shadow-border: #7a5c40;--button-bg: #d6b895;--button-hover-bg: #7a5c40;--glow-light: rgba(0, 200, 255, .35);--glow-medium: rgba(0, 180, 255, .25);--glow-dark: rgba(0, 150, 255, .15)}*{margin:0;padding:0;box-sizing:border-box}button,input,.chat-preview,.notification-card,.message{transition:all .2s ease}html,body{overflow-x:hidden}body{font-family:Segoe UI,sans-serif;background:linear-gradient(180deg,var(--beige-light) 0%,#e0f7ff 50%,var(--beige-light) 100%);color:var(--beige-dark);min-height:100vh}body[data-theme=dark]{color:#d9f5ff;background:radial-gradient(circle at top left,rgba(78,177,216,.18),transparent 24%),linear-gradient(180deg,#0b1622,#102433 48%,#0b1622)}body[data-theme=dark] .top-header,body[data-theme=dark] .profile-dropdown,body[data-theme=dark] .settings-hero,body[data-theme=dark] .settings-section,body[data-theme=dark] .settings-flow-card,body[data-theme=dark] .feed-post-card,body[data-theme=dark] .create-post-card,body[data-theme=dark] .edit-post-card,body[data-theme=dark] .edit-profile-card,body[data-theme=dark] .search-post-feed-card,body[data-theme=dark] .search-hashtag-card,body[data-theme=dark] .search-user-card,body[data-theme=dark] .hashtag-hero,body[data-theme=dark] .hashtag-tile,body[data-theme=dark] .post-detail-card,body[data-theme=dark] .profile-card,body[data-theme=dark] .post-card,body[data-theme=dark] .login-aero-card,body[data-theme=dark] .signup-aero-card,body[data-theme=dark] .verify-email-card,body[data-theme=dark] .interests-card{background:linear-gradient(160deg,#12202ceb,#163445d1)!important;border-color:#81ddff33!important;box-shadow:0 18px 40px #00000047,inset 0 1px #b2ebff0f!important;color:#d9f5ff}body[data-theme=dark] .search-tabs button,body[data-theme=dark] .theme-toggle,body[data-theme=dark] .settings-row,body[data-theme=dark] .settings-toggle-row,body[data-theme=dark] .settings-selection-count,body[data-theme=dark] .report-option,body[data-theme=dark] .attachment-count-badge{background:#122534e0!important;color:#d9f5ff!important;box-shadow:0 12px 26px #0000002e,inset 0 1px #b2ebff0d!important}body[data-theme=dark] .search-tabs button.active,body[data-theme=dark] .theme-chip.active,body[data-theme=dark] .settings-row-btn,body[data-theme=dark] .settings-more-btn,body[data-theme=dark] .settings-flow-primary,body[data-theme=dark] .submit-btn,body[data-theme=dark] .hashtag-save-btn,body[data-theme=dark] .signup-aero-btn,body[data-theme=dark] .login-aero-btn,body[data-theme=dark] .verify-email-btn,body[data-theme=dark] .interests-submit-btn{background:linear-gradient(145deg,#1db7d8,#0d8fd1,#3668f4)!important;color:#fff!important}body[data-theme=dark] input,body[data-theme=dark] textarea,body[data-theme=dark] select,body[data-theme=dark] .search-input,body[data-theme=dark] .mobile-search-input,body[data-theme=dark] .settings-flow-input,body[data-theme=dark] .create-textarea{background:linear-gradient(180deg,#0b1b27f5,#152a3ae6)!important;color:#e8fbff!important;border-color:#81ddff33!important}body[data-theme=dark] input::placeholder,body[data-theme=dark] textarea::placeholder,body[data-theme=dark] .search-title,body[data-theme=dark] .settings-hero h1,body[data-theme=dark] .settings-section-header h2,body[data-theme=dark] .hashtag-hero h1,body[data-theme=dark] .verify-email-title,body[data-theme=dark] .signup-aero-title,body[data-theme=dark] .login-aero-title{color:#c9f6ff!important}body[data-theme=dark] .settings-subtitle,body[data-theme=dark] .settings-row-value,body[data-theme=dark] .settings-section-header p,body[data-theme=dark] .settings-row-pending,body[data-theme=dark] .report-subtitle,body[data-theme=dark] .edit-profile-hint,body[data-theme=dark] .profile-bio-empty,body[data-theme=dark] .search-hashtag-count,body[data-theme=dark] .hashtag-meta,body[data-theme=dark] .post-detail-status,body[data-theme=dark] .empty-text,body[data-theme=dark] .verify-email-subtitle,body[data-theme=dark] .signup-password-hint{color:#9dc4d3!important}body[data-theme=dark] .report-card .report-subtitle{color:#000!important}body[data-theme=dark] .follow-list-page{background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body[data-theme=dark] .follow-list-header-text h2,body[data-theme=dark] .follow-list-header-text p,body[data-theme=dark] .follow-list-owner,body[data-theme=dark] .follow-list-username,body[data-theme=dark] .follow-list-subtitle,body[data-theme=dark] .follow-list-loading,body[data-theme=dark] .follow-list-loading p,body[data-theme=dark] .follow-list-empty,body[data-theme=dark] .follow-list-item,body[data-theme=dark] .follow-list-user-text,body[data-theme=dark] .follow-list-back{color:#000!important}body[data-theme=dark] .follow-list-card .follow-list-header-text h2,body[data-theme=dark] .follow-list-card .follow-list-owner,body[data-theme=dark] .follow-list-card .follow-list-username,body[data-theme=dark] .follow-list-card .follow-list-empty{color:#000!important;-webkit-text-fill-color:#000000!important;text-shadow:none!important}body[data-theme=dark] .welcome-header,body[data-theme=dark] .mobile-search-dropdown,body[data-theme=dark] .messages-page,body[data-theme=dark] .notifications-page,body[data-theme=dark] .chat-page,body[data-theme=dark] .comment-sheet,body[data-theme=dark] .comment-input-bar,body[data-theme=dark] .report-page-card,body[data-theme=dark] .not-found-card{background:linear-gradient(160deg,#12202cf0,#142e3de0)!important;border-color:#81ddff33!important;color:#d9f5ff!important}body[data-theme=dark] .logo,body[data-theme=dark] .welcome-header h1,body[data-theme=dark] .welcome-header p,body[data-theme=dark] .profile-dropdown-copy strong,body[data-theme=dark] .profile-posts h3,body[data-theme=dark] .follow-list-header-text h2,body[data-theme=dark] .follow-list-username,body[data-theme=dark] .search-post-username,body[data-theme=dark] .search-hashtag-tag,body[data-theme=dark] .search-user-card span,body[data-theme=dark] .feed-post-username,body[data-theme=dark] .post-username,body[data-theme=dark] .profile-card h2,body[data-theme=dark] .stat-number,body[data-theme=dark] .comment-author,body[data-theme=dark] .comment-user,body[data-theme=dark] .comment-username,body[data-theme=dark] .thread-author,body[data-theme=dark] .comment-header,body[data-theme=dark] .messages-title,body[data-theme=dark] .notifications-title,body[data-theme=dark] .chat-username,body[data-theme=dark] .follow-list-title,body[data-theme=dark] .report-page-title,body[data-theme=dark] .not-found-title,body[data-theme=dark] .post-detail-back,body[data-theme=dark] .post-detail-shell .feed-post-username,body[data-theme=dark] .profile-btn,body[data-theme=dark] .profile-card-dropdown-item,body[data-theme=dark] .profile-card-menu-btn,body[data-theme=dark] .feed-post-more,body[data-theme=dark] .search-post-more,body[data-theme=dark] .post-more,body[data-theme=dark] .nav-button,body[data-theme=dark] .mobile-fab-create{color:#d7f7ff!important}body[data-theme=dark] .feed-post-date,body[data-theme=dark] .post-date,body[data-theme=dark] .search-post-date,body[data-theme=dark] .comment-date,body[data-theme=dark] .thread-teaser,body[data-theme=dark] .comment-time,body[data-theme=dark] .message-time,body[data-theme=dark] .notification-time,body[data-theme=dark] .chat-preview-time,body[data-theme=dark] .stat-label,body[data-theme=dark] .profile-card p,body[data-theme=dark] .profile-dropdown-copy span,body[data-theme=dark] .follow-list-header-text p,body[data-theme=dark] .follow-list-subtitle,body[data-theme=dark] .follow-list-loading,body[data-theme=dark] .follow-list-empty,body[data-theme=dark] .follow-user-handle,body[data-theme=dark] .report-page-subtitle,body[data-theme=dark] .not-found-subtitle,body[data-theme=dark] .no-posts-message,body[data-theme=dark] .search-post-count-group,body[data-theme=dark] .feed-like-count,body[data-theme=dark] .like-count{color:#9dc4d3!important}body[data-theme=dark] .feed-post-content,body[data-theme=dark] .post-content,body[data-theme=dark] .search-post-content,body[data-theme=dark] .comment-text,body[data-theme=dark] .thread-text,body[data-theme=dark] .profile-bio,body[data-theme=dark] .message-preview,body[data-theme=dark] .notification-text,body[data-theme=dark] .chat-message-text,body[data-theme=dark] .report-option-label,body[data-theme=dark] .follow-user-name,body[data-theme=dark] .post-detail-card .feed-post-content{color:#d9f5ff!important}body[data-theme=dark] .search-post-dropdown,body[data-theme=dark] .feed-post-dropdown,body[data-theme=dark] .comment-menu-dropdown,body[data-theme=dark] .post-dropdown,body[data-theme=dark] .profile-card-dropdown,body[data-theme=dark] .profile-dropdown,body[data-theme=dark] .modal-card,body[data-theme=dark] .search-post-modal-card,body[data-theme=dark] .aero-notice,body[data-theme=dark] .follow-user-card,body[data-theme=dark] .notification-card,body[data-theme=dark] .chat-preview,body[data-theme=dark] .message-thread-card,body[data-theme=dark] .comment-card,body[data-theme=dark] .comment-reply-card{background:#10222feb!important;border-color:#81ddff29!important;color:#d9f5ff!important}body[data-theme=dark] .search-post-action-btn,body[data-theme=dark] .post-action-btn,body[data-theme=dark] .feed-post-action-btn,body[data-theme=dark] .carousel-arrow,body[data-theme=dark] .feed-carousel-arrow,body[data-theme=dark] .search-post-carousel-arrow,body[data-theme=dark] .post-detail-back,body[data-theme=dark] .follow-list-back,body[data-theme=dark] .comment-reply-btn,body[data-theme=dark] .comment-like-btn,body[data-theme=dark] .thread-reply-btn,body[data-theme=dark] .comment-menu-btn,body[data-theme=dark] .profile-card-menu-btn,body[data-theme=dark] .feed-post-more,body[data-theme=dark] .search-post-more,body[data-theme=dark] .post-more,body[data-theme=dark] .profile-dropdown-action,body[data-theme=dark] .cancel-btn,body[data-theme=dark] .edit-close-btn,body[data-theme=dark] .attachment-btn,body[data-theme=dark] .verify-email-resend{background:#122534e6!important;color:#d7f7ff!important;border-color:#81ddff29!important}body[data-theme=dark] .search-post-action-btn,body[data-theme=dark] .post-action-btn,body[data-theme=dark] .feed-post-action-btn{background:transparent!important;border-color:transparent!important;box-shadow:none!important}body[data-theme=dark] .search-post-action-btn:hover,body[data-theme=dark] .post-action-btn:hover,body[data-theme=dark] .feed-post-action-btn:hover{filter:drop-shadow(0 4px 10px rgba(93,217,255,.32))}body[data-theme=dark] .search-post-action-btn.liked,body[data-theme=dark] .post-action-btn.liked,body[data-theme=dark] .feed-post-action-btn.liked{color:#ff7dbc!important;filter:drop-shadow(0 0 10px rgba(255,125,188,.34))}body[data-theme=dark] .search-post-action-btn.reposted,body[data-theme=dark] .post-action-btn.reposted,body[data-theme=dark] .feed-post-action-btn.reposted{color:#65e8ce!important;filter:drop-shadow(0 0 10px rgba(101,232,206,.3))}body[data-theme=dark] .message-wrapper.received .message-bubble,body[data-theme=dark] .message-wrapper.received .message-bubble-text{color:#102433!important}body[data-theme=dark] .profile-placeholder,body[data-theme=dark] .search-post-avatar,body[data-theme=dark] .feed-post-user-avatar,body[data-theme=dark] .post-user-avatar,body[data-theme=dark] .avatar-placeholder,body[data-theme=dark] .report-option-check,body[data-theme=dark] .follow-list-avatar,body[data-theme=dark] .profile-avatar,body[data-theme=dark] .pfp-preview{background:linear-gradient(180deg,#132f3ef5,#1d4d62e0)!important;color:#d7f7ff!important}body[data-theme=dark] .report-option.checked{background:linear-gradient(180deg,#2b6e89f5,#1c4a5ff0)!important}body[data-theme=dark] .profile-dropdown:before{background:linear-gradient(145deg,#122534f5,#1d4d62e0)!important;border-top-color:#81ddff29!important;border-left-color:#81ddff29!important}body[data-theme=dark] .comment-item,body[data-theme=dark] .thread-wrapper{background:#0e1f2bc7!important;border-color:#81ddff24!important}body[data-theme=dark] .feed-post-card,body[data-theme=dark] .search-post-feed-card,body[data-theme=dark] .follow-list-item{color:#d9f5ff!important}body[data-theme=dark] .feed-dropdown-item,body[data-theme=dark] .search-post-dropdown-item,body[data-theme=dark] .dropdown-item,body[data-theme=dark] .comment-menu-item,body[data-theme=dark] .aero-notice-copy strong,body[data-theme=dark] .aero-notice-copy p,body[data-theme=dark] .aero-notice-close{color:#d7f7ff!important}body[data-theme=dark] .feed-dropdown-item.delete,body[data-theme=dark] .search-post-dropdown-item.delete,body[data-theme=dark] .dropdown-item.delete,body[data-theme=dark] .comment-menu-item.delete{color:#ff8ea8!important}body[data-theme=dark] .feed-dropdown-item.report,body[data-theme=dark] .search-post-dropdown-item.report,body[data-theme=dark] .dropdown-item.report{color:#ffd077!important}body[data-theme=dark] .feed-dropdown-item.edit,body[data-theme=dark] .search-post-dropdown-item.edit,body[data-theme=dark] .dropdown-item.edit{color:#90e7ff!important}body[data-theme=dark] .search-input::placeholder,body[data-theme=dark] .mobile-search-input::placeholder,body[data-theme=dark] .create-textarea::placeholder,body[data-theme=dark] .settings-flow-input::placeholder{color:#85afbf!important}.caption-hashtag-link{border:none;background:transparent;padding:0;margin:0;color:#0b8fc2;font:inherit;font-weight:700;cursor:pointer}.caption-hashtag-link:hover{text-decoration:underline}.caption-mention-link{border:none;background:transparent;padding:0;margin:0;color:#1b7fd6;font:inherit;font-weight:700;cursor:pointer}.caption-mention-link:hover{text-decoration:underline}.verified-badge{width:16px;height:16px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;margin-left:5px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#4fd5ff,#157fe8);box-shadow:0 4px 10px #157fe847,inset 0 1px #ffffff80;font-size:9px;vertical-align:-2px}.verified-badge svg{display:block}.username-with-badge{display:inline-flex;align-items:center;min-width:0;gap:0}body[data-theme=dark] .verified-badge{background:linear-gradient(145deg,#7ee8ff,#278cff);box-shadow:0 4px 12px #47b7ff61,inset 0 1px #ffffff75}body[data-theme=dark] .welcome-page,body[data-theme=dark] .login-aero-page,body[data-theme=dark] .signup-aero-page,body[data-theme=dark] .verify-email-page,body[data-theme=dark] .interests-page{background:linear-gradient(160deg,#e0f7ff,#c9f6ff,#dffbff)!important;color:#0a6e92!important}body[data-theme=dark] .verify-email-page{background:linear-gradient(160deg,#e6fbff,#cef5ff,#eafcff)!important}body[data-theme=dark] .interests-page{background:radial-gradient(circle at top left,rgba(255,255,255,.85),transparent 32%),radial-gradient(circle at 85% 14%,rgba(117,241,255,.4),transparent 24%),linear-gradient(160deg,#e8fcff,#cbf4ff 38%,#eafcff)!important}body[data-theme=dark] .welcome-card,body[data-theme=dark] .login-aero-card,body[data-theme=dark] .signup-aero-card,body[data-theme=dark] .verify-email-card,body[data-theme=dark] .interests-card{background:linear-gradient(160deg,#ffffffd6,#c8f0ffa3)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 20px 40px #0096ff40,inset 0 0 20px #ffffff80!important;color:#0a6e92!important}body[data-theme=dark] .verify-email-card{background:linear-gradient(160deg,#ffffffdb,#cdf1ffad)!important}body[data-theme=dark] .interests-card{background:linear-gradient(160deg,#ffffffd1,#c7efffa6)!important;box-shadow:0 22px 54px #0096ff2e,inset 0 0 24px #ffffff94!important}body[data-theme=dark] .welcome-card h2,body[data-theme=dark] .welcome-card p,body[data-theme=dark] .login-aero-title,body[data-theme=dark] .signup-aero-title,body[data-theme=dark] .verify-email-title,body[data-theme=dark] .verify-email-subtitle,body[data-theme=dark] .interests-kicker,body[data-theme=dark] .interests-title,body[data-theme=dark] .interests-subtitle,body[data-theme=dark] .interests-selection-count,body[data-theme=dark] .interest-pill-label,body[data-theme=dark] .signup-password-hint,body[data-theme=dark] .login-aero-create a,body[data-theme=dark] .signup-login-link,body[data-theme=dark] .signup-login-link a{color:inherit!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}body[data-theme=dark] .welcome-card h2,body[data-theme=dark] .login-aero-title,body[data-theme=dark] .signup-aero-title,body[data-theme=dark] .verify-email-title,body[data-theme=dark] .interests-title{color:#09799b!important}body[data-theme=dark] .welcome-card p,body[data-theme=dark] .verify-email-subtitle,body[data-theme=dark] .interests-subtitle,body[data-theme=dark] .signup-password-hint{color:#4e7484!important}body[data-theme=dark] .interests-kicker,body[data-theme=dark] .interests-selection-count{color:#1187aa!important}body[data-theme=dark] .login-aero-input,body[data-theme=dark] .signup-aero-input,body[data-theme=dark] .verify-email-code-input{background:linear-gradient(to bottom,#ffffffe6,#dcf5ffb3)!important;color:#0e7192!important;border-color:transparent!important}body[data-theme=dark] .login-aero-input::placeholder,body[data-theme=dark] .signup-aero-input::placeholder,body[data-theme=dark] .verify-email-code-input::placeholder{color:#78a7b9!important}body[data-theme=dark] .login-aero-btn,body[data-theme=dark] .signup-aero-btn,body[data-theme=dark] .verify-email-btn,body[data-theme=dark] .interests-submit-btn{background:linear-gradient(145deg,#00e0ff,#00bfff,#4facfe)!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important;text-shadow:none!important}body[data-theme=dark] .verify-email-resend,body[data-theme=dark] .welcome-buttons button,body[data-theme=dark] .interest-pill{background:linear-gradient(160deg,#ffffffe0,#d4f5ffb8)!important;color:#0d6785!important;border-color:#ffffffe0!important}body[data-theme=dark] .login-aero-create,body[data-theme=dark] .login-aero-create a,body[data-theme=dark] .signup-login-link,body[data-theme=dark] .signup-login-link a{color:#0d6785!important;-webkit-text-fill-color:#0d6785!important;text-shadow:none!important;opacity:1!important;filter:none!important}body[data-theme=dark] .login-aero-card .login-aero-create,body[data-theme=dark] .login-aero-card .login-aero-create a,body[data-theme=dark] .signup-aero-card .signup-login-link,body[data-theme=dark] .signup-aero-card .signup-login-link a,body[data-theme=dark] .login-aero-card a,body[data-theme=dark] .signup-aero-card a{color:#0d6785!important;-webkit-text-fill-color:#0d6785!important;text-shadow:none!important;opacity:1!important}