:root{--text-color: black;--bg-color: white;--bg-lifted-color: white;--link-color: oklch(62.3% 0.214 259.815);--seen-color: oklch(62.7% 0.265 303.9);--primary: oklch(71.5% 0.143 215.221);--on-primary: var(--text-color);--danger: oklch(63.7% 0.237 25.331);--on-danger: white}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;color:var(--text-color);background-color:var(--bg-color);line-height:1.6}.app{width:100vw;height:100vh;display:flex;flex-direction:column}.container{padding-inline:1rem}p{margin-block-start:1rem}a{color:var(--link-color)}a:visited{color:var(--seen-color)}ul{list-style-position:outside;margin-inline-start:2rem}.main{display:flex;position:fixed;top:0;bottom:0;left:0;right:0;background-color:var(--bg-color);flex-direction:column}.main[data-hide]{display:none}.main__header{height:1lh;text-align:center}.main__body{position:relative;flex:1;height:calc(100% - 1lh - 3.5rem);display:flex;flex-direction:column}.main__footer{margin-block:.5rem;text-align:center}.editor{width:100%;flex:1;height:calc(100% - 42px)}.ql-container{font-size:1rem;line-height:1.6}.input-group{position:relative;border-block-end-style:solid;border-block-end-width:1px;border-block-end-color:var(--text-color);line-height:1rem;max-width:512px;transition:border-block-end-color 200ms;margin-block-end:.5rem}.input-group:has(input:focus){border-block-end-color:var(--primary);border-block-end-width:2px}.input-group:has(input:focus) label{color:var(--primary)}.input-group:has(input:focus) input{outline:none}.input-group label{transition:all 300ms;position:absolute;top:0;left:0;font-size:.64rem;padding-inline-start:.25rem;opacity:.8;text-transform:uppercase}.input-group input,.input-group .input{padding-inline:.25rem;padding-block-end:.12rem;padding-block-start:1rem;background-color:inherit;color:inherit;font-size:1rem;line-height:inherit;border:none;width:100%}.input-group .input{height:2.72rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:1.6;cursor:pointer}button{appearance:none}.button{cursor:pointer;border-style:solid;border-width:1px;border-color:rgba(0,0,0,0);color:var(--text-color);background-color:rgba(0,0,0,0);min-width:4rem;min-height:2.5rem;padding:.25rem 1rem;font-size:1rem;text-decoration:none;text-transform:uppercase;border-radius:.25rem;font-weight:700}.button--primary{background-color:var(--primary);color:var(--on-primary)}.button--danger{background-color:var(--bg-color);color:var(--danger);border-color:var(--danger)}.action{text-align:end;margin-inline:1rem;margin-block-end:1rem}.action .button:not(:first-of-type){margin-inline-start:1rem}.message{font-size:.8rem;min-height:1lh;color:var(--danger)}.modal{background-color:var(--bg-lifted-color);color:var(--text-color);padding-block:1rem;border-radius:.25rem;max-width:100vh;width:512px}.modal__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center}.modal__action{padding-block-start:1rem;padding-inline:1rem;text-align:end}.modal__title{padding-block-end:1rem;border-block-end:1px solid var(--text-color);padding-inline:1rem;text-transform:uppercase}.modal__body{padding-block:1rem;padding-inline:1rem;border-block-end:1px solid var(--text-color)}@media(prefers-color-scheme: dark){:root{--text-color: oklch(92.8% 0.006 264.531);--bg-color: black;--bg-lifted-color: #333;--link-color: oklch(88.2% 0.059 254.128);--seen-color: oklch(90.2% 0.063 306.703);--primary: oklch(91.7% 0.08 205.041);--on-primary: black;--danger: oklch(88.5% 0.062 18.334);--on-danger: black}}