:root{--color: #ddd;--background: #333;--bg-highlight: #111;--bg-input: #222 }@media (prefers-color-scheme: light){:root{--color: #333;--background: #ddd;--bg-highlight: #fff;--bg-input: #eee }}body{font-family:sans-serif;font-size:1.3rem;color:var(--color);background:var(--background);margin:0}#app{max-width:min-content;margin:2rem auto}textarea{font:inherit;color:inherit;background:var(--bg-input);border:none;margin:.3rem;padding:.1rem;width:75vw;min-height:10rem;resize:none}button{font:inherit;color:inherit;background:var(--bg-input);border:none;margin:.3rem;padding:.5rem}.tools{display:flex;justify-content:space-between}.long{flex-direction:column;align-items:center}input{font:inherit;color:inherit;background:var(--bg-input);border:none;margin:.3rem;padding:.1rem}.property{display:flex;justify-content:space-between;margin:1rem 0;max-width:40ch}.form{display:flex;flex-direction:column}.notification{background:var(--bg-highlight);color:var(--color);padding:1rem;margin:1rem 10vw;width:80vw;border-radius:.5rem;text-align:center;position:fixed;top:0;left:0}.internal{background:var(--bg-highlight);padding:.3rem}.internal input,.internal textarea{background:inherit;border:var(--color) 2px solid}@media (max-width: 600px){.property{flex-direction:column;align-items:center}textarea{width:95vw}}