:root{--deep:#342e51;--sand:#f4f1ee;--slate:#2a2542;--greige:#d8d1ca;--steel:#5b638a;--amber:#ffb800;--text-dark:#1c192e;--text-soft:#8c8894;--white:#fff;--signal-green:#2e7d4f;--signal-red:#c23b3b}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:var(--sand);color:var(--text-dark);font-family:Montserrat,sans-serif;overflow:hidden}.msi{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 48;vertical-align:middle;font-family:Material Symbols Outlined;font-size:24px;line-height:1;display:inline-block}.screen{flex-direction:column;width:100%;height:100%;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-family:Montserrat,sans-serif;font-weight:700;display:flex}.btn-primary{background:var(--amber);color:var(--deep)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:var(--greige);color:var(--text-soft);cursor:not-allowed}.btn-secondary{color:var(--steel);background:#342e510f;border:1px solid #342e5126}.hidden{display:none!important}.scrollable{overflow-y:auto}