.home-howto{--howto-white:#fff;--howto-box:#ffffff73;--howto-pink:#f79dcf;--howto-notice:#f3a9c4;--howto-ink:#6e344a}.home-howto .home-howto__card{justify-content:flex-start;height:85dvh;min-height:0;max-height:85dvh}.home-howto--decorate .home-howto__card.home-howto__card{align-self:center;height:auto;margin-block:auto}.home-howto__scroll{overscroll-behavior:contain;scrollbar-width:none;width:100%;min-height:0;overflow:hidden auto}.home-howto .home-howto__scroll::-webkit-scrollbar{display:none}.home-howto .home-howto__card.home-howto__card{padding-bottom:66px}.home-howto .home-howto-steps{word-break:keep-all;flex:none;gap:7px;margin-top:20px;overflow:visible}.home-howto__inline-icon{vertical-align:middle;object-fit:contain;width:auto;height:1.4em;display:inline-block}.home-howto__inline-icon--big{height:2.1em;margin-block:-.35em}.home-howto__inline-search{width:1.4em;color:var(--howto-pink)}.home-howto__index-icons{vertical-align:middle;align-items:center;gap:3px;display:inline-flex}.home-howto__divider{color:var(--howto-white);align-items:center;gap:12px;margin:24px 0;display:flex}.home-howto__divider:before,.home-howto__divider:after{content:"";background:var(--howto-white);flex:1;height:2px}.home-howto__divider svg{fill:currentColor;width:22px;height:22px}.home-howto .home-howto__card .home-howto__contest-title{margin-bottom:18px;font-size:40px}.home-howto__box{background:var(--howto-box);text-align:left;color:var(--howto-ink);word-break:keep-all;border-radius:16px;margin-top:12px;padding:18px;font-size:14px;line-height:1.6}.home-howto__box h3{margin-bottom:10px;font-size:17px;font-weight:700}.home-howto .home-howto__box p{font:inherit;color:inherit;margin:0}.home-howto__step+.home-howto__step{margin-top:16px}.home-howto__step-title{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.home-howto .home-howto__step-title strong{font:inherit;margin:0;font-weight:700}.home-howto__badge{background:var(--howto-pink);color:var(--howto-white);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px}.home-howto__prizes{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.home-howto__prize{text-align:center;min-width:0}.home-howto__prize-picture{aspect-ratio:1;width:80px;height:80px;margin:0 auto 10px;position:relative}.home-howto__prize-picture img{object-fit:cover;background:var(--howto-white);border-radius:50%;width:100%;height:100%;display:block}.home-howto__prize-picture .home-howto__badge{padding:2px 7px;position:absolute;top:0;left:-4px}.home-howto__prize-picture--photo img{object-fit:contain;padding:23.5% 12% 7.5%}.home-howto .home-howto__prize p{font-size:12px;line-height:1.5}.home-howto .home-howto__prize p.home-howto__prize-lines{flex-direction:column;align-items:center;display:flex}.home-howto__prize-lines span{white-space:nowrap}.home-howto__box ol{padding-left:1.4em;list-style:decimal}.home-howto__box ul{padding-left:1.2em;list-style:outside}.home-howto__box li+li{margin-top:8px}.home-howto__li-break{white-space:pre-line}.home-howto__box--notice{background:var(--howto-notice)}.home-howto__box--notice h3{color:var(--howto-white)}@media (width<=1023px){.home-howto .home-howto__card .home-howto__contest-title{font-size:30px}}@media (width<=767px){.home-howto .home-howto-steps{gap:5px;margin-top:18px;font-size:13px;line-height:1.5}.home-howto__prizes{gap:7px}.home-howto .home-howto__prize p{font-size:11px}.home-howto__prize-picture{width:64px;height:64px}.home-howto__prize-picture--photo img{padding:32% 11% 4.5%}.home-howto .home-howto__card.home-howto__card{width:calc(100vw - 48px);height:78dvh;max-height:78dvh;padding:33px 18px 67px}.home-howto--decorate .home-howto__card.home-howto__card{height:auto}.home-howto .home-howto__card h2{font-size:24px}.home-howto .home-howto__card .home-howto__contest-title{margin-bottom:12px;font-size:24px}.home-howto .home-howto-steps{margin-top:14px;font-size:12.5px}.home-howto__box{padding:11px;font-size:12px}.home-howto__box h3{font-size:14px}.home-howto .pocket-polaroid__close.home-howto__close{width:min(56px,11.5vw);min-width:0;height:min(56px,11.5vw);top:-8px;right:-8px}.home-howto .pocket-polaroid__close.home-howto__close img{width:100%;height:100%}}.home-howto.secret-locked .home-howto__card.home-howto__card{justify-content:center;width:min(420px,88vw);height:auto;min-height:0;max-height:none;padding:64px 28px 66px}.home-howto.secret-locked .secret-locked__text{text-align:center;white-space:nowrap;font-family:"OnglyphJinpal", var(--font-hand);font-synthesis:none;color:var(--ink);margin:0;font-size:min(52px,min(420px,88vw)/8.40336 - 6.664px);font-weight:400;line-height:1}.home-howto .home-howto__snooze{opacity:.8;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:flex-end;align-items:center;gap:6px;margin-top:18px;font-size:13px;line-height:1;display:flex}.home-howto .home-howto__snooze input{accent-color:#ec4f9a;cursor:pointer;width:14px;height:14px;margin:0}@media (width<=767px){.home-howto .home-howto__snooze{margin-top:14px;font-size:12px}}.home-howto--save .home-howto__card.home-howto__card{align-self:center;height:auto;min-height:0;margin-block:auto;padding-top:76px}.home-howto--save .home-howto__card .home-howto__save-message{word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.8}.home-howto__save-action{white-space:nowrap}@media (width<=767px){.home-howto--save .home-howto__card.home-howto__card{width:calc(100vw - 28px);padding-inline:14px}.home-howto--save .home-howto__card .home-howto__save-message{font-size:min(12.5px,3.55vw - 1.988px)}}.round-notices{--notice-surface:#fff;--notice-border:#f3ccdd;--notice-ink:#c3588e;--notice-shadow:0 2px 8px var(--deco-palette-shadow);z-index:1000002;pointer-events:none;visibility:hidden;flex-direction:column;align-items:center;gap:4px;display:flex;position:fixed}.round-notices .round-notice{border:1px solid var(--notice-border);background:var(--notice-surface);width:max-content;max-width:100%;height:auto;min-height:0;color:var(--notice-ink);box-shadow:var(--notice-shadow);font-family:"JejuGothic", var(--font-body), sans-serif;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;text-align:center;border-radius:4px;flex:none;margin:0;padding:.416667em .666667em;font-size:14px;font-weight:400;line-height:1.25;display:block;transform:none}.round-notices button.round-notice{pointer-events:auto;cursor:pointer}.round-notices.save-share-notice .round-notice{font-size:var(--save-notice-font-size);height:var(--save-notice-height);box-sizing:border-box;white-space:nowrap;overflow-wrap:normal;align-items:center;max-width:none;padding-block:0;display:flex}@media (width<=767px){.round-notices .round-notice{font-size:13px}}.pick-carousel--photo .photo-carousel__viewport.pick-row,.deco-paper .pick-carousel--photo .photo-carousel__viewport.pick-row{touch-action:pan-y pinch-zoom;scroll-behavior:auto;display:block;overflow:hidden}body:has(.round-art--editor) .deco-portrait .pick-carousel--photo .photo-carousel__viewport.pick-row{touch-action:pan-y pinch-zoom;scroll-behavior:auto;display:block;overflow:hidden}.photo-carousel__track{gap:inherit;will-change:transform;flex-wrap:nowrap;align-items:flex-start;display:flex}.photo-carousel__track>.thumb{flex-shrink:0}.thumb--photo picture,.thumb--photo img{object-fit:cover;image-rendering:auto;width:100%;height:100%;display:block}@media (width>=1024px){.deco-paper .deco-tools--tab-sticker>.pick-group:not(.pick-group--sticker){display:none!important}.deco-paper .deco-tools--tab-sticker .deco-tool-tabs--sub{order:2}.deco-paper .deco-tools--tab-sticker .pick-group--sticker{order:1}.deco-paper .pick-group--sticker{width:100%;min-width:0}.deco-paper .sticker-tabs{gap:5px;margin-bottom:6px;display:flex}.deco-paper .sticker-tab{height:28px;font-family:"JejuGothic", var(--font-body), sans-serif;border:1px solid var(--deco-choice-border);color:var(--deco-choice-ink);background:var(--background);padding:3px 10px;font-size:12px}.deco-paper .sticker-tab.is-on{background:var(--deco-choice-border);color:var(--deco-choice-active-ink)}.deco-paper .sticker-groups{height:240px;overflow:visible}.deco-paper .sticker-pages{scroll-snap-type:x mandatory;scrollbar-width:none;gap:0;max-width:100%;padding:0;display:flex;overflow:auto hidden}.deco-paper .sticker-page{scroll-snap-align:start;flex:0 0 100%;height:240px;container-type:inline-size}.deco-paper .sticker-grid{width:482px;transform:scale(min(.882353, calc(100cqw / 482px)));transform-origin:0 0;grid-template-rows:repeat(4,62px);grid-template-columns:repeat(7,62px);grid-auto-flow:column;gap:8px;display:grid}.deco-paper .sticker-grid--strip{grid-template-rows:repeat(4,56px);grid-template-columns:repeat(2,237px)}.deco-paper .thumb.thumb--sticker{flex-shrink:0;width:62px;height:62px;min-height:0;padding:5px}.deco-paper .thumb.thumb--strip{width:237px;height:56px}.deco-paper .thumb--sticker img{object-fit:contain;width:100%;height:100%}}@media (width<=1023px){body:has(.round-art--editor) .deco-portrait .deco-tools>.pick-group--sticker{display:none!important}body:has(.round-art--editor) .deco-portrait .deco-tools--tab-sticker.is-sub-open>.pick-group--sticker{display:block!important}body:has(.round-art--editor) .deco-portrait .deco-tools--tab-sticker>.pick-group:not(.pick-group--sticker){display:none!important}body:has(.round-art--editor) .deco-portrait .deco-tools.is-sticker-collapsed .deco-tools__collapse span{margin-top:4px;transform:rotate(225deg)}body:has(.round-art--editor) .deco-portrait .pick-group--sticker{width:100%;min-width:0}body:has(.round-art--editor) .deco-portrait .sticker-tabs{gap:5px;margin-bottom:6px;display:flex}body:has(.round-art--editor) .deco-portrait .sticker-tab{height:28px;font-family:"JejuGothic", var(--font-body), sans-serif;border:1px solid var(--deco-choice-border);color:var(--deco-choice-ink);background:var(--background);padding:3px 10px;font-size:12px}body:has(.round-art--editor) .deco-portrait .sticker-tab.is-on{background:var(--deco-choice-border);color:var(--deco-choice-active-ink)}body:has(.round-art--editor) .deco-portrait .sticker-groups{height:min(240px,28dvh);overflow:visible}body:has(.round-art--editor) .deco-portrait .sticker-pages{scroll-snap-type:x mandatory;scrollbar-width:none;gap:0;height:100%;padding:0;display:flex;overflow:auto hidden}body:has(.round-art--editor) .deco-portrait .sticker-groups .pick-carousel{height:100%}body:has(.round-art--editor) .deco-portrait .sticker-page{scroll-snap-align:start;flex:0 0 100%;min-width:0;height:100%}body:has(.round-art--editor) .deco-portrait .sticker-grid{grid-auto-flow:column;grid-template-columns:repeat(var(--sticker-columns), 62px);grid-template-rows:repeat(var(--sticker-rows), 62px);place-content:space-evenly;gap:8px;width:100%;height:100%;display:grid;transform:none}body:has(.round-art--editor) .deco-portrait .sticker-grid--strip{grid-template-columns:repeat(var(--sticker-columns), 237px);grid-template-rows:repeat(var(--sticker-rows), 56px)}body:has(.round-art--editor) .deco-portrait .sticker-grid .thumb.thumb--sticker{min-height:0;padding:5px;width:62px!important;height:62px!important}body:has(.round-art--editor) .deco-portrait .sticker-grid .thumb.thumb--strip{width:237px!important;height:56px!important}body:has(.round-art--editor) .deco-portrait .thumb--sticker img{object-fit:contain;width:100%;height:100%}}@media (width<=767px){body:has(.round-art--editor) .deco-portrait .deco-tools--tab-sticker .sticker-tabs{margin-bottom:4px}body:has(.round-art--editor) .deco-portrait .deco-tools--tab-sticker .sticker-tab{height:20px;min-height:0;padding:0 8px;font-size:11px;line-height:18px}body:has(.round-art--editor) .round-narrow-scroll[data-mode=mobile] .deco-portrait .deco-tools--tab-sticker .deco-tool-tabs--sub .deco-tool-tab{height:20px;min-height:0;padding-top:0;padding-bottom:0;font-size:11px;line-height:18px}body:has(.round-art--editor) .deco-portrait .sticker-grid{grid-template-columns:repeat(var(--sticker-columns), 40px);grid-template-rows:repeat(2,40px);gap:4px 0}body:has(.round-art--editor) .deco-portrait .sticker-grid--strip{grid-template-rows:repeat(2,40px);grid-template-columns:100%}body:has(.round-art--editor) .deco-portrait .sticker-grid .thumb.thumb--sticker{padding:3px;width:40px!important;height:40px!important}body:has(.round-art--editor) .deco-portrait .sticker-grid .thumb.thumb--strip{width:100%!important;height:40px!important}}.diary-unlock-port{--s:1;--ease:cubic-bezier(.45, 0, .2, 1);box-sizing:border-box;z-index:200;color:#fff;background:0 0;justify-content:center;align-items:center;width:100%;height:100dvh;font-family:Apple SD Gothic Neo,Noto Sans KR,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden;transform:none}.diary-unlock-port *,.diary-unlock-port :before,.diary-unlock-port :after{box-sizing:border-box;margin:0;padding:0}.diary-unlock-port .scene{z-index:2;zoom:var(--s);perspective:1450px;perspective-origin:50%;width:380px;height:461px;position:relative}@media (width>=1024px){.diary-unlock-port .scene{transition:transform 1.5s var(--ease);filter:none;transform:scale(.78)}.diary-unlock-port .scene:has(.book.open){transform:scale(1)}.diary-unlock-port .diary-unlock-home-overlay__image{filter:var(--diary-pc-cover-glow)}.diary-unlock-port .glow,.diary-unlock-port .glow-left{display:none}.diary-unlock-port.is-pc-opening-clean .back-cover,.diary-unlock-port.is-pc-opening-clean .side{visibility:hidden;transition:none}}.diary-unlock-port .world{width:380px;height:461px;transform-style:preserve-3d;transition:transform 1.4s var(--ease);position:relative;transform:matrix3d(.96444,-.07928,-.25213,0,.18515,.8834,.43048,0,.1886,-.46186,.86667,0,140.312,43.9194,-124.618,1)}.diary-unlock-port .world.upright{transform:translateZ(0)}.diary-unlock-port .book{transform-style:preserve-3d;transition:transform 1.5s var(--ease);position:absolute;inset:0;transform:translate(-60px,-24px)}.diary-unlock-port .book.centered{transform:translate(185px)}.diary-unlock-port .glow{pointer-events:none;box-shadow:none;border-radius:8px 12px 12px 8px;animation:3.4s ease-in-out infinite diary-unlock-port-breathe;position:absolute;inset:2px 0 0 4px;transform:translateZ(-26px)}.diary-unlock-port .glow-left{pointer-events:none;opacity:0;width:376px;height:459px;transition:opacity 1s .9s;position:absolute;top:2px;left:-380px;transform:translateZ(-26px)}.diary-unlock-port .glow-left>i{box-shadow:none;border-radius:12px 8px 8px 12px;animation:3.4s ease-in-out infinite diary-unlock-port-breathe;display:block;position:absolute;inset:0}.diary-unlock-port .book.open .glow-left{opacity:1}.diary-unlock-port .body{width:380px;height:461px;transform-style:preserve-3d;position:absolute;top:0;left:0}.diary-unlock-port .back-cover{background:linear-gradient(160deg,#f6d9e4,#e9b8cb);border-radius:6px 10px 10px 6px;transition:box-shadow 1s;position:absolute;inset:2px 0 0 4px;transform:translateZ(-24px);box-shadow:0 26px 40px #00000080}.diary-unlock-port .book.centered .back-cover{box-shadow:0 10px 24px #00000059}.diary-unlock-port .side{backface-visibility:hidden;position:absolute}.diary-unlock-port .side.spine{transform-origin:0;background:linear-gradient(90deg,#e6b3c6,#f2cddb);width:24px;height:459px;top:2px;left:4px;transform:rotateY(90deg)}.diary-unlock-port .side.right{transform-origin:100%;background:repeating-linear-gradient(90deg,#f6f3ec 0 1px,#d9d4c9 1px 2px);width:22px;height:445px;top:8px;right:6px;transform:rotateY(-90deg)}.diary-unlock-port .side.bottom{transform-origin:bottom;background:repeating-linear-gradient(#f6f3ec 0 1px,#d9d4c9 1px 2px);width:364px;height:22px;bottom:6px;left:8px;transform:rotateX(90deg)}.diary-unlock-port .side.top{transform-origin:top;background:repeating-linear-gradient(#f6f3ec 0 1px,#d9d4c9 1px 2px);width:364px;height:22px;top:6px;left:8px;transform:rotateX(-90deg)}.diary-unlock-port .page-right{opacity:0;width:380px;height:461px;transition:opacity .3s .35s;position:absolute;top:0;left:0;transform:translateZ(0)}.diary-unlock-port .page-right>img{width:auto;max-width:none;height:494px;position:absolute;top:-35px;left:0}.diary-unlock-port .book.open .page-right{opacity:1}.diary-unlock-port .front-cover{transform-style:preserve-3d;transform-origin:0;transition:transform 1.5s var(--ease);position:absolute;inset:0;transform:translateZ(3px)rotateY(0)}.diary-unlock-port .book.open .front-cover{transform:translateZ(3px)rotateY(-180deg)}.diary-unlock-port .face{backface-visibility:hidden;position:absolute;inset:0}.diary-unlock-port .face.outside{background:url(/diary/cover-front.webp) 0 0/100% 100% no-repeat;border-radius:6px 10px 10px 6px}.diary-unlock-port .face.inside{transform:rotateY(180deg)}.diary-unlock-port .face.inside>img{width:380px;max-width:none;height:auto;position:absolute;top:-33px;left:0}.diary-unlock-port .diary-unlock-home-overlay{z-index:8;aspect-ratio:16/9;opacity:0;visibility:hidden;pointer-events:none;width:min(100vw - 56px,177.778dvh - 99.5556px);transition:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.diary-unlock-port.is-opened .diary-unlock-home-overlay{opacity:1;visibility:visible;pointer-events:auto;transition:none}.diary-unlock-port .diary-unlock-home-overlay__image{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.diary-unlock-port .diary-unlock-home-indexes{position:absolute;inset:0}.diary-unlock-port .diary-unlock-home-hotspot{z-index:2;min-width:0;height:auto;min-height:0;box-shadow:none;color:#0000;pointer-events:auto;background:0 0;border:0;border-radius:0;padding:0;position:absolute}.diary-unlock-port .diary-unlock-home-hotspot:hover,.diary-unlock-port .diary-unlock-home-hotspot:focus-visible{outline-offset:-3px;background:#ffffff1f;outline:3px solid #ffffffb8}.diary-unlock-port .diary-unlock-home-hotspot--index{width:3.54167%;height:13.5185%;left:84.8958%}.diary-unlock-port .diary-unlock-home-hotspot--index:hover,.diary-unlock-port .diary-unlock-home-hotspot--index:focus-visible{background:0 0;outline:none}.diary-unlock-port .diary-unlock-home-hotspot--index-0{top:9.81482%}.diary-unlock-port .diary-unlock-home-hotspot--index-1{top:23.7963%}.diary-unlock-port .diary-unlock-home-hotspot--index-2{top:37.7778%}.diary-unlock-port .diary-unlock-home-hotspot--index-3{top:51.7593%}.diary-unlock-port .diary-unlock-home-hotspot--start{width:9.25%;height:7.1%;top:71.3%;left:64.05%}.diary-unlock-port .diary-unlock-home-hotspot--secret{width:13.5%;height:10%;top:3.5%;left:72.5%}@media (width>=1024px){body.keycursor,body.keycursor *{cursor:none!important}}.diary-unlock-port .key{height:calc(160px * var(--s));z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:none;transform-origin:calc(28.8px * var(--s)) calc(140px * var(--s));filter:drop-shadow(0 10px 8px #0009);transition:opacity .4s,filter .25s,transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:rotate(29deg)}.diary-unlock-port .key.near,.diary-unlock-port .key.snap{transform:rotate(-151deg)}.diary-unlock-port .key.near{filter:drop-shadow(0 0 14px #ffffffe6)drop-shadow(0 10px 8px #0009)}.diary-unlock-port .key.snap{transition:left .12s ease-out,top .12s ease-out,opacity .4s,transform .4s cubic-bezier(.4,0,.2,1)}.diary-unlock-port .key.gone{opacity:0}.diary-unlock-port .key.clack{animation:.8s cubic-bezier(.35,0,.25,1) forwards diary-unlock-port-wiggle}.diary-unlock-port .charms{transform-origin:95.5px 5px;image-rendering:auto;width:121.5px;max-width:none;height:auto;position:absolute;top:212.5px;left:217.5px}.diary-unlock-port .strap-end{pointer-events:none;width:29.5px;max-width:none;height:auto;transition:opacity .3s;position:absolute;top:218px;left:372px}.diary-unlock-port .book.open .strap-end{opacity:0}.diary-unlock-port .book.jingle .charms{animation:1.5s ease-out 80ms diary-unlock-port-swing}.diary-unlock-port .book.click .front-cover{animation:.28s diary-unlock-port-shake}.diary-unlock-port .lock-zone{pointer-events:none;width:254px;height:196px;position:absolute;top:167px;left:197px}.diary-unlock-port .lock-spot{pointer-events:none;width:2px;height:2px;position:absolute;top:240px;left:334px}.diary-unlock-port .gauge{width:calc(72px * var(--s));height:calc(72px * var(--s));z-index:6;pointer-events:none;opacity:0;transition:opacity .2s;position:absolute;top:0;left:0;transform:translate(-50%,-50%)rotate(-90deg)}.diary-unlock-port .gauge.show{opacity:1}.diary-unlock-port .gauge .track{fill:#ffffff1f;stroke:#ffffff4d;stroke-width:3px}.diary-unlock-port .gauge .bar{fill:none;stroke:#fff;stroke-width:6px;stroke-linecap:round;stroke-dasharray:213.6;stroke-dashoffset:213.6px;filter:drop-shadow(0 1px 3px #00000080);transition:stroke-dashoffset .25s}.diary-unlock-port .gauge.charge .bar{stroke-dashoffset:0;transition:stroke-dashoffset var(--hold) linear}.diary-unlock-port .gauge.done{animation:.45s forwards diary-unlock-port-gauge-pop}.diary-unlock-port .hint{--intro-hint-foreground:#ffebf6;z-index:6;letter-spacing:.6px;color:var(--intro-hint-foreground);opacity:1;white-space:nowrap;font-size:18px;transition:opacity .4s;position:absolute;top:5%;left:50%;transform:translate(-50%)}@media (width>=1024px){.diary-unlock-port .hint{letter-spacing:.75px;font-size:22.5px}}@media (width>=768px) and (width<=1023px){.diary-unlock-port .hint{letter-spacing:.75px;font-size:22.5px;top:calc(5% + 24px)}}.diary-unlock-port .hint.hide{opacity:0;pointer-events:none}body.init *{transition:none!important}@keyframes diary-unlock-port-wiggle{0%{transform:rotate(-151deg)translateY(0)}28%{transform:rotate(-151deg) translateY(calc(7px * var(--s)))}50%{transform:rotate(-163deg) translateY(calc(7px * var(--s)))}68%{transform:rotate(-146deg) translateY(calc(7px * var(--s)))}84%{transform:rotate(-153deg) translateY(calc(7px * var(--s)))}to{transform:rotate(-151deg) translateY(calc(7px * var(--s)))}}@keyframes diary-unlock-port-breathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes diary-unlock-port-swing{0%{transform:rotate(0)}9%{transform:rotate(3.5deg)translateY(1px)}22%{transform:rotate(-3deg)}36%{transform:rotate(2.2deg)translateY(.5px)}50%{transform:rotate(-1.5deg)}64%{transform:rotate(1deg)}78%{transform:rotate(-.5deg)}90%{transform:rotate(.2deg)}to{transform:rotate(0)}}@keyframes diary-unlock-port-shake{0%{translate:0}35%{translate:1.5px .5px}70%{translate:-1px}to{translate:0}}@keyframes diary-unlock-port-gauge-pop{0%{transform:translate(-50%,-50%)rotate(-90deg)scale(1)}40%{transform:translate(-50%,-50%)rotate(-90deg)scale(1.25)}to{opacity:0;transform:translate(-50%,-50%)rotate(-90deg)scale(1.4)}}@media (prefers-reduced-motion:reduce){.diary-unlock-port .world,.diary-unlock-port .book,.diary-unlock-port .front-cover,.diary-unlock-port .key,.diary-unlock-port .page-right,.diary-unlock-port .back-cover{transition-duration:.01ms!important}.diary-unlock-port .glow,.diary-unlock-port .glow-left>i,.diary-unlock-port .charms,.diary-unlock-port .glow-left>i{animation:none!important}}.diary-unlock-port.is-opened .scene{opacity:0;visibility:hidden;transition:none}.diary-unlock-port .diary-unlock-secret-envelope{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1;width:15.1042%;max-width:none;height:7.68519%;transition:opacity .2s,transform .2s,filter .2s;position:absolute;top:1.85185%;left:71.875%}.diary-unlock-port .diary-unlock-home-hotspot--secret:hover,.diary-unlock-port .diary-unlock-home-hotspot--secret:focus-visible,.diary-unlock-port .diary-unlock-home-hotspot--secret:active{background:0 0;outline:none}.diary-unlock-port .diary-unlock-home-hotspot--secret:hover+.diary-unlock-secret-envelope,.diary-unlock-port .diary-unlock-home-hotspot--secret:focus-visible+.diary-unlock-secret-envelope,.diary-unlock-port .diary-unlock-home-hotspot--secret:active+.diary-unlock-secret-envelope{opacity:1;filter:brightness(1.04)drop-shadow(0 0 6px #ffec96bf);transform:translateY(-3px)}.diary-unlock-port.measuring *,.diary-unlock-port.measuring{transition:none!important}.diary-unlock-port .home-tex{pointer-events:none;background-repeat:no-repeat;display:block;position:absolute}.diary-unlock-port .page-right>img:has(+.home-tex){opacity:0}.diary-unlock-port .face.inside>img:has(+.home-tex){opacity:0}.diary-unlock-port .book.open .back-cover,.diary-unlock-port .book.open .side{visibility:hidden;transition:visibility 0s .65s}.diary-unlock-port .charms,.diary-unlock-port .strap-end{transition:opacity .3s .35s}.diary-unlock-port .book.open .charms,.diary-unlock-port .book.open .strap-end{opacity:0}.diary-unlock-port .diary-unlock-home-source{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.diary-unlock-port .home-tex .home-clone{z-index:0;opacity:1;visibility:visible;pointer-events:none;transform-origin:0 0;aspect-ratio:auto;transition:none;position:absolute}.diary-unlock-port .face.inside .home-tex{overflow:hidden}.diary-unlock-port .page-right .home-tex{clip-path:inset(0)}.diary-unlock-port .book.open .page-right .home-tex{clip-path:inset(-400px -400px -400px 0)}@media (width<=1023px){.diary-unlock-port .scene{zoom:1;transform:scale(var(--s));transform-origin:50%;flex:none}.diary-unlock-port .glow,.diary-unlock-port .glow-left>i{box-shadow:0 0 18px 10px #ffc8e2eb,0 0 46px 26px #ffb2d69e,0 0 90px 44px #ffa0cc52}.diary-unlock-port.is-fading .scene{opacity:0;transition:opacity .9s ease-in-out}.diary-unlock-port.is-fading .key,.diary-unlock-port.is-fading .hint{opacity:0}.diary-unlock-port .diary-unlock-home-overlay{width:calc(951px * var(--s))}.diary-unlock-port .key.bob{animation:3s ease-in-out infinite diary-unlock-key-bob}.diary-unlock-port .key.returning{transition:left .4s ease-out,top .4s ease-out,opacity .4s,filter .25s,transform .4s cubic-bezier(.4,0,.2,1)}.diary-unlock-port .key.flying{transition:left .9s var(--ease), top .9s var(--ease), transform .9s var(--ease), filter .25s ease, opacity .4s ease}.diary-unlock-port .scene{transition:transform 1.5s var(--ease)}.diary-unlock-port.is-narrow-opening .scene{transform:scale(calc(var(--s) * var(--narrow-fit,1)));translate:var(--narrow-center-x,0px) 0}.diary-unlock-port.measuring .scene{transform:scale(var(--s))!important;translate:none!important}.diary-unlock-port.is-narrow-opening.is-fading .scene{transition:transform 1.5s var(--ease), opacity .9s ease-in-out}}@keyframes diary-unlock-key-bob{0%,to{translate:0}50%{translate:0 calc(-7px * var(--s))}}@media (width>=768px) and (width<=1023px){.diary-unlock-port:not(.is-narrow-opening):not(.measuring) .scene{transform:translate(var(--tablet-closed-x,0px), var(--tablet-closed-y,0px)) scale(calc(var(--s) * var(--tablet-closed-ratio,1)))}.diary-unlock-port .key{height:calc(160px * var(--s) * var(--closed-key-ratio,var(--tablet-closed-ratio,1)));transform-origin:calc(28.8px * var(--s) * var(--closed-key-ratio,var(--tablet-closed-ratio,1))) calc(140px * var(--s) * var(--closed-key-ratio,var(--tablet-closed-ratio,1)))}}@media (width<=767px){.diary-unlock-port .hint{top:calc(var(--mobile-hint-top,5%) + 24px)}.diary-unlock-port:not(.is-narrow-opening):not(.measuring) .scene{transform:translate(var(--mobile-closed-x,0px), var(--mobile-closed-y,0px)) scale(calc(var(--s) * var(--mobile-closed-ratio,1)))}.diary-unlock-port .key{height:calc(160px * var(--s) * var(--closed-key-ratio,var(--mobile-closed-ratio,1)));transform-origin:calc(28.8px * var(--s) * var(--closed-key-ratio,var(--mobile-closed-ratio,1))) calc(140px * var(--s) * var(--closed-key-ratio,var(--mobile-closed-ratio,1)))}.diary-unlock-port .key.bob{animation-name:diary-unlock-mobile-key-bob}}@keyframes diary-unlock-mobile-key-bob{0%,to{translate:0}50%{translate:0 calc(-7px * var(--s) * var(--closed-key-ratio,var(--mobile-closed-ratio,1)))}}@media (width>=1024px){.diary-unlock-port .face.outside{background:0 0}.diary-unlock-port .pc-cover-art{filter:none;width:126.667%;max-width:none;height:121.818%;position:absolute;top:-10.9091%;left:-13.3333%}.diary-unlock-port .pc-page-art{max-width:none;filter:var(--diary-pc-cover-glow);position:absolute}.diary-unlock-port .home-tex{background-image:none!important}.diary-unlock-port .face.inside{border-radius:0;overflow:visible}.diary-unlock-port .book:not(.open) .home-clone{visibility:hidden!important}.diary-unlock-port .front-cover{inset:auto;left:var(--pc-hinge,0px);top:var(--pc-cover-top,0px);width:var(--pc-cover-width,380px);height:var(--pc-cover-height,461px);transform:rotateY(0)}.diary-unlock-port .book.open .front-cover{transform:rotateY(-180deg)}.diary-unlock-port .face.inside{width:var(--pc-left-width);transform-origin:50%}.diary-unlock-port .face.inside .home-tex{clip-path:inset(-100px 0 -100px -100px);overflow:visible;width:calc(var(--pc-left-width) + .75px)!important}.diary-unlock-port .page-right{opacity:1;transition:none}.diary-unlock-port .page-right .home-tex,.diary-unlock-port .book.open .page-right .home-tex{clip-path:inset(var(--pc-page-inset-top) var(--pc-page-inset-right) var(--pc-page-inset-bottom) 0)}.diary-unlock-port.is-pc-cover-passed .book.open .page-right .home-tex{clip-path:inset(0)}.diary-unlock-port.is-pc-charms-swapped:not(.is-pc-cover-passed) .book.open .page-right .home-tex{clip-path:inset(var(--pc-page-inset-top) var(--pc-page-inset-right) var(--pc-page-inset-bottom) 0)}.diary-unlock-port .back-cover{inset:auto;left:var(--pc-hinge);top:var(--pc-cover-top);width:var(--pc-cover-width);height:var(--pc-cover-height);border-radius:6px 12px 12px 6px}.diary-unlock-port .side.spine{left:var(--pc-hinge);top:var(--pc-cover-top);height:var(--pc-cover-height);width:24px;transform:rotateY(90deg)}.diary-unlock-port .side.right{right:auto;left:calc(var(--pc-hinge) + var(--pc-cover-width) - 4px);top:calc(var(--pc-cover-top) + 8px);height:calc(var(--pc-cover-height) - 16px);transform-origin:0;width:24px;transform:rotateY(90deg)}.diary-unlock-port .side.bottom{left:calc(var(--pc-hinge) + 8px);bottom:auto;top:calc(var(--pc-cover-top) + var(--pc-cover-height) - 4px);width:calc(var(--pc-cover-width) - 16px);transform-origin:top;height:24px;transform:rotateX(-90deg)}.diary-unlock-port .side.top{display:none}.diary-unlock-port .book:not(.open) .side,.diary-unlock-port .book:not(.open) .back-cover{visibility:hidden}.diary-unlock-port .book.open .back-cover,.diary-unlock-port .book.open .side{visibility:hidden;transition:none}.diary-unlock-port .charms,.diary-unlock-port .strap-end{z-index:1}.diary-unlock-port .charms{width:31.9737%;top:46.0954%;left:57.2368%}.diary-unlock-port .strap-end{width:7.76316%;top:47.2885%;left:97.8947%}.diary-unlock-port .lock-zone{width:66.8421%;height:42.5163%;top:36.2256%;left:51.8421%}.diary-unlock-port .lock-spot{top:52.0607%;left:87.8947%}.diary-unlock-port .book.open .charms,.diary-unlock-port .book.open .strap-end{visibility:visible;opacity:1;transition:none}.diary-unlock-port.is-pc-charms-swapped .book.open .charms,.diary-unlock-port.is-pc-charms-swapped .book.open .strap-end{visibility:hidden;opacity:0}.diary-unlock-port .book:not(.open) .page-right .home-tex{visibility:hidden}}.diary-unlock-port .pc-closed-original{display:none}@media (width>=1024px){.diary-unlock-port .pc-closed-original{width:var(--pc-closed-width,436.8px);height:var(--pc-closed-height,428.249px);z-index:3;pointer-events:none;filter:none;opacity:1;max-width:none;transition:opacity var(--pc-original-fade,.2s) linear, visibility 0s var(--pc-original-fade,.2s);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.diary-unlock-port.is-pc-opening-clean .pc-closed-original{opacity:0;visibility:hidden}.diary-unlock-port .world{transform-origin:0 0;transform:var(--pc-closed-pose)}.diary-unlock-port .world.upright{transform:translateZ(0)}.diary-unlock-port:not(.is-pc-opening-clean) .world{visibility:hidden}.diary-unlock-port .charms,.diary-unlock-port .strap-end{display:none}}.narrow-intro-background{display:none}@media (width<=1023px){.diary-glow-background>.narrow-intro-background.intro-glow{aspect-ratio:auto;background:inherit;z-index:1;opacity:1;width:100%;height:100%;transition:opacity 1.5s cubic-bezier(.45,0,.2,1);position:absolute;inset:0;transform:none}.diary-glow-background.is-opening>.narrow-intro-background{opacity:0}.diary-glow-background>.intro-glow.intro-glow--narrow-legacy{display:none}.diary-glow-background>.intro-glow.intro-glow--tablet-open,.diary-glow-background>.intro-glow.intro-glow--mobile-open{transition:opacity 1.5s cubic-bezier(.45,0,.2,1)}.narrow-intro-background>.narrow-intro-art{mix-blend-mode:normal;width:100%;height:100%;max-height:none;inset:0}.narrow-intro-background--tablet>.narrow-intro-art,.narrow-intro-background--mobile>.narrow-intro-art{aspect-ratio:auto}.narrow-intro-fx{mix-blend-mode:screen}.narrow-comet{fill:none;stroke-linecap:round;stroke-dashoffset:170px;animation:8.5s linear .35s infinite both narrow-comet-left}.narrow-comet--halo{stroke:var(--intro-glow-violet);stroke-width:20px}.narrow-comet--mid{stroke:var(--intro-glow-pink);stroke-width:7px}.narrow-comet--core{stroke:var(--intro-glow-core);stroke-width:3.6px}.narrow-intro-path--left .narrow-comet{stroke-dasharray:170 2300}.narrow-intro-path--right .narrow-comet{stroke-dasharray:170 2180;animation-name:narrow-comet-right;animation-delay:2.8s}.narrow-intro-background>.narrow-intro-tvn{inset:var(--program-logo-top) var(--program-logo-margin) auto auto;height:var(--program-logo-height);width:calc(var(--program-logo-height) * var(--tvn-ratio));mix-blend-mode:normal}.narrow-intro-background--tablet{--program-logo-height:max(calc(6500 / 1546 * var(--background-unit-x)),calc(6500 / 1920 * var(--background-unit-y)));--program-logo-top:max(calc(6600 / 1546 * var(--background-unit-x)),calc(6600 / 1920 * var(--background-unit-y)));--program-logo-margin:max(calc(5300 / 1546 * var(--background-unit-x)),calc(5300 / 1920 * var(--background-unit-y)));--tvn-ratio:158 / 65}.narrow-intro-background--mobile{--program-logo-height:max(calc(4600 / 960 * var(--background-unit-x)),calc(4600 / 1720 * var(--background-unit-y)));--program-logo-top:max(calc(5500 / 960 * var(--background-unit-x)),calc(5500 / 1720 * var(--background-unit-y)));--program-logo-margin:max(calc(4500 / 960 * var(--background-unit-x)),calc(4500 / 1720 * var(--background-unit-y)));--tvn-ratio:111 / 46}}@media (width>=768px) and (width<=1023px){.narrow-intro-background--tablet{display:block}.narrow-intro-background--tablet>.narrow-intro-art{aspect-ratio:auto;width:100%;height:100%;max-height:none;inset:0}}@media (width<=767px){.narrow-intro-background--mobile{display:block}}@keyframes narrow-comet-left{0%{stroke-dashoffset:170px;opacity:0}1%{opacity:1}27.68%{stroke-dashoffset:-1900px;opacity:1}30%{stroke-dashoffset:-2076px;opacity:0}to{stroke-dashoffset:-2076px;opacity:0}}@keyframes narrow-comet-right{0%{stroke-dashoffset:170px;opacity:0}1%{opacity:1}26.07%{stroke-dashoffset:-1780px;opacity:1}28.4%{stroke-dashoffset:-1956px;opacity:0}to{stroke-dashoffset:-1956px;opacity:0}}@media (prefers-reduced-motion:reduce){.narrow-comet{animation:none;display:none}}.home-howto.home-candidates .home-candidates__card.home-howto__card{width:calc(min(640px,100vw - 56px,80dvh - 89.6px)/1.23457);height:auto;min-height:0;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:26px;align-self:center;margin:auto;padding:0}.home-candidates__image-link{aspect-ratio:4/5;border-radius:inherit;width:100%;display:block;overflow:hidden}.home-candidates__image-link img{object-fit:contain;width:100%;height:100%;display:block}.home-candidates__footer{width:100%;color:var(--howto-white);background:0 0;padding:0 16px 16px}.home-candidates__footer .home-howto__snooze{opacity:1;min-height:18px}.home-candidates__footer .home-howto__snooze input{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;accent-color:var(--howto-pink)}@media (prefers-reduced-motion:reduce){.home-candidates.secret-intro--visible .secret-intro__card{opacity:1;animation:none;transform:none}}