/* Parangi: a little blue world. */
:root{--ink:#132139;--blue:#125eea;--bright:#239aff;--pale:#eef6ff;--cream:#fffaf1;--red:#ff5069;--line:rgba(19,33,57,.14);--font:'Manrope','Noto Sans KR',sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--pale);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:clip}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid var(--red);outline-offset:6px}button{border:0}button:disabled{cursor:wait;opacity:.6}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}::selection{background:var(--red);color:white}.skip-link{position:fixed;left:12px;top:-100px;z-index:100;background:white;padding:15px;border-radius:8px}.skip-link:focus{top:12px}
.load-curtain{position:fixed;inset:0;z-index:90;background:var(--blue);display:grid;place-items:center;pointer-events:none;color:white;transform-origin:top;animation:curtain-away 1.1s var(--ease) .3s both}.load-curtain>span{font-size:clamp(70px,15vw,220px);font-weight:900;letter-spacing:-.08em;position:relative}.load-dot{position:absolute;width:.14em;height:.14em;border-radius:50%;background:var(--red);right:-.25em;bottom:.25em}@keyframes curtain-away{0%{transform:translateY(0);border-radius:0}100%{transform:translateY(-110%);border-radius:0 0 45% 45%}}
.site-header{position:absolute;z-index:30;top:0;left:0;width:100%;height:102px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4.7vw,80px);gap:28px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-weight:900;font-size:25px;letter-spacing:-.06em}.brand>span:last-child{display:flex;flex-direction:column;gap:2px}.brand-roman{font-weight:800;font-size:8px;letter-spacing:.29em;margin-left:2px}.brand-creature{width:36px;height:36px;border-radius:45% 46% 40% 40%;background:var(--bright);position:relative;margin-top:8px;box-shadow:inset -4px -4px 8px #0878cf}.brand-creature:before{content:'';position:absolute;width:36px;height:7px;border-radius:50%;background:var(--ink);top:-3px;left:1px;transform:rotate(-12deg)}.brand-creature:after{content:'';position:absolute;width:26px;height:16px;border-radius:12px 12px 2px 2px;background:var(--ink);top:-15px;left:6px;transform:rotate(-12deg)}.brand-creature i{position:absolute;background:var(--red);height:8px;width:8px;border-radius:50%;left:14px;top:16px}.brand-creature b{position:absolute;width:3px;height:3px;left:9px;top:12px;border-radius:50%;background:var(--ink);box-shadow:14px 0 var(--ink)}.site-header nav{display:flex;gap:30px;font-size:13px;font-weight:700}.site-header nav a{position:relative;padding:8px 0}.site-header nav a:after{content:'';position:absolute;bottom:2px;left:0;height:2px;width:0;background:var(--blue);transition:width .25s}.site-header nav a:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:20px}.language-button{background:transparent;padding:10px 0;display:flex;gap:9px;font-size:11px;font-weight:800;white-space:nowrap}.language-current{border-bottom:1px solid var(--ink);padding-bottom:2px}.language-other{opacity:.45}.header-cta{font-size:12px;font-weight:800;display:flex;align-items:center;gap:20px;background:var(--ink);color:white;padding:14px 20px;border-radius:50px;transition:transform .2s,background .2s}.header-cta:hover{background:var(--blue);transform:translateY(-2px)}
.hero{min-height:820px;height:max(820px,100svh);max-height:1250px;position:relative;padding:155px clamp(24px,4.7vw,80px) 90px;display:grid;grid-template-columns:1.03fr 1fr;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 74% 44%,#c9eaff 0,transparent 49%),var(--pale)}.hero-grain{position:absolute;inset:0;opacity:.028;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-copy{position:relative;z-index:4;align-self:center;max-width:760px;padding-bottom:35px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;display:flex;align-items:center;gap:9px;line-height:1.6}.live-dot{width:6px;height:6px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px #125eea10}.hero h1{font-size:clamp(75px,7.6vw,120px);letter-spacing:-.085em;line-height:1.03;font-weight:800;margin-top:28px;margin-left:-6px}.hero h1>span{display:block;white-space:nowrap}.hero-last{display:flex!important;align-items:center;gap:36px}.hero-last em{font-style:normal;color:var(--blue)}.heart-doodle{width:clamp(60px,7.5vw,110px);height:auto;transform:rotate(-12deg);margin-top:12px;stroke:var(--red);stroke-width:6;stroke-linecap:round;fill:none;stroke-dasharray:330;stroke-dashoffset:0;animation:draw-heart 2s var(--ease) .8s both}@keyframes draw-heart{from{stroke-dashoffset:330}to{stroke-dashoffset:0}}.hero-description{font-size:16px;line-height:1.8;color:#58677b;max-width:340px;margin:27px 0 30px}.hero-buttons{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:19px 27px;border-radius:50px;font-size:13px;font-weight:800;transition:transform .25s var(--ease),background .25s,box-shadow .25s}.button:hover{transform:translateY(-4px);box-shadow:0 8px 24px #13213918}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:var(--blue)}.button-light{background:white;color:var(--ink)}.button-light:hover{background:#dff0ff}.text-link{display:inline-flex;gap:14px;align-items:center;font-size:12px;font-weight:800;padding:10px 0;border-bottom:1px solid var(--line)}.text-link:hover{color:var(--blue)}
.hero-stage{position:relative;z-index:3;height:min(42vw,610px);min-height:450px;align-self:center;margin:0 -20px 0 -25px}.hero-character{position:absolute;inset:0;background:transparent;border:0;width:100%;height:100%;padding:0;transform:translate3d(var(--px,0px),var(--py,0px),0) rotate(var(--pr,-5deg));transition:transform .5s var(--ease);filter:drop-shadow(0 25px 16px #1478bc18);z-index:3}.hero-character img{width:100%;height:100%;object-fit:contain;animation:character-arrival 1.5s var(--ease) .5s both}.hero-character.boop img{animation:boop .6s var(--ease)}@keyframes character-arrival{from{transform:translateY(160px) rotate(15deg) scale(.65);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes boop{0%{transform:scale(1)}30%{transform:scale(.93,1.07) rotate(-6deg)}65%{transform:scale(1.05,.96) rotate(5deg)}100%{transform:scale(1)}}.hero-orbit{position:absolute;left:50%;top:55%;border:1px solid #61aef459;border-radius:50%;transform:translate(-50%,-50%) rotate(-28deg);width:118%;height:59%;pointer-events:none}.orbit-two{transform:translate(-50%,-50%) rotate(34deg);height:62%;width:104%;border-color:#61aef422}.handwriting{font-family:var(--font);font-style:italic;font-size:19px;font-weight:700;letter-spacing:-.04em}.hero-hi{position:absolute;left:-6%;top:1%;transform:rotate(-9deg);color:var(--blue)}.hello-arrow{position:absolute;width:82px;left:10%;top:4%;fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;transform:rotate(-8deg)}.hero-spark{position:absolute;color:var(--blue);font-size:64px;z-index:4;pointer-events:none}.spark-one{right:1%;top:0;animation:slow-rotate 24s linear infinite}.spark-two{left:-3%;bottom:17%;font-size:38px;color:var(--red)}@keyframes slow-rotate{to{transform:rotate(360deg)}}.hero-shadow{position:absolute;width:55%;height:6%;background:#2b91d426;border-radius:50%;filter:blur(12px);left:27%;bottom:0}.character-tag{position:absolute;right:4%;bottom:-24px;background:white;box-shadow:0 10px 35px #2378ab0d;border:1px solid #d3e9fb;border-radius:50px;padding:13px 20px;font-size:9px;font-weight:800;letter-spacing:.11em;display:flex;gap:10px;align-items:center;transform:rotate(-5deg);z-index:5}.tag-dot{width:7px;height:7px;background:var(--red);border-radius:50%}.hero-reaction{position:absolute;top:8%;right:-2%;z-index:6;font-size:18px;font-weight:800;background:white;border-radius:20px 20px 20px 2px;box-shadow:0 10px 30px #125eea16;padding:14px 22px;transform:translateY(10px) rotate(8deg);opacity:0;transition:.3s;pointer-events:none}.hero-reaction.show{opacity:1;transform:translateY(0) rotate(8deg)}.hero-bottom{position:absolute;z-index:5;left:clamp(24px,4.7vw,80px);right:clamp(24px,4.7vw,80px);bottom:31px;display:flex;justify-content:space-between;align-items:center}.scroll-hint{font-size:11px;font-weight:600;display:flex;gap:12px;align-items:center}.scroll-pill{width:20px;height:30px;border:1px solid #8097b4;border-radius:12px;display:grid;justify-content:center;padding-top:5px}.scroll-pill i{height:6px;width:2px;border-radius:3px;background:var(--blue);animation:scroll-nudge 2s infinite}@keyframes scroll-nudge{0%,100%{transform:translateY(0);opacity:1}60%{transform:translateY(8px);opacity:0}}.hero-coordinate{font-size:11px;letter-spacing:-.03em;text-align:right;font-weight:700}.hero-coordinate span{display:block;font-size:8px;font-weight:500;letter-spacing:.18em;margin-top:5px;color:#637b95}.hero-watermark{position:absolute;bottom:-120px;left:28%;font-size:clamp(180px,27vw,490px);font-family:'Noto Sans KR',sans-serif;line-height:1;font-weight:900;color:#83c4ff14;letter-spacing:-.13em;pointer-events:none;z-index:0}
.story{height:330svh;position:relative;background:var(--blue);color:white}.story-sticky{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;padding:38px clamp(24px,5.5vw,100px) 30px;display:flex;flex-direction:column;isolation:isolate}.story-wash{position:absolute;width:170vmax;height:170vmax;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--wash,0));background:#fff3de;pointer-events:none;z-index:-1;transition:background .5s}.story-heading{display:flex;justify-content:space-between;align-items:center}.story-number{font-size:12px;font-weight:800;letter-spacing:.05em;opacity:.7}.story-canvas{position:relative;flex:1}.story-slide{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;opacity:0;pointer-events:none;transform:translateY(100px);transition:opacity .6s var(--ease),transform .9s var(--ease)}.story-slide.active{opacity:1;pointer-events:auto;transform:translateY(0)}.story-slide.before{transform:translateY(-110px) rotate(-2deg)}.chapter-label{font-size:9px;font-weight:700;letter-spacing:.13em;opacity:.65}.story-text h2{font-size:clamp(40px,4.9vw,75px);font-weight:800;line-height:1.1;letter-spacing:-.065em;white-space:pre-line;margin:27px 0 24px}.story-text p{font-size:15px;line-height:1.9;max-width:395px;opacity:.78}.source-link{display:inline-flex;align-items:center;gap:13px;font-size:11px;line-height:1.6;font-weight:700;border-bottom:1px solid currentColor;margin-top:27px;padding-bottom:8px;opacity:.8}.source-link:hover{opacity:1}.story-art{height:min(39vw,570px);width:100%;position:relative;transform:translate3d(0,var(--art-shift,0px),0) rotate(var(--art-rotate,0deg));transition:transform .15s linear}.story-character{position:absolute;width:100%;height:100%;object-fit:contain;transform:rotate(9deg);z-index:2}.giant-word{position:absolute;left:-20px;top:18%;font-size:clamp(100px,12vw,220px);font-weight:900;color:#ffffff1a;letter-spacing:-.12em;transform:rotate(-15deg);white-space:nowrap}.floating-note{position:absolute;background:#ffffff;color:var(--blue);padding:14px 23px;border-radius:40px;font-size:13px;font-weight:800;z-index:3;box-shadow:0 12px 30px #061d5426}.note-one{top:3%;right:0;transform:rotate(11deg)}.note-two{bottom:5%;left:-5%;transform:rotate(-8deg);background:var(--red);color:white}.atlas-character{background-image:url('assets/parangi-moods.png');background-size:200% 200%;background-repeat:no-repeat;background-position:0 0;display:block;aspect-ratio:1}.angel-character{background-position:100% 100%;width:100%;height:100%;position:relative;z-index:2;transform:rotate(-6deg)}.spotlight-circle{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,#ffcf68aa,#ffda8733 65%,transparent 70%)}.spotlight-star{position:absolute;color:#ce9a27;font-size:60px;z-index:3}.star-one{top:11%;right:0}.star-two{bottom:18%;left:0;font-size:35px}.spotlight-note{position:absolute;bottom:0;right:-10px;color:#af7d12;transform:rotate(8deg)}.happy-character{height:100%;width:100%;position:relative;z-index:2;transform:rotate(3deg)}.community-ring{position:absolute;inset:9%;border:1px solid #79c4ff59;border-radius:50%;box-shadow:0 0 0 45px #79c4ff0a,0 0 0 90px #79c4ff05}.mini-heart{position:absolute;font-size:38px;color:var(--red);z-index:3}.heart-one{top:6%;left:7%;transform:rotate(-17deg)}.heart-two{bottom:20%;right:-2%;font-size:55px;transform:rotate(15deg)}.heart-three{top:3%;right:10%;font-size:20px}.together-note{position:absolute;bottom:-10px;left:20%;color:#a8d4ff;transform:rotate(-5deg)}.story[data-chapter='1']{color:var(--ink)}.story[data-chapter='2'] .story-wash{background:#101f39}.story-footer{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5;gap:20px}.story-steps{display:flex;gap:13px}.story-steps button{display:flex;gap:8px;align-items:center;background:transparent;padding:10px 0;font-size:10px;color:inherit;opacity:.4}.story-steps button.active{opacity:1}.story-steps i{display:block;width:52px;height:2px;background:currentColor;opacity:.5;transform-origin:left;transition:width .3s}.story-steps button.active i{width:78px;opacity:1}.story-scroll{font-size:8px;letter-spacing:.1em;font-weight:700;opacity:.65}.blue-ribbon{position:relative;z-index:4;overflow:hidden;background:#d7ebff;color:var(--blue);padding:23px 0;transform:rotate(-2deg);margin:-24px -12px 0;width:calc(100% + 24px);border-top:1px solid #aacffa;border-bottom:1px solid #aacffa}.blue-ribbon>div{display:flex;gap:32px;width:max-content;font-size:17px;font-weight:800;letter-spacing:.04em;animation:marquee 40s linear infinite;white-space:nowrap;align-items:center}.blue-ribbon span{font-size:30px;line-height:1;color:var(--red)}@keyframes marquee{to{transform:translateX(-50%)}}
.section-pad{padding:105px clamp(24px,5.5vw,100px)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.section-heading h2{font-size:clamp(48px,6vw,88px);font-weight:800;line-height:1.05;letter-spacing:-.065em;margin-top:22px;white-space:pre-line}.section-heading>p{max-width:280px;font-size:14px;line-height:1.9;color:#607188;padding-bottom:8px}.play{background:var(--pale);padding-top:120px;padding-bottom:100px}.mood-playground{display:grid;grid-template-columns:1.5fr 1fr;margin-top:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:520px}.mood-visual{position:relative;overflow:hidden;display:grid;place-items:center;border-right:1px solid var(--line)}.mood-background-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(95px,11vw,180px);font-weight:800;letter-spacing:-.09em;color:#125eea0b;white-space:nowrap}.mood-big{width:440px;max-width:90%;position:relative;z-index:2;filter:drop-shadow(0 18px 13px #245ead15);animation:mood-float 5s ease-in-out infinite;transition:filter .3s}.mood-big.changing{animation:mood-pop .6s var(--ease),mood-float 5s ease-in-out .6s infinite}@keyframes mood-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(3deg)}}@keyframes mood-pop{0%{transform:translateY(20px) scale(.9);opacity:.2}100%{transform:translateY(0);opacity:1}}.mood-caption{position:absolute;bottom:34px;left:50%;transform:translateX(-50%) rotate(-4deg);color:var(--blue);white-space:nowrap;z-index:3}.mood-decoration{position:absolute;right:30px;top:42px;font-size:65px;color:var(--red);transform:rotate(12deg)}.mood-shadow{position:absolute;width:220px;height:22px;bottom:74px;background:#1478bc16;border-radius:50%;filter:blur(14px)}.mood-controls{padding:45px 0 45px 55px;align-self:center}.tiny-label{font-size:9px;letter-spacing:.13em;font-weight:800;line-height:1.7}.mood-options{display:flex;flex-direction:column;margin-top:23px}.mood-option{display:flex;align-items:center;gap:14px;padding:19px 0;background:transparent;border-bottom:1px solid var(--line);text-align:left;font-size:15px;font-weight:800;transition:color .25s,padding .25s}.mood-option:first-child{border-top:1px solid var(--line)}.mood-option .mood-arrow{margin-left:auto;opacity:0;transform:translate(-7px,7px);transition:.25s}.mood-option.active{color:var(--blue);padding-left:8px}.mood-option.active .mood-arrow{opacity:1;transform:translate(0,0)}.mood-option:hover{color:var(--blue)}.mood-emoji{width:23px;font-size:23px;line-height:1}.mood-controls>.text-link{margin-top:30px}
.maker{background:#ffdfe4;position:relative;overflow:hidden;padding-top:105px;padding-bottom:100px}.maker:after{content:'♥';position:absolute;font-size:400px;color:#ff647810;right:-100px;top:0;transform:rotate(17deg);pointer-events:none}.maker-heading{position:relative;z-index:1;text-align:center}.maker-heading .eyebrow{justify-content:center;color:#9f3b4b}.maker-heading h2{font-size:clamp(47px,6vw,85px);line-height:1.07;font-weight:800;letter-spacing:-.07em;margin-top:23px}.maker-heading h2 span{display:block}.maker-heading h2 span:last-child{color:#db435f}.maker-heading>p{font-size:14px;line-height:1.8;color:#89636b;margin-top:25px}.maker-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;margin-top:80px;align-items:center;position:relative;z-index:2;max-width:1150px;margin-left:auto;margin-right:auto}.reaction-preview{position:relative;transform:rotate(-5deg);padding:12px 12px 38px;background:#fffcf7;box-shadow:0 30px 70px #923a5126;border-radius:4px;transition:transform .5s var(--ease)}.reaction-preview:hover{transform:rotate(-2deg) translateY(-6px)}#reaction-canvas{width:100%;height:auto;display:block;border-radius:1px;background:#125eea;aspect-ratio:1}.preview-pin{position:absolute;top:-14px;left:48%;width:68px;height:26px;background:#fffaf2b0;transform:rotate(12deg);z-index:2;box-shadow:0 1px 5px #13213906}.preview-note{font-size:11px;color:#947482;display:block;position:absolute;left:0;right:0;text-align:center;bottom:10px}.maker-form{min-width:0}textarea{width:100%;border:0;border-bottom:1px solid #bf809066;background:#ffffff42;resize:none;min-height:100px;margin-top:14px;border-radius:8px 8px 0 0;padding:17px 16px;font-size:20px;line-height:1.45;letter-spacing:-.025em;color:var(--ink)}textarea:focus{background:#ffffff82}textarea::placeholder{color:#ae8290}.input-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8f5b6b;margin:11px 0 30px}.shuffle-button{padding:0;background:transparent;color:#8f5b6b;font-weight:700;display:flex;align-items:center;gap:7px}.shuffle-button>span:first-child{font-size:22px;line-height:1}.shuffle-button:hover{color:#bd2046}fieldset{border:0;padding:0;margin:0 0 29px;min-width:0}legend{padding:0}.maker-moods{display:flex;gap:10px;margin-top:13px}.maker-moods button{width:25%;aspect-ratio:1;background:#ffffff45;border-radius:12px;position:relative;overflow:hidden;padding:4px;border:2px solid transparent;transition:.25s}.maker-moods button.active{border-color:#dd4866;background:#fffcf780;box-shadow:0 3px 0 #dd486620}.maker-moods button:hover{transform:translateY(-3px)}.maker-moods .atlas-character{width:100%;height:100%;pointer-events:none}.sprite-grumpy{background-position:100% 0}.sprite-sleepy{background-position:0 100%}.sprite-angel{background-position:100% 100%}.theme-options{display:flex;gap:12px;flex-wrap:wrap;margin-top:13px}.theme-options button{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;padding:9px 12px;border:1px solid transparent;background:#ffffff35;border-radius:30px;transition:.2s}.theme-options button i{width:17px;height:17px;border-radius:50%;background:#125eea;box-shadow:inset 0 0 0 1px #0001}.theme-options button[data-theme='cream'] i{background:#fff6e7}.theme-options button[data-theme='night'] i{background:#132139}.theme-options button.active{border-color:#dd4866;background:#fff9f780}.download-button{width:100%;margin-top:4px}.maker-footnote{font-size:9px;line-height:1.8;text-align:center;margin-top:14px;color:#946271}
.community{background:#125eea;color:white;position:relative;overflow:hidden;padding-top:70px;padding-bottom:65px}.community-top{display:flex;justify-content:space-between;gap:24px;align-items:center}.status-pill{display:flex;gap:8px;align-items:center;padding:11px 15px;font-size:8px;font-weight:800;letter-spacing:.1em;border:1px solid #ffffff40;border-radius:30px;background:#ffffff08}.status-pill>span:first-child{width:5px;height:5px;border-radius:50%;background:#bce8ff}.community-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;align-items:center;margin-top:45px}.community-copy h2{font-size:clamp(42px,5.1vw,77px);font-weight:800;line-height:1.09;letter-spacing:-.065em;white-space:pre-line}.community-copy>p{font-size:14px;line-height:1.9;max-width:440px;color:#c6e0ff;margin-top:26px}.community-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:32px}.community-story-link{font-size:11px;display:flex;gap:10px;align-items:center;border-bottom:1px solid #fff5;padding-bottom:8px;color:#d7e9ff}.community-character-wrap{position:relative;min-height:420px;display:grid;place-items:center}.community-circle{position:absolute;width:380px;max-width:95%;aspect-ratio:1;border-radius:50%;background:#ffffff0a;box-shadow:0 0 0 40px #ffffff03}.community-character{height:420px;width:420px;max-width:100%;object-fit:contain;transform:rotate(13deg);filter:drop-shadow(0 20px 14px #05195420)}.community-sticker{position:absolute;right:-8px;bottom:27px;border-radius:8px;color:var(--ink);background:#fff1d9;padding:18px 23px;transform:rotate(-10deg);font-family:'Noto Sans KR',sans-serif;font-weight:900;font-size:26px;letter-spacing:-.04em;box-shadow:0 10px 25px #052c761f}.community-sticker span{display:block;font-family:var(--font);font-size:7px;letter-spacing:.17em;margin-top:4px}.launch-note{display:flex;align-items:center;gap:22px;border-top:1px solid #ffffff35;margin-top:60px;padding-top:30px}.launch-note-icon{font-size:35px;line-height:1}.launch-note>div{max-width:650px}.launch-note p{font-size:11px;line-height:1.8;color:#bddaff;margin-top:9px}.launch-note>a{margin-left:auto;font-size:10px;font-weight:700;white-space:nowrap;border-bottom:1px solid #ffffff55;padding:7px 0;display:flex;gap:10px}
.site-footer{background:#101f39;color:#d1e3f5;padding-top:48px;padding-bottom:30px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:42px;border-bottom:1px solid #ffffff18}.footer-logo{font-family:'Noto Sans KR',sans-serif;font-size:40px;font-weight:900;letter-spacing:-.09em}.footer-logo span{display:block;font-family:var(--font);font-size:7px;letter-spacing:.18em;font-weight:700;margin:7px 0 0 2px;color:#7798bc}.footer-links{display:flex;gap:28px;font-size:11px;font-weight:600}.footer-links a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;gap:60px;margin-top:27px;font-size:8px;color:#7e98b4;line-height:1.8}.footer-bottom>p{max-width:460px}.footer-bottom>span{text-align:right;min-width:180px;font-size:10px}.footer-bottom>span>span{display:block;font-size:7px;letter-spacing:.1em;margin-top:5px}.toast{position:fixed;z-index:80;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:white;font-size:12px;font-weight:600;padding:16px 25px;border-radius:50px;box-shadow:0 15px 40px #07112924;transition:.3s;max-width:90%;width:max-content;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{transition:opacity .8s var(--ease),transform 1s var(--ease)}.motion-ready .reveal{opacity:0;transform:translateY(35px)}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}html[lang='ko'] h1{letter-spacing:-.065em;font-size:clamp(65px,6.8vw,105px)}html[lang='ko'] .hero h1>span{line-height:1.14}html[lang='ko'] .story-text h2,html[lang='ko'] .community-copy h2{font-size:clamp(37px,4.3vw,66px);line-height:1.25}html[lang='ko'] .hero-description{font-size:15px}
/* Sweep the new scene in as the character travels between chapters. */
.story-wash{transition:transform .95s var(--ease),background .7s var(--ease)}
.story-sticky{transition:color .4s ease}
/* Keep the hero clear of the navigation on shorter desktop displays. */
@media(min-width:761px){.hero{min-height:880px;height:max(880px,100svh)}}
@media(min-width:1800px){.hero-copy{padding-left:4vw}.hero-stage{max-width:650px}.section-pad{padding-left:max(7vw,calc((100vw - 1450px)/2));padding-right:max(7vw,calc((100vw - 1450px)/2))}.hero h1{font-size:140px}.story-text h2{font-size:85px}}
@media(max-width:1100px){.site-header nav{gap:20px}.header-actions{gap:14px}.hero{min-height:840px;height:max(840px,100svh)}.hero h1{font-size:clamp(70px,8.4vw,100px)}.hero-stage{min-height:385px;height:45vw;margin-right:-15px}.hero-description{font-size:14px;max-width:300px}.hero-buttons{gap:16px}.button{padding:18px 22px;font-size:12px;gap:23px}.hero-buttons .text-link{font-size:10px}.mood-controls{padding-left:35px}.mood-big{width:380px}.mood-playground{min-height:460px}.maker-layout{gap:7vw}.theme-options{gap:7px}.theme-options button{padding:8px;font-size:9px}.community-character-wrap{min-height:350px}.community-character{height:350px;width:350px}.community-circle{width:320px}.launch-note>div{max-width:500px}.launch-note>a{white-space:normal;min-width:150px}.story-art{height:43vw}}
@media(max-width:760px){html{scroll-padding-top:30px}.site-header{height:82px;padding:0 24px;gap:16px}.brand{font-size:22px}.brand-creature{width:30px;height:30px;transform:scale(.9)}.site-header nav{display:none}.header-actions{gap:14px}.header-cta{padding:11px 14px;font-size:10px;gap:12px}.language-button{font-size:10px}.language-other{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;max-height:none;padding:122px 24px 97px;background:radial-gradient(ellipse at 50% 68%,#c6e7ff 0,transparent 50%),var(--pale)}.hero-copy{padding:0;width:100%}.hero .eyebrow{font-size:8px;letter-spacing:.12em}.hero h1{font-size:clamp(62px,13.8vw,101px);margin-top:20px;margin-left:-3px;letter-spacing:-.08em}.hero h1>span{display:inline!important;white-space:normal}.hero h1>span:first-child{display:block!important}.hero-last{margin-left:.18em;gap:10px!important;display:inline-flex!important}.heart-doodle{width:55px;margin:0 0 -8px 5px;display:inline-block}.hero-description{font-size:13px;max-width:310px;margin:20px 0 23px}.hero-buttons{gap:18px}.hero-buttons .text-link{font-size:10px}.hero-buttons .button{padding:16px 21px;font-size:11px}.hero-stage{height:360px;min-height:0;max-width:450px;width:100%;margin:55px auto 0}.hero-character{height:360px;width:360px;max-width:100%;left:50%;transform:translate(calc(-50% + var(--px,0px)),var(--py,0px)) rotate(var(--pr,-5deg))}.hero-orbit{width:100%;height:58%}.orbit-two{width:90%;height:64%}.hero-hi{left:5%;top:-13px;font-size:16px}.hello-arrow{left:24%;top:-10px;width:60px}.spark-one{right:5%;font-size:43px;top:2px}.spark-two{left:7%;bottom:17%;font-size:31px}.hero-shadow{width:45%;left:30%;bottom:0}.character-tag{font-size:8px;right:10%;bottom:-23px;padding:11px 17px}.hero-watermark{bottom:12px;left:12%;font-size:47vw}.hero-bottom{left:24px;right:24px;bottom:24px}.scroll-hint{font-size:9px}.hero-coordinate{font-size:9px}.hero-coordinate span{font-size:6px;letter-spacing:.1em}.hero-reaction{right:5%;font-size:13px;top:10%;padding:12px 17px}.story{height:300svh}.story-sticky{height:100svh;min-height:650px;padding:28px 24px 23px}.story-heading .eyebrow{font-size:8px}.story-number{font-size:10px}.story-slide{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:16px}.story-text{padding-top:18px}.chapter-label{font-size:7px}.story-text h2{font-size:43px;line-height:1.1;margin:17px 0 17px;letter-spacing:-.06em}.story-text p{font-size:12px;line-height:1.85;max-width:340px}.source-link{font-size:9px;margin-top:15px;gap:8px}.story-art{height:310px;max-height:37svh;width:100%;max-width:360px;margin:0 auto}.story-character{width:90%;left:5%}.giant-word{left:0;top:12%;font-size:100px}.floating-note{font-size:9px;padding:10px 15px}.note-one{right:2%;top:7%}.note-two{bottom:0;left:0}.angel-character{max-width:310px;margin:auto}.spotlight-star{font-size:38px}.star-one{right:8%;top:12%}.star-two{left:3%;bottom:20%;font-size:25px}.spotlight-note{font-size:14px;bottom:0;right:3%}.together-note{font-size:14px;bottom:-6px;left:29%}.community-ring{box-shadow:0 0 0 25px #79c4ff0a,0 0 0 50px #79c4ff05}.heart-one{top:5%;left:8%;font-size:25px}.heart-two{right:8%;font-size:35px;bottom:10%}.heart-three{right:18%}.happy-character{max-width:310px;margin:auto}.story-scroll{display:none}.story-steps{justify-content:center;width:100%}.story-steps button{font-size:8px;gap:6px}.story-steps i{width:48px}.story-steps button.active i{width:68px}.blue-ribbon{padding:17px 0;margin-top:-14px}.blue-ribbon>div{font-size:12px;gap:20px}.blue-ribbon span{font-size:23px}.section-pad{padding:70px 24px}.play{padding-top:82px}.section-heading{display:block}.section-heading h2{font-size:54px;margin-top:17px}.section-heading>p{font-size:12px;margin-top:21px;max-width:300px}.mood-playground{grid-template-columns:1fr;margin-top:34px}.mood-visual{height:380px;border-right:0;border-bottom:1px solid var(--line)}.mood-big{width:300px}.mood-background-word{font-size:98px}.mood-caption{font-size:16px;bottom:18px}.mood-decoration{font-size:42px;right:12px;top:25px}.mood-shadow{bottom:52px}.mood-controls{padding:29px 0 30px}.mood-options{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:16px}.mood-option{font-size:11px;padding:16px 0;gap:8px}.mood-option:nth-child(2){border-top:1px solid var(--line)}.mood-emoji{font-size:21px;width:20px}.mood-option.active{padding-left:4px}.mood-option .mood-arrow{display:none}.mood-controls>.text-link{font-size:11px;margin-top:20px}.maker{padding-top:66px;padding-bottom:75px}.maker-heading .eyebrow{font-size:7px;letter-spacing:.08em}.maker-heading h2{font-size:49px;margin-top:18px}.maker-heading>p{font-size:12px;max-width:300px;margin:20px auto 0}.maker-layout{display:flex;flex-direction:column;gap:55px;margin-top:46px;max-width:460px}.reaction-preview{width:90%;max-width:360px}.maker-form{width:100%}textarea{font-size:19px}.maker-moods button{max-width:100px}.theme-options{gap:10px}.theme-options button{padding:10px 12px;font-size:10px}.tiny-label{font-size:8px}.maker-footnote{font-size:8px}.community{padding-top:44px;padding-bottom:43px}.community-top{align-items:flex-start;flex-direction:column;gap:15px}.community-top .eyebrow{font-size:8px}.status-pill{font-size:7px;padding:9px 12px}.community-layout{display:flex;flex-direction:column;gap:25px;margin-top:33px}.community-copy h2{font-size:46px;line-height:1.1;letter-spacing:-.06em}.community-copy>p{font-size:12px;margin-top:20px;max-width:360px}.community-buttons{margin-top:25px}.community-buttons .button{font-size:11px}.community-story-link{font-size:9px}.community-character-wrap{width:100%;max-width:370px;min-height:330px}.community-character{height:310px;width:310px}.community-circle{width:280px;box-shadow:0 0 0 24px #ffffff03}.community-sticker{font-size:23px;bottom:16px;right:12px;padding:14px 19px}.community-sticker span{font-size:6px}.launch-note{margin-top:30px;padding-top:23px;display:grid;grid-template-columns:25px 1fr;gap:10px 17px}.launch-note-icon{font-size:29px;align-self:start}.launch-note p{font-size:10px;line-height:1.8}.launch-note>a{grid-column:2;justify-self:start;font-size:9px;margin-left:0;min-width:0}.site-footer{padding-top:35px;padding-bottom:23px}.footer-top{align-items:flex-start;padding-bottom:26px}.footer-logo{font-size:32px}.footer-logo span{font-size:6px}.footer-links{flex-direction:column;gap:13px;font-size:10px}.footer-bottom{flex-direction:column;gap:20px;font-size:8px;margin-top:24px}.footer-bottom>span{text-align:left;font-size:9px}.footer-bottom>p{max-width:350px}html[lang='ko'] .hero h1{font-size:clamp(53px,11.8vw,88px)}html[lang='ko'] .story-text h2{font-size:37px}html[lang='ko'] .community-copy h2{font-size:36px}html[lang='ko'] .maker-heading h2{font-size:40px}html[lang='ko'] .section-heading h2{font-size:48px}}
@media(max-width:380px){.header-cta{padding:10px 12px;font-size:9px}.header-actions{gap:10px}.hero h1{font-size:56px}.heart-doodle{width:42px}.hero-buttons{gap:11px}.hero-stage{height:320px}.hero-character{height:320px;width:320px}.story-text h2{font-size:36px}.story-art{height:270px}.mood-option{font-size:10px}.maker-heading h2{font-size:44px}.theme-options{gap:6px}.theme-options button{font-size:9px;padding:9px}.community-copy h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.load-curtain{display:none}.hero-character{transform:rotate(-5deg)}.motion-ready .reveal{opacity:1;transform:none}.story{height:auto}.story-sticky{position:relative;height:auto;min-height:0;overflow:visible;padding-bottom:40px}.story-canvas{display:flex;flex-direction:column}.story-slide,.story-slide.before{position:relative;opacity:1;pointer-events:auto;transform:none;min-height:75svh;border-bottom:1px solid #fff3;padding:40px 0}.story-slide[inert]{pointer-events:auto}.story-footer,.story-wash{display:none}.story-art{transform:none}.blue-ribbon>div{transform:none}.mood-big{transform:none}}