:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e}.nav-main-link:hover{color:var(--primary-500)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center;background-color:#00000080}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.modal-box{background-color:#fff;padding:20px;border-radius:8px;max-width:90%;max-height:90%;overflow:auto;box-shadow:0 0 10px #0000004d}.modal-action{display:flex;justify-content:flex-end;margin-top:10px}.app.svelte-tht3xi{display:flex;flex-direction:column;min-height:100vh}main.svelte-tht3xi{flex:1;display:flex;flex-direction:column;padding:1rem;width:100%;max-width:100rem;margin:0 auto;box-sizing:border-box}