:root{--vh:100%}body{background-color:#161a26;overflow-x:hidden}@media(min-width:48rem){.nav-menu-button{display:none}.nav-menu-item:hover .nav-sub{opacity:1;visibility:visible}.nav-menu-item:hover .nav-menu-title{color:#6366f1}.nav-menu-item.active{cursor:default}}.header{background-color:#161a26;display:flex;height:52px;justify-content:center;position:fixed;width:100%;z-index:50}.header .header-container{align-items:center;display:flex;height:calc(100% - 1px);justify-content:space-between;margin:0;max-width:1200px;width:80%}.header .header-bottom-divider{background-color:linear-gradient(180deg,#1f2937,#000);border:.5px solid rgba(80,80,80,.196);bottom:0;height:0;position:absolute;width:100%}.header-login{display:none;flex-flow:row wrap;margin-right:20px}.header-login :link{align-items:center;display:flex;height:20px;justify-content:center;margin-left:10px;text-decoration:none;width:100px}.header-login span{color:#000;display:block;font-size:.8rem;margin:0;position:relative}.header-login p+p{margin-left:10px}.header-login .header-img-link{margin-right:5px;width:20px}.nav{align-items:end;display:flex;flex-direction:column}.nav-logo{align-items:center;display:flex;flex-direction:row;font-size:1.25rem;font-weight:700;height:100%}.nav-logo a{color:#6366f1;text-decoration:none}.nav-logo img{height:50px}.nav-menu{align-items:center;display:flex;list-style:none;margin:0;padding-left:0;width:100%;z-index:99}.nav-menu-item{display:inline-flex;position:relative;width:100px}.nav-menu-item a{height:100%!important}.nav-menu-item .nav-menu-dropdown{align-items:center;display:flex;height:100%}.nav-menu-item .nav-menu-dropdown p{flex:auto;text-align:center}.nav-menu-item :link{align-items:center;display:flex;height:40px;justify-content:center;text-decoration:none;width:120px}.nav-menu-item+.nav-menu-item{margin-left:10px}.nav-menu-title{color:#d1d5db;transition:color .2s ease}.nav-menu-title.active{color:#6366f1;font-weight:700}.nav-sub{background-color:#765c4e;list-style:none;opacity:0;padding:0;position:absolute;text-transform:none;transition:opacity .3s;visibility:hidden;width:120px;z-index:99}.nav-sub-item{align-items:center;display:flex;flex-direction:column;height:50px;justify-content:center;position:relative;width:120px}.nav-sub-item p{color:#fff;font-size:16px}.nav-sub-item:hover{background:#0000001a}@media(max-width:47.999rem){.header{max-height:50px;min-height:50px;position:fixed;top:0;z-index:1000}.header .header-container{align-items:center;height:100%;width:100%}.header-login{display:none;height:100%;margin-right:50px}.header-login span{display:none}.header-login .header-img-link{margin-right:0;width:30px}.header-login a{width:30px!important}.nav{display:none}.nav.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1f2e,#161a26);border-top:1px solid #4f46e533;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;position:absolute;top:50px;width:100%;z-index:100}.nav-logo{padding-left:20px}.nav-logo,.nav-logo img{height:40px}.nav-menu{flex-direction:column;gap:4px;margin:0;padding:12px 0}.nav-menu-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#4f46e51a;border:1px solid #4f46e533;border-radius:12px;display:flex;flex-direction:column;height:auto;margin:0 12px;transition:all .3s ease;width:calc(100% - 24px)}.nav-menu-item .nav-menu-title{color:#d1d5db;font-size:1rem;font-weight:500}.nav-menu-item .nav-menu-title.active{color:#fff;font-weight:600}.nav-menu-item+.nav-menu-item{margin-left:12px}.nav-menu-item a{align-items:center;border-radius:12px;display:flex;height:56px!important;justify-content:center;min-width:-webkit-fill-available;text-decoration:none;transition:all .3s ease}.nav-menu-item:hover{background:#4f46e533;border-color:#4f46e566;box-shadow:0 4px 16px #4f46e54d;cursor:pointer;transform:translateY(-2px)}.nav-menu-item:hover .nav-menu-title{color:#fff}.nav-menu-item .nav-menu-dropdown{border-radius:12px;height:56px;text-align:center;transition:all .3s ease}.nav-menu-item .nav-sub.active{opacity:1;position:relative;visibility:visible;width:100%}.nav-menu-item .nav-sub.active .nav-sub-item{height:auto;width:100%}.nav-menu-item.active{background:linear-gradient(135deg,#4f46e5,#4338ca);border-color:#6366f1;box-shadow:0 4px 16px #4f46e566}.nav-menu-button{display:flex;margin-right:1rem;transition:transform .3s ease}.nav-menu-button:hover{cursor:pointer;transform:scale(1.1)}.nav-menu-button img{height:30px;width:30px}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:102px;transition:all .3s ease;z-index:99}}.body-container{display:flex;flex-direction:row;justify-content:center;margin-top:0;min-height:100vh;min-height:calc(var(--vh, 1vh)*100);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative}@media(max-width:47.999rem){.body-container{box-sizing:border-box}}.body-content{box-sizing:border-box;flex-direction:column;width:100%}@media(max-width:47.999rem){.body-content .body-content{flex-direction:column;margin-top:20px;padding:10px;width:100%}}.index-scroll-container{align-items:center;box-sizing:border-box;display:none;height:100vh;padding:50px;position:fixed;right:0;width:100%}.index-scroll-box{display:flex;flex-direction:row;height:50%;position:fixed;top:25vh}.index-scroll-bar{background-color:#000;margin-right:10px;width:10px}.index-scroll-indicator-container{display:flex;flex-direction:column;justify-content:space-between}.index-scroll-indicator-container .indicator-container{font-size:1rem;transition:font-size .2s ease}.index-scroll-indicator-container .indicator-container:hover{cursor:pointer}.index-scroll-indicator-container .indicator-container.active{font-size:1.5rem}@media(min-width:48rem){.index-scroll-container{flex-direction:row;width:20%}}@media(max-width:47.999rem){.index-scroll-container{background-color:#add8e6;height:50px;padding:0;position:sticky;top:0;width:100%;z-index:900}.index-scroll-box{justify-content:center;position:relative;top:0;width:100%}.index-scroll-bar{display:none}.index-scroll-indicator-container{align-items:center;flex-direction:row;justify-content:space-around;width:100%}.index-scroll-indicator-container .indicator-container{font-size:14px}.index-scroll-indicator-container .indicator-container.active{font-size:20px}}.product-section-container{margin-bottom:24px}@media(max-width:47.999rem){.product-section-container{margin-bottom:16px}}.product-section-container .product-section-title{align-items:center;color:#fff;display:flex;font-size:1.75rem;font-weight:600;gap:12px;justify-content:center;margin-bottom:4px;padding:16px 0;text-align:center}@media(max-width:47.999rem){.product-section-container .product-section-title{font-size:1.25rem;gap:10px;margin-bottom:2px;padding:12px 0}}.product-section-container .product-section-icon{color:#6366f1;font-size:1.5rem}@media(max-width:47.999rem){.product-section-container .product-section-icon{font-size:1.125rem}}.product-section-container .product-section-description{color:#d1d5db;font-size:1.25rem;margin-top:8px;text-align:center}@media(max-width:47.999rem){.product-section-container .product-section-description{font-size:1rem;margin-top:4px}}.product-section-container .product-section-body{margin-top:24px}@media(max-width:47.999rem){.product-section-container .product-section-body{margin-top:16px}}.chat-container{display:flex;flex:1 1;height:100%}.chat-container.full{padding:0}@media(max-width:47.999rem){.chat-container{padding:0}}.chat-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chat-body.user{flex:.8 1}.chat-box{background-color:#111827;border:1px solid #374151;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:10px}.chat-box:before{content:"";flex:1 1;min-height:0}.user-list{align-items:center;background-color:#2d3748;border:1px solid #ccc;border-radius:20px;display:flex;flex:.2 1;flex-direction:column;margin-left:10px;overflow-y:scroll;padding:10px}.user-list .user-list-title{color:#040272;font-size:24px;font-weight:700;margin-bottom:10px;margin-top:20px}.user-list .user-list-item{color:#7d1d1d;font-size:20px}.user-button{display:none}.message-container{display:flex;margin-bottom:8px;position:relative;width:100%}.join-message-wrapper{background:#1f2937;border-radius:.5rem;margin-left:auto;margin-right:auto;padding:.5rem 1rem}.join-message{color:#d1d5db}.user-message{color:#000}.user-message padding{left:20px;right:20px}.input-box{align-items:center;background-color:#f9f9f9;border:1px solid #ccc;border-radius:20px;display:flex;padding:10px}.input-box input[type=text]{background:#0000;border:#0000;flex:1 1;margin-right:10px;padding:5px}.input-box input[type=text]:focus{outline:none}@media(max-width:47.999rem){.user-button{display:block;height:30px;margin-right:30px;position:absolute;right:0}.chat-body{flex:1 1}.user-list{background-color:#faebd7;border-radius:8px;display:none;height:50%;margin-right:30px;margin-top:50px;position:absolute;right:0;width:200px}.user-list.active{display:flex}.user-list .user-list-item{color:#000;font-size:20px}}.modal-page-bg{align-items:center;background-color:rgba(0,0,0,.365);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-page-container{align-items:safe center;background-color:#2d3748;border-radius:8px;box-shadow:1px 1px 1px #000;box-sizing:border-box;display:flex;flex-direction:column;max-height:80%;overflow-y:auto;padding:32px 16px 16px;width:800px;z-index:1000}@media(max-width:47.999rem){.modal-page-container{width:90%}}.modal-page-thumbnail{border-radius:8px;width:80%}@media(max-width:47.999rem){.modal-page-thumbnail{width:100%}}.modal-page-grid-imgs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);justify-content:center;margin-top:12px;width:80%}.modal-page-grid-imgs.horizontal{display:flex;flex:1.3 1;flex-direction:column}.modal-page-grid-imgs.vertical{display:flex;flex:1 1;flex-direction:column}@media(max-width:47.999rem){.modal-page-grid-imgs{grid-template-columns:repeat(1,1fr);width:100%}}.modal-page-grid-imgs-mix-container{display:flex;gap:16px;width:80%}.modal-page-grid-imgs-cell{border-radius:8px;height:100%;object-fit:cover;width:100%}.modal-page-grid-videos{grid-row-gap:8px;grid-column-gap:12px;column-gap:12px;display:grid;grid-template-columns:repeat(2,1fr);margin-top:8px;row-gap:8px;width:80%}.modal-page-grid-videos .modal-video{height:160px;width:100%}.modal-page-grid-videos .modal-video.full-width{grid-column:span 2;height:300px}@media(max-width:47.999rem){.modal-page-grid-videos{grid-template-columns:repeat(1,1fr);width:100%}}.modal-page-title{color:#fff;font-size:2.25rem;font-weight:700;margin-top:32px}.modal-page-description{color:#d1d5db;font-size:1.25rem;padding:12px 32px 52px}@media(max-width:47.999rem){.modal-page-description{padding-left:0;padding-right:0}}.thumbnail-cardview-grid-container{grid-row-gap:24px;grid-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:repeat(3,1fr);position:relative;row-gap:24px}@media(max-width:47.999rem){.thumbnail-cardview-grid-container{column-gap:16px;grid-template-columns:repeat(1,1fr);row-gap:20px}}.horizontal-layout .thumbnail-cardview-grid-container{column-gap:20px;grid-template-columns:repeat(2,1fr);row-gap:20px}@media(max-width:47.999rem){.horizontal-layout .thumbnail-cardview-grid-container{column-gap:16px;grid-template-columns:repeat(1,1fr);row-gap:16px}}.thumbnail-cardview-grid-cell{background-color:#1a1f2e;border-radius:.375rem;box-shadow:0 1px 4px #2d3748;color:#d1d5db;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .3s ease}.thumbnail-cardview-grid-cell:hover{transform:scale(1.02)}.thumbnail-cardview-grid-cell.gray{background-color:#2d3748;box-shadow:0 1px 4px #111827}@media(max-width:47.999rem){.thumbnail-cardview-grid-cell{border-radius:.25rem;box-shadow:0 1px 3px #2d3748}}.horizontal-layout .thumbnail-cardview-grid-cell{flex-direction:row;min-height:120px}@media(max-width:47.999rem){.horizontal-layout .thumbnail-cardview-grid-cell{min-height:100px}}.thumbnail-cardview-grid-thumbnail{aspect-ratio:2/1;background-color:#000;object-fit:cover;width:100%}.horizontal-layout .thumbnail-cardview-grid-thumbnail{aspect-ratio:unset;flex-shrink:0;height:100%;width:200px}@media(max-width:47.999rem){.horizontal-layout .thumbnail-cardview-grid-thumbnail{width:140px}}.thumbnail-cardview-grid-body-container{display:flex;flex:1 1;flex-direction:column;padding:1rem}@media(max-width:47.999rem){.thumbnail-cardview-grid-body-container{padding:.75rem}}.horizontal-layout .thumbnail-cardview-grid-body-container{justify-content:space-between;min-width:0}.thumbnail-cardview-grid-title{color:#d1d5db;font-size:1.25rem}@media(max-width:47.999rem){.thumbnail-cardview-grid-title{font-size:1rem}}.thumbnail-cardview-grid-subtitle{font-size:.875rem;margin-top:8px}@media(max-width:47.999rem){.thumbnail-cardview-grid-subtitle{font-size:.75rem;margin-top:6px}}.thumbnail-cardview-grid-type-list{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:12px}@media(max-width:47.999rem){.thumbnail-cardview-grid-type-list{gap:.25rem;margin-top:8px}}.thumbnail-cardview-grid-type-item{border-radius:9999px;font-size:.875rem;padding:.25rem .75rem}@media(max-width:47.999rem){.thumbnail-cardview-grid-type-item{font-size:.75rem;padding:.2rem .5rem}}.thumbnail-cardview-grid-view{align-items:end;color:#a5b4fc;display:flex;flex:1 1;font-weight:500;margin-top:16px}@media(max-width:47.999rem){.thumbnail-cardview-grid-view{font-size:.875rem;margin-top:12px}}.section{display:flex;justify-content:center;position:relative;width:100%}.section.first{padding-top:100px}@media(max-width:47.999rem){.section.first{padding-top:60px}}.section-body{max-width:1200px;width:80%}@media(max-width:47.999rem){.section-body{width:90%}}.footer-container{border-top:1px solid #2d3748;color:#6b7280;font-size:.875rem;margin-top:4rem;padding:2rem 0;text-align:center;width:100%}.about-container{display:flex;flex-direction:column;padding-bottom:32px}.section.about-intro{color:#d1d5db;margin-top:10px;padding-bottom:40px}@media(max-width:47.999rem){.section.about-intro{padding-bottom:2rem}}.section.about-work{padding-bottom:20px;padding-top:32px}.section.about-work .about-work-title{color:#fff;font-size:22px;font-weight:700;padding-bottom:20px;padding-top:20px}.about-name{font-weight:700}.about-name,.about-position{font-size:20px}.column-grid-container{grid-row-gap:32px;grid-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(auto-fill);margin-top:20px;row-gap:32px}.column-grid-cell-container{display:flex;flex-direction:column}.column-grid-cell-container:hover{cursor:pointer}.column-grid-cell-container .column-grid-cell-thumbnail{border-radius:8px;height:200px;width:100%}.column-grid-cell-container .column-grid-cell-body{display:flex;flex-direction:column;margin-top:10px}.column-grid-cell-container .column-grid-cell-body .cell-title{font-family:noto medium;font-size:18px}.column-grid-cell-container .column-grid-cell-body .cell-description{color:#637587;font-size:16px;line-height:24px;margin-top:4px;white-space:pre-wrap}@media(max-width:47.999rem){.column-grid-container{grid-template-columns:repeat(1,1fr);row-gap:30px}.column-grid-cell-container .column-grid-cell-thumbnail{flex:.4 1;height:140px;width:100%}.column-grid-cell-container .column-grid-cell-body{flex:.5 1}.column-grid-cell-container .column-grid-cell-body .cell-title{font-size:18px}.column-grid-cell-container .column-grid-cell-body .cell-description{font-size:16px;margin-top:10px}}.room-wrapper{align-items:center;box-sizing:border-box;display:flex;height:100vh;height:calc(var(--vh, 1vh)*100);justify-content:center;padding:1rem}@media(max-width:47.999rem){.room-wrapper{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}}.room-wrapper .room-container{background-color:#2d3748;border-radius:.75rem;box-shadow:0 25px 50px #0003;display:flex;flex-direction:column;justify-content:center;max-width:48rem;overflow:hidden;width:100%}.room-wrapper .room-header{background-color:#000;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}@media(max-width:47.999rem){.room-wrapper .room-header{gap:1.5rem}}.room-wrapper .room-back-button{align-self:flex-start;background-color:#111827;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:.3s ease}.room-wrapper .room-back-button:hover{background-color:#2d3748}.room-wrapper .room-title{align-items:center;color:#fff;display:flex;flex:1 1;font-size:2.25rem;font-size:32px;font-weight:700;font-weight:600;height:40px!important;height:80px;justify-content:center;margin-top:0}@media(max-width:47.999rem){.room-wrapper .room-title{font-size:20px;height:40px}}.room-wrapper .room-body{padding:2rem}.room-wrapper .room-menu-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);width:100%}@media(max-width:47.999rem){.room-wrapper .room-menu-grid{gap:.5rem}}.room-wrapper .room-menu-grid .room-input-wrapper{position:relative}@media(max-width:47.999rem){.room-wrapper .room-menu-grid .room-input-wrapper{grid-column:span 2}}.room-wrapper .room-menu-grid .room-input-wrapper svg{color:#9ca3af;font-size:1rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.room-wrapper .room-menu-grid input{background-color:#374151;border:none;border-radius:8px;box-sizing:border-box;color:#fff;font-size:.875rem;height:44px;outline:none;padding:.75rem 1rem .75rem 2.5rem;width:100%}.room-wrapper .room-menu-grid input:focus{border:none;box-shadow:0 0 0 2px #6366f1}.room-wrapper .room-menu-grid input::placeholder{color:#9ca3af}.room-wrapper .room-menu-grid .room-button-create{align-items:center;background-color:#4f46e5;border:none;border-radius:4px;box-sizing:initial;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:500;gap:.5rem;height:100%;justify-content:center;padding:0;transition:background-color .3s ease;width:100%}.room-wrapper .room-menu-grid .room-button-create:hover{background-color:#4338ca}.room-wrapper .room-menu-grid .room-button-join{align-items:center;background-color:#22c55e;border:none;border-radius:4px;box-sizing:initial;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:500;gap:.5rem;height:100%;justify-content:center;padding:0;transition:background-color .3s ease;width:100%}.room-wrapper .room-menu-grid .room-button-join:hover{background-color:#16a34a}.room-wrapper .room-menu-grid .room-button-wrapper{display:flex;height:44px;position:relative}.room-wrapper .room-menu-grid .room-button-wrapper svg{font-size:1rem}.room-wrapper .room-list{background-color:#374151;border-radius:10px;border-style:hidden;box-shadow:0 1px 4px #2d3748;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 400px);height:calc(var(--vh, 1vh)*100 - 400px);margin-top:20px;overflow:hidden}.room-wrapper .room-list .room-list-header{grid-gap:1rem;background-color:#4b5563;border-bottom:1px solid #6b7280;color:#d1d5db;display:grid;font-size:18px;font-weight:500;gap:1rem;grid-template-columns:2fr 1.5fr 1fr;padding:.75rem}@media(max-width:47.999rem){.room-wrapper .room-list .room-list-header{padding-bottom:.7rem;padding-top:.7rem}}.room-wrapper .room-list .room-list-item{grid-gap:1rem;color:#d1d5db;cursor:pointer;display:grid;font-size:18px;font-weight:500;gap:1rem;grid-template-columns:2fr 1.5fr 1fr;overflow:scroll;padding:1rem;transition:background-color .1s ease}@media(max-width:47.999rem){.room-wrapper .room-list .room-list-item{padding-bottom:.7rem;padding-top:.7rem}}.room-wrapper .room-list .room-list-item:hover{background-color:#4b5563}.room-wrapper .room-list .room-list-item::not(:last-child){border-bottom:1px solid #6b7280}.room-wrapper .room-list .room-list-item svg{color:#fbbf24;font-size:1rem}.room-wrapper .room-list .room-status{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.125rem .625rem;width:fit-content}.room-wrapper .room-list .room-status.waiting{background-color:#d1fae5;color:#047857}.room-wrapper .room-list .room-status.in-progress{background-color:#fef3c7;color:#b45309}.waiting-container{background:linear-gradient(to bottom right,#312e81,#6b21a8,#111827);display:flex;flex-direction:column;height:100vh;height:calc(var(--vh, 1vh)*100);min-height:0}.waiting-container .chat-container{flex:1 1;min-height:0}.waiting-container .waiting-header{align-items:center;background-color:#1f2937;border-bottom:1px solid #6b7280;box-shadow:0 4px 10px #0000001a;box-sizing:initial;display:flex;height:40px;justify-content:space-between;padding:16px;position:relative}@media(max-width:47.999rem){.waiting-container .waiting-header{flex-direction:column-reverse;gap:8px;height:auto;justify-content:center;padding:8px}}.waiting-container .waiting-header .waiting-header-block{align-items:center;display:flex;height:100%;position:inherit}@media(max-width:47.999rem){.waiting-container .waiting-header .waiting-header-block{justify-content:space-between;width:100%}}.waiting-container .waiting-header button{width:152px!important}@media(max-width:47.999rem){.waiting-container .waiting-header button{height:32px!important;width:80px!important}}.waiting-container .waiting-header .waiting-leave-button{align-items:center;background-color:#ef4444;border:none;border-radius:4px;box-sizing:initial;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:500;gap:.5rem;height:100%;justify-content:center;padding:0;transition:background-color .3s ease;width:100%}.waiting-container .waiting-header .waiting-leave-button:hover{background-color:#dc2626}@media(max-width:47.999rem){.waiting-container .waiting-header .waiting-leave-button{display:none}}.waiting-container .waiting-header .waiting-title{color:#a5b4fc!important;font-size:1.5rem;font-weight:500;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.waiting-container .waiting-header .waiting-start-button{align-items:center;background-color:#22c55e;border:none;border-radius:4px;box-sizing:initial;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:500;gap:.5rem;height:100%;justify-content:center;padding:0;transition:background-color .3s ease;width:100%}.waiting-container .waiting-header .waiting-start-button:hover{background-color:#16a34a}.waiting-container .waiting-header .waiting-start-button.disabled{align-items:center;background-color:#6b7280;border:none;border-radius:4px;box-sizing:initial;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:500;gap:.5rem;height:100%;justify-content:center;padding:0;transition:background-color .3s ease;width:100%}.waiting-container .waiting-header .waiting-start-button.disabled:hover{background-color:#6b7280}.waiting-container .waiting-header .waiting-room-info{align-items:center;background-color:#374151;border-radius:.5rem;display:flex;font-size:1rem;height:100%;padding:0 1rem}.waiting-container .waiting-header .waiting-room-info-key{color:#d1d5db;margin-right:4px}.waiting-container .waiting-header .waiting-room-info-value{color:#fff;font-weight:500}.waiting-container .waiting-header .waiting-room-info-gap{width:20px}.jorney-container{display:flex;flex-direction:column;height:100vh;height:calc(var(--vh, 1vh)*100);position:relative}.jorney-container .jorney-header{align-items:center;display:flex;flex-direction:column;padding-bottom:4px}.jorney-container .jorney-header .jorney-top{display:flex;flex-direction:row;justify-content:space-between;width:100%}.jorney-container .jorney-header .jorney-title{color:#fff;font-size:24px;font-weight:500;margin-top:10px}.jorney-container .jorney-header .jorney-top-memo:hover{cursor:pointer}.jorney-container .jorney-header .jorney-user-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;padding:4px;width:100%}.jorney-container .jorney-destination-container{display:flex;justify-content:center;margin-bottom:10px}.jorney-container .jorney-chat-container{display:flex;flex:.8 1;flex-direction:column}.jorney-container .jorney-chat-container .jorney-chat-box{background-color:#111827;border:1px solid #374151;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:10px}.jorney-container .jorney-chat-container .jorney-chat-box:before{content:"";flex:1 1;min-height:0}.jorney-container .jorney-gameover-container{display:flex;flex-direction:row;height:60vh;justify-content:space-around;width:100%}.jorney-container .jorney-gameover-leave-button{align-items:center;border:1px solid gray;border-radius:10px;display:flex;font-size:24px;font-weight:600;height:50px;justify-content:center;margin-left:30px;margin-right:30px}.wtb-container{background:linear-gradient(180deg,#1a1a2e,#16213e);color:#fff;display:flex;flex-direction:column;min-height:100vh;padding-bottom:60px;position:relative}.wtb-container .fade-enter{opacity:0}.wtb-container .fade-enter-active{opacity:1;transition:opacity .3s ease-in}.wtb-container .fade-exit{opacity:1}.wtb-container .fade-exit-active{opacity:0;transition:opacity .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wtb-container .answer-card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.wtb-container .answer-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.wtb-container .player-list::-webkit-scrollbar{height:4px}.wtb-container .player-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.wtb-container .player-list::-webkit-scrollbar-thumb{background:#6366f180;border-radius:2px}.wtb-container .player-list::-webkit-scrollbar-thumb:hover{background:#6366f1b3}@media(max-width:640px){.wtb-container .player-list{padding:0 1rem}.wtb-container .answer-grid{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.wtb-container{background:linear-gradient(180deg,#0f172a,#1e293b)}}.role-distributor-container{background:linear-gradient(180deg,#1a1a2e,#16213e);color:#fff;display:flex;flex-direction:column;height:100vh;height:calc(var(--vh, 1vh)*100);position:relative}.role-distributor-container .card-hover{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.role-distributor-container .card-hover:hover{box-shadow:0 10px 25px -3px #0003,0 4px 6px -2px #0000000d;transform:translateY(-2px)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.role-distributor-container .animated-gradient{animation:gradientShift 3s ease infinite;background-size:200% 200%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.role-distributor-container .fade-in-up{animation:fadeInUp .6s ease-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.role-distributor-container .pulse{animation:pulse 2s infinite}.role-distributor-container::-webkit-scrollbar{width:6px}.role-distributor-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.role-distributor-container::-webkit-scrollbar-thumb{background:#6366f180;border-radius:3px}.role-distributor-container::-webkit-scrollbar-thumb:hover{background:#6366f1b3}.role-distributor-container input:focus,.role-distributor-container textarea:focus{box-shadow:0 0 0 3px #6366f11a}.role-distributor-container button:hover{box-shadow:0 4px 14px 0 #0000004d}.role-distributor-container button:active{transform:translateY(1px)}.role-distributor-container input[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m13.854 3.646-7.5 7.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6 10.293l7.146-7.147a.5.5 0 0 1 .708.708z'/%3E%3C/svg%3E")}@media(max-width:1023px){.role-distributor-container{height:100vh;height:100dvh}.role-distributor-container .max-w-4xl{max-width:100%;padding-left:0;padding-right:0}.role-distributor-container .mobile-main-content{height:60vh;height:60dvh}.role-distributor-container .mobile-chat-container{height:40vh;height:40dvh}}@media(min-width:1024px){.role-distributor-container .max-w-4xl{max-width:none}}@media(prefers-color-scheme:dark){.role-distributor-container{background:linear-gradient(180deg,#0f172a,#1e293b)}}.role-distributor-container .role-distributor-main{flex:1 1;height:0;overflow:hidden}.role-distributor-container .chat-body,.role-distributor-container .chat-container{height:100%!important}
/*# sourceMappingURL=main.91eeaffd.css.map*/