.fokal-header-login-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;background:rgb(240 106 56 / .1);color:#f06a38;border:1px solid rgb(240 106 56 / .3);border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;transition:all 0.18s ease;font-family:inherit;line-height:1}.fokal-header-login-btn:hover{background:#f06a38;color:#fff;border-color:#f06a38;transform:translateY(-1px)}.fokal-avatar-logged{cursor:pointer;transition:transform 0.18s ease,box-shadow 0.18s ease}.fokal-avatar-logged:hover{transform:scale(1.08);box-shadow:0 0 0 2px #f06a38}.fokal-avatar-mini{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#f06a38,#f97316);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.fokal-member-backdrop{position:fixed;inset:0;background:rgb(0 0 0 / .6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:99998;opacity:0;visibility:hidden;transition:opacity 0.28s ease,visibility 0.28s ease}.fokal-member-backdrop.is-active{opacity:1;visibility:visible}.fokal-member-drawer{position:fixed;bottom:0;left:50%;transform:translate(-50%,105%);width:100%;max-width:480px;max-height:88vh;background:#fff;color:#111827;border-radius:20px 20px 0 0;box-shadow:0 -10px 40px rgb(0 0 0 / .25);z-index:99999;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:transform 0.32s cubic-bezier(.16,1,.3,1);box-sizing:border-box;font-family:inherit}.fokal-member-drawer.is-active{transform:translate(-50%,0)}[data-theme="dark"] .fokal-member-drawer,body.dark-mode .fokal-member-drawer{background:#18191c;color:#f3f4f6;border-top:1px solid rgb(255 255 255 / .08)}.fokal-drawer-handle{width:36px;height:4px;background:rgb(156 163 175 / .4);border-radius:999px;margin:10px auto 4px}.fokal-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid rgb(156 163 175 / .15)}.fokal-drawer-close{background:none;border:none;font-size:24px;line-height:1;color:#9ca3af;cursor:pointer;padding:4px 8px;border-radius:8px;transition:color 0.15s ease,background 0.15s ease}.fokal-drawer-close:hover{color:#111827;background:rgb(0 0 0 / .05)}[data-theme="dark"] .fokal-drawer-close:hover{color:#fff;background:rgb(255 255 255 / .1)}.fokal-drawer-tabs{display:flex;gap:6px}.fokal-tab-btn{background:none;border:none;font-size:14px;font-weight:600;color:#6b7280;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all 0.15s ease}.fokal-tab-btn.active{color:#f06a38;background:rgb(240 106 56 / .12)}.fokal-drawer-body{padding:20px}.fokal-auth-pane{display:none;animation:fokalFadeIn 0.2s ease}.fokal-auth-pane.active{display:block}@keyframes fokalFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fokal-field{margin-bottom:16px}.fokal-field label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#4b5563;margin-bottom:6px}.fokal-field input,.fokal-field select,.fokal-field textarea{width:100%;padding:12px 14px;font-size:14px;border-radius:10px;border:1.5px solid #d1d5db;background:#fff;color:#111827;box-sizing:border-box;outline:none;transition:border-color 0.18s ease,box-shadow 0.18s ease;font-family:inherit}.fokal-field input::placeholder,.fokal-field textarea::placeholder{color:#9ca3af}.fokal-field input:focus,.fokal-field select:focus,.fokal-field textarea:focus{border-color:#f06a38;background:#fff;box-shadow:0 0 0 3px rgb(240 106 56 / .16)}[data-theme="dark"] .fokal-field label,body.dark-mode .fokal-field label{color:#9ca3af}[data-theme="dark"] .fokal-field input,[data-theme="dark"] .fokal-field select,[data-theme="dark"] .fokal-field textarea,body.dark-mode .fokal-field input,body.dark-mode .fokal-field select,body.dark-mode .fokal-field textarea{background:#23252a;color:#f3f4f6;border:1.5px solid rgb(255 255 255 / .15)}[data-theme="dark"] .fokal-field input::placeholder,[data-theme="dark"] .fokal-field textarea::placeholder,body.dark-mode .fokal-field input::placeholder,body.dark-mode .fokal-field textarea::placeholder{color:#6b7280}[data-theme="dark"] .fokal-field input:focus,[data-theme="dark"] .fokal-field select:focus,[data-theme="dark"] .fokal-field textarea:focus,body.dark-mode .fokal-field input:focus,body.dark-mode .fokal-field select:focus,body.dark-mode .fokal-field textarea:focus{border-color:#f06a38;background:#1b1c20;box-shadow:0 0 0 3px rgb(240 106 56 / .25)}.fokal-checkbox-field{margin-bottom:18px}.fokal-checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#6b7280;cursor:pointer;line-height:1.4}.fokal-checkbox-label input{margin-top:2px;cursor:pointer;accent-color:#f06a38}.fokal-primary-btn{width:100%;padding:13px;background:#f06a38;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:background 0.15s ease,transform 0.1s ease;display:inline-flex;align-items:center;justify-content:center;font-family:inherit}.fokal-primary-btn:hover{background:#e85d2c}.fokal-primary-btn:active{transform:scale(.98)}.fokal-secondary-btn{padding:12px 20px;background:#fff0;color:#6b7280;border:1px solid rgb(156 163 175 / .3);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.15s ease;font-family:inherit}.fokal-secondary-btn:hover{background:rgb(0 0 0 / .05);color:#111}[data-theme="dark"] .fokal-secondary-btn:hover{background:rgb(255 255 255 / .1);color:#fff}.fokal-auth-alt{margin-top:14px;font-size:13px;text-align:center;color:#6b7280}.fokal-switch-tab{color:#f06a38;text-decoration:none;font-weight:600}.fokal-switch-tab:hover{text-decoration:underline}.fokal-magic-intro{font-size:13px;color:#6b7280;line-height:1.5;margin-bottom:16px}.fokal-alert{padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:14px;line-height:1.4}.fokal-alert.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.fokal-alert.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.fokal-member-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:99999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.25s ease,visibility 0.25s ease;padding:16px;box-sizing:border-box}.fokal-member-modal.is-active{opacity:1;visibility:visible;pointer-events:auto}.fokal-modal-card{background:#fff;color:#111827;width:100%;max-width:440px;border-radius:20px;box-shadow:0 20px 50px rgb(0 0 0 / .3);padding:24px;box-sizing:border-box;transform:scale(.94);transition:transform 0.28s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto}.fokal-member-modal.is-active .fokal-modal-card{transform:scale(1)}[data-theme="dark"] .fokal-modal-card,body.dark-mode .fokal-modal-card{background:#18191c;color:#f3f4f6;border:1px solid rgb(255 255 255 / .08)}.fokal-modal-header{margin-bottom:18px}.fokal-modal-badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:rgb(240 106 56 / .12);color:#f06a38;padding:3px 8px;border-radius:6px;margin-bottom:6px}.fokal-modal-header h2{font-size:19px;font-weight:700;margin:0 0 6px 0}.fokal-modal-header p{font-size:13px;color:#6b7280;margin:0;line-height:1.45}[data-theme="dark"] .fokal-modal-header p,body.dark-mode .fokal-modal-header p{color:#9ca3af}.fokal-modal-footer{display:flex;gap:10px;margin-top:20px}.fokal-chips-section-title{font-size:11px;font-weight:700;letter-spacing:.5px;color:#9ca3af;margin-bottom:8px}.fokal-chips-grid{display:flex;flex-wrap:wrap;gap:8px}.fokal-chip{background:rgb(156 163 175 / .12);border:1px solid rgb(156 163 175 / .2);color:inherit;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all 0.15s ease;user-select:none;font-family:inherit}.fokal-chip-check{display:none;font-weight:800;color:#fff;font-size:11px}.fokal-chip.is-selected{background:#f06a38;border-color:#f06a38;color:#fff}.fokal-chip.is-selected .fokal-chip-check{display:inline-block}.fokal-profile-user-info{display:flex;align-items:center;gap:12px}.fokal-profile-avatar{width:44px;height:44px;background:linear-gradient(135deg,#f06a38,#f97316);color:#fff;font-size:19px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%}.fokal-profile-meta h3{margin:0;font-size:16px;font-weight:700}.fokal-profile-meta span{font-size:12px;color:#6b7280}[data-theme="dark"] .fokal-profile-meta span{color:#9ca3af}.fokal-profile-actions{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.fokal-profile-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 14px;background:rgb(156 163 175 / .08);border:none;border-radius:12px;color:inherit;font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:background 0.15s ease;font-family:inherit}.fokal-profile-menu-item:hover{background:rgb(240 106 56 / .1);color:#f06a38}.fokal-menu-icon{font-size:16px;margin-right:8px}.fokal-menu-arrow{font-size:18px;color:#9ca3af}.fokal-profile-footer{border-top:1px solid rgb(156 163 175 / .15);padding-top:14px}.fokal-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;background:none;border:1px solid rgb(239 68 68 / .3);color:#ef4444;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.15s ease;font-family:inherit}.fokal-logout-btn:hover{background:#fef2f2}[data-theme="dark"] .fokal-logout-btn:hover{background:rgb(239 68 68 / .15)}.fokal-dynamic-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.fokal-dynamic-head h4{margin:0;font-size:15px;font-weight:700}.fokal-dynamic-back{background:none;border:none;color:#f06a38;font-weight:600;font-size:13px;cursor:pointer;font-family:inherit}.fokal-dynamic-content{max-height:280px;overflow-y:auto}.fokal-list-item{padding:10px;border-bottom:1px solid rgb(156 163 175 / .12);font-size:13px;display:flex;justify-content:space-between;align-items:center}.fokal-list-item a{color:inherit;text-decoration:none;font-weight:500;max-width:80%}.fokal-list-item a:hover{color:#f06a38}