@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-base:#111;--bg-surface:#171717;--bg-elevated:#1e1e1e;--bg-card:#242424;--bg-hover:#2a2a2a;--bg-active:#303030;--border-subtle:#ffdc820a;--border-muted:#ffdc8214;--border-soft:#ffdc8229;--border-focus:#c9a24a8c;--text-primary:#ede8df;--text-secondary:#9e9488;--text-muted:#5a5248;--text-disabled:#302c28;--accent:#c9a24a;--accent-hover:#d4b060;--accent-muted:#c9a24a1f;--accent-glow:#c9a24a47;--color-character:#a07af5;--color-place:#4ab07c;--color-faction:#d4883a;--color-item:#4a9ed9;--color-creature:#d44a4a;--color-event:#b04ad9;--color-resource:#4ad9c9;--color-lore:#d9c94a;--danger:#e05252;--danger-muted:#e0525226;--success:#4ec99c;--success-muted:#4ec99c26;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 4px 20px #0009;--shadow-lg:0 8px 40px #000000b3;--shadow-glow:0 0 20px var(--accent-glow);--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--sidebar-width:252px;--header-height:50px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration:.18s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-soft)}::selection{background:var(--accent-muted);color:var(--text-primary)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:var(--bg-elevated);border:1px solid var(--border-muted);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);transition:border-color var(--duration) var(--ease-out);outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--border-focus)}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:80px}.dot-bg{background-image:radial-gradient(circle,#ffffff0f 1px,#0000 1px);background-size:28px 28px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration) var(--ease-out)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-right-enter-active,.slide-right-leave-active{transition:transform var(--duration) var(--ease-out), opacity var(--duration) var(--ease-out)}.slide-right-enter-from,.slide-right-leave-to{opacity:0;transform:translate(20px)}.slide-up-enter-active,.slide-up-leave-active{transition:transform var(--duration) var(--ease-out), opacity var(--duration) var(--ease-out)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(12px)}