@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@600;700;800&display=swap";:root{--bg-base: #0D0E15;--bg-surface: #151722;--bg-card: #1E2130;--bg-card-elevated: #282C40;--bg-card-hover: #31364D;--color-brand-raspberry: #E02E5C;--color-brand-dark: #C21D47;--color-sage-seafoam: #2DD4BF;--color-velvet-plum: #7C3AED;--color-warm-amber: #F59E0B;--color-organic-mint: #34D399;--text-high: #F8FAFC;--text-med: #94A3B8;--text-low: #64748B;--font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", sans-serif;--radius-xl: 24px;--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html,body{font-family:var(--font-family);background-color:var(--bg-base);color:var(--text-high);height:100%;width:100%;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100%;position:relative;background-color:var(--bg-base);display:flex;flex-direction:column;overflow:hidden}.app-header{height:60px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-base);z-index:50}.app-logo{font-family:var(--font-heading);font-weight:800;font-size:1.35rem;color:#e02e5c;display:flex;align-items:center;gap:8px;letter-spacing:-.3px}.header-badge{background:var(--bg-surface);color:var(--text-low);font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:10px;text-transform:uppercase;letter-spacing:.6px}.main-content{flex:1;position:relative;overflow-y:auto;overflow-x:hidden;padding-top:max(16px,env(safe-area-inset-top,0px) + 12px);padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom,0px));background:var(--bg-surface);display:flex;align-items:flex-start;justify-content:space-around;z-index:100;padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px)) 10px;border-top:1px solid rgba(255,255,255,.05);box-shadow:0 -4px 20px #0006}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--text-low);cursor:pointer;transition:color .15s ease,transform .12s ease;position:relative;width:52px;height:52px;border-radius:14px}.nav-item:hover{color:var(--text-high)}.nav-item:active{transform:scale(.94)}@keyframes badgePop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.nav-badge{position:absolute;top:6px;right:8px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#e02e5c;color:#fff;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--bg-surface);box-shadow:0 2px 6px #e02e5c66;animation:badgePop .25s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap;box-sizing:border-box}.desktop-nav-badge{position:absolute;top:-6px;right:-8px;background:#e02e5c;color:#fff;font-size:.65rem;font-weight:800;min-width:17px;height:17px;padding:0 4px;border-radius:10px;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none;border:2px solid #141522;box-shadow:0 2px 8px #e02e5c80;z-index:5;animation:badgePop .25s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap;box-sizing:border-box}.desktop-nav-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;border:none;outline:none;background:transparent;color:var(--text-med);cursor:pointer;transition:background-color .14s ease,color .14s ease;text-align:left;width:100%}.desktop-nav-item:hover{background:var(--bg-card);color:var(--text-high)}.desktop-nav-item:hover .nav-icon{color:#e02e5c!important}.desktop-nav-item.active{background:var(--bg-card-elevated);color:var(--text-high)}.desktop-nav-item:active{transform:scale(.98)}.desktop-user-pill{background:#181c2b;border-radius:16px;padding:10px 14px;display:flex;flex-direction:row;align-items:center;gap:12px;cursor:pointer;border:none;outline:none;transition:all .15s ease}.desktop-user-pill:hover{background:#22283a}.desktop-user-pill.active{background:#282e45}.desktop-user-pill:active{transform:scale(.98)}.desktop-coins-pill{display:flex;align-items:center;gap:6px;background:#1c2030;padding:6px 12px;border-radius:20px;font-size:.82rem;font-weight:800;color:#f59e0b;border:none;cursor:pointer;outline:none;transition:all .15s ease}.desktop-coins-pill:hover{background:#2a3048;transform:scale(1.05)}.desktop-coins-pill:active{transform:scale(.96)}.btn-primary{background:#e02e5c;color:#fff;border:none;font-family:var(--font-heading);font-weight:700;font-size:.9rem;padding:13px 20px;border-radius:var(--radius-md);cursor:pointer;transition:opacity .15s ease,transform .1s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.btn-primary:hover{opacity:.92}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--bg-card);border:none;color:var(--text-high);font-family:var(--font-heading);font-weight:600;padding:12px 18px;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease,transform .1s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{background:var(--bg-card-hover)}.btn-secondary:active{transform:scale(.98)}.btn-sage{background:var(--color-sage-seafoam);color:#0d0e15;border:none;font-family:var(--font-heading);font-weight:800;font-size:.9rem;padding:13px 20px;border-radius:var(--radius-md);cursor:pointer;transition:opacity .15s ease,transform .1s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.btn-sage:hover{opacity:.92}.btn-sage:active{transform:scale(.98)}.btn-plum{background:var(--color-velvet-plum);color:#fff;border:none;font-family:var(--font-heading);font-weight:700;font-size:.9rem;padding:13px 20px;border-radius:var(--radius-md);cursor:pointer;transition:opacity .15s ease,transform .1s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.btn-plum:hover{opacity:.92}.btn-plum:active{transform:scale(.98)}.btn-amber{background:var(--color-warm-amber);color:#0d0e15;border:none;font-family:var(--font-heading);font-weight:800;font-size:.9rem;padding:13px 20px;border-radius:var(--radius-md);cursor:pointer;transition:opacity .15s ease,transform .1s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.btn-amber:hover{opacity:.92}.btn-amber:active{transform:scale(.98)}.interactive-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:16px 18px;cursor:pointer;transition:background-color .15s ease,transform .1s ease}.interactive-card:hover{background:var(--bg-card-elevated)}.interactive-card:active{transform:scale(.99)}.poll-option-btn{width:100%;padding:13px 16px;border-radius:12px;background:#1c2030;border:none;color:#f1f5f9;font-size:.86rem;font-weight:600;text-align:left;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:space-between;outline:none}.poll-option-btn:hover{background:#282e45;color:#fff}.poll-option-btn.selected{background:#143834;color:#2dd4bf;font-weight:700}.poll-option-btn:active{transform:scale(.99)}.ios-switch{position:relative;width:48px;height:28px;border-radius:14px;background:#33384d;border:none;cursor:pointer;padding:2px;transition:background-color .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;flex-shrink:0}.ios-switch.active{background:var(--color-organic-mint)}.ios-switch-thumb{width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;transition:transform .2s cubic-bezier(.4,0,.2,1);transform:translate(0)}.ios-switch.active .ios-switch-thumb{transform:translate(20px)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.72rem;font-weight:700;color:var(--text-low);margin-bottom:8px;text-transform:uppercase;letter-spacing:.6px}.form-input,.form-select,.form-textarea{width:100%;background:var(--bg-card);border:none;border-radius:var(--radius-md);padding:13px 16px;color:var(--text-high);font-size:.9rem;font-family:var(--font-family);outline:none;transition:background-color .15s ease;-webkit-user-select:text;user-select:text}.form-textarea{resize:none;line-height:1.45}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--bg-card-elevated)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:8px;border:2px solid transparent;background-clip:padding-box;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background:#ffffff52}.chat-messages-feed{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;-webkit-user-select:text;user-select:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .2s ease forwards}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.typing-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background-color:var(--text-med);animation:typingBounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}.malinkly-brand-logo{filter:drop-shadow(0 4px 14px rgba(255,45,141,.22))}@keyframes malinklyPulse{0%{transform:scale(1);filter:drop-shadow(0 4px 16px rgba(255,45,141,.25))}50%{transform:scale(1.06);filter:drop-shadow(0 6px 22px rgba(162,136,255,.45))}to{transform:scale(1);filter:drop-shadow(0 4px 16px rgba(255,45,141,.25))}}.malinkly-logo-animated{animation:malinklyPulse 2.4s ease-in-out infinite}.malinkly-logo-interactive:hover{transform:scale(1.07);filter:drop-shadow(0 6px 20px rgba(255,45,141,.42))}.chat-date-divider{display:flex;align-items:center;justify-content:center;margin:14px 0 6px;-webkit-user-select:none;user-select:none}.chat-date-divider-pill{background:#16192bbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);color:var(--text-med);font-size:.72rem;font-weight:700;padding:4px 14px;border-radius:20px;letter-spacing:.2px;box-shadow:0 4px 12px #00000040}mark{background:transparent;color:inherit}.chat-search-highlight{background:#e02e5c38;color:#ffa5ba;border-radius:3px;padding:1px 3px;margin:0;border:none!important;outline:none!important;box-shadow:none!important;display:inline;transition:background-color .18s ease,color .18s ease}.chat-search-highlight-mine{background:#00000040;color:#fff;border-radius:3px;padding:1px 3px;margin:0;border:none!important;outline:none!important;box-shadow:none!important;display:inline;transition:background-color .18s ease,color .18s ease}.chat-search-highlight.active{background:#e02e5c!important;color:#fff!important;border-radius:3px;padding:1px 4px;margin:0;border:none!important;outline:none!important;font-weight:700;box-shadow:none!important;display:inline}.chat-search-highlight-mine.active{background:#0000008c!important;color:#fff!important;border-radius:3px;padding:1px 4px;margin:0;border:none!important;outline:none!important;font-weight:700;box-shadow:none!important;display:inline}@keyframes messageJumpFlash{0%{filter:brightness(1.2)}to{filter:brightness(1)}}.chat-message-jump-flash{animation:messageJumpFlash .7s ease-out forwards}.chat-scroll-bottom-btn{transform:scale(1);transition:transform .18s cubic-bezier(.175,.885,.32,1.275),background-color .15s ease,color .15s ease,box-shadow .15s ease}.chat-scroll-bottom-btn:hover{transform:scale(1.08);background:#20263efa!important;color:#e02e5c!important;box-shadow:0 6px 20px #00000080!important}.chat-scroll-bottom-btn:active{transform:scale(.92)}
