@import"https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";:root{--surface: #121212;--surface-0: var(--surface);--surface-1: #282828;--surface-2: #3f3f3f;--surface-3: #575757;--surface-4: #717171;--primary: #a34e32;--primary-0: var(--primary);--primary-1: #af6146;--primary-2: #bb745c;--primary-3: #c78771;--primary-4: #d19b87 --mixed: #201816;--mixed-0: var(--mixed);--mixed-1: #352d2b;--mixed-2: #4b4442;--mixed-3: #625b5a;--mixed-4: #7a7573;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;--background: var(--surface);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Mulish,Arial}*{box-sizing:border-box;transition:background .25s ease-in-out}body{padding:1rem;font-size:18px}a{font-weight:500;color:#646cff;text-decoration:inherit}a.item{color:#fff}a:hover{color:#535bf2}a:hover.item{color:#fff}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:1.6em;line-height:1.1}h1,h2{font-family:Rubik,Arial}#app{margin:0 auto}.separator{display:flex;align-items:center;text-align:center;text-transform:uppercase;letter-spacing:2px;font-size:16px;--color: var(--surface-3)}.separator:before,.separator:after{content:"";flex:1;border-bottom:1px solid var(--color)}.separator:not(:empty):before{margin-right:.5em}.separator:not(:empty):after{margin-left:.5em}#categories.svelte-12j2k91{font-family:Rubik,Arial;background:var(--surface-1);display:flex;flex-direction:row;width:max-content;border-radius:6px;overflow:hidden;flex-wrap:wrap;max-width:100%}#categories.svelte-12j2k91 label:where(.svelte-12j2k91){display:flex;align-items:center;gap:4px;position:relative;padding:.4rem .6rem;font-size:18px;transition:all .1s;-webkit-user-select:none;user-select:none;cursor:pointer}#categories.svelte-12j2k91 label:where(.svelte-12j2k91) input[type=checkbox]:where(.svelte-12j2k91){appearance:none;width:100%;height:100%;position:absolute;margin:0;padding:0;cursor:pointer}#categories.svelte-12j2k91 label:where(.svelte-12j2k91):has(:where(.svelte-12j2k91):checked){background:var(--primary)}#categories.svelte-12j2k91 label:where(.svelte-12j2k91):has(:where(.svelte-12j2k91):checked):hover{background:var(--primary-1)}dialog.svelte-19dligb{max-width:32em;border-radius:.2em;border:none;padding:0}dialog.svelte-19dligb::backdrop{background:#0000004d}dialog.svelte-19dligb>div:where(.svelte-19dligb){padding:1em}dialog[open].svelte-19dligb{animation:svelte-19dligb-zoom .3s cubic-bezier(.34,1.56,.64,1)}@keyframes svelte-19dligb-zoom{0%{transform:scale(.95)}to{transform:scale(1)}}dialog[open].svelte-19dligb::backdrop{animation:svelte-19dligb-fade .2s ease-out}@keyframes svelte-19dligb-fade{0%{opacity:0}to{opacity:1}}button.svelte-19dligb{display:block}.phrase.svelte-fsyptf{background:var(--surface-1);border-radius:6px;overflow:hidden;padding:.4em;position:relative}.categories.svelte-fsyptf{display:flex;flex-direction:row;gap:1rem;overflow:hidden;width:max-content}.categories.svelte-fsyptf span:where(.svelte-fsyptf){background:var(--surface-3);border-radius:6px;overflow:hidden;padding:.2em .4em}span.interpolation.svelte-fsyptf{background:var(--primary-2);color:#fff;border-radius:6px;padding:.2em .4em}input[type=text].svelte-fsyptf,textarea.svelte-fsyptf{background:var(--surface-4);padding:.4em .6em;border-radius:6px;border:none;transition:all .25s ease-in-out}:is(input[type=text].svelte-fsyptf,textarea.svelte-fsyptf):focus{background:var(--mixed-4);outline:2px solid var(--primary-2);outline-offset:1px}button#edit.svelte-fsyptf{position:absolute;top:5px;right:5px;background:transparent;border:none}.new.svelte-fsyptf{display:flex;justify-content:center;align-items:center;padding:.2em 0}.new.svelte-fsyptf input:where(.svelte-fsyptf){margin-left:6px;display:none}textarea.svelte-fsyptf{width:100%;font-size:18px;margin:6px 0}.new.svelte-fsyptf:is(:where(.svelte-fsyptf):active,:where(.svelte-fsyptf):hover,:where(.svelte-fsyptf):focus-within,:where(.svelte-fsyptf):focus) input:where(.svelte-fsyptf){display:block}#phrases.svelte-wyre9y{display:flex;flex-direction:column;gap:.6em}#new.svelte-wyre9y{margin:2rem 0}#new.svelte-wyre9y button:where(.svelte-wyre9y){margin:0 auto}