html,body,#root{margin:0;padding:0;height:100%;width:100%;background:#000;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none}.App{width:100%;height:100%;background:#000;display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;position:relative;padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}@media(max-width:768px){.App{font-size:16px}input,textarea,select,button{font-size:16px!important}button,a,input[type=button],input[type=submit]{touch-action:manipulation}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a855f780}.nav-container{width:100%;display:flex;flex-direction:column;background:linear-gradient(90deg,#0f0f1a,#151530 45%,#1a1a2e);border-bottom:1px solid #2a2a2a;z-index:1000}.nav-desktop{display:none}.nav-links-desktop{display:flex;flex-wrap:wrap;gap:.5rem}.nav-link{color:#e5e7eb;background:transparent;border:1px solid #374151;border-radius:999px;padding:.35rem .75rem;font-size:.85rem;text-decoration:none;font-weight:600;transition:all .3s ease;cursor:pointer;white-space:nowrap}.nav-link:hover{border-color:#22d3ee;color:#22d3ee}.nav-link.active{color:#0f172a;background:#22d3ee;border-color:#22d3ee}.nav-mobile{display:flex;align-items:center;justify-content:space-between;padding:1rem;min-height:56px}.nav-brand{color:#22d3ee;font-weight:800;letter-spacing:.08em;font-size:1.25rem}.hamburger-btn{display:flex;flex-direction:column;gap:5px;background:transparent;border:1px solid #374151;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .3s ease}.hamburger-btn:active,.hamburger-btn:focus{border-color:#22d3ee;outline:none}.hamburger-line{width:24px;height:2.5px;background:#e5e7eb;border-radius:2px;transition:all .3s ease}.hamburger-btn:active .hamburger-line:nth-child(1){transform:rotate(45deg) translateY(11px)}.hamburger-btn:active .hamburger-line:nth-child(2){opacity:0}.hamburger-btn:active .hamburger-line:nth-child(3){transform:rotate(-45deg) translateY(-11px)}.nav-mobile-menu{display:flex;flex-direction:column;gap:0;background:#000000f2;border-top:1px solid #2a2a2a;animation:slideDown .2s ease-out}.nav-mobile-link{display:flex;align-items:center;gap:12px;padding:14px 16px;color:#e5e7eb;text-decoration:none;font-weight:500;border-bottom:1px solid #1f2937;transition:all .2s ease;min-height:54px;touch-action:manipulation}.nav-mobile-link:last-child{border-bottom:none}.nav-mobile-link:active,.nav-mobile-link:hover{background:#22d3ee1a;color:#22d3ee}.nav-mobile-link.active{background:#22d3ee33;color:#22d3ee;border-left:4px solid #22d3ee;padding-left:12px}.mobile-link-icon{font-size:1.5rem;width:32px;text-align:center}.mobile-link-label{flex:1}@media(min-width:768px){.nav-mobile,.nav-mobile-menu{display:none}.nav-desktop{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem}.nav-links-desktop{display:flex;flex-wrap:wrap;gap:.5rem}}@media(max-height:500px)and (max-width:768px){.nav-mobile{padding:.5rem;min-height:44px}.nav-brand{font-size:1rem}.hamburger-btn{padding:4px 8px}.hamburger-line{width:20px;height:2px}.nav-mobile-link{padding:10px 12px;min-height:42px;font-size:.9rem}.mobile-link-icon{font-size:1.25rem;width:28px}}.hamburger-btn:focus-visible{outline:2px solid #22d3ee;outline-offset:2px}.nav-mobile-link:focus-visible{outline:2px solid #22d3ee;outline-offset:-2px}@supports (padding: max(0px)){.nav-container{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}.mara-chat-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;border:none;background:linear-gradient(135deg,#9d4edd,#c77dff);color:#fff;font-size:24px;cursor:pointer;z-index:400;transition:all .3s ease;box-shadow:0 4px 15px #9d4edd66;display:flex;align-items:center;justify-content:center;min-width:60px;min-height:60px;touch-action:manipulation}.mara-chat-button:hover,.mara-chat-button:focus{transform:scale(1.1);box-shadow:0 6px 25px #9d4edd99;outline:none}.mara-chat-button:active{transform:scale(.95)}.mara-chat-modal{position:fixed;inset:auto 0 0;width:100%;height:90vh;max-height:90vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);border:2px solid #9d4edd;border-radius:20px 20px 0 0;box-shadow:0 -4px 40px #9d4edd4d,0 0 60px #9d4edd1a;display:flex;flex-direction:column;z-index:401;animation:slideUp .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(min-width:768px){.mara-chat-modal{bottom:100px;right:30px;left:auto;width:380px;height:600px;max-height:600px;border-radius:15px}}.mara-chat-header{padding:16px;border-bottom:2px solid #9d4edd;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#9d4edd1a,#9d4edd0d)}.mara-chat-title{display:flex;align-items:center;gap:10px}.mara-chat-title h3{margin:0;font-size:18px;color:#c77dff;font-weight:700;letter-spacing:.5px}.mara-mood-emoji{font-size:24px}.mara-close-btn{background:none;border:none;color:#c77dff;font-size:20px;cursor:pointer;padding:0;transition:color .2s}.mara-close-btn:hover{color:#ff6b00}.mara-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.mara-chat-messages::-webkit-scrollbar{width:6px}.mara-chat-messages::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.mara-chat-messages::-webkit-scrollbar-thumb{background:#9d4edd4d;border-radius:3px}.mara-chat-messages::-webkit-scrollbar-thumb:hover{background:#9d4edd80}.mara-welcome{text-align:center;color:#e0e0e0;padding:20px 0}.mara-greeting{font-size:18px;font-weight:700;color:#c77dff;margin-bottom:8px}.mara-welcome p{margin:8px 0;font-size:14px;line-height:1.5}.mara-quick-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px}.mara-quick-actions button{padding:10px 12px;background:linear-gradient(135deg,#9d4edd,#c77dff);border:1px solid #c77dff;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.mara-quick-actions button:hover{background:linear-gradient(135deg,#c77dff,#e0aaff);transform:translate(2px)}.mara-message{display:flex;gap:8px;animation:fadeIn .3s ease}.mara-message.user{justify-content:flex-end}.mara-message.mara{justify-content:flex-start}.mara-message-content{max-width:85%;padding:10px 14px;border-radius:10px;border-left:3px solid #9d4edd;word-wrap:break-word;display:flex;align-items:center;gap:8px}.mara-message.user .mara-message-content{background:linear-gradient(135deg,#9d4edd,#a855f7);color:#fff;border-left-color:#fff}.mara-message.mara .mara-message-content{background:linear-gradient(135deg,#9d4edd33,#9d4edd1a);color:#e0e0e0;border-left-color:#c77dff}.mara-emoji{font-size:18px;display:flex}.mara-message-content p{margin:0;font-size:14px;line-height:1.4}.mara-typing{display:flex;align-items:center;gap:4px;padding:10px 14px;background:linear-gradient(135deg,#9d4edd33,#9d4edd1a);border-radius:10px;border-left:3px solid #c77dff}.mara-typing span{width:6px;height:6px;border-radius:50%;background:#c77dff;animation:bounce 1.4s infinite}.mara-typing span:nth-child(2){animation-delay:.2s}.mara-typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-8px)}}.mara-chat-input{display:flex;gap:8px;padding:12px 16px;border-top:1px solid rgba(157,78,221,.3);background:linear-gradient(135deg,#0a0a0fcc,#1a1a2ecc)}.mara-chat-input input{flex:1;padding:10px 12px;border:1px solid #9d4edd;border-radius:8px;background:#ffffff0d;color:#fff;font-size:14px;outline:none;transition:all .2s}.mara-chat-input input:focus{background:#ffffff1a;box-shadow:0 0 10px #9d4edd4d}.mara-chat-input input::-moz-placeholder{color:#fff6}.mara-chat-input input::placeholder{color:#fff6}.mara-chat-input input:disabled{opacity:.5;cursor:not-allowed}.mara-chat-input button{width:40px;height:40px;border:none;border-radius:8px;background:linear-gradient(135deg,#9d4edd,#c77dff);color:#fff;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-weight:700}.mara-chat-input button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 15px #9d4edd66}.mara-chat-input button:active:not(:disabled){transform:scale(.95)}.mara-chat-input button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.mara-chat-header{padding:14px;font-size:16px}.mara-chat-title h3{font-size:16px}.mara-close-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:24px;padding:0}.mara-chat-messages{padding:12px;gap:10px}.mara-chat-input{padding:10px 12px;gap:6px}.mara-chat-input input{min-height:44px;padding:10px 12px;font-size:16px}.mara-chat-input button{min-width:44px;min-height:44px;width:44px;height:44px;font-size:20px}.mara-message-content{max-width:90%;padding:12px 14px;font-size:15px}.mara-quick-actions{grid-template-columns:1fr}.mara-quick-actions button{min-height:44px;padding:12px;font-size:14px}.mara-greeting{font-size:16px}.mara-welcome p{font-size:13px}}@media(max-height:600px)and (max-width:768px){.mara-chat-modal{height:85vh;max-height:85vh}.mara-chat-messages{padding:8px}.mara-chat-header{padding:10px}.mara-chat-input{padding:8px}}@media(prefers-reduced-motion:reduce){.mara-chat-modal,.mara-message,.mara-quick-actions button{animation:none;transition:none}}@media(max-width:768px){.mara-chat-modal{width:calc(100% - 30px);height:500px;bottom:90px;right:15px}.mara-chat-button{width:50px;height:50px;font-size:20px;bottom:20px;right:20px}}@media(max-width:480px){.mara-chat-modal{position:fixed;width:100%;height:100%;bottom:0;right:0;border-radius:0}.mara-chat-button{bottom:20px;right:20px}}.mara-chat-button:focus-visible,.mara-close-btn:focus-visible,.mara-chat-input button:focus-visible,.mara-quick-actions button:focus-visible{outline:2px solid #9d4edd;outline-offset:2px}@supports (padding: max(0px)){.mara-chat-modal{padding-bottom:max(0px,env(safe-area-inset-bottom))}.mara-chat-button{bottom:max(20px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right))}}.trading-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);z-index:100;display:flex;flex-direction:column;color:#fff;font-family:Inter,sans-serif;overflow:hidden}.trading-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #2a2a3a;min-height:56px;flex-wrap:wrap;gap:8px}.trading-title{color:#00ff7f;font-size:1.1rem;font-weight:800;letter-spacing:2px}.trading-symbol-input{background:#ffffff0d;border:1px solid #00ff7f;border-radius:6px;color:#fff;padding:8px 12px;font-size:13px;min-height:44px}.trading-close-btn{background:none;border:none;color:#00ff7f;font-size:16px;cursor:pointer;padding:8px 12px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:all .2s;touch-action:manipulation;font-weight:600}.trading-close-btn:hover{color:#ff6b00}.trading-close-btn:active{transform:scale(.95)}.trading-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.trading-sidebar{padding:12px;overflow-y:auto;border-bottom:1px solid #2a2a3a;max-height:40vh}.trading-label{color:#00ff7f;font-weight:700;font-size:.8rem;letter-spacing:1px;margin:0 0 10px}.trading-signal-box{background:#00ff7f14;border:1px solid rgba(0,255,127,.3);border-radius:8px;padding:12px;font-size:.8rem;line-height:1.5;color:#ccc;margin-bottom:12px}.trading-filter-row{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.trading-filter-btn{background:#ffffff0d;border:1px solid #2a2a3a;color:#888;padding:5px 12px;border-radius:20px;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s;min-height:44px;touch-action:manipulation}.trading-filter-btn.active{background:#00ff7f26;border-color:#00ff7f;color:#00ff7f}.trading-filter-btn:hover{border-color:#00ff7f;color:#00ff7f}.trading-strategies-list{display:flex;flex-direction:column;gap:6px;max-height:250px;overflow-y:auto}.trading-strategy-item{background:#ffffff08;border:1px solid #2a2a3a;border-radius:6px;padding:8px 12px;cursor:pointer;transition:all .2s;min-height:44px;touch-action:manipulation;text-align:left;color:inherit;font-family:inherit;width:100%}.trading-strategy-item:hover{background:#00ff7f14;border-color:#00ff7f66}.trading-strategy-item.active{background:#00ff7f1f;border-color:#00ff7f}.trading-strategy-item.locked{opacity:.5;cursor:not-allowed}.trading-strategy-item.locked:hover{background:#ff3c3c0d;border-color:#ff6b6b33}.trading-paywall-banner{background:linear-gradient(135deg,#ff6b001f,#ff3c3c14);border:1px solid rgba(255,107,0,.3);border-radius:8px;padding:14px;margin-top:12px;text-align:center}.trading-paywall-banner p{font-size:.8rem;color:#ccc;margin:4px 0}.trading-upgrade-link{display:inline-block;margin-top:8px;color:#00ff7f;font-weight:700;text-decoration:none;font-size:.85rem}.trading-upgrade-link:hover{text-decoration:underline}.trading-chart-area{flex:1;min-height:300px;border-bottom:1px solid #2a2a3a}.trading-ai-panel{padding:12px;overflow-y:auto;max-height:35vh}.trading-ai-title{color:#00ff7f;font-weight:800;font-size:.85rem;letter-spacing:1px;margin-bottom:12px}.trading-ai-content h3{margin:0 0 6px;font-size:1rem}.trading-strat-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.7rem;font-weight:700}.trading-steps-box{background:#00ff7f0f;border:1px solid rgba(0,255,127,.2);border-radius:8px;padding:12px;margin-top:12px}.trading-step-item{color:#ccc;font-size:.85rem;line-height:1.6;padding:4px 0}.trading-ask-section{display:flex;gap:8px;margin-top:16px}.trading-ask-input{flex:1;background:#ffffff0d;border:1px solid rgba(0,255,127,.3);border-radius:6px;color:#fff;padding:10px 12px;font-size:.85rem;font-family:inherit;min-height:44px}.trading-ask-input::-moz-placeholder{color:#666}.trading-ask-input::placeholder{color:#666}.trading-ask-input:focus{outline:none;border-color:#00ff7f}.trading-ask-btn{background:linear-gradient(135deg,#00ff7f,#22d3ee);border:none;color:#000;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:700;font-size:.85rem;white-space:nowrap;transition:all .2s;min-height:44px;touch-action:manipulation}.trading-ask-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00ff7f4d}.trading-ask-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.trading-mara-answer{background:#00ff7f0f;border-left:3px solid #00ff7f;border-radius:6px;padding:12px;margin-top:12px;font-size:.85rem;color:#ccc;line-height:1.6}.trading-empty-ai{color:#666;font-size:.9rem;text-align:center;padding:40px 20px}@media(min-width:1024px){.trading-header{padding:12px 24px}.trading-title{font-size:1.4rem}.trading-content{flex-direction:row;overflow:hidden}.trading-sidebar{width:300px;max-height:none;border-bottom:none;border-right:1px solid #2a2a3a;flex-shrink:0}.trading-strategies-list{max-height:calc(100vh - 350px)}.trading-chart-area{flex:1;min-height:unset;border-bottom:none}.trading-ai-panel{width:320px;max-height:none;border-left:1px solid #2a2a3a;flex-shrink:0}}@media(min-width:1440px){.trading-sidebar{width:340px}.trading-ai-panel{width:380px}}@media(min-width:768px)and (max-width:1023px){.trading-content{flex-direction:column}.trading-sidebar{max-height:30vh}.trading-strategies-list{display:grid;grid-template-columns:repeat(2,1fr);max-height:200px}.trading-chart-area{min-height:350px}}.trading-close-btn:focus-visible,.trading-filter-btn:focus-visible,.trading-strategy-item:focus-visible,.trading-ask-btn:focus-visible{outline:2px solid #00ff7f;outline-offset:2px}@supports (padding: max(0px)){.trading-container{padding-bottom:max(0px,env(safe-area-inset-bottom));padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}.vip-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);z-index:100;display:flex;flex-direction:column;color:#fff;font-family:Inter,sans-serif;overflow:hidden}.vip-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #2a2a3a;min-height:56px}.vip-title{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#d4af37,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.vip-close-btn{background:none;border:none;color:#d4af37;font-size:24px;cursor:pointer;padding:8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:all .2s;touch-action:manipulation}.vip-close-btn:active{color:gold;transform:scale(.95)}.vip-content{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:20px}.vip-status-section{text-align:center;padding:20px;background:#d4af3714;border:1px solid rgba(212,175,55,.3);border-radius:8px}.vip-status-title{font-size:16px;font-weight:600;color:#d4af37;margin-bottom:8px}.vip-status-text{font-size:14px;color:#ccc;margin-bottom:16px;line-height:1.6}.vip-status-badge{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#d4af37,gold);border-radius:20px;color:#0f0f1a;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px}.vip-status-badge.inactive{background:#d4af374d;color:#d4af37}.vip-status-badge.checking{background:#6464964d;color:#7c8dff;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.vip-benefits{display:flex;flex-direction:column;gap:12px}.vip-benefits-title{font-size:16px;font-weight:700;color:#d4af37;margin-bottom:4px}.vip-benefit-item{background:#8b5cf614;border-left:4px solid #d4af37;padding:12px 14px;border-radius:4px;display:flex;gap:10px;align-items:flex-start}.vip-benefit-icon{min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#d4af37;font-size:16px}.vip-benefit-text{display:flex;flex-direction:column;gap:4px}.vip-benefit-name{font-weight:600;font-size:13px;color:#e0e0e0}.vip-benefit-desc{font-size:12px;color:#888;line-height:1.5}.vip-features{display:grid;grid-template-columns:1fr;gap:12px}.vip-feature-card{background:#d4af370d;border:1px solid rgba(212,175,55,.2);border-radius:8px;padding:16px;transition:all .2s;touch-action:manipulation}.vip-feature-card:active{background:#d4af371a;transform:scale(.98)}.vip-feature-name{font-weight:700;font-size:14px;color:#d4af37;margin-bottom:6px}.vip-feature-description{font-size:13px;color:#aaa;line-height:1.6}.vip-action-btn{padding:14px 24px;background:linear-gradient(135deg,#d4af37,gold);border:none;border-radius:8px;color:#0f0f1a;font-weight:700;font-size:14px;cursor:pointer;min-height:44px;transition:all .2s;touch-action:manipulation;text-transform:uppercase;letter-spacing:1px;margin-top:12px}.vip-action-btn:active{transform:scale(.95);opacity:.9}.vip-action-btn.secondary{background:#d4af3733;color:#d4af37;border:1px solid #d4af37}.vip-checking{display:flex;justify-content:center;align-items:center;min-height:80px}.vip-spinner{width:40px;height:40px;border:3px solid rgba(212,175,55,.3);border-top-color:#d4af37;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:768px){.vip-container{position:absolute;width:90%;height:90%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:12px;max-width:800px;max-height:700px}.vip-header{padding:24px 32px;min-height:64px}.vip-title{font-size:2rem}.vip-content{padding:32px}.vip-features{grid-template-columns:repeat(2,1fr);gap:16px}.vip-benefits{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vip-benefit-item{padding:16px}}@media(min-width:1024px){.vip-features{grid-template-columns:repeat(3,1fr)}.vip-content{padding:40px}}@media(max-height:600px){.vip-content{padding:16px 12px;gap:16px}.vip-status-section{padding:12px}.vip-benefits-title,.vip-status-title{font-size:14px}.vip-feature-card{padding:12px}}.vip-close-btn:focus-visible,.vip-action-btn:focus-visible,.vip-feature-card:focus-visible{outline:2px solid #d4af37;outline-offset:2px}@supports (padding: max(0px)){.vip-header{padding-top:max(16px,env(safe-area-inset-top));padding-right:max(16px,env(safe-area-inset-right));padding-left:max(16px,env(safe-area-inset-left))}.vip-content{padding-bottom:max(20px,env(safe-area-inset-bottom))}}.vip-error{background:#ff222226;border:1px solid rgba(255,34,34,.4);border-radius:8px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#ff6b6b}.vip-error button{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:16px;padding:4px}.vip-success{background:#00ff7f26;border:1px solid rgba(0,255,127,.4);border-radius:8px;padding:12px 16px;font-size:13px;color:#00ff7f;text-align:center}.vip-compare{display:flex;flex-direction:column;gap:0;border:1px solid rgba(212,175,55,.2);border-radius:8px;overflow:hidden}.vip-compare-row{display:grid;grid-template-columns:2fr 1fr 1fr;padding:10px 14px;font-size:13px;color:#ccc;border-bottom:1px solid rgba(212,175,55,.1)}.vip-compare-row:last-child{border-bottom:none}.vip-compare-row.header{background:#d4af371a;font-weight:700;color:#d4af37;font-size:12px;text-transform:uppercase}.vip-compare-row span:nth-child(2){text-align:center;color:#888}.vip-compare-row span:nth-child(3){text-align:center;color:#d4af37;font-weight:600}.vip-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vip-plan-card{background:#d4af370d;border:2px solid rgba(212,175,55,.2);border-radius:10px;padding:20px 16px;text-align:center;cursor:pointer;transition:all .2s;position:relative;font-family:inherit;color:inherit}.vip-plan-card.selected{border-color:#d4af37;background:#d4af371f}.vip-plan-card:active{transform:scale(.97)}.vip-plan-name{font-size:12px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.vip-plan-price{font-size:28px;font-weight:800;color:#d4af37}.vip-plan-price span{font-size:13px;font-weight:400;color:#888}.vip-plan-desc{font-size:12px;color:#aaa;margin-top:6px}.vip-plan-badge{position:absolute;top:-1px;right:-1px;background:linear-gradient(135deg,#d4af37,gold);color:#0f0f1a;font-size:11px;font-weight:700;padding:3px 8px;border-radius:0 8px;text-transform:uppercase}.vip-payment-tabs{display:flex;gap:0;border:1px solid rgba(212,175,55,.3);border-radius:8px;overflow:hidden}.vip-pay-tab{flex:1;background:none;border:none;color:#888;padding:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.vip-pay-tab.active{background:#d4af3726;color:#d4af37}.vip-bank-details{display:flex;flex-direction:column;gap:12px}.vip-bank-field{display:flex;justify-content:space-between;padding:10px 14px;background:#d4af370f;border-radius:6px;font-size:13px}.vip-bank-label{color:#888}.vip-bank-value{color:#e0e0e0;font-weight:600;font-family:monospace;-webkit-user-select:all;-moz-user-select:all;user-select:all}.vip-form-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#ccc}.vip-form-input{background:#d4af3714;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:12px 14px;color:#fff;font-size:14px;font-family:inherit}.vip-form-input:focus{outline:none;border-color:#d4af37}.vip-form-input::-moz-placeholder{color:#666}.vip-form-input::placeholder{color:#666}.vip-paypal-section{display:flex;flex-direction:column;gap:16px}.vip-action-btn.paypal{background:linear-gradient(135deg,#0070ba,#003087)}.vip-back-link{background:none;border:none;color:#d4af37;cursor:pointer;font-size:13px;margin-top:8px;text-decoration:underline}.vip-orders-list{display:flex;flex-direction:column;gap:10px}.vip-order-card{background:#d4af370f;border:1px solid rgba(212,175,55,.15);border-radius:8px;padding:14px}.vip-order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.vip-order-plan{font-weight:700;font-size:14px;color:#e0e0e0;text-transform:uppercase}.vip-order-status{font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px}.vip-order-status.pending{background:#ffa50033;color:orange}.vip-order-status.confirmed{background:#00ff7f33;color:#00ff7f}.vip-order-status.rejected{background:#f223;color:#f44}.vip-order-details{display:flex;justify-content:space-between;font-size:12px;color:#888}@media(max-width:480px){.vip-title{font-size:1.1rem;letter-spacing:1px}.vip-content{padding:16px 12px;gap:16px}.vip-plans{grid-template-columns:1fr;gap:10px}.vip-plan-price{font-size:24px}.vip-compare-row{font-size:12px;padding:8px 10px}.vip-compare-row.header{font-size:11px}.vip-bank-field{flex-direction:column;gap:4px}.vip-bank-value{font-size:12px;word-break:break-all}.vip-plan-card{font-family:inherit;color:inherit}}.creator-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);z-index:100;display:flex;flex-direction:column;color:#fff;font-family:Inter,sans-serif;overflow:hidden}.creator-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #2a2a3a;min-height:56px}.creator-title{font-size:1.5rem;font-weight:800;color:#ff6b00;letter-spacing:2px}.creator-close-btn{background:none;border:none;color:#ff6b00;font-size:24px;cursor:pointer;padding:8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:all .2s;touch-action:manipulation}.creator-close-btn:active{color:orange;transform:scale(.95)}.creator-content{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:20px}.creator-welcome{text-align:center;padding:24px 16px;background:#ff6b0014;border:1px solid rgba(255,107,0,.3);border-radius:8px}.creator-welcome-title{font-size:18px;font-weight:700;color:#ff6b00;margin-bottom:8px}.creator-welcome-text{font-size:13px;color:#ccc;line-height:1.6;margin-bottom:12px}.creator-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.creator-action-card{background:#ff6b0014;border:1px solid rgba(255,107,0,.3);border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all .2s;touch-action:manipulation}.creator-action-card:active{background:#ff6b0026;transform:scale(.97)}.creator-action-icon{font-size:28px;color:#ff6b00}.creator-action-label{font-weight:600;font-size:12px;color:#e0e0e0;text-align:center;line-height:1.4}.creator-features{display:flex;flex-direction:column;gap:12px}.creator-features-title{font-size:16px;font-weight:700;color:#ff6b00;margin-bottom:4px}.creator-feature-item{background:#8b5cf614;border-left:4px solid #ff6b00;padding:14px;border-radius:4px;display:flex;gap:12px;align-items:flex-start;transition:all .2s;touch-action:manipulation}.creator-feature-item:active{background:#8b5cf61f;transform:scale(.98)}.creator-feature-icon{min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#ff6b00;font-size:16px}.creator-feature-text{display:flex;flex-direction:column;gap:4px}.creator-feature-name{font-weight:600;font-size:13px;color:#e0e0e0}.creator-feature-desc{font-size:12px;color:#888;line-height:1.5}.creator-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.creator-stat-card{background:#ff6b0014;border:1px solid rgba(255,107,0,.3);border-radius:8px;padding:16px;text-align:center}.creator-stat-value{font-size:20px;font-weight:800;color:#ff6b00;margin-bottom:4px}.creator-stat-label{font-size:12px;color:#888;font-weight:500}.creator-button-group{display:flex;flex-direction:column;gap:12px;margin-top:12px}.creator-button{padding:14px 20px;background:linear-gradient(135deg,#ff6b00,orange);border:none;border-radius:8px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;min-height:44px;transition:all .2s;touch-action:manipulation;text-transform:uppercase;letter-spacing:.5px}.creator-button:active{transform:scale(.95);opacity:.9}.creator-button.secondary{background:#ff6b0033;border:1px solid #ff6b00;color:#ff6b00}.creator-button.disabled{opacity:.5;cursor:not-allowed}.creator-button.disabled:active{transform:none}.creator-analytics{background:#ff6b000d;border:1px solid rgba(255,107,0,.2);border-radius:8px;padding:16px}.creator-analytics-title{font-weight:700;font-size:14px;color:#ff6b00;margin-bottom:12px}.creator-analytics-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,107,0,.1);font-size:13px}.creator-analytics-item:last-child{border-bottom:none}.creator-analytics-label{color:#ccc}.creator-analytics-value{color:#ff6b00;font-weight:600}@media(min-width:768px){.creator-container{position:absolute;width:90%;height:90%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:12px;max-width:900px;max-height:750px}.creator-header{padding:24px 32px;min-height:64px}.creator-title{font-size:2rem}.creator-content{padding:32px;gap:24px}.creator-actions{grid-template-columns:repeat(4,1fr);gap:16px}.creator-action-card{padding:20px 14px}.creator-stats{grid-template-columns:repeat(4,1fr);gap:16px}.creator-features{display:grid;grid-template-columns:1fr 1fr;gap:12px}.creator-features-title{grid-column:1 / -1}.creator-button-group{flex-direction:row;margin-top:16px}.creator-button{flex:1}}@media(min-width:1024px){.creator-content{padding:40px}.creator-actions{grid-template-columns:repeat(6,1fr)}.creator-stats{grid-template-columns:repeat(4,1fr)}}@media(max-height:600px){.creator-content{padding:16px 12px;gap:16px}.creator-actions{grid-template-columns:repeat(4,1fr);gap:10px}.creator-action-card{padding:12px 10px}.creator-action-icon{font-size:20px}.creator-action-label{font-size:11px}.creator-features-title{font-size:14px}}.creator-close-btn:focus-visible,.creator-action-card:focus-visible,.creator-button:focus-visible,.creator-feature-item:focus-visible{outline:2px solid #ff6b00;outline-offset:2px}@supports (padding: max(0px)){.creator-header{padding-top:max(16px,env(safe-area-inset-top));padding-right:max(16px,env(safe-area-inset-right));padding-left:max(16px,env(safe-area-inset-left))}.creator-content{padding-bottom:max(20px,env(safe-area-inset-bottom))}}.creator-tabs{display:flex;gap:0;border-bottom:1px solid #2a2a3a;padding:0 16px}.creator-tab{flex:1;background:none;border:none;color:#888;font-size:13px;font-weight:600;padding:12px 8px;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;touch-action:manipulation}.creator-tab.active{color:#ff6b00;border-bottom-color:#ff6b00}.creator-tab:hover{color:orange}.creator-error{background:#ff222226;border:1px solid rgba(255,34,34,.4);border-radius:8px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#ff6b6b}.creator-error button{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:16px;padding:4px}.creator-success{background:#00ff7f26;border:1px solid rgba(0,255,127,.4);border-radius:8px;padding:12px 16px;font-size:13px;color:#00ff7f;text-align:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.creator-upload-form{display:flex;flex-direction:column;gap:16px}.creator-form-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#ccc}.creator-form-input{background:#ff6b0014;border:1px solid rgba(255,107,0,.3);border-radius:8px;padding:12px 14px;color:#fff;font-size:14px;font-family:inherit;transition:border-color .2s}.creator-form-input:focus{outline:none;border-color:#ff6b00}.creator-form-input::-moz-placeholder{color:#666}.creator-form-input::placeholder{color:#666}.creator-form-textarea{background:#ff6b0014;border:1px solid rgba(255,107,0,.3);border-radius:8px;padding:12px 14px;color:#fff;font-size:14px;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s}.creator-form-textarea:focus{outline:none;border-color:#ff6b00}.creator-form-textarea::-moz-placeholder{color:#666}.creator-form-textarea::placeholder{color:#666}.creator-video-grid{display:grid;grid-template-columns:1fr;gap:16px}.creator-video-card{background:#ff6b000f;border:1px solid rgba(255,107,0,.2);border-radius:10px;overflow:hidden;transition:border-color .2s}.creator-video-card:hover{border-color:#ff6b0080}.creator-video-thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:#0006;overflow:hidden}.creator-video-thumb-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.creator-video-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;background:linear-gradient(135deg,#1a1a2e,#2a2a3a)}.creator-video-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:20px 12px 8px;display:flex;gap:12px;font-size:12px;color:#ddd}.creator-video-info{padding:10px 12px}.creator-video-title{font-weight:700;font-size:14px;color:#e0e0e0;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-video-date{font-size:11px;color:#888}.creator-video-actions{padding:8px 12px 12px;display:flex;gap:8px;align-items:center}.creator-video-btn{padding:6px 12px;border-radius:6px;border:1px solid rgba(255,107,0,.3);background:#ff6b001a;color:#ff6b00;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s}.creator-video-btn:hover{background:#ff6b0033}.creator-video-btn.view{background:#00ff7f1a;border-color:#00ff7f4d;color:#00ff7f}.creator-video-btn.delete{background:#ff22221a;border-color:#ff22224d;color:#f44}.creator-delete-confirm{display:flex;gap:8px;align-items:center;font-size:12px;color:#f44}@media(min-width:768px){.creator-video-grid{grid-template-columns:repeat(2,1fr)}.creator-tabs{padding:0 32px}.creator-tab{font-size:14px}}@media(min-width:1024px){.creator-video-grid{grid-template-columns:repeat(3,1fr)}}.reels-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#000,#0f0f1a,#1a1a2e);color:#fff;padding:20px;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reels-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid rgba(168,85,247,.2);flex-wrap:wrap;gap:20px}.reels-header h1{font-size:2.5rem;margin:0;background:linear-gradient(90deg,#a855f7,#c77dff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.reels-header-actions{display:flex;gap:10px;flex-wrap:wrap}.header-btn{padding:10px 20px;background:#a855f71a;border:1px solid rgba(168,85,247,.3);color:#888;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;white-space:nowrap}.header-btn:hover{background:#a855f733;color:#a855f7;border-color:#a855f780}.header-btn.active{background:linear-gradient(90deg,#a855f74d,#8b5cf64d);color:#a855f7;border-color:#a855f7;box-shadow:0 0 15px #a855f74d}.reels-feed{display:grid;grid-template-columns:250px 1fr;gap:30px;max-width:1600px;margin:0 auto}.feed-sidebar{background:#a855f70d;border:1px solid rgba(168,85,247,.2);border-radius:10px;padding:20px;height:-moz-fit-content;height:fit-content;position:sticky;top:20px}.feed-sidebar h3{margin-top:0;margin-bottom:20px;font-size:1.1rem;color:#a855f7}.tag-list{display:flex;flex-direction:column;gap:8px}.tag-btn{padding:8px 12px;background:transparent;border:1px solid rgba(168,85,247,.2);color:#888;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left;font-size:.9rem}.tag-btn:hover{border-color:#a855f780;color:#a855f7;background:#a855f71a}.tag-btn.active{background:linear-gradient(90deg,rgba(168,85,247,.3),transparent);border-color:#a855f7;color:#a855f7;box-shadow:inset 0 0 10px #a855f733}.reels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.reel-card{background:#a855f70d;border:1px solid rgba(168,85,247,.2);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .3s ease}.reel-card:hover{transform:translateY(-5px);border-color:#a855f780;box-shadow:0 10px 30px #a855f733}.reel-thumbnail{width:100%;aspect-ratio:9 / 16;background:linear-gradient(135deg,#a855f733,#8b5cf633);position:relative;overflow:hidden}.reel-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:10px;background:#0000004d;opacity:0;transition:opacity .3s ease}.reel-card:hover .reel-overlay{opacity:1}.reel-duration{background:#000000b3;padding:2px 8px;border-radius:4px;font-size:.8rem;width:-moz-fit-content;width:fit-content}.reel-views{background:#000000b3;padding:4px 8px;border-radius:4px;font-size:.85rem;align-self:flex-end}.reel-info{padding:15px}.reel-creator{display:flex;align-items:center;gap:8px;margin-bottom:10px}.creator-avatar{font-size:1.5rem}.creator-name{font-size:.9rem;color:#888}.reel-card h4{margin:10px 0 12px;font-size:.95rem;color:#fff;line-height:1.3}.reel-stats{display:flex;gap:10px;font-size:.85rem;color:#888}.reels-create{max-width:800px;margin:0 auto}.reels-create h2{font-size:2rem;margin-bottom:30px;background:linear-gradient(90deg,#a855f7,#c77dff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.create-form{background:#a855f70d;border:1px solid rgba(168,85,247,.2);border-radius:10px;padding:30px;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#a855f7;font-weight:600}.form-group input,.form-group textarea{width:100%;background:#ffffff0d;border:1px solid rgba(168,85,247,.3);color:#fff;padding:12px;border-radius:8px;font-family:inherit;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;background:#ffffff14;border-color:#a855f799;box-shadow:0 0 10px #a855f733}.form-group textarea::-moz-placeholder,.form-group input::-moz-placeholder{color:#666}.form-group textarea::placeholder,.form-group input::placeholder{color:#666}.video-upload{position:relative}.video-upload input{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:#a855f71a;border:2px dashed rgba(168,85,247,.4);border-radius:8px;cursor:pointer;transition:all .3s ease}.upload-label:hover{background:#a855f733;border-color:#a855f799}.upload-icon{font-size:2.5rem;margin-bottom:10px}.form-actions{display:grid;grid-template-columns:1fr 1fr;gap:15px}.btn-submit,.btn-draft{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-submit{background:linear-gradient(90deg,#a855f7,#c77dff);color:#fff}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 5px 20px #a855f766}.btn-draft{background:#a855f71a;border:1px solid rgba(168,85,247,.3);color:#a855f7}.btn-draft:hover{background:#a855f733;border-color:#a855f780}.mara-suggestions{background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:10px;padding:20px}.mara-suggestions h3{margin-top:0;color:#a855f7}.suggestions-box{display:grid;gap:10px}.suggestions-box p{margin:0;color:#ddd;padding:10px;background:#a855f70d;border-left:3px solid #a855f7;border-radius:4px}.reels-myreels{max-width:1200px;margin:0 auto}.reels-myreels h2{font-size:2rem;margin-bottom:30px;background:linear-gradient(90deg,#a855f7,#c77dff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.empty-state{text-align:center;padding:60px 20px;background:#a855f70d;border:1px solid rgba(168,85,247,.2);border-radius:10px}.empty-state p{color:#888;margin-bottom:20px;font-size:1.1rem}.empty-state button{padding:10px 30px;background:linear-gradient(90deg,#a855f7,#c77dff);border:none;color:#fff;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.empty-state button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #a855f766}.myreels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.myreel-card{background:#a855f70d;border:1px solid rgba(168,85,247,.2);border-radius:10px;overflow:hidden;transition:all .3s ease}.myreel-card:hover{transform:translateY(-5px);border-color:#a855f780;box-shadow:0 10px 30px #a855f733}.myreel-card .reel-thumbnail{height:250px}.myreel-info{padding:15px}.myreel-info h4{margin:0 0 10px;font-size:.95rem;color:#fff}.myreel-stats{display:flex;gap:10px;font-size:.85rem;color:#888;margin-bottom:8px}.myreel-info small{color:#666}.reels-stats{max-width:1000px;margin:0 auto}.reels-stats h2{font-size:2rem;margin-bottom:30px;background:linear-gradient(90deg,#a855f7,#c77dff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px}.stats-overview .stat-card{background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:10px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease}.stats-overview .stat-card:hover{background:#a855f733;transform:translateY(-3px)}.stats-overview .stat-icon{font-size:2rem}.stats-overview .stat-details{flex:1}.stats-overview .stat-value{font-size:1.5rem;font-weight:900;color:#a855f7}.stats-overview .stat-label{color:#888;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.stats-insight{background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:10px;padding:25px}.stats-insight h3{margin-top:0;color:#a855f7}.stats-insight p{color:#ccc;line-height:1.8;margin:10px 0}.reel-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.reel-modal{background:#0f0f1af2;border:1px solid rgba(168,85,247,.3);border-radius:15px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #000c}.modal-close{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.modal-close:hover{background:#fff3}.reel-player{width:100%;aspect-ratio:9 / 16;background:linear-gradient(135deg,#a855f733,#8b5cf633);display:flex;align-items:center;justify-content:center;font-size:3rem;border-bottom:1px solid rgba(168,85,247,.2)}.reel-details{padding:25px}.reel-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.reel-creator-info{display:flex;align-items:center;gap:15px}.reel-creator-info .creator-avatar{font-size:2.5rem}.reel-creator-info>div{display:flex;flex-direction:column;gap:5px}.reel-creator-info .creator-name{color:#fff;font-weight:600;font-size:1rem}.follow-btn{padding:5px 15px;background:linear-gradient(90deg,#a855f7,#c77dff);border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s ease}.follow-btn:hover{transform:translateY(-2px);box-shadow:0 3px 10px #a855f766}.reel-details h3{margin:0 0 10px;font-size:1.3rem}.reel-description{color:#bbb;margin-bottom:15px;line-height:1.6}.reel-meta{color:#888;font-size:.9rem;margin-bottom:20px}.reel-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.action-btn{padding:10px 12px;background:#a855f71a;border:1px solid rgba(168,85,247,.2);color:#a855f7;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;white-space:nowrap}.action-btn:hover,.action-btn.liked{background:#a855f733;border-color:#a855f780}.reel-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{background:#a855f71a;border:1px solid rgba(168,85,247,.3);color:#a855f7;padding:5px 12px;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.tag:hover{background:#a855f733;border-color:#a855f780}@media(max-width:768px){.reels-header{flex-direction:column;align-items:start;padding:12px}.header-btn,.tag-btn{min-height:44px;touch-action:manipulation}.reels-feed{grid-template-columns:1fr;gap:12px;padding:12px}.feed-sidebar{position:static;width:100%;margin-bottom:12px}.reels-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.form-actions{grid-template-columns:1fr;gap:8px}.form-actions button,.form-actions input{min-height:44px;font-size:16px}.reel-modal{max-width:100%;width:100vw;height:100vh;border-radius:0;position:fixed;inset:0}.reel-actions{grid-template-columns:repeat(2,1fr);gap:8px}.reel-actions button{min-height:44px;font-size:14px}.reel-content{flex-direction:column;padding:12px}.reel-video{width:100%;max-height:50vh}.reel-info{width:100%}.tag{padding:6px 12px;font-size:12px}.mode-buttons{flex-wrap:wrap;gap:6px}.mode-btn{min-height:40px;padding:8px 12px;font-size:13px}}@media(max-width:480px){.reels-header{padding:10px}.reels-feed{padding:10px;gap:10px}.reels-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.reel-actions{grid-template-columns:1fr}.mode-buttons{gap:4px}.mode-btn{flex:1;min-width:-moz-fit-content;min-width:fit-content;padding:6px 10px}.reel-modal{border-radius:0}.reel-content{padding:10px}.form-input,.form-textarea{font-size:16px}}@media(max-height:500px)and (max-width:768px){.reels-feed{padding:8px;gap:8px}.reel-video{max-height:40vh}}.header-btn:focus-visible,.tag-btn:focus-visible,.reel-card:focus-visible,.btn-submit:focus-visible,.btn-draft:focus-visible,.action-btn:focus-visible,.follow-btn:focus-visible,.modal-close:focus-visible{outline:2px solid #a855f7;outline-offset:2px}@supports (padding: max(0px)){.reels-container{padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}.reels-feed-tiktok{display:flex;flex-direction:column;gap:0;padding:0;margin:0}.tiktok-tag-bar{position:sticky;top:0;z-index:5;display:flex;gap:8px;padding:10px 16px;overflow-x:auto;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(168,85,247,.15);scrollbar-width:none}.tiktok-tag-bar::-webkit-scrollbar{display:none}.tiktok-tag-btn{flex-shrink:0;padding:6px 14px;background:#a855f71a;border:1px solid rgba(168,85,247,.35);color:#ddd;border-radius:999px;font-size:13px;cursor:pointer;transition:all .15s}.tiktok-tag-btn:hover{background:#a855f738;color:#fff}.tiktok-tag-btn.active{background:linear-gradient(90deg,#a855f7,#c77dff);color:#fff;border-color:transparent}.tiktok-feed{position:relative;height:calc(100vh - 160px);min-height:500px;overflow-y:scroll;scroll-snap-type:y mandatory;background:#000;scrollbar-width:none}.tiktok-feed::-webkit-scrollbar{display:none}.tiktok-mute-btn{position:absolute;top:16px;right:16px;z-index:10;width:44px;height:44px;border-radius:50%;background:#0000008c;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.tiktok-mute-btn:hover{background:#000c}.tiktok-reel{position:relative;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.tiktok-reel-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tiktok-reel-iframe,.tiktok-reel-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;border:none}@media(min-width:900px){.tiktok-reel-iframe,.tiktok-reel-video{-o-object-fit:contain;object-fit:contain;max-width:500px;margin:0 auto;display:block}}.tiktok-reel-placeholder{font-size:80px;color:#444}.tiktok-reel-paused{position:absolute;font-size:72px;opacity:.85;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8));pointer-events:none;animation:tiktokFadeIn .2s ease-out}.tiktok-double-tap-heart{position:absolute;font-size:110px;pointer-events:none;animation:tiktokHeartBurst .7s ease-out forwards;filter:drop-shadow(0 4px 12px rgba(255,34,68,.7))}@keyframes tiktokFadeIn{0%{opacity:0;transform:scale(.85)}to{opacity:.85;transform:scale(1)}}@keyframes tiktokHeartBurst{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1.15)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.tiktok-side-rail{position:absolute;right:12px;bottom:110px;display:flex;flex-direction:column;gap:18px;z-index:3}.tiktok-action{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:#fff;cursor:pointer;padding:4px;transition:transform .12s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.tiktok-action:hover{transform:scale(1.08)}.tiktok-action:active{transform:scale(.94)}.tiktok-action-icon{font-size:32px;line-height:1}.tiktok-action-count{font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.tiktok-action.liked .tiktok-action-icon{color:#ff2238}.tiktok-action.saved .tiktok-action-icon{color:gold}.tiktok-bottom-info{position:absolute;left:0;right:72px;bottom:0;padding:16px 16px 24px;z-index:2;color:#fff;background:linear-gradient(to top,#000000d9,#0000);pointer-events:none}.tiktok-bottom-info *{pointer-events:auto}.tiktok-creator-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-weight:600}.tiktok-creator-avatar{font-size:22px}.tiktok-creator-name{font-size:15px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.tiktok-title{font-size:15px;font-weight:600;line-height:1.3;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.7)}.tiktok-description{font-size:13px;line-height:1.4;color:#ffffffe6;max-width:80%;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.7)}.tiktok-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.tiktok-tags span{font-size:12px;color:#c77dff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.7)}.tiktok-music{font-size:12px;color:#ffffffd9;display:flex;align-items:center;gap:6px;text-shadow:0 1px 2px rgba(0,0,0,.7)}.tiktok-empty,.tiktok-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#fff9;font-size:14px;text-align:center;min-height:200px}@media(max-width:640px){.tiktok-feed{height:calc(100vh - 120px)}.tiktok-side-rail{bottom:100px;right:8px;gap:14px}.tiktok-action-icon{font-size:28px}.tiktok-bottom-info{right:60px;padding:12px 12px 16px}.tiktok-title{font-size:14px}}.writers-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);z-index:100;display:flex;flex-direction:column;color:#fff;font-family:Inter,sans-serif;overflow:hidden}.writers-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #2a2a3a;min-height:56px;flex-wrap:wrap;gap:12px}.writers-title{color:#8b5cf6;font-size:1.5rem;font-weight:800;letter-spacing:2px;flex:1}.writers-close-btn{background:none;border:none;color:#8b5cf6;font-size:24px;cursor:pointer;padding:8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:all .2s;touch-action:manipulation}.writers-close-btn:active{color:#ff6b00;transform:scale(.95)}.writers-tabs{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #2a2a3a;overflow-x:auto;-webkit-overflow-scrolling:touch}.writers-tab{background:transparent;border:1px solid #8b5cf6;color:#e0e0e0;padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s;white-space:nowrap;min-height:44px;touch-action:manipulation}.writers-tab.active{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.writers-tab:active{opacity:.8;transform:scale(.95)}.writers-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.writers-form{display:flex;flex-direction:column;gap:12px}.writers-input,.writers-textarea{background:#ffffff0d;border:1px solid #8b5cf6;border-radius:8px;padding:12px;color:#fff;font-family:Inter,sans-serif;font-size:14px;min-height:44px}.writers-textarea{resize:vertical;min-height:120px;font-size:13px}.writers-input::-moz-placeholder,.writers-textarea::-moz-placeholder{color:#fff6}.writers-input::placeholder,.writers-textarea::placeholder{color:#fff6}.writers-input:focus,.writers-textarea:focus{outline:none;background:#ffffff14;border-color:#a855f7}.writers-select{background:#ffffff0d;border:1px solid #8b5cf6;border-radius:8px;padding:12px;color:#fff;font-family:Inter,sans-serif;font-size:14px;cursor:pointer;min-height:44px}.writers-select:focus{outline:none;background:#ffffff14;border-color:#a855f7}.writers-button{padding:12px 20px;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;min-height:44px;transition:all .2s;touch-action:manipulation}.writers-button:active{transform:scale(.95);opacity:.9}.writers-button.secondary{background:#8b5cf633;border:1px solid #8b5cf6}.writers-library{display:grid;grid-template-columns:1fr;gap:12px}.writers-manuscript-card{background:#8b5cf61a;border:1px solid #8b5cf6;border-radius:8px;padding:14px;transition:all .2s;touch-action:manipulation}.writers-manuscript-card:active{background:#8b5cf626;transform:scale(.98)}.writers-manuscript-title{color:#a855f7;font-weight:600;font-size:14px;margin-bottom:6px}.writers-manuscript-author{color:#888;font-size:12px;margin-bottom:8px}.writers-manuscript-content{color:#ccc;font-size:12px;line-height:1.5;margin-bottom:10px;max-height:80px;overflow:hidden;text-overflow:ellipsis}.writers-manuscript-meta{display:flex;justify-content:space-between;font-size:11px;color:#888}.writers-manuscript-genre{background:#8b5cf64d;padding:4px 8px;border-radius:4px;font-size:11px;color:#a855f7;white-space:nowrap}@media(min-width:768px){.writers-header{padding:20px 32px;min-height:64px;flex-wrap:nowrap}.writers-title{font-size:2rem}.writers-content{padding:32px;gap:24px}.writers-tabs{padding:16px 32px}.writers-library{grid-template-columns:repeat(2,1fr);gap:16px}.writers-input,.writers-textarea{font-size:15px}}@media(min-width:1024px){.writers-library{grid-template-columns:repeat(3,1fr)}.writers-content{padding:40px 48px}}@media(max-height:600px)and (max-width:768px){.writers-container{height:auto;max-height:100vh}.writers-content{padding:12px;gap:12px}.writers-textarea{min-height:80px}}.writers-close-btn:focus-visible,.writers-tab:focus-visible,.writers-button:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.writers-form-row{display:flex;gap:10px;flex-wrap:wrap}.writers-form-row .writers-select{flex:0 0 auto;min-width:140px}.writers-cover-input{flex:1;min-width:200px}.writers-word-count{font-size:.75rem;color:#666;text-align:right}.writers-actions{display:flex;gap:12px;flex-wrap:wrap}.writers-button.small{padding:8px 14px;font-size:.8rem;min-height:36px}.writers-button.danger{background:#ff3c3c33;border:1px solid rgba(255,60,60,.4);color:#ff6b6b}.writers-button:disabled{opacity:.5;cursor:not-allowed}.writers-mara-section{background:#8b5cf614;border:1px solid rgba(139,92,246,.25);border-radius:10px;padding:14px}.writers-mara-label{color:#a855f7;font-weight:700;font-size:.85rem;margin:0 0 10px}.writers-mara-row{display:flex;gap:8px}.writers-mara-row .writers-input{flex:1;border-color:#8b5cf666}.writers-mara-suggestion{background:#8b5cf60f;border-left:3px solid #8b5cf6;padding:12px;margin-top:10px;border-radius:6px;font-size:.85rem;color:#ccc;line-height:1.6}.writers-mara-suggestion p{margin:0 0 8px}.writers-cover{width:100%;height:120px;background-size:cover;background-position:center;border-radius:8px 8px 0 0;margin:-14px -14px 12px;width:calc(100% + 28px)}.writers-like-btn{background:none;border:none;cursor:pointer;font-size:.85rem;color:#888;padding:4px 8px;border-radius:4px;transition:all .2s}.writers-like-btn:hover{background:#ffffff0d}.writers-like-btn.liked{color:#ef4444}.writers-read-btn{background:#8b5cf626;border:none;color:#a855f7;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s}.writers-read-btn:hover{background:#8b5cf640}.writers-comments{margin-top:12px;border-top:1px solid rgba(139,92,246,.15);padding-top:10px}.writers-comment{font-size:.8rem;color:#bbb;padding:4px 0;line-height:1.4}.writers-comment strong{color:#a855f7}.writers-comment-date{color:#555;font-size:.7rem;margin-left:8px}.writers-comment-form{display:flex;gap:6px;margin-top:8px}.writers-comment-input{flex:1;background:#ffffff0a;border:1px solid rgba(139,92,246,.2);border-radius:6px;color:#fff;padding:8px 10px;font-size:.8rem;font-family:inherit}.writers-comment-input:focus{outline:none;border-color:#8b5cf6}.writers-comment-input::-moz-placeholder{color:#555}.writers-comment-input::placeholder{color:#555}.writers-comment-send{background:#8b5cf633;border:none;color:#a855f7;cursor:pointer;padding:8px 12px;border-radius:6px;font-weight:700;transition:all .2s}.writers-comment-send:hover{background:#8b5cf659}.writers-drafts{display:flex;flex-direction:column;gap:12px}.writers-draft-card{background:#8b5cf614;border:1px solid rgba(139,92,246,.25);border-radius:8px;padding:14px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.writers-draft-info h3{color:#a855f7;margin:0 0 4px;font-size:1rem}.writers-draft-info p{color:#999;font-size:.85rem;margin:6px 0}.writers-draft-info small{color:#555;font-size:.75rem}.writers-draft-genre{background:#8b5cf633;color:#a855f7;padding:2px 8px;border-radius:4px;font-size:.7rem;margin-left:8px}.writers-draft-actions{display:flex;gap:6px}.writers-reading-mode{max-width:720px;margin:0 auto;padding:20px 0}.writers-back-btn{background:none;border:none;color:#8b5cf6;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 0;margin-bottom:20px}.writers-back-btn:hover{text-decoration:underline}.writers-reading-header{margin-bottom:30px;text-align:center}.writers-reading-header h1{color:#fff;font-size:2rem;margin:0 0 8px}.writers-reading-author{color:#888;font-size:.9rem}.writers-reading-body{font-size:1.05rem;color:#ddd;line-height:1.9}.writers-reading-body p{margin-bottom:16px}.writers-reading-footer{margin-top:30px;padding-top:20px;border-top:1px solid #2a2a3a;text-align:center}.writers-manuscript-meta{display:flex;align-items:center;gap:12px;font-size:.8rem;color:#888;flex-wrap:wrap}@media(max-width:480px){.writers-form-row,.writers-mara-row,.writers-draft-card{flex-direction:column}.writers-reading-header h1{font-size:1.4rem}.writers-reading-body{font-size:.95rem}}@supports (padding: max(0px)){.writers-container{padding-bottom:max(0px,env(safe-area-inset-bottom));padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}.you-profile-container{width:100%;max-width:1200px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#000,#0f0f1a,#1a1a2e);border-radius:10px;color:#fff;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.you-header{display:flex;align-items:center;gap:30px;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid rgba(168,85,247,.2)}.you-avatar-display{flex-shrink:0}.holographic-avatar{width:120px;height:120px;border-radius:50%;border:2px solid #a855f7;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 35% 35%,#a855f766,#a855f71a);animation:avatarGlow 12s ease-in-out infinite}@keyframes avatarGlow{0%,to{box-shadow:0 0 30px #a855f799,0 0 60px #a855f74d}33%{box-shadow:0 0 30px #ef444499,0 0 60px #ef44444d}66%{box-shadow:0 0 30px #22c55e99,0 0 60px #22c55e4d}}.avatar-initials{font-size:48px;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(168,85,247,.8)}.avatar-particles{position:absolute;width:100%;height:100%;border-radius:50%;overflow:hidden;pointer-events:none}.avatar-particles:before{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.8),transparent 1px),radial-gradient(1px 1px at 60% 70%,rgba(255,255,255,.8),transparent 1px);background-repeat:repeat;background-size:100px 100px;animation:particleFloat 6s linear infinite}@keyframes particleFloat{0%{transform:translateY(0);opacity:0}50%{opacity:1}to{transform:translateY(-120px);opacity:0}}.you-header-info{flex:1}.you-header-info h1{font-size:2.5rem;margin:0 0 10px;background:linear-gradient(90deg,#a855f7,#c77dff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-handle{color:#888;font-size:1.1rem;margin:0 0 15px}.you-badges{display:flex;gap:15px;margin-bottom:15px}.badge-level,.badge-streak{background:#a855f733;border:1px solid rgba(168,85,247,.5);padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;color:#a855f7}.you-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:1px solid rgba(168,85,247,.2);padding-bottom:15px}.tab-button{padding:10px 20px;background:transparent;border:none;color:#888;font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent;font-size:.95rem}.tab-button:hover{color:#a855f7}.tab-button.active{color:#a855f7;border-bottom-color:#a855f7}.you-section h2{font-size:1.8rem;margin-bottom:25px;color:#fff}.you-section h3{font-size:1.2rem;margin:20px 0 15px;color:#e9d5ff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px}.stats-grid .stat-card{background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:10px;padding:20px;text-align:center;transition:all .3s ease;cursor:pointer}.stats-grid .stat-card:hover{background:#a855f733;border-color:#a855f780;transform:translateY(-5px)}.stats-grid .stat-value{font-size:2rem;font-weight:900;color:#a855f7;display:block;margin-bottom:5px}.stats-grid .stat-label{color:#888;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.xp-section{background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:10px;padding:20px;margin-bottom:30px}.xp-bar{width:100%;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden;margin:15px 0}.xp-fill{height:100%;background:linear-gradient(90deg,#a855f7,#c77dff);border-radius:5px;transition:width .3s ease;box-shadow:0 0 10px #a855f799}.xp-text{color:#888;font-size:.9rem;margin:0}.insight-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;margin-bottom:30px}.insight-card{background:linear-gradient(135deg,#a855f71a,#8b5cf61a);border:1px solid rgba(168,85,247,.3);border-radius:10px;padding:20px;transition:all .3s ease}.insight-card:hover{background:linear-gradient(135deg,#a855f733,#8b5cf633);border-color:#a855f780;transform:translateY(-5px)}.insight-card h3{margin-top:0;color:#a855f7}.insight-card p{color:#bbb;line-height:1.6;margin:0}.insight-card strong{color:#fff}.vault-form{background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:10px;padding:20px;margin-bottom:30px;display:grid;gap:15px}.vault-form select,.vault-form textarea{background:#ffffff0d;border:1px solid rgba(168,85,247,.3);color:#fff;padding:10px;border-radius:6px;font-family:inherit}.vault-form textarea::-moz-placeholder{color:#666}.vault-form textarea::placeholder{color:#666}.vault-form button{background:linear-gradient(90deg,#a855f7,#c77dff);border:none;color:#fff;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.vault-form button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #a855f766}.vault-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.vault-item{background:#a855f71a;border-left:3px solid #a855f7;border-radius:6px;padding:15px;position:relative;transition:all .3s ease}.vault-item:hover{background:#a855f733;transform:translateY(-3px)}.vault-item p{margin:10px 0;color:#ddd;font-size:.95rem;line-height:1.5}.vault-item button{position:absolute;top:10px;right:10px;background:#f003;border:none;color:#ff6b6b;cursor:pointer;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.vault-item button:hover{background:#f006}.customize-preview{display:flex;justify-content:center;margin-bottom:40px}.avatar-preview{width:150px;height:150px;border-radius:50%;border:2px solid #a855f7;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 35%,#a855f766,#a855f71a);animation:avatarGlow 12s ease-in-out infinite}.customize-controls{background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:10px;padding:25px}.customize-controls h3{margin-top:0;margin-bottom:15px}.color-palette{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.color-btn{width:40px;height:40px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .3s ease}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:#fff;box-shadow:0 0 15px currentColor}.customize-controls input[type=range]{width:100%;margin:10px 0 20px;cursor:pointer}.customize-controls label{display:flex;align-items:center;gap:10px;margin-bottom:12px;cursor:pointer;color:#ccc}.customize-controls input[type=checkbox]{cursor:pointer;width:20px;height:20px}@media(max-width:1023px){.you-profile-container{padding:12px;border-radius:8px}.you-header{flex-direction:column;text-align:center;gap:20px;margin-bottom:30px;padding-bottom:20px}.you-avatar-display{display:flex;justify-content:center}.holographic-avatar{width:100px;height:100px}.avatar-initials{font-size:40px}.you-header-info h1{font-size:1.8rem;margin-bottom:8px}.user-handle{font-size:.95rem}.you-badges{justify-content:center;gap:10px;flex-wrap:wrap}.badge-level,.badge-streak{padding:5px 12px;font-size:.8rem}.you-tabs{gap:8px;margin-bottom:20px;padding-bottom:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{padding:8px 16px;font-size:.85rem;min-height:44px;white-space:nowrap;touch-action:manipulation}.you-section h2{font-size:1.4rem;margin-bottom:20px}.you-section h3{font-size:1rem;margin:16px 0 12px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stats-grid .stat-card{padding:16px;border-radius:8px}.stats-grid .stat-card:hover{transform:none}.stats-grid .stat-card:active{background:#a855f733;transform:scale(.98)}.stats-grid .stat-value{font-size:1.6rem}.stats-grid .stat-label{font-size:.75rem}.xp-section{padding:16px;margin-bottom:20px}.xp-bar{height:8px;margin:12px 0}.xp-text{font-size:.8rem}.insight-cards{grid-template-columns:1fr;gap:12px}.insight-card{padding:16px;border-radius:8px}.insight-card:hover{transform:none}.insight-card:active{background:linear-gradient(135deg,#a855f733,#8b5cf633);transform:scale(.98)}.insight-card h3{margin-top:0;margin-bottom:8px;font-size:.95rem}.insight-card p{font-size:.85rem;line-height:1.5}.vault-form{padding:16px;margin-bottom:20px;gap:12px}.vault-form select,.vault-form textarea{padding:12px;font-size:14px;min-height:44px;border-radius:6px}.vault-form button{padding:12px 16px;font-size:14px;min-height:44px;width:100%}.vault-items{grid-template-columns:1fr;gap:12px}.vault-item{padding:14px}.vault-item p{font-size:.9rem}.vault-item button{width:32px;height:32px;min-height:44px;min-width:44px;top:8px;right:8px}.customize-preview{margin-bottom:30px}.avatar-preview{width:120px;height:120px}.customize-controls{padding:16px}.customize-controls h3{margin-bottom:12px;font-size:1rem}.color-palette{gap:8px;margin-bottom:20px}.color-btn{width:36px;height:36px}.customize-controls input[type=range]{margin:8px 0 16px}.customize-controls label{gap:8px;margin-bottom:10px;font-size:.9rem}.customize-controls input[type=checkbox]{width:18px;height:18px}}@media(max-width:480px){.you-profile-container{padding:10px}.you-header{gap:16px;margin-bottom:24px}.holographic-avatar{width:80px;height:80px}.avatar-initials{font-size:32px}.you-header-info h1{font-size:1.4rem}.you-badges{gap:8px}.badge-level,.badge-streak{padding:4px 10px;font-size:.7rem}.you-tabs{gap:6px;padding-bottom:10px}.tab-button{padding:6px 12px;font-size:.8rem;min-height:36px}.you-section h2{font-size:1.2rem;margin-bottom:16px}.stats-grid{gap:10px}.stats-grid .stat-card{padding:12px}.stats-grid .stat-value{font-size:1.4rem}.stats-grid .stat-label{font-size:.75rem}.insight-cards{gap:10px}.insight-card{padding:12px}.insight-card h3{font-size:.9rem}.insight-card p{font-size:.8rem}.vault-form,.vault-item{padding:12px}.avatar-preview{width:100px;height:100px}.customize-controls{padding:12px}.color-palette{gap:6px}.color-btn{width:32px;height:32px}}@media(min-width:768px)and (max-width:1023px){.you-profile-container{max-width:90%;padding:24px}.stats-grid{grid-template-columns:repeat(3,1fr)}.insight-cards,.vault-items{grid-template-columns:repeat(2,1fr)}.customize-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px}.color-palette{grid-column:1 / -1}}@media(min-width:1024px){.you-header{flex-direction:row;text-align:left;gap:40px}.holographic-avatar{width:140px;height:140px}.avatar-initials{font-size:52px}.you-header-info h1{font-size:2.8rem}.user-handle{font-size:1.15rem}.you-badges{justify-content:flex-start}.stats-grid{grid-template-columns:repeat(4,1fr)}.insight-cards{grid-template-columns:repeat(2,1fr)}.vault-items{grid-template-columns:repeat(3,1fr)}.vault-item{transition:all .2s}.vault-item:hover{transform:translateY(-5px)}.customize-controls{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.customize-preview{grid-column:1 / -1;margin-bottom:40px}.color-palette{grid-column:1 / -1}}@media(min-width:1440px){.you-profile-container{max-width:1200px}.stats-grid{grid-template-columns:repeat(5,1fr)}.insight-cards{grid-template-columns:repeat(3,1fr)}.vault-items{grid-template-columns:repeat(4,1fr)}}.tab-button:focus-visible,.stats-grid .stat-card:focus-visible,.vault-form button:focus-visible,.vault-form select:focus-visible,.vault-form textarea:focus-visible,.color-btn:focus-visible{outline:2px solid #a855f7;outline-offset:2px}@supports (padding: max(0px)){.you-profile-container{padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}.badge-mood{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize}.settings-form{background:#a855f714;border:1px solid rgba(168,85,247,.25);border-radius:12px;padding:28px;max-width:520px}.settings-label{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;color:#ccc;font-weight:500;font-size:.9rem}.settings-input,.settings-textarea{background:#ffffff0d;border:1px solid rgba(168,85,247,.3);color:#fff;padding:12px 14px;border-radius:8px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.settings-input:focus,.settings-textarea:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 2px #a855f726}.settings-textarea{resize:vertical;min-height:70px}.settings-save-btn{background:linear-gradient(90deg,#a855f7,#c77dff);border:none;color:#fff;padding:12px 28px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;width:100%;transition:all .3s ease}.settings-save-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #a855f766}.settings-logout-btn{background:#ff3c3c26;border:1px solid rgba(255,60,60,.3);color:#ff6b6b;padding:12px 28px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;width:100%;transition:all .3s ease}.settings-logout-btn:hover{background:#ff3c3c40;border-color:#ff3c3c80}@media(max-width:1023px){.settings-form{padding:18px;max-width:100%}}@media(max-width:480px){.settings-form{padding:14px}.settings-save-btn,.settings-logout-btn{padding:10px 16px;font-size:.9rem}}@media(max-height:600px)and (orientation:landscape){.you-profile-container{padding:12px}.you-header{gap:20px;margin-bottom:20px;padding-bottom:15px}.holographic-avatar{width:80px;height:80px}.avatar-initials{font-size:32px}.you-header-info h1{font-size:1.4rem}.you-tabs{margin-bottom:16px;padding-bottom:10px}.you-section h2{font-size:1.2rem;margin-bottom:16px}.stats-grid{gap:10px;margin-bottom:20px}.stat-card{padding:12px}.stat-value{font-size:1.4rem}.vault-items,.insight-cards{gap:10px}}.tab-button:focus-visible,.stat-card:focus-visible,.insight-card:focus-visible,.vault-item:focus-visible,.color-btn:focus-visible,.vault-form button:focus-visible,.customize-controls input:focus-visible{outline:2px solid #a855f7;outline-offset:2px}@media(prefers-reduced-motion:reduce){.holographic-avatar,.stat-card,.insight-card,.vault-item,.vault-form button{animation:none;transition:none}}.orbital-page{width:100%;height:100vh;background:#000;overflow:hidden;position:relative;margin:0;padding:0}.matrix-background{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background:transparent;z-index:1}.matrix-background:before{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(1px 1px at 20% 30%,#fff,rgba(255,255,255,.2) 1px,transparent 30px),radial-gradient(1px 1px at 60% 70%,#fff,rgba(255,255,255,.15) 1px,transparent 25px),radial-gradient(.5px .5px at 50% 50%,#fff,rgba(255,255,255,.1) 1px,transparent 20px);background-repeat:repeat;background-size:200px 200px,300px 300px,150px 150px;opacity:.3}.matrix-background:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(ellipse 600px 600px at center,transparent 0%,rgba(0,0,0,.5) 100%);pointer-events:none;animation:ambientLightScan 12s ease-in-out infinite}@keyframes ambientLightScan{0%,to{background:radial-gradient(ellipse 600px 600px at center,#9333ea26,#000c)}33%{background:radial-gradient(ellipse 600px 600px at center,#ef444426,#000c)}66%{background:radial-gradient(ellipse 600px 600px at center,#22c55e26,#000c)}}.orbital-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grab;overflow:hidden;z-index:10}.orbital-container:active{cursor:grabbing}.orbital-background{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;display:none}.orbit-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:none;border-radius:50%;background:transparent;opacity:0;pointer-events:none;display:none}.orbital-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}.mara-orb{width:300px;height:300px;border:3px solid;border-radius:50%;background:radial-gradient(circle at 35% 35%,#9333ea66,#9333ea1a);display:flex;align-items:center;justify-content:center;position:relative;cursor:default;animation:maraAmbientGlow 12s ease-in-out infinite;transition:transform .3s ease;box-shadow:0 0 40px #9333ea80,0 0 80px #9333ea4d,0 0 160px #9333ea26}.mara-orb:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 0deg,#9333eacc,#9333ea66,#9333eacc);opacity:.6;z-index:-1;animation:holographicSpin 8s linear infinite,maraGlowPulse 12s ease-in-out infinite}.mara-orb:after{content:"";position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(147,51,234,.35),transparent);filter:blur(25px);z-index:-2;animation:maraAuraExpand 12s ease-in-out infinite}@keyframes holographicSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes maraAmbientGlow{0%,to{border-color:#9333eacc;background:radial-gradient(circle at 35% 35%,#9333ea66,#9333ea1a);box-shadow:0 0 40px #9333ea80,0 0 80px #9333ea4d,0 0 160px #9333ea26,inset 0 0 30px #9333ea33}33%{border-color:#ef4444cc;background:radial-gradient(circle at 35% 35%,#ef444466,#ef44441a);box-shadow:0 0 40px #ef444480,0 0 80px #ef44444d,0 0 160px #ef444426,inset 0 0 30px #ef444433}66%{border-color:#22c55ecc;background:radial-gradient(circle at 35% 35%,#22c55e66,#22c55e1a);box-shadow:0 0 40px #22c55e80,0 0 80px #22c55e4d,0 0 160px #22c55e26,inset 0 0 30px #22c55e33}}@keyframes maraGlowPulse{0%,to{background:conic-gradient(from 0deg,#9333eacc,#9333ea66,#9333eacc)}33%{background:conic-gradient(from 0deg,#ef4444cc,#ef444466,#ef4444cc)}66%{background:conic-gradient(from 0deg,#22c55ecc,#22c55e66,#22c55ecc)}}@keyframes maraAuraExpand{0%,to{background:radial-gradient(circle,rgba(147,51,234,.45),rgba(147,51,234,.2),transparent);box-shadow:inset 0 0 40px #9333ea4d}33%{background:radial-gradient(circle,rgba(239,68,68,.45),rgba(239,68,68,.2),transparent);box-shadow:inset 0 0 40px #ef44444d}66%{background:radial-gradient(circle,rgba(34,197,94,.45),rgba(34,197,94,.2),transparent);box-shadow:inset 0 0 40px #22c55e4d}}.mara-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;border-radius:50%}.mara-text{font-family:Courier New,monospace;font-size:36px;font-weight:900;letter-spacing:6px;color:#fff;z-index:10;animation:maraTextIlluminate 12s ease-in-out infinite;text-shadow:0 0 20px rgba(147,51,234,.8),0 0 40px rgba(147,51,234,.5)}@keyframes maraTextIlluminate{0%,to{text-shadow:0 0 20px rgba(147,51,234,.8),0 0 40px rgba(147,51,234,.5),0 0 60px rgba(147,51,234,.3);color:#fff}33%{text-shadow:0 0 20px rgba(239,68,68,.8),0 0 40px rgba(239,68,68,.5),0 0 60px rgba(239,68,68,.3)}66%{text-shadow:0 0 20px rgba(34,197,94,.8),0 0 40px rgba(34,197,94,.5),0 0 60px rgba(34,197,94,.3)}}.orb{position:absolute;width:140px;height:140px;border:2px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;z-index:50;animation:holographicPulse 12s ease-in-out infinite}.orb:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:inherit;border:inherit;z-index:-1;opacity:.8;filter:blur(2px);animation:rayGlow 12s ease-in-out infinite}.orb:after{content:"";position:absolute;inset:-15px;border-radius:50%;background:inherit;z-index:-2;opacity:.5;filter:blur(15px);animation:haloGlow 12s ease-in-out infinite}@keyframes holographicPulse{0%,to{box-shadow:0 0 30px currentColor,0 0 60px #9333ea66,inset 0 0 20px #9333ea26}33%{box-shadow:0 0 30px currentColor,0 0 60px #ef444466,inset 0 0 20px #ef444426}66%{box-shadow:0 0 30px currentColor,0 0 60px #22c55e66,inset 0 0 20px #22c55e26}}@keyframes rayGlow{0%,to{box-shadow:0 0 10px #9333ea99}33%{box-shadow:0 0 10px #ef444499}66%{box-shadow:0 0 10px #22c55e99}}@keyframes haloGlow{0%,to{box-shadow:0 0 30px #9333ea4d,inset 0 0 30px #9333ea1a}33%{box-shadow:0 0 30px #ef44444d,inset 0 0 30px #ef44441a}66%{box-shadow:0 0 30px #22c55e4d,inset 0 0 30px #22c55e1a}}.orb-icon{font-size:36px;margin-bottom:6px;transition:transform .3s ease}.orb-label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;opacity:.9;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.5)}.orb[data-module=you]{border-color:#a855f7;background:radial-gradient(circle at 35% 35%,#a855f759,#a855f714);color:#e9d5ff;--hologram-color: rgba(168, 85, 247, .5)}.orb[data-module=reels]{border-color:#06b6d4;background:radial-gradient(circle at 35% 35%,#06b6d459,#06b6d414);color:#cffafe;--hologram-color: rgba(6, 182, 212, .5)}.orb[data-module=trading]{border-color:#22c55e;background:radial-gradient(circle at 35% 35%,#22c55e59,#22c55e14);color:#dcfce7;--hologram-color: rgba(34, 197, 94, .5)}.orb[data-module=vip]{border-color:#ec4899;background:radial-gradient(circle at 35% 35%,#ec489959,#ec489914);color:#fce7f3;--hologram-color: rgba(236, 72, 153, .5)}.orb[data-module=creators]{border-color:#f59e0b;background:radial-gradient(circle at 35% 35%,#f59e0b59,#f59e0b14);color:#fef3c7;--hologram-color: rgba(245, 158, 11, .5)}.orb[data-module=writers]{border-color:#8b5cf6;background:radial-gradient(circle at 35% 35%,#8b5cf659,#8b5cf614);color:#ede9fe;--hologram-color: rgba(139, 92, 246, .5)}.orb:hover{transform:scale(1.2) translateY(-8px);box-shadow:0 0 50px #ffffff80,0 0 100px #ffffff4d,inset 0 0 30px #fff3;filter:brightness(1.4)}.orb:hover .orb-icon{transform:scale(1.25) rotate(10deg)}.orb.orbiting{animation:orbitalBounce .6s ease-out}@keyframes orbitalBounce{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1.15)}}@media(max-width:768px){.mara-orb{width:200px;height:200px}.mara-text{font-size:24px;letter-spacing:2px}.orb{width:100px;height:100px}.orb-icon{font-size:28px;margin-bottom:4px}.orb-label{font-size:9px}}@media(max-width:480px){.mara-orb{width:160px;height:160px}.mara-text{font-size:18px;letter-spacing:1px}.orb{width:80px;height:80px}.orb-icon{font-size:20px;margin-bottom:2px}.orb-label{font-size:8px}}.mobile-orbital{position:relative;overflow:hidden;touch-action:pan-x}.mobile-orbital-container{flex-direction:column!important;align-items:center!important;justify-content:center!important;cursor:grab}.mobile-orbital-container:active{cursor:grabbing}.mobile-orbital-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)!important;z-index:100}.mobile-orb{transition:all .2s cubic-bezier(.34,1.56,.64,1)}.mobile-orb:active{transform:scale(1.15)!important;filter:brightness(1.3)}@media(max-width:768px){.mobile-orbital-center .mara-orb{width:220px;height:220px}.mobile-orbital-center .mara-text{font-size:28px}.mobile-orb{width:110px;height:110px}.mobile-orb .orb-icon{font-size:32px;margin-bottom:4px}.mobile-orb .orb-label{font-size:10px}}@media(max-width:600px){.mobile-orbital-center .mara-orb{width:180px;height:180px}.mobile-orbital-center .mara-text{font-size:22px}.mobile-orb{width:90px;height:90px}.mobile-orb .orb-icon{font-size:26px;margin-bottom:3px}.mobile-orb .orb-label{font-size:9px}}@media(max-width:480px){.mobile-orbital-center .mara-orb{width:160px;height:160px}.mobile-orbital-center .mara-text{font-size:18px}.mobile-orb{width:75px;height:75px}.mobile-orb .orb-icon{font-size:20px;margin-bottom:2px}.mobile-orb .orb-label{font-size:8px}}.particle{will-change:transform,opacity;animation:particleFade 1s ease-out forwards}@keyframes particleFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.2)}}.mobile-orb:hover{transform:none}.mobile-orb:active{transform:scale(1.2)!important;filter:brightness(1.5) saturate(1.2);box-shadow:0 0 60px currentColor,0 0 120px #9333ea99,inset 0 0 30px #ffffff4d!important}.mobile-orbital:active{filter:drop-shadow(0 0 40px rgba(147,51,234,.4))}.chat-widget{position:fixed;bottom:30px;right:30px;width:380px;height:600px;background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080,0 0 40px #ffffff0d;z-index:200;transition:all .3s ease;overflow:hidden}.chat-widget.closed{display:none}.chat-widget.open{display:flex;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.chat-title-section{display:flex;align-items:center;gap:10px}.chat-title{margin:0;font-size:16px;font-weight:600;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.chat-controls{display:flex;align-items:center;gap:8px}.language-selector{position:relative}.language-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:16px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.language-button:hover{background:#ffffff26;border-color:#ffffff4d}.language-menu{position:absolute;top:calc(100% + 8px);right:0;background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #00000080;z-index:1000;min-width:150px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-option{width:100%;padding:10px 12px;background:transparent;border:none;color:#ffffffb3;text-align:left;cursor:pointer;font-size:13px;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.language-option:last-child{border-bottom:none}.language-option:hover{background:#ffffff1a;color:#fff}.language-option.active{background:#64c8ff26;color:#64c8ff;font-weight:600}.chat-close{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff9;padding:4px 8px;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.chat-close:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.message{display:flex;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{justify-content:flex-end}.message-assistant{justify-content:flex-start}.message-content{display:flex;align-items:flex-end;gap:8px;max-width:85%}.message-user .message-content{flex-direction:row-reverse}.message-avatar{font-size:18px;flex-shrink:0}.message-text{padding:10px 12px;border-radius:12px;word-wrap:break-word;line-height:1.4;font-size:13px}.message-user .message-text{background:linear-gradient(135deg,#4a9eff,#357abd);color:#fff;border-bottom-right-radius:4px}.message-assistant .message-text{background:#ffffff14;color:#ffffffe6;border-bottom-left-radius:4px;border:1px solid rgba(255,255,255,.1)}.message-text.typing{display:flex;gap:4px;align-items:center;padding:10px 14px}.typing-dot{width:6px;height:6px;border-radius:50%;background:#fff9;animation:typing 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.chat-input-area{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.05);background:#0f0f0fcc}.chat-input{flex:1;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:13px;outline:none;transition:all .2s ease;font-family:inherit}.chat-input::-moz-placeholder{color:#fff6}.chat-input::placeholder{color:#fff6}.chat-input:focus{background:#ffffff14;border-color:#fff3}.chat-input:disabled{opacity:.6;cursor:not-allowed}.chat-send{padding:10px 12px;background:linear-gradient(135deg,#4a9eff,#357abd);border:1px solid rgba(74,158,255,.3);border-radius:8px;color:#fff;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-send:hover:not(:disabled){background:linear-gradient(135deg,#5eaeff,#4589cd);border-color:#5eaeff66;transform:translateY(-2px)}.chat-send:active:not(:disabled){transform:translateY(0)}.chat-send:disabled{opacity:.5;cursor:not-allowed}.chat-toggle{position:fixed;bottom:30px;right:30px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#4a9eff,#357abd);border:2px solid rgba(74,158,255,.3);color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #4a9eff4d;transition:all .3s ease;z-index:199}.chat-toggle:hover{transform:scale(1.1);box-shadow:0 8px 30px #4a9eff66;border-color:#5eaeff80}.chat-toggle:active{transform:scale(.95)}@media(max-width:1024px){.chat-widget{width:320px;height:500px}.chat-title{font-size:14px}.message-text,.chat-input{font-size:12px}}@media(max-width:768px){.chat-widget{position:fixed;inset:auto 0 0;width:100%;height:60%;max-height:60vh;border-radius:20px 20px 0 0;border-bottom:none}.chat-toggle{bottom:20px;right:20px}.message-content{max-width:90%}}@media(max-width:480px){.chat-widget{height:50vh;max-height:50vh}.chat-header{padding:12px}.chat-title{font-size:13px}.chat-messages{padding:12px;gap:10px}.message-text{font-size:11px;padding:8px 10px}.chat-input-area{padding:10px;gap:6px}.chat-input{font-size:12px;padding:8px 10px}.chat-send{padding:8px 10px;font-size:12px}.language-button{padding:4px 8px}.chat-close{width:28px;height:28px}.chat-toggle{width:48px;height:48px;font-size:20px}}@media(hover:none)and (pointer:coarse){.chat-toggle{bottom:100px}.chat-send:active:not(:disabled){background:linear-gradient(135deg,#5eaeff,#4589cd)}}@media(orientation:landscape)and (max-height:600px){.chat-widget{height:80vh}.chat-messages{max-height:55vh}}.auth-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:350;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(157,78,221,.3);border-radius:16px;padding:40px;width:100%;max-width:420px;box-shadow:0 8px 32px #9d4edd33;position:relative;animation:slideUp .3s ease-out}.auth-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#fff9;font-size:28px;cursor:pointer;transition:color .2s}.auth-modal-close:hover{color:#9d4edd}.auth-modal-header{text-align:center;margin-bottom:32px}.auth-modal-header h2{color:#fff;font-size:24px;margin:0 0 8px;font-weight:600}.auth-modal-header p{color:#fff9;font-size:14px;margin:0}.auth-form{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.auth-form input{padding:12px 16px;background:#ffffff0d;border:1px solid rgba(157,78,221,.2);border-radius:8px;color:#fff;font-size:14px;transition:all .2s}.auth-form input::-moz-placeholder{color:#fff6}.auth-form input::placeholder{color:#fff6}.auth-form input:focus{outline:none;background:#9d4edd1a;border-color:#9d4edd;box-shadow:0 0 0 3px #9d4edd1a}.auth-form input:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:#ff53331a;border:1px solid rgba(255,83,51,.3);color:#f99;padding:10px 12px;border-radius:6px;font-size:13px;text-align:center}.auth-submit{padding:12px 16px;background:linear-gradient(135deg,#9d4edd,#7b2ff7);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #9d4edd4d}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #9d4edd66}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-divider{text-align:center;color:#fff6;margin:24px 0;position:relative;font-size:12px}.auth-divider:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:#9d4edd33;z-index:-1}.auth-divider span{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:0 8px}.auth-oauth{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.auth-oauth-btn{padding:12px 16px;background:#ffffff14;border:1px solid rgba(157,78,221,.2);border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.auth-oauth-btn:hover:not(:disabled){background:#9d4edd1a;border-color:#9d4edd}.auth-oauth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;color:#fff9;font-size:13px}.auth-toggle{background:none;border:none;color:#9d4edd;cursor:pointer;text-decoration:underline;padding:0;font:inherit;transition:color .2s}.auth-toggle:hover{color:#c77dff}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.auth-modal{margin:16px;padding:24px;max-width:none}.auth-modal-header h2{font-size:20px}.auth-oauth{grid-template-columns:1fr}}.top-left-controls{position:fixed;top:20px;left:20px;z-index:100;display:flex;align-items:center;gap:8px}.top-left-controls .auth-button-login,.top-left-controls .auth-button-profile{position:static;top:auto;left:auto}.auth-button-login{position:fixed;top:20px;left:20px;z-index:100;padding:10px 16px;background:linear-gradient(135deg,#9d4edd33,#7b2ff71a);border:1px solid rgba(157,78,221,.4);border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-button-login:hover{background:linear-gradient(135deg,#9d4edd4d,#7b2ff733);border-color:#9d4edd99;box-shadow:0 4px 12px #9d4edd33}.auth-button-icon{font-size:16px}.auth-button-text{display:none}@media(min-width:640px){.auth-button-text{display:inline}}.auth-button-profile{position:fixed;top:20px;left:20px;z-index:100}.auth-button-info{display:flex;align-items:center;gap:12px;padding:8px 12px;background:linear-gradient(135deg,#9d4edd26,#7b2ff714);border:1px solid rgba(157,78,221,.3);border-radius:12px;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-button-info:hover{background:linear-gradient(135deg,#9d4edd40,#7b2ff726);border-color:#9d4edd80}.auth-button-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#9d4edd,#7b2ff7);border:2px solid;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:600;flex-shrink:0}.auth-button-details{display:flex;flex-direction:column;gap:2px}.auth-button-name{color:#fff;font-size:13px;font-weight:600;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.auth-button-status{display:flex;gap:4px;font-size:11px}.auth-trial-badge{background:#f59e0b33;color:#fcd34d;padding:2px 6px;border-radius:4px;white-space:nowrap}.auth-tier-badge{padding:2px 6px;border-radius:4px;white-space:nowrap;font-weight:600}.auth-tier-badge.trial{background:#f59e0b33;color:#fcd34d}.auth-tier-badge.premium{background:#10b98133;color:#86efac}.auth-tier-badge.vip{background:#8b5cf633;color:#d8b4fe}.auth-button-dropdown-icon{color:#ffffff80;font-size:10px;transition:transform .3s;flex-shrink:0}.auth-button-dropdown-icon.open{transform:rotate(180deg)}.auth-button-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(157,78,221,.3);border-radius:12px;min-width:220px;overflow:hidden;box-shadow:0 8px 32px #0006;z-index:101;animation:slideDown .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-dropdown-item{width:100%;padding:12px 16px;background:none;border:none;color:#fffc;font-size:13px;text-align:left;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.auth-dropdown-item:hover:not(.disabled){background:#9d4edd26;color:#fff}.auth-dropdown-item.disabled{cursor:default;opacity:.7}.auth-dropdown-item.logout{color:#f99}.auth-dropdown-item.logout:hover{background:#ff53331a;color:#fbb}.earnings-value{color:#86efac;font-weight:600}.auth-dropdown-divider{height:1px;background:#9d4edd33;margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.auth-button-info{padding:6px 8px}.auth-button-avatar{width:32px;height:32px;font-size:14px}.auth-button-name{max-width:80px;font-size:12px}.auth-button-dropdown{min-width:180px}.auth-dropdown-item{padding:10px 12px;font-size:12px}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}