@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,500;1,500&display=swap";#app-root{max-width:47.5rem;margin:0 auto;min-height:100dvh;overflow:hidden;background-color:var(--bg-default)}.title-container{text-align:center}.title-container .slogun-text{font-size:var(--font-size-title);font-weight:500}.title-container .logo{margin:2rem 0}.login-container{width:300px;margin:5rem auto 0}.login-container button{width:100%}.login-container .google-oauth{background-color:#fff;border:#747775 solid 1px}@media(prefers-color-scheme:dark){.login-container .google-oauth{background-color:#222;border:#747775 solid 1px}}.spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--bg-overlay);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;z-index:999}.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}}.search-section .input-box .work-search-input{width:100%;line-height:4rem;text-indent:var(--font-size-body);padding-right:40px;box-sizing:border-box}.search-section .search-container .icon-box{position:absolute;right:3px;top:3px;width:40px;height:40px;z-index:99}.search-section .search-container .banner-box{text-align:center;margin-top:16px;background-color:var(--chip-default-bg);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 .works-list-container{display:flex;flex-wrap:wrap;gap:16px 8px}.search-section .works-list-container .work-box{width:calc(50% - 4px);border-radius:8px;overflow:hidden;background-color:var(--bg-elevated);cursor:pointer;box-shadow:0 0 8px #00000014}.search-section .work-box .type-box{position:absolute;top:5px;left:5px}.search-section .work-box .img-box{aspect-ratio:2/3}.search-section .work-box .img-box img{height:100%;object-fit:cover}.search-section .work-box .work-info-box{display:flex;gap:3px;align-items:center;padding:12px 6px}.search-section .work-box .work-title-box{display:flex;align-items:center;width:calc(100% - 27px);gap:4px}.search-section .work-box .work-title-box .work-name{max-width:calc(100% - 4rem)}.search-section .work-box .work-title-box .release-year{flex-shrink:0}header{position:fixed;width:100%;max-width:47.5rem;top:0;left:0;right:0;margin:0 auto;overflow:hidden;z-index:999}.header-section{height:58px;box-shadow:0 2px 6px #0000001e;margin-bottom:6px}.header-section .wrap{display:flex;height:inherit;align-items:center;justify-content:space-between;background:var(--bg-elevated)}.header-section .title-box{display:flex;gap:10px;align-items:center}nav{position:fixed;width:100%;max-width:47.5rem;bottom:0;left:0;right:0;margin:0 auto;z-index:999;overflow:hidden;padding-top:34px}.nav-section{height:84px;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;justify-content:space-between;gap:30px;height:inherit;padding:10px 20px 20px}nav .wrap .icon-container .icon-box{min-width:calc((100% - 120px)/5)}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:var(--font-size-sub);line-height:2;color:var(--text-menu)}nav .wrap .icon-container>div{flex:1}nav .wrap .icon-container .fab-box .icon-box{position:absolute;top:-70px;left:50%;transform:translate(-50%);min-width:66px;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-container{margin:20px 0}.timeline-section .timeline-box{padding:14px;margin-bottom: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-create-section{padding-top:58px}.review-create-section .work-info-container{width:100%;aspect-ratio:3/2;overflow:hidden}.review-create-section .work-info-container .img-box{margin-top:-15%}.review-create-section .input-container{display:flex;margin-top:-10%;gap:8px}.review-create-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-create-section .input-container p{font-weight:500}.review-create-section .date-input-box .head-box .input-box{position:absolute;top:0;right:0;display:flex;align-items:center;color:var(--text-sub)}.review-create-section .date-input-box .head-box p{margin:0 51px}.review-create-section .date-input-box .body-box{margin-top:6px;display:flex;gap:4px}.review-create-section .date-input-box .date-picker-box{width:calc(50% - 5.5px);font-size:var(--font-size-sub)}.review-create-section .date-picker-box span{display:flex;align-items:center;justify-content:center}.review-create-section .date-picker-box input{width:100%;text-align:center}.review-create-section .rating-container .rating-box{margin-top:6px;display:inline-block}.review-create-section .rating-box .star-box{display:inline-block;margin:0 2px;width:24px;height:24px;flex-shrink:0}.review-create-section .rating-box .star-stroke,.review-create-section .rating-box .star-fill>svg{display:block;width:24px;height:24px;color:var(--chip-important-bg)}.review-create-section .rating-box .star-fill{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;white-space:nowrap}.review-create-section .review-write-container{margin-top:2rem}.review-create-section .review-write-container textarea{width:100%;min-height:250px;max-width:auto;resize:vertical;margin-top:1rem;padding:6px;outline:none;white-space:pre-wrap}.review-create-section .btn-box{margin-top:3rem;text-align:right}.review-detail-section{padding-top:58px;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 .created-at{text-align:right;margin:4px 6px 0 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-box{margin-top:12px}.review-detail-section .tags-container .head-box p button{margin-left:8px}.review-edit-section{padding-top:58px}.review-edit-section .work-info-container{width:100%;aspect-ratio:3/2;overflow:hidden}.review-edit-section .work-info-container .img-box{margin-top:-15%}.review-edit-section .input-container{display:flex;margin-top:-10%;gap:8px}.review-edit-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-edit-section .input-container p{font-weight:500}.review-edit-section .date-input-box .head-box p{margin:0 51px}.review-edit-section .date-input-box .head-box .input-box{position:absolute;top:0;right:0;display:flex;align-items:center;color:var(--text-sub)}.review-edit-section .date-input-box .body-box{margin-top:6px;display:flex;gap:4px}.review-edit-section .date-input-box .date-picker-box{width:calc(50% - 5.5px);font-size:var(--font-size-sub)}.review-edit-section .date-picker-box span{display:flex;align-items:center;justify-content:center}.review-edit-section .date-picker-box input{width:100%;text-align:center}.review-edit-section .rating-container .rating-box{margin-top:6px;display:inline-block}.review-edit-section .rating-box .star-box{display:inline-block;margin:0 2px;width:24px;height:24px;flex-shrink:0}.review-edit-section .rating-box .star-stroke,.review-edit-section .rating-box .star-fill>svg{display:block;width:24px;height:24px;color:var(--chip-important-bg)}.review-edit-section .rating-box .star-fill{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;white-space:nowrap}.review-edit-section .review-write-container{margin-top:2rem}.review-edit-section .review-write-container textarea{width:100%;min-height:250px;resize:vertical;margin-top:1rem;padding:6px;outline:none;white-space:pre-wrap}.review-edit-section .btn-box{margin-top:3rem;text-align:right}.profile-section .date-box{cursor:pointer}.work-detail-section{padding-top:5.8rem}.work-detail-section .floating-box{display:flex;flex-direction:column;align-items:end;position:fixed;width:100%;max-width:47.5rem;left:0;right:0;bottom:124px;margin:0 auto;z-index:999;pointer-events:none}.work-detail-section .floating-box .icon-box{width:60px;aspect-ratio:1/1;border-radius:50%;box-shadow:var(--box-default);margin-right:10px;cursor:pointer;pointer-events:auto}.work-detail-section .floating-box .icon-box.watchlist{background-color:var(--bg-surface);color:var(--heart);margin-bottom:20px}.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{height:201px}.work-detail-section .work-bg-box .img-box{height:100%;overflow:hidden}.work-detail-section .work-bg-box .img-box:before{content:"";position:absolute;inset:0;background-color:#5353533c}.work-detail-section .work-bg-box img{margin-top:-15%;filter:blur(3px);transform:scale(1.1)}.work-detail-section .work-bg-box .icon-box{position:absolute;top:0;right:0;padding:6px;color:var(--heart)}.work-detail-section .wrap .work-info-container{display:flex;gap:16px;transform:translateY(-50px);background-color:var(--bg-elevated);border-radius:8px;padding:14px;box-shadow:0 0 10px #0000000d}.work-detail-section .work-info-container .img-box{width:calc((100% - 16px)/2 - 8px);aspect-ratio:2/3;transform:translateY(-40px);margin-bottom:-40px;border-radius:8px;overflow:hidden;box-shadow:0 0 10px #0000000d}.work-detail-section .work-info-container .work-info-box{width:calc((100% - 16px)/2 + 8px)}.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-15{background-color:#fced1f;font-weight:600;color:var(--text-static)}.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:var(--font-size-title);line-height:1.2;margin:10px 0}.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:6px}.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;flex-direction:column;align-items:center;width:calc((100% - 42px)/7);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 .overview-box{margin-top:30px}.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{margin-top:30px}.work-detail-section .provider-box .ott-box{margin-top:10px;display:flex;gap:10px}.work-detail-section .provider-box .ott-box .ott{width:50px;aspect-ratio:1/1;border-radius:6px;cursor:pointer;background-color:#afafaf;word-break:break-all;text-align:center}.work-detail-section .review-list-box{margin-top:30px}*,*: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{--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: #faf7f0;--bg-surface: #faebd7;--bg-overlay: #faebd781;--bg-elevated: #fafafa;--text-main: #2d2f35;--text-sub: #474a53;--text-inverse: #f6f4f0;--text-menu: #666b77;--text-icon: #a0a6b2;--text-static: #2d2f35;--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;--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}}section{padding-top:9.4rem;padding-bottom:10rem;min-height:100dvh}.wrap{padding:0 16px}.logo{font-family:var(--font-family-logo);font-size:3rem;font-weight:700;letter-spacing:-.03em;color:var(--color-brand)}.page-title{font-family:var(--font-family-logo);font-size:var(--font-size-page-title);font-weight:400;letter-spacing:-.04em}.title{font-family:var(--font-family-logo);font-size:var(--font-size-title);font-weight:400;letter-spacing:-.04em}.long-text{font-size:var(--font-size-long);font-weight:300;line-height:1.4;letter-spacing:-.02em}.sub-text{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:10px 20px}.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)}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}*::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)}.overlay-box{position:absolute;inset:0;background-color:#53535380}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{background-color:var(--bg-surface)}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)}