:root{--nav-padding-mobile:0.2rem 0.5rem;--nav-padding-desktop:0.5rem 0.5rem;--nav-margin-top-desktop:0.5rem;--nav-margin-side-desktop:0.5rem;--logo-height-mobile:32px;--button-padding-desktop:8px 20px;--transition-speed:0.3s;--border-radius:6px;--dropdown-radius:8px;--font-sm:0.875rem;--font-md:1rem;--button-height:40px}.nav-container{padding-bottom:65px!important;padding:0 20px;width:100%}.navbar{border-radius:10px;margin-left:.5rem;margin-left:var(--nav-margin-side-desktop);margin-right:.5rem;margin-right:var(--nav-margin-side-desktop);padding:.2rem .5rem!important;padding:var(--nav-padding-mobile)!important;position:fixed;top:0;transition:all .3s ease;transition:all var(--transition-speed) ease;width:95%;width:calc(100% - 1rem);width:calc(100% - var(--nav-margin-side-desktop)*2);z-index:1000}.dropdown-menu-light{background-color:var(--light-mode-background-color-secondary)}.dropdown-menu-dark{background-color:var(--dark-mode-background-color-secondary)}.navbar-nav .dropdown-menu-light .nav-link{border-radius:8px;border-radius:var(--dropdown-radius);transition:background-color .2s ease}.navbar-nav .dropdown-menu-light .nav-link:hover{background-color:var(--light-mode-background-color-hover);background-color:#00000014}.navbar-nav .dropdown-menu-dark .nav-link{border-radius:8px;border-radius:var(--dropdown-radius);color:var(--dark-mode-primary-text-color);transition:background-color .2s ease}.navbar-nav .dropdown-menu-dark .nav-link:hover{background-color:var(--dark-mode-background-color-hover)}.nav-link{border-radius:8px;border-radius:var(--dropdown-radius)}.navbar-brand img{max-height:32px;max-height:var(--logo-height-mobile);transition:height .3s ease;transition:height var(--transition-speed) ease}.nav-bar-buttons{align-items:center;cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-sm);font-weight:500;justify-content:flex-start;margin:.5rem 0;padding:.5rem 0;transition:all .2s ease;width:100%}.nav-bar-buttons img{height:16px;margin-right:8px;transition:all .2s ease;width:16px}.try-free-button{align-items:center;background:linear-gradient(135deg,#0fc692,#0ba371);border:none;border-radius:12px;box-shadow:0 4px 16px #0fc6924d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--font-sm);font-weight:600;height:40px;height:var(--button-height);justify-content:center;letter-spacing:0;line-height:1;min-width:-webkit-max-content;min-width:max-content;overflow:hidden;padding:0;position:relative;transition:all .3s ease;transition:all var(--transition-speed) ease;width:100%}.try-free-button:before{content:"Login | Signup";padding:0 12px;position:relative;z-index:2}.try-free-button:after{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.try-free-button:hover:after{left:100%}.try-free-button:hover{background:linear-gradient(135deg,#0ba371,#0fc692);box-shadow:0 8px 24px #0fc69266;transform:translateY(-2px)}.nav-margin{align-items:center;display:flex;height:100%;justify-content:flex-start;margin:.25rem 0;padding:.5rem 0}.user-image-nav-bar{border-radius:50%;cursor:pointer;height:32px;transition:all .2s ease;width:32px}.user-image-nav-bar:hover{border-color:#0fc69299;transform:scale(1.05)}.dropdown-menu{border-radius:8px;border-radius:var(--dropdown-radius);box-shadow:none;left:0!important;margin-top:.25rem;min-width:500px;padding:.5rem;position:static!important;top:100%!important;transform:none!important;width:100%}.navbar-collapse{max-height:calc(100vh - 70px);overflow-y:auto}.navbar-nav{align-items:flex-start!important}.nav-item [ref=updatesRef]{margin-bottom:1rem}.right-margin{align-items:center;border-top:1px solid #0000001a;display:flex;justify-content:center;margin-bottom:.5rem;margin-top:1rem;padding:.75rem}.dropdown-toggle:focus-visible,.nav-bar-buttons:focus-visible,.try-free-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (min-width:1200px) and (max-width:1300px){.navbar{border-radius:10px;margin-left:.5rem;margin-left:var(--nav-margin-side-desktop);margin-right:.5rem;margin-right:var(--nav-margin-side-desktop);padding:.5rem!important;padding:var(--nav-padding-desktop)!important;width:calc(100% - 1rem);width:calc(100% - var(--nav-margin-side-desktop)*2)}.nav-bar-buttons{font-size:.95rem;margin:0 .4rem}.try-free-button{padding:7px 18px}.try-free-button:before{content:"Login | Signup"!important;padding:0 10px}}@media (min-width:1200px){.dropdown-menu{box-shadow:0 4px 12px #0000001a;left:0!important;margin-top:.5rem;min-width:220px;position:absolute!important;width:auto}.dropdown-menu .dropend:hover>.dropdown-menu{display:block;left:100%!important;margin-top:0!important;min-width:220px;opacity:1;pointer-events:auto!important;position:absolute!important;right:auto!important;top:0!important;transition:opacity .2s ease;visibility:visible}.dropdown-menu .dropend>.dropdown-menu{display:none;opacity:0;pointer-events:none;transition:opacity .2s ease;visibility:hidden}.navbar{border-radius:10px;margin-left:.5rem;margin-left:var(--nav-margin-side-desktop);margin-right:.5rem;margin-right:var(--nav-margin-side-desktop);padding:.5rem!important;padding:var(--nav-padding-desktop)!important;width:calc(100% - 1rem);width:calc(100% - var(--nav-margin-side-desktop)*2)}.nav-bar-buttons{font-size:1rem;font-size:var(--font-md);margin:0 .5rem;padding:0;width:auto}.nav-bar-buttons img{height:18px;width:18px}.try-free-button{font-size:1rem;font-size:var(--font-md);padding:8px 20px;padding:var(--button-padding-desktop);width:auto}.try-free-button:before{content:"Login | Signup"!important;padding:0 12px}.user-image-nav-bar{height:32px;width:32px}.navbar-collapse{display:flex;flex-basis:auto;max-height:none;overflow-y:visible;padding-top:0}.navbar-nav{align-items:center!important;flex-direction:row}.nav-item[ref=updatesRef]{margin-bottom:0}.right-margin{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-radius:0;border-top:none;box-shadow:none;display:flex;justify-content:center}.nav-margin,.right-margin{margin:0 .5rem;padding:0}.dropdown-menu .dropend{position:relative}.dropdown-menu .dropend>.nav-link{padding-right:20px}.navbar.scrolled{box-shadow:0 2px 10px #0000001a;padding:.6rem 1.5rem!important}.navbar.scrolled .navbar-brand img{max-height:36px}.navbar.scrolled .try-free-button{padding:7px 18px}.navbar.scrolled .nav-bar-buttons{font-size:.95rem}}.user-profile-container{align-items:center;background-color:#fff;border:2px solid #ddd3;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin-right:10px;padding:15px;width:100%}[data-theme=dark] .user-profile-container{background-color:#1a1a1a;border:2px solid #a8a8a8}.user-info-section{align-items:center;display:flex;justify-content:space-between;width:100%}.user-details{align-items:start;display:flex;flex-direction:column;font-size:var(--font-size-h6);justify-content:center;line-height:1.4;text-align:start;width:100%}.user-image{border:3px solid orange;border-radius:50%;height:60px;width:60px}.crown-image{height:27px;margin:0 5px 0 0;width:27px}.calender-image{height:18px;width:18px}.free-image{height:27px;margin:0 5px 0 0;width:27px}.email{align-items:center;color:#666;display:flex;display:inline-block;font-size:14px;font-weight:400;max-width:180px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}[data-theme=dark] .email{color:#aaa}.display-name{color:var(--light-mode-primary-text-color);font-size:var(--font-size-h6);font-weight:600}[data-theme=dark] .display-name{color:var(--dark-mode-primary-text-color)}.user-info-section-left{align-items:center;display:flex;gap:10px;justify-content:center}.dark-light-switch-toggle{background-color:#7a7a7a40;border-radius:2rem;box-sizing:border-box;cursor:pointer;display:inline-block;height:2rem;padding:2px;position:relative;transition:all .3s linear;width:6rem}.dark-light-switch-toggle:after{background-color:#fff;border-radius:50%;content:"";height:1.8rem;left:.1rem;position:absolute;top:.1rem;transition:all .3s linear;width:1.8rem;z-index:2}#themeToggleswitch:checked+.dark-light-switch-toggle:after{transform:translateX(4rem)}#themeToggleswitch:checked+.dark-light-switch-toggle{background-color:#7a7a7a40}#themeToggleswitch{display:none}.dark-light-switch-toggle .label-left,.dark-light-switch-toggle .label-right{font-size:1.2rem;font-weight:600;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s,opacity .3s;-webkit-user-select:none;user-select:none}.dark-light-switch-toggle .label-left{color:#000;left:.6rem;opacity:1;z-index:1}.dark-light-switch-toggle .label-right{color:#fff;opacity:1;right:.6rem;z-index:1}#themeToggleswitch:checked+.dark-light-switch-toggle .label-left{opacity:1}#themeToggleswitch:checked+.dark-light-switch-toggle .label-right,#themeToggleswitch:not(:checked)+.dark-light-switch-toggle .label-left{opacity:0}#themeToggleswitch:not(:checked)+.dark-light-switch-toggle .label-right{opacity:1}.plan-details{align-items:stretch;background:#0fc6922e;border:2px solid #0dc893;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:10px 0;padding:16px;width:100%}[data-theme=dark] .plan-details{background:#6b6bff3d;border:2px solid #6b6bff;color:#fff}.plan-details-heading{display:none}.plan-details-info{align-items:flex-start;display:flex;flex-direction:column;gap:8px;width:100%}.plan-type{align-items:center;color:#000;display:flex;font-size:1.2em;font-weight:600;justify-content:flex-start;width:100%}.plan-type-badge{margin-right:10px}.plan-type-text{flex:1 1}[data-theme=dark] .plan-type-text{color:var(--dark-mode-primary-text-color)}.plan-type-label{border-radius:12px;color:#03835e;font-size:20px;font-weight:700;margin-left:auto}[data-theme=dark] .plan-type-label{color:#7777df}.expiry-details{align-items:center;color:#717171;display:flex;font-size:var(--font-size-sm);font-weight:400;gap:10px;justify-content:center}.plan-details.free-plan{background:#f8f9fa;border:2px solid #e9ecef;box-shadow:none;color:#333}[data-theme=dark] .plan-details.free-plan{background:#2d3748;border:2px solid #4a5568;color:#fff}.plan-details.free-plan .plan-type{color:#333}[data-theme=dark] .plan-details.free-plan .plan-type{color:#fff}.referral-section-compact{align-items:center;background-color:#50505021;border:1px solid #a2a2a2;border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin:10px 0;padding:16px;width:100%}[data-theme=dark] .referral-section-compact{background-color:rgba(45,55,72,.136);border-color:2px #4a5568}.referral-heading-compact{align-items:center;color:#333;display:flex;font-size:18px;font-weight:700;justify-content:flex-start;line-height:1.4;margin-bottom:12px;text-align:left;width:100%}[data-theme=dark] .referral-heading-compact{color:#e2e8f0}.referral-icon{color:#0fc692;flex-shrink:0;font-size:16px;margin-right:8px}.referral-stats-compact{display:flex;gap:20px;justify-content:center;margin:12px 0;padding:0 20px;width:100%}.referral-stat-item-compact{align-items:center;background-color:#f9f9f9;border-radius:10px;display:flex;flex-direction:column;padding:10px 20px;text-align:center}[data-theme=dark] .referral-stat-item-compact{background-color:#e3e3e3}.referral-stat-number{color:#333;font-size:1.8em;font-weight:700;line-height:1}.referral-stat-label{color:#666;font-size:.8em;margin-top:4px}.referral-stat-divider{background-color:#e2e8f0;height:40px;margin:0 10px;width:1px}[data-theme=dark] .referral-stat-divider{background-color:#4a5568}.referral-reward-text{color:#666;font-size:.75em;margin:3px 0;text-align:center}[data-theme=dark] .referral-reward-text{color:#a0aec0}.referral-content-compact{display:flex;justify-content:center;margin-top:8px;width:100%}.generate-referral-button-compact{background:var(--secondary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9em;font-weight:600;padding:12px 24px;width:100%}.generate-referral-button-compact:hover{background-color:var(--secondary-color-hover)}[data-theme=dark] .generate-referral-button-compact{background-color:var(--primary-color)}[data-theme=dark] .generate-referral-button-compact:hover{background-color:var(--primary-color-hover)}.generate-referral-button-compact:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.referral-link-wrapper-compact{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:12px;width:100%}[data-theme=dark] .referral-link-wrapper-compact{background:#1a202c;border-color:#4a5568}.referral-link-compact{-webkit-box-orient:vertical;color:var(--secondary-color);display:-webkit-box;flex:1 1;font-size:.8em;font-weight:500;line-height:1.2em;max-height:2.4em;overflow:hidden;padding-right:8px;text-overflow:ellipsis;white-space:normal;word-break:break-all}[data-theme=dark] .referral-link-compact{color:var(--primary-color)}.referral-actions-compact{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:8px}.referral-action-button-compact{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;padding:8px;transition:all .2s ease;width:32px}.referral-action-button-compact:hover{background-color:var(--secondary-color);color:var(--dark-mode-primary-text-color);transform:scale(1.05)}.referral-action-button-compact.copied{animation:pop .3s ease-out;background-color:var(--secondary-color-hover);color:var(--dark-mode-primary-text-color)}[data-theme=dark] .referral-action-button-compact{background:#2d3748;color:#a0aec0}[data-theme=dark] .referral-action-button-compact:hover{background-color:var(--primary-color-hover);color:var(--dark-mode-primary-text-color)}.referral-icon-button{font-size:15px}.upgrade-to-premium-button{background:linear-gradient(90deg,#ca9716,#dcbc02,#ffb700);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;overflow:hidden;padding:14px 32px;position:relative;transition:transform .2s ease;width:100%;z-index:0}.upgrade-to-premium-button:hover{transform:scale(1.01)}.upgrade-to-premium-button:before{animation:shiny-sweep 6s infinite;background:linear-gradient(120deg,#fff0,#fff9 50%,#fff0);content:"";height:100%;left:-150%;position:absolute;top:0;transform:skewX(-25deg);width:50%;z-index:1}@keyframes shiny-sweep{0%{left:-150%}50%{left:150%}to{left:150%}}.sign-out-button{align-items:center;background:#0000;border:2px solid var(--secondary-color);border-radius:10px;color:var(--secondary-color);cursor:pointer;display:flex;font-size:1em;font-weight:600;justify-content:center;padding:12px 32px;transition:all .3s ease;width:100%}.sign-out-button:hover{background:var(--secondary-color-hover);color:#fff;transform:translateY(-1px)}[data-theme=dark] .sign-out-button{border-color:var(--primary-color);color:var(--primary-color)}[data-theme=dark] .sign-out-button:hover{background:var(--primary-color);color:var(--dark-mode-primary-text-color)}.sign-out-icon{font-size:1.1em;margin-right:8px}.bottom-controls-user-profile{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;width:100%}.user-profile-popover .MuiPopover-paper{border-radius:10px;box-shadow:0 8px 32px #0000001f;max-width:420px}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.share-menu-item-icon{font-size:20px;margin-right:8px}.share-menu-telegram-icon,.share-menu-whatsapp-icon{margin-right:8px}@media (max-width:480px){.user-profile-container{padding:16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.referral-stats-compact{display:flex;gap:20px;justify-content:center;margin:0;padding:0 10px;width:100%}.user-image{border:3px solid orange;border-radius:50%;height:40px;width:40px}.user-details{font-size:14px}.theme{margin:8px 0;padding:0 6px}.plan-details{margin:5px 0}.referral-section-compact{margin:6px 0;padding:10px 16px}.referral-heading-compact{font-size:14px;gap:5px;margin-bottom:6px}.upgrade-to-premium-button{background:orange;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:1em;font-weight:600;padding:10px 26px;transition:all .3s ease;width:100%}.sign-out-button{font-size:14px;padding:8px 30px}}.updates-container{align-items:center;background-color:#fafafa;display:flex;flex-direction:column;justify-content:center;padding:15px 15px 0}[data-theme=dark] .updates-container{background-color:#333}.update-header{align-items:center;display:flex;justify-content:space-between}.updates-container ul{list-style-type:none;margin:0;padding:0}.update-item{background-color:#fff;border-radius:1rem;box-shadow:0 2px 5px #0000001a;margin-bottom:15px;padding:15px;transition:transform .3s ease-in-out}[data-theme=dark] .update-item{background-color:#444;box-shadow:0 2px 5px #ffffff1a}.update-item:hover{transform:translateY(-5px)}.update-item h3{color:#0fc692;font-size:20px;margin:0;padding:0}.update-item p{color:#777;font-size:14px;margin:0}[data-theme=dark] .update-item p{color:#bbb}.update-description p{color:#333;font-size:16px;margin:10px 0 0}[data-theme=dark] .update-description p{color:#eee}.update-link{color:#6062ff;font-weight:500;margin:0 5px;text-decoration:none;transition:color .2s ease}