:root{font-optical-sizing:auto;color:#fff;font-family:Inter,sans-serif;font-size:16px}body{background:var(--app-bg);flex-direction:column;width:100vw;min-height:100svh;display:flex}#root{background-color:var(--app-bg);flex-direction:column;min-height:100svh;display:flex;position:relative}@media screen and (width>=768px){body{max-height:100svh;padding:var(--spacing-s);place-items:center;display:grid}#root{width:min(100%, calc((100svh - calc(var(--spacing-s) * 2)) * 4 / 3));height:auto;min-height:unset;aspect-ratio:4/3;border-radius:var(--spacing-xl);overflow:hidden;box-shadow:0 2px 40px -7px #000}}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{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 (width>=768px){.dark #root{border:1px solid var(--primary-400);box-shadow:0 2px 40px -7px #000}}