/* LuTe */ :root { --text1:#010102; --text2:#212123; --text3:#424244; --text4:#717173; --text5:#a3a3a5; --text6:#cacacc; --text7:#e1e1e3; --text8:#f2f2f4; --text9:#f7f7f9; --lute1:#043676; --lute2:#5b90c3; --lute3:#c57ca1; --lute4:#dca8c2; --lute5:#c2bddd; --lute6:#e9e9e9; } .lute {font-family:"gowun-batang",sans-serif;} /* Layout */ /* header */ #header.lute {position:fixed;top:0;left:0;width:100%;height:100px;z-index:10000;} #header.lute .inner {justify-content:space-between;align-items:center;width:1400px;height:100%;margin:0 auto;} #header.lute .inner .logo {position:static;width:auto;height:60px;aspect-ratio:26 / 15;animation:none;} #header.lute .inner .logo a {display:block;width:100%;height:100%;background:url(../images/lute/lute-logo.svg) no-repeat center center / contain;transition:0.3s;} #header.lute .inner .logo a:hover {transform:scale(1.05);} #header.lute .inner nav {justify-content:flex-end;align-items:center;gap:2.5rem;} #header.lute .inner nav .nav-list {justify-content:flex-end;align-items:center;gap:2.5rem;opacity:0;transform:translateX(0.75rem);pointer-events:initial;transition:0.3s;} #header.lute .inner nav .nav-list.on {opacity:1;transform:translateX(0);pointer-events:initial;} #header.lute .inner nav .nav-list .menu-item {width:auto;transition:0.3s;} #header.lute .inner nav .nav-list .menu-item:hover {transform:translateY(-0.125rem);} #header.lute .inner nav .nav-list .menu-item a {position:relative;display:block;width:100%;color:#fff;font-size:0.75rem;text-align:center;line-height:1;padding-top:2.5rem;} #header.lute .inner nav .nav-list .menu-item a::after {content:"";position:absolute;top:0;left:50%;display:block;width:2rem;aspect-ratio:1 / 1;background:no-repeat center center / contain;transform:translateX(-50%);} #header.lute .inner nav .nav-list .menu-item:nth-child(1) a::after {background-image:url(../images/lute/lute-icon-1.svg);} #header.lute .inner nav .nav-list .menu-item:nth-child(2) a::after {background-image:url(../images/lute/lute-icon-2.svg);} #header.lute .inner nav .nav-list .menu-item:nth-child(3) a::after {background-image:url(../images/lute/lute-icon-3.svg);} #header.lute .inner nav .nav-list .menu-item:nth-child(4) a::after {background-image:url(../images/lute/lute-icon-4.svg);} #header.lute .inner nav .nav-list .menu-item:nth-child(5) a::after {background-image:url(../images/lute/lute-icon-5.svg);} #header.lute .inner nav .menu-button {width:100px;aspect-ratio:1 / 1;} #header.lute .inner nav .menu-button a {position:relative;display:block;width:100%;height:100%;background-color:var(--text1);transition:0.3s;} #header.lute .inner nav .menu-button a .line {position:absolute;left:50%;display:block;width:32px;height:2px;background-color:#fff;transform:translateX(-50%);transition:0.3s;} #header.lute .inner nav .menu-button a .line.no1 {top:39px;} #header.lute .inner nav .menu-button a .line.no2 {top:49px;} #header.lute .inner nav .menu-button a .line.no3 {top:59px;} #header.lute .inner nav .menu-button:not(.on) a:hover {background-color:var(--lute1);} #header.lute .inner nav .menu-button.on a {background-color:var(--lute3);} #header.lute .inner nav .menu-button.on a .line.no1 {transform:translate(-50%,9.5px) rotate(45deg);} #header.lute .inner nav .menu-button.on a .line.no2 {opacity:0;} #header.lute .inner nav .menu-button.on a .line.no3 {transform:translate(-50%,-9.5px) rotate(-45deg);} /* footer */ #footer.lute {opacity:0;} /* intro */ #intro.lute {position:fixed;top:0;left:0;width:100%;height:100dvh;background:linear-gradient(180deg,rgba(1, 1, 2, 1) 0%, rgba(4, 54, 117, 1) 50%, rgba(194, 189, 221, 1) 100%);overflow:hidden;z-index:10001;transition:0.5s;} #intro.lute::before {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(../images/lute/img-main-page-bg.jpg) no-repeat center center / cover;mix-blend-mode:overlay;opacity:0.5;} #intro.lute.out {opacity:0;pointer-events:none;} #intro.lute .animation-wrapper {justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box;} #intro.lute .animation-wrapper a {display:block;width:150px;margin-left:150px;transition:0.3s;} #intro.lute .animation-wrapper a:hover {transform:scale(1.05);} #intro.lute .animation-wrapper a .book-wrap {position:relative;width:100%;aspect-ratio:7 / 10;perspective:60rem;} #intro.lute .animation-wrapper a .book-wrap .book {position:relative;width:100%;height:100%;transform-style:preserve-3d;backface-visibility:visible;transition:1s ease-in 0s;} #intro.lute .animation-wrapper a .book-wrap .book div {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#efefef;transform-origin:left center;box-shadow:0 4px 4px rgba(1 1 2 / 3%);border-radius:0 0.5rem 0.5rem 0;will-change:transform;transform-style:preserve-3d;} #intro.lute .animation-wrapper a .book-wrap .book .front {backface-visibility:hidden;background:url(../images/lute/img-bookcover-front.png) no-repeat center center / cover;} #intro.lute .animation-wrapper a .book-wrap .book .back {backface-visibility:visible;background:url(../images/lute/img-bookcover-back.png) no-repeat center center / cover;} #intro.lute .animation-wrapper a .book-wrap.on .book .front {animation:book_animation_front 2s ease-in-out forwards;} #intro.lute .animation-wrapper a .book-wrap.on .book .back {animation:book_animation_front 2s ease-in-out 2.2s forwards;} #intro.lute .animation-wrapper a .book-wrap.on .book .page1 {animation:book_animation 2s ease-in-out .2s forwards;} #intro.lute .animation-wrapper a .book-wrap.on .book .page2 {animation:book_animation 2s ease-in-out .4s forwards;} #intro.lute .animation-wrapper a .book-wrap.on .book .page3 {animation:book_animation 2s ease-in-out .6s forwards;} #intro.lute .animation-wrapper a .book-wrap.on .book .page4 {animation:book_animation 2s ease-in-out .8s forwards;} #intro.lute .animation-wrapper a .book-wrap.on .book .page5 {animation:book_animation 2s ease-in-out 1s forwards;} #intro.lute .animation-wrapper a .book-wrap.on .book .page6 {animation:book_animation 2s ease-in-out 1.2s forwards;} #intro.lute .animation-wrapper a .book-wrap.on .book .page7 {animation:book_animation 2s ease-in-out 1.4s forwards;} #intro.lute .animation-wrapper a .book-wrap.on .book .page8 {animation:book_animation 2s ease-in-out 1.6s forwards;} #intro.lute .animation-wrapper a .book-wrap.on .book .page9 {animation:book_animation 2s ease-in-out 1.8s forwards;} #intro.lute .animation-wrapper a .book-wrap.on .book .page10 {animation:book_animation 2s ease-in-out 2s forwards;} @keyframes book_animation_front { 0% { transform:rotateY(0); } 100% { transform:rotateY(-180deg); } } @keyframes book_animation { 0% { transform:rotateY(0); opacity:1; } 98% { transform:rotateY(-180deg); opacity:1; } 99% { transform:rotateY(-180deg); opacity:0; } 100% { transform:rotateY(0); opacity:0; } } @keyframes book_animation_back { 0% { transform:rotateY(0); } 95% { transform:rotateY(-180deg); } 99% { transform:rotateY(-180deg); opacity:1; } 100% { transform:rotateY(-180deg); opacity:0; } } /* container */ #container.lute {position:relative;width:100%;height:100dvh;min-height:850px;background:linear-gradient(180deg,rgba(1, 1, 2, 1) 0%, rgba(4, 54, 117, 1) 50%, rgba(194, 189, 221, 1) 100%);box-sizing:border-box;overflow:hidden;} #container.lute::before {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(../images/lute/img-main-page-bg.jpg) no-repeat center center / cover;mix-blend-mode:overlay;opacity:0.5;} #container.lute .page, #container.lute .post {position:relative;width:100%;height:100%;padding:100px 0 0;border-radius:0;background-color:transparent;box-sizing:border-box;z-index:5;} #container.lute .page .scroll-wrap, #container.lute .post .scroll-wrap {width:100%;height:100%;overflow-x:hidden;overflow-y:auto;} #container.lute .page .scroll-wrap::-webkit-scrollbar, #container.lute .post .scroll-wrap::-webkit-scrollbar {width:0.5rem;} #container.lute .page .scroll-wrap::-webkit-scrollbar-thumb, #container.lute .post .scroll-wrap::-webkit-scrollbar-thumb {border-radius:5rem;background-color:#01010240;} #container.lute .page .scroll-wrap::-webkit-scrollbar-thumb:hover, #container.lute .post .scroll-wrap::-webkit-scrollbar-thumb:hover {background-color:#ffffff40;} #container.lute .page .scroll-wrap::-webkit-scrollbar-track, #container.lute .post .scroll-wrap::-webkit-scrollbar-track {background-color:transparent;} #container.lute .page .inner, #container.lute .post .inner {padding:0;margin:0 auto;} #container.lute .page .inner .copyright, #container.lute .post .inner .copyright {width:100%;color:#fff;font-size:0.875rem;text-align:center;line-height:5rem;margin-top:1.25rem;} #container.lute .notice-404 {color:#fff;font-size:3.75rem;text-align:center;line-height:5rem;margin-top:2.5rem;} /* top-button */ #top-button.lute {position:fixed;bottom:1rem;right:1rem;z-index:10000;} #top-button.lute a {display:block;color:#fff;font-size:1rem;text-align:center;line-height:1;padding:0.5rem 0.75rem;border:1px solid #ffffff40;background-color:#ffffff26;} /* texture */ .texture-cover {position:fixed;top:0;left:0;width:100%;height:100dvh;background:url(../images/img-paper-texture.jpg) repeat center center / 500px;mix-blend-mode:multiply;pointer-events:none;z-index:10005;} /* Page */ /* main */ #container.lute .post-main {overflow-x:hidden;overflow-y:auto;} #container.lute .post-main .inner {position:relative;width:1400px;height:100%;} #container.lute .post-main .inner .copyright {position:absolute;bottom:0;left:0;width:100%;color:#fff;font-size:0.875rem;text-align:center;line-height:2rem;} #container.lute .visual-wrapper {justify-content:center;align-items:flex-end;width:100%;height:100%;} #container.lute .visual-wrapper .image-wrap {position:relative;width:500px;height:calc(100% - 1.25rem);} #container.lute .visual-wrapper .image-wrap .heart {position:absolute;top:7.5rem;left:calc(50% - 3rem / 2);display:block;width:3rem;aspect-ratio:1 / 1;background:url(../images/lute/icon-heart.svg) no-repeat center center / contain;transform-style:preserve-3d;backface-visibility:visible;animation:flipHeart 1.5s ease-in-out infinite;} #container.lute .visual-wrapper .image-wrap .image {width:100%;height:100%;border-radius:50rem 50rem 0 0;overflow:hidden;} #container.lute .visual-wrapper .image-wrap .image img {display:block;width:100%;height:100%;object-fit:cover;object-position:32.5% center;} #container.lute .visual-wrapper .image-wrap .circle {position:absolute;top:calc(-6.25rem / 2);left:50%;width:calc(100% + 6.25rem);aspect-ratio:1 / 1;background:url(../images/lute/img-circle-text.png) no-repeat center center / contain;transform:translateX(-50%);z-index:-1;animation:rotateText 40s linear infinite;} #container.lute .visual-wrapper .text-wrap {position:absolute;top:0;left:0;justify-content:center;gap:2.5rem;width:100%;height:100%;padding-top:1.25rem;box-sizing:border-box;} #container.lute .visual-wrapper .text-wrap .title {justify-content:space-between;align-items:center;width:100%;} #container.lute .visual-wrapper .text-wrap .title .name {display:block;width:calc((100% - 3rem - 6.25rem * 2) / 2);color:#fff;font-size:7.5rem;font-weight:600;font-style:italic;font-family:"ohno-blazeface",sans-serif;line-height:1;} #container.lute .visual-wrapper .text-wrap .title .name.no1 {text-align:right;} #container.lute .visual-wrapper .text-wrap .title .name.no2 {text-align:left;} #container.lute .visual-wrapper .text-wrap .title .unit {display:block;width:3rem;color:#fff;font-size:5rem;text-align:center;line-height:1;} #container.lute .visual-wrapper .text-wrap .profile {width:100%;box-sizing:border-box;} #container.lute .visual-wrapper .text-wrap .profile a {position:relative;display:block;height:250px;} #container.lute .visual-wrapper .text-wrap .profile a .character {width:100%;height:100%;background:no-repeat center center / contain;transition:0.3s;} #container.lute .visual-wrapper .text-wrap .profile a .label {position:absolute;display:block;color:#fff;font-size:3.75rem;font-family:"adventures-unlimited",sans-serif;} #container.lute .visual-wrapper .text-wrap .luxane {justify-content:flex-start;padding-left:7.5rem;} #container.lute .visual-wrapper .text-wrap .luxane a {aspect-ratio:37 / 50;} #container.lute .visual-wrapper .text-wrap .luxane a .character {background-image:url(../images/lute/img-profile-luxane.png);} #container.lute .visual-wrapper .text-wrap .luxane a .label {top:45%;left:-1.5rem;} #container.lute .visual-wrapper .text-wrap .luxane a:hover .character {transform:rotate(-5deg);} #container.lute .visual-wrapper .text-wrap .tehez {justify-content:flex-end;padding-right:7.5rem;} #container.lute .visual-wrapper .text-wrap .tehez a {aspect-ratio:41 / 50;} #container.lute .visual-wrapper .text-wrap .tehez a .character {background-image:url(../images/lute/img-profile-tehez.png);} #container.lute .visual-wrapper .text-wrap .tehez a .label {top:45%;right:-1.5rem;} #container.lute .visual-wrapper .text-wrap .tehez a:hover .character {transform:rotate(5deg);} #container.lute .d-day-banner-wrap {position:absolute;top:5rem;right:0;width:240px;} #container.lute .d-day-banner-wrap .banner {width:100%;margin-bottom:0.5rem;} #container.lute .d-day-banner-wrap .banner img {display:block;width:100%;font-size:0.875rem;font-family:"optique-display",sans-serif;} #container.lute .d-day-banner-wrap .d-day {justify-content:space-between;align-items:center;width:100%;margin-bottom:0.75rem;} #container.lute .d-day-banner-wrap .d-day * {display:block;color:#fff;} #container.lute .d-day-banner-wrap .sticker {width:100%} #container.lute .d-day-banner-wrap .sticker img {display:block;width:100%;} #container.lute .button-banner-wrap {position:absolute;bottom:2.5rem;left:0;} #container.lute .button-banner-wrap a {display:block;transition:0.3s;} #container.lute .button-banner-wrap a:hover {transform:translateY(-0.25rem);} #container.lute .button-banner-wrap .timeline {position:relative;width:320px;} #container.lute .button-banner-wrap .timeline img {display:block;width:100%;} #container.lute .button-banner-wrap .timeline .label {position:absolute;left:0.5rem;bottom:0.5rem;display:block;color:#fff;font-size:1.125rem;font-family:"optique-display",sans-serif;text-shadow:0 0 4px rgba(1 1 2 / 50%);} #container.lute .button-banner-wrap .timeline .autography {position:absolute;right:-0.5rem;bottom:-1.75rem;display:block;color:#fff;font-size:5rem;font-family:"adventures-unlimited",sans-serif;line-height:1;} #container.lute .button-banner-wrap .bottom {justify-content:flex-end;align-items:center;gap:1.25rem;width:100%;margin-top:1.5rem;} #container.lute .button-banner-wrap .bottom a {position:relative;padding:0.5rem;border:1px solid #ffffff40;background-color:#ffffff26;box-sizing:border-box;} #container.lute .button-banner-wrap .bottom a .label {display:block;color:#fff;font-size:1.125rem;font-family:"optique-display",sans-serif;text-shadow:0 0 4px rgba(1 1 2 / 25%);} #container.lute .button-banner-wrap .bottom a .tag {position:absolute;display:block;aspect-ratio:1 / 1;background:no-repeat center center / contain;} #container.lute .button-banner-wrap .bottom .archive {width:180px;height:65px;} #container.lute .button-banner-wrap .bottom .archive .tag {bottom:-1rem;right:0;width:4.25rem;background-image:url(../images/lute/img-button-archive.png);} #container.lute .button-banner-wrap .bottom .storage {width:100px;height:80px;} #container.lute .button-banner-wrap .bottom .storage .tag {bottom:0.25rem;right:0.5rem;width:2.5rem;background-image:url(../images/lute/img-button-storage.png);} @keyframes flipHeart { 0% { transform:rotateY(0); } 100% { transform:rotateY(180deg); } } @keyframes rotateText { 0% { transform:translateX(-50%) rotate(0); } 100% { transform:translateX(-50%) rotate(360deg); } } /* Profile */ #container.lute .type-profile .inner {width:960px;} #container.lute .profile-name-wrap {width:100%;font-size:5rem;font-weight:400;font-style:italic;font-family:"ohno-blazeface",sans-serif;line-height:1;text-align:center;margin:5rem 0 3.75rem;} #container.lute .profile-tab-list {position:fixed;top:100px;left:50%;justify-content:center;align-items:center;gap:0.5rem;width:960px;background:linear-gradient(90deg,rgba(1, 1, 2, 0) 5%, rgba(1, 1, 2, 0.5) 50%, rgba(1, 1, 2, 0) 95%);backdrop-filter:blur(4px);transform:translateX(-50%);z-index:10;} #container.lute .profile-tab-list li {width:calc(25% - 0.5rem * 3 / 4);max-width:120px;} #container.lute .profile-tab-list li a {position:relative;justify-content:center;align-items:center;width:100%;height:48px;color:var(--text5);font-size:1rem;font-weight:700;box-sizing:border-box;transition:0.3s;} #container.lute .profile-tab-list li a::after {content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:4px;opacity:0;transition:0.3s;} #container.lute .profile-tab-list li a:hover {color:#fff;} #container.lute .profile-tab-list li.on a {color:#fff;} #container.lute .profile-tab-list li.on a::after {opacity:1;} #container.lute .profile-total-wrap {display:none;} #container.lute .profile-total-wrap.on {display:block;} #container.lute .profile-content .intro-wrap {width:100%;margin-bottom:3.75rem;} #container.lute .profile-content .intro-wrap .catchphrase {color:#fff;font-size:1rem;text-align:center;margin-bottom:0.5rem;} #container.lute .profile-content .intro-wrap .one-word {color:#fff;font-size:2.5rem;font-family:"optique-display",sans-serif;text-align:center;} #container.lute .profile-content .visual-wrap {width:100%;margin-bottom:3.75rem;} #container.lute .profile-content .visual-wrap .img {position:relative;width:100%;margin-bottom:1.75rem;} #container.lute .profile-content .visual-wrap .img img {display:block;width:100%;} #container.lute .profile-content .visual-wrap .text {color:#fff;text-align:center;} #container.lute .profile-content .visual-wrap .text span {display:block;} #container.lute .profile-content .visual-wrap .text span + span {margin-top:1.25rem;} #container.lute .profile-content .visual-wrap .text .through {display:inline;text-decoration:line-through;} #container.lute .profile-content .subject {color:#fff;font-size:2rem;font-weight:400;font-family:"optique-display",sans-serif;text-align:center;margin-bottom:1.75rem;} #container.lute .profile-content .basic-wrap {justify-content:center;align-items:center;gap:3.75rem;width:100%;margin-bottom:2.5rem;} #container.lute .profile-content .basic-wrap li {width:auto;color:#fff;} #container.lute .profile-content .basic-wrap li .label {display:block;font-size:1.125rem;text-align:center;margin-bottom:0.75rem;} #container.lute .profile-content .basic-wrap li .text {display:block;font-size:1rem;text-align:center;} #container.lute .profile-content .paragraph {color:#fff;font-size:1rem;line-height:1.6;margin-bottom:3.75rem;} #container.lute .profile-content .paragraph .main {display:block;font-size:1.25rem;text-align:center;margin-bottom:1.25rem;} #container.lute .profile-content .paragraph span {display:block;} #container.lute .profile-content .paragraph span + span {margin-top:1.25rem;} #container.lute .profile-content .paragraph .through {display:inline;text-decoration:line-through;} #container.lute .type-luxane .profile-name-wrap {color:var(--lute1);} #container.lute .type-luxane .profile-tab-list li a::after {background-color:var(--lute1);} #container.lute .type-luxane .profile-tab-list li.on a {background:linear-gradient(0deg,rgba(4, 54, 118, 0.5) 0%, rgba(4, 54, 118, 0) 100%);} #container.lute .type-tehez .profile-name-wrap {color:var(--lute3);} #container.lute .type-tehez .profile-tab-list li a::after {background-color:var(--lute3);} #container.lute .type-tehez .profile-tab-list li.on a {background:linear-gradient(0deg,rgba(197, 124, 161, 0.5) 0%, rgba(197, 124, 161, 0) 100%);} /* Archive */ /* Archive - List */ #container.lute .type-archive .inner {display:flex;flex-flow:column wrap;justify-content:center;width:1400px;height:100%;} #container.lute .type-archive .swiper-content {position:relative;width:100%;} #container.lute .type-archive .swiper-content .swipers {width:100%;} #container.lute .type-archive .swiper-content .swipers .swiper-wrapper .swiper-slide a {display:block;} #container.lute .type-archive .swiper-content .swipers .swiper-wrapper .swiper-slide a .image {position:relative;width:100%;margin-bottom:1.25rem;transition:0.3s;} #container.lute .type-archive .swiper-content .swipers .swiper-wrapper .swiper-slide a:hover .image {transform:translateY(-0.5rem);} #container.lute .type-archive .swiper-content .swipers .swiper-wrapper .swiper-slide a .image img {display:block;width:100%;} #container.lute .type-archive .swiper-content .swipers .swiper-wrapper .swiper-slide a .image .reflect {position:absolute;bottom:-2.5rem;left:0;display:block;width:100%;height:2.5rem;transform:scaleY(-1);mask-image:linear-gradient(0deg,rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);mask-mode:alpha;} #container.lute .type-archive .swiper-content .swipers .swiper-wrapper .swiper-slide a .title {position:relative;display:block;color:#fff;font-size:1.25rem;font-weight:400;font-family:"optique-display",sans-serif;text-align:center;z-index:1;} #container.lute .type-archive .swiper-content .swipers .swiper-wrapper .swiper-slide a .title .status {display:none;} #container.lute .type-archive .swiper-content .prev-navigation, #container.lute .type-archive .swiper-content .next-navigation {position:absolute;top:calc((100% - 3.75rem - 0.5rem - 1.25rem - 28px) / 2);justify-content:center;align-items:center;width:48px;aspect-ratio:1 / 1;color:#fff;font-size:1rem;font-weight:300;font-family:"Pretendard",sans-serif;background-color:var(--lute1);transform:translateY(-50%);cursor:pointer;z-index:3;transition:0.3s;} #container.lute .type-archive .swiper-content .prev-navigation:hover, #container.lute .type-archive .swiper-content .next-navigation:hover {background-color:var(--lute3);} #container.lute .type-archive .swiper-content .prev-navigation .arrow, #container.lute .type-archive .swiper-content .next-navigation .arrow {display:block;text-align:center;} #container.lute .type-archive .swiper-content .prev-navigation {left:0;} #container.lute .type-archive .swiper-content .next-navigation {right:0;} #container.lute .type-archive .swiper-content .prev-navigation:hover {left:-0.5rem;} #container.lute .type-archive .swiper-content .next-navigation:hover {right:-0.5rem;} #container.lute .type-archive .swiper-content .swiper-pagination {position:relative;width:100%;height:0.5rem;margin-top:3.75rem;border-radius:5rem;background-color:#01010240;overflow:hidden;z-index:3;} #container.lute .type-archive .swiper-content .swiper-pagination .swiper-pagination-progressbar-fill {background:linear-gradient(90deg,rgba(91, 144, 195, 1) 0%, rgba(220, 168, 194, 1) 100%);} #container.lute .post-password-form {position:absolute;top:calc(100px + 3.75rem);left:50%;width:calc(100% - 3.75rem * 2 - 200px);transform:translateX(-50%);} #container.lute .post-password-form .form-title {color:var(--lute1);font-size:1.75rem;font-style:italic;font-family:"ohno-blazeface",sans-serif;text-align:center;margin-bottom:1.25rem;} #container.lute .post-password-form .post-password-form-invalid-password {color:var(--lute5);text-align:center;margin-top:0.75rem;} #container.lute .post-password-form .notice-text {display:none;} #container.lute .post-password-form .form-content {justify-content:center;align-items:center;gap:0.5rem;width:100%;max-width:300px;margin:0 auto;} #container.lute .post-password-form .form-content label {position:relative;width:calc(100% - 0.5rem - 44px);} #container.lute .post-password-form .form-content label i {position:absolute;top:50%;left:0.75rem;color:var(--lute3);font-size:0.875rem;transform:translateY(-50%);} #container.lute .post-password-form .form-content label span {display:none;} #container.lute .post-password-form .form-content input[type=password] {width:100%;height:44px;color:#fff;padding:0 0.5rem 0 calc(0.75rem + 0.5rem + 12px);border:1px solid #ffffff40;border-radius:0;background-color:#ffffff26;box-sizing:border-box;} #container.lute .post-password-form .form-content input[type=password]:focus {border-color:#fff;} #container.lute .post-password-form .form-content .submit-btn {position:relative;display:block;width:44px;} #container.lute .post-password-form .form-content .submit-btn::after {content:"→";position:absolute;top:50%;left:50%;display:block;color:#fff;font-size:1rem;font-family:"Pretendard",sans-serif;transform:translate(-50%,-50%);pointer-events:none;} #container.lute .post-password-form .form-content .submit-btn input[type=submit] {width:100%;aspect-ratio:1 / 1;font-size:0;border:0;border-radius:0;background-color:var(--lute1);transition:0.2s;} #container.lute .post-password-form .form-content .submit-btn:hover input[type=submit] {background-color:var(--lute3);} #container.lute .post-password-form + .copyright {display:none;} /* Archive - Post */ #container.lute .type-singular .inner {width:960px;padding-top:1rem;} #container.lute .dialogue-wrapper {width:100%;} #container.lute .dialogue-wrapper .dialogue-wrap {width:100%;} #container.lute .dialogue-wrapper .dialogue-wrap .item {width:100%;} #container.lute .dialogue-wrapper .dialogue-wrap .item + .item {margin-top:0.75rem;} #container.lute .dialogue-wrapper .dialogue-wrap .item.card {width:100%;aspect-ratio:3 / 2;mask-image:linear-gradient(180deg,rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 0) 100%);mask-mode:alpha} #container.lute .dialogue-wrapper .dialogue-wrap .item.card .card-img-wrap {width:100%;height:100%;} #container.lute .dialogue-wrapper .dialogue-wrap .item.title {position:relative;margin:0;z-index:1;} #container.lute .dialogue-wrapper .dialogue-wrap .item.title .title-text {color:#fff;font-size:3.75rem;font-weight:400;font-family:"blazeface-hangeul-18pt","ohno-blazeface",sans-serif;text-align:center;} #container.lute .dialogue-wrapper .dialogue-wrap .item.info {color:#fff;font-size:1.25rem;font-weight:400;text-align:center;} #container.lute .dialogue-wrapper .dialogue-wrap .item.space {color:var(--lute3);font-size:0.875rem;text-align:center;margin:1.5rem 0;} #container.lute .dialogue-wrapper .dialogue-wrap .item.order {color:#fff;text-align:center;padding:0.625rem 1.25rem;margin:2rem 0;background:linear-gradient(90deg,rgba(1, 1, 2, 0) 5%, rgba(1, 1, 2, 0.5) 50%, rgba(1, 1, 2, 0) 95%);} #container.lute .dialogue-wrapper .dialogue-wrap .item.order a {color:#fff;} #container.lute .dialogue-wrapper .dialogue-wrap .item.order a:hover {text-decoration:underline;} #container.lute .dialogue-wrapper .dialogue-wrap .item.desc {color:#fff;text-align:center;} #container.lute .dialogue-wrapper .dialogue-wrap .item.deco + .item.deco {margin-top:0;} #container.lute .dialogue-wrapper .dialogue-wrap .item.deco span {display:block;width:100%;} #container.lute .dialogue-wrapper .dialogue-wrap .item.deco img {display:block;width:100%;} #container.lute .dialogue-wrapper .dialogue-wrap .item.deco + .item.desc {margin-top:1.5rem;} #container.lute .dialogue-wrapper .dialogue-wrap .item.order.end {margin-bottom:0;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line {margin-top:2.5rem;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line + .item.line {margin-top:1.5rem;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line + .item:not(.line) {margin-top:2.5rem;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line .chat {justify-content:flex-start;align-items:flex-start;gap:0.75rem;width:100%;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line .chat .chat-img {width:3rem;aspect-ratio:1 / 1;border-radius:0.75rem;background:#ffffff26 no-repeat center center / cover;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line .chat .chat-text {justify-content:flex-start;width:calc(100% - 3rem - 0.75rem);} #container.lute .dialogue-wrapper .dialogue-wrap .item.line .chat .chat-text .name {display:block;width:100%;color:#fff;padding-top:0.5rem;margin-bottom:0.5rem;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line .chat .chat-text .content {width:auto;max-width:100%;color:#fff;font-weight:300;padding:1rem;border-radius:0 0.75rem 0.75rem 0.75rem;background-color:#ffffff26;box-sizing:border-box;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line .chat .chat-text .content .img-box {width:100%;border-radius:0.25rem;overflow:hidden;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line .chat .chat-text .content .img-box li {width:100%;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line .chat .chat-text .content .img-box li img {display:block;width:100%;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line .chat .chat-text .content .text + .img-box {margin-top:1.25rem;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line .chat .chat-text .content .dice-box {width:200px;border:1px solid #aaa;border-radius:0.25rem;box-sizing:border-box;overflow:hidden;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line .chat .chat-text .content .dice-box li + li {border-top:1px solid #aaa;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line .chat .chat-text .content .dice-box li span {display:block;color:#333;text-align:center;padding:0.5rem;background-color:#efefef;box-sizing:border-box;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line .chat .chat-text .content .dice-box li.roll-name span {font-weight:700;background-color:#e3e3e3;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line .chat .chat-text .content .dice-box li.roll-result span .result {display:block;width:100%;font-size:0.875rem;padding:0.25rem;border-radius:50px;box-sizing:border-box;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line .chat .chat-text .content .dice-box li.roll-result.normal span .result {color:#fff;background-color:#297a30;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line .chat .chat-text .content .dice-box li.roll-result.hard span .result {color:#fff;background-color:#42a84c;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line .chat .chat-text .content .dice-box li.roll-result.extreme span .result {color:#333;background-color:#9dec79;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line .chat .chat-text .content .dice-box li.roll-result.critical span .result {color:#333;font-weight:700;background-color:#a2ee1e;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line .chat .chat-text .content .dice-box li.roll-result.fail span .result {color:#fff;background-color:#b61717;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line .chat .chat-text .content .dice-box li.roll-result.fumble span .result {color:#fff;background-color:#ff3333;} #container.lute .dialogue-wrapper .dialogue-wrap .item.handout {margin:2.5rem 0;overflow:hidden;} #container.lute .dialogue-wrapper .dialogue-wrap .item.handout img {display:block;width:100%;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line.luxane .chat .chat-text .content {background-color:#5b90c366;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line.tehez .chat .chat-text .content {background-color:#dca8c266;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line.luxane + .item.line.luxane, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.tehez + .item.line.tehez {margin-top:0.75rem;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line.luxane + .item.line.luxane .chat-img, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.tehez + .item.line.tehez .chat-img {opacity:0;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line.luxane + .item.line.luxane .chat-text .name, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.tehez + .item.line.tehez .chat-text .name {display:none;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line.luxane + .item.line.luxane .chat-text .content, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.tehez + .item.line.tehez .chat-text .content {border-radius:0.75rem;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc1 + .item.line.npc1, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc2 + .item.line.npc2, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc3 + .item.line.npc3, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc4 + .item.line.npc4, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc5 + .item.line.npc5, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc6 + .item.line.npc6 {margin-top:0.75rem;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc1 + .item.line.npc1 .chat-img, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc2 + .item.line.npc2 .chat-img, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc3 + .item.line.npc3 .chat-img, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc4 + .item.line.npc4 .chat-img, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc5 + .item.line.npc5 .chat-img, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc6 + .item.line.npc6 .chat-img {opacity:0;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc1 + .item.line.npc1 .chat-text .name, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc2 + .item.line.npc2 .chat-text .name, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc3 + .item.line.npc3 .chat-text .name, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc4 + .item.line.npc4 .chat-text .name, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc5 + .item.line.npc5 .chat-text .name, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc6 + .item.line.npc6 .chat-text .name {display:none;} #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc1 + .item.line.npc1 .chat-text .content, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc2 + .item.line.npc2 .chat-text .content, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc3 + .item.line.npc3 .chat-text .content, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc4 + .item.line.npc4 .chat-text .content, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc5 + .item.line.npc5 .chat-text .content, #container.lute .dialogue-wrapper .dialogue-wrap .item.line.npc6 + .item.line.npc6 .chat-text .content {border-radius:0.75rem;} /* community */ #container.lute .dialogue-wrapper.community .dialogue-wrap .item.handout {max-width:480px;margin:2.5rem auto;border-radius:1.25rem;overflow:hidden;} #container.lute .dialogue-wrapper .dialogue-wrap.primary .item.line.luxane .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/초등부_루크세인-프로필.png);} #container.lute .dialogue-wrapper .dialogue-wrap.primary .item.line.tehez .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/초등부_테헤즈-프로필.png);} #container.lute .dialogue-wrapper .dialogue-wrap.middle .item.line.luxane .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/중등부_루크세인-프로필.png);} #container.lute .dialogue-wrapper .dialogue-wrap.middle .item.line.tehez .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/중등부_테헤즈-프로필.png);} #container.lute .dialogue-wrapper .dialogue-wrap.secondary .item.line.luxane .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/고등부_루크세인-프로필.png);} #container.lute .dialogue-wrapper .dialogue-wrap.secondary .item.line.tehez .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/고등부_테헤즈-프로필.png);} /* trpg */ #container.lute .dialogue-wrapper .dialogue-wrap.no1 .item.line.luxane .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/경화수월_루크세인.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no1 .item.line.tehez .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/경화수월_테헤즈.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no2 .item.line.luxane .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/숲속의-마녀와-사랑의-묘약_루크세인.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no2 .item.line.tehez .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/숲속의-마녀와-사랑의-묘약_테헤즈.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no3 .item.line.luxane .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/네가-있는-26번지_루크세인.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no3 .item.line.tehez .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/네가-있는-26번지_테헤즈.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no3 .item.line.npc1 .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/네가-있는-26번지_미니테즈.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no3 .item.line.npc2 .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/네가-있는-26번지_미니루크.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no3 .item.line.npc3 .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/네가-있는-26번지_미니미-미고.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no4 .item.line.luxane.no1 .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/스트리가-사립학교-졸업식_루크세인-1.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no4 .item.line.luxane.no2 .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/스트리가-사립학교-졸업식_루크세인-2.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no4 .item.line.luxane.no3 .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/스트리가-사립학교-졸업식_루크세인-3.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no4 .item.line.tehez.no1 .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/스트리가-사립학교-졸업식_테헤즈-1.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no4 .item.line.tehez.no2 .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/스트리가-사립학교-졸업식_테헤즈-2.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no4 .item.line.tehez.no3 .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/스트리가-사립학교-졸업식_테헤즈-3.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no4 .item.line.npc1 .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/스트리가-사립학교-졸업식_NPC-1.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no4 .item.line.npc2 .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/스트리가-사립학교-졸업식_NPC-2.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no4 .item.line.npc3 .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/스트리가-사립학교-졸업식_NPC-3.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no4 .item.line.npc4 .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/스트리가-사립학교-졸업식_NPC-4.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no4 .item.line.npc5 .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/스트리가-사립학교-졸업식_NPC-5.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no5 .item.line.luxane .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/종막의-낭만주의자들_루크세인.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no5 .item.line.tehez .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/종막의-낭만주의자들_테헤즈.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no6 .item.line.luxane .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/KPC-무한-복제-사건_루크세인.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no6 .item.line.tehez .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/KPC-무한-복제-사건_테헤즈-1.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no6 .item.line.npc1 .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/KPC-무한-복제-사건_테헤즈-2.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no6 .item.line.npc2 .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/KPC-무한-복제-사건_테헤즈-3.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no6 .item.line.npc3 .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/KPC-무한-복제-사건_테헤즈-4.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no6 .item.line.npc4 .chat .chat-img {background-image:url(/wp-content/uploads/2025/10/KPC-무한-복제-사건_테헤즈-4.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no7 .item.line.luxane .chat .chat-img {background-image:url(/wp-content/uploads/2025/11/머메이드-론도_루크세인.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no7 .item.line.tehez.no1 .chat .chat-img {background-image:url(/wp-content/uploads/2025/11/머메이드-론도_테헤즈-1.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no7 .item.line.tehez.no2 .chat .chat-img {background-image:url(/wp-content/uploads/2025/11/머메이드-론도_테헤즈-2.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no7 .item.line.npc1 .chat .chat-img {background-image:url(/wp-content/uploads/2025/11/머메이드-론도_NPC-1.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no7 .item.line.npc2 .chat .chat-img {background-image:url(/wp-content/uploads/2025/11/머메이드-론도_NPC-2.png);} #container.lute .dialogue-wrapper .dialogue-wrap.no7 .item.line.npc3 .chat .chat-img {background-image:url(/wp-content/uploads/2025/11/머메이드-론도_NPC-3.png);} /* Timeline */ #container.lute .type-timeline .inner {width:960px;padding-top:1rem;} #container.lute .timeline-wrapper {position:relative;width:100%;} #container.lute .timeline-wrapper .timeline-bar {position:absolute;top:5.25rem;left:50%;display:block;width:2px;height:calc(100% - 5.25rem);background-color:#ffffff40;transform:translateX(-50%);overflow:hidden;} #container.lute .timeline-wrapper .term-content {padding-bottom:7.5rem;} #container.lute .timeline-wrapper .term-content.no3 {padding-bottom:15rem;} #container.lute .timeline-wrapper .term-content .term-name {position:relative;justify-content:center;align-items:center;width:100%;margin-bottom:5rem;} #container.lute .timeline-wrapper .term-content .term-name .text {display:block;color:var(--lute3);font-size:3.75rem;font-weight:400;font-family:"blazeface-hangeul-18pt",sans-serif;text-align:center;} #container.lute .timeline-wrapper .term-content .event-list {width:100%;} #container.lute .timeline-wrapper .term-content .event-list .event-item {justify-content:space-between;align-items:flex-start;gap:2.5rem;width:100%;} #container.lute .timeline-wrapper .term-content .event-list .event-item + .event-item {margin-top:5rem;} #container.lute .timeline-wrapper .term-content .event-list .event-item .year {position:relative;display:block;width:1.75rem;aspect-ratio:1 / 1;background-color:var(--lute1);transform:rotate(45deg);transform-origin:center;} #container.lute .timeline-wrapper .term-content .event-list .event-item .year .text {position:absolute;top:50%;left:50%;display:block;color:#fff;line-height:1;transform:translate(-50%,-50%) rotate(-45deg);} #container.lute .timeline-wrapper .term-content .event-list .event-item .luxane, #container.lute .timeline-wrapper .term-content .event-list .event-item .tehez {width:calc((100% - 2.5rem * 2 - 2.5rem) / 2);color:#fff;margin:0;} #container.lute .timeline-wrapper .term-content .event-list .event-item .luxane li + li, #container.lute .timeline-wrapper .term-content .event-list .event-item .tehez li + li {margin-top:1rem;} #container.lute .timeline-wrapper .term-content .event-list .event-item .luxane li {text-align:right;} #container.lute .timeline-wrapper .term-content .event-list .event-item .tehez li {text-align:left;} /* Storage */ /* Storage - List */ #container.lute .type-storage .inner {width:960px;padding-top:1rem;} #container.lute .type-storage .storage-list {justify-content:flex-start;gap:1.25rem;width:100%;} #container.lute .type-storage .storage-list .item {width:calc(50% - 1.25rem / 2);} #container.lute .type-storage .storage-list .item a {position:relative;display:block;width:100%;color:#fff;padding:1rem 3rem 1rem 1rem;border:1px solid #ffffff40;background-color:#ffffff26;box-sizing:border-box;transition:0.3s;} #container.lute .type-storage .storage-list .item a::after {content:"";position:absolute;top:50%;right:1rem;display:block;width:1rem;aspect-ratio:1 / 1;background:url(../images/icon-dropdown-wh.svg) no-repeat center center / contain;opacity:0.75;transform:translateY(-50%);transition:0.3s;} #container.lute .type-storage .storage-list .item a:hover {transform:translateY(-0.25rem);} #container.lute .type-storage .storage-list .item a:hover::after {opacity:1;} #container.lute .type-storage .storage-list .item a .title {display:block;font-size:1.25rem;line-height:1;white-space:nowrap;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #ffffff40;overflow:hidden;text-overflow:ellipsis;} #container.lute .type-storage .storage-list .item a .date {display:block;font-size:0.875rem;line-height:1;} #container.lute .type-storage .storage-list .item a .title .status {display:none;} #container.lute .type-storage .alm-btn-wrap {display:flex;flex-flow:row wrap;justify-content:center;align-items:center;width:100%;} #container.lute .type-storage .alm-btn-wrap .load-more-button {display:block;color:#fff;font-size:1rem;font-family:"gowun-batang",sans-serif;text-align:center;line-height:1;padding:0.75rem 1.25rem;margin-top:2.5rem;border:1px solid #ffffff40;background-color:#ffffff26;transition:0.3s;} #container.lute .type-storage .alm-btn-wrap .load-more-button:hover {text-decoration:none;transform:translateY(-0.25rem);} #container.lute .type-storage .alm-btn-wrap .load-more-button.done {display:none;} /* Storage - Post */ #container.lute .storage-wrapper {width:100%;max-width:480px;margin:0 auto;} #container.lute .storage-wrapper .storage-wrap {width:100%;} #container.lute .storage-wrapper .storage-wrap .item:not(.space) {width:100%;padding:1.5rem 1rem;background-color:#ffffff26;box-sizing:border-box;} #container.lute .storage-wrapper .storage-wrap .item.title {border-bottom:double #ffffff40;} #container.lute .storage-wrapper .storage-wrap .item.title .text {color:#fff;font-size:1.5rem;font-weight:700;white-space:pre-line;} #container.lute .storage-wrapper .storage-wrap .item.mention + .mention {border-top:1px dashed #ffffff40;} #container.lute .storage-wrapper .storage-wrap .item.mention .owner {justify-content:flex-start;align-items:center;gap:0.75rem;width:100%;margin-bottom:1.25rem;} #container.lute .storage-wrapper .storage-wrap .item.mention .owner .owner-img {width:3rem;aspect-ratio:1 / 1;border-radius:0.75rem;background:#ffffff26 no-repeat center center / cover;} #container.lute .storage-wrapper .storage-wrap .item.mention.luxane .owner .owner-img {background-image:url(/wp-content/uploads/2025/10/조각글_프로필-1-2.jpg);} #container.lute .storage-wrapper .storage-wrap .item.mention.tehez .owner .owner-img {background-image:url(/wp-content/uploads/2025/10/조각글_프로필-1-1.jpg);} #container.lute .storage-wrapper .storage-wrap .item.mention .owner .owner-info {width:calc(100% - 3rem - 0.75rem);} #container.lute .storage-wrapper .storage-wrap .item.mention .owner .owner-info .name {display:block;color:#fff;font-size:1rem;font-weight:700;} #container.lute .storage-wrapper .storage-wrap .item.mention .owner .owner-info .id {display:block;color:#fff;font-size:0.75rem;} #container.lute .storage-wrapper .storage-wrap .item.mention .content {color:#fff;font-size:1rem;line-height:1.6;vertical-align:baseline;word-break:break-all;white-space:pre-line;} #container.lute .storage-wrapper .storage-wrap .item.mention .content a {display:inline;color:#fff;text-decoration:underline;} #container.lute .storage-wrapper .storage-wrap .item.space {width:100%;padding-bottom:3.75rem;box-sizing:border-box;}