:root{--H-top:5cqh;--Padding-genral:2cqh;--primary-gray:var(--color-bg,#ebe9db);--color-space:oklch}html{height:100lvh}body{height:100lvh;padding-top:calc(0 - env(titlebar-area-width));padding-top:calc(0 - env(safe-area-inset-top));padding-bottom:calc(0 - env(safe-area-inset-bottom));padding-bottom:calc(0 - env(titlebar-area-y,40px));touch-action:none;flex-direction:column;display:flex;overflow:hidden}body :nth-child(n):focus-visible{background-color:#ffe91e;border-color:#ffe91e;outline-color:#ffe91e}header{padding-inline:var(--Padding-genral);padding-block:.5%}main{background-attachment:fixed,fixed;background:url(../../../cuttingmat55-33-2.svg), radial-gradient(circle, #2a7b9b00 69%, var(--color-bg) 100%);background-blend-mode:color-dodge;background-position:50%,50%;background-repeat:no-repeat;background-size:cover,cover;flex-direction:column;flex:1;margin:0;padding:0;display:flex;overflow:hidden}main:after{content:"";background:radial-gradient(circle, #2a7b9b00 82%, var(--color-bg) 100%);pointer-events:none;z-index:-1;position:fixed;inset:0}main.contain{background-color:var(--primary-gray)}@media (width<900px){html{height:100lvh}body{min-height:100lvh;min-height:calc(100lvh - env(safe-area-inset-top,40px))}main:after{content:none;display:none}footer{display:none}}@media (height<350px){body:after{content:"oops, screen is too small";-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;place-content:center;font-size:2rem;display:grid;position:fixed;inset:0}}