.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:var(--radius-xl, 1rem);width:100%;max-width:420px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}.modal-close{position:absolute;top:calc(1rem - 6px);right:calc(1rem - 6px);width:44px;height:44px;padding:6px;border:none;background:var(--gray-100, #f3f4f6);background-clip:content-box;border-radius:50%;font-size:1.25rem;color:var(--gray-500, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1}.modal-close:hover{background-color:var(--gray-200, #e5e7eb);color:var(--gray-700, #374151)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-modal{padding:2rem}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-header img{margin-bottom:1rem}.auth-header h2{font-size:1.5rem;font-weight:700;color:var(--gray-900, #111827);margin-bottom:.25rem}.auth-message{color:var(--gray-500, #6b7280);font-size:.875rem}.auth-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--gray-100, #f3f4f6);padding:.25rem;border-radius:var(--radius-md, .5rem)}.auth-tab{flex:1;padding:.625rem 1rem;border:none;background:transparent;font-size:.875rem;font-weight:500;color:var(--gray-500, #6b7280);cursor:pointer;border-radius:var(--radius-sm, .375rem);transition:all .2s}.auth-tab.active{background:#fff;color:var(--gray-900, #111827);box-shadow:0 1px 3px #0000001a}.auth-form .form-group{margin-bottom:1rem}.auth-form label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700, #374151);margin-bottom:.375rem}.auth-form input{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-200, #e5e7eb);border-radius:var(--radius-md, .5rem);font-size:1rem;transition:all .2s}.auth-form input:focus{outline:none;border-color:var(--brand-teal);box-shadow:0 0 0 3px #0ea5a426}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--brand-teal);color:#fff;border:none;border-radius:var(--radius-md, .5rem);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--brand-teal-deep)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-block{width:100%}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--gray-400, #9ca3af);font-size:.875rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--gray-200, #e5e7eb)}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:var(--radius-md, .5rem);font-size:.875rem;font-weight:500;color:var(--gray-700, #374151);cursor:pointer;transition:all .2s}.btn-google:hover{background:var(--gray-50, #f9fafb);border-color:var(--gray-300, #d1d5db)}.auth-footer{text-align:center;margin-top:1rem;font-size:.875rem;color:var(--gray-500, #6b7280)}.auth-footer a{color:var(--brand-teal);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.upgrade-modal{padding:2rem;text-align:center}.upgrade-header{margin-bottom:1.5rem}.upgrade-icon{font-size:3rem;margin-bottom:.5rem}.upgrade-header h2{font-size:1.5rem;font-weight:700;color:var(--gray-900, #111827);margin-bottom:.5rem}.upgrade-header p{color:var(--gray-500, #6b7280)}.upgrade-price{background:var(--brand-teal);color:#fff;padding:1.5rem;border-radius:var(--radius-lg, .75rem);margin-bottom:1.5rem}.price-amount{display:block;font-size:2.5rem;font-weight:700;line-height:1}.price-term{font-size:.875rem;opacity:.9}.upgrade-features{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left}.upgrade-features li{padding:.625rem 0;border-bottom:1px solid var(--gray-100, #f3f4f6);font-size:.875rem;color:var(--gray-700, #374151)}.upgrade-features li:last-child{border-bottom:none}.btn-upgrade{font-size:1.125rem;padding:1rem 2rem;background:var(--brand-sun);color:var(--brand-ink)}.btn-upgrade:hover{background:color-mix(in srgb,var(--brand-sun) 85%,black);color:var(--brand-ink)}.upgrade-footer{margin-top:1rem;font-size:.75rem;color:var(--gray-400, #9ca3af)}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--gray-900, #111827);color:#fff;padding:.875rem 1.25rem;border-radius:var(--radius-lg, .75rem);display:flex;align-items:center;gap:.75rem;font-size:.875rem;box-shadow:0 10px 40px #0003;z-index:99999;opacity:0;transition:all .3s ease}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.toast-success{background:var(--brand-teal-deep)}.toast-error{background:var(--rating-weak)}.toast-info{background:var(--brand-teal)}.toast button{background:none;border:none;color:#fff;opacity:.7;cursor:pointer;font-size:1.25rem;padding:0;margin-left:.5rem}.toast button:hover{opacity:1}.auth-buttons{display:flex;align-items:center;gap:.5rem}.btn-signin{padding:.5rem 1rem;background:transparent;color:var(--gray-600, #4b5563);border:none;border-radius:var(--radius-md, .5rem);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-signin:hover{color:var(--gray-900, #111827);background:var(--gray-100, #f3f4f6)}.btn-signup{padding:.5rem 1rem;background:var(--brand-ink);color:#fff;border:none;border-radius:var(--radius-md, .5rem);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-signup:hover{background:color-mix(in srgb,var(--brand-ink) 85%,black)}.user-menu{display:none;align-items:center;gap:.75rem;padding:.375rem .5rem .375rem .75rem;background:var(--gray-100, #f3f4f6);border-radius:var(--radius-full, 9999px);cursor:pointer;position:relative}.user-menu:hover{background:var(--gray-200, #e5e7eb)}.user-avatar{width:2rem;height:2rem;border-radius:50%;background:var(--brand-teal-deep);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.user-name{font-size:.875rem;font-weight:500;color:var(--gray-700, #374151);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-pro-badge{display:none;padding:.125rem .5rem;background:var(--brand-sun);color:var(--brand-ink);font-size:.625rem;font-weight:700;border-radius:var(--radius-full, 9999px);text-transform:uppercase}.user-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:var(--radius-lg, .75rem);box-shadow:0 10px 40px #00000026;min-width:200px;display:none;z-index:1000}.user-dropdown:before{content:"";position:absolute;top:-.5rem;left:0;right:0;height:.5rem;background:transparent}.user-menu:hover .user-dropdown,.user-menu:focus-within .user-dropdown{display:block}.user-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--gray-700, #374151);text-decoration:none;font-size:.875rem;transition:background .15s}.user-dropdown-item:hover{background:var(--gray-50, #f9fafb)}.user-dropdown-item:first-child{border-radius:.75rem .75rem 0 0}.user-dropdown-item:last-child{border-radius:0 0 .75rem .75rem}.user-dropdown-divider{height:1px;background:var(--gray-100, #f3f4f6);margin:.25rem 0}.pro-locked{position:relative;pointer-events:none}.pro-locked:after{content:"";position:absolute;inset:0;background:#ffffffd9;border-radius:inherit}.pro-lock-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;padding:1.5rem}.pro-lock-icon{font-size:2rem;margin-bottom:.5rem}.pro-lock-text{font-weight:600;color:var(--gray-900, #111827);margin-bottom:.5rem}.pro-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--brand-sun);color:var(--brand-ink);font-size:.625rem;font-weight:700;border-radius:var(--radius-full, 9999px);text-transform:uppercase}.pro-badge-inline{margin-left:.5rem;vertical-align:middle}.feature-card.pro-required{position:relative;overflow:hidden}.feature-card.pro-required:not(.unlocked):before{content:"PRO";position:absolute;top:.75rem;right:.75rem;padding:.25rem .5rem;background:var(--brand-sun);color:var(--brand-ink);font-size:.625rem;font-weight:700;border-radius:var(--radius-full, 9999px);z-index:5}.upgrade-prompt{background:color-mix(in srgb,var(--brand-sun) 15%,var(--sand-50));border:1px solid color-mix(in srgb,var(--brand-sun) 35%,transparent);border-radius:var(--radius-lg, .75rem);padding:1.5rem;text-align:center;margin:1rem 0}.upgrade-prompt h3{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--gray-900, #111827);margin-bottom:.5rem}.upgrade-prompt p{color:var(--gray-600, #4b5563);font-size:.875rem;margin-bottom:1rem}.upgrade-prompt .btn-upgrade-small{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--brand-sun);color:var(--brand-ink);border:none;border-radius:var(--radius-md, .5rem);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.upgrade-prompt .btn-upgrade-small:hover{background:color-mix(in srgb,var(--brand-sun) 85%,black);transform:translateY(-1px)}@media(max-width:640px){.modal-content{margin:.5rem;max-width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.auth-modal,.upgrade-modal{padding:1.5rem}.upgrade-features li{font-size:.8125rem}.user-name,.auth-buttons .btn-signin span{display:none}}