.natives-page.svelte-4r0ssr{min-height:100vh;background:#0a0a1a;color:#f0f0f0;padding:0rem 2rem 4rem;position:relative}.starfield.svelte-4r0ssr{position:fixed;inset:0;background:radial-gradient(2px 2px at 40px 60px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 80px 120px,rgba(0,212,170,.6),transparent);background-size:350px 350px;opacity:.3;pointer-events:none}.back-link.svelte-4r0ssr{position:absolute;top:1.5rem;left:1.5rem;z-index:20;color:#f0f0f0;text-decoration:none;font-size:.9rem;background:#00000080;padding:.5rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.back-link.svelte-4r0ssr:hover{color:gold}h1.svelte-4r0ssr{text-align:center;font-size:2.5rem;color:gold;margin-bottom:.5rem}.subtitle.svelte-4r0ssr{text-align:center;color:#a0a0c0;margin-bottom:2rem}.two-column-layout.svelte-4r0ssr{display:flex;gap:2rem;max-width:1400px;margin:0 auto;position:relative;z-index:1}.story-sidebar.svelte-4r0ssr{flex:1;min-width:220px;background:#0000004d;border:1px solid rgba(0,212,170,.15);border-radius:20px;padding:1.5rem;height:fit-content;position:sticky;top:2rem}.story-sidebar.svelte-4r0ssr h3:where(.svelte-4r0ssr){color:gold;font-size:1.1rem;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,215,0,.2)}.story-list.svelte-4r0ssr{display:flex;flex-direction:column;gap:.75rem}.story-card.svelte-4r0ssr{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:.85rem 1rem;cursor:pointer;text-align:left;transition:all .2s;color:#e0e0e0;width:100%}.story-card.svelte-4r0ssr:hover{background:#00d4aa14;border-color:#00d4aa4d;transform:translate(2px)}.story-card.active.svelte-4r0ssr{background:#00d4aa1f;border-color:#00d4aa;color:#00d4aa}.story-card-title.svelte-4r0ssr{font-weight:600;font-size:.9rem;margin-bottom:.2rem}.story-card-meta.svelte-4r0ssr{font-size:.7rem;color:#888}.story-card.active.svelte-4r0ssr .story-card-meta:where(.svelte-4r0ssr){color:#00d4aa;opacity:.8}.natives-main.svelte-4r0ssr{flex:2;min-width:0;margin-top:-1.5rem}.story-header.svelte-4r0ssr{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid rgba(255,215,0,.2)}.story-header.svelte-4r0ssr h2:where(.svelte-4r0ssr){color:gold;font-size:1.5rem;margin:0}.story-meta.svelte-4r0ssr{color:#00d4aa;font-size:.85rem;text-transform:capitalize}.natives-grid.svelte-4r0ssr{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.native-card.svelte-4r0ssr{background:#ffffff08;border:1px solid rgba(0,212,170,.2);border-radius:20px;padding:1.5rem;text-align:center;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s;display:block}.native-card.svelte-4r0ssr:hover{transform:translateY(-5px);border-color:gold}.avatar.svelte-4r0ssr{width:100px;height:100px;margin:0 auto 1rem;border-radius:50%;overflow:hidden;border:2px solid #00d4aa;background:#000}.avatar.svelte-4r0ssr img:where(.svelte-4r0ssr){width:100%;height:100%;object-fit:contain}.info.svelte-4r0ssr h3:where(.svelte-4r0ssr){margin:0 0 .5rem;color:gold;font-size:1rem}.tagline.svelte-4r0ssr{font-size:.8rem;color:#a0a0c0;line-height:1.4}.loading.svelte-4r0ssr,.empty.svelte-4r0ssr,.empty-natives.svelte-4r0ssr{text-align:center;padding:3rem;color:#888}@media(max-width:768px){.natives-page.svelte-4r0ssr{padding:2rem 1rem}.back-link.svelte-4r0ssr{top:1rem;left:1rem}.two-column-layout.svelte-4r0ssr{flex-direction:column}.story-sidebar.svelte-4r0ssr{position:static;top:auto}.story-header.svelte-4r0ssr{flex-direction:column;gap:.5rem}.natives-grid.svelte-4r0ssr{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}}