@font-face{font-family:Fredoka;src:url('/fonts/Fredoka-Semibold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Nunito;src:url('/fonts/Nunito-Semibold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:BeanRound;src:url('/fonts/BeanRound.woff') format('woff');font-display:swap}@font-face{font-family:BeanJP;src:url('/fonts/BeanJP.woff') format('woff');font-display:swap}@font-face{font-family:BeanKR;src:url('/fonts/BeanKR.woff') format('woff');font-display:swap}
:root{--sky:#e5f3ff;--ink:#243756;--soft:#52647d;--mint:#96e3c5;--coral:#ff6878;--yellow:#ffcf65;--white:#fff;--display:Fredoka,BeanRound,system-ui,sans-serif;--body:Nunito,system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;--page:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--sky);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.7}html[lang=ja]{--display:Fredoka,BeanJP,system-ui,sans-serif}html[lang=ko]{--display:Fredoka,BeanKR,system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #185ba8;outline-offset:5px}img{max-width:100%;height:auto;display:block}button{cursor:pointer}.wrap{max-width:var(--page);margin:auto;padding-inline:32px}.skip{position:absolute;top:-100px;left:16px;background:white;padding:12px;z-index:20}.skip:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:106px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:var(--display);font-size:24px;line-height:1.1;white-space:nowrap}.brand img{width:57px;height:57px;object-fit:contain}.nav{display:flex;align-items:center;gap:26px;font-size:15px}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}.language{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;width:128px;height:44px}.language::after{content:"";position:absolute;top:50%;right:16px;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}.language select{-webkit-appearance:none;appearance:none;display:block;width:100%;max-width:none;height:100%;margin:0;border:1px solid #9cbed8;border-radius:22px;background:#ffffff80;padding:0 38px 0 14px;font-family:var(--body);font-size:14px;font-weight:600;line-height:20px;text-align:start;white-space:nowrap;cursor:pointer;box-shadow:none}.language select:focus-visible{outline:3px solid #185ba8;outline-offset:4px}.hero{display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:30px;min-height:610px;padding-block:38px 60px}.hero h1{font-family:var(--display);font-weight:600;font-size:clamp(42px,5.1vw,68px);line-height:1.16;letter-spacing:-.02em;margin:0 0 26px}.hero h1 span{display:block}.hero p{max-width:27em;color:var(--soft);margin-bottom:28px;font-size:19px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:12px 26px;background:var(--mint);border:2px solid var(--ink);border-radius:18px;text-decoration:none;box-shadow:0 5px 0 var(--ink);font-family:var(--display);font-size:19px;line-height:1.4}.button:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.status{display:block;margin-top:20px;color:var(--soft);font-size:14px}.hero-art{position:relative;padding:35px 22px 12px;min-width:0}.bead-board{position:relative;aspect-ratio:1;max-width:450px;background:#fff;border-radius:46% 42% 40% 44%;margin:auto;box-shadow:0 18px 0 #c4e1f5;display:grid;place-items:center;transform:rotate(3deg)}.bead-board:before,.bead-board:after{content:'';position:absolute;border:13px solid #b7d7ef;border-radius:25px;width:18px;height:65px;bottom:-52px}.bead-board:before{left:28%}.bead-board:after{right:28%}.bead-board img{width:88%;transform:rotate(-3deg);transition:filter .4s}.bean-friend{position:absolute;width:143px;right:0;top:-8px;transform:rotate(13deg)}.art-dot{position:absolute;width:35px;height:35px;border-radius:50%;background:var(--yellow);border:9px solid #fff8;left:14px;top:5px}.art-dot.second{top:auto;bottom:45px;left:-5px;background:var(--coral);width:42px;height:42px}.demo-button{position:relative;display:block;max-width:90%;margin:69px auto 0;background:transparent;border:0;padding:8px 16px;min-height:48px;font-family:var(--display);font-size:17px;border-bottom:2px dashed #8bb0cd;border-radius:0}.hero-art.sent .bead-board{animation:pop .42s ease}.hero-art.sent .art-dot{animation:travel .65s ease both}.hero-art.sent .bean-friend{animation:cheer .65s ease}.art-label{text-align:center;color:var(--soft);font-size:12px;margin:12px 0 0}.section-title{font-family:var(--display);font-size:clamp(30px,3.5vw,44px);font-weight:600;line-height:1.3;max-width:23em;margin:0 0 22px}.how{padding-block:88px 100px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:50px}.step-number{display:grid;place-items:center;width:49px;height:49px;font-family:Fredoka;font-size:25px;background:var(--yellow);border-radius:50%;margin-bottom:25px}.how h3{font-family:var(--display);font-size:25px;line-height:1.4;margin:0 0 12px}.how p{color:var(--soft);font-size:16px;margin:0;max-width:25em}.album{background:#fff9e5;padding:77px 0 82px;overflow:hidden;border-radius:64px 64px 0 0}.album-head{display:flex;align-items:start;justify-content:space-between;gap:70px}.album-head h2{max-width:13em}.album-head p{max-width:32em;margin:0;color:var(--soft)}.artworks{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:45px;align-items:center}.artworks figure{margin:0}.artworks img{width:100%;aspect-ratio:1;filter:drop-shadow(0 6px 0 #e8dcb7)}.artworks figure:nth-child(2n){transform:translateY(18px)}.screens{background:#fff;padding-block:90px 96px}.screens .lead{color:var(--soft);max-width:38em;margin-bottom:40px}.screens-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.screens figure{margin:0;min-width:0}.screens img{aspect-ratio:9/16;width:100%;border-radius:16px;box-shadow:0 12px 30px #24375615;background:#e6f0fa}.screens figcaption{font-family:var(--display);font-size:20px;line-height:1.4;margin-top:21px;text-align:center}.closing{position:relative;display:grid;grid-template-columns:130px 1fr;align-items:center;gap:36px;padding-block:75px}.closing img{width:130px}.closing h2{margin:0 0 10px;font-family:var(--display);font-size:34px;line-height:1.3}.closing p{margin:0;color:var(--soft);max-width:42em}.closing .status{margin-top:18px}.site-footer{border-top:1px solid #bdd4e6;padding-block:32px 42px;display:flex;align-items:start;justify-content:space-between;gap:25px;font-size:14px}.site-footer p{margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:20px}.site-footer .fine{font-size:12px;color:var(--soft);margin-top:7px}.document{max-width:820px;padding-block:45px 90px}.back{font-size:15px;color:var(--soft);text-decoration:none}.document h1{font-family:var(--display);font-size:clamp(34px,5vw,48px);line-height:1.3;margin:28px 0 16px}.document .intro{font-size:19px;color:var(--soft)}.document h2{font-family:var(--display);font-size:25px;line-height:1.4;margin:38px 0 12px}.document p{line-height:1.9;overflow-wrap:anywhere}.date{font-size:14px;color:var(--soft);margin-bottom:32px}.contact-box{padding:25px 28px;background:white;border-radius:22px;margin-top:36px}.contact-box h2{margin:0 0 12px}.contact-box a{overflow-wrap:anywhere}.faq{border-bottom:1px solid #bdd4e6;padding:21px 0}.faq summary{font-family:var(--display);font-size:21px;cursor:pointer;line-height:1.5;padding-right:20px}.faq p{color:var(--soft);margin-bottom:0}.not-found{text-align:center;min-height:60vh;padding:60px 25px}.not-found img{width:150px;margin:0 auto 25px}.not-found h1{font-family:var(--display);font-size:36px}.legal-links{font-size:14px;display:flex;flex-wrap:wrap;gap:20px;margin-top:25px}
@keyframes pop{50%{transform:rotate(3deg) scale(1.045)}}@keyframes travel{0%{transform:translate(0,0)}60%{transform:translate(70px,180px) scale(.8)}100%{transform:translate(0,0)}}@keyframes cheer{45%{transform:translateY(-16px) rotate(3deg)}}@media(min-width:1200px){html[lang=zh-Hans] .hero h1{font-size:68px}html[lang=ko] .hero h1{font-size:58px}}@media(max-width:850px){.nav{gap:16px}.nav>a{display:none}.hero{gap:10px;min-height:520px}.hero h1{font-size:43px}.hero p{font-size:17px}.bean-friend{width:110px}.how-grid{gap:24px}.album-head{gap:30px}.screens-grid{gap:18px}.wrap{padding-inline:24px}}@media(max-width:620px){.wrap{padding-inline:22px}.site-header{min-height:88px;gap:10px}.brand{font-size:20px;gap:5px}.brand img{width:43px;height:43px}.language{width:104px}.language::after{right:13px}.language select{font-size:13px;padding:0 30px 0 12px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:35px;gap:34px}.hero h1{font-size:clamp(38px,10vw,50px);margin-bottom:20px}.hero p{font-size:17px;margin:0 0 24px}.hero-art{width:100%;max-width:410px;margin:auto;padding:28px 19px 0}.bean-friend{width:111px;right:0;top:-8px}.hero .button{font-size:19px}.status{margin-top:18px}.demo-button{margin-top:65px;font-size:16px}.how{padding-block:50px 65px}.how-grid{grid-template-columns:1fr;gap:32px;margin-top:32px}.how article{display:grid;grid-template-columns:45px 1fr;column-gap:17px}.step-number{grid-row:1/3;width:42px;height:42px;font-size:22px;margin-top:3px}.how h3{font-size:24px;margin-bottom:7px}.how p{max-width:none;font-size:16px}.album{padding-block:49px 58px;border-radius:36px 36px 0 0}.album-head{display:block}.album-head p{font-size:16px}.artworks{gap:7px;grid-template-columns:repeat(3,1fr);margin-top:25px}.artworks figure:nth-child(n+4){display:none}.artworks figure:nth-child(2n){transform:translateY(12px)}.screens{padding-block:54px 60px}.screens-grid{grid-template-columns:repeat(3, minmax(230px,72vw));overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 25px;gap:20px}.screens figure{scroll-snap-align:start}.screens img{border-radius:12px}.screens figcaption{font-size:20px}.closing{grid-template-columns:1fr;padding-block:49px;gap:20px}.closing img{width:100px}.closing h2{font-size:30px}.closing p{font-size:16px}.site-footer{flex-direction:column;gap:22px}.document{padding-top:28px}.document h1{font-size:36px}.document .intro{font-size:18px}.document h2{font-size:23px}.contact-box{padding:22px}.not-found h1{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3{word-break:keep-all;overflow-wrap:normal}