#root{width:100vw;height:100vh;height:calc(100vh - env(safe-area-inset-bottom));text-align:center}#main-page{width:100%;height:100%;display:flex;flex-direction:column;overflow-y:hidden}#main-page #settings-box{height:6rem;transition:height .2s linear;overflow-y:hidden;background-color:#f2f2f2;flex-shrink:0}#main-page #settings-box .settings-item{height:3rem;display:flex;justify-content:center;align-items:center}#main-page #settings-box.collapse{height:0}#main-page #settings-box #space-modifier{display:flex;justify-content:center;align-items:center}#main-page #name-display{display:flex;height:100%;align-items:center;justify-content:center;column-gap:.6rem;row-gap:1rem;position:relative}#main-page #name-display #settings{position:absolute;right:2rem;top:2rem;animation:rotate 2s linear infinite}#main-page #name-display .like{fill:pink;cursor:pointer}#main-page .text-box{display:flex;align-items:center;justify-content:center;background-color:#faebd7;height:2.8rem;padding:0 .4rem;position:relative;min-width:2rem}#main-page .text-box .character{font-size:2.4rem;color:#000;font-weight:800}#main-page .text-box .edit{position:absolute;border:none;outline:none;background-color:transparent;width:2rem;text-align:center}#main-page .main-btn-box{display:flex;justify-content:space-between;column-gap:2rem;padding:2rem}#main-page .main-btn-box .btn{width:100%}#main-page #menu-box{width:100%;height:50%;flex-shrink:0;overflow-y:scroll}#main-page #menu-box #loading-box{height:100%;display:flex;width:100%;align-items:center;justify-content:center}#main-page #menu-box #input-box{background-color:#dfdfdf;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 2rem;box-sizing:border-box;height:4rem;overflow-y:hidden;transition:height .2s linear}#main-page #menu-box #input-box .row-box{display:flex;column-gap:.4rem;align-items:center}#main-page #menu-box #input-box.collapse{height:0}#main-page #menu-box #input-box #word-input{width:4rem;text-align:center}#main-page #menu-box #half-height-top,#main-page #menu-box #half-height-bottom{height:50%;overflow-y:scroll}#main-page #menu-box #half-height-top{background-color:#f1f8ff}#main-page #menu-box #half-height-bottom{background-color:#ffeaea}#main-page #menu-box #menu-item-box,#main-page #menu-box #liked-names-box{width:100%;display:flex;flex-wrap:wrap;column-gap:1.2rem;row-gap:1.2rem;padding:2rem;box-sizing:border-box}#word-input{border:none;outline:none;height:2rem}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}p{margin:0}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}