.modal-backdrop.svelte-ta60gp{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:svelte-ta60gp-fadeIn .2s ease-out}.backdrop-button.svelte-ta60gp{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;border:none;cursor:default;padding:0;margin:0}.sr-only.svelte-ta60gp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.modal-content.svelte-ta60gp{background-color:#fff;border-radius:.5rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:svelte-ta60gp-slideIn .3s ease-out;position:relative;z-index:1}html.dark .modal-content.svelte-ta60gp{background-color:#1e1e1e;color:#f9fafb;border:1px solid #374151}.modal-body.svelte-ta60gp p,.modal-body.svelte-ta60gp li,.modal-body.svelte-ta60gp span:not([class*=bg-]){color:#1f2937!important}.modal-body.svelte-ta60gp h3,.modal-body.svelte-ta60gp h4,.modal-body.svelte-ta60gp h5{color:#111827!important}.modal-body.svelte-ta60gp ul li,.modal-body.svelte-ta60gp .hobby-modal-content li{color:#1f2937!important}html.dark .modal-body.svelte-ta60gp p,html.dark .modal-body.svelte-ta60gp li,html.dark .modal-body.svelte-ta60gp span:not([class*=bg-]){color:#d1d5db!important}html.dark .modal-body.svelte-ta60gp h3,html.dark .modal-body.svelte-ta60gp h4,html.dark .modal-body.svelte-ta60gp h5{color:#f9fafb!important}.modal-header.svelte-ta60gp{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}html.dark .modal-header.svelte-ta60gp{border-bottom:1px solid #374151}.modal-body.svelte-ta60gp{padding:1.5rem}.close-button.svelte-ta60gp{background:transparent;border:none;cursor:pointer;color:#6b7280;transition:color .2s}.close-button.svelte-ta60gp:hover{color:#111827}html.dark .close-button.svelte-ta60gp{color:#9ca3af}html.dark .close-button.svelte-ta60gp:hover{color:#f9fafb}@keyframes svelte-ta60gp-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-ta60gp-slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}