@font-face{font-family:Montserrat;src:url(../fonts/Montserrat.ttf)}@font-face{font-family:SymbolsRounded;src:url(../fonts/SymbolsRounded.ttf)}body{margin:0;box-sizing:border-box;--position: fixed;inset:0;font-family:Montserrat;font-size:16px;--app-bgc: hsl(240, 29%, 97%);--bgc: hsl(0, 0%, 99%);--fgc: hsl(0, 0%, 0%);--bdc: hsl(0, 0%, 70%);--btn-bgc: hsl(210, 100%, 50%);--btn-fgc: hsl(0, 0%, 100%);--btn-hlc: hsl(210, 100%, 60%);--btn-disc: hsl(0, 0%, 80%);--mnu-bgc: hsl(0, 0%, 90%);--mnu-fgc: hsl(0, 0%, 0%);--mnu-hlc: hsl(218, 92%, 70%);--mnu-hsc: hsl(0, 0%, 60%);--btn-bgc: hsl(3, 65%, 63%);--btn-hlc: hsl(3, 65%, 73%);--shadow: 0 0 5px rgba(0, 0, 0, .25)}pc-app{display:none;padding:0}pc-login{font-size:.75em;min-height:calc(100vh - 2em)}pc-login::part(button){background-color:#c66}app-dashboard,app-tail-records,app-compare{min-height:calc(100vh - 8.3em)}pc-menu{display:none}pc-login div[slot=header]{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;color:#1f1f1f;gap:1em}pc-login div[slot=header] img{width:9em}pc-login div[slot=header] *{margin:0}pc-login div[slot=header] span{color:#666;margin-bottom:1em}