:root{--font-body: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--color-bg-0: rgb(202, 228, 208);--color-bg-1: hsl(134, 36%, 86%);--color-bg-2: hsl(131, 44%, 95%);--color-theme-1: #cb83bb;--color-theme-2: #206830;--color-text: rgba(0, 0, 0, .7);--column-width: 42rem;--column-margin-top: 4rem;font-family:var(--font-body);color:var(--color-text)}body{min-height:100vh;margin:0;font-family:var(--font-body);background-attachment:fixed;background-color:var(--color-bg-1);background-size:100vw 100vh;background-image:radial-gradient(50% 50% at 50% 50%,#ffffffbf,#fff0),linear-gradient(180deg,var(--color-bg-0) 0%,var(--color-bg-1) 15%,var(--color-bg-2) 50%)}*{box-sizing:border-box}h1{max-width:80%;word-wrap:break-word;text-transform:uppercase;font-size:2rem;font-weight:100;text-align:center;color:var(--color-theme-1);margin:0 auto 2rem}h2{font-size:1rem}p{line-height:1.5;font-weight:400}a{color:var(--color-theme-1);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;flex-direction:column;min-height:100vh}header{display:flex;justify-content:space-between;padding:1rem}.corner{width:3em;height:3em}.corner a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.corner img{width:2em;height:2em;object-fit:contain}nav{display:flex;justify-content:center;--background: rgba(255, 255, 255, .7)}nav ul{position:relative;padding:0;margin:0;height:3em;display:flex;justify-content:center;align-items:center;list-style:none;background:var(--background);background-size:contain;padding-left:1rem;padding-right:1rem;border-radius:10px}nav li{position:relative;height:100%}nav li[aria-current=page]:before{--size: 6px;content:"";width:0;height:0;position:absolute;top:0;left:calc(50% - var(--size));border:var(--size) solid transparent;border-top:var(--size) solid var(--color-theme-1)}nav a{display:flex;height:100%;align-items:center;padding:0 .5rem;color:var(--color-text);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;transition:color .2s linear}nav a:hover{color:var(--color-theme-1)}main{flex:1;display:flex;flex-direction:column;padding:1rem;width:100%;max-width:64rem;margin:0 auto;box-sizing:border-box;align-items:center;align-content:center}footer{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px}footer a{font-weight:700}@media (min-width: 480px){footer{padding:12px 0}}@media (min-width: 720px){h1{font-size:2.4rem}}.btn-download{outline:none;border:none;background:none;padding:1rem;position:relative;transition:all .35s;cursor:pointer;display:block;width:100%;text-align:left;font-size:18px}button.btn-download{cursor:pointer;text-align:center;border-radius:10px}button.btn-download:hover,div.btn-download{border:1px solid #333;background:#dedc;margin-top:-1px;padding-right:calc(1rem + 32px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}button.btn-download:hover{box-shadow:0 5px 5px #000}button.btn-download:hover:after{position:absolute;content:"⟱";padding:5px;right:1rem;top:.5rem;animation:downloader .7s infinite}@keyframes downloader{0%{top:0rem}to{top:1rem}}.theory-form{display:grid;grid-template-areas:"textarea textarea" "cancel replace";margin-top:.5rem;grid-gap:.5rem}textarea{grid-area:textarea;margin-top:1rem;margin-bottom:1rem;min-width:50vw;max-width:90vw;max-height:30vh;min-height:50px;font-size:18px;padding:1rem;border:1px solid #ccc;resize:vertical}button{font-size:18px;padding:1rem;border:1px solid #ccc;background:#fff;cursor:pointer;transition:all .35s}button:hover{cursor:pointer}.btn-cancel{grid-area:cancel}.btn-replace{grid-area:replace}.btn-replace:hover{transform:scale(1.05);background-color:var(--color-theme-1);color:#fff}.paper{background:#fff;padding:1rem;border:1px solid #ddd;box-shadow:0 2px 4px #0000001a}.loading{font-style:italic;color:#666}