/* Lourra — global styles and colour tokens (light, and dark under html.lr-dark).
   Everything else is styled inline in the template in index.html. */

html, body, #app { height: 100%; margin: 0; }

body{margin:0;background:var(--bg);font-family:'Outfit',system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:#007AFF;text-decoration:none}
a:hover{color:#0A84FF}
input::placeholder{color:var(--ink3)}
::selection{background:#CCE4FF}
:root{--bg:#fff;--surface:#fff;--surface2:#FBFBFD;--fill:#F5F5F7;--fill2:#F2F2F7;--line:#E5E5EA;--line2:#F0F0F3;--line3:#D1D1D6;--line4:#E6E6EB;--ink:#000;--ink-soft:#3A3A3C;--ink2:#6E6E73;--ink3:#8E8E93;--ink4:#C7C7CC;--ink5:#AEAEB2;--inv:#000;--on-inv:#fff;--oi:255,255,255;--blue:#007AFF;--red:#D70015;--red2:#FF3B30;--green:#248A3D;--green2:#34C759;--orange:#C93400;--glow1:#D6E6FF;--ill1:#EAF1FF;--ill2:#DCE8FB;--ill3:#BFD6FF;--wash:#F5F8FF;--wash2:#E3EDFF;--wash3:#CCE4FF;--wash-line:#E4ECFB;--k:0,0,0;--ka:1;--g:255,255,255;--seg:#fff;color-scheme:light}
html.lr-dark{--bg:#0B0B0E;--surface:#17171B;--surface2:#1C1C21;--fill:#222227;--fill2:#27272D;--line:#323239;--line2:#24242A;--line3:#45454D;--line4:#2E2E35;--ink:#F5F5F7;--ink-soft:#D1D1D6;--ink2:#A1A1A8;--ink3:#7D7D85;--ink4:#56565E;--ink5:#6A6A72;--inv:#F5F5F7;--on-inv:#0B0B0E;--oi:11,11,14;--blue:#0A84FF;--red:#FF6961;--red2:#FF453A;--green:#30D158;--green2:#30D158;--orange:#FF9F0A;--glow1:#0C2350;--ill1:#121E36;--ill2:#172949;--ill3:#24426F;--wash:#111A2C;--wash2:#172C52;--wash3:#1B3563;--wash-line:#22324F;--k:255,255,255;--ka:1.8;--g:23,23,27;--seg:#3A3A41;color-scheme:dark}
html.lr-dark [fill="#EAF1FF"]{fill:var(--ill1)}
html.lr-dark [fill="#DCE8FB"]{fill:var(--ill2)}
html.lr-dark [fill="#BFD6FF"]{fill:var(--ill3)}
html.lr-dark [stroke="#9DBEF5"]{stroke:var(--ill3)}
html.lr-dark symbol [fill="#fff"]{fill:#2A2A31}
html.lr-dark symbol [fill="#E5E5EA"]{fill:#45454D}
html.lr-dark symbol [stroke="#E5E5EA"]{stroke:#45454D}
html.lr-dark symbol [stroke="#000"],html.lr-dark symbol [stroke="#000000"]{stroke:var(--ink)}
html.lr-dark symbol [fill="#000"]{fill:var(--ink)}
html.lr-dark symbol [fill="#0B1B3A"]{fill:#000;opacity:.35}
html.lr-dark symbol [fill="#007AFF"]{fill:var(--blue)}
html.lr-dark symbol [stroke="#007AFF"]{stroke:var(--blue)}
html.lr-swap *,html.lr-swap *::before,html.lr-swap *::after{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease,fill .4s ease,stroke .4s ease !important}
@keyframes lr-march{to{stroke-dashoffset:-12}}
@keyframes lr-fade{from{opacity:0}}
@keyframes lr-rise{from{opacity:0;transform:translateY(18px) scale(.98)}}
@keyframes lr-up{from{opacity:0;transform:translateY(10px)}}
@keyframes lr-paper{from{opacity:0;transform:translateY(40px) rotate(-2.5deg) scale(.94)}}
@keyframes lr-tile{from{opacity:0;transform:scale(.3)}}
@keyframes lr-popA{0%{opacity:0;transform:translateY(5px)}60%{opacity:1;transform:translateY(-1px)}100%{transform:none}}
@keyframes lr-popB{0%{opacity:0;transform:translateY(5px)}60%{opacity:1;transform:translateY(-1px)}100%{transform:none}}
@keyframes lr-row{from{opacity:0;transform:translateY(-8px)}}
@keyframes lr-blink{50%{opacity:0}}
@keyframes lr-shim{to{background-position:-200% 0}}
@keyframes lr-sweep{from{transform:translateX(-110%)}to{transform:translateX(110%)}}
@keyframes lr-stamp{0%{opacity:0;transform:rotate(-30deg) scale(2.4)}55%{opacity:1;transform:rotate(-9deg) scale(.9)}100%{opacity:1;transform:rotate(-12deg) scale(1)}}
@keyframes lr-thud{0%{transform:none}35%{transform:scale(.985) translateY(3px)}70%{transform:scale(1.004)}100%{transform:none}}
@keyframes lr-pulse{0%{box-shadow:0 0 0 0 rgba(0,122,255,.45)}100%{box-shadow:0 0 0 8px rgba(0,122,255,0)}}