@layer components{.shell-notice{border:1px solid graytext;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.5rem 1rem;display:flex}.shell-notice .notice-text{flex:10rem;min-width:0}.shell-notice .notice-actions{gap:1rem;display:flex}.shell-notice .notice-actions button{min-height:2.75rem;text-decoration:underline}.app-shell{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));grid-template-rows:auto 1fr;display:grid}.app-shell .notices{gap:.5rem;display:grid}.app-shell .notices:not(:empty){margin-bottom:1rem}#main:focus{outline:none}}@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{interpolate-size:allow-keywords;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,svg,canvas,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}ul,ol{list-style:none}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-base:0s;--transition-slow:0s}::view-transition-group(*){animation:none}::view-transition-image-pair(*){animation:none}::view-transition-old(*){animation:none}::view-transition-new(*){animation:none}}@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{color:canvastext;background:canvas;font-family:system-ui,sans-serif}}