.clerk-loading.svelte-1utj4f7{display:flex;align-items:center;justify-content:center;padding:1rem}.loading-spinner.svelte-1utj4f7{width:20px;height:20px;border:2px solid #404040;border-top:2px solid #14b8a6;border-radius:50%;animation:svelte-1utj4f7-spin 1s linear infinite}@keyframes svelte-1utj4f7-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--font-mono: "Fira Mono", monospace;--color-bg-0: #1a1a1a;--color-bg-1: #0a0a0a;--color-bg-2: #2d2d2d;--color-theme-1: #14b8a6;--color-theme-2: #0f766e;--color-text: rgba(255, 255, 255, .9);--color-text-muted: rgba(255, 255, 255, .6);--column-width: 42rem;--column-margin-top: 4rem;font-family:Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Arial,sans-serif}body{min-height:100vh;margin:0;background-color:var(--color-bg-1);color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--color-text);line-height:1.2;letter-spacing:-.025em}p{font-weight:400;color:var(--color-text)}p{line-height:1.5}a{color:var(--color-theme-1);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-theme-2);text-decoration:underline}h1{font-size:2rem;text-align:center}h2{font-size:1rem}pre{font-size:16px;font-family:var(--font-mono);background-color:#ffffff73;border-radius:3px;box-shadow:2px 2px 6px #ffffff40;padding:.5em;overflow-x:auto;color:var(--color-text)}.text-column{display:flex;max-width:48rem;flex:.6;flex-direction:column;justify-content:center;margin:0 auto}input,button{font-size:inherit;font-family:inherit}button:focus:not(:focus-visible){outline:none}@media (min-width: 720px){h1{font-size:2.4rem}}.app.svelte-12qhfyh{min-height:100vh;display:flex;flex-direction:column}.navbar.svelte-12qhfyh{background:#1a1a1a;border-bottom:1px solid #2d2d2d;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #0000004d}.nav-container.svelte-12qhfyh{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem;gap:2rem}.nav-brand.svelte-12qhfyh a:where(.svelte-12qhfyh){font-size:1.5rem;font-weight:800;color:#14b8a6;text-decoration:none;display:flex;align-items:center;gap:.75rem}.logo.svelte-12qhfyh{height:40px;width:40px;border-radius:50%;object-fit:cover;filter:brightness(1.2);transition:transform .2s ease;box-shadow:0 2px 8px #14b8a633}.nav-brand.svelte-12qhfyh a:where(.svelte-12qhfyh):hover .logo:where(.svelte-12qhfyh){transform:scale(1.05)}.nav-links.svelte-12qhfyh{display:flex;align-items:center;gap:2rem;flex:1;margin-left:2rem}.nav-links.svelte-12qhfyh a:where(.svelte-12qhfyh){color:#a1a1aa;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .2s}.nav-links.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:#14b8a6;background:#262626}.nav-links.svelte-12qhfyh a.active:where(.svelte-12qhfyh){color:#14b8a6;background:#0f766e;font-weight:600}.nav-auth.svelte-12qhfyh{display:flex;align-items:center;gap:1rem}.language-switcher.svelte-12qhfyh{position:relative;z-index:1001}.language-btn.svelte-12qhfyh{display:flex;align-items:center;gap:.5rem;background:#262626;color:#a1a1aa;border:1px solid #404040;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem}.language-btn.svelte-12qhfyh:hover,.language-btn.svelte-12qhfyh:focus{background:#404040;color:#14b8a6;border-color:#14b8a6;outline:none}.language-btn.svelte-12qhfyh:active{transform:translateY(1px)}.language-name.svelte-12qhfyh{font-weight:500}.dropdown-arrow.svelte-12qhfyh{font-size:.7rem;transition:transform .2s}.dropdown-arrow.rotated.svelte-12qhfyh{transform:rotate(180deg)}.language-dropdown.svelte-12qhfyh{position:absolute;top:100%;right:0;margin-top:.5rem;background:#1a1a1a;border:1px solid #404040;border-radius:8px;box-shadow:0 4px 20px #0000004d;z-index:1000;min-width:140px}.language-option.svelte-12qhfyh{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:#a1a1aa;cursor:pointer;transition:all .2s;text-align:left}.language-option.svelte-12qhfyh:hover{background:#262626;color:#14b8a6}.language-option.active.svelte-12qhfyh{background:#0f766e;color:#fff}.flag.svelte-12qhfyh{font-size:1.1rem}.name.svelte-12qhfyh{font-weight:500}.sign-in-btn{background:#14b8a6!important;color:#fff!important;border:none!important;padding:.75rem 1.5rem!important;border-radius:8px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s!important;box-shadow:0 2px 8px #14b8a64d!important}.sign-in-btn:hover{background:#0f766e!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #14b8a666!important}.main-content.svelte-12qhfyh{flex:1;background:#0a0a0a}@media (max-width: 768px){.nav-container.svelte-12qhfyh{flex-wrap:wrap;gap:1rem}.nav-links.svelte-12qhfyh{flex:none;margin-left:0;gap:1rem}.nav-brand.svelte-12qhfyh a:where(.svelte-12qhfyh){font-size:1.25rem}}