:root{--color-bg:#16281f;--color-surface:#1f362b;--color-text:#f3ede0;--color-divider:#f3ede029;--color-neutral-100:#f3ede0;--color-neutral-200:#e2d8c2;--color-neutral-300:#cabe9f;--color-neutral-400:#ab9d76;--color-neutral-500:#8c7f5c;--color-neutral-600:#6d6246;--color-neutral-700:#514735;--color-neutral-800:#3a3327;--color-neutral-900:#262219;--color-accent:#c9a876;--color-accent-100:#faf4e6;--color-accent-200:#f0ddb6;--color-accent-300:#e3c88d;--color-accent-400:#d6b67c;--color-accent-500:#c9a876;--color-accent-600:#a68a5d;--color-accent-700:#7d6946;--color-accent-800:#564830;--color-accent-900:#30271a;--color-section:#1b3528;--color-section-glow:#244a37;--color-section-ghost:#3f7355;--stb-scrim:#0a120d9e;--stb-stage:#0c1712;--color-bubble-self-bg:#faf8f2;--color-bubble-self-text:#1f2b22;--color-bubble-other-bg:var(--color-surface);--color-bubble-other-text:var(--color-text);--font-system:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans CJK JP", "Yu Gothic UI", Meiryo, system-ui, sans-serif;--font-heading:var(--font-system);--font-heading-weight:500;--font-body:var(--font-system);--space-1:2.8px;--space-2:5.6px;--space-3:8.4px;--space-4:11.2px;--space-6:16.8px;--space-8:22.4px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--shadow-sm:0 1px 3px #00000059;--shadow-md:0 0 0 1px #514735, 0 6px 18px #0000008c;--shadow-lg:0 0 0 1px #8c7f5c, 0 16px 40px #000000a6}html[data-vid-theme=light]{--color-bg:#f3efe2;--color-surface:#fbf8f2;--color-text:#1c2b22;--color-divider:#1c2b2238;--color-neutral-100:#1c2b22;--color-neutral-200:#28392e;--color-neutral-300:#3c4b3f;--color-neutral-400:#546254;--color-neutral-500:#5c6a5c;--color-neutral-600:#748071;--color-neutral-700:#a8b2a0;--color-neutral-800:#d6dbc9;--color-neutral-900:#f0ece0;--color-accent:#0f5a44;--color-accent-100:#092018;--color-accent-200:#0c3526;--color-accent-300:#0e4a37;--color-accent-400:#0f5a44;--color-accent-500:#0f5a44;--color-accent-600:#3b7a5f;--color-accent-700:#6fa588;--color-accent-800:#c3d9cc;--color-accent-900:#e4ece7;--color-section:#e0e8df;--color-section-glow:#cfe0cc;--color-section-ghost:#9ebf96;--stb-stage:#e8e2d2;--stb-scrim:#1c2b2257;--color-bubble-self-bg:var(--color-accent);--color-bubble-self-text:#fff;--color-bubble-other-bg:var(--color-surface);--color-bubble-other-text:var(--color-text);--shadow-sm:0 1px 3px #1c2b2214;--shadow-md:0 0 0 1px #1c2b221a, 0 4px 14px #1c2b221a;--shadow-lg:0 0 0 1px #1c2b221f, 0 14px 38px #1c2b2229}*{box-sizing:border-box}html,body{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);margin:0}button{font-family:inherit}button:disabled{opacity:.55;cursor:default}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}.vid-input::placeholder,.vid-textarea::placeholder{color:var(--color-neutral-600)}@keyframes vid-spin{to{transform:rotate(360deg)}}.vid-header{flex-wrap:nowrap;align-items:center;gap:10px;display:flex}@media (max-width:640px){.vid-header{flex-wrap:wrap}.vid-header-search{order:3;flex-basis:100%!important;min-width:0!important}.vid-header-label{display:none}}
