:root{--green-1: oklch(.95 .13 145);--green-2: oklch(.9 .13 145);--green-3: oklch(.8 .13 145);--green-4: oklch(.7 .13 145);--green-5: oklch(.55 .13 145);--bg: oklch(.98 .01 145);--surface: oklch(.92 .02 145);--text: oklch(.2 .01 145);--ui-scale: .98;color-scheme:light}@media (prefers-color-scheme: dark){:root{--green-1: oklch(.7 .13 145);--green-2: oklch(.6 .13 145);--green-3: oklch(.5 .13 145);--green-4: oklch(.4 .13 145);--green-5: oklch(.3 .13 145);--bg: oklch(.12 .01 145);--surface: oklch(.22 .02 145);--text: oklch(.93 .02 145);color-scheme:dark}}:root[data-theme=dark]{--green-1: oklch(.7 .13 145);--green-2: oklch(.6 .13 145);--green-3: oklch(.5 .13 145);--green-4: oklch(.4 .13 145);--green-5: oklch(.3 .13 145);--bg: oklch(.12 .01 145);--surface: oklch(.22 .02 145);--text: oklch(.93 .02 145);color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif;font-size:calc(16px * var(--ui-scale));line-height:1.15}@media (max-height: 1080px){:root{--ui-scale: .9}}@media (max-height: 800px){:root{--ui-scale: .8}}.btn{padding:.5rem 1rem;border:none;border-radius:.4rem;background:var(--green-3);color:var(--text);cursor:pointer;transition:background .2s}.btn:hover{background:var(--green-2)}.btn:active{background:var(--green-4)}.noselect{-webkit-touch-callout:none!important;-webkit-user-select:none!important;-webkit-user-drag:none!important;-khtml-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}