@layer components{header.ed3f64ac5{background:var(--a2);color:var(--b12);padding:var(--s-md) var(--s-lg);text-align:center}h1.ed3f64ac5{margin-block:0;color:var(--c3);font-size:var(--fs-3xl)}form.ed3f64ac5{display:grid;max-width:48rem;margin-inline:auto;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:var(--s-xs) var(--s-md)}form.ed3f64ac5>div.ed3f64ac5{display:grid;grid-template-rows:subgrid;grid-template-columns:subgrid;grid-row:span 2}label.ed3f64ac5{display:block;color:var(--c2)}input.ed3f64ac5[type=number]{display:block;width:100%;border:2px solid var(--a4);color:var(--c3);background:var(--c2);padding:var(--s-sm) var(--s-md);font-size:var(--fs-lg)}input.ed3f64ac5[type=number]:focus{outline:0;border-color:var(--c3)}small.ed3f64ac5{display:block;color:var(--b12)}.out_ed3f64ac5{width:100%;font-size:var(--fs-lg);border-collapse:collapse}.out_ed3f64ac5 :is(td.ed3f64ac5,th.ed3f64ac5){padding:var(--s-sm) var(--s-md)}.out_ed3f64ac5 tr.ed3f64ac5:not(:first-child) :is(td.ed3f64ac5,th.ed3f64ac5){border-top:var(--s-2xs) solid var(--a6)}.out_ed3f64ac5 th.ed3f64ac5{text-align:left;font-weight:inherit}.out_ed3f64ac5 td.ed3f64ac5{text-align:right;font-weight:700}.out_ed3f64ac5 th.ed3f64ac5:first-child{padding-left:0}.out_ed3f64ac5 td.ed3f64ac5:last-child{padding-right:0}main.ed3f64ac5{max-width:calc(48rem - (2*max(3vw,var(--s-lg))));margin-bottom:var(--s-md);margin-inline:auto;padding:max(3vw,var(--s-lg));background:var(--w);color:var(--a3);box-shadow:0 var(--s-sm) var(--s-xl) calc(-1 * var(--s-2xs)) var(--c1),0 0 0 2px var(--a2)}}:root{--a1: #523c4e;--a4: #84545c;--b7: #d44e52;--b10: #ec8a4b;--a3: #3e5442;--a6: #5c7a56;--b9: #80ac40;--c1: #101024;--a2: #2a2a3a;--a5: #38607c;--b8: #55a894;--b11: #8bd0ba;--c2: #b27e56;--b12: #ffcc68;--c3: #fff8c0;--w: #fff;--golden-diatonic: pow( calc((1 + sqrt(5))/2) , 1 / 2) ;--fs-base: 1rem;--fs-sm: round(var(--fs-base) * pow(var(--golden-diatonic), -1), 1px) ;--fs-md: var(--fs-base);--fs-lg: round(var(--fs-base) * pow(var(--golden-diatonic), 1.5), 1px) ;--fs-xl: round(var(--fs-base) * pow(var(--golden-diatonic), 2), 1px) ;--fs-2xl: round(var(--fs-base) * pow(var(--golden-diatonic), 3), 1px) ;--fs-3xl: round(var(--fs-base) * pow(var(--golden-diatonic), 4), 1px) ;--fs-4xl: round(var(--fs-base) * pow(var(--golden-diatonic), 5), 1px) ;--s-2xs: .125rem;--s-xs: .25rem;--s-sm: .5rem;--s-md: 1rem;--s-lg: 1.5rem;--s-xl: 2.5rem;--s-2xl: 4rem;--s-3xl: 7rem;--fg-interactive: var(--w)}*{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;box-sizing:border-box}html,body{background:var(--a1);color:var(--c3);font-size:var(--fs-md);margin:0;padding:0;border:0}body>*{padding:max(3vw,var(--s-lg))}h1,h2,p,dl{max-width:32rem;margin-inline:auto}h2{color:var(--b12)}a{color:color-mix(in oklch,currentcolor 50%,var(--fg-interactive) 50%)}a:focus,a:hover{color:var(--fg-interactive)}dt{color:var(--fg-interactive)}dd{margin-top:var(--s-sm)}table,p,dl{margin-block:0}*+:is(table,p,dl,dt){margin-top:var(--s-lg)}small,p,dd{text-wrap:balance}