@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_5cfdac{font-family:Geist,Geist Fallback;font-style:normal}.__variable_5cfdac{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700;900&display=swap");:root{--white:#ffffff;--lightgray:#b9b9b9;--gray:#6c6c6c;--black:#3D4F5A;--red:#ff0000;--blue:#0059ff;--primary:#244c91;--secondary:#24599c;--tertiary:#17bfab}.red{color:var(--red)}button{border:none;background:none;padding:0;margin:0;width:-moz-fit-content;width:fit-content}button:hover{cursor:pointer}body,html{font-family:Titillium Web,sans-serif;font-weight:400;letter-spacing:.7;margin:0;width:100%!important;height:auto;position:relative;background-color:#FDF6EE}*,:after,:before{box-sizing:border-box}.content_wrap{width:100%;padding:0 min(20/375* 100vw,20px);overflow:hidden}img{height:auto;width:100%;vertical-align:middle}button{letter-spacing:.7}a,body,p{color:var(--black)}a{text-decoration:none}a,p{font-size:clamp(16px,18/375*100vw,18px)}.header{position:fixed;top:0;left:0;right:0;width:100%;box-shadow:0 3px 6px rgba(0,0,0,.16);z-index:10000}.header__inner{padding:.5rem 1rem;height:min(60/375* 100vw,60px);background-color:#85ddd8;position:relative}.drawer__button,.header-back,.header-title{position:absolute;top:0;bottom:0;margin:auto}.header-back{width:min(30/375* 100vw,30px);height:auto;left:2em}.header-title{left:0;right:0;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.drawer__button{position:absolute;right:2em;width:min(37/375* 100vw,37px);height:min(37/375* 100vw,37px);background-color:transparent;border:none;cursor:pointer;z-index:11000}.drawer__button>span{display:block;position:absolute;top:50%;left:50%;width:2rem;height:2px;background-color:var(--black);transform:translateX(-50%)}.drawer__button>span:first-child{transform:translate(-50%,calc(-50% - .5rem));transition:transform .3s ease}.drawer__button>span:nth-child(2){transform:translate(-50%,-50%);transition:opacity .3s ease}.drawer__button>span:last-child{transform:translate(-50%,calc(-50% + .5rem));transition:transform .3s ease}.drawer__button.active>span:first-child{transform:translate(-50%,-50%) rotate(-45deg)}.drawer__button.active>span:nth-child(2){opacity:0}.drawer__button.active>span:last-child{transform:translate(-50%,-50%) rotate(45deg)}.drawer__overlay{left:0;width:100vw;background-color:rgba(0,0,0,.5);z-index:90;pointer-events:auto}.drawer__nav,.drawer__overlay{position:fixed;top:0;height:100vh}.drawer__nav{right:0;width:90%;max-width:700px;transition:opacity .3s ease;opacity:0;visibility:hidden;z-index:100}.drawer__nav.active{opacity:1;visibility:visible;z-index:8000}.drawer__nav__inner{position:relative;height:100%;background-color:#fff;padding:4rem 1.5rem 1rem;margin:0 0 0 auto;overflow:scroll;transform:translateX(100%);transition:.3s;z-index:11000}.drawer__nav.active .drawer__nav__inner{transform:translateX(0)}.drawer__nav__menu{display:flex;flex-direction:column;align-items:flex-start;list-style:none}.drawer__nav__item h3{font-size:1.4rem;color:#5bcec8;padding:0;margin:0 0 .8em}.nav-border{width:80%;border-bottom:1px solid var(--lightgray);margin-bottom:2em}.drawer__nav__link{display:flex;align-items:center;color:var(--black);text-align:left;text-decoration:none;margin:0 auto 1em;font-size:1.3rem;transition:.3s}.drawer__nav__link:hover{opacity:.7}@media screen and (max-width:450px){.drawer__nav__inner{padding:3rem 0 1rem}.drawer__nav__link{font-size:1.2rem}}.logout-button{color:#ff5c5c;font-weight:500;display:flex;align-items:center}.drawer__nav__link .drawer__nav__icon{width:min(24/375* 100vw,24px);height:auto;margin-right:.5em}.menu-bottom{margin-top:5em;display:flex;justify-content:center;align-items:center}.menu-bottom .menu-ekadon{width:min(45/375* 100dvh,45px)}.menu-bottom p{font-size:.9rem;margin-left:.7em}@media screen and (max-width:767px){.menu-bottom{margin-top:1.7em}}body.active{height:100%;overflow:hidden}#input .form-group{display:flex;align-items:center;height:3em;width:min(250/375* 100vw,250px);background-color:#fff;margin-bottom:2em}#input .form-group input{height:100%;width:100%;padding:0 .3em}#input input::placeholder{font-size:clamp(12px,13/375*100vw,13px)}#input .submit-button{background-color:var(--black);color:#fff;width:min(250/375* 100vw,250px);height:3em;margin:4em auto 1.5em;font-size:clamp(12px,14/375*100vw,14px)}#input .submit-button,.sign{display:flex;justify-content:center;align-items:center}.sign{background-color:#d3f5f3;height:100dvh}.sign .sign-wrap-outer{padding:0 1.8em}.sign .sign-wrap-inner{width:85dvw;height:95dvh;padding:3.7em 2em 7em;border:2px solid var(--gray);display:flex;flex-direction:column;align-items:center}.sign .sign-wrap-inner .sign-top{position:relative;width:min(250/375* 100vw,250px)}.sign .sign-wrap-inner .sign-logo{width:min(60/375* 100vw,60px);height:auto;position:absolute;top:9%;left:0}.sign .sign-wrap-inner .log-top .log-logo{width:min(100/375* 100vw,100px);margin-bottom:.5em}.sign h2{margin-bottom:1.8em;text-align:center}.sign .form-group input{border:none}.sign .form-group .sign-img{width:min(15/375* 100vw,15px);margin-left:.8em;margin-right:.3em}.form-group .pwcheck{width:min(15/375* 100vw,15px);margin-left:.5em;margin-right:.8em}.form-group .pwcheck:hover{cursor:pointer}.sign .sign-text{margin-top:.5em;font-size:clamp(10px,13/375*100vw,13px)}.sign .sign-text:first-of-type{margin-top:2em}#deck{box-shadow:0 3px 6px rgba(0,0,0,.16);position:fixed;top:min(60/375* 100vw,60px);left:0;right:0;width:100%;height:min(280/375* 100vw,280px);z-index:2000;transition:.3s;background-color:#C2F0ED}#deck .deck-outside{padding:0 min(10/375* 100vw,10px);margin-top:-1.4em;width:100%;height:100%}#deck .save{width:min(15/375* 100vw,15px);position:absolute;top:.5em;right:1.5em;z-index:10000;opacity:.5;transition:.3s}#deck .save:hover{opacity:1}#deck .save.disabled{opacity:1!important;cursor:auto}#deck .save.disabled:hover{opacity:1!important}#deck .cancel-edit-btn{position:absolute;bottom:5em;right:1.5em;z-index:10000}#deck .deck-inside{padding:2em .5em .5em;display:flex;gap:.75em;align-items:center;background-color:#E6F4F1;overflow-x:auto;width:100%;height:min(240/375* 100vw,240px);position:relative}#deck .deck-inside,#deck .deck-inside.center-align{justify-content:center}#deck .deck-inside.left-align{justify-content:flex-start}#deck .card-close img{width:min(23/375* 100vw,23px);position:absolute;top:-.4em;right:-.5em;z-index:110}#deck .card{z-index:100}#deck .deck-bottom{padding:.6em 1em;position:relative;align-items:center}.sound{width:min(43/375* 100vw,43px);display:flex;margin:0 auto}#deck .zoom{right:1em}#deck .clear,#deck .zoom{width:min(30/375* 100vw,30px);position:absolute;top:0;bottom:0;margin:0}#deck .clear{left:1em}body.fullscreen #deck{position:fixed;width:100dvh!important;height:100dvw!important;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center center}body.fullscreen #deck .deck-outside{padding:1em;width:100%;height:100%}body.fullscreen #deck .deck-inside{gap:1em;padding:1em;display:flex;width:100%;height:67vw}body.fullscreen #deck .deck-bottom{width:100%;margin-top:.5em}@media (orientation:landscape){body.fullscreen #deck{transform:none!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important}body.fullscreen #deck .deck-inside{padding:1em;height:70vh}body.fullscreen #deck .deck-bottom{margin-top:1em}}body.fullscreen #list,body.fullscreen .header{display:none}#deck-list .list-link{display:flex;flex-direction:column;align-items:center}#deck-list .list-link .decklist-icon{position:relative;width:min(145/375* 100vw,145px)}#deck-list .list-link .decklist-img{aspect-ratio:1/1;width:min(73/375* 100vw,73px);height:auto;object-fit:contain;position:absolute;top:9%;left:0;right:.3em;margin:0 auto;z-index:200}#deck-list .list-link p{font-weight:500}.modal-overlay{z-index:1000}.modal-window{background:#fff;border-radius:12px;width:80%;max-width:320px;padding:16px;box-shadow:0 2px 12px rgba(0,0,0,.2)}.modal-window h2{margin-bottom:12px;text-align:center}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:700}.form-group input[type=text]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.select-img-wrapper{display:block;text-align:center}.preview-box{position:relative;width:150px;height:150px;margin:0 auto;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-box p{color:#1f1f1f;font-size:14px;text-align:center;padding:0 8px;z-index:5000}.preview-box p:hover{cursor:pointer}.modal-actions{display:flex;justify-content:space-between}.modal-actions button{flex:1 1;padding:8px 0;margin:0 4px;border:none;border-radius:4px;cursor:pointer}.modal-actions button:first-child{background:#eee}.modal-actions button:last-child{background:#007bff;color:#fff}.modal-actions button:disabled{opacity:.6;cursor:default}#list{width:100%;height:-moz-fit-content;height:fit-content;padding-bottom:15em;margin-top:min(340/375* 100vw,340px);z-index:1000}#list .list-top{height:4em;display:flex;justify-content:space-between;align-items:center;margin-bottom:.8em}#list .page-nation{display:flex;gap:.75rem}#list .create-button img,#list .page-nation img{width:auto;height:min(30/375* 100vw,30px)}#list .nation-next{width:min(10/375* 100vw,10px)!important}#list .create-button img{margin-left:1em}#list .list-content{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.home-list{max-width:min(700/375* 100vw,700px);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-around}.home-list .home-content{text-align:center;background-color:rgb(203,240,237);width:24dvw;max-width:min(200/375* 100vw,200px);border-radius:15px;box-shadow:2px 3px 6px rgba(0,0,0,.16);margin:0 .7em 1em;transition:.3s}.home-list .home-content:hover{background-color:rgb(188,228,224)}.home-list .home-content h3{color:#536b79;margin:.5em 0 1em}.home-list .home-content .home-list-img{aspect-ratio:1/1;margin-top:1em;width:8dvw;max-width:min(130/375* 100vw,130px);min-width:min(90/375* 100vw,90px);height:auto}@media screen and (max-width:420px){.home-list .home-content{width:min(90/375* 100vw,90px);margin:0 .5em 2em}.home-list .home-content .home-list-img{width:min(70/375* 100vw,70px);min-width:min(50/375* 100vw,50px)}.home-list .home-content h3{font-size:1rem}}#create-edit{background-color:#E6F4F1;height:100dvh}#create-edit #input{background-color:#E6F4F1;padding-bottom:5em}#input .content_wrap{display:flex;flex-direction:column;align-items:center}.create-card,.create-category{margin-top:5em}#create-edit .card{position:relative;min-width:min(230/375* 100vw,230px)}#create-edit .put-name,#create-edit .select-img,#create-edit .select-img-text{position:absolute;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:0}#create-edit .select-img{top:0;right:0;bottom:20%;left:0;margin:auto;aspect-ratio:1/1;width:min(230/375* 100vw,230px);height:auto;object-fit:contain;position:relative}#create-edit .select-img-text{top:43%;right:0;bottom:0;left:0;margin:0 auto;position:absolute}#create-edit .put-name{font-size:min(30/375* 100vw,30px);font-weight:500;line-height:1.3;bottom:0;right:0;left:0;margin:auto;width:90%;height:min(110/375* 100vw,110px);padding:.5em;text-align:center;display:flex;align-items:center}#create-edit .put-name::placeholder{text-align:center;font-size:min(24/375* 100vw,24px)}#create-edit .search-category{width:min(150/375* 100vw,150px);margin:1.5em auto}.select-category-img{width:-moz-fit-content;width:fit-content;margin:0 auto}.select-cards:hover,.select-category-img:hover{cursor:pointer}.create-card .card-wrap{position:relative;width:min(300/375 * 100vw,300px);margin:0 auto;background-color:white;border-radius:15px;box-shadow:2px 3px 6px rgba(0,0,0,.16);aspect-ratio:3/4}.create-card .select-img{position:absolute;top:-12%!important}.create-card .select-img-text{position:absolute;top:35%!important}.create-card .put-name{position:absolute;bottom:5%!important;width:min(290/375* 100vw,290px)!important}.select-category{display:flex;margin:0 auto;width:min(200/375* 100vw,200px);height:min(45/375* 100vw,45px);font-size:clamp(14px,16/375*100vw,16px);padding:0 .3em}.select-cards{display:block;text-align:center;position:relative;width:-moz-fit-content;width:fit-content;margin:0 auto}.create-category .select-img{position:relative!important}.select-cards-img{width:min(150/375* 100vw,150px)}#create-edit .select-cards .select-img-text{top:50%}.card-wrap,.category-wrap,.create-wrap{display:flex;justify-content:center;margin-bottom:.5em;position:relative}.create-wrap{margin-bottom:3em}.create-wrap .textbox{width:95%;height:min(40/375* 100vw,40px);border:none;padding:1em .7em;font-size:clamp(12px,18/375*100vw,18px)}.card-name,.category-name{position:absolute;font-size:clamp(12px,18/375*100vw,18px);font-weight:500;line-height:1.3;text-align:center}.card-wrap{align-items:center;height:-moz-fit-content;height:fit-content;z-index:100;border-radius:10%;transition:transform .3s ease;position:relative}.card-wrap:hover{cursor:pointer}.card-wrap.speaking{transform:scale(1.1);z-index:2;box-shadow:0 0 15px #88f7cf}.card-wrap .card{width:min(120/375* 100vw,120px);box-shadow:2px 3px 6px rgba(0,0,0,.16);position:relative;border-radius:15px}.card-img{aspect-ratio:1/1;width:min(85/375* 100vw,85px);height:auto;object-fit:contain;position:absolute;top:15%;margin:0 auto;z-index:200}.card-name{position:absolute;bottom:-3%;padding:0 .3em;font-size:clamp(12px,18/375*100vw,18px);font-weight:500;z-index:300}body.fullscreen .card-wrap .card{width:40vw}body.fullscreen .card-img{width:25vw}body.fullscreen .card-name{font-size:6vw;bottom:-1vw;padding:0 .1em}@media (orientation:landscape){body.fullscreen .card-wrap .card{width:40vh}body.fullscreen .card-img{width:25vh}body.fullscreen .card-name{font-size:6vh;bottom:-1vh;padding:0 .1em}}.category-wrap{padding-bottom:3.2em}.category{min-width:min(120/375* 100vw,120px);max-width:min(150/375* 100vw,150px);height:auto;position:relative}.category-img{aspect-ratio:1/1;width:min(70/375* 100vw,70px);height:auto;object-fit:contain;position:absolute;top:23%;margin:0 auto}.category-name-wrap{position:absolute;bottom:0;width:100%;height:25%}.category-name{width:100%;display:flex;justify-content:center;align-items:center;top:0;bottom:0}.option-button{position:absolute;width:1rem;cursor:pointer;opacity:.3;transition:.3s;z-index:1500}.option-button:hover{opacity:1}.card-wrap .option-button{top:8px;left:8px}.category-item .option-button{top:38px;left:15px}#deck-list .option-button{top:12px;left:12px}@media screen and (max-width:370px){.category-item .option-button{top:35px;left:13px}#deck-list .option-button{top:10px;left:10px}}.edit-delete-menu{position:absolute;transform:translateX(-50%);background-color:rgba(0,0,0,.6);width:100%;border-radius:12px;z-index:5000;display:flex;align-items:center}.category-item,.list-item{position:relative;display:inline-block}.category-item .edit-delete-menu{top:13%;left:50%;height:52%}.card-wrap .edit-delete-menu{top:0;left:50%;height:100%}.list-item .edit-delete-menu{top:0;left:48%;height:57%;width:95%}.edit-delete-menu button{color:white;background:none;border:none;margin:0 auto;font-size:1rem;transition:.3s;padding:.3em .7em;border-radius:5px}.edit-delete-menu button:hover{opacity:.8}.edit-delete-menu button:first-child{background-color:#93b369}.edit-delete-menu button:last-child{background-color:#ff6666}.category-item .edit-delete-menu button,.list-item .edit-delete-menu button{margin-top:.3em}.card-wrap .edit-delete-menu{flex-direction:column}.card-wrap .edit-delete-menu button:first-child{margin-top:2.7em}.card-wrap .edit-delete-menu button:last-child{margin-top:1em}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;z-index:10000}.modal{background:white;padding:1.5em;border-radius:10px;text-align:center;width:80%;max-width:400px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.modal-buttons{display:flex;justify-content:space-around;margin-top:1em}.cancel-btn{background:#eee;color:#333}.cancel-btn,.delete-btn{padding:.7em 2em;border-radius:6px;font-size:1.1em}.delete-btn{background:#f66;color:white}@media screen and (max-width:410px){.cancel-btn,.delete-btn{padding:.7em 1.2em;font-size:1rem}}#instruction{margin-top:5em}.footer{position:fixed;bottom:0;left:0;width:100%;height:min(60/375* 100vw,70px);background:#fff;box-shadow:0 -2px 6px rgba(0,0,0,.16);z-index:1600}.footer-nav{justify-content:left;overflow-x:auto;overflow-y:hidden}.footer-link,.footer-nav{display:flex;align-items:center;height:100%}.footer-link{text-decoration:none;margin:0 .1em;aspect-ratio:1/1;width:auto;flex-direction:column;justify-content:center}.footer-link.active{background-color:#85ddd8}.footer-icon{width:min(40/375* 100vw,40px);height:min(40/375* 100vw,40px);display:block;object-fit:contain}.footer-link .footer-icon-name{font-size:clamp(8px,11/375*100vw,11px);margin:0;color:var(--black);display:inline-block;max-width:clamp(50px,60/375*100vw,60px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}