@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,500;1,500&display=swap";#app-root{max-width:var(--frame-width);margin:0 auto;min-height:100dvh;overflow:hidden;background-color:var(--bg-default)}.index-section .title-container{text-align:center}.index-section .title-container .slogun-text{font-size:var(--font-size-title);font-weight:500}.index-section .title-container .logo{margin:2rem 0}.index-section .login-container{width:300px;margin:5rem auto 0}.index-section .login-container .btn-box{width:100%;margin-bottom:1rem;text-align:center;border:#747775 solid 1px;border-radius:8px}.index-section .login-container .btn-box button{width:100%}.index-section .btn-box.google{background-color:#fff;color:#0000008a}.index-section .btn-box.kakao{background-color:#fee500;color:#000000d9}@media(prefers-color-scheme:dark){.index-section .login-container .btn-box.google{background-color:#222;border:#747775 solid 1px}}.spinner{width:100%;min-height:300px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.dots-loader{display:flex;gap:16px;justify-content:center;align-items:center}.dots-loader span{width:10px;aspect-ratio:1/1;border-radius:50%;animation:bounce 1s infinite ease-in-out}.dots-loader .first{background:var(--chip-warning-bg)}.dots-loader .second{background:var(--chip-default-bg);animation-delay:.2s}.dots-loader .third{background:var(--chip-important-bg);animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}.home-section .frame{margin-bottom:30px}.home-section .recent-reviews-container{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-right:20px;cursor:grab}.home-section .recent-reviews-container:active{cursor:grabbing}.home-section .recent-reviews-container .review-card{width:40%;max-width:230px;flex-shrink:0;overflow:hidden;border-radius:8px}.home-section .recent-reviews-container .review-info-box{display:flex;justify-content:end;align-items:start;flex-direction:column;position:absolute;bottom:0;left:0;width:100%;height:50%;padding:0 0 4% 6%;color:var(--text-static-wh);background:linear-gradient(to top,var(--text-static-bk) 0%,var(--text-static-bk) 25%,transparent 100%)}.home-section .recent-reviews-container .review-info-box>div{display:flex;gap:6px;align-items:center}.works-list-container{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;align-items:stretch;grid-auto-rows:1fr}.work-box{border-radius:8px;overflow:hidden;background-color:var(--bg-elevated);cursor:pointer;box-shadow:var(--box-default)}.work-box .type-box{position:absolute;top:5px;left:5px}.work-box .type-box .movie{background-color:var(--chip-important-bg);color:#f6f4f0}.work-box .type-box .tv{background-color:var(--btn-active-bg);color:#f6f4f0}.work-box .img-box{aspect-ratio:2/3}.work-box .img-box img{height:100%;object-fit:cover}.work-box .work-info-box{display:flex;gap:3px;align-items:center;padding:12px 6px}.work-box .work-title-box{display:flex;align-items:center;margin-right:34px;gap:4px}.work-box .work-title-box .work-name{max-width:calc(100% - 4rem)}.work-box .work-title-box .release-year{flex-shrink:0}.work-box .work-info-box .watchlist{position:absolute;right:0;top:0;padding:10px}@media screen and (min-width:520px){.works-list-container{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:690px){.works-list-container{grid-template-columns:repeat(4,1fr)}}.btn-box button[data-v-ea9f34aa]{display:flex;align-items:center;justify-content:center;padding:0;min-width:0;width:30px;height:30px;border-radius:50%;text-align:center;flex-shrink:0}button.active[data-v-ea9f34aa]{background-color:var(--btn-active-bg);color:#f6f4f0}.pagination-container[data-v-ea9f34aa]{display:flex;justify-content:center;margin-top:2rem}.prev-btn[data-v-ea9f34aa],.next-btn[data-v-ea9f34aa]{display:flex;align-items:center;flex-shrink:0}.page-number[data-v-ea9f34aa]{display:flex;gap:4px;flex-shrink:0}.search-section .input-box .work-search-input{width:100%;box-sizing:border-box;padding-right:60px}.search-section .search-container .empty-input-btn{position:absolute;right:45px;top:10px;z-index:10;color:var(--text-sub);visibility:hidden;opacity:0;transition:.3s ease-in-out}.search-section .search-container .empty-input-btn.active{visibility:visible;opacity:1}.search-section .search-container .search-btn{position:absolute;right:3px;top:3px;width:32px;aspect-ratio:1 / 1;z-index:99;color:var(--text-sub)}.search-section .banner-box{text-align:center;margin-top:16px;background-color:var(--bg-gray);color:var(--text-main);padding:10px;border-radius:8px;cursor:pointer}.search-section .total-count{text-align:right;font-size:var(--font-size-sub);line-height:4}.search-section .custom-work{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px;border-radius:8px;overflow:hidden;cursor:pointer;padding:8px;text-align:center;word-break:keep-all;background-color:var(--bg-surface);box-shadow:var(--box-default);height:100%}header{position:fixed;width:100%;max-width:var(--frame-width);top:0;left:0;right:0;margin:0 auto;overflow:hidden;z-index:999}.header-section{height:var(--header-height);box-shadow:0 2px 6px #0000001e;margin-bottom:6px}.header-section .wrap{display:flex;gap:10px;height:inherit;align-items:center;justify-content:space-between;background:var(--bg-elevated)}.header-section .title-box{display:flex;align-items:center}.header-section .title-box .icon-box{margin-right:10px}nav{position:fixed;width:100%;max-width:var(--frame-width);bottom:0;left:0;right:0;margin:0 auto;z-index:999;overflow:hidden;padding-top:34px}.nav-section{height:var(--menu-height);color:var(--btn-active-bg)}nav .wrap{height:inherit;background:var(--bg-elevated);border-radius:16px 16px 0 0;box-shadow:0 2px 6px #0000001e}nav .wrap .icon-container{display:flex;align-items:center;gap:10px;height:inherit;padding:10px 20px}nav .wrap .icon-container .icon-box button{flex-direction:column}nav .wrap .icon-container>.icon-box button svg{color:var(--text-icon)}nav .wrap .icon-container span{font-size:12px;line-height:1.6;color:var(--text-menu)}nav .wrap .icon-container>div{flex:1}nav .wrap .icon-container .fab-box .icon-box{position:absolute;top:-60px;left:50%;transform:translate(-50%);min-width:60px;aspect-ratio:1/1;overflow:hidden;background-color:var(--btn-active-bg);border-radius:50%;box-shadow:0 0 4px #1f305928;z-index:99}nav .wrap .fab-box .icon-box button{color:var(--text-inverse)}.timeline-section .timeline-box{padding:14px;margin-top:20px;border-radius:8px;background-color:var(--bg-elevated);box-shadow:var(--box-default)}.timeline-section .timeline-box .head-box{display:flex;gap:6px;align-items:center}.timeline-section .timeline-box .head-box .img-box{width:45px;height:45px;border-radius:45px;overflow:hidden}.timeline-section .head-box .img-box img{margin-top:-10%}.timeline-section .head-box .created-date{color:var(--text-sub)}.timeline-section .head-box .work-info-box{flex-shrink:0;width:calc(100% - 111px);display:flex;align-items:center;gap:4px}.timeline-section .head-box .work-info-box .work-title{font-weight:500;font-size:var(--font-size-body);max-width:calc(100% - 46px)}.timeline-section .timeline-box .review-text-box{margin:16px 0 12px;font-size:var(--font-size-long);color:var(--text-sub)}.review-write-section{padding-top:var(--header-height)}.review-write-section .work-info-container{width:100%;aspect-ratio:3/2;overflow:hidden}.review-write-section .work-info-container .img-box{margin-top:-15%}.review-write-section .input-container{display:flex;margin-top:-10%;gap:8px}.review-write-section .input-container>div{width:calc(50% - 4px);padding:8px;border-radius:8px;background-color:var(--bg-elevated);box-shadow:var(--box-default);text-align:center}.review-write-section .input-container p{font-weight:500}.review-write-section .date-input-box .head-box .input-box{position:absolute;top:0;right:0;display:flex;align-items:center;color:var(--text-sub)}.review-write-section .date-input-box .head-box p{margin:0 51px}.review-write-section .date-input-box .body-box{margin-top:6px;display:flex;gap:4px}.review-write-section .date-input-box .date-picker-box{width:calc(50% - 5.5px);font-size:var(--font-size-sub)}.review-write-section .date-picker-box span{display:flex;align-items:center;justify-content:center}.review-write-section .date-picker-box input{width:100%;text-align:center}.review-write-section .rating-container .rating-box{margin-top:6px;display:inline-block}.review-write-section .rating-box .star-box{display:inline-block;margin:0 2px;width:24px;height:24px;flex-shrink:0}.review-write-section .rating-box .star-stroke,.review-write-section .rating-box .star-fill>svg{display:block;width:24px;height:24px;color:var(--chip-important-bg)}.review-write-section .rating-box .star-fill{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;white-space:nowrap}.review-write-section .review-write-container{margin-top:2rem}.review-write-section .review-write-container textarea{width:100%;min-height:250px;resize:vertical;margin-top:1rem;padding:6px;outline:none;white-space:pre-wrap}.review-write-section .btn-box{margin-top:3rem;text-align:right}.manual-tags-modal .body p{margin-bottom:20px}.manual-tags-modal .tags-container .input-box{display:inline}.manual-tags-modal .tags-container .input-box input{display:none}.manual-tags-modal .tags-container .input-box input[type=checkbox]:checked+label{color:var(--text-inverse);background-color:var(--btn-active-bg)}.manual-tags-modal .tags-container .input-box label{background-color:var(--chip-default-bg);white-space:nowrap;padding:2px 12px;border-radius:16px;margin:0 4px 4px 0;transition:ease .2s;cursor:pointer}@media screen and (min-width:520px){.review-write-section .date-input-box .head-box .input-box{gap:4px}}@media screen and (min-width:600px){.review-write-section .work-info-container{aspect-ratio:9 / 5}.review-write-section .input-container{margin-top:-6%}}@media screen and (min-width:640px){.review-write-section .work-info-container{aspect-ratio:11 / 5}}.tooltip[data-v-e918fccb]{display:flex}.tooltip .tooltip-trigger svg[data-v-e918fccb]{width:20px;height:20px;color:var(--text-sub)}.tooltip .tooltip-content[data-v-e918fccb]{position:absolute;bottom:2.6rem;left:-10px;width:calc(100vw - 140px);background-color:var(--bg-elevated);padding:8px;border-radius:8px;box-shadow:var(--box-default);word-break:keep-all}.review-detail-section{padding-top:var(--header-height);padding-bottom:160px}.review-detail-section .work-info-container{aspect-ratio:1/1;overflow:hidden}.review-detail-section .work-info-container .img-box{margin-top:-5%}.review-detail-section .work-info-container .icon-box{position:absolute;top:10px;right:10px;color:#f6f4f0;z-index:10;cursor:pointer}.review-detail-section .work-info-container .modal-menu-box{position:absolute;top:46px;right:16px;background-color:var(--bg-elevated);padding:10px;border-radius:8px;transition:opacity .2s ease;opacity:0;pointer-events:none}.review-detail-section .work-info-container .modal-menu-box.active{opacity:1;pointer-events:auto}.review-detail-section .work-info-container .modal-menu-box p{margin-bottom:4px;cursor:pointer}.review-detail-section .work-info-container .modal-menu-box p:last-child{color:var(--error);margin-bottom:0}.review-detail-section .meta-container{display:grid;grid-template-columns:1fr 2fr 1fr;gap:8px;text-align:center;margin-top:-30px}.review-detail-section .meta-container>div{border-radius:8px;background-color:var(--bg-elevated);box-shadow:var(--box-default);padding:8px}.review-detail-section .meta-container .icon{display:inline-block;color:var(--text-icon);margin-bottom:2px}.review-detail-section .watch-period-box .date-box{display:flex;gap:2px;justify-content:center}.review-detail-section .rating-box .rating-standard{color:var(--text-sub)}.review-detail-section .comment-container{margin-top:30px}.review-detail-section .comment-container .text-box{font-size:var(--font-size-long);color:var(--text-sub);text-align:justify;white-space:pre-wrap;border-radius:8px;background-color:var(--bg-surface);padding:12px;box-shadow:var(--box-default)}.review-detail-section .comment-container .state-null{text-align:center;padding:40px 0}.review-detail-section .tags-container{margin-top:40px}.review-detail-section .tags-container .head-box{display:flex;justify-content:space-between}.review-detail-section .tags-container .head-box .title-box{display:flex;gap:6px;align-items:center}.review-detail-section .tooltip .tooltip-content{max-width:320px}.review-detail-section .tags-container .retry{text-align:center}.review-detail-section .tags-container .retry .btn-box{margin-top:10px}.review-detail-section .tags-box{margin-top:12px}.review-detail-section .tags-box .skeleton{width:60px;height:22px;border-radius:5px;margin-right:2px;background:linear-gradient(120deg,#d6d6d6 25%,#e5e5e5,#d6d6d6 75%);background-size:250% 100%;animation:skeleton-shimmer 4s infinite linear}.review-detail-section .tags-box .tag-item.positive:before,.review-detail-section .tags-box .tag-item.negative:before{display:inline-block;margin-right:4px}.review-detail-section .tags-box .tag-item.positive:before{content:"▲";color:var(--success)}.review-detail-section .tags-box .tag-item.negative:before{content:"▼";color:var(--error)}.review-detail-section .tags-container .head-box p button{margin-left:8px}.ai-tag-survey-modal .rating-box{display:flex;gap:20px;margin-top:20px}.ai-tag-survey-modal .input-box{display:flex;gap:4px;align-items:center}.modal-bg.ai-tag-survey-modal .input-box input{margin-top:0}.ai-tag-survey-modal .btn-box{display:flex;gap:10px;margin-top:20px;justify-content:right}.ai-tag-survey-modal .feedback-reason{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:20px}.ai-tag-survey-modal .feedback-reason .input-box{display:inline-flex;flex:0 0 auto;width:auto;align-items:center;gap:4px;white-space:nowrap}.ai-tag-survey-modal .feedback-reason .input-box input{flex:0 0 auto;width:auto;margin:0}.ai-tag-survey-modal .feedback-reason .input-box label{white-space:nowrap}.ai-tag-survey-modal .disabled{background-color:#a4a9b5;color:var(--text-menu);cursor:not-allowed}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media screen and (min-width:520px){.review-detail-section .work-info-container{aspect-ratio:3 / 2}.review-detail-section .work-info-container .img-box{margin-top:-10%}}@media screen and (min-width:640px){.review-detail-section .work-info-container{aspect-ratio:5 / 3}}.profile-section .user-container{display:flex;gap:10px;align-items:center}.profile-section .user-container .img-box{max-width:50px;aspect-ratio:1 / 1;overflow:hidden;border-radius:50%}.profile-section .collection-container{display:flex;gap:8px;margin-top:20px;text-align:center}.profile-section .collection-container>div{width:calc(50% - 4px);border-radius:8px;padding:4px 0;cursor:pointer}.profile-section .collection-container .count-num{font-family:var(--font-family-logo);font-size:var(--font-size-title)}.profile-section .collection-container .created-review-box{background-color:var(--bg-surface)}.profile-section .collection-container .watchlist-box{background-color:var(--btn-neutral-bg)}.profile-section .calendar-container{margin-top:30px}.profile-section .calendar-container .calendar-header{display:flex;gap:20px;align-items:center;justify-content:space-between}.profile-section .calendar-header .nav-btn{display:flex;justify-content:center;align-items:center;width:30px;aspect-ratio:1 / 1;border-radius:30px;background-color:var(--chip-default-bg)}.profile-section .calendar-header .month-selector-wrapper .v3dp__input_wrapper{font-family:var(--font-family-logo);font-size:2.6rem}.profile-section .v3dp__input_wrapper input{border:none;padding:0;background-color:transparent;text-align:center;cursor:pointer}.profile-section .v3dp__popout{left:50%;transform:translate(-50%)}.profile-section .calendar-container .weekday{display:flex;gap:4px;font-size:var(--font-size-title);font-weight:400;color:var(--text-sub);margin:10px 0}.profile-section .calendar-container .weekday p{flex:1;text-align:center}.profile-section .calendar-body{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.profile-section .calendar-body .empty-box,.profile-section .calendar-body .date-box{aspect-ratio:1 / 1}.profile-section .calendar-body .date-box{position:relative;overflow:hidden;background-color:var(--bg-overlay)}.profile-section .calendar-body .date{position:absolute;width:20px;aspect-ratio:1 / 1;top:3px;left:3px;text-align:center;font-size:var(--font-size-sub);color:var(--text-inverse);background-color:var(--text-sub);border-radius:50%;z-index:1}.profile-section .calendar-body .poster-box{width:100%;height:100%}.profile-section .calendar-body .poster-box img{width:100%;height:100%;object-fit:cover;object-position:center}@media screen and (min-width:402px){.profile-section .calendar-body .empty-box,.profile-section .calendar-body .date-box{aspect-ratio:2 / 3}}.work-detail-section{padding-top:var(--header-height)}.work-detail-section .floating-box .icon-box.watchlist{background-color:var(--bg-surface);color:var(--heart);margin-bottom:10px}.work-detail-section .floating-box .icon-box.review-create{background-color:var(--btn-active-bg);color:var(--text-inverse)}.work-detail-section .work-bg-box{aspect-ratio:3 / 2}.work-detail-section .work-bg-box .img-box{height:100%;overflow:hidden}.work-detail-section .work-bg-box img{margin-top:-15%;filter:blur(3px);transform:scale(1.1)}.work-detail-section .wrap>div{margin-bottom:30px}.work-detail-section .wrap .work-info-container{margin-top:-22%;background-color:var(--bg-elevated);border-radius:8px;padding:14px;box-shadow:var(--box-default)}.work-detail-section .work-info-container .img-box{position:absolute;bottom:14px;left:14px;width:calc(50% - 22px);border-radius:8px;overflow:hidden}.work-detail-section .work-info-container .img-box img{object-fit:cover}.work-detail-section .work-info-container .work-info-box{margin-left:calc(50% + 8px);min-height:160px}.work-detail-section .work-info-box .work-meta-box{display:flex;align-items:center}.work-detail-section .work-meta-box .age-rating{background-color:#afafaf;line-height:1;padding:5px;border-radius:4px;margin-right:6px}.work-detail-section .work-meta-box .age-rating.age-null{display:none}.work-detail-section .work-meta-box .age-rating{font-weight:600}.work-detail-section .work-meta-box .age-rating.age-ALL{background-color:#3fa856;color:var(--text-static-wh)}.work-detail-section .work-meta-box .age-rating.age-12{background-color:#f08018;color:var(--text-static-bk)}.work-detail-section .work-meta-box .age-rating.age-15{background-color:#fced1f;color:var(--text-static-bk)}.work-detail-section .work-meta-box .age-rating.age-19{background-color:#c01313;color:var(--text-static-wh)}.work-detail-section .work-info-box .work-meta-box .genre{color:var(--text-sub)}.work-detail-section .work-info-box .work-meta-box .genre:after{content:",";margin-right:3px}.work-detail-section .work-info-box .work-meta-box .genre:last-child:after{content:"";margin-right:0}.work-detail-section .work-info-box .work-title{font-size:2rem;font-weight:400;font-family:var(--font-family-logo);line-height:1.2;margin:10px 0}.work-detail-section .work-info-box .work-detail-box{color:var(--text-sub);margin-bottom:12px}.work-detail-section .work-info-box .work-detail-box p,.work-detail-section .work-info-box .directors-box{margin-bottom:2px}.work-detail-section .work-info-box .directors-box,.work-detail-section .work-info-box .writers-box{color:var(--text-sub)}.work-detail-section .work-info-box .directors-box .director:after,.work-detail-section .work-info-box .writers-box .writer:after{content:",";margin-right:3px}.work-detail-section .work-info-box .directors-box .director:last-child:after,.work-detail-section .work-info-box .writers-box .writer:last-child:after{content:"";margin-right:0}.work-detail-section h3{font-size:1.6rem;font-weight:500}.work-detail-section .actor-list-box{display:flex;gap:7px;width:100%;overflow:hidden;margin-top:10px}.work-detail-section .actor-list-box .actor-box{display:flex;gap:4px;flex-direction:column;align-items:center;width:calc((100% - 35px)/6);flex-shrink:0;word-break:keep-all;text-align:center}.work-detail-section .actor-list-box .img-box{width:100%;aspect-ratio:1/1;background-color:#afafaf;border-radius:50%;overflow:hidden;text-align:center}.work-detail-section .actor-list-box .img-box img{margin-top:-7%}.work-detail-section .work-info-box,.work-detail-section .actor-list-box .actor-name{font-size:var(--font-size-sub)}.work-detail-section .overview-box .overview{margin-top:10px;font-size:var(--font-size-long);text-align:justify;color:var(--text-sub);background-color:var(--bg-elevated);padding:16px;box-shadow:var(--box-default)}.work-detail-section .provider-box .ott-box{margin:10px 0;display:flex;gap:6px}.work-detail-section .provider-box .ott-box .ott{width:50px;aspect-ratio:1/1;border-radius:12px;cursor:pointer;background-color:#afafaf;word-break:break-all;text-align:center;overflow:hidden}.work-detail-section .provider-box .description{color:var(--text-sub)}.work-detail-section .review-list-box .review-list{margin-top:10px;text-align:justify;color:var(--text-sub);background-color:var(--bg-elevated);padding:16px;box-shadow:var(--box-default)}.work-detail-section .review-list .review-summary{display:flex;justify-content:space-between;cursor:pointer}.work-detail-section .review-list .review-summary .label{display:none}.work-detail-section .review-list .review-empty{text-align:center;cursor:pointer}@media screen and (min-width:425px){.work-detail-section .review-list .review-summary .label{display:inline-block;margin-right:4px}}@media screen and (min-width:460px){.work-detail-section .work-info-container .img-box{width:calc(40% - 15px)}.work-detail-section .work-info-container .work-info-box{margin-left:calc(40% + 8px)}}@media screen and (min-width:520px){.work-detail-section .work-bg-box{aspect-ratio:5 / 3}.work-detail-section .work-info-container .work-info-box{min-height:180px}.work-detail-section .work-info-box .work-detail-box{color:var(--text-sub);margin-bottom:16px}.work-detail-section .work-info-box .work-detail-box p,.work-detail-section .work-info-box .directors-box{margin-bottom:4px}.work-detail-section .actor-list-box .actor-box{width:calc((100% - 42px)/7)}}@media screen and (min-width:560px){.work-detail-section .work-info-container .work-info-box{min-height:200px}}@media screen and (min-width:640px){.work-detail-section .work-bg-box{aspect-ratio:7 / 4}.work-detail-section .work-info-container .work-info-box{margin-left:calc(40% + 8px);min-height:220px}.work-detail-section .work-info-box,.work-detail-section .actor-list-box .actor-name{font-size:var(--font-size-long)}.work-detail-section .actor-list-box .actor-box{width:calc((100% - 49px)/8)}}@media screen and (min-width:690px){.work-detail-section .work-bg-box{aspect-ratio:11 / 5}.work-detail-section .wrap .work-info-container{margin-top:-16%}.work-detail-section .work-info-container .img-box{width:calc(30% - 15px)}.work-detail-section .work-info-container .work-info-box{margin-left:calc(30% + 8px);min-height:160px}.work-detail-section .actor-list-box .actor-box{width:calc((100% - 56px)/9)}}.tab-container{display:flex;gap:8px;padding-bottom:10px}.tab-container div{width:calc(50% - 4px);text-align:center;padding:10px 0;background-color:var(--bg-surface);border-radius:6px 6px 0 0;cursor:pointer}.tab-container div.active{background:var(--btn-active-bg);color:var(--text-inverse)}.watchlist-section .filter-box{display:flex;gap:8px;margin-bottom:10px}.playlists-section .playlists-container{margin-top:16px}.playlists-section .playlist-box{display:flex;gap:8px;margin-bottom:8px}.playlists-section .playlist-box .img-box{width:calc(50% - 4px);border-radius:8px;overflow:hidden;aspect-ratio:16 / 9;cursor:pointer}.playlists-section .playlist-box .info-box{padding:6px 0}.playlists-section .playlist-box .title{cursor:pointer}.playlists-section .move-to-total-video-list{position:absolute;bottom:0;right:0;z-index:inherit}.playlists-section .floating-box .add-playlist{background-color:var(--bg-surface)}.playlist-section .playlist-item-container{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px 10px}.playlist-section .meta-box{text-align:right}.playlist-section .meta-box .open-delete-modal-btn{color:var(--error);margin:10px 0 20px;font-weight:700}.playlist-section .meta-box .playlist-info{font-weight:500}.playlist-section .item-box .img-box{aspect-ratio:1/1;overflow:hidden;border-radius:4px}.playlist-section .item-box img{object-fit:cover;height:100%}.playlist-section .item-box .video-name{margin-top:10px;line-height:1.4}@media screen and (min-width:640px){.playlist-section .playlist-item-container{grid-template-columns:repeat(4,1fr)}}.terms-section .title[data-v-c95b5fd8]{font-family:var(--font-family-body);font-size:var(--font-size-body)}.terms-section ol[data-v-c95b5fd8],.terms-section ul[data-v-c95b5fd8]{margin-left:0;padding-left:2.4rem}.terms-section ol[data-v-c95b5fd8]{list-style:auto}.terms-section ol ol[data-v-c95b5fd8]{list-style:hangul}.terms-section ul[data-v-c95b5fd8]{list-style:disc}.terms-section table[data-v-c95b5fd8]{width:100%;border:1px solid var(--text-sub);border-collapse:collapse;text-align:center;word-break:keep-all}.terms-section th[data-v-c95b5fd8],.terms-section td[data-v-c95b5fd8]{border:1px solid var(--text-sub)}.custom-work-section .custom-work-container .input-box,.custom-work-section .custom-work-container textarea{margin-top:16px}.custom-work-section .media-type-box{display:flex;align-items:center;gap:16px}.custom-work-section .media-type-box span{margin-right:15px}.custom-work-section .media-type-box .radio{display:flex;gap:6px;align-items:center}.custom-work-section .work-title-box{display:flex;gap:10px;align-items:center}.custom-work-section textarea{width:100%;aspect-ratio:1/ .4}.custom-work-section .btn-box{display:flex;gap:10px;justify-content:right;margin:30px 0 20px}.custom-work-section .notification{text-align:right;color:var(--text-sub)}.settings-list-section .group{margin-top:20px}.settings-list-section .group-name{text-indent:10px;font-weight:700;color:var(--text-menu);font-size:var(--font-size-sub);line-height:3}.settings-list-section .menu-box{background-color:var(--bg-elevated);border-radius:16px;padding:10px 16px;box-shadow:var(--box-default)}.settings-list-section .menu{display:flex;align-items:center;justify-content:space-between;padding:4px 0;cursor:pointer;margin-bottom:4px}.settings-list-section .menu:last-child{margin-bottom:0}.settings-list-section .menu svg{color:var(--text-menu)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth}img,picture,video,canvas{display:block;width:100%;max-width:100%}svg{display:block}input,button,textarea,select{font:inherit}button{display:inline-block;border:none;background:none;cursor:pointer;color:inherit}input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=number],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-border-radius:0}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}label{display:inline-block}ul,ol{list-style:none}a{display:inline-block;text-decoration:none;color:inherit}i{display:inline-block;color:inherit}*:focus{outline:2px solid #007bff;outline-offset:2px}.js-focus-visible *:focus:not(.focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button,input,select,textarea,a{-webkit-tap-highlight-color:transparent}*{-webkit-overflow-scrolling:touch}pre{font-family:inherit;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}@font-face{font-family:Cafe24SuperMagic;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/Cafe24Supermagic-Regular-v1.0.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Cafe24SuperMagic;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/Cafe24Supermagic-Bold-v1.0.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:IbmPlexSans;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-ExtraLight.woff) format("woff");font-weight:200;font-display:swap}@font-face{font-family:IbmPlexSans;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Light.woff) format("woff");font-weight:300;font-display:swap}@font-face{font-family:IbmPlexSans;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Regular.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:IbmPlexSans;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Medium.woff) format("woff");font-weight:500;font-display:swap}@font-face{font-family:IbmPlexSans;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-SemiBold.woff) format("woff");font-weight:600;font-display:swap}html{font-size:62.5%}:root{--frame-width: 401px;--header-height: 44px;--menu-height: 54px;--font-family-logo: "Cafe24SuperMagic", sans-serif;--font-family-body: "IbmPlexSans", system-ui, sans-serif;--font-size-page-title: 2.4rem;--font-size-title: 1.8rem;--font-size-body: 1.4rem;--font-size-long: 1.3rem;--font-size-sub: 1.2rem;--color-brand: #a90101;--bg-canvas: #fbfbfb;--bg-default: #f7f6f2;--bg-surface: #faebd7;--bg-overlay: #faebd781;--bg-elevated: #fafafa;--bg-gray: #ececec;--text-main: #2d2f35;--text-sub: #474a53;--text-inverse: #f6f4f0;--text-menu: #666b77;--text-icon: #a0a6b2;--text-static-bk: #2d2f35;--text-static-wh: #eeeeee;--btn-active-bg: #1f3059;--btn-neutral-bg: #dadee6;--chip-warning-bg: #f0baba;--chip-default-bg: #dadee6;--chip-important-bg: #faa160;--error: #d64545;--success: #35974f;--heart: #f64750;--star: #edbd64;--box-default: 0 0 8px #0000001a}body{font-size:var(--font-size-body);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;font-family:IbmPlexSans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background-color:var(--bg-canvas);color:var(--text-main)}@media(prefers-color-scheme:dark){:root{--color-brand: #bd2c2c;--bg-canvas: #272727;--bg-default: #1e1e20;--bg-surface: #363642;--bg-overlay: #36364283;--bg-elevated: #313136;--bg-gray: #272727;--text-main: #f6f4f0;--text-sub: #ede8e1;--text-inverse: #2d2f35;--text-menu: #a0a6b2;--text-icon: #666b77;--btn-active-bg: #faa160;--btn-neutral-bg: #696865;--chip-important-bg: #a87ac2;--error: #d64545;--success: #35974f}}@media screen and (min-width:390px){:root{--header-height: 50px}}@media screen and (min-width:402px){:root{--frame-width: 519px;--header-height: 54px;--menu-height: 62px}}@media screen and (min-width:520px){:root{--frame-width: 689px}}@media screen and (min-width:640px){:root{--font-size-body: 1.6rem;--font-size-long: 1.4rem;--font-size-sub: 1.3rem}}@media screen and (min-width:690px){:root{--frame-width: 690px;--header-height: 60px}}section{padding-top:calc(var(--header-height) + 20px);padding-bottom:calc(var(--menu-height) + 40px);min-height:100dvh}.wrap{padding:0 12px}.frame{position:relative;overflow:hidden}.frame:after{content:"";position:absolute;top:0;right:0;width:40px;height:100%;pointer-events:none;background:linear-gradient(to right,transparent,var(--bg-default))}.logo{font-family:var(--font-family-logo);font-size:2.6rem;font-weight:700;letter-spacing:-.03rem;color:var(--color-brand)}.page-title{font-family:var(--font-family-logo);font-size:var(--font-size-page-title);font-weight:400;letter-spacing:-.04rem}.title{font-family:var(--font-family-logo);font-size:var(--font-size-title);font-weight:400;letter-spacing:-.04rem}.long-text{font-size:var(--font-size-long);font-weight:300;line-height:1.4;letter-spacing:-.02rem}.description{font-size:var(--font-size-sub);font-weight:300;line-height:1.2}.number{font-size:var(--font-size-sub);font-weight:300;line-height:1}.relative{position:relative}.icon-box{line-height:0}.ellipsis-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ellipsis-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ellipsis-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.clearfix:after{content:"";display:block;clear:both}.hidden{display:none!important}.invisible{visibility:hidden}.btn-box button{border-radius:8px;min-width:80px;padding:8px 16px}.icon-box button{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.active-btn{background-color:var(--btn-active-bg);color:var(--text-inverse)}.neutral-btn{background-color:var(--btn-neutral-bg);color:var(--text-main)}.floating-box{display:flex;flex-direction:column;align-items:flex-end;position:fixed;width:100%;max-width:var(--frame-width);left:0;right:0;bottom:12%;margin:0 auto;z-index:999;pointer-events:none}.floating-box .icon-box{width:56px;aspect-ratio:1/1;border-radius:50%;box-shadow:var(--box-default);margin-right:10px;cursor:pointer;pointer-events:auto}input[type=text],input[type=search],input[type=password],textarea{color:var(--text-main);border-radius:8px;background-color:var(--bg-surface);border:solid 3px transparent;transition:.3s ease-in-out;outline:none;padding:4px;line-height:2.4rem}*::placeholder{color:var(--text-sub)}input[type=text]:focus,input[type=search]:focus,input[type=password]:focus,textarea:focus{background-color:var(--bg-elevated);border-color:var(--bg-surface);box-shadow:0 0 4px var(--chip-important-bg)}.chips{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.6rem}.chips .chip{padding:4px 8px}.chip{font-size:var(--font-size-sub);white-space:nowrap;padding:2px 8px;border-radius:8px;line-height:1}.chip.default{background-color:var(--chip-default-bg);color:#2d2f35}.chip.important{background-color:var(--chip-important-bg);color:var(--text-inverse)}.chip.warning{background-color:var(--chip-warning-bg);color:#2d2f35}.chip.rating{background-color:var(--btn-active-bg);color:var(--text-inverse)}.heart{color:var(--heart)}.img-box.add-overlay:after{content:"";position:absolute;inset:0;background-color:#0000005b}section div .v3dp__popout[data-v-65eb861b]{background-color:var(--bg-elevated);color:var(--text-main)}section div button.v3dp__heading__center[data-v-65eb861b]:hover,section div .v3dp__heading__button[data-v-65eb861b]:not(:disabled):hover,section div .v3dp__elements[data-v-65eb861b] button:not(:disabled):hover span{background-color:var(--bg-surface);color:var(--text-main)}section div .v3dp__elements[data-v-65eb861b] button:disabled{color:var(--text-menu)}section div .v3dp__elements[data-v-65eb861b] button.selected span{background-color:var(--btn-active-bg);color:var(--text-inverse)}.date-picker-box input{padding:0}.terms-section .wrap{padding:0 30px}.terms-section .terms-basic-container h2{text-align:center}.terms-section .terms-basic-container .date-box{text-align:right;color:var(--text-sub)}.terms-section .terms-basic-container .content-box{margin-top:20px}.terms-section .articles-container article h3{font-size:var(--font-size-title);font-weight:500;margin:20px 0 8px}.terms-section .articles-container .content-box{margin-bottom:8px}.modal-bg{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#0000008e;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-bg .modal-container{min-width:300px;width:90%;max-width:650px;background-color:var(--bg-canvas);border-radius:8px;overflow:hidden}.modal-bg .modal-container .header,.modal-bg .modal-container .body,.modal-bg .modal-container .footer{padding:10px 14px}.modal-bg .header{background-color:var(--bg-surface)}.modal-bg .body input{width:100%;margin-top:10px}.modal-bg .footer .btn-box{display:flex;gap:24px;justify-content:center;margin-top:12px}@media screen and (min-width:390px){.wrap{padding:0 16px}}@media screen and (min-width:520px){.wrap{padding:0 24px}}@media screen and (min-width:690px){.logo{font-size:3rem}}
