:root{font-family:Inter,sans-serif;font-optical-sizing:auto;font-size:16px;color:#fff}body{background:var(--app-bg);display:flex;flex-direction:column;min-height:100svh;width:100vw}#root{display:flex;flex-direction:column;background-color:var(--app-bg);min-height:100svh;position:relative}@media screen and (min-width: 768px){body{display:grid;place-items:center;max-height:100svh;padding:var(--spacing-s)}#root{width:min(100%,calc((100svh - calc(var(--spacing-s) * 2)) * 4 / 3));height:auto;min-height:unset;aspect-ratio:4 / 3;box-shadow:#000 0 2px 40px -7px;border-radius:var(--spacing-xl);overflow:hidden}}strong{font-weight:600}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-width:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}.dark{--app-bg: #0b0e11;--box-bg: var(--primary-500)}@media screen and (min-width: 768px){.dark #root{border:1px solid var(--primary-400);box-shadow:#000 0 2px 40px -7px}}