:root{--color-dark-blue: #141516;--color-pink-orange: #FF6666;--color-hot-pink: #FF2775;--color-purple: #8627FF}@font-face{src:url(./AnonymousPro-Regular-6ed4f7a5.ttf);font-family:AnonymousPro}.App{position:relative;height:100vh;background-color:var(--color-dark-blue);overflow:hidden;font-family:AnonymousPro,sans-serif}.circle-container{position:relative;outline:1px solid white;height:100%;width:100%}.circle-container div{position:absolute;inset:0;border-radius:100%;aspect-ratio:1/1;transition:all 1.5s cubic-bezier(.04,.66,.14,.99);transition-property:top,left,width}.circle-container .pink-circle{top:-5%;left:-15%;width:25rem;background-color:var(--color-hot-pink);filter:blur(1px);box-shadow:0 0 1.2rem .2rem var(--color-hot-pink),inset 0 -.4rem 1.3rem .2rem #fff;transition-delay:0ms}.circle-container .pink-circle.finished{top:-10%;left:-10%;width:15rem}.circle-container .red-circle{top:40%;left:70%;width:40rem;filter:blur(1px);background-color:var(--color-pink-orange);box-shadow:0 0 2rem .2rem var(--color-pink-orange),inset 0 0 3rem .5rem #fff;transition-delay:.1s}.circle-container .red-circle.finished{top:70%;left:70%;width:30rem}.circle-container .purple-circle{top:70%;left:10%;width:5rem;background-color:var(--color-purple);filter:blur(1px);box-shadow:1px 1px 1.2rem .1rem var(--color-purple),inset 0 .4rem .4rem #fff;transition-delay:50ms}.circle-container .purple-circle.finished{top:40%;left:10%}.option-button{position:absolute;inset:0;height:fit-content;top:5%;left:5%;font-size:1.5rem;color:#fff;cursor:pointer;transition:all .2s ease-out}.option-button.option-shown:after{content:"(Esc)";font-size:.8rem}.option-button:hover{text-shadow:1px 1px 10px white}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}pre{all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable="false"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable="true"]){-webkit-user-drag:element}:where(dialog:modal){all:revert}.option-screen{position:absolute;inset:0;width:100%;height:100%;background-color:var(--color-dark-blue);display:flex;justify-content:center;align-items:center}.option-screen:before{position:absolute;content:"";width:100%;height:100%;background:var(--color-dark-blue);transform:translateY(-100%)}.option-screen .option-container{width:fit-content;display:flex;flex-direction:column;align-items:flex-end}.option-screen .option-container .option{display:flex;margin:2rem;width:fit-content;color:#fff}.option-screen .option-container .option h3{text-align:right;padding:0 3rem;font-size:1.3rem}.option-screen .option-container .option .option-box{position:relative;width:10rem;min-height:5rem;height:fit-content;border-radius:.5rem;background-color:var(--color-purple);text-align:center;font-size:2rem;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:1rem;transition:scale .2s ease-out}.option-screen .option-container .option .option-box:not(input):hover{scale:1.1}.option-screen .option-container .option input.option-box{cursor:text}.option-screen .option-container .option .selectable-options-container{display:flex;align-items:center;position:absolute;height:fit-content;font-family:AnonymousPro;width:15rem;font-size:1.3rem;color:#ffffff80;inset:0;left:100%;top:50%;gap:1rem;flex-direction:column;transform:translateY(-50%);cursor:auto}.option-screen .option-container .option .selectable-options-container .option-divider{border-radius:100%;width:30%;height:.2rem;background-color:#fff3}.option-screen .option-container .option .selectable-options-container .selectable-option{font-size:2rem;color:#ffffff80;transition:scale .2s ease-out}.option-screen .option-container .option .selectable-options-container .selectable-option:hover{color:#fff;scale:1.5;text-shadow:0 0 1rem white;cursor:pointer}svg{position:absolute;inset:0;transform:translateY(-50%);fill:var(--color-purple);overflow:visible;cursor:grab;z-index:-10;transform-origin:center;animation:bubble 1s infinite}@keyframes bubble{0%{transform:rotate(0) translateY(-50%)}25%{transform:rotate(3deg) translateY(-50%)}50%{transform:rotate(-3deg) translateY(-50%)}to{transform:rotate(0) translateY(-50%)}}.rich-input-container{width:80%;min-height:10rem;height:10rem;position:absolute;top:50%;left:50%;transform-origin:top right;transform:translate(-50%,-50%) scale(1);font-family:AnonymousPro;border-radius:.5rem}.rich-input-container.not-typing{user-select:none;backdrop-filter:blur(10px);box-shadow:2px 9px 10px 1px #0000001a}.rich-input-container.result-screen{box-shadow:2px 9px 10px 1px #0003}.text-container{position:relative;width:100%;height:100%;margin-left:auto;margin-right:auto;text-align:center;cursor:text;word-break:break-word}.text-container.selecting{pointer-events:none}.rich-input,.span-container,#input-placeholder{min-width:1rem;width:fit-content;max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:4vw;line-height:6vw}.rich-input{z-index:100;color:transparent;caret-color:#fff}.span-container{color:#fff;pointer-events:none;user-select:none;z-index:0}.span-container span.selecting{pointer-events:auto}.span-container span[data-isnumber=true]{color:#fff;background-size:100% 100%;transition:text-shadow .2s ease-out}.span-container span[data-isnumber=true]:before{content:"";transform:translate(-100%,-50%) scale(0);width:.7rem;height:.7rem;border-radius:100%;background:var(--color-hot-pink)}.span-container span[data-isnumber=true].hovering{position:relative;border-radius:.3rem;text-shadow:3px 3px 1px var(--color-hot-pink)}.span-container span[data-isnumber=true].hovering:before{position:absolute;top:0;left:0;transform:translate(-100%,-50%) scale(1)}.span-container span[data-isnumber=true].selecting{pointer-events:none}.result-container{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;position:absolute;top:20%;left:50%;transform:translate(-50%);width:100%;height:80%;cursor:ns-resize;overflow:hidden}.result-container:active{cursor:grabbing}.result-container .search-results-wrapper{position:absolute;display:flex;flex-direction:column;align-items:center;width:100%;will-change:transform3d}.result-container .indicator-line{position:absolute;width:23.3333333333vw;height:.1rem;border:none;border-top:.25rem dotted rgb(255,255,255);transition:all .3s ease-out;transition-property:width,border-top}.result-container .indicator-line.selecting{width:13.3333333333vw;border-radius:.5rem;border-top:.25rem solid rgb(255,255,255)}.result-container .indicator-line.left-line{top:50%;left:5%}.result-container .indicator-line.right-line{top:50%;left:auto;right:5%}.search-result{display:flex;justify-content:space-between;align-items:center;width:40vw;max-width:40rem;height:fit-content;font-family:AnonymousPro,sans-serif;color:#fff;margin-bottom:1.5rem;will-change:scale,opacity}.search-result .search-result-content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;min-height:7rem;height:fit-content;padding:1.5rem;font-size:1rem;background-color:#00000080;border-radius:.5rem;transition:background-color .2s ease-out;user-select:none}.search-result .search-result-content a{width:fit-content;max-width:100%;text-decoration:underline;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-result .search-result-content .search-index-number{top:5%;left:auto;right:0;position:absolute;font-size:2rem;font-weight:600;text-align:left;transform:translate(100%);padding-left:1rem;transition:scale .2s ease-out}.search-result .search-result-content .search-index-number:hover{scale:1.1;text-shadow:0 0 10px white;cursor:pointer}.search-result.active-result .search-result-content{background:linear-gradient(90deg,var(--color-hot-pink),var(--color-pink-orange))}.search-result.active-result .search-result-content .search-index-number{scale:1.1;text-shadow:0 0 10px white;cursor:pointer}h3{display:flex;justify-content:center;align-items:center;color:#ffffffb3;transition:opacity .2s ease-out}.helper-icon{margin-right:1rem;width:5rem;user-select:none}.shortcut-helpers{position:absolute;left:50%;top:auto;bottom:0;transform:translate(-50%);display:flex;justify-content:center;align-items:center;max-height:15rem;padding:2rem;font-family:AnonymousPro;font-size:1rem;color:#fff;flex-direction:column;gap:1.5rem}