@import url("https://cdn.jsdelivr.net/gh/toss/tossface/dist/tossface.css");@import url("https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.3/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css");:root{--background:#fffbff;--foreground:#000;--hover:#e6e5f3;--primary-color:#3676ff;--secondary-color:#e9e6f9}@media (prefers-color-scheme:dark){:root{--background:#1c1b20;--foreground:#e0e0e0;--hover:#2f2f34}}*{font-family:Wanted Sans Variable,Wanted Sans,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif;-ms-user-select:none;-moz-user-select:-moz-none;-webkit-user-select:none;-khtml-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}*,:after,:before{box-sizing:border-box}body{padding:0;margin:20px;color:var(--foreground);background-color:var(--background)}.container{width:90%;max-width:100%}@media screen and (min-width:800px){.container{max-width:700px}}@media screen and (min-width:1200px){.container{max-width:1000px;margin:0 auto}}@media screen and (min-width:1500px){.container{max-width:1300px;margin:0 auto}}h1,h2,h3,h4,h5,h6,p{margin:0}.emoji{font-family:Tossface}button{padding:10px;outline:none;border:none;width:fit-content;text-align:left;font-size:16px;border-radius:15px;background:transparent;color:var(--foreground);cursor:pointer;transition:all .3s}button:active{transform:scale(.98)}button.filed,button:active{background-color:var(--hover)}button.primary{background-color:var(--primary-color);color:#fff}button.icon{width:fit-content;padding:0;font-size:22px}input[type=url]{padding:10px;outline:none;border:none;width:100%;font-size:16px;color:var(--foreground);box-sizing:border-box}.tabs,input[type=url]{border-radius:15px;background-color:var(--hover)}.tabs{display:flex;position:relative;padding:5px}.tabs *{z-index:2}input[type=radio]{display:none}.tab{display:flex;align-items:center;justify-content:center;height:30px;width:80px;font-size:1rem;font-weight:500;border-radius:15px;cursor:pointer;transition:color .15s ease-in}input[type=radio]:checked+label{color:var(--text)}input[id=radio-1]:checked~.glider{transform:translateX(0)}input[id=radio-2]:checked~.glider{transform:translateX(100%)}input[id=radio-3]:checked~.glider{transform:translateX(200%)}.glider{position:absolute;display:flex;height:30px;width:80px;background-color:var(--background);z-index:1;border-radius:12px;transition:.25s ease-out}div[role=dialog]{background-color:var(--background)!important}[data-rsbs-header]:before{background-color:#eeeeee48!important}@media screen and (min-width:800px){div[role=dialog]{width:50%;transform:translateX(50%)}}.bottom-sheet{padding:20px}.modal-content{max-height:60dvh;overflow-y:scroll}.bottom-sheet div::-webkit-scrollbar{display:none}.modal-btn{width:100%;padding:10px;text-align:center;cursor:pointer;transition:all .3s}.modal-btn,.options{border-radius:15px;background-color:var(--hover)}.options{display:flex;position:relative;padding:5px;justify-content:space-between;overflow-x:auto;white-space:nowrap}button.option{display:flex;align-items:center;justify-content:center;width:100%;height:30px;font-size:1rem;font-weight:500;border-radius:15px;cursor:pointer;transition:transform .15s ease-in;margin-right:10px}button.option.active{background-color:var(--background)}label{font-size:16px;color:var(--foreground)}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid var(--foreground);border-radius:7px;outline:none;cursor:pointer;transition:background-color .3s,border-color .3s}input[type=checkbox]:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.modal{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background-color:rgba(0,0,0,.5);z-index:999}.modal-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;max-height:80%;margin:0 auto;background-color:var(--background);border-radius:15px;padding:20px;box-shadow:0 0 10px rgba(0,0,0,.1);overflow:hidden}.modal-box .modal-content{height:50dvh;overflow-y:scroll}.loader{width:15px;height:15px;border-radius:50%;border:4px solid var(--primary-color);border-top:4px solid transparent;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}