@font-face{font-family:MuseumBody;src:url('assets/museum-body.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
.theme-reference{background:#faf9f4;color:#172542;font-family:MuseumBody,'Arial',sans-serif}
.ref-page{max-width:1280px;width:100%;margin:auto;container-type:inline-size;--u:calc(100cqw / 1016);font-size:calc(14 * var(--u));line-height:1.35}
.ref-page p{color:#172542}.ref-page .icon{stroke-width:1.65}.ref-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ref-sprite{position:relative;display:block;overflow:hidden;pointer-events:none;isolation:isolate}.ref-sprite>img{position:absolute;max-width:none;height:auto;display:block;user-select:none}.ref-graphic-heading{font:inherit;margin:0;line-height:1;letter-spacing:normal}.ref-header{height:calc(83 * var(--u));position:relative}.ref-logo{position:absolute;left:calc(53 * var(--u));top:calc(4 * var(--u));width:calc(174 * var(--u));height:calc(61 * var(--u))}.ref-header-divider{position:absolute;left:calc(234 * var(--u));top:calc(31 * var(--u));width:1px;height:calc(23 * var(--u));background:#c5c2bc}.ref-header-context{position:absolute;left:calc(245 * var(--u));top:calc(36 * var(--u));font-size:calc(11.4 * var(--u));letter-spacing:calc(-.3 * var(--u));white-space:nowrap}.ref-nav{position:absolute;left:calc(500 * var(--u));top:calc(34 * var(--u));display:flex;gap:calc(34 * var(--u));align-items:center;font-size:calc(13.7 * var(--u));letter-spacing:calc(-.6 * var(--u))}.ref-nav a:hover,.ref-footer-nav a:hover{color:#4057f5}.ref-header-add{position:absolute;left:calc(754 * var(--u));top:calc(17 * var(--u));width:calc(163 * var(--u));height:calc(50 * var(--u));border-radius:calc(16 * var(--u));background:linear-gradient(110deg,#3d4dff,#354dff);color:white;display:flex;align-items:center;justify-content:center;gap:calc(9 * var(--u));font-size:calc(12.6 * var(--u));font-weight:700;white-space:nowrap}.ref-header-add .icon{width:calc(24 * var(--u));height:calc(24 * var(--u));fill:#fff2;stroke-width:1.6}.ref-user{position:absolute;left:calc(930 * var(--u));top:calc(14 * var(--u));width:calc(64 * var(--u));height:calc(57 * var(--u))}.ref-mobile-menu{display:none}.ref-main{margin:0}.ref-inner{padding:0 calc(27 * var(--u)) calc(20 * var(--u));min-height:70vh;font-size:16px;line-height:1.55}.ref-inner p{color:var(--muted)}.ref-inner .page-header{padding-top:35px}.ref-inner .demo-note{margin-top:15px}
.ref-hero{position:relative;height:calc(414 * var(--u))}.ref-hero-copy{position:relative;z-index:2}.ref-overline{position:absolute;left:calc(49 * var(--u));top:calc(25 * var(--u));width:calc(207 * var(--u));height:calc(37 * var(--u));border:calc(1.6 * var(--u)) solid #172542;border-radius:50%;border-radius:calc(25 * var(--u));display:flex;justify-content:center;align-items:center;white-space:nowrap;font-size:calc(13.4 * var(--u));font-weight:700;letter-spacing:calc(-.55 * var(--u))}.ref-overline-rays{position:absolute;left:calc(268 * var(--u));top:calc(25 * var(--u));width:calc(27 * var(--u))}.ref-hero-title{position:absolute;left:calc(22 * var(--u));top:calc(76 * var(--u));width:calc(410 * var(--u))}.ref-hero-description{position:absolute;left:calc(28 * var(--u));top:calc(222 * var(--u));width:calc(423 * var(--u));font-size:calc(17.9 * var(--u));letter-spacing:calc(-.8 * var(--u));line-height:1.3;white-space:nowrap}.ref-hero-context{position:absolute;left:calc(30 * var(--u));top:calc(260 * var(--u));display:flex;align-items:center;gap:calc(9 * var(--u));font-size:calc(13.9 * var(--u));letter-spacing:calc(-.35 * var(--u));white-space:nowrap}.ref-hero-context .icon{width:calc(20 * var(--u));height:calc(23 * var(--u));fill:#8b7bff;stroke:#8b7bff}.ref-hero-wave{position:absolute;left:calc(219 * var(--u));top:calc(282 * var(--u));width:calc(73 * var(--u))}.ref-hero-actions{position:absolute;left:calc(27 * var(--u));top:calc(318 * var(--u));display:flex;gap:calc(12 * var(--u))}.ref-primary,.ref-secondary{display:inline-flex;justify-content:center;align-items:center;gap:calc(9 * var(--u));height:calc(56 * var(--u));border-radius:calc(16 * var(--u));font-weight:700;white-space:nowrap;font-size:calc(16.2 * var(--u));letter-spacing:calc(-.7 * var(--u));transition:transform .18s,box-shadow .18s}.ref-primary{color:white;background:linear-gradient(110deg,#3d4dff,#354dff);width:calc(207 * var(--u));box-shadow:0 3px 7px #4057f50b}.ref-secondary{color:#172542;border:calc(1.65 * var(--u)) solid #172542;width:calc(183 * var(--u));background:#fffdfa65}.ref-primary .icon{width:calc(19 * var(--u));height:calc(19 * var(--u))}.ref-primary:hover,.ref-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4057f524}.ref-hero-art{position:absolute;left:calc(426 * var(--u));top:0;width:calc(579 * var(--u))}
.ref-steps{position:relative;height:calc(160 * var(--u));margin:0 calc(16 * var(--u));background:#fffdf9aa;border:1px solid #eae6dc;border-radius:calc(21 * var(--u));box-shadow:0 calc(3 * var(--u)) calc(12 * var(--u)) #31374a03;display:grid;grid-template-columns:repeat(3,1fr)}.ref-step{position:relative;display:block;min-width:0}.ref-step:not(:last-child):after{content:'';position:absolute;right:calc(20 * var(--u));top:calc(38 * var(--u));width:1px;height:calc(89 * var(--u));background:#ddd9d1}.ref-step-number{position:absolute;left:calc(32 * var(--u));top:calc(33 * var(--u));width:calc(36 * var(--u));height:calc(37 * var(--u));border-radius:50%;background:#ddec9a;display:flex;align-items:center;justify-content:center;font-size:calc(25 * var(--u));line-height:1;font-weight:700}.ref-step-second .ref-step-number{background:#ffd09f;left:calc(15 * var(--u))}.ref-step-third .ref-step-number{background:#d7cdfb;left:calc(19 * var(--u))}.ref-step-art{position:absolute;left:calc(46 * var(--u));top:calc(50 * var(--u));width:calc(82 * var(--u))}.ref-step-second .ref-step-art{left:calc(44 * var(--u));width:calc(63 * var(--u));top:calc(48 * var(--u))}.ref-step-third .ref-step-art{left:calc(42 * var(--u));width:calc(86 * var(--u));top:calc(43 * var(--u))}.ref-step .ref-graphic-heading{position:absolute;left:calc(138 * var(--u));top:calc(44 * var(--u));width:calc(125 * var(--u))}.ref-step-second .ref-graphic-heading{left:calc(111 * var(--u));width:calc(180 * var(--u))}.ref-step-third .ref-graphic-heading{left:calc(140 * var(--u));width:calc(154 * var(--u))}.ref-step p{position:absolute;left:calc(140 * var(--u));top:calc(74 * var(--u));font-size:calc(13.8 * var(--u));line-height:1.39;letter-spacing:calc(-.5 * var(--u))}.ref-step-second p{left:calc(113 * var(--u))}.ref-step-third p{left:calc(142 * var(--u))}.ref-step:hover{background:#e9edb21b;border-radius:calc(21 * var(--u))}
.ref-reviews{margin-top:calc(40 * var(--u))}.ref-reviews-heading{position:relative;height:calc(69 * var(--u))}.ref-reviews-heading>.ref-graphic-heading{position:absolute;left:calc(19 * var(--u));top:calc(1 * var(--u));width:calc(519 * var(--u))}.ref-reviews-star{position:absolute;left:calc(542 * var(--u));top:calc(-13 * var(--u));width:calc(43 * var(--u))}.ref-reviews-heading>a{position:absolute;right:calc(25 * var(--u));top:calc(17 * var(--u));font-size:calc(13.6 * var(--u));letter-spacing:calc(-.6 * var(--u));font-weight:700;color:#3d4dff;display:flex;align-items:center;gap:calc(10 * var(--u))}.ref-reviews-heading>a .icon{width:calc(23 * var(--u));height:calc(23 * var(--u))}.ref-cards{position:relative;height:calc(480 * var(--u))}.ref-card{position:absolute;top:0;height:calc(480 * var(--u));border:1px solid #e7e2d8;border-radius:calc(17 * var(--u));background:#fffefa;box-shadow:0 3px 8px #17254202;overflow:hidden}.ref-card-1{left:calc(17 * var(--u));width:calc(324 * var(--u))}.ref-card-2{left:calc(350 * var(--u));width:calc(316 * var(--u))}.ref-card-3{left:calc(673 * var(--u));width:calc(326 * var(--u))}.ref-card-image{position:absolute;left:calc(9 * var(--u));top:calc(8 * var(--u));width:calc(304 * var(--u));overflow:hidden;border-radius:calc(5 * var(--u))}.ref-card-2 .ref-card-image{width:calc(296 * var(--u))}.ref-card-3 .ref-card-image{width:calc(306 * var(--u))}.ref-card-title{position:absolute;left:calc(10 * var(--u));top:calc(293 * var(--u));width:calc(253 * var(--u))}.ref-card-2 .ref-card-title{width:calc(263 * var(--u))}.ref-card-3 .ref-card-title{width:calc(250 * var(--u))}.ref-card-description{position:absolute;left:calc(12 * var(--u));top:calc(329 * var(--u));font-size:calc(13.7 * var(--u));line-height:1.36;letter-spacing:calc(-.4 * var(--u));color:#414a64!important}.ref-play{position:absolute;right:calc(9 * var(--u));top:calc(292 * var(--u));height:calc(42 * var(--u));width:calc(42 * var(--u));border-radius:50%;background:radial-gradient(circle at 35% 30%,#e8e2ff,#d6cfff);display:flex;align-items:center;justify-content:center;z-index:2}.ref-play .icon{height:calc(20 * var(--u));width:calc(20 * var(--u));fill:#172542;stroke-width:1}.ref-card-author{position:absolute;left:calc(10 * var(--u));top:calc(407 * var(--u));display:flex;align-items:center;gap:calc(15 * var(--u))}.ref-author-portrait{width:calc(63 * var(--u))}.ref-card-author b{font-size:calc(12.6 * var(--u));font-weight:400;display:block;letter-spacing:calc(-.3 * var(--u));white-space:nowrap}.ref-card-author small{font-size:calc(11 * var(--u));color:#70758b;display:block;margin-top:calc(5 * var(--u))}.ref-like{position:absolute;right:calc(15 * var(--u));top:calc(423 * var(--u));border:0;padding:0;background:transparent;width:calc(34 * var(--u));height:calc(33 * var(--u));border-radius:8px}.ref-like.is-liked .ref-sprite{filter:sepia(.8) saturate(6) hue-rotate(289deg)}.ref-liked-fill{position:absolute;inset:0;color:#e9678a;font-size:calc(27 * var(--u));line-height:calc(31 * var(--u))}.ref-card-image:hover{filter:brightness(1.025)}.ref-play:hover{background:#c9c0ff}.ref-like:hover{transform:scale(1.08)}
.ref-mission{position:relative;margin:calc(24 * var(--u)) calc(17 * var(--u)) 0;height:calc(172 * var(--u));border-radius:calc(23 * var(--u));background:radial-gradient(ellipse at 60% 80%,#edeaffaa,transparent 65%),linear-gradient(110deg,#ebe7ff,#ddd9fb);overflow:hidden}.ref-mission-flag{position:absolute;left:calc(31 * var(--u));top:calc(21 * var(--u));width:calc(38 * var(--u))}.ref-mission-label{position:absolute;left:calc(80 * var(--u));top:calc(23 * var(--u));height:calc(35 * var(--u));border:calc(1.35 * var(--u)) solid #8275fb;border-radius:calc(25 * var(--u));display:flex;justify-content:center;align-items:center;padding:0 calc(15 * var(--u));font-size:calc(14 * var(--u));letter-spacing:calc(-.55 * var(--u));background:#ffffff45}.ref-mission-title{position:absolute;left:calc(11 * var(--u));top:calc(67 * var(--u));width:calc(389 * var(--u))}.ref-mission-description{position:absolute;left:calc(13 * var(--u));top:calc(115 * var(--u));font-size:calc(13.7 * var(--u));letter-spacing:calc(-.7 * var(--u))}.ref-stamps{position:absolute;left:calc(418 * var(--u));top:calc(29 * var(--u));display:flex;gap:calc(6 * var(--u))}.ref-stamps>a{width:calc(48 * var(--u));transition:transform .18s}.ref-stamps>a:hover{transform:translateY(-3px)}.ref-join{position:absolute;left:calc(772 * var(--u));top:calc(112 * var(--u));width:calc(184 * var(--u));height:calc(44 * var(--u));font-size:calc(13.3 * var(--u));border-radius:calc(15 * var(--u))}.ref-mission-star{position:absolute;line-height:1;pointer-events:none}.ref-ms-one{left:calc(384 * var(--u));top:calc(34 * var(--u));font-size:calc(33 * var(--u));color:#efb52e;transform:rotate(-8deg)}.ref-ms-two{left:calc(372 * var(--u));top:calc(109 * var(--u));font-size:calc(30 * var(--u));color:#8e7dff;transform:rotate(12deg)}.ref-ms-three{left:calc(733 * var(--u));top:calc(114 * var(--u));font-size:calc(35 * var(--u));color:#f5b93e;transform:rotate(-12deg)}
.ref-footer{margin:calc(19 * var(--u)) calc(29 * var(--u)) 0;position:relative;height:calc(87 * var(--u));border-top:1px solid #dedbd4}.ref-footer-logo{position:absolute;left:calc(22 * var(--u));top:calc(15 * var(--u));width:calc(129 * var(--u))}.ref-footer-divider{position:absolute;left:calc(181 * var(--u));top:calc(30 * var(--u));width:1px;height:calc(23 * var(--u));background:#c6c4bd}.ref-footer-context{position:absolute;left:calc(200 * var(--u));top:calc(34 * var(--u));font-size:calc(10 * var(--u));letter-spacing:calc(-.25 * var(--u));white-space:nowrap}.ref-footer-nav{position:absolute;left:calc(453 * var(--u));top:calc(34 * var(--u));display:flex;gap:calc(32 * var(--u));font-size:calc(10.4 * var(--u));letter-spacing:calc(-.3 * var(--u))}.ref-footer-message{position:absolute;left:calc(734 * var(--u));top:calc(25 * var(--u));font-size:calc(9.1 * var(--u));line-height:1.6;letter-spacing:calc(-.2 * var(--u))}.ref-footer-heart{position:absolute;left:calc(913 * var(--u));top:calc(18 * var(--u));width:calc(34 * var(--u))}.theme-reference .toast{font-size:13px}
@media(min-width:761px){.theme-reference .ref-inner .page-header h1{font-size:46px}.theme-reference .ref-inner .card-content h3{font-size:22px}.theme-reference .ref-inner .passport-layout{grid-template-columns:280px 1fr}.theme-reference .ref-inner .detail-layout{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:760px){
 .ref-page{--u:1px;container-type:inline-size;font-size:14px}.ref-header{height:88px;margin:0 18px}.ref-logo{left:0;top:8px;width:164px;height:auto}.ref-header-context,.ref-header-divider{display:none}.ref-user{left:auto;right:43px;top:16px;width:52px;height:auto}.ref-header-add{display:none}.ref-mobile-menu{display:flex;position:absolute;right:0;top:26px;width:34px;height:34px;justify-content:center;align-items:center;border:0;background:transparent;border-radius:8px}.ref-nav{display:none}.ref-header.menu-open{height:143px}.ref-header.menu-open .ref-nav{display:flex;top:98px;left:0;right:0;justify-content:center;gap:32px;font-size:14px}.ref-hero{height:auto;display:flex;flex-direction:column;padding:10px 20px 0}.ref-hero-copy{height:360px}.ref-overline{left:0;top:0;width:207px;height:37px;font-size:13px}.ref-overline-rays{left:214px;top:0;width:27px}.ref-hero-title{left:-4px;top:54px;width:min(100%,410px)}.ref-hero-description{left:0;top:196px;width:100%;font-size:16px;letter-spacing:-.7px;white-space:normal;max-width:380px}.ref-hero-context{left:0;top:247px;font-size:12.5px;gap:7px}.ref-hero-context .icon{width:19px;height:21px}.ref-hero-wave{left:180px;top:269px;width:65px}.ref-hero-actions{left:0;right:0;top:302px;gap:10px}.ref-primary,.ref-secondary{height:49px;font-size:14px;letter-spacing:-.5px;border-radius:14px}.ref-hero-actions .ref-primary{width:55%;max-width:207px}.ref-hero-actions .ref-secondary{width:45%;max-width:183px;border-width:1.5px}.ref-primary .icon{width:17px;height:17px}.ref-hero-art{position:relative;left:auto;top:auto;width:calc(100% + 20px);margin:4px -10px 0;max-width:600px;align-self:center}.ref-steps{height:auto;margin:18px 16px 0;border-radius:20px;display:flex;flex-direction:column;padding:10px 15px}.ref-step{height:135px;flex-shrink:0}.ref-step:not(:last-child):after{top:auto;bottom:0;right:4px;left:4px;width:auto;height:1px}.ref-step-number,.ref-step-second .ref-step-number,.ref-step-third .ref-step-number{left:8px;top:19px;width:32px;height:33px;font-size:22px}.ref-step-art,.ref-step-second .ref-step-art,.ref-step-third .ref-step-art{left:24px;top:37px;width:73px}.ref-step-second .ref-step-art{width:58px;left:34px}.ref-step-third .ref-step-art{width:76px;left:27px;top:29px}.ref-step .ref-graphic-heading,.ref-step-second .ref-graphic-heading,.ref-step-third .ref-graphic-heading{left:112px;top:30px;width:125px}.ref-step-second .ref-graphic-heading{width:min(180px,calc(100% - 112px))}.ref-step-third .ref-graphic-heading{width:154px}.ref-step p,.ref-step-second p,.ref-step-third p{left:114px;top:61px;font-size:13px;letter-spacing:-.4px;line-height:1.5}.ref-reviews{margin-top:35px}.ref-reviews-heading{height:99px}.ref-reviews-heading>.ref-graphic-heading{left:17px;top:0;width:calc(100% - 53px);max-width:519px}.ref-reviews-star{left:auto;right:15px;top:-11px;width:28px}.ref-reviews-heading>a{right:20px;top:66px;font-size:12px;gap:8px}.ref-reviews-heading>a .icon{width:21px;height:21px}.ref-cards{height:auto;display:flex;flex-direction:column;gap:18px;padding:0 17px}.ref-card,.ref-card-1,.ref-card-2,.ref-card-3{position:relative;left:auto;top:auto;width:100%;height:auto;padding:9px 9px 14px;border-radius:18px;overflow:visible}.ref-card-image,.ref-card-2 .ref-card-image,.ref-card-3 .ref-card-image{position:relative;left:auto;top:auto;width:100%;border-radius:6px;display:block}.ref-card-title,.ref-card-2 .ref-card-title,.ref-card-3 .ref-card-title{position:relative;left:auto;top:auto;width:calc(100% - 42px);max-width:270px;display:block;margin:13px 2px 8px}.ref-card-description{position:relative;left:auto;top:auto;font-size:14px;letter-spacing:-.4px;line-height:1.5;margin:0 3px}.ref-play{right:10px;top:auto;width:40px;height:40px;bottom:174px}.ref-play .icon{width:18px;height:18px}.ref-card-2 .ref-play{bottom:196px}.ref-card-3 .ref-play{bottom:174px}.ref-card-author{position:relative;left:auto;top:auto;margin:13px 2px 0;gap:13px;display:flex;width:max-content}.ref-author-portrait{width:61px}.ref-card-author b{font-size:13px;letter-spacing:-.3px}.ref-card-author small{font-size:11px;margin-top:4px}.ref-like{right:16px;top:auto;bottom:30px;width:34px;height:33px}.ref-liked-fill{font-size:27px;line-height:31px}.ref-mission{margin:22px 17px 0;height:292px;border-radius:22px}.ref-mission-flag{left:20px;top:18px;width:35px}.ref-mission-label{left:64px;top:21px;height:33px;padding:0 13px;font-size:13px;letter-spacing:-.4px}.ref-mission-title{left:10px;top:70px;width:calc(100% - 30px);max-width:389px}.ref-mission-description{left:13px;top:113px;font-size:12px;letter-spacing:-.6px;max-width:calc(100% - 23px)}.ref-stamps{left:14px;right:14px;top:152px;gap:4px}.ref-stamps>a{width:calc((100% - 36px) / 10)}.ref-join{left:auto;right:19px;top:231px;width:184px;height:44px;font-size:13px;border-radius:14px}.ref-ms-one{left:auto;right:13px;top:32px;font-size:27px}.ref-ms-two{left:15px;top:238px;font-size:28px}.ref-ms-three{left:auto;right:211px;top:238px;font-size:30px}.ref-footer{margin:21px 19px 0;height:180px}.ref-footer-logo{left:5px;top:21px;width:129px}.ref-footer-divider{display:none}.ref-footer-context{left:151px;top:38px;font-size:9px;white-space:normal;max-width:calc(100% - 151px)}.ref-footer-nav{left:7px;top:91px;gap:28px;font-size:11px}.ref-footer-message{left:7px;top:128px;font-size:10px}.ref-footer-heart{left:auto;right:7px;top:125px;width:30px}.ref-inner{padding:0 19px 20px;font-size:15px}.ref-inner .page-header{padding-top:24px}.theme-reference .site-footer{padding-bottom:25px}.theme-reference .toast{bottom:22px}.theme-reference .ref-inner .passport-layout,.theme-reference .ref-inner .detail-layout{grid-template-columns:1fr}
}
@media(max-width:760px){.ref-play{top:calc((100cqw - 54px) * 273 / 304 + 19px);bottom:auto}.ref-card-2 .ref-play{top:calc((100cqw - 54px) * 273 / 296 + 19px);bottom:auto}.ref-card-3 .ref-play{top:calc((100cqw - 54px) * 273 / 306 + 19px);bottom:auto}}
@media(max-width:360px){.ref-hero-title{top:57px}.ref-hero-description{top:177px;font-size:15px}.ref-hero-context{top:230px;font-size:11.5px}.ref-hero-wave{top:253px}.ref-hero-actions{top:286px}.ref-hero-copy{height:343px}.ref-step .ref-graphic-heading,.ref-step-second .ref-graphic-heading,.ref-step-third .ref-graphic-heading{left:96px}.ref-step p,.ref-step-second p,.ref-step-third p{left:98px;font-size:12px}.ref-step-third .ref-graphic-heading{width:145px}.ref-step-art,.ref-step-second .ref-step-art,.ref-step-third .ref-step-art{left:12px}.ref-step-second .ref-step-art{left:22px}.ref-step-number,.ref-step-second .ref-step-number,.ref-step-third .ref-step-number{left:0}.ref-mission-description{font-size:11px}.ref-mission-title{top:74px}}