@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";*{position:relative;box-sizing:border-box}html,body{margin:0;height:100vh}html{--blue: hsl(213, 66%, 32%);--blue-light: hsl(213, 70%, 74%);--black: hsl(210, 24%, 10%);--white: hsl(0, 0%, 98%);--red-light: hsl(6, 88%, 64%);--red: hsl(6, 86%, 50%);--red-50: hsl(6, 86%, 50%, .38);--red-dark: hsl(6, 78%, 42%);--paper: hsl(0, 0%, 98%);--yellow: hsl(46, 100%, 56%);--yellow-50: hsl(46, 100%, 56%, .38);--green: hsl(138, 68%, 30%);--green-50: hsl(138, 68%, 30%, .35);--panel-border: hsl(210, 20%, 76%);--panel-shadow: 0 12px 30px rgba(7, 14, 24, .24);--panel-shadow-soft: 0 8px 22px rgba(7, 14, 24, .2);--accent: hsl(46, 100%, 54%);--primary: var(--blue);--drag-highlight: hsl(46, 100%, 88%);--text-light: var(--white);--text-dark: var(--black);--error: var(--red);--link-highlight: hsl(46, 100%, 54%, .4);--depth-bad: var(--red-50);--depth-okay: var(--yellow-50);--depth-good: var(--green-50);--button-hover-colour: hsl(213, 65%, 84%);--export-button-bg: hsl(213, 70%, 34%);--export-button-bg-hover: hsl(213, 72%, 42%);--danger-button-bg: hsl(6, 82%, 46%);--danger-button-bg-hover: hsl(6, 86%, 54%);--column: 80rem;--side: 1rem;--border: solid 1px var(--panel-border);--debug-border: 1px dashed var(--red);--border-radius: 12px;--font-family: Manrope, "Segoe UI", sans-serif;background:radial-gradient(circle at 20% -10%,#14a342,#0f6c2c);background-image:radial-gradient(circle at 20% -10%,#14a342,#0f6c2c),linear-gradient(160deg,#147131,#0d5925);background-attachment:fixed;background-size:100vw 100vh}body{display:flex;flex-direction:column;font-family:var(--font-family);color:var(--text-dark);letter-spacing:.1px;line-height:1.35}button{cursor:pointer}input,select,button{font-family:inherit}input,select{border:1px solid var(--panel-border);background-color:var(--white);color:var(--text-dark);box-shadow:0 1px #1118270a}input:focus,select:focus,button:focus{outline:2px solid hsl(210,30%,80%);outline-offset:2px}hr{margin-top:1rem;margin-bottom:1rem}.h2{font-size:1.2em;font-weight:700}header.svelte-16tgw5w,footer.svelte-16tgw5w{width:100%;min-height:3rem;color:var(--text-light);background-color:var(--primary)}header.svelte-16tgw5w{box-shadow:0 8px 22px #0a0e1633}.header-content.svelte-16tgw5w{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;max-width:var(--column);padding:.75rem var(--side);margin:0 auto;flex-shrink:0;color:var(--white)}.header-controls.svelte-16tgw5w{display:flex;gap:1rem;align-items:center}a.svelte-16tgw5w{color:var(--text-light);text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s ease}a.svelte-16tgw5w:hover,a.svelte-16tgw5w:focus{border-bottom:2px solid var(--accent)}a#home-link.svelte-16tgw5w{font-size:1.4rem;font-weight:600;letter-spacing:.2px}main.svelte-16tgw5w{flex-grow:1}footer.svelte-16tgw5w{display:flex;align-self:flex-end;flex-shrink:0;margin-top:1rem;padding:14px 10px;box-shadow:0 -8px 20px #0a0e162e}#footer-content.svelte-16tgw5w{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#footer-content.svelte-16tgw5w>ul:where(.svelte-16tgw5w){list-style:none;display:flex;flex-direction:column;gap:10px;margin:8px 0 0;padding:0}#footer-content.svelte-16tgw5w>ul:where(.svelte-16tgw5w) li:where(.svelte-16tgw5w):before{content:"+ "}@media screen and (max-width: 700px){div.header-content.svelte-16tgw5w{padding:0 5px}a#home-link.svelte-16tgw5w{font-size:.9rem;width:fit-content}div.header-controls.svelte-16tgw5w a.help-link:where(.svelte-16tgw5w){display:none}}