@charset "UTF-8";:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-link{display:flex;flex-direction:column;align-items:center;color:#000;text-decoration:none;transition:all .3s;width:60px}.nav-link span{font-size:12px;margin-top:5px}.nav-main-button{border:none;background:orange;border-radius:50%;width:75px;height:60px;color:#fff;font-size:14px;cursor:pointer;z-index:2;transition:all .3s;box-shadow:0 -5px 4px #00000026;position:relative}.nav-main-button:after{content:"";position:absolute;top:1px;right:-6px;width:5px;height:5px;background-color:red;border-radius:50%}.sub-buttons button{background:#333;color:#fff;border-radius:20px;border:none;padding:10px 14px;cursor:pointer;transition:background .3s;font-size:14px}.nav-container{position:fixed;max-width:400px;left:50%;bottom:0;transform:translate(-50%);width:100%;height:calc(80px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background-color:var(--nav-bg, #fff);box-shadow:0 0 25px #0000001a;z-index:999;display:flex;justify-content:center;align-items:center;border-radius:0}.nav-content{display:flex;align-items:center;justify-content:space-between;width:90%;position:relative;gap:20px}.nav-icon{width:8%;height:auto;margin-bottom:4px}body.live-page .nav-container{display:none!important}.nav-link{position:relative;display:flex;flex-direction:column;align-items:center;font-size:12px;font-weight:550;text-decoration:none;width:18%;border:none;background:none;outline:none}.nav-link:after{content:"";position:absolute;top:-7px;right:7px;width:5px;height:5px;background-color:red;border-radius:50%;z-index:2}.nav-icon{width:50%;height:auto;margin-bottom:4px}.active-text{color:orange}.sub-buttons{position:absolute;bottom:130%;left:50%;transform:translate(-50%);border-radius:10px;display:flex;gap:10px;z-index:10}.sub-buttons{position:absolute;bottom:110%;left:50%;transform:translate(-50%);display:flex;z-index:10;background:none}.sub-buttons button{position:relative;width:60px;height:60px;border-radius:50%;border:none;background:#fff;font-size:14px;font-weight:550;cursor:pointer;transition:transform .3s}.sub-buttons .actor:after,.sub-buttons .trot:after,.sub-buttons .idol:after{content:"";position:absolute;top:18px;right:8px;width:5px;height:5px;background-color:red;border-radius:50%}.sub-buttons .actor{color:#37cebf}.sub-buttons .trot{color:#ae74ff}.sub-buttons .idol{color:orange}.nav-main-button.idol{background-color:orange}.nav-main-button.actor{background-color:#37cebf}.nav-main-button.trot{background-color:#ae74ff}.nav-text.idol{color:orange}.nav-text.actor{color:#37cebf}.nav-text.trot{color:#ae74ff}.dark .nav-link{color:#fff}.dark .nav-text.idol{color:orange}.dark .nav-text.actor{color:#37cebf}.dark .nav-text.trot{color:#ae74ff}.dark .nav-container{background-color:#151515}.chatbot-wrapper{position:fixed;bottom:100px;z-index:9999;display:flex;justify-content:center;right:100%}.chatbot-floating-btn{width:60px;height:60px;border-radius:50%;border:none;background:#fff;box-shadow:0 4px 12px #0003;cursor:pointer;padding:0}.chatbot-floating-btn img{width:100%;height:100%;object-fit:contain}.chatbot-box{width:100%;max-width:360px;height:500px;background:#fff;border-radius:16px;box-shadow:0 6px 20px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.chatbot-header{background:gold;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-weight:500;color:#121212}.chatbot-close{display:flex;align-items:center;border:none;outline:none;background:none}.chatbot-body{padding:16px;flex:1;display:flex;flex-direction:column;background:#fefefe;overflow-y:auto}.chatbot-date{text-align:center;color:#797979;font-size:12px;background:#efefef;padding:3px 6px;box-sizing:border-box;width:28%;border-radius:50px;margin:0 auto}.chatbot-greet{text-align:center;font-size:16px;font-weight:500;color:#444;margin:20px 0 10px;white-space:pre-line}.chatbot-mascot{position:relative;text-align:center}.chatbot-mascot img{width:150px}.chat-log{flex:1;overflow-y:auto;padding-right:4px}.chat-message{margin:30px 0}.user-bubble{display:flex;flex-direction:column;align-items:flex-end;padding-right:10px}.user-text{background-color:gold;color:#121212;padding:10px 14px;border-radius:16px 0 16px 16px;font-size:14px;max-width:80%;word-break:break-word}.chat-time{font-size:12px;color:#888;margin-top:4px;text-align:right}.bot-chat-time{font-size:12px;color:#888;margin:6px 0 0 3px}.bot-msg-block{display:flex;align-items:flex-start}.bot-avatar{width:36px;height:36px;border-radius:50%}.bot-content{display:flex;flex-direction:column}.bot-name{font-size:10px;margin:12px 3px;color:#888}.bot-text{transition:max-height .3s ease;cursor:pointer;background:#fcfcfc;padding:14px 18px;border-radius:16px;font-size:15px;font-weight:500;max-width:100%;word-break:break-word;white-space:pre-line}.bot-text.expanded{padding:14px 20px}.bot-text.typing:after{content:"...";animation:blink 1s infinite;color:#888}.loading-dots{display:flex;gap:4px;padding:10px 14px;background:#eee;border-radius:16px;width:fit-content}.loading-dots span{width:5px;height:5px;background:#888;border-radius:50%;animation:blink 1.5s infinite ease-in-out}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}.suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.suggestions button{position:relative;padding:7px 12px;border-radius:20px;background:#fff;border:1px solid #FFD700;font-size:14px;color:#121212;cursor:pointer;transition:background .2s}.suggestions button:hover{background:gold}.suggestions button:before{content:"";position:absolute;top:2px;right:6px;width:5px;height:5px;background-color:red;border-radius:50%}.chat-input-wrapper{width:100%;display:flex;align-items:center;border-top:1px solid #E5E5E5;padding-top:20px}.chat-input-area input{flex:1;padding:12px;border:none;font-size:14px;outline:none}.chat-input-area button{position:relative;outline:none;background:none;border:none;cursor:pointer}.chat-input-area button:before{content:"";position:absolute;top:0;right:5px;width:5px;height:5px;background-color:red;border-radius:50%}.chat-input-area.styled{margin:0 auto;display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:32px;padding:0 12px;box-shadow:0 0 25px #0000001a;gap:10px}.chat-input-area.styled input{border:none;font-size:14px;outline:none;padding:8px;background:transparent}.circle-btn{width:27px;height:28px;border-radius:50px;background:#ffd400;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.circle-btn span{font-size:22px;font-weight:700}.circle-btn img{width:25px;height:auto;object-fit:contain}.circle-btn.plus img{width:88%;height:100%;display:flex;align-items:center}.chat-input-area{display:flex;background:#fff}.chat-input-area input{flex:1;min-width:0;padding:12px;border:none;font-size:14px;outline:none}.chat-input-area button{outline:none;background:none;border:none;cursor:pointer;flex-shrink:0}.chat-input-area.styled{margin:0 auto;display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:32px;padding:5px 10px;box-shadow:0 0 25px #0000001a;gap:10px;width:100%;max-width:83%}.chat-input-area.styled input{flex:1;min-width:0;border:none;font-size:14px;outline:none;padding:8px;background:transparent}.circle-btn{width:36px;height:36px;border-radius:50%;background:#ffd400;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.circle-btn.plus img{width:18px;height:18px;object-fit:contain;display:block}.circle-btn.mic img{width:30px;height:30px;object-fit:contain;display:block}.chatbot-greeting.slide-up{transform:translateY(-100%);opacity:0;transition:all .5s ease-in-out;height:0;overflow:hidden;margin:0;padding:0}body.dark .chatbot-box{background:#121212;color:#fff}body.dark .chatbot-body{background:#212121}body.dark .chatbot-header{background:gold;color:#fff}body.dark .user-text{background:gold;color:#000}body.dark .bot-text{background:#333;color:#eee}body.dark .suggestions button{background:#212121;color:#fff;border:1px solid #fff}body.dark .chat-input-area input{background:#333;color:#fff}.dark .bot-avatar{background:#fff}.dark .bot-name{margin-left:5px;color:#ddd}.dark .chat-input-wrapper{border-top:none}.dark .chatbot-date{color:#fff;background:#797979}.dark .chat-input-area.styled{background:#333;box-shadow:none}@media (min-width:401px){.chatbot-wrapper{right:40%}}@media (max-width:400px){.chatbot-wrapper{right:5%}}.attendance-container{padding:20px 16px 50px;box-sizing:border-box}.attendance-wrapper{min-height:100vh;box-sizing:border-box;max-width:400px;margin:0 auto;background:#fff}.dark .attendance-wrapper{background:#121212}.attendance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.text-area{flex:1}.text-area{font-size:30px;font-weight:600;line-height:1.2;margin-bottom:6px;letter-spacing:-.8px}.text-area h2{font-size:23px;color:#494949}.text-area h2 span{color:#f3b643}.highlight{color:#f7b401}.sub-text{font-size:14px;font-weight:500;color:#797979}.character-area p{width:206px}.attendance-character-area img{width:85%}.attendance-character-area{display:flex;justify-content:center}.attendance-character{text-align:center;margin-bottom:40px;width:100%;max-width:175px}.attendance-stamp{width:100%}.attendance-btn{width:100%;background:gold;font-size:16px;font-weight:500;color:#494949;border:none;border-radius:12px;cursor:pointer;transition:background .2s ease;margin-top:70px;padding:20px 50px}.attendance-btn:disabled{background:#ddd;color:#999;cursor:default}.text-image-wrap{display:flex;align-items:center;justify-content:space-between}.attendance-btn.has-dot{position:relative}.attendance-btn.has-dot:after{content:"";position:absolute;top:-5px;right:-8px;width:5px;height:5px;background-color:red;border-radius:50%;z-index:2}.dark .text-area h2 span{color:#f3b643}.dark .vote-desc ul li.sub-color,.dark .text-area h2{color:#fff}.modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.popUp{position:relative;background:#fff;border-radius:30px;text-align:center;max-width:100%;padding:50px 35px 20px;overflow:visible;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.modalImage{width:210px;margin-bottom:20px;position:absolute;top:-58px;left:50%;transform:translate(-50%);z-index:10}.modalTextWrap{padding-top:100px}.modalTextWrap button{margin-top:20px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;background-color:#ffd400;color:#494949;min-width:200px;padding:14px 24px}.character-area{display:flex;justify-content:center}.character-area img{width:90%;max-width:350px}.modalTextWrap button.has-dot{position:relative}.modalTextWrap button.has-dot:after{content:"";position:absolute;top:-5px;right:-8px;width:5px;height:5px;background-color:red;border-radius:50%;z-index:2}.popUp.quiz .modalTextWrap h3{color:#ffd400;font-size:18px;font-weight:600;margin-bottom:10px}.popUp.quiz .modalTextWrap p.sub-color{font-size:14px;font-weight:500}.popUp.quiz .modalTextWrap button{background-color:gold;color:#595959}.popUp.vote .modalTextWrap h3{color:#ffd400;font-size:18px;font-weight:600;margin-bottom:10px}.popUp.vote .modalTextWrap p.sub-color{font-size:14px;color:#797979;font-weight:500;letter-spacing:-.5px}.popUp.vote .modalTextWrap button{background-color:#ffd400;color:#595959}.popUp.unsubscribe .modalTextWrap h3{color:#ffb800;font-size:18px;font-weight:600;margin-bottom:10px}.popUp.unsubscribe .modalTextWrap p{font-size:14px;color:#797979;font-weight:500;letter-spacing:-.5px}.popUp.unsubscribe .modalTextWrap button{background-color:#ffd400;color:#595959}.popUp.attendance .modalTextWrap h3{font-size:18px;font-weight:600;margin-bottom:10px}.popUp.attendance .modalTextWrap p{font-size:14px;color:#797979;font-weight:500;letter-spacing:-.5px}.modal-btns{display:flex;gap:12px;justify-content:center;margin-top:12px}.modal-btns button{padding:8px 20px;border-radius:8px;font-weight:700}.dark .popUp{background-color:#212121}.dark .popUp.attendance .modalTextWrap p,.dark .popUp.vote .modalTextWrap p.sub-color{color:#fff}.ButtonContainer{display:flex;position:relative;align-items:center;height:50px}.header-title{position:absolute;left:50%;transform:translate(-50%);font-size:22px}.ButtonContainer button{border:none;background:none;font-size:20px;cursor:pointer}.ButtonContainer span{font-size:18px;font-weight:600;color:#5b5b5b}.back-arrow{background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center}.back-arrow svg{width:30px;height:30px;margin-left:-9px}.ButtonContainer{display:flex;align-items:baseline;height:50px;width:100%;box-sizing:border-box}.right-action{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:16px;font-weight:500;cursor:pointer;background:none;border:none}.back-arrow{position:relative}.back-arrow:after{content:"";position:absolute;top:-1px;right:0;width:5px;height:5px;background-color:red;border-radius:50%}.splash-container{position:relative;max-width:400px;margin:0 auto;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.splash-text{position:absolute;bottom:70%;left:50%;transform:translate(-50%);color:#fff;font-size:16px;font-weight:400;white-space:nowrap}.splash-img{width:100%;height:100%;object-fit:cover}.story-container{position:relative;width:400px;height:100vh;background-size:cover;background-position:center;cursor:pointer;margin:0 auto}.story-text{position:absolute;bottom:10%;width:100%;text-align:center;color:#fff;font-size:18px;padding:0 20px;line-height:1.3}.start-button{background:gold;padding:12px 24px;border:none;border-radius:12px;font-size:18px;cursor:pointer}.skip-btn{position:absolute;top:27px;right:20px;background:none;border:none;font-size:14px;font-weight:500;color:#fff;cursor:pointer;z-index:10}.skip-btn:before{content:"";position:absolute;top:-3px;right:-6px;width:5px;height:5px;background-color:red;border-radius:50%}.touch-icon{position:absolute;bottom:40%;right:10%;width:25px;opacity:.8;animation:bounce 1.2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.yellow-btn{position:relative;background-color:gold;color:#333;font-size:16px;font-weight:500;padding:20px 0;border:none;border-radius:10px;cursor:pointer;width:90%}.yellow-btn:hover{background-color:#fc0}.yellow-btn:before{content:"";position:absolute;top:10px;right:10px;width:5px;height:5px;background-color:red;border-radius:50%}.login-container{display:flex;flex-direction:column;gap:25px;justify-content:center;align-items:center;overflow:hidden;max-width:400px;width:100%;margin:0 auto;background:#fff;height:100vh}.dark .login-container{background:#121212}.login-container .login-image{height:auto;width:69%}.login-container img:nth-child(2){width:40%}.btn-wrap{position:relative;width:100%;margin-top:80px}.simple-badge p{position:absolute;top:-45px;right:26px;background:#fee500;padding:6px 15PX;border-radius:20px;color:#595959;font-weight:500;font-size:14px}.simple-badge p:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #FEE500}.red-dots p{position:absolute;top:70px;background:#dadada;padding:10px 15PX;border-radius:20px;color:#2e2e2e;font-weight:600;font-size:14px}.red-dots span{color:red}.red-dots p:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #dadada}.login-btn{position:relative;width:90%;margin:0 auto 12px;padding:10px 16px;border-radius:15px;border:none;font-weight:500;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:15px;color:#5b5b5b}.login-btn.kakao{background-color:#fee500;color:#000;gap:5px;border-radius:12px}.login-btn.google{background-color:#fff;color:#000;border:1px solid #ddd;height:50px;border-radius:12px}.login-btn.apple{background-color:#000;color:#fff;height:50px;border-radius:12px}.login-btn .img.kakao{width:30px;height:30px}.login-btn .img.google{width:25px;height:25px}.login-btn .img.apple{width:20px;height:25px}.login-btn .img img{width:100%;height:100%}.btn-icon{width:24px;height:24px}.login-btn:before{content:"";position:absolute;top:10px;right:10px;width:5px;height:5px;background-color:red;border-radius:50%}.dark .simple-badge p{color:#595959;font-weight:500}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Pretendard;src:url(/font/variable/PretendardVariable.ttf)}*{margin:0;padding:0;box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:700}a{color:inherit;text-decoration:inherit}img{vertical-align:middle}a img{border:none}li{list-style:none}address,em,i{font-style:normal}a:focus{outline:none}button:focus{outline:none}body *{font-family:Pretendard,sans-serif}#root{width:100%;flex:1;display:flex;flex-direction:column}.container{width:400px;padding:20px 16px 200px;box-sizing:border-box;margin:0 auto;max-width:100vw;overflow-x:hidden;background:#fff}.dark .container{background:#121212}body.light{background-color:#121212;color:#494949}.sub-color{color:#797979}body.dark{background-color:#fff;color:#fff}body.dark p,body.dark span,body.dark h3{color:#fff}body.dark .Section{background:#212121}header{padding:20px 16px;display:flex;justify-content:space-between;align-items:center;max-width:400px;margin:0 auto;background:#fff}.dark header{background:#121212}.manual-wrapper{width:100%;height:100dvh;position:relative;overflow:hidden;max-width:400px;margin:0 auto;background:#fff}.dark .manual-wrapper{background:#121212}.manual-track{display:flex;transition:transform .4s ease}.manual-page{position:relative;flex-shrink:0;width:100%;height:72dvh;box-sizing:border-box;text-align:center;padding:20px 0 50px;display:flex;flex-direction:column;align-items:center;justify-content:center}.manual1-carousel{width:100%;max-width:100%;margin:0 auto;overflow:hidden}.manual-skip-btn{position:relative;background:none;border:none;font-size:14px;z-index:10;cursor:pointer;color:#595959;font-weight:600;margin-bottom:20px}.manual-skip-btn:before{content:"";position:absolute;top:-3px;right:-6px;width:5px;height:5px;background-color:red;border-radius:50%}.carousel-centered-only .slick-list{padding:0 143px!important;position:relative}.manual-slide{width:134px!important;box-sizing:border-box}.manual-slide-inner{transform:scale(.7);opacity:.5;transition:transform .4s ease,opacity .4s ease}.manual1-carousel .slick-center .manual-slide-inner{transform:scale(1);opacity:1}.manual-slide-inner img{width:100%;border-radius:16px;object-fit:cover}.manual-track>.manual-page:not(:first-child) .manual1-carousel{display:none}.swipe-wrapper{position:absolute;right:10%;bottom:32px;width:30px;height:auto;display:flex;justify-content:center;align-items:flex-end}.swipe-img{width:35px;transform-origin:bottom center;animation:swipe-swing 1s ease-in-out infinite;margin-left:250px}@keyframes swipe-swing{0%{transform:rotate(0)}30%{transform:rotate(-10deg)}55%{transform:rotate(0)}85%{transform:rotate(10deg)}to{transform:rotate(0)}}.manual4-floating-img{position:absolute;top:55%;right:10%;width:150px;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.manual-page img{max-width:20vh}.manual-page img.manual-img{max-width:80%;max-height:40vh;height:auto;margin-bottom:24px}.manual-skip-btn{background:none;border:none;font-size:14px;z-index:10;cursor:pointer;color:#595959;font-weight:600}.dark .skip-btn{color:#fff}.manual-text-wrapper{position:absolute;left:50%;transform:translate(-50%);width:100%;padding:0 16px;text-align:center;z-index:50}.manual-text-wrapper.top{top:100%}.manual-text-wrapper.center{top:110%;transform:translate(-50%,-50%)}.manual-text-wrapper.bottom{bottom:0}.manual-text-wrapper h2{font-size:20px;font-weight:600;margin-bottom:15px}.manual-text-wrapper p{font-size:14px;margin-bottom:30px;color:#595959;font-weight:500}.dot-container{display:flex;justify-content:center;margin-top:16px}.manual-dot{display:inline-block;width:6px;height:6px;background:#ccc;border-radius:50%;margin:0 4px}.manual-dot.active{background:#facc15}.marquee{width:100%;display:flex;align-items:center;margin-bottom:30px;overflow:hidden}.marquee-content{display:flex;animation:scroll-left 50s linear infinite}.marquee-right .marquee-content{animation:scroll-right 50s linear infinite}.marquee-content img{width:30vw;height:auto;border-radius:50%;object-fit:cover;margin:0 5px}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.manual-img{width:auto;max-width:80%;max-height:50vh;margin:0 auto 24px;display:block;object-fit:contain}.nickname-container{display:flex;flex-direction:column;align-items:center;max-width:400px;margin:0 auto;background:#fff;height:100vh}.dark .nickname-container{background:#121212}.nickname-container h2{font-size:20px;font-weight:600;letter-spacing:-1px;margin-bottom:10px}.nickname-container h2 span{display:inline-block;width:100px}.nickname-container h2 span img{width:100%;height:auto}.sub2{font-size:16px;color:#666;margin-bottom:50px}.nickname-img{margin-bottom:50px}.input-box{position:relative;width:90%}.input-box input{width:100%;padding:18px;border:none;box-shadow:2px 2px 15px #00000026;border-radius:12px;font-size:16px;color:#797979;font-weight:500;letter-spacing:-.5px}.input-box input:focus{outline:none;border:none}.input-box img{width:12px}.clear-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);border:none;background:none;font-size:16px;cursor:pointer}.notice{font-size:14px;color:#797979;margin-top:6px;font-weight:500}.ninkname-count{font-size:14px;color:#797979}.input-info{width:88%;display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:50px}.dark .input-box input{background:#212121;color:#fff;font-weight:400}.dark .input-box input::placeholder{color:#797979;font-weight:400}.dark .notice{color:#fff;font-weight:400}.dark .ninkname-count{color:#797979}.input-box:before{content:"";position:absolute;top:10px;right:16px;width:5px;height:5px;background-color:red;border-radius:50%}.header{padding:20px 16px 0}.artist-select-container{min-height:100vh;text-align:center;max-width:400px;margin:0 auto;background:#fff}.dark .artist-select-container{background:#121212}.artist-select-container h2{font-size:20px;margin-bottom:20px;font-weight:600}.artist-select-container>p{font-size:14px;color:#797979;margin-bottom:25px}.gradient-border-wrapper2{position:relative;width:88.9%;margin-bottom:30px;background:linear-gradient(90deg,#6c53ff,#66dec2,#fc0);padding:1px;border-radius:999px;display:inline-block}.input-icon{position:absolute;left:12px;width:20px;height:20px;pointer-events:none}.gradient-input{border:none;padding:12px 20px;border-radius:999px;outline:none;width:353px;font-size:16px}.scroll-wrapper2{display:flex;flex-direction:column;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;margin-bottom:30px}.scroll-wrapper::-webkit-scrollbar:horizontal{display:none}.artist-row2{display:flex;gap:5px}.middle-row{margin-left:-100px}.artist-card{position:relative;border-radius:50%;cursor:pointer;border:2px solid #ffffff;min-width:133px}.artist-card img{width:100%;height:auto}.artist-card.selected{border:2px solid #facc15;box-sizing:border-box}.artist-img{border-radius:50%;box-sizing:border-box}.artist-card.has-dot{position:relative}.artist-card.has-dot:after{content:"";position:absolute;top:9px;right:10px;width:5px;height:5px;background-color:red;border-radius:50%;z-index:2}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center}.artist-name{font-size:20px;color:#fff;font-weight:300;z-index:1}.check{position:absolute;top:8px;right:10px;z-index:2}.dark .artist-card{border:2px solid transparent}.dark .artist-card.selected{border:2px solid #facc15}.dark .gradient-input{background:#151515}.welcome-container{display:flex;flex-direction:column;align-items:center;max-width:400px;margin:0 auto;background:#fff;height:100vh}.dark .welcome-container{background:#121212}.welcome-container h2{font-size:20px;font-weight:600}.welcome-container .sub{font-size:16px;margin-bottom:60px}.level-text{font-size:16px;color:#f3b643;font-weight:500;margin-bottom:47px}.image-box{width:267px;padding:4px;border-radius:8px;margin-bottom:20px}.image-box img{width:100%;height:auto;object-fit:cover}.sub{font-size:14px;color:#797979;font-weight:500;margin-bottom:40px;text-align:center}.welcome-icon{display:inline-block;width:30px;height:auto}.welcome-icon img{width:80%;height:100%;margin-bottom:10px}.growup-badge{position:relative;width:100%;margin-top:80px}.growup p{position:absolute;top:-45px;right:148px;background:gold;padding:6px 15PX;border-radius:20px;color:#595959;font-weight:500;font-size:14px}.growup p:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #FFD700}.dark .growup p{color:#595959}.dark .level-text{color:#f3b643}.alarm-page{padding:20px 16px 100px;font-family:Pretendard,sans-serif;max-width:400px;height:100vh;margin:0 auto;background:#fff}.dark .alarm-page{background:#121212}.page-title{font-size:20px;font-weight:700;margin-bottom:16px}.tab-list{display:flex;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:8px;padding:10px 0;scrollbar-width:none}.tab-list::-webkit-scrollbar{display:none}.tab-btn{position:relative;padding:8px 15px;border:1px solid #FFD700;border-radius:20px;background:#fff;font-size:14px;font-weight:400;cursor:pointer;transition:all .2s;color:#595959;flex-wrap:nowrap}.tab-btn:after{content:"";position:absolute;top:-3px;right:-6px;width:5px;height:5px;background-color:red;border-radius:50%}.tab-btn.active{background-color:gold;border-color:gold;color:#595959;font-weight:500}.alarm-date{font-size:14px;font-weight:600;margin:20px 0 8px}.alarm-card{display:flex;align-items:center;justify-content:space-between;border-radius:12px;margin-bottom:12px}.alarm-profile-img{width:45px;height:45px;border-radius:50%;object-fit:cover;margin-right:12px}.alarm-info{flex:1;display:flex;flex-direction:column;justify-content:center}.alarm-title{font-size:14px;font-weight:500;margin-bottom:4px}.alarm-time{font-size:14px;color:#797979}.thumb-img{width:55px;height:55px;border-radius:8px;object-fit:cover;margin-left:12px}.dark .tab-btn{background:#121212;color:#fff}.dark .tab-btn.active{background-color:gold;border-color:gold;color:#595959;font-weight:500}.dark .alarm-date{color:#fff}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.feed-header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:10px 0}.feed-header:after{content:"";position:absolute;top:6px;right:-6px;width:5px;height:5px;background-color:red;border-radius:50%}.profile-info{display:flex;align-items:center;gap:10px}.time{font-size:12px;margin-top:2px}.bookmark-btn{background:none;border:none;font-size:18px;cursor:pointer;color:#aaa}.bookmark-btn:hover{color:#f5b000}.post-footer{display:flex;justify-content:flex-end}.like-counts{position:relative;display:flex;gap:8px;font-size:14px;font-weight:500}.like-counts:after{content:"";position:absolute;top:-3px;right:97px;width:5px;height:5px;background-color:red;border-radius:50%}.bookmark-icon{height:auto;width:15px}.created-at{font-size:12px}.dark .created-at{color:#848484}.delete-comment-btn{position:relative;background:none;border:none;color:#f3b643;font-size:12px;margin-left:8px;cursor:pointer}.delete-comment-btn:after{content:"";position:absolute;top:-3px;right:-8px;width:5px;height:5px;background-color:red;border-radius:50%}.delete-comment-btn:hover{text-decoration:underline}.home-yellow-btn{background-color:gold;color:#494949;font-weight:500;font-size:16px;border:none;border-radius:7px;cursor:pointer;width:277px;height:50px;position:relative}.home-yellow-btn:after{content:"";position:absolute;top:15px;right:87px;width:5px;height:5px;background-color:red;border-radius:50%}.quiz-section{background:#fff;border-radius:12px;text-align:center;box-shadow:2px 2px 15px #00000026}.quiz-content{display:flex;align-items:center;justify-content:space-between}.quiz-left{text-align:left}.quiz-left h3{font-size:16px;font-weight:700;line-height:1.2;margin-bottom:8px}.highlight{color:#f5b000}.timer{display:flex;align-items:center;font-size:10px;color:#888}.timer img{width:16px;height:16px;margin-right:4px;animation:ticktock .5s infinite ease-in-out;transform-origin:center center}.time-box{display:inline-block;width:65px;margin-right:4px}.timer .time{color:#f5b000;font-weight:550;font-size:16px}@keyframes ticktock{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(0)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}.dark .highlight{color:#f5b000}.dark .timer span,.dark .timer img{display:block}.homeContainer{width:100%;max-width:400px;margin:0 auto;background:#fff}.main-logo{position:relative;padding:43px 16px 0;margin-bottom:35px;display:flex;justify-content:space-between;align-items:center}.main-logo .main{width:100px;height:auto}.main-logo .alarm{position:relative;width:35px;height:100%}.main-logo .alarm:after{content:"";position:absolute;top:-3px;right:-6px;width:5px;height:5px;background-color:red;border-radius:50%}.main-logo .actor_alarm:after{display:none}.main-logo .trot-alarm:after{display:none}.main-logo img{width:100%;height:100%}.mypageSection{position:relative;width:calc(100% - 32px);margin:0 16px;box-shadow:2px 2px 15px #00000026;border-radius:24px;display:flex;justify-content:space-between;align-items:center;padding:16px;box-sizing:border-box}.mypageSection:after{content:"";position:absolute;top:20px;left:127px;width:5px;height:5px;background-color:red;border-radius:50%}.mypageSection .left p{font-size:16px;font-weight:600;margin-bottom:12px}.artistButtons button{position:relative;width:40%;background:none;border:none;padding:0 3px;cursor:pointer}.artistButtons button:after{content:"";position:absolute;top:-1px;right:2px;width:5px;height:5px;background-color:red;border-radius:50%}.artistButtons.actorButtons button:after{display:none}.artistButtons.trotButtons button:after{display:none}.artistButtons button img{width:100%;display:block;border-radius:50%}.mypageSection .right{width:150px}.mypageSection .right img{width:100%;height:auto}.liveSection{padding:34px 0 34px 16px}.liveSection p{font-size:16px;margin-bottom:16px;font-weight:600;letter-spacing:-.3px}.liveBadge{position:absolute;top:16px;left:16px;background-color:#fff;color:#fdb52c;font-size:12px;font-weight:500;padding:2px 8px 2px 12px;border-radius:10px}.liveBadge:before{content:"";position:absolute;background:red;width:4px;height:4px;border-radius:50%;left:12%;top:50%;transform:translate(-8%,-50%)}.liveTextBox{position:absolute;bottom:16px;left:16px;color:#fff;text-align:left}.liveTextBox .artist{font-size:14px;margin-bottom:2px}.liveTextBox .title{font-size:18px;font-weight:500}.artistSection .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.artistSection .profile{display:flex;align-items:center}.artistSection .profile img{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:10px}.artistSection .name{display:flex;flex-direction:column}.artistSection .name span:first-child{font-weight:700;font-size:18px}.artistSection .name span:first-child img{width:15px;height:15px}.artistSection .name span:last-child{font-size:14px;color:#888}.artistSection .save img{width:17px;height:24px}.artistSection .text{font-size:18px;margin:10px 0}.artistSection .photoWrap{display:flex;flex-direction:column;gap:10px}.commentSection{margin-top:10px;padding:10px 24px}.commentCount{font-weight:600;margin-bottom:10px}.comments .commentRow{display:flex;justify-content:space-between;align-items:center;margin:6px 0}.comments .commentText{display:flex;flex-direction:column;color:#5b5b5b}.comments .username{font-weight:500;font-size:16px}.comments .message{font-size:14px;margin-bottom:15px;font-weight:500}.heart{position:relative;cursor:pointer;color:#ccc}.heart:after{content:"";position:absolute;top:-3px;right:-6px;width:5px;height:5px;background-color:red;border-radius:50%}.commentInputWrap{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;border:1px solid #FCD817;border-radius:25px}.commentInputWrap input{flex:1;padding:8px 12px;border:none;border-radius:20px;background:#fff;font-size:14px}.commentInputWrap button{position:relative;padding:9px 16px;background:#fcd817;color:#797979;border:none;border-radius:20px}.commentInputWrap button:after{content:"";position:absolute;top:7px;right:9px;width:5px;height:5px;background-color:red;border-radius:50%}input:focus{border:none;outline:none}.commentInputWrap input{width:100%;min-width:0}.commentInputWrap button{flex-shrink:0}.videoSection{padding:0 0 0 16px}.videoSection>p{font-size:16px;font-weight:600;margin-bottom:16px;letter-spacing:-.3px}.videoSwipe{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;gap:13px;height:215px}.videoCard{position:relative;flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:column;width:246px;height:142px}.videoCard img.videoThumb{position:relative;width:100%;height:100%;border-radius:12px;object-fit:cover}.playIconWrapper:after{content:"";position:absolute;top:50px;right:95px;width:6px;height:6px;background-color:red;border-radius:50%;z-index:1}.videoCard img.playIcon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;width:40px}.videoCard p{font-size:14px;margin-top:10px;font-weight:450}.quiz-section{padding:0 20px 20px;width:calc(100% - 32px);margin:0 16px;box-sizing:border-box}.quizCard{box-shadow:2px 2px 15px #00000026;border-radius:24px;padding:16px;box-sizing:border-box;text-align:center;position:relative}.quizCard h3{font-size:18px;margin-bottom:0;font-weight:700;color:#333}.quizCard p{font-size:10px;margin:10px 0;color:#888}.quizCard img{width:147px;height:107px;display:block;margin:0 auto}.quizCard .progress{position:absolute;bottom:0;right:0;background:#fdb52c;color:#fff;padding:4px 12px;font-size:12px;border-radius:8px 0}.voteSection{padding:35px 0;box-sizing:border-box}.voteCard{position:relative;width:100%;height:122px;border-radius:10px;overflow:hidden;flex-shrink:0}.voteCard img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(80%)}.shift-left{transform:translate(-50px)}.shift-right{transform:translate(16px)}.voteCard .vote-tit{position:absolute;left:20px;bottom:60px;color:#fdb52c;font-size:12px;padding:3px 6px;background:#fff;border-radius:50px;font-weight:500;z-index:2}.voteCard .vote-tit:after{content:"";position:absolute;top:-3px;right:-6px;width:5px;height:5px;background-color:red;border-radius:50%}.voteText{position:absolute;bottom:10px;left:10px;color:#fff}.voteText span{display:block;font-size:14px;font-weight:600;margin-top:-40px;margin-left:8px}.membershipSection{width:calc(100% - 32px);margin:0 16px 90px;box-sizing:border-box}.membershipCard{position:relative;border-radius:16px;overflow:hidden;width:100%;height:auto;cursor:pointer}.membershipBg{position:relative;width:100%;height:auto;object-fit:cover;filter:brightness(80%)}.slick-slide img:after{content:"";position:absolute;top:0;right:0;width:5px;height:5px;background-color:red;border-radius:50%}.membershipOverlay{position:absolute;top:50%;left:25px;transform:translateY(-50%);width:100%;height:auto;display:flex;flex-direction:column;border-radius:12px;overflow:visible;z-index:2}.membershipOverlay .group{color:#fff;font-size:12px;margin-bottom:5px;display:inline-block}.membershipOverlay h2{color:#fff;font-size:16px;font-weight:500;margin:0}.membershipOverlay .desc{color:#fff;font-size:14px;margin-top:5px;line-height:1.2}.indicator{position:absolute;bottom:8px;right:8px;background:#00000080;color:#fff;border-radius:12px;font-size:10px;padding:2px 6px}.indicator .current{font-weight:700}.indicator .total{margin-left:2px}.dark .homeContainer{background:#121212}.dark .mypageSection .left p{color:#fff;font-weight:400}.dark .commentInputWrap input{background:#212121;color:#fff}.dark .commentInputWrap{border-color:#fff}.dark .commentInputWrap button{color:#595959}.dark .comments .commentText,.dark .comments .username{color:#fff}.dark .liveBadge{color:#fdb52c}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(/assets/ajax-loader-BcnMEykj.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(data:application/vnd.ms-fontobject;base64,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);src:url(data:application/vnd.ms-fontobject;base64,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) format("embedded-opentype"),url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"),url(data:font/ttf;base64,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) format("truetype"),url(/assets/slick-BlzDm7g2.svg#slick) format("svg")}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translateY(-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.live-back-button{position:fixed;top:12px;left:12px;z-index:9999}.live-wrapper{display:flex;flex-direction:column;align-items:center;background-color:#000;height:100vh;overflow:hidden;position:relative;max-width:400px;margin:0 auto}.video-container{position:relative;width:100%;height:100%}.live-video{width:100%;height:100%;object-fit:cover}.live-overlay{position:absolute;top:110px;right:16px;display:flex;flex-direction:column;align-items:center;gap:6px}.profileIcon{width:60px;height:60px;border-radius:50%;object-fit:cover}.live-badge{height:24px;object-fit:contain}.live-comments{position:absolute;bottom:119px;left:16px;width:calc(100% - 32px);display:flex;flex-direction:column;gap:6px;color:#fff;font-size:14px}.comment{border-radius:20px;line-height:1.4;max-width:85%;word-break:break-word;padding-left:16px;font-size:16px}.comment .user{font-weight:700;margin-right:6px;color:#fcd53f}.live-icons{position:absolute;right:26px;bottom:120px;display:flex;flex-direction:column;gap:18px;z-index:10}.live-icons img{width:24px;height:24px;cursor:pointer}.live-comments-box{position:absolute;bottom:35px;left:0;width:100%;padding:10px 16px;box-sizing:border-box;background:#0000;z-index:10}.live-comments-box p{font-size:13px;color:#ccc;margin-bottom:6px}.comment-input{width:100%;padding:10px 16px;border-radius:20px;border:none;font-size:17px;outline:none;background:#ffffffe6}.live-comments-box input[type=text]{width:100%;padding:10px 16px;border:none;border-radius:30px;font-size:13px;font-weight:500;background:#fff9;outline:none;height:43px}.quizContainer{text-align:center;padding:20px;max-width:400px;margin:0 auto;background:#fff;height:100vh}.dark .quizContainer{background:#121212}.quizContainer h2{font-size:20px;font-weight:600;margin-top:20px}.quizExplain{font-size:12px;color:#797979;margin:10px 0 18px;font-weight:500}.quizSubtitle{font-weight:600;font-size:20px}.quizMainImage{width:98%;border-radius:12px}.options{display:flex;flex-direction:column;gap:5px;margin-bottom:20px;margin-top:35px}.optionButton{border:2px solid #ddd;border-radius:9px;background-color:#fff;cursor:pointer;font-size:14px;color:#797979;font-weight:500;height:55px}.optionButton.selected{border-color:#fc0}.quizImageGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:78px;margin-top:80px}.imageOption{border:none;padding:0;background:none;cursor:pointer;border-radius:12px;overflow:visible;position:relative}.imageOption img{width:100%;display:block;border-radius:12px;transition:.3s ease;box-sizing:border-box}.imageOption.selected img{filter:none}.imageOption.dimmed img{filter:brightness(.4)}.imageOption:after{content:"";position:absolute;inset:0;border:5px solid transparent;border-radius:12px;pointer-events:none;transition:.3s ease;box-sizing:border-box}.imageOption.selected:after{border-color:#fc0}.submitButton{padding:12px 24px;background-color:#fc0;border:none;border-radius:24px;cursor:pointer}.quiz-full-width{width:100%}.has-dot{position:relative}.has-dot:after{content:"";position:absolute;top:10px;right:10px;width:5px;height:5px;background-color:red;border-radius:50%;z-index:10}.dot{position:absolute;top:10px;right:10px;width:6px;height:6px;background-color:red;border-radius:50%;z-index:10}.dark .quizBadge{color:#494949}.dark .quizExplain{color:#8f8f8f}.dark .optionButton{background-color:#151515;color:#fff;border:1px solid #ddd}.dark .optionButton.selected{border-color:#fc0}.vote-page{padding:20px 16px 200px;background-color:#fff;font-family:Pretendard,sans-serif;max-width:400px;margin:0 auto}.dark vote-page{background:#121212}.vote-title{font-size:20px;font-weight:700;margin-bottom:16px}.vote-banner{width:100%;border-radius:12px;margin-bottom:20px}.vote-desc{font-size:17px;margin-bottom:20px}.vote-info{font-weight:600;margin-bottom:6px;font-size:16px}.vote-desc ul{margin:0}.vote-desc ul li.sub-color{font-size:15px;font-weight:500}.vote-date.sub-color{margin-top:10px;font-size:14px;font-weight:500}.vote-list{display:flex;flex-direction:column;gap:16px}.vote-card{display:flex;align-items:center;background-color:#f9f9f9;border-radius:12px;padding:12px;gap:12px;position:relative}.vote-profile{width:60px;height:60px;border-radius:50%;object-fit:cover}.vote-content2{flex:1}.vote-rank{font-size:20px;font-weight:700;color:gold}.vote-name{font-size:16px;font-weight:600;margin:4px 0}.vote-count.sub-color{font-size:14px;font-weight:500}.vote-bar{height:10px;background:gold;border-radius:10px;width:var(--bar-width);margin-top:6px}.vote-btn{background:gold;font-weight:600;border:none;border-radius:20px;font-size:14px;cursor:pointer;padding:8px 18px;color:#494949}.modalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.modalContent{background:#fff;border-radius:16px;padding:39px;width:100%;max-width:300px;height:200px;text-align:center}.modal-title{font-size:18px;font-weight:600;margin-bottom:8px;color:#494949}.modal-sub{font-size:14px;color:#494949}.modal-btns{display:flex;justify-content:center;gap:11px;margin-top:20px}.modal-btns .cancel-btn{padding:12px 30px;border:1.5px solid #797979;border-radius:10px;font-size:14px;color:#494949;font-weight:550}.modal-btns .confirm-btn{padding:12px 30px;border-radius:10px;background:gold;border-style:none;font-size:14px;color:#494949;font-weight:550}.check-icon{font-size:10px}.vote-btn.has-dot{position:relative}.vote-btn.has-dot:after{content:"";position:absolute;top:-5px;right:-6px;width:5px;height:5px;background-color:red;border-radius:50%;z-index:2}.confirm-btn.has-dot{position:relative}.confirm-btn.has-dot:after{content:"";position:absolute;top:-5px;right:-6px;width:5px;height:5px;background-color:red;border-radius:50%;z-index:2}.dark .check-icon{color:#464646}.dark .vote-rank{color:gold}.dark .vote-count.sub-color{color:#8f8f8f}.dark .vote-btn{color:#494949}.dark .modalContent{background-color:#212121}.dark .modal-btns .cancel-btn{background:none;color:#fff}.dark .vote-page{background-color:#151515}.dark .vote-card{background:#212121}.mypage-container{padding:20px 16px 86px;box-sizing:border-box;max-width:400px;margin:0 auto;background-color:#fff}.dark .mypage-container{background-color:#121212}.mypage-container .mypage-nickname{font-size:20px;margin-bottom:3px;color:#494949;font-weight:600}.mypage-container p.text{font-size:18px;font-weight:500;color:#494949;margin-bottom:3px}.intro span{font-size:14px;color:#494949;font-weight:500}.video-box{margin:20px 0}.challenge-section{margin-bottom:80px}.challenge-section span{display:block;margin:4px 0;font-weight:600;color:#494949;font-size:16px}.challenge-section>span:last-of-type{color:#797979;font-size:12px;margin-top:4px;font-weight:600;text-align:right;margin-bottom:px}.ButtonContainer button{left:0}.star-logo{width:5%;height:auto;vertical-align:middle;margin-right:6px}.challenge-section .day{display:inline-block;background-color:gold;color:#494949;font-weight:600;padding:5px 11px;border-radius:20px;font-size:13px;margin-bottom:7px}.challenge-section p{margin-bottom:10px;font-size:18px;color:#494949;font-weight:500}.challenge-section img{width:100%;margin-bottom:3px}.toggle-switch{display:flex;background:#eee;border-radius:20px;padding:5px 10px;width:95px}.toggle-switch{display:flex;align-items:center;background-color:#eee;border-radius:100px;padding:6px;width:fit-content;height:40px;gap:4px}.toggle-option.active{background:gold;color:#494949}.toggle-switch{display:flex;align-items:center;justify-content:space-between;background:#eee;border-radius:999px;width:25%;max-width:100px;min-width:60px}.toggle-option{flex:1;text-align:center;font-size:12px;font-weight:600;cursor:pointer;color:#494949;transition:all .3s ease;border-radius:20px;padding:5px 7px;white-space:nowrap;box-sizing:border-box}.category-section button,.challenge-button-section button{display:flex;align-items:center;justify-content:center;gap:4px}.category-section button:hover,.challenge-button-section button:hover{background-color:var(--button-hover)}.category-section{background:#fff;border-radius:15px;padding:20px 16px 4px;box-shadow:0 0 25px #0000001a;margin-bottom:35px}.category-section button{all:unset;display:flex;justify-content:space-between;align-items:center;width:100%;padding:9px 0;font-size:18px;font-weight:500;color:#494949;border-bottom:1px solid #E3E3E3;cursor:pointer}.category-section button:last-of-type,.challenge-button:last-of-type{border-bottom:none}.category-text{flex:1;font-weight:500;font-size:16px}.category-section .category-title{font-size:16px;color:#494949}.category-icon{width:6%;height:auto;margin:10px}.category-section .arrow{font-size:25px;color:#494949}.category-section button:hover,.challenge-button-section button:hover{background-color:transparent}.arrow.has-dot{position:relative}.arrow.has-dot:after{content:"";position:absolute;top:3px;right:-5px;width:5px;height:5px;background-color:red;border-radius:50%}.setting-button.has-dot{position:relative}.setting-button.has-dot:after{content:"";position:absolute;top:25%;right:-5px;transform:translateY(-50%);width:5px;height:5px;background-color:red;border-radius:50%}.botton.has-dot{position:relative}.botton.has-dot:after{content:"";position:absolute;top:-10%;left:100%;transform:translateY(-50%) translate(2px);width:5px;height:5px;background-color:red;border-radius:50%}.footer-links .logout-btn.has-dot{position:relative}.footer-links .logout-btn.has-dot:after{content:"";position:absolute;top:-2px;right:-8px;width:5px;height:5px;background-color:red;border-radius:50%}.icon-wrapper{position:relative;display:inline-block}.icon-wrapper.has-dot:after{content:"";position:absolute;top:-2px;right:1px;width:5px;height:5px;background-color:red;border-radius:50%}.challenge-button-section{background:#fff;border-radius:15px;padding:20px 16px 0;box-shadow:0 0 25px #0000001a}.challenge-button-section h3{font-size:16px;color:#494949}.challenge-button{all:unset;padding:14px 0;width:100%;border-bottom:1px solid #E3E3E3;cursor:pointer}.challenge-vote,.challenge-Quiz{width:17%;border-radius:50%;object-fit:cover;min-width:40px}.voteBox,.QuizBox{flex:1;margin-left:10px;display:flex;flex-direction:column;justify-content:center}.voteBox .top,.QuizBox .top{font-size:12px;color:#797979;margin-bottom:2px;text-align:left;font-weight:600}.voteBox .bottom,.QuizBox .bottom{font-size:14px;color:#797979;font-weight:500;text-align:left}.botton{background-color:gold;padding:8px 15px;border-radius:7px;font-weight:550;font-size:14px;color:#494949}.footer{margin:50px 0;padding:30px 0;background-color:transparent;color:#797979}.footer-links{display:flex;flex-wrap:wrap;font-size:14px;gap:7px 14px;margin-bottom:30px;color:#848484;font-weight:500}.footer-info p{line-height:1.6;color:#bebebe;font-size:12px}.footer-info .divider{margin-left:20px}.footer-sns{margin-top:50px;display:flex;justify-content:right;gap:20px}.footer-sns img{width:6%;opacity:.6;max-width:30px;min-width:20px}.nickname-input{font-size:24px;font-weight:700;border:none;border-bottom:1px solid #ccc;background:transparent;outline:none;width:120px}.edit-btn{background:none;border:none;margin-left:6px;cursor:pointer;position:relative}.edit-icon{width:1.3em;height:1.3em;object-fit:contain;vertical-align:bottom}.edit-btn.has-dot:after{content:"";position:absolute;top:-4px;right:-7px;width:5px;height:5px;background-color:red;border-radius:50%;z-index:2}.character-img{width:80%;max-width:220px;margin:12px auto 0;display:block}.video-box{width:100%;margin:0 auto;overflow:hidden;position:relative}.edit-btn,.level-buttons .has-dot{position:relative}.level-buttons .has-dot:after{content:"";position:absolute;top:-4px;right:-5px;width:5px;height:5px;background-color:red;border-radius:50%;z-index:2}.level-buttons{display:flex;gap:10px;justify-content:center;margin-top:16px}.level-buttons button{background-color:gold;border:none;padding:6px 16px;border-radius:10px;font-weight:500;cursor:pointer;color:#797979}.level-buttons button:disabled{background-color:#ddd;cursor:not-allowed}.logout-btn{cursor:pointer}.dark .nickname-input{color:#fff;border-bottom:1px solid #666}.dark .mypage-container .mypage-nickname,.dark .mypage-container p.text{color:#fff}.dark .category-section{background:#212121}.dark .category-section .category-title,.dark .category-section .arrow{color:#fff}.dark .category-section button{border-bottom:1px solid #797979}.dark .category-section button:last-child{border-bottom:none}.dark .voteBox .top,.dark .QuizBox .top,.dark .voteBox .bottom,.dark .QuizBox .bottom{color:#fff}.dark .challenge-button-section{background:#212121}.dark .challenge-button-section .botton{color:#494949}.dark .challenge-button{border-bottom:1px solid #797979}.dark .challenge-button:last-child{border-bottom:none}.dark .toggle-switch{background-color:#595959}.dark .toggle-option.active{color:#494949}.dark .toggle-option{color:#b3b3b3b3}.dark .footer .footer-links span{color:#848484}.dark .footer-info p,.dark .footer-info span{color:#bebebebe}.dark .challenge-section>span:last-of-type{color:#fff}.membership-wrap{padding:20px 16px 200px;font-family:Pretendard,sans-serif;max-width:400px;margin:0 auto;background:#fff}.dark .membership-wrap{background:#121212}.membership-title{margin-bottom:24px;text-align:left;padding-left:16px;position:relative}.membership-title .text{display:flex;flex-direction:inherit;font-size:15px}.membership-title .text p{font-size:16px;line-height:1.5;margin-bottom:8px;font-weight:600;margin-top:10px;color:#494949;letter-spacing:-.5px}.membership-title .img{margin-top:12px;text-align:center}.membership-title .img img{width:auto;max-width:175px;height:auto;position:absolute;top:-46px;right:5px}.note{background-color:#fff;box-shadow:0 0 25px #0000001a;border-radius:20px;padding:22px 16px 10px;margin-bottom:24px;font-size:14px;line-height:1.2;font-weight:400}.note h3{font-size:16px;font-weight:600;margin-bottom:10px;padding-left:16px;color:#494949}.note ul{padding-left:16px;list-style:disc;margin-bottom:20px}.note li{margin-bottom:10px;line-height:1.3}.note li span{font-weight:600;color:#494949}.confirm{display:flex;justify-content:center;align-items:center;border-radius:8px;padding:6px;font-size:13px;margin:35px;font-weight:500}.confirm.active{border-radius:12px}.confirm img{width:20px;margin-right:10px;cursor:pointer}.btn-box{text-align:center}.subscribe-btn{background-color:#ccc;border:none;border-radius:12px;font-size:16px;font-weight:500;width:350px;height:55px;cursor:pointer;color:#fff}.subscribe-btn.active{background-color:gold;cursor:pointer;color:#494949}.checkbox-wrapper{position:relative;display:inline-block;width:24px;height:24px}.check-icon{width:100%;height:auto}.checkbox-wrapper.has-dot:after{content:"";position:absolute;top:-2px;right:4px;width:5px;height:5px;background-color:red;border-radius:50%;z-index:10}.btn-content-wrapper{position:relative;display:inline-block}.btn-content-wrapper.has-dot:after{content:"";position:absolute;top:-11px;right:-136px;width:5px;height:5px;background-color:red;border-radius:50%;z-index:10}.dark .note{background:#212121}.dark .membership-title .text p{color:#fff;font-weight:500}.dark .note li span{color:#fff}.collection-container{padding:20px 16px 50px;box-sizing:border-box;max-width:400px;margin:0 auto;background:#fff}.dark .collection-container{background-color:#121212}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:35px}.collection-grid:last-of-type{margin-bottom:0}.collection-item{position:relative}.collection-item img{width:100%;border-radius:13px;object-fit:cover}.title{font-weight:500;margin-top:5px;font-size:15px}.collection-count{font-size:13px;margin:0}.subtitle{font-size:18px;font-weight:600;margin-bottom:13px}.Collection-overlay-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:500;font-size:14px}.dark .collection-count{color:#8f8f8f}.Media-container{padding:20px 16px 50px;max-width:400px;margin:0 auto;background:#fff}.dark .Media-container{background:#121212}.media-search-box{display:flex;align-items:center;padding:11px 16px;border:1px solid #797979;border-radius:40px;margin-bottom:30px}.media-search-box img{width:5%;height:5%;margin-right:8px}.media-search-box input{flex:1;border:none;font-size:14px;outline:none;background:transparent}.mypage-media-section{margin-bottom:25px}.media-section-title{font-size:16px;font-weight:600;margin-bottom:5px}.media-title{font-size:13.5px;font-weight:500;line-height:1.3}.media-sub{display:flex;justify-content:flex-start;gap:12px;font-size:12px;margin-top:3px}.media-sub .date{white-space:nowrap}.media-card{flex:0 0 auto;display:flex;flex-direction:column;justify-content:flex-start;width:190px;height:auto;overflow:visible;scroll-snap-align:start}.media-img{width:100%;height:140px;object-fit:contain;display:block}.post-card{flex:0 0 auto;width:190px;scroll-snap-align:start;border-radius:12px;overflow:hidden}.post-img{width:100%;height:100%;object-fit:contain;display:block}.media-image-wrapper{position:relative;width:100%;height:100%}.Media-overlay-text{position:absolute;top:70%;left:12%;color:#fff;font-weight:500;font-size:14px;pointer-events:none;white-space:pre-line}.recent-card{display:flex;align-items:center}.thumbnail-wrapper{width:200px;height:130px;overflow:hidden;flex-shrink:0}.recent-thumb{width:85%;height:85%;display:block}.recent-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;margin-bottom:49px}.recent-info .media-sub{font-size:15px;display:flex;gap:12px}.recent-info .recent-title{font-size:14px;font-weight:600;margin-bottom:1px;color:#494949}.recent-sub{display:flex;flex-direction:column;gap:5px}.recent-sub .artist{font-size:14px;font-weight:500}.recent-sub .date{font-size:12px;font-weight:400}.dark .media-search-box{border:1px solid #ffffff}.dark .media-search-box input::placeholder{color:#fff}.dark .artist.sub-color,.dark .date.sub-color{color:#8f8f8f}.dark .media-search-box{border:1px solid #fff;background-color:#1e1e1e;color:#fff}.dark .media-search-box input,.dark .recent-info .recent-title{color:#fff}.payment-container{height:110vh;padding:20px 16px 50px;box-sizing:border-box;max-width:400px;margin:0 auto;background:#fff}.dark .payment-container{background:#121212}.add-artist-button{display:flex;justify-content:center}.add-artist-button button{display:flex;align-items:center;width:100%;background-color:#fff;border:none;padding:18px 16px;box-shadow:0 0 25px #0000001a;cursor:pointer;transition:all .2s ease;margin-bottom:18px;border-radius:15px}.add-artist-button img{width:11%;height:auto;border-radius:50%;background-color:#ffd400}.add-artist-button .payment-add-button{font-size:18px;font-weight:500;margin-left:13px}.payment-title{font-size:18px;margin-right:10px}.subscribed-section,.recommend-section{background:#fff;border-radius:15px;padding:25px 16px 2px;box-shadow:0 0 25px #0000001a}.subscribed-section{margin-bottom:18px}.section-header{display:flex;align-items:center;font-weight:600;margin-bottom:15px}.section-header .section-title{font-size:23px;margin-right:12px}.subscribed-list li,.payment-recommend-list li{display:flex;align-items:center;margin-bottom:15px}.subscribed-list img,.payment-recommend-list img{width:16%;height:auto;margin-right:12px;padding:4px;box-sizing:border-box;object-fit:contain}.info p{font-weight:500;display:flex;align-items:center;gap:2px;font-size:17px}.info p img{width:23px;height:23px;vertical-align:middle}.info span{font-size:13px;font-weight:450}.recommend-section .payment-recommend-title{font-size:23px;margin-bottom:10px;font-weight:600}.sort-label{font-size:12px}.payment-cancel-button,.subscribe-button{margin-left:auto;padding:7px 16px;border:1px solid #ffce00;border-radius:20px;font-weight:450;font-size:15px}.payment-cancel-button{background:none}.subscribe-button{background:#ffce00;border:none;color:inherit}.avatar-wrapper{position:relative;width:59px;height:59px;border-radius:50%;overflow:hidden;flex-shrink:0;margin-right:12px}.avatar-wrapper img{width:95%;height:95%;object-fit:cover;display:block;border-radius:50%}.red-dot{position:absolute;bottom:5px;right:8px;width:8px;height:8px;background-color:red;border-radius:50%;z-index:2}.sort-button{all:unset;background-color:#eee;border-radius:5px;padding:5px 4px 5px 9px;font-size:17px;font-weight:600;display:inline-flex;align-items:center;gap:2px;cursor:pointer}.sort-button .material-symbols-outlined{font-size:18px}.icon-with-dot{position:relative;width:35px;height:35px}.icon-with-dot img{width:100%;height:100%;display:block}.payment-red-dot{position:absolute;top:-2px;right:-3px;width:5px;height:5px;background-color:red;border-radius:50%}.subscribe-button.has-dot,.payment-cancel-button.has-dot{position:relative}.subscribe-button.has-dot:after,.payment-cancel-button.has-dot:after{content:"";position:absolute;top:-4px;right:-4px;width:5px;height:5px;background-color:red;border-radius:50%;z-index:2}.dark .sort-button{background-color:#363636}.dark .sort-label,.dark .material-symbols-outlined,.dark .subscribed-section .subscribed-list .avatar-item .info span{color:#797979}.dark .subscribed-section .subscribed-list .avatar-item .payment-cancel-button.sub-color{color:#fff}.dark .recommend-section .payment-recommend-list li span{color:#797979}.dark .subscribe-button{color:#494949}.dark .add-artist-button button,.dark .subscribed-section,.dark .recommend-section{background:#212121}.artistHeader{position:relative;width:100%;margin:0;padding:0;border:none}.artistImage{max-width:400px;margin:0 auto;object-fit:cover;display:block;background:#fff}.artistOverlay{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.artistName{font-size:50px;color:#fff;margin:0}.artistNav{max-width:400px;margin:0 auto;padding:27px 16px;display:flex;justify-content:center;background:#fff}.membershipButton{margin-top:8px;background:#fff;border:none;border-radius:20px;cursor:pointer;font-weight:700;color:gold;width:140px;height:37px;font-size:16px}.membershipButton.active{background:gold;color:#fff}.membershipButton:after{content:"";position:absolute;top:15px;right:11px;width:5px;height:5px;background-color:red;border-radius:50%}.checkIcon{margin-right:5px}.artistNav{padding:27px 16px}.artistNav .navButton{position:relative;padding:1px 7px;background:none;border:none;cursor:pointer;font-size:15px;color:#595959;font-weight:500}.artistNav .navButton:before{content:"";position:absolute;top:-3px;right:3px;width:5px;height:5px;background-color:red;border-radius:50%}.artistNav button:not(:last-child):after{content:"";position:absolute;right:0;top:6px;height:12px;width:2px;background-color:#595959}.navButton.active{color:#fcd817;font-weight:600}.dark .artistImage,.dark .artistNav,.dark .container-highlight,.dark .artist-board,.dark .gallery-container,.dark .membership-feed-wrapper,.dark .notice-wrapper{background:#121212}.dark .artistNav button{color:#fff}.dark .navButton.active{color:#fcd817;font-weight:600}@media (max-width: 400px){.artistImage{width:100%;height:100%;object-fit:cover}}.container-highlight{max-width:400px;margin:0 auto;padding:0 0 80px;box-sizing:border-box;background:#fff}.artist-profile{display:flex;justify-content:center;gap:5px;margin-bottom:20px}.artist-profile img{width:68px;height:68px}.card-section{position:relative;width:100%;max-width:500px;padding:0 16px}.card-bg{width:100%;border-radius:16px;box-shadow:0 0 25px #0000001a}.heart-letter{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:220px;z-index:2}.send-btn{font-size:14px;width:115px;height:32px;position:absolute;bottom:35px;left:50%;transform:translate(-50%);background-color:gold;color:#000;border:none;border-radius:20px;font-weight:500;cursor:pointer;z-index:2}.send-btn:after{content:"";position:absolute;top:8px;right:11px;width:5px;height:5px;background-color:red;border-radius:50%}.notice-box{margin:24px 16px;background:#f8f8f8;box-shadow:0 0 25px #0000001a;border-radius:12px;padding:16px;font-size:14px;line-height:1.6;font-weight:500}.notice-box p:nth-child(1){position:relative;margin-bottom:10px;border-bottom:1px solid #797979;padding-bottom:12px}.notice-box p:nth-child(1):after{content:"";position:absolute;top:0;right:39px;width:5px;height:5px;background-color:red;border-radius:50%}.notice-icon{width:18px;height:18px;margin-right:6px;vertical-align:middle}.vote-banner{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;margin-bottom:24px}.vote-banner img{width:100%;display:block}.vote-content{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;box-shadow:0 0 25px #0000001a;display:flex;flex-direction:column;justify-content:space-between}.vote-badge{display:inline-block;position:absolute;top:35px;left:30px;background-color:#595959;padding:5px 8px;border-radius:15px;font-size:10px;font-weight:600;width:54px;height:22px;overflow:hidden;white-space:nowrap;appearance:none;-moz-appearance:none;-webkit-appearance:none;color:gold}.vote-message{position:absolute;top:65px;left:33px;font-size:16px;font-weight:500;line-height:1.2;letter-spacing:-.5px}.vote-go{align-self:flex-end;font-size:15px;font-weight:600;position:absolute;bottom:35px;right:30px}.vote-go:after{content:"";position:absolute;top:-3px;right:-6px;width:5px;height:5px;background-color:red;border-radius:50%}.nickname{font-weight:600;font-size:14px}.badge{font-size:12px;color:gold}.feed-text{position:relative;font-size:15px;line-height:1.2;font-weight:500;white-space:pre-line}.feed-images{display:flex;gap:8px}.feed-images img{flex:1;width:calc(50% - 4px);border-radius:12px;object-fit:cover}.live-replay{background:#fff;box-shadow:0 0 25px #0000001a;border-radius:16px;padding:16px;margin:24px 16px}.live-title{font-size:16px;font-weight:600;margin-bottom:12px}.live-red{color:red;font-weight:700}.live-thumbnail{width:100%;border-radius:12px;margin-bottom:16px}.live-header{display:flex;flex-direction:column}.live-desc{font-size:15px;font-weight:500;line-height:1.2;margin-left:60px;color:#595959;margin-bottom:10px}.send-text{position:absolute;top:60px;left:50%;transform:translate(-50%);color:#fff;font-weight:400;font-size:14px;animation:fadeOut 2s forwards;pointer-events:none}@keyframes fadeOut{0%{opacity:0;transform:translate(-50%) translateY(-10px)}20%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.dark .vote-badge{color:gold}.dark .notice-box,.dark .live-replay{background:#212121}.artist-board{max-width:400px;margin:0 auto;background:#fff;padding-bottom:85px}.nickname{font-weight:600;font-size:14px;color:#595959}.badge{color:#f9c700;font-size:14px;margin-left:4px}.bookmark-btn{background:none;border:none;font-size:18px;cursor:pointer}.feed-text{font-size:15px;color:#595959;line-height:1.2;font-weight:500}.feed-image-wrapper{margin:0 -16px 10px}.feed-img{width:100%;display:block;object-fit:cover}.gallery-container{max-width:400px;margin:0 auto;background:#fff;padding:0 16px 150px}.gallery-wrapper{display:grid;grid-template-columns:repeat(2,1fr);column-gap:16px;row-gap:16px}.gallery-card{position:relative;overflow:hidden;border-radius:12px}.gallery-img{width:100%;display:block;border-radius:12px}.gallery-info{display:flex;align-items:center;gap:8px;position:absolute;bottom:16px;left:16px;color:#fff;font-size:14px}.gallery-profile{width:30px;height:30px;border-radius:50%;background:#fff}.gallery-name{font-weight:600}.gallery-date{font-size:12px;opacity:.8;font-weight:500}.gallery-card:nth-child(2n){transform:translateY(47px)}.membership-feed-wrapper{max-width:400px;margin:0 auto;background:#fff;display:flex;flex-direction:column;gap:20px;padding-bottom:165px}.nickname{font-weight:600;font-size:16px;color:#595959}.time{font-size:13px;font-weight:500;color:#848484}.badge{margin-left:4px}.bookmark-btn{background:none;border:none;font-size:18px;padding:0;line-height:1;display:flex;align-items:center;justify-content:center}.feed-images{margin-left:-16px;margin-right:-16px}.feed-images img{width:100%;display:block;border-radius:0 0 12px 12px;object-fit:cover}.locked-overlay{height:330px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#383838;color:#fff;border-radius:12px;text-align:center;font-size:16px;font-weight:500;box-shadow:2px 2px 10px #0000001a;cursor:pointer;overflow:visible;width:90%;margin:0 auto;position:relative}.locked-overlay:after{content:"";position:absolute;top:137px;right:163px;width:5px;height:5px;background-color:red;border-radius:50%}.lock-image-wrap{display:flex;justify-content:center;align-items:center;margin-bottom:12px}.lock-icon{display:block;height:20px;width:auto;object-fit:contain}@media (max-width: 400px){.membership-feed-wrapper{padding-bottom:100px}}.notice-list{padding:12px}.notice-title{width:100%;padding:16px;font-size:16px;font-weight:500;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;position:relative}.notice-title:after{content:"";position:absolute;top:12px;right:12px;width:5px;height:5px;background-color:red;border-radius:50%}.arrow{display:inline-block;transition:transform .3s ease;margin-bottom:3px}.arrow.up .chevron-icon{transform:rotate(180deg)}.arrow.down .chevron-icon{transform:rotate(0)}.notice-content{padding:0 16px 16px;font-size:14px;line-height:1.5}.notice-wrapper{padding:0 16px 310px;max-width:400px;margin:0 auto;background-color:#fff}.notice-search input{width:100%;padding:12px 0;font-size:16px;border-radius:30px;border:1px solid #676767;outline:none;height:40px}.notice-list{background:#fff;border-radius:12px;padding:8px 0;box-shadow:0 4px 10px #00000014}.notice-item{border-bottom:1px solid #eee}.notice-item:last-child{border-bottom:none}.notice-title{background:none;border:none;text-align:left;width:100%;padding:16px;font-size:15px;font-weight:500;color:#595959;cursor:pointer}.notice-content{padding:0 16px 16px;font-size:14px;color:#797979;white-space:pre-line;line-height:1.4}.notice-search{display:flex;align-items:center;gap:8px;padding:1px 17px;border:1px solid #676767;border-radius:999px;background-color:#fff;margin-bottom:10px}.notice-search input{border:none;outline:none;font-size:16px;flex:1;background:none}.search-icon{width:16px;height:16px}.notice-content p.en{margin-top:12px}.dark .notice-title span{color:#121212}.dark .notice-content p{color:#797979}@media (max-width:400px){.notice-wrapper{padding:0 16px 100px}}.chat-page{padding:20px 16px;max-width:400px;margin:0 auto;background:#fff}.dark .chat-page{background:#121212}.chat-slider-wrapper{margin-bottom:16px}.chat-slide{position:relative;border-radius:16px;overflow:hidden}.slide-img{width:100%;height:100%;object-fit:cover;filter:brightness(70%)}.slide-text{position:absolute;bottom:18px;left:20px;color:#fff;z-index:2;font-size:22px;font-weight:400}.slide-text h3{font-weight:400;font-size:16px}.slide-text p{font-size:16px}.slide-index{position:absolute;bottom:10px;right:12px;background:#0000004d;padding:2px 8px;font-size:13px;border-radius:12px;color:#fff}.profile-slider-box{width:100%;background:#fff;border-radius:20px;padding:16px;box-shadow:0 0 25px #0000001a;margin-bottom:20px}.slider-box{width:100%}.section-title{font-size:16px;font-weight:500;margin-bottom:12px;padding-left:6px;color:#333}.profile-slider{width:100%;display:flex;justify-content:center}.profile-item{width:25%;display:flex;flex-direction:column;align-items:center;position:relative}.profile-img-wrap{position:relative;width:60px;height:60px}.profile-img-wrap img{width:100%;height:100%;border-radius:50%;object-fit:cover}.red-dot{position:absolute;top:2px;right:2px;width:4px;height:4px;background-color:red;border-radius:50%}.artist-img-wrap{position:relative}.red-dot2{position:absolute;top:2px;right:0;width:4px;height:4px;background-color:red;border-radius:50%}.profile-name{margin-top:6px;font-size:13px;font-weight:500;color:#5b5b5b;text-align:center}.recommend-list{margin-top:12px;margin-bottom:100px;padding:16px;box-shadow:0 0 25px #0000001a;border:15px;border-radius:15px}.search-box{display:flex;align-items:center;padding:16px;border-radius:40px;background:#fff;box-shadow:0 0 25px #0000001a;margin:16px auto}.search-box img{width:16px;height:16px;margin-right:10px}.search-box input{border:none;outline:none;font-size:14px;color:#333;flex:1;background:transparent}.check-icon{width:12px!important;height:12px!important;object-fit:contain}.artist-item{display:flex;align-items:center;margin-bottom:16px}.artist-img2{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-right:1px}.artist-img img{width:100%;height:100%}.artist-info{flex:1;margin-left:10px}.artist-name2{font-weight:500;font-size:14px;display:flex;align-items:center}.artist-en{font-size:12px}.artist-time{font-size:11px}.dark .profile-slider-box{background:#212121}.dark .profile-name{font-weight:500}.dark .search-box{background:#212121}.dark .search-box input{color:#fff}.dark .search-box input::placeholder{color:#fff}.dark .artist-name2{font-weight:400}.dark .artist-time{color:#8f8f8f}.dark .recommend-list{background:#212121}.chatroom-container{margin:0 auto;display:flex;flex-direction:column;height:100vh;background:#fff;padding:16px;box-sizing:border-box;max-width:400px}.dark .chatroom-container{background:#121212}.chatroom-body{width:100%;margin:12px auto 0;flex:1}.chatroom-body{flex:1;overflow-y:auto;padding-bottom:80px}.chat-bubble{display:flex;align-items:flex-start;gap:13px;margin-bottom:17px}.chat-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.chat-box{display:flex;flex-direction:column}.chat-sender{font-weight:550;font-size:14px;display:flex;align-items:center;gap:4px}.chat-row{display:flex;align-items:flex-end;gap:8px;margin-top:6px}.chat-text{box-shadow:0 0 5px #0000001a;padding:10px 14px;border-radius:20px;font-size:14px;line-height:1.5;max-width:max-content;word-break:keep-all}.chat-image{position:relative;margin-top:8px;border-radius:0 16px 16px;padding:16px;box-shadow:0 0 5px #0000001a}.image-time{position:absolute;right:-40px;bottom:5px}.chat-photo{width:85%;max-width:250px;object-fit:cover;display:block;margin:0 auto}.chat-time{font-size:12px}.chatroom-input{margin:0 auto;display:flex;align-items:center;padding:12px 16px;gap:10px;background:#fff;border-top:1px solid #eee;z-index:10;width:100%;position:relative;position:fixed;bottom:0;left:50%;transform:translate(-50%);max-width:400px}.dm-circle-btn{border-radius:50%;background:#ffd400;border:none;font-size:30px;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer}.input-bubble{width:50%;flex:1;display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:999px;padding:8px 12px;box-shadow:0 0 6px #0000001a}.input-bubble input{border:none;outline:none;font-size:14px;background:transparent}.emoji-icon{position:relative;width:30px;height:30px;background:#ffd400;border-radius:50%;border:none;font-size:16px;cursor:pointer}.emoji-icon:after{content:"";position:absolute;top:-1px;right:0;width:5px;height:5px;background-color:red;border-radius:50%}.chatroom-body{display:flex;flex-direction:column;gap:10px}.chat-bubble{display:flex;align-items:flex-start;max-width:75%}.chat-bubble.user{align-self:flex-end;justify-content:flex-end}.fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp .4s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.dark .chatroom-container{background:#151515}.dark .chat-text{background:#212121;font-weight:300}.dark .chat-time{color:#8f8f8f}.dark .chat-sender{font-weight:300}.dark .chat-image{background:#212121}.dark .chatroom-input{background:none;border-top:none}.dark .input-bubble{background:#212121}.dark .input-bubble input{color:#fff}.dark .input-bubble input::placeholder{color:#fff;font-weight:300}.fashion-container{padding:20px 0 16px 16px;min-width:300px;max-width:400px;margin:0 auto;background:#fff}.dark .fashion-container{background:#121212}.fashion-tabs{display:flex;margin-bottom:16px;gap:5px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab{position:relative;padding:7px 13px;border-radius:20px;background:#fff;border:1px solid #FFD700;text-decoration:none;font-size:14px;white-space:nowrap;transition:background .2s}.tab.active{background:gold;color:#121212}.gradient-border-wrapper{margin-bottom:18px;background:linear-gradient(90deg,#6c53ff,#66dec2,#fc0);padding:1px;border-radius:999px;display:inline-block}.gradient-input{border:none;padding:12px 20px;border-radius:999px;outline:none;width:353px;font-size:14px}.gradient-input::placeholder{color:#aaa}.dark .tab{background:#121212;color:#fff}.dark .tab.active{background:gold;color:#595959;font-weight:500}.tab:before{content:"";position:absolute;top:2px;right:10px;width:5px;height:5px;background-color:red;border-radius:50%}.product-tag:before{content:"";position:absolute;top:1px;right:6px;width:5px;height:5px;background-color:red;border-radius:50%}.fashion-card{position:relative;min-width:300px}.image-container{position:relative;overflow:hidden;border-radius:15px}.card-image{filter:brightness(80%);width:100%;height:100%}.product-tag{background:#f3b64380;color:#fff;width:fit-content;height:40px;padding:6px 10px;border-radius:6px;font-size:10px;display:flex;justify-content:center;z-index:2}.tag-text{font-size:12px;color:#333;font-weight:500;line-height:1.2}.card-overlay{position:absolute;bottom:25px;left:16px;color:#fff}.card-date{font-size:14px;margin-bottom:4px}.card-title{font-size:18px;font-weight:500;white-space:pre-line}.card-index{position:absolute;bottom:8%;right:12px;font-size:12px;color:#fff;background-color:#0000004d;padding:3px 10px;border-radius:50px}.sub-product-wrap{margin-top:16px}.sub-title{font-size:14px;font-weight:500;margin-bottom:10px;margin-left:3px}.sub-product{position:relative;display:flex;align-items:center;justify-content:space-between;gap:17px}.sub-image-thumb{display:block;width:100px;height:auto;border-radius:4px;object-fit:cover}.sub-info{flex:1;display:flex;flex-direction:column;gap:2px}.sub-name{font-size:14px;font-weight:600;color:#595959}.sub-detail{font-size:12px;color:#797979;margin-bottom:8px}.sub-price{font-size:14px;font-weight:500;color:#595959}.sub-review{font-size:12px;color:#797979}.bookmark-btn{position:relative;background:none;border:none;font-size:20px;cursor:pointer;padding-bottom:25px;color:#333}.dark .sub-name{font-weight:400;color:#fff}.dark .sub-title{font-weight:400}.dark .sub-detail{font-weight:400;color:#797979}.dark .sub-price{color:#fff}.dark .sub-review{color:#797979}.dark .sub-price{font-weight:400}.sub-product:before{content:"";position:absolute;top:15%;left:30%;width:5px;height:5px;background-color:red;border-radius:50%}.sub-product:after{content:"";position:absolute;top:26%;right:-6px;width:5px;height:5px;background-color:red;border-radius:50%}.fashion-section{margin-bottom:17px}.card-scroll{display:flex;gap:12px;-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.artistSection{width:calc(100% - 32px);margin:0 auto;border-radius:14px}.feed-card{position:relative;border-radius:16px;padding:16px 16px 0;box-shadow:0 0 25px #0000001a;font-size:14px;width:100%;max-width:448px;margin:0 auto 20px}.feed-card:after{content:"";position:absolute;top:55px;right:210px;width:5px;height:5px;background-color:red;border-radius:50%}.actor_feedCard:after{display:none}.profile-img{width:45px;height:45px;border-radius:50%;object-fit:cover}.nickname{gap:4px;display:flex;align-items:center;font-weight:600;font-size:14px}.profile-img{width:50px;height:50px;border-radius:50%;object-fit:cover}.nickname{gap:4px;display:flex;align-items:center;font-weight:600;font-size:16px}.feed-text{font-size:15px;line-height:1.2;color:#595959;font-weight:500}.dark .feed-card{background:#212121}.blue-btn{background-color:#37cebf;color:#fff;font-size:16px;border:none;border-radius:7px;cursor:pointer;width:277px;height:50px}.actor-highlight{color:#37cebf}.timer .actor-time{color:#37cebf;font-weight:550;font-size:16px}.actor-commentInputWrap{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;border:1px solid #37CEBF;border-radius:25px}.actor-commentInputWrap button{padding:6px 16px;background:#37cebf;color:#fff;font-weight:500;border:none;border-radius:20px;cursor:pointer}.actor-voteText{position:absolute;bottom:10px;left:10px;color:#fff}.actor-voteText span{display:block;font-size:14px;font-weight:600;margin-top:-40px;margin-left:8px}.actor-vote-tit{position:absolute;left:20px;bottom:60px;color:#37cebf;font-size:12px;padding:3px 6px;background:#fff;border-radius:50px;font-weight:500;z-index:2}.actorPlay:after{display:none}.liveBadge2{position:absolute;top:16px;left:16px;background-color:#fff;color:#37cebf;font-size:12px;font-weight:500;padding:2px 8px 2px 12px;border-radius:10px}.liveBadge2:before{content:"";position:absolute;background:red;width:4px;height:4px;border-radius:50%;left:12%;top:50%;transform:translate(-8%,-50%)}.voteCard .actor-vote-tit{color:#37cebf}.voteCard .actor-vote-tit:after{display:none}.dark .liveBadge2,.dark .actor-vote-tit{color:#37cebf}.challenge-section .actor-day{display:inline-block;background-color:#37cebf;color:#fff;font-weight:600;padding:8px 14px;border-radius:20px;font-size:16px;margin-bottom:10px}.actor-toggle-option.active{background:#37cebf;color:#fff}.actor-toggle-option{flex:1;text-align:center;padding:6px 0;font-size:14px;font-weight:400;cursor:pointer;color:#494949;transition:all .3s ease;border-radius:20px}.actor-botton{background-color:#37cebf;padding:7px 16px;border-radius:7px;font-weight:400;font-size:14px;color:#fff}.actor-level-buttons{display:flex;gap:10px;justify-content:center;margin-top:16px}.actor-level-buttons button:disabled{background-color:#ddd;cursor:not-allowed}.actor-level-buttons button{position:relative;background-color:#37cebf;border:none;padding:6px 16px;border-radius:10px;font-weight:500;cursor:pointer;color:#494949}.actor-level-buttons button:nth-child(2):after{content:"";position:absolute;top:-3px;right:-6px;width:5px;height:5px;background-color:red;border-radius:50%}.icon-text{display:flex;align-items:center;gap:6px;font-size:14px}.trot-profile-img{width:50px;height:50px;border-radius:50%;object-fit:cover}.trot-nickname{gap:4px;display:flex;align-items:center;font-weight:600;font-size:16px}.trot-time-text{font-size:14px;margin-top:2px;color:#595959}.trot-feed-card{border-radius:16px;padding:16px 16px 0;box-shadow:0 0 25px #0000001a;font-size:18px;width:100%;max-width:448px;margin:0 auto 20px}.time{font-size:13px;margin-top:2px}.bookmark-btn{background:none;border:none;font-size:18px;cursor:pointer;color:#aaa;transition:color .2s}.trot-feed-text{font-size:18px;line-height:1.2;color:#595959;font-weight:500}.trot-like-counts{display:flex;gap:12px;font-size:18px;font-weight:500}.feed-images{margin-top:12px}.feed-images img{width:100%;border-radius:0 0 12px 12px;object-fit:cover}.expanded-images{margin-top:16px;display:flex;flex-direction:column;gap:10px}.expanded-images img{width:100%;border-radius:12px;object-fit:cover}.icon-small{width:20px;height:20px;margin-right:6px;vertical-align:middle}.comment-meta{display:flex;align-items:center;gap:6px;margin-bottom:2px}.puple-btn{background-color:#ae74ff;color:#fff;font-size:16px;border:none;border-radius:7px;cursor:pointer;width:277px;height:50px}.quiz-section.trot-quiz{margin-top:30px}.quiz-left .trot-h3{font-size:18px;font-weight:700;line-height:1.2;margin-bottom:8px}.trot-time-box{display:inline-block;width:80px;margin-right:4px}.tort-timer{font-size:18px}.trot-time{color:#ae74ff;font-weight:700;margin-right:10px;font-size:18px}.trot-highlight{color:#ae74ff}.trot,.trot .videoSection p{font-size:18px}.trot .button2{font-size:16px}.mypageSection.trot .left p{font-size:18px}.trot-commentInputWrap{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;border:1px solid #AE74FF;border-radius:25px}.liveImg{width:209px;height:300px;flex-shrink:0;position:relative;cursor:pointer;overflow:hidden;border-radius:12px}.liveImg img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(90%);border-radius:12px}.swiper-slide.live-slide{width:209px!important;flex-shrink:0}.trot-commentInputWrap input{flex:1;padding:8px 12px;border:none;border-radius:20px;background:#fff;font-size:14px}.trot-commentInputWrap button{padding:6px 16px;background:#ae74ff;color:#fff;font-weight:500;border:none;border-radius:20px;cursor:pointer}.artistButtons button.button2{width:30%;background:none;border:none;padding:0 3px;cursor:pointer}.voteCard .trot-vote-tit:after{display:none}.liveTextBox .trot-artist{font-size:16px;margin-bottom:2px}.liveTextBox .trot-title{font-size:18px;font-weight:500}.liveBadge3{position:absolute;top:16px;left:16px;background-color:#fff;color:#ae74ff;font-size:14px;font-weight:500;padding:2px 8px 2px 12px;border-radius:10px}.liveBadge3:before{content:"";position:absolute;background:red;width:4px;height:4px;border-radius:50%;left:12%;top:50%;transform:translate(-8%,-50%)}.trot-nickname{font-size:18px}.voteCard .trot-vote-tit{position:absolute;left:20px;bottom:60px;color:#ae74ff;font-size:14px;padding:3px 6px;background:#fff;border-radius:50px;font-weight:500;z-index:2}.trot-voteText{position:absolute;bottom:10px;left:10px;color:#fff}.trot-voteText span{display:block;font-size:17px;font-weight:500;margin-top:-40px;margin-left:8px}.trot-membershipOverlay{position:absolute;top:50%;left:25px;transform:translateY(-50%);width:100%;height:auto;display:flex;flex-direction:column;border-radius:12px;overflow:visible;z-index:2}.trot-membershipOverlay h2{color:#fff;font-size:20px;font-weight:500;margin:0 0 10px;line-height:1.1}.trot-membershipOverlay .trot-group{color:#fff;font-size:14px;margin-bottom:5px;display:inline-block}.trot-membershipOverlay .trot-desc{color:#fff;font-size:16px;margin-top:5px;line-height:1.1}.trot-indicator{position:absolute;bottom:8px;right:10%;background:#00000080;color:#fff;border-radius:12px;font-size:12px;padding:2px 6px}.trot-indicator .current{font-weight:700}.trot-indicator .total{margin-left:2px}.dark .liveBadge3,.dark .trot-vote-tit{color:#ae74ff}.challenge-section .trot-day{display:inline-block;background-color:#ae74ff;color:#fff;font-weight:600;padding:8px 14px;border-radius:20px;font-size:16px;margin-bottom:10px}.trot-toggle-option.active{background:#ae74ff;color:#fff}.trot-toggle-option{flex:1;text-align:center;padding:6px 0;font-size:14px;font-weight:400;cursor:pointer;color:#494949;transition:all .3s ease;border-radius:20px}.trot-botton{background-color:#ae74ff;padding:7px 16px;border-radius:7px;font-weight:400;font-size:18px;color:#fff}.trot-level-buttons{display:flex;gap:10px;justify-content:center;margin-top:16px}.trot-level-buttons button:disabled{background-color:#ddd;cursor:not-allowed}.trot-level-buttons button{background-color:#ae74ff;border:none;padding:6px 16px;border-radius:10px;font-weight:500;cursor:pointer;color:#494949}