:root{--brand-primary:#2d1b8c;--brand-secondary:#6366f1;--brand-gradient:linear-gradient(135deg, #2d1b8c 0%, #6366f1 100%);--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-subtle:#e2e8f0;--border-bright:#cbd5e1;--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--font-main:"Poppins", system-ui, -apple-system, sans-serif;--color-brand-primary:var(--brand-primary);--color-brand-secondary:var(--brand-secondary);--color-brand-gradient:var(--brand-gradient);--color-bg-primary:var(--bg-primary);--color-bg-secondary:var(--bg-secondary);--color-bg-tertiary:var(--bg-tertiary);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-border-subtle:var(--border-subtle);--color-border-bright:var(--border-bright);--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-xxl:2rem;--space-3xl:3rem;--transition-fast:all .15s ease;--transition-normal:all .25s ease;--navbar-height:56px;--lorebook-navbar-height:64px;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--full-height:100dvh}@supports not (height:100dvh){:root{--full-height:100vh}}[data-theme=dark]{--bg-primary:#0a0a0c;--bg-secondary:#141417;--bg-tertiary:#1c1c21;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-subtle:#ffffff14;--border-bright:#ffffff29}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);max-width:100vw;color:var(--text-primary);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.worldbuilder-link{color:#6366f1;cursor:pointer;font-weight:500;text-decoration:underline;transition:color .15s}.worldbuilder-link:hover{color:#4f46e5}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:10px}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);background:#ffffffb3;box-shadow:0 8px 32px #0000000d}.gradient-text{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-primary{background:var(--brand-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:12px 24px;font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--brand-secondary);transform:translateY(-1px)}.card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px;transition:all .3s}.card:hover{border-color:var(--brand-secondary);box-shadow:0 10px 25px -5px #0000001a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.spinner-container{padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.custom-map-pin,.custom-map-pin-colored{background:0 0!important;border:none!important}@media (display-mode:standalone){html,body{overscroll-behavior-y:none}}.leaflet-tile-container img.leaflet-tile{width:256.5px!important;height:256.5px!important}@media (max-width:768px){input,textarea,select{font-size:16px!important}button,[role=button],a{touch-action:manipulation}}.leaflet-overlay-pane svg{isolation:isolate}.erase-path{mix-blend-mode:destination-out}.custom-text-node{background:0 0!important;border:none!important}