:root{--color-50:#e6f6ff;--color-100:#b8e6ff;--color-200:#8ad6ff;--color-300:#5cc6ff;--color-400:#38b9ff;--color-500:#00a6ff;--color-600:#0088d1;--color-700:#006aa3;--color-800:#004c75;--color-900:#002e47;--color-950:#00111a;--color-bg:var(--color-50);--color-surface:#fff;--color-surface-hover:color-mix(in srgb, var(--color-50) 55%, #fff);--color-surface-sunken:color-mix(in srgb, var(--color-50) 42%, #fff);--color-ink:var(--color-900);--color-muted:var(--color-700);--color-faint:var(--color-600);--color-accent:var(--color-700);--color-accent-fill:var(--color-700);--color-accent-strong:var(--color-800);--color-accent-soft:color-mix(in srgb, var(--color-100) 40%, #fff);--color-brand:var(--color-700);--color-input-bg:color-mix(in srgb, var(--color-50) 35%, #fff);--color-input-bg-focus:#fff;--color-input-bg-disabled:color-mix(in srgb, var(--color-100) 28%, var(--color-surface-sunken));--color-input-border:color-mix(in srgb, var(--color-100) 40%, #e8eef2);--color-input-border-focus:var(--color-500);--color-input-placeholder:var(--color-700);--color-danger:#d92d20;--color-danger-soft:color-mix(in srgb, var(--color-danger) 14%, #fff);--color-border:color-mix(in srgb, var(--color-200) 35%, #e8eef2);--color-border-strong:color-mix(in srgb, var(--color-300) 40%, #d0dbe3);--color-on-accent:#fff;--color-online:var(--color-600);--font-display:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-msg:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:18px;--radius-xl:24px;--radius-full:999px;--radius-button:var(--radius-full);--radius-input:var(--radius-md);--shadow-soft:0 4px 16px #002e4714;--shadow-bubble:0 1px 1px #002e4714;--shadow-raised:0 6px 20px #002e4724;--focus-ring:0 0 0 3px #006aa338;--ease-out:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:var(--color-950);--color-surface:var(--color-900);--color-surface-hover:color-mix(in srgb, var(--color-800) 55%, var(--color-900));--color-surface-sunken:color-mix(in srgb, var(--color-950) 45%, var(--color-800));--color-ink:var(--color-50);--color-muted:var(--color-200);--color-faint:var(--color-300);--color-accent:var(--color-300);--color-accent-fill:var(--color-700);--color-accent-strong:var(--color-200);--color-accent-soft:color-mix(in srgb, var(--color-700) 35%, var(--color-900));--color-brand:var(--color-200);--color-input-bg:color-mix(in srgb, var(--color-800) 40%, var(--color-950));--color-input-bg-focus:var(--color-800);--color-input-bg-disabled:color-mix(in srgb, var(--color-800) 55%, var(--color-950));--color-input-border:color-mix(in srgb, var(--color-700) 45%, var(--color-900));--color-input-border-focus:var(--color-400);--color-input-placeholder:var(--color-300);--color-danger:#ff6b5e;--color-danger-soft:color-mix(in srgb, var(--color-danger) 22%, var(--color-900));--color-border:color-mix(in srgb, var(--color-700) 40%, var(--color-900));--color-border-strong:color-mix(in srgb, var(--color-600) 45%, var(--color-800));--color-on-accent:#fff;--color-online:var(--color-400);--shadow-soft:0 4px 16px #00000059;--shadow-bubble:0 1px 2px #00000059;--shadow-raised:0 8px 24px #00000073;--focus-ring:0 0 0 3px #5cc6ff47}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2;animation:.78s cubic-bezier(.22,1,.36,1) both theme-circle-in}html[data-theme-transition=to-dark]::view-transition-new(root){animation-name:theme-circle-in}html[data-theme-transition=to-light]::view-transition-new(root){animation-name:theme-circle-in;animation-timing-function:cubic-bezier(.16,1,.3,1)}@keyframes theme-circle-in{0%{clip-path:circle(0px at var(--theme-x,50%) var(--theme-y,50%));filter:saturate(1.05)brightness(1.04)}55%{filter:saturate(1.08)brightness(1.02)}to{clip-path:circle(var(--theme-radius,150vmax) at var(--theme-x,50%) var(--theme-y,50%));filter:none}}.theme-veil{z-index:9999;pointer-events:none;opacity:0;transition:opacity .38s var(--ease-out), transform .72s var(--ease-out);background:radial-gradient(circle at var(--theme-x,50%) var(--theme-y,50%), var(--veil-core) 0%, var(--veil-mid) 42%, var(--veil-edge) 100%);position:fixed;inset:0;transform:scale(1.04)}.theme-veil.to-dark{--veil-core:#002e478c;--veil-mid:#00111ab8;--veil-edge:#00111ae0}.theme-veil.to-light{--veil-core:#e6f6ffb3;--veil-mid:#b8e6ff8c;--veil-edge:#fffc}.theme-veil.visible{opacity:1;transform:scale(1)}.theme-veil.leaving{opacity:0;transition-duration:.36s;transform:scale(1.02)}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}.theme-veil{display:none}}:root{--color-brand-hover:var(--color-800);--color-border-subtle:color-mix(in srgb, var(--color-100) 28%, #fff);--color-input-bg:#fff;--color-input-border:#c8dded;--color-bubble-sent:#006aa3;--color-bubble-sent-ink:#fff;--color-bubble-received:#fff;--color-tick-read:#ffd666;--radius-xs:4px;--radius-lg:14px;--radius-xl:20px;--shadow-subtle:0 1px 2px #0022350d;--shadow-card:0 1px 3px #0022350f, 0 6px 16px #0022350a;--shadow-float:0 4px 8px #0022350f, 0 16px 36px #0022351a;--focus-ring:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-brand);--band-ice:color-mix(in srgb, var(--color-50) 72%, #fff);--band-paper:#fff;--band-ink:#002235;--wrap:72rem}html[data-theme=dark]{--color-bg:#03131d;--color-surface:#072233;--color-surface-hover:#0c2d43;--color-ink:#f0f8ff;--color-muted:#9cd4f8;--color-brand:#38b9ff;--color-brand-hover:#67caff;--color-accent:#7dd3fc;--color-accent-soft:#0b324d;--color-border:#133952;--color-border-subtle:#0d293d;--color-border-strong:#22567c;--color-input-bg:#041926;--color-input-border:#1a4563;--color-bubble-received:#0a2d45;--color-faint:#6a9fbf;--shadow-subtle:0 1px 2px #00000040;--shadow-card:0 2px 4px #0000004d, 0 8px 24px #00000040;--shadow-float:0 6px 12px #00000059, 0 20px 48px #00000073;--focus-ring:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-brand);--band-ice:#051926;--band-paper:#072233;--band-ink:#010a0f}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);letter-spacing:-.012em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;line-height:1.55}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-ink);font-weight:800;line-height:1.15}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.band{width:100%;padding-block:clamp(3rem,7vw,5.5rem)}.band-ice{background:var(--band-ice)}.band-paper{background:var(--band-paper)}.band-ink{background:var(--band-ink);color:#fff}:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
