main{margin:0;padding:0;display:grid}.app{--sidebar-border:1px solid hsl(var(--neutral-300));height:100%;display:grid}@media (min-width:1080px){.app{grid-template-rows:4fr 1fr;grid-template-columns:1fr 3fr 1fr}.app .sidebar.bottom{border-top:var(--sidebar-border);grid-area:2/1/3/-1}.app .sidebar.left{grid-area:1/1/2/2}.app .sidebar.left:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:var(--sidebar-border)}.app .sidebar.left:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--sidebar-border)}.app .sidebar.right{grid-area:1/-1/2/-2;width:100%}.app .sidebar.right:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:var(--sidebar-border)}.app .sidebar.right:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--sidebar-border)}}.sidebar:is(nav) li{width:100%}.sidebar:is(nav) a{text-transform:none;width:100%;display:flex}.main{grid-template-rows:1fr auto;display:grid}.spread{align-content:center;justify-content:center;align-items:center;justify-items:center;display:grid;container-type:inline-size}.spread .card{aspect-ratio:300/537;border:1px solid hsl(var(--neutral-300));background-color:hsl(var(--primary-300));cursor:pointer;background-size:cover;border-radius:1ch;width:20cqw}.spread-actions{flex-direction:column;align-items:center;padding:1rem;display:flex}.spread-actions h1{margin:0;font-size:3rem}