.frame.svelte-j9bjzi{width:100%;height:100%;z-index:var(--on-nav-z-index);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.darkner.svelte-j9bjzi{background:var(--primary-color);opacity:.98;width:100%;height:100%;z-index:var(--on-nav-z-index);cursor:pointer;position:fixed;top:0;left:0}@keyframes svelte-j9bjzi-fadein{0%{opacity:0}to{opacity:1}}.publish-button.svelte-j9bjzi:not(.active){pointer-events:none;opacity:.5}.name-input.svelte-j9bjzi{font-size:inherit;text-align:start;background:var(--bg);outline:var(--surface-border-width) solid var(--on-bg);color:var(--on-bg);outline-offset:0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .7rem;font-family:inherit;transition:all .1s cubic-bezier(.06,.68,.2,1.05);display:flex}.name-input.svelte-j9bjzi:focus{outline:calc(var(--surface-border-width) * 2) solid var(--on-bg);box-shadow:5px 5px 0px var(--on-bg);transition-timing-function:cubic-bezier(.17,.67,.72,2);transform:translate(-5px,-5px)}@media screen and (width<=800px){.name-input.svelte-j9bjzi{font-size:16px}}.exit-button.svelte-j9bjzi{padding:20px;position:absolute;top:0;left:0}.wrapper.svelte-gvfciy{--header-height:0px;--wrapper-top:0px;flex-direction:column;gap:0;display:flex}.main-grid.svelte-gvfciy{grid-template-columns:1fr;justify-content:center;place-items:center;display:grid}.stage.svelte-gvfciy{z-index:10;background:var(--bg);gap:var(--gap-x2);text-align:center;grid-template-columns:1fr;place-items:center;display:grid}.stage-content.svelte-gvfciy{padding:var(--gap-x2);top:calc(var(--wrapper-top) + var(--header-height));gap:var(--gap-x2);justify-content:center;align-items:center}.editor.svelte-gvfciy{justify-content:center;align-items:center;gap:var(--gap);flex-direction:column;display:flex}.haiku-lines.svelte-gvfciy{flex-direction:column;justify-content:stretch;align-items:stretch;gap:4px;display:flex;position:relative}.row.svelte-gvfciy{justify-content:center;align-items:center;display:flex}.input-row.svelte-gvfciy{background:var(--bg);outline:2px solid var(--bg-raised-x2);outline-offset:-2px;border-radius:var(--surface-border-radius);border-radius:10px;flex:1;justify-content:start;align-items:center;gap:2px;width:fit-content;min-width:450px;display:flex;position:relative}@media screen and (width>=799px){.mobile-only.svelte-gvfciy{display:none}}@media screen and (width<=800px){.desktop-only.svelte-gvfciy{display:none}.editor.svelte-gvfciy{flex:1;justify-content:stretch;align-items:stretch;width:100%;max-width:100dvw}.input-row.svelte-gvfciy{width:100%;min-width:0}}.input-word.svelte-gvfciy{white-space:nowrap;border-radius:inherit;text-align:left;-webkit-user-modify:read-write-plain-text;z-index:10;outline:none;flex-wrap:nowrap;justify-content:start;align-self:stretch;align-items:center;min-height:20px;padding:10px 15px;font-size:1.2em;line-height:30px;display:flex;position:relative;-webkit-user-select:text!important;user-select:text!important}.input-word:not(:focus).empty.svelte-gvfciy,.input-word.svelte-gvfciy:last-of-type{width:100%}.input-word.svelte-gvfciy:after{content:"";border-radius:inherit;pointer-events:none;z-index:20;width:100%;height:100%;transition:opacity .1s;position:absolute;top:0;left:0}.input-word.active.svelte-gvfciy:after,.input-word.svelte-gvfciy:focus:after{outline:1px solid var(--primary-color);outline-offset:-1px}.input-word.active.svelte-gvfciy:not(:focus):after{outline-color:var(--on-bg);opacity:.1}.input-row.svelte-gvfciy:hover .input-word:where(.svelte-gvfciy):before{content:attr(data-syllables);opacity:.3;font-size:.6rem;position:absolute;top:3px;right:3px}.bank.svelte-gvfciy{gap:var(--gap);flex-flow:column wrap;align-items:start;width:100%;display:flex}.bank.svelte-gvfciy button:where(.svelte-gvfciy){will-change:transform;contain:layout paint}.suggestions-dialog.svelte-gvfciy{background:var(--bg);border:1px solid var(--on-bg);border-radius:var(--surface-border-radius);z-index:200;flex-direction:column;gap:0;max-height:250px;display:flex;position:absolute;overflow:hidden auto}.suggestion.svelte-gvfciy{cursor:pointer;gap:var(--gap-x2);will-change:transform;contain:layout paint;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.syllable-count.svelte-gvfciy{opacity:.5;border-radius:100px;padding:5px}.suggestion.svelte-gvfciy:first-child :where(.svelte-gvfciy){animation:.1s cubic-bezier(.17,.67,.32,1.25) both svelte-gvfciy-enter}.suggestion.svelte-gvfciy:hover,.suggestion.svelte-gvfciy:active,.suggestion.active.svelte-gvfciy{background:var(--primary-color);color:var(--on-primary-color);opacity:1!important}.placeholder.svelte-gvfciy{top:50%;left:var(--gap);opacity:.3;pointer-events:none;position:absolute;transform:translateY(-50%)}@keyframes svelte-gvfciy-enter{0%{opacity:0;scale:.5}to{}}.bank-row.svelte-gvfciy{flex-direction:row;justify-content:start;align-items:start;gap:8px;display:flex;overflow-y:scroll}.bank-item.svelte-gvfciy{all:unset;cursor:pointer;background:var(--bg-raised);border-radius:var(--round-button-border-radius);padding:4px 10px}.submit-button.svelte-gvfciy{gap:5px;display:flex}.submit-button.svelte-gvfciy:not(.disabled){animation:.3s svelte-gvfciy-pop}.submit-button.disabled.svelte-gvfciy,.bank-item.disabled.svelte-gvfciy{opacity:.2;pointer-events:none}@keyframes svelte-gvfciy-pop{0%{scale:1}5%{scale:.3}10%{scale:1.1}to{scale:1}}.categories.svelte-gvfciy{justify-content:start;align-self:start;align-items:start;gap:8px;width:100%;margin-right:auto;display:flex}.bank-header.svelte-gvfciy{padding-top:var(--gap);top:calc(var(--wrapper-top) + var(--header-height));background:var(--bg);z-index:90;width:100%}.asterisk.svelte-gvfciy{color:var(--tomato);padding:3px;line-height:0}.checkmark.svelte-gvfciy{color:var(--sprite)}.category-button.svelte-gvfciy{all:unset;border-radius:var(--round-button-border-radius);cursor:pointer;outline:var(--bg-raised-x2) 2px solid;outline-offset:-2px;padding:.5rem .75rem}.category-button.active.svelte-gvfciy{background:var(--bg-raised-x2)}.rule-box.svelte-gvfciy{white-space:nowrap;background:var(--surface-color);border-radius:var(--surface-border-radius);color:var(--on-surface);box-shadow:0 0 0 var(--surface-border-width) var(--surface-border-color);flex-wrap:nowrap;margin:10px;padding:5px 10px}