/* Fonts loaded via HTML <head> */

:root {
    --chat-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

* {
    box-sizing: border-box;
}

body {
    background:
        radial-gradient(1200px 600px at 50% -200px, rgba(41, 131, 221, 0.14), transparent 65%),
        #1e1e1e;
    color: #e0e0e0;

    font-family: var(--chat-font), 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', 'EmojiSymbols';
    margin: 0;
    padding: 0;
    height: 100vh;
    width: 100%;
}

body.chat-shell {
    --terminal-amber: #ffad33;
    --terminal-amber-soft: #ffd37a;
    --terminal-amber-user: #ffbf62;
    --terminal-selection-bg: color-mix(in srgb, var(--terminal-amber-soft) 82%, white);
    --terminal-selection-text: var(--terminal-ink);
    --terminal-sidebar-label: #cfa15e;
    --terminal-sidebar-value: #ffe8bf;
    --terminal-sidebar-meta: #d9b57f;
    --terminal-ink: #120b05;
    --terminal-panel: #1a120b;
    --terminal-panel-2: #0d0906;
    --terminal-modal-bg-top: rgba(22, 15, 10, 0.98);
    --terminal-modal-bg-bottom: rgba(10, 7, 5, 0.98);
    --terminal-modal-text: #ffd79a;
    --terminal-modal-heading: #ffe0a6;
    --terminal-modal-control-bg: rgba(0, 0, 0, 0.45);
    --terminal-modal-button-bg: rgba(0, 0, 0, 0.45);
    --terminal-modal-button-bg-hover: rgba(0, 0, 0, 0.58);
    --terminal-modal-button-active-bg: rgba(255, 173, 51, 0.16);
    --terminal-border: rgba(255, 173, 51, 0.24);
    --terminal-glow: rgba(255, 145, 0, 0.2);
    --terminal-bloom-soft: rgba(245, 155, 47, 0.2);
    --terminal-bloom-mid: rgba(245, 155, 47, 0.5);
    --terminal-bloom-strong: rgba(245, 155, 47, 0.96);
    --theme-hue-rotate: 0deg;
    --theme-brightness: 1;
    --theme-emoji-filter:
        grayscale(1)
        sepia(1)
        saturate(7)
        hue-rotate(var(--theme-hue-rotate))
        brightness(var(--theme-brightness))
        contrast(1.18);
    --chat-font: "VT323", "Courier New", Courier, monospace;
    position: relative;
    background: #050404;
    color: var(--terminal-amber);
    overflow: hidden;
}

body.chat-shell.hide-mouse-cursor,
body.chat-shell.hide-mouse-cursor * {
    cursor: none !important;
}

body.chat-shell::before,
body.chat-shell::after {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 1;
}

body.chat-shell::before {
    background:
        repeating-linear-gradient(
            to bottom,
            rgba(255, 194, 120, 0.05) 0,
            rgba(255, 194, 120, 0.05) 1px,
            transparent 1px,
            transparent 3px
        );
    mix-blend-mode: screen;
    opacity: 0.62;
    transform-origin: center;
    animation: none;
    z-index: 3;
}

body.chat-shell::after {
    background:
        radial-gradient(circle at center, rgba(255, 190, 95, 0.12) 0%, rgba(245, 155, 47, 0.07) 34%, transparent 72%),
        var(--shared-terminal-bg);
    filter: hue-rotate(var(--theme-hue-rotate)) brightness(var(--theme-brightness));
    opacity: 1;
    animation: none;
    z-index: 0;
}

body.chat-shell .chat-container {
    position: relative;
    z-index: 2;
}