@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&family=Nanum+Pen+Script&display=swap");@font-face{font-family:Broadway;src:url(/fonts/Broadway.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--color-paper:#fbf7ec;--color-cream:#f0e6d2;--color-kraft:#c9b896;--color-wax:#8b3a3a;--color-wax-deep:#6b1f1f;--color-sepia:#4a3f36;--color-ink:#2c2a26;--color-faded:#7a6f62;--radius-sm:4px;--radius-md:10px;--radius-lg:16px;--font-display:"Noto Sans KR",sans-serif;--font-body:"Noto Sans KR",sans-serif;--font-signature:"Nanum Pen Script",cursive;--transition:0.7s ease-out;--max-w:1080px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);line-height:1.7;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-x:hidden;text-size-adjust:100%}.t-display{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.015em;color:var(--color-sepia)}.t-xl{font-size:clamp(3rem,8vw,6.5rem)}.t-lg{font-size:clamp(2rem,5vw,3.5rem)}.t-md{font-size:clamp(1.4rem,3vw,2.2rem)}.t-sm{font-size:1.25rem}.t-sig{font-family:var(--font-signature);font-size:1.75rem;line-height:1.4}.t-cap,.t-sig{color:var(--color-faded)}.t-cap{font-size:.8125rem}.t-faded{color:var(--color-faded)}.wrap{max-width:var(--max-w);margin:0 auto;padding:0 40px}@media (max-width:640px){.wrap{padding:0 20px}}.divider{width:100%;height:.5px;background:var(--color-kraft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-size:.9375rem;font-weight:700;padding:13px 28px;border-radius:6px;cursor:pointer;text-decoration:none;line-height:1;transition:background-color var(--transition),color var(--transition),border-color var(--transition),transform var(--transition);border:1.5px solid var(--color-wax)}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--color-wax);color:var(--color-paper)}.btn-primary:hover{background:var(--color-paper);color:var(--color-wax)}.btn-outline{background:var(--color-wax);color:var(--color-paper)}.btn-outline:hover{background:var(--color-paper);color:var(--color-wax)}.btn-ghost{background:transparent;color:var(--color-faded);border-color:var(--color-kraft)}.btn-ghost:hover{color:var(--color-sepia);border-color:var(--color-sepia)}.btn-full{width:100%}.btn-lg{padding:16px 40px;font-size:1.0625rem}.btn-insta{display:inline-flex;align-items:center;justify-content:center;background:var(--color-paper);color:var(--color-wax);border:1.5px solid var(--color-paper);border-radius:6px;font-family:var(--font-body);font-size:.875rem;font-weight:700;padding:13px 36px;letter-spacing:.08em;cursor:pointer;text-decoration:none;transition:background var(--transition),color var(--transition),transform var(--transition)}.btn-insta:hover{background:var(--color-wax);color:var(--color-paper);border-color:var(--color-paper);transform:translateY(-2px)}.card{background:var(--color-cream);border:.5px solid var(--color-kraft);border-radius:var(--radius-md);transition:transform var(--transition)}.card:hover{transform:translateY(-2px)}.wax-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--color-wax);color:var(--color-wax);font-size:.75rem;font-weight:600;padding:5px 12px;border-radius:var(--radius-sm);letter-spacing:.03em}.input{width:100%;padding:13px 16px;background:var(--color-cream);border:.5px solid var(--color-kraft);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;color:var(--color-ink);outline:none;transition:border-color var(--transition)}.input::placeholder{color:var(--color-faded)}.input:focus{border-color:var(--color-wax)}.choice-btn,.input[readonly]{cursor:pointer}.choice-btn{width:100%;text-align:left;padding:15px 20px;background:var(--color-cream);border:.5px solid var(--color-kraft);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;color:var(--color-sepia);transition:border-color var(--transition),background var(--transition),transform var(--transition)}.choice-btn:hover{transform:translateY(-2px)}.choice-btn.selected{border-color:var(--color-wax);background:var(--color-wax);color:var(--color-paper);font-weight:700}.social-btn{width:100%;display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;font-weight:700;cursor:pointer;border:.5px solid var(--color-kraft);transition:transform var(--transition);text-decoration:none}.social-btn:hover{transform:translateY(-2px)}.social-btn-kakao{background:#fee500;color:#2c2a26}.social-btn-naver{background:#03c75a;color:var(--color-paper)}.social-btn-google{background:var(--color-cream);color:var(--color-ink)}.fade-up{opacity:0;transform:translateY(32px);transition:opacity .7s ease-out,transform .7s ease-out}.fade-up.visible{opacity:1;transform:translateY(0)}.stagger>*{opacity:0;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s ease-out}.stagger.visible>:first-child{opacity:1;transform:translateY(0);transition-delay:.05s}.stagger.visible>:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.15s}.stagger.visible>:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.25s}.stagger.visible>:nth-child(4){opacity:1;transform:translateY(0);transition-delay:.35s}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.35s}.d4{transition-delay:.5s}.hover-lift{transition:transform .7s ease-out,background-color .7s ease-out,border-color .7s ease-out}.hover-lift:hover{transform:translateY(-4px);background-color:var(--color-paper);border-color:var(--color-kraft)}.page{position:relative;width:100%;background:var(--color-paper);overflow-x:hidden;transform-origin:top center}.page.entering{animation:page-unfold .7s ease-out forwards}.page.exiting{position:absolute;inset:0;animation:page-fold .55s ease-in forwards;pointer-events:none;overflow:hidden}@keyframes page-unfold{0%{opacity:0;transform:scaleY(.96) translateY(12px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes page-fold{0%{opacity:1;transform:scaleY(1) translateY(0)}to{opacity:0;transform:scaleY(.96) translateY(-8px)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-paper);border-top:.5px solid var(--color-kraft);display:flex;justify-content:center;z-index:100}.bottom-nav-inner{width:100%;max-width:var(--max-w);display:flex}.nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 0 14px;color:var(--color-faded);background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:.6875rem;font-weight:500;transition:color var(--transition)}.nav-item svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5}.nav-item.active{color:var(--color-wax)}@media (max-width:380px){.nav-item{padding:8px 0 12px;gap:3px;font-size:.65rem}.nav-item svg{width:18px;height:18px}}.prog-track{width:100%;height:1.5px;background:var(--color-kraft)}.prog-fill{height:100%;background:var(--color-wax);transition:width .5s ease-out}.letter-card{background:var(--color-cream);border:.5px solid var(--color-kraft);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform var(--transition)}.letter-card:hover{transform:translateY(-2px)}.letter-sealed{flex-direction:column;gap:14px;padding:40px 24px}.letter-sealed,.wax-stamp{display:flex;align-items:center;justify-content:center}.wax-stamp{width:54px;height:54px;border-radius:50%;background:var(--color-wax);transition:transform var(--transition)}.wax-stamp-s{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-paper);pointer-events:none}.letter-card.opening .wax-stamp{animation:crack .7s ease-out forwards}@keyframes crack{0%{transform:scale(1) rotate(0deg);opacity:1}40%{transform:scale(1.18) rotate(-6deg);opacity:.8}to{transform:scale(0) rotate(18deg);opacity:0}}.letter-opened{display:none;padding:24px;animation:unfold .7s ease-out}@keyframes unfold{0%{opacity:0;transform:scaleY(.6)}to{opacity:1;transform:scaleY(1)}}.letter-card.opened .letter-sealed{display:none}.letter-card.opened .letter-opened{display:block}.journey-row{position:relative;display:flex;align-items:center;justify-content:space-between;padding:24px 0}.journey-row:before{content:"";position:absolute;top:50%;left:28px;right:28px;height:.5px;background:var(--color-kraft);transform:translateY(-50%)}.j-node{width:40px;height:40px;border-radius:50%;background:var(--color-cream);border:.5px solid var(--color-kraft);display:flex;align-items:center;justify-content:center;font-size:1.1rem;position:relative;z-index:1}.j-letter{position:absolute;font-size:1.3rem;transform:translateX(-50%);top:50%;margin-top:-16px;z-index:2;transition:left 1.2s ease-in-out}.pay-opt{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius-md);background:var(--color-cream);border:.5px solid var(--color-kraft);cursor:pointer;transition:border-color var(--transition),background var(--transition);font-family:var(--font-body);font-size:.9375rem;font-weight:600;color:var(--color-sepia)}.pay-opt.selected{border-color:var(--color-wax);background:var(--color-paper)}.pay-opt input[type=radio]{accent-color:var(--color-wax);width:16px;height:16px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-kraft);border-radius:2px}#naverIdLogin{display:none!important}:root{--wow-ease-paper:cubic-bezier(0.22,1,0.36,1);--wow-ease-ink:cubic-bezier(0.65,0,0.35,1);--wow-ease-stamp:cubic-bezier(0.34,1.56,0.64,1);--wow-ease-crack:cubic-bezier(0.55,0,0.18,1)}.hero .hero-eyebrow{animation:wow1-eyebrow .7s var(--wow-ease-ink) both}.hero .hero-title{animation:wow1-title 1s var(--wow-ease-paper) both .15s}.hero .hero-sub{animation:wow1-sub .8s var(--wow-ease-paper) both .55s}.hero .hero-ctas{animation:wow1-cta .7s var(--wow-ease-paper) both .85s}.hero .hero-title em{animation:wow1-em-soak 1.4s var(--wow-ease-ink) both 1s}@keyframes wow1-eyebrow{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes wow1-title{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes wow1-sub{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes wow1-cta{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes wow1-em-soak{0%{color:var(--color-faded)}to{color:var(--color-wax)}}.phil-snail{animation:wow1-snail-drift 9s ease-in-out infinite;transform-origin:center bottom}@keyframes wow1-snail-drift{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-4px) rotate(-1deg)}50%{transform:translateX(0) rotate(.5deg)}75%{transform:translateX(4px) rotate(1deg)}}.survey-page .step-pane,.survey-page .survey-step,.survey-page [data-survey-step]{animation:wow2-step-enter .55s var(--wow-ease-paper) both}@keyframes wow2-step-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.survey-page .progress-dot.completed,.survey-page .step-dots .dot.done,.survey-page .step-progress .dot.completed{animation:wow2-dot-tick .5s var(--wow-ease-stamp) both}@keyframes wow2-dot-tick{0%{transform:scale(.85)}60%{transform:scale(1.12)}to{transform:scale(1)}}.survey-page .step-pane.final-settled .choice-btn,.survey-page [data-step="4"].completed .choice-btn{animation:wow2-final-settle .7s var(--wow-ease-paper) both}@keyframes wow2-final-settle{0%{transform:translateY(0)}40%{transform:translateY(-2px)}to{transform:translateY(0)}}.welcome-page .hero-eyebrow{animation:wow1-eyebrow .7s var(--wow-ease-ink) both .35s}.welcome-page .hero-title{animation:wow1-title 1s var(--wow-ease-paper) both .55s}.welcome-page .hero-title em{animation:wow1-em-soak 1.4s var(--wow-ease-ink) both 1.4s}.welcome-page .hero-sub{animation:wow1-sub .8s var(--wow-ease-paper) both 1.05s}.welcome-page .welcome-postbox{animation:wow3-postbox-arrive 1.2s var(--wow-ease-paper) both .4s,breathe-slow 6s ease-in-out infinite 1.6s}.welcome-page .welcome-snail{animation:wow3-snail-walk 1.6s var(--wow-ease-paper) both .8s,breathe-slow 6s ease-in-out infinite 2.4s;transform-origin:center bottom}@keyframes wow3-postbox-arrive{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes wow3-snail-walk{0%{opacity:0;transform:translateX(-30px) rotate(-3deg)}35%{opacity:.6;transform:translateX(-12px) rotate(2deg)}70%{opacity:1;transform:translateX(4px) rotate(-1deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}.home-page .home-greeting{position:relative;padding-bottom:4px}.home-page .home-greeting:after{content:"";position:absolute;left:0;bottom:0;width:3.5em;max-width:80%;height:1px;background-color:var(--color-kraft);transform-origin:left center;animation:wow4-underline 1.2s var(--wow-ease-paper) both .3s}@keyframes wow4-underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.home-page .home-quote{animation:wow1-title 1s var(--wow-ease-paper) both .5s}.home-page .home-quote em{animation:wow1-em-soak 1.6s var(--wow-ease-ink) both 1.1s}.home-page .home-greeting-mood{display:block;font-family:var(--font-display,"Nanum Pen Script"),cursive;font-size:1.05rem;color:var(--color-faded);margin-top:2px;line-height:1.5;animation:wow1-sub .9s var(--wow-ease-paper) both .7s}.home-page .home-active-card{animation:wow4-card-in .7s var(--wow-ease-paper) both}.home-page .home-active-card:first-child{animation-delay:.3s}.home-page .home-active-card:nth-child(2){animation-delay:.45s}.home-page .home-active-card:nth-child(3){animation-delay:.6s}@keyframes wow4-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-event-card{position:relative;overflow:hidden}.home-event-card:before{content:"";position:absolute;inset:0;background-color:var(--color-wax-deep);opacity:0;transform:translateX(-100%);transition:opacity .45s var(--wow-ease-paper),transform .7s var(--wow-ease-paper);pointer-events:none;z-index:0}.home-event-card:hover:before{opacity:.16;transform:translateX(0)}.home-event-card>*{position:relative;z-index:1}.home-page .home-news-card{animation:wow4-card-in .6s var(--wow-ease-paper) both}.home-page .home-news-grid>.home-news-card:first-child{animation-delay:.1s}.home-page .home-news-grid>.home-news-card:nth-child(2){animation-delay:.22s}.home-page .home-news-grid>.home-news-card:nth-child(3){animation-delay:.34s}.pj-mate-row .pj-mate-card{animation:wow5-mate-arrive .9s var(--wow-ease-paper) both}.pj-mate-row .pj-mate-card:first-child{animation-delay:.15s}.pj-mate-row .pj-mate-card:nth-child(2){animation-delay:.32s}.pj-mate-row .pj-mate-card:nth-child(3){animation-delay:.49s}.pj-mate-row .pj-mate-card:nth-child(n+4){animation-delay:.66s}@keyframes wow5-mate-arrive{0%{opacity:0;transform:translateX(20px) rotate(-1.5deg)}60%{opacity:1;transform:translateX(0) rotate(.4deg)}to{opacity:1;transform:translateX(0) rotate(0)}}.pj-snail{animation:wow6-bob 4s ease-in-out infinite}.pj-snail.flip{animation:wow6-bob-flip 4s ease-in-out infinite}.pj-snail.breathing{animation:wow6-bob 4s ease-in-out infinite,breathe-slow 6s ease-in-out infinite}.pj-snail.breathing.flip{animation:wow6-bob-flip 4s ease-in-out infinite,breathe-slow 6s ease-in-out infinite}@keyframes wow6-bob{0%,to{transform:translate(-50%,-50%) rotate(0deg)}50%{transform:translate(-50%,calc(-50% - 1px)) rotate(.7deg)}}@keyframes wow6-bob-flip{0%,to{transform:translate(-50%,-50%) scaleX(-1) rotate(0deg)}50%{transform:translate(-50%,calc(-50% - 1px)) scaleX(-1) rotate(-.7deg)}}.pj-track-line{animation:wow6-ink-shift 14s linear infinite}@keyframes wow6-ink-shift{0%{background-position:0 0}to{background-position:14px 0}}.pj-action .btn-primary{animation:wow7-wax-border 2.8s ease-in-out infinite}@keyframes wow7-wax-border{0%,to{border-color:var(--color-wax)}50%{border-color:var(--color-wax-deep)}}.pj-envelope{transform-origin:center}.pj-envelope.cracking .pj-envelope-svg{animation:wow8-strain .7s var(--wow-ease-crack) both}@keyframes wow8-strain{0%{transform:rotate(0deg)}35%{transform:rotate(-1deg)}60%{transform:rotate(1.5deg)}to{transform:rotate(0deg)}}.pj-envelope-seal{transform-origin:center;transform-box:fill-box}.pj-envelope.cracking .pj-envelope-seal{animation:pj-seal-crack .7s var(--wow-ease-crack) forwards}@keyframes pj-seal-crack{0%{transform:scale(1) rotate(0deg);opacity:1}40%{transform:scale(1.2) rotate(-8deg);opacity:.8}to{transform:scale(0) rotate(20deg);opacity:0}}.pj-envelope.cracked .pj-envelope-svg{animation:wow8-settle 1.4s var(--wow-ease-paper) both}@keyframes wow8-settle{0%{transform:rotate(0deg) translateY(0)}30%{transform:rotate(-.5deg) translateY(-1px)}to{transform:rotate(0deg) translateY(0)}}.bs-shelf-row .bs-book{animation:wow9-shelf .85s var(--wow-ease-paper) both;transform-origin:bottom center}.bs-shelf-row .bs-book:first-child{animation-delay:.1s}.bs-shelf-row .bs-book:nth-child(2){animation-delay:.28s}.bs-shelf-row .bs-book:nth-child(3){animation-delay:.46s}.bs-shelf-row .bs-book:nth-child(4){animation-delay:.64s}.bs-shelf-row .bs-book:nth-child(5){animation-delay:.82s}.bs-shelf-row .bs-book:nth-child(6){animation-delay:1s}.bs-shelf-row .bs-book:nth-child(n+7){animation-delay:1.18s}@keyframes wow9-shelf{0%{opacity:0;transform:translateY(28px) rotate(-2.5deg)}60%{opacity:1;transform:translateY(-2px) rotate(.6deg)}to{opacity:1;transform:translateY(0) rotate(0deg)}}.bs-empty-snail{animation:wow9-empty-snail 7s ease-in-out infinite;transform-origin:center bottom}@keyframes wow9-empty-snail{0%,to{transform:rotate(0deg) translateY(0)}50%{transform:rotate(1.5deg) translateY(-2px)}}.bs-modal-backdrop{perspective:1400px}.bs-modal-backdrop.open .bs-modal{animation:wow9-book-open .6s var(--wow-ease-paper) both;transform-origin:top center}@keyframes wow9-book-open{0%{opacity:0;transform:translateY(8px) rotateX(8deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@media (prefers-reduced-motion:reduce){.bs-empty-snail,.bs-modal-backdrop.open .bs-modal,.bs-shelf-row .bs-book,.hero .hero-ctas,.hero .hero-eyebrow,.hero .hero-sub,.hero .hero-title,.hero .hero-title em,.home-page .home-active-card,.home-page .home-greeting-mood,.home-page .home-greeting:after,.home-page .home-news-card,.home-page .home-quote,.home-page .home-quote em,.phil-snail,.pj-action .btn-primary,.pj-envelope.cracked .pj-envelope-svg,.pj-envelope.cracked .pj-envelope-svg path,.pj-envelope.cracking .pj-envelope-svg,.pj-mate-row .pj-mate-card,.pj-snail,.pj-snail.breathing,.pj-snail.flip,.pj-track-line,.survey-page .step-pane,.survey-page .survey-step,.survey-page [data-survey-step],.welcome-page .hero-eyebrow,.welcome-page .hero-sub,.welcome-page .hero-title,.welcome-page .hero-title em,.welcome-page .welcome-postbox,.welcome-page .welcome-snail{animation:none!important;transition-duration:.01ms!important}}#app{width:100%;min-height:100dvh}.site-header{position:-webkit-sticky;position:sticky;top:0;width:100%;background:var(--color-paper);border-bottom:.5px solid var(--color-kraft);z-index:200}.site-header-inner{max-width:var(--max-w);margin:0 auto;padding:14px 40px 12px;display:flex;flex-direction:column;gap:10px}.site-header-inner.simple{flex-direction:row;padding:14px 40px;gap:12px}.site-header-brand,.site-header-inner.simple{justify-content:space-between;align-items:center}.site-header-brand{display:flex;width:100%}.logo{font-family:var(--font-body);font-size:2.25rem;font-weight:700;color:var(--color-sepia);letter-spacing:.08em;cursor:pointer;background:none;border:none}.site-header-inner.simple .logo{font-size:1.5rem;letter-spacing:.05em}.site-nav{display:flex;justify-content:space-around;width:100%;gap:8px}.site-nav button{font-family:var(--font-body);font-size:.9375rem;font-weight:600;color:var(--color-faded);background:none;border:none;cursor:pointer;transition:color var(--transition);padding:6px 12px}.site-nav button.active,.site-nav button:hover{color:var(--color-wax)}.site-header-login{padding:8px 18px;font-size:.8125rem;border-radius:6px;flex-shrink:0}@media (max-width:640px){.site-header-inner{padding:12px 20px 10px;gap:8px}.site-header-inner.simple{padding:12px 20px}.logo{font-size:1.5rem;letter-spacing:.06em}.site-header-inner.simple .logo{font-size:1.3rem}.site-nav{gap:2px}.site-nav button{font-size:.8125rem;padding:4px 6px}.site-header-login{padding:6px 14px;font-size:.75rem}}.app-header{position:-webkit-sticky;position:sticky;top:0;width:100%;background:var(--color-paper);border-bottom:.5px solid var(--color-kraft);z-index:200}.app-header-inner{max-width:var(--max-w);margin:0 auto;padding:13px 40px;justify-content:space-between}.app-header-inner,.back-btn{display:flex;align-items:center}.back-btn{gap:8px;background:none;border:none;cursor:pointer;color:var(--color-faded);font-family:var(--font-body);font-size:.875rem;transition:color var(--transition)}.back-btn:hover{color:var(--color-sepia)}.back-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}@media (max-width:640px){.app-header-inner{padding:12px 20px}}.hero{max-width:var(--max-w);margin:0 auto;padding:110px 40px 100px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}.hero-eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-faded);margin-bottom:28px}.hero-title{font-family:var(--font-display);font-size:clamp(3.5rem,9vw,7rem);font-weight:700;line-height:1;letter-spacing:-.025em;color:var(--color-sepia);margin-bottom:36px}.hero-title em{font-style:normal;color:var(--color-wax)}.hero-sub{font-size:.9375rem;color:var(--color-faded);max-width:460px;line-height:1.8;margin-bottom:44px}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.photo-wrap{max-width:var(--max-w);margin:0 auto;padding:0 40px 72px}.photo-strip{width:100%;max-height:500px;overflow:hidden;border-radius:var(--radius-lg);border:.5px solid var(--color-kraft)}.photo-strip img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}.photo-placeholder{width:100%;height:420px;background:var(--color-cream);display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:13px;color:var(--color-faded)}@media (max-width:640px){.photo-wrap{padding:0 20px 48px}.hero{padding:72px 20px 60px}.cta-section,.features-section,.hero,.insta-inner,.journey-section,.philosophy-section,.photo-wrap,.snail-section,.who-section{max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:20px!important;padding-right:20px!important}.cta-section,.hero{align-items:center!important;text-align:center!important}.hero-ctas{justify-content:center!important}.hero-sub{max-width:100%}.philosophy-section{text-align:center!important}.philosophy-grid{justify-items:center!important}.phil-body{align-items:center!important}.phil-body,.phil-quote{text-align:center!important}.site-header-inner,.site-header-inner.simple{max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:20px!important;padding-right:20px!important}.site-header-brand{justify-content:center!important;position:relative}.site-header-login{position:absolute!important;right:0;top:50%;transform:translateY(-50%)}.hi-mate-grid{gap:24px}.what-is-block{min-height:200px}}.philosophy-section{max-width:var(--max-w);margin:0 auto;padding:72px 40px}.philosophy-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:64px;gap:64px;align-items:center}.phil-image-wrap{display:flex;align-items:center;justify-content:center}.phil-snail{width:clamp(200px,35vw,340px);height:auto}.phil-quote{font-size:1rem;color:var(--color-faded);line-height:1.8;margin-bottom:0}.phil-body{display:flex;flex-direction:column;gap:20px}@media (max-width:768px){.philosophy-grid{grid-template-columns:1fr;gap:36px}.philosophy-section{padding:48px 20px}}.features-section{max-width:var(--max-w);margin:0 auto;padding:72px 40px}.hi-mate-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:64px;gap:64px;align-items:start}.hi-feat-list{display:flex;flex-direction:column}.hi-feat-item{display:flex;gap:24px;align-items:flex-start;border-top:.5px solid var(--color-kraft);padding:24px 16px;transition:transform .35s ease-out,background-color .35s ease-out,border-left-color .35s ease-out;cursor:default;border-left:3px solid transparent}.hi-feat-item:last-child{border-bottom:.5px solid var(--color-kraft)}.hi-feat-item:hover{transform:translateY(-2px);background-color:var(--color-cream);border-left-color:var(--color-wax)}.hi-feat-item:hover .hi-feat-num{color:var(--color-wax)}.hi-feat-item:hover .hi-feat-desc{color:var(--color-ink)}.hi-feat-num{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-kraft);min-width:36px;line-height:1.4;transition:color .35s ease-out}.hi-feat-num.accent{color:var(--color-wax)}.hi-feat-desc{font-size:.9375rem;color:var(--color-sepia);line-height:1.75;transition:color .35s ease-out}.hi-feat-desc strong,.j-step .feat-title,.who-card .feat-title{font-weight:700;color:var(--color-ink)}.feat-desc{font-size:.875rem;color:var(--color-faded);line-height:1.65}.hi-mate-right{display:flex;align-items:stretch}.what-is-block{background:var(--color-wax);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;width:100%;min-height:380px;padding:48px}.what-is-text{font-family:Broadway,serif;font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:400;color:var(--color-paper);text-align:center;line-height:1.05;letter-spacing:-.01em}@media (max-width:768px){.hi-mate-grid{grid-template-columns:1fr;gap:40px}.hi-mate-right{order:-1}.what-is-block{min-height:240px}}.who-section{max-width:var(--max-w);margin:0 auto;padding:72px 40px}.who-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:44px}.who-card{background:var(--color-cream);border:1.5px solid var(--color-kraft);border-radius:var(--radius-md);padding:32px 24px;display:flex;flex-direction:column;gap:10px;transition:transform .35s ease-out,background-color .35s ease-out,border-color .35s ease-out;cursor:default}.who-card:hover{transform:translateY(-6px);background-color:var(--color-paper);border-color:var(--color-wax)}.who-card.accent{background:#f3e2d8;border:1.5px solid #8b3a3a}.who-card.accent:hover{background-color:transparent}.who-num{font-family:var(--font-display);font-size:2.75rem;font-weight:300;color:var(--color-kraft);line-height:1}@media (max-width:768px){.who-grid{grid-template-columns:1fr}}.snail-section{max-width:var(--max-w);margin:0 auto;padding:24px 40px 48px;display:flex;justify-content:center}.snail-section img{width:clamp(160px,25vw,260px);height:auto}.journey-section{max-width:var(--max-w);margin:0 auto;padding:72px 40px}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:.5px solid var(--color-kraft);margin-top:44px}.j-step{padding:32px 20px;border-right:.5px solid var(--color-kraft);display:flex;flex-direction:column;gap:10px;transition:transform .35s ease-out,background-color .35s ease-out;cursor:default;position:relative}.j-step:last-child{border-right:none}.j-step:hover{transform:translateY(-6px);background-color:var(--color-cream);z-index:1}.j-icon{width:36px;height:36px;object-fit:contain}.j-num{font-family:var(--font-display);font-size:2rem;font-weight:300;color:var(--color-kraft)}.j-num.accent{color:var(--color-wax)}@media (max-width:768px){.journey-grid{grid-template-columns:1fr 1fr}.j-step{border-bottom:.5px solid var(--color-kraft);padding:24px 16px}.j-step:nth-child(2n){border-right:none}.j-step:nth-last-child(-n+2){border-bottom:none}}@media (max-width:480px){.journey-grid{grid-template-columns:1fr}.j-step{border-right:none!important}.j-step:last-child{border-bottom:none}}.cta-section{max-width:var(--max-w);margin:0 auto;padding:96px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:28px}#typing-text{min-height:3em;color:var(--color-faded);font-size:1rem}#typing-text:after{content:"|";animation:blink 1s infinite;color:var(--color-wax)}@keyframes blink{50%{opacity:0}}.insta-section{background:var(--color-wax);border-top:.5px solid var(--color-wax-deep);border-bottom:.5px solid var(--color-wax-deep)}.insta-inner{max-width:var(--max-w);margin:0 auto;padding:88px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.insta-label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:hsla(44,65%,95%,.6)}.insta-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;color:var(--color-paper);line-height:1.05}.welcome-page footer{max-width:var(--max-w);margin:0 auto;padding:24px 40px;display:flex;justify-content:space-between;align-items:center}.welcome-page footer p{font-size:.75rem;color:var(--color-faded);letter-spacing:.05em}@media (max-width:640px){.welcome-page footer{flex-direction:column;gap:6px;text-align:center;padding:20px}}.login-page{min-height:100dvh;display:flex;flex-direction:column}.login-body{flex:1 1;display:flex;align-items:center;justify-content:center;padding:48px 40px 80px}.login-card{width:100%;max-width:480px;display:flex;flex-direction:column;gap:0}.login-logo{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--color-sepia);letter-spacing:-.025em;margin-bottom:8px}.login-tag{font-size:.9rem;color:var(--color-faded);margin-bottom:52px}.social-stack{display:flex;flex-direction:column;gap:10px;margin-bottom:36px}.divider-or{display:flex;align-items:center;gap:14px;margin-bottom:28px}.divider-or:after,.divider-or:before{content:"";flex:1 1;height:.5px;background:var(--color-kraft)}.divider-or span{font-size:.75rem;color:var(--color-faded);letter-spacing:.05em;white-space:nowrap}.email-form{display:flex;flex-direction:column;gap:9px;margin-bottom:28px}.legal{font-size:.75rem;color:var(--color-faded);text-align:center;line-height:1.7}.legal a{color:var(--color-wax);text-decoration:none}.survey-page{min-height:100dvh;display:flex;flex-direction:column}.survey-top{max-width:var(--max-w);margin:0 auto;width:100%;padding:20px 40px 0;display:flex;align-items:center;gap:16px}@media (max-width:640px){.survey-top{padding:16px 20px 0}}.step-label{font-size:.75rem;color:var(--color-faded);letter-spacing:.08em}.prog-wrap{max-width:var(--max-w);margin:0 auto;width:100%;padding:14px 40px 0}@media (max-width:640px){.prog-wrap{padding:12px 20px 0}}.survey-body{flex:1 1;max-width:var(--max-w);margin:0 auto;width:100%;padding:40px 40px 120px;overflow-y:auto}@media (max-width:640px){.survey-body{padding:32px 20px 120px}}.step-q{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.2rem);font-weight:600;color:var(--color-sepia);line-height:1.2;margin-bottom:8px}.step-hint{font-size:.875rem;color:var(--color-faded);margin-bottom:28px}.choices{display:flex;flex-direction:column;gap:8px}.choices-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.choices-anim{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:480px){.choices-anim{grid-template-columns:1fr 1fr}}.choice-btn-anim{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 12px!important;min-height:130px;text-align:center!important;line-height:1.35!important}.choice-anim-img{width:72px;height:72px;object-fit:contain;pointer-events:none}.choice-anim-label{font-size:.875rem;font-weight:600;color:var(--color-sepia)}.choice-btn-anim.selected .choice-anim-label{color:var(--color-paper)}.step-container{display:none}.step-container.active{display:block}.addr-row{display:flex;gap:8px}.addr-row .input{flex:1 1}.btn-addr{background:var(--color-sepia);color:var(--color-paper);border:none;border-radius:var(--radius-md);padding:0 18px;font-family:var(--font-body);font-size:.875rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background var(--transition)}.btn-addr:hover{background:var(--color-ink)}.security-hint{display:flex;align-items:flex-start;gap:10px;background:var(--color-cream);border:.5px solid var(--color-kraft);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:20px;font-size:.8125rem;color:var(--color-faded);line-height:1.6}.survey-cta{position:fixed;bottom:0;left:0;right:0;background:var(--color-paper);border-top:.5px solid var(--color-kraft);z-index:100;display:flex;justify-content:center}.survey-cta-inner{width:100%;max-width:var(--max-w);padding:12px 40px 24px;display:flex;gap:10px}@media (max-width:640px){.survey-cta-inner{padding:12px 20px 20px}}.btn-prev-s{flex:0 0 auto;padding:13px 20px;background:none;border:.5px solid var(--color-kraft);border-radius:6px;color:var(--color-faded);font-family:var(--font-body);font-weight:700;font-size:.9375rem;cursor:pointer;transition:all var(--transition)}.btn-prev-s:hover{border-color:var(--color-sepia);color:var(--color-sepia)}.btn-next-s{flex:1 1;padding:13px;background:var(--color-kraft);border:none;border-radius:6px;color:var(--color-paper);font-family:var(--font-body);font-weight:700;font-size:.9375rem;cursor:not-allowed;opacity:.6;transition:all var(--transition)}.btn-next-s.ready{background:var(--color-wax);cursor:pointer;opacity:1}.btn-next-s.ready:hover{background:var(--color-paper);color:var(--color-wax);border:1.5px solid var(--color-wax);transform:translateY(-2px)}.payment-page{min-height:100dvh;display:flex;flex-direction:column}.payment-body{flex:1 1;max-width:var(--max-w);margin:0 auto;width:100%;padding:40px 40px 140px}@media (max-width:640px){.payment-body{padding:28px 20px 120px}}.payment-title{font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:600;color:var(--color-sepia);line-height:1.25;margin-bottom:40px}.plan-card{border:1px solid var(--color-wax);background:var(--color-cream);border-radius:var(--radius-lg);padding:24px;position:relative;margin-bottom:32px}.plan-badge{position:absolute;top:-13px;right:20px;background:var(--color-wax);color:var(--color-paper);font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:var(--radius-sm)}.plan-name{font-size:1rem;font-weight:700;color:var(--color-wax);margin-bottom:14px}.plan-features{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.plan-feature{font-size:.875rem;color:var(--color-sepia);display:flex;align-items:center;gap:8px}.plan-feature:before{content:"—";color:var(--color-wax);font-weight:700;flex-shrink:0}.plan-price-row{display:flex;justify-content:space-between;align-items:flex-end;border-top:.5px solid var(--color-kraft);padding-top:16px}.plan-was{font-size:.8125rem;color:var(--color-faded);text-decoration:line-through}.plan-price{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-wax)}.plan-note{margin-top:8px}.pay-section-label,.plan-note{font-size:.75rem;color:var(--color-faded)}.pay-section-label{font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.pay-opts{display:flex;flex-direction:column;gap:8px}.pay-cta{position:fixed;bottom:0;left:0;right:0;background:var(--color-paper);border-top:.5px solid var(--color-kraft);z-index:100;display:flex;justify-content:center}.pay-cta-inner{width:100%;max-width:var(--max-w);padding:14px 40px 28px}@media (max-width:640px){.pay-cta-inner{padding:12px 20px 22px}}.pay-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pay-total-label{font-size:.9375rem;font-weight:500;color:var(--color-sepia)}.pay-total-amount{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--color-wax)}.postbox-page{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:72px}.postbox-hero{background:var(--color-cream);border-bottom:.5px solid var(--color-kraft);padding:56px 40px 48px}.postbox-hero-inner{max-width:var(--max-w);margin:0 auto}@media (max-width:640px){.postbox-hero{padding:40px 20px 36px}}.postbox-title{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,5rem);font-weight:700;color:var(--color-sepia);line-height:1;margin-bottom:8px}.postbox-sub{font-size:.875rem;color:var(--color-faded)}.postbox-body{max-width:var(--max-w);margin:0 auto;width:100%;padding:40px}@media (max-width:640px){.postbox-body{padding:28px 20px}}.mate-cards{display:flex;flex-direction:column;gap:12px;margin-bottom:56px}.mate-card-collapsed{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--color-cream);border:.5px solid var(--color-kraft);border-radius:var(--radius-md);cursor:pointer;transition:transform .35s ease-out,background .35s ease-out,border-color .35s ease-out}.mate-card-collapsed:hover{transform:translateY(-2px);background:var(--color-paper);border-color:var(--color-wax)}.mate-left{display:flex;align-items:center;gap:16px}.mate-icon-sm{width:48px;height:48px;border-radius:50%;background:var(--color-paper);border:.5px solid var(--color-kraft);padding:8px;color:var(--color-sepia)}.mate-icon-lg,.mate-icon-sm{display:flex;align-items:center;justify-content:center;flex-shrink:0}.mate-icon-lg{width:56px;height:56px;border-radius:50%;background:hsla(44,65%,95%,.15);border:1px solid hsla(44,65%,95%,.3);padding:9px;color:var(--color-paper)}.mate-code{font-size:1rem;font-weight:700;color:var(--color-sepia)}.mate-count{font-size:.8125rem;color:var(--color-faded)}.mate-count strong{color:var(--color-wax)}.mate-chevron svg{width:18px;height:18px;stroke:var(--color-faded);fill:none;stroke-width:1.5}.mate-card-expanded{border-radius:var(--radius-md);overflow:hidden}.mate-card-red{background:var(--color-wax);border:none}.mate-expanded-head{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 0;gap:16px}.mate-expanded-info{display:flex;align-items:center;gap:14px;flex:1 1}.mate-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.mate-tag{color:var(--color-faded);border:.5px solid var(--color-kraft);border-radius:var(--radius-sm)}.mate-tag,.mate-tag-red{font-size:.75rem;padding:3px 8px}.mate-tag-red{color:hsla(44,65%,95%,.8);border:.5px solid hsla(44,65%,95%,.3);border-radius:var(--radius-sm);display:inline-block}.close-btn-red{background:none;border:none;cursor:pointer;padding:4px;flex-shrink:0;transition:opacity .3s}.close-btn-red:hover{opacity:.6}.card-journey-red{padding:28px 24px 20px}.journey-row-red{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:8px 0 40px}.journey-row-red:before{content:"";position:absolute;top:18px;left:14px;right:14px;height:.5px;background:hsla(44,65%,95%,.3)}.j-node-red{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1}.j-node-red svg{color:var(--color-paper)}.j-node-label{font-size:.65rem;color:hsla(44,65%,95%,.6);letter-spacing:.05em;white-space:nowrap}.j-letter-red{position:absolute;top:0;transform:translateX(-50%);z-index:2;color:var(--color-paper);transition:left 1.2s ease-in-out}.card-status-text-red{font-size:.8125rem;color:hsla(44,65%,95%,.8);text-align:center;margin-top:4px}.map-section{border-top:.5px solid var(--color-kraft);padding-top:40px}.map-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px 32px;gap:28px 32px;margin-top:28px}@media (max-width:480px){.map-grid{grid-template-columns:1fr}}.map-item{display:flex;flex-direction:column;gap:6px}.map-num{font-family:var(--font-display);font-size:2rem;font-weight:300;color:var(--color-kraft)}.welcome-page{min-height:100dvh;display:flex;flex-direction:column}.welcome-page .hero{padding:80px 40px 32px}.welcome-page .hero-title{font-size:clamp(2.5rem,6.5vw,4.8rem)}.welcome-illustration{max-width:var(--max-w);margin:0 auto;padding:8px 40px 40px}.welcome-illustration,.welcome-scene{width:100%;display:flex;justify-content:center}.welcome-scene{position:relative;max-width:460px;align-items:flex-end;gap:48px;min-height:260px}.welcome-postbox{width:clamp(180px,30vw,260px)}.welcome-postbox,.welcome-snail{height:auto;animation:breathe-slow 6s ease-in-out infinite;flex-shrink:0}.welcome-snail{width:clamp(80px,14vw,120px);animation-delay:3s;margin-bottom:6px}@keyframes breathe-slow{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.welcome-cta-section{max-width:var(--max-w);margin:0 auto;padding:8px 40px 80px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}.welcome-hint{font-size:.8125rem;color:var(--color-faded);margin-top:4px}@media (max-width:640px){.welcome-page .hero{padding:56px 20px 24px}.welcome-illustration{padding:8px 20px 32px}.welcome-cta-section{padding:8px 20px 60px}.welcome-scene{gap:32px;min-height:220px}}.payment-method-page{min-height:100dvh;padding-bottom:120px;display:flex;flex-direction:column}.payment-method-body{flex:1 1;max-width:720px;margin:0 auto;width:100%;padding:64px 40px 40px;display:flex;flex-direction:column;gap:56px}@media (max-width:640px){.payment-method-body{padding:40px 20px 32px;gap:40px}}.pm-hero{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.pm-hero .hero-eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-faded);margin-bottom:24px}.pm-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--color-sepia);line-height:1.15;letter-spacing:-.02em;margin-bottom:24px}.pm-title em{font-style:normal;color:var(--color-wax)}.pm-sub{font-size:1rem;color:var(--color-faded);line-height:1.8;max-width:460px}.pm-section-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-sepia);margin-bottom:20px}.pm-method-list{display:flex;flex-direction:column;gap:8px}.pm-method-btn{display:flex;align-items:center;gap:14px}.pm-method-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--color-kraft)}.pm-method-dot-kakao{background:#fee500}.pm-method-dot-naver{background:#03c75a}.pm-zero-box{background:var(--color-wax);color:var(--color-paper);border-radius:var(--radius-lg);padding:36px 28px;text-align:center}.pm-zero-eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:hsla(44,65%,95%,.6);margin-bottom:14px}.pm-zero-amount{font-family:var(--font-display);font-size:clamp(3.2rem,8vw,5rem);font-weight:700;color:var(--color-paper);line-height:1;letter-spacing:-.02em;margin-bottom:18px}.pm-zero-detail{font-size:.9375rem;color:hsla(44,65%,95%,.85);line-height:1.7;max-width:380px;margin:0 auto}.pm-agree-label{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.9375rem;color:var(--color-sepia);padding:14px 0}.pm-agree-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-wax);cursor:pointer;flex-shrink:0}.pm-cta-wrap{position:fixed;bottom:0;left:0;right:0;background:var(--color-paper);border-top:.5px solid var(--color-kraft);z-index:100;display:flex;justify-content:center}.pm-cta-inner{width:100%;max-width:720px;padding:14px 40px 24px}@media (max-width:640px){.pm-cta-inner{padding:12px 20px 20px}}.pm-cta-inner .btn-primary[disabled]{background:var(--color-kraft);border-color:var(--color-kraft);color:var(--color-paper);cursor:not-allowed;opacity:.7}.pm-cta-inner .btn-primary[disabled]:hover{background:var(--color-kraft);color:var(--color-paper);transform:none}.mypage-page{min-height:100dvh;padding-bottom:80px;display:flex;flex-direction:column}.mypage-body{flex:1 1;max-width:720px;margin:0 auto;width:100%;padding:56px 40px;display:flex;flex-direction:column;gap:56px}@media (max-width:640px){.mypage-body{padding:40px 20px;gap:40px}}.mp-section{display:flex;flex-direction:column;gap:16px}.mp-section-head{display:flex;justify-content:space-between;align-items:center;padding-left:12px;border-left:3px solid var(--color-wax)}.mp-section[data-mpsec=profile] .mp-section-head{border-left-color:var(--color-wax)}.mp-section[data-mpsec=matches] .mp-section-head{border-left-color:var(--color-wax-deep)}.mp-section[data-mpsec=payment] .mp-section-head{border-left-color:var(--color-sepia)}.mp-section[data-mpsec=subscription] .mp-section-head{border-left-color:var(--color-kraft)}.mp-edit-link{font-size:.75rem;color:var(--color-faded);cursor:pointer;background:none;border:none;padding:0;transition:color var(--transition);text-decoration:underline;text-underline-offset:3px}.mp-edit-link:hover{color:var(--color-wax)}.mp-card{background:var(--color-cream);border:.5px solid var(--color-kraft);border-radius:var(--radius-md);padding:22px 24px}.mp-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:.5px solid var(--color-kraft)}.mp-row:first-child{padding-top:0}.mp-row:last-child{padding-bottom:0;border-bottom:none}.mp-row-key{font-size:.8125rem;color:var(--color-faded);letter-spacing:.03em;flex-shrink:0}.mp-row-value{font-size:.9375rem;color:var(--color-sepia);font-weight:500;text-align:right}.mp-match-card{background:var(--color-cream);border:.5px solid var(--color-kraft);border-radius:var(--radius-md);padding:18px 22px;display:flex;flex-direction:column;gap:14px}.mp-match-card.ended{background:transparent;opacity:.65}.mp-match-head{display:flex;align-items:center;gap:14px}.mp-match-avatar{width:44px;height:44px;border-radius:50%;background:var(--color-paper);border:.5px solid var(--color-kraft);padding:6px;flex-shrink:0;overflow:hidden}.mp-match-avatar img{width:100%;height:100%;object-fit:contain}.mp-match-info{flex:1 1;min-width:0}.mp-match-name{font-size:.9375rem;font-weight:700;color:var(--color-sepia)}.mp-match-state{font-size:.75rem;color:var(--color-faded);margin-top:2px}.mp-match-nickname{display:flex;flex-direction:column;gap:6px;border-top:.5px solid var(--color-kraft);padding-top:12px}.mp-match-nickname-label{font-size:.75rem;color:var(--color-faded)}.mp-match-nickname input{width:100%;padding:8px 0;background:transparent;border:none;border-bottom:.5px solid var(--color-kraft);font-family:var(--font-body);font-size:.9375rem;color:var(--color-sepia);outline:none;transition:border-color var(--transition)}.mp-match-nickname input:focus{border-bottom-color:var(--color-wax)}.mp-match-nickname input::placeholder{color:var(--color-faded)}.mp-sub-card{background:var(--color-cream);border:.5px solid var(--color-kraft);border-radius:var(--radius-md);padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px}.mp-sub-info{flex:1 1;min-width:0}.mp-sub-name{font-size:.9375rem;font-weight:700;color:var(--color-sepia)}.mp-sub-detail{font-size:.75rem;color:var(--color-faded);margin-top:2px}.btn-cancel{padding:9px 18px;border-radius:6px;background:transparent;border:.5px solid var(--color-kraft);color:var(--color-faded);font-family:var(--font-body);font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color var(--transition),color var(--transition),transform var(--transition)}.btn-cancel:hover{border-color:var(--color-wax);color:var(--color-wax);transform:translateY(-2px)}.mp-empty{text-align:center;padding:24px 0;font-size:.875rem;line-height:1.7}.mp-empty,.mp-subhead{color:var(--color-faded)}.mp-subhead{font-size:.75rem;letter-spacing:.05em;margin-top:8px}.postbox-journey-page{min-height:100dvh;padding-bottom:80px;display:flex;flex-direction:column}.pj-body{flex:1 1;max-width:760px;margin:0 auto;width:100%;padding:32px 40px 40px;display:flex;flex-direction:column}@media (max-width:640px){.pj-body{padding:24px 20px 32px}}.pj-state-toggle{display:flex;flex-wrap:wrap;gap:6px;padding:12px 0 16px;margin-bottom:24px;border-bottom:.5px solid var(--color-kraft)}.pj-state-toggle-label{width:100%;letter-spacing:.05em;margin-bottom:6px}.pj-state-chip,.pj-state-toggle-label{font-size:.7rem;color:var(--color-faded)}.pj-state-chip{padding:5px 11px;border-radius:4px;background:transparent;border:.5px solid var(--color-kraft);font-family:var(--font-body);cursor:pointer;transition:background .7s ease-out,border-color .7s ease-out,color .7s ease-out}.pj-state-chip:hover{color:var(--color-sepia);border-color:var(--color-sepia)}.pj-state-chip.active{background:var(--color-wax);border-color:var(--color-wax);color:var(--color-paper)}.pj-track-wrap{padding:56px 0 24px;display:flex;flex-direction:column;gap:44px}.pj-track{position:relative;width:100%;height:130px;padding:0 76px;transition:filter .7s ease-out,opacity .7s ease-out}@media (max-width:480px){.pj-track{padding:0 56px;height:120px}.pj-track-line-full{left:110px!important;right:110px!important}.pj-node img{width:48px;height:48px}}.pj-track-line-full{left:142px;right:142px;border-top:1px dashed var(--color-sepia);opacity:.4}.pj-node,.pj-track-line-full{position:absolute;top:50%;transform:translateY(-50%)}.pj-node{display:flex;flex-direction:column;align-items:center;transition:opacity .7s ease-out,filter .7s ease-out;z-index:2}.pj-node.left{left:0}.pj-node.right{right:0}.pj-node img{width:60px;height:60px;object-fit:contain}.pj-node-label{font-size:.7rem;color:var(--color-faded);letter-spacing:.03em;white-space:nowrap;margin-top:6px}.pj-track.no-match .pj-node.right{opacity:.4}.pj-track.ended{filter:grayscale(.7);opacity:.55}.pj-hub{position:absolute;left:50%;top:50%;width:56px;height:76px;transform:translate(-50%,-50%);cursor:pointer;z-index:2;background:none;border:none;padding:0;transition:transform .7s ease-out,opacity .7s ease-out}.pj-hub img{width:100%;height:100%;object-fit:contain;display:block}.pj-hub:hover{transform:translate(-50%,-50%) translateY(-3px);opacity:.8}.pj-snail{position:absolute;top:50%;width:70px;height:auto;transform:translate(-50%,-50%);z-index:3;transition:left 1.6s ease-in-out,opacity .7s ease-out}.pj-snail.flip{transform:translate(-50%,-50%) scaleX(-1)}.pj-snail.breathing{animation:breathe-slow 6s ease-in-out infinite}.pj-envelope{position:absolute;left:calc(76px + 30px);top:6px;width:64px;height:50px;transform:translateX(-50%);cursor:pointer;z-index:5;transition:opacity .6s ease-out,transform .6s ease-out;animation:envelope-arrive 2.4s ease-in-out infinite}.pj-envelope.hidden{opacity:0;pointer-events:none;animation:none}.pj-envelope-svg{width:100%;height:100%}@keyframes envelope-arrive{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-4px)}}.pj-envelope.cracking{animation:none}.pj-envelope.cracking .pj-envelope-seal{animation:pj-seal-crack .7s ease-out forwards}.pj-envelope.cracked .pj-envelope-seal{opacity:0}.pj-envelope:hover{transform:translateX(-50%) translateY(-2px)}.pj-mate-row{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 14px;margin-bottom:4px;scrollbar-width:thin;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.pj-mate-row.hidden{display:none}.pj-mate-row::-webkit-scrollbar{height:4px}.pj-mate-row::-webkit-scrollbar-thumb{background:var(--color-kraft);border-radius:2px}.pj-mate-card{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--color-cream);border:1px solid var(--color-kraft);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition),background var(--transition),transform var(--transition);scroll-snap-align:start}@media (max-width:640px){.pj-mate-row{gap:10px;padding-left:20px;padding-right:20px;scroll-padding-left:20px}.pj-mate-card{width:62vw;max-width:260px}.pj-mate-card-new{width:62vw!important;max-width:260px}}.pj-mate-dots{display:flex;justify-content:center;gap:6px;padding:6px 0 12px}.pj-mate-dot{width:6px;height:6px;border-radius:50%;background:var(--color-kraft);transition:background-color var(--transition),transform var(--transition)}.pj-mate-dot.active{background:var(--color-wax);transform:scale(1.2)}.pj-mate-card:hover{transform:translateY(-2px)}.pj-mate-card.selected{border-color:var(--color-wax);background:var(--color-wax);border-width:1.5px}.pj-mate-card.selected .pj-mate-name{color:var(--color-paper)}.pj-mate-card.selected .pj-mate-menu,.pj-mate-card.selected .pj-mate-meta{color:hsla(44,65%,95%,.75)}.pj-mate-card.selected .pj-mate-menu:hover{color:var(--color-paper)}.pj-mate-card.selected .pj-mate-avatar{background:var(--color-wax);border-color:var(--color-paper)}.pj-mate-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-paper);border:.5px solid var(--color-kraft);padding:4px;flex-shrink:0;overflow:hidden}.pj-mate-avatar img{width:100%;height:100%;object-fit:contain}.pj-mate-info{flex:1 1;min-width:0}.pj-mate-name{font-size:.875rem;font-weight:700;color:var(--color-sepia)}.pj-mate-meta{font-size:.7rem;color:var(--color-faded);margin-top:2px}.pj-mate-menu{background:none;border:none;cursor:pointer;color:var(--color-faded);font-size:1.2rem;font-weight:700;padding:0 4px;line-height:1;border-radius:var(--radius-sm);flex-shrink:0;transition:color var(--transition)}.pj-mate-menu:hover{color:var(--color-wax)}.pj-copy{text-align:center;font-family:var(--font-display);font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:600;color:var(--color-sepia);line-height:1.55;max-width:540px;margin:0 auto;padding:0 16px;transition:opacity .5s ease-out}.pj-action{display:flex;justify-content:center;gap:12px;margin-top:36px;min-height:50px}.pj-action.locked{pointer-events:none}.pj-action .btn{animation:pj-action-fadein .7s ease-out}@keyframes pj-action-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.shop-page{min-height:100dvh;padding-bottom:80px}.shop-body{max-width:880px;margin:0 auto;padding:56px 40px 40px;display:flex;flex-direction:column;gap:48px}@media (max-width:640px){.shop-body{padding:40px 20px 32px;gap:36px}}.shop-cats{display:flex;gap:6px;overflow-x:auto;border-bottom:.5px solid var(--color-kraft);padding-bottom:0}.shop-cat-btn{flex:0 0 auto;padding:12px 20px;background:none;cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:700;color:var(--color-faded);border:none;border-bottom:2px solid transparent;margin-bottom:-.5px;transition:color var(--transition),border-color var(--transition)}.shop-cat-btn:hover{color:var(--color-sepia)}.shop-cat-btn.active{color:var(--color-wax);border-bottom-color:var(--color-wax)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.shop-card{display:flex;flex-direction:column;background:var(--color-cream);border:.5px solid var(--color-kraft);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:transform var(--transition),border-color var(--transition);text-align:left;padding:0}.shop-card:hover{transform:translateY(-2px);border-color:var(--color-wax)}.shop-card-thumb{aspect-ratio:4/3;background:var(--color-paper);display:flex;align-items:center;justify-content:center;border-bottom:.5px solid var(--color-kraft);font-size:.75rem;color:var(--color-faded)}.shop-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:4px}.shop-card-eyebrow{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-wax);font-weight:600;margin-bottom:2px}.shop-card-name{font-family:var(--font-display);font-size:.9375rem;font-weight:700;color:var(--color-sepia);line-height:1.4}.shop-card-sub{font-size:.75rem;color:var(--color-faded);line-height:1.55;margin-top:4px}.shop-card-price{margin-top:12px;padding-top:10px;border-top:.5px solid var(--color-kraft);font-weight:700;color:var(--color-sepia);font-size:.9rem}.shop-card.featured{grid-column:1/-1;background:var(--color-wax);border-color:var(--color-wax);flex-direction:row;align-items:stretch}.shop-card.featured .shop-card-thumb{flex:0 0 38%;background:var(--color-wax-deep);border-bottom:none;border-right:.5px solid hsla(44,65%,95%,.2);color:hsla(44,65%,95%,.5)}.shop-card.featured .shop-card-body{flex:1 1;justify-content:center;padding:28px 32px}.shop-card.featured .shop-card-eyebrow{color:hsla(44,65%,95%,.7)}.shop-card.featured .shop-card-name{color:var(--color-paper);font-size:clamp(1.1rem,2vw,1.3rem)}.shop-card.featured .shop-card-sub{color:hsla(44,65%,95%,.85)}.shop-card.featured .shop-card-price{border-top-color:hsla(44,65%,95%,.2);color:var(--color-paper)}@media (max-width:540px){.shop-card.featured{flex-direction:column}.shop-card.featured .shop-card-thumb{flex:0 0 auto;aspect-ratio:16/9;border-right:none;border-bottom:.5px solid hsla(44,65%,95%,.2)}}.home-page{min-height:100dvh;padding-bottom:80px}.home-body{max-width:880px;margin:0 auto;padding:56px 40px 40px;display:flex;flex-direction:column;gap:64px}@media (max-width:640px){.home-body{padding:40px 20px 32px;gap:48px}}.home-hero{display:flex;flex-direction:column;gap:16px}.home-greeting{font-size:.9rem;color:var(--color-faded)}.home-quote{font-family:var(--font-display);font-size:clamp(1.4rem,3.4vw,2rem);font-weight:700;color:var(--color-sepia);line-height:1.4;letter-spacing:-.01em;max-width:560px}.home-quote em{color:var(--color-wax);font-style:normal}.home-active-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.home-active-card{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--color-cream);border:.5px solid var(--color-kraft);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition),transform var(--transition)}.home-active-card:hover{transform:translateY(-2px);border-color:var(--color-wax)}.home-active-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-paper);border:.5px solid var(--color-kraft);padding:3px;flex-shrink:0;overflow:hidden}.home-active-avatar img{width:100%;height:100%;object-fit:contain}.home-active-info{display:flex;flex-direction:column;gap:2px}.home-active-name{font-size:.8rem;font-weight:700;color:var(--color-sepia)}.home-active-state{font-size:.7rem;color:var(--color-faded)}.home-section-head{margin-bottom:20px}.home-section-eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-faded);margin-bottom:6px}.home-section-title{font-family:var(--font-display);font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;color:var(--color-sepia);letter-spacing:-.005em}.home-event-card{display:block;background:var(--color-wax);color:var(--color-paper);border-radius:var(--radius-md);padding:32px 28px 28px;cursor:pointer;text-decoration:none;transition:transform var(--transition)}.home-event-card:hover{transform:translateY(-2px)}.home-event-eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:hsla(44,65%,95%,.7);margin-bottom:12px}.home-event-title{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;line-height:1.4;margin-bottom:8px}.home-event-sub{font-size:.875rem;color:hsla(44,65%,95%,.85);line-height:1.65}.home-event-meta{margin-top:20px;padding-top:16px;border-top:.5px solid hsla(44,65%,95%,.25);font-size:.75rem;color:hsla(44,65%,95%,.6);letter-spacing:.05em}.home-news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px}.home-news-card{display:block;background:var(--color-cream);border-radius:var(--radius-md);padding:24px 22px;text-decoration:none;cursor:pointer;transition:transform var(--transition),background var(--transition)}.home-news-card:hover{transform:translateY(-2px);background:var(--color-paper)}.home-news-eyebrow{font-size:.65rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-wax);margin-bottom:10px}.home-news-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-sepia);line-height:1.5;margin-bottom:6px}.home-news-sub{font-size:.8rem;color:var(--color-faded);line-height:1.6}.home-news-date{margin-top:14px;padding-top:12px;border-top:.5px solid var(--color-kraft);font-size:.7rem;color:var(--color-faded);letter-spacing:.03em}.bookshelf-page{min-height:100dvh;padding-bottom:80px;display:flex;flex-direction:column}.bs-body{flex:1 1;max-width:880px;margin:0 auto;width:100%;padding:56px 40px 40px;display:flex;flex-direction:column;gap:48px}@media (max-width:640px){.bs-body{padding:40px 20px 32px;gap:36px}}.bs-shelf{display:flex;flex-direction:column;gap:40px}.bs-shelf-row{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:20px;gap:20px;padding-bottom:20px}.bs-shelf-row:after{bottom:0;height:1px;opacity:.45}.bs-shelf-row:after,.bs-shelf-row:before{content:"";position:absolute;left:0;right:0;background:var(--color-kraft)}.bs-shelf-row:before{bottom:5px;height:.5px;opacity:.25}.bs-book{cursor:pointer;background:var(--color-cream);border-left:.5px solid var(--color-kraft);border-radius:12px;padding:22px 20px;min-height:210px;display:flex;flex-direction:column;position:relative;transition:transform .7s ease-out,border-color .7s ease-out;text-align:left;border:.5px solid var(--color-kraft);border-left-width:3px}.bs-book:hover{transform:translateY(-2px);border-color:var(--color-sepia)}.bs-book:focus-visible{outline:2px solid var(--color-sepia);outline-offset:2px}.bs-book-eyebrow{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-faded);margin-bottom:14px;font-weight:600}.bs-book-title{font-family:var(--font-display);font-size:1.0625rem;font-weight:700;color:var(--color-sepia);line-height:1.5;margin-bottom:6px;flex:1 1;word-break:keep-all}.bs-book-period{margin-top:auto;padding-top:14px;border-top:.5px dashed var(--color-kraft)}.bs-book-count,.bs-book-period{font-size:.75rem;color:var(--color-faded);line-height:1.7}.bs-book-count{margin-top:6px}.bs-book-count strong{color:var(--color-wax);font-weight:700}.bs-empty{text-align:center;padding:56px 24px;background:var(--color-cream);border:.5px dashed var(--color-kraft);border-radius:var(--radius-md)}.bs-empty-snail{width:90px;opacity:.5;margin:0 auto 16px;display:block}.bs-empty-text{font-family:var(--font-display);font-size:1rem;color:var(--color-sepia);line-height:1.65;max-width:420px;margin:0 auto}.bs-empty-sub{font-size:.8125rem;color:var(--color-faded);margin-top:12px;line-height:1.7}.bs-modal-backdrop{position:fixed;inset:0;background:rgba(44,42,38,.55);z-index:200;display:flex;align-items:center;justify-content:center;padding:32px 24px;opacity:0;pointer-events:none;transition:opacity .5s ease-out}.bs-modal-backdrop.open{opacity:1;pointer-events:auto}.bs-modal{background:var(--color-paper);border-radius:var(--radius-lg);max-width:720px;width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px);transition:transform .7s ease-out}.bs-modal-backdrop.open .bs-modal{transform:translateY(0)}.bs-modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 32px 20px;border-bottom:.5px solid var(--color-kraft)}.bs-modal-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--color-sepia);margin-bottom:4px}.bs-modal-meta{font-size:.8rem;color:var(--color-faded)}.bs-modal-close{background:none;border:none;cursor:pointer;color:var(--color-faded);font-size:1.4rem;padding:0 4px;line-height:1;transition:color var(--transition)}.bs-modal-close:hover{color:var(--color-wax)}.bs-modal-body{flex:1 1;overflow-y:auto;padding:28px 32px}.bs-photo-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}@media (max-width:540px){.bs-photo-grid{grid-template-columns:1fr}}.bs-photo-card{background:var(--color-cream);border:.5px solid var(--color-kraft);border-radius:var(--radius-sm);padding:14px;display:flex;flex-direction:column;gap:10px}.bs-photo-placeholder{aspect-ratio:4/3;background:var(--color-paper);border:.5px dashed var(--color-kraft);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-faded);font-size:.75rem}.bs-photo-date{font-size:.7rem;color:var(--color-faded);letter-spacing:.03em}.bs-modal-foot{padding:18px 32px 24px;border-top:.5px solid var(--color-kraft);display:flex;gap:10px;align-items:center;justify-content:space-between}.bs-photo-add{flex:1 1;padding:12px 16px;background:var(--color-cream);border:.5px solid var(--color-kraft);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--color-sepia);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.bs-photo-add:hover{border-color:var(--color-wax);background:var(--color-paper)}.site-footer{background:var(--color-cream);border-top:.5px solid var(--color-kraft);margin-top:48px;display:block;text-align:left}.site-footer-inner{max-width:var(--max-w);margin:0 auto;padding:32px 40px 28px;display:flex;flex-direction:column;gap:18px}@media (max-width:640px){.site-footer-inner{padding:24px 20px 20px}}.site-footer-meta{display:flex;flex-direction:column;gap:4px}.site-footer-meta p{font-size:.75rem;color:var(--color-faded);line-height:1.7;letter-spacing:.01em}.site-footer-meta strong{color:var(--color-sepia);font-weight:700}.site-footer-meta a{color:var(--color-faded);text-decoration:underline;text-underline-offset:2px}.site-footer-meta a:hover{color:var(--color-wax)}.site-footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-top:14px;border-top:.5px solid var(--color-kraft)}.site-footer-link-btn,.site-footer-links a{font-size:.75rem;color:var(--color-sepia);font-weight:600;text-decoration:none;background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-body);transition:color var(--transition)}.site-footer-link-btn:hover,.site-footer-links a:hover{color:var(--color-wax)}.site-footer-sep{color:var(--color-kraft);font-size:.75rem}.site-footer-copy{font-size:.7rem;color:var(--color-faded);letter-spacing:.05em;margin-top:6px}.bookshelf-page .site-footer,.bottom-nav~.site-footer,.home-page .site-footer,.mypage-page .site-footer,.postbox-journey-page .site-footer,.shop-page .site-footer{margin-bottom:64px}.legal-page{min-height:100dvh;display:flex;flex-direction:column}.legal-body{flex:1 1;max-width:720px;margin:0 auto;width:100%;padding:56px 40px 80px;display:flex;flex-direction:column;gap:24px}.legal-page{overflow-x:visible!important}@media (max-width:640px){.legal-body{padding:40px 20px 60px;gap:18px}}.legal-title{font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;color:var(--color-sepia);margin-bottom:8px}.legal-meta{font-size:.8125rem;color:var(--color-faded);margin-bottom:24px}.legal-section{display:flex;flex-direction:column;gap:8px;padding-bottom:18px;border-bottom:.5px solid var(--color-kraft)}.legal-section h2{font-family:var(--font-display);font-size:1.0625rem;font-weight:700;color:var(--color-sepia)}.legal-section li,.legal-section p{font-size:.875rem;color:var(--color-sepia);line-height:1.75}.legal-section ul{padding-left:1.2em}.prose{max-width:700px;margin:0 auto;color:var(--color-ink);line-height:1.7;word-break:keep-all}.prose h1{font-size:2rem;color:var(--color-wax);line-height:1.2;margin-bottom:16px;letter-spacing:-.015em}.prose h1,.prose h2{font-family:var(--font-display);font-weight:700}.prose h2{font-size:1.375rem;color:var(--color-ink);line-height:1.3;margin-top:32px;margin-bottom:14px;letter-spacing:-.01em}.prose h3{font-size:1.125rem;font-weight:500;color:var(--color-sepia);line-height:1.4;margin-top:16px;margin-bottom:10px}.prose p{font-size:1rem;color:var(--color-ink);line-height:1.7;margin-bottom:12px}.prose ol,.prose ul{padding-left:24px;margin-bottom:12px}.prose li{margin-bottom:6px;line-height:1.7}.prose strong{color:var(--color-wax);font-weight:700}.prose blockquote{background:var(--color-cream);border:.5px solid var(--color-sepia);border-radius:16px;padding:24px;margin:16px 0;color:var(--color-sepia)}.prose blockquote p:last-child{margin-bottom:0}.prose hr{border:none;border-top:.5px solid var(--color-kraft);margin:32px 0}.prose a{color:var(--color-wax);text-decoration:underline;text-underline-offset:2px}.prose a:hover{color:var(--color-wax-deep)}.prose code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.875rem;background:var(--color-cream);padding:1px 6px;border-radius:4px;color:var(--color-sepia)}.prose table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:14px 0;font-size:.9375rem;-webkit-overflow-scrolling:touch}.prose table td,.prose table th{border:1px solid var(--color-sepia);padding:8px;text-align:left;color:var(--color-ink);word-break:break-all}@media (max-width:640px){.prose table{font-size:.8125rem}.prose table td,.prose table th{padding:6px}}.prose table th{background:var(--color-cream)}.app-header-title,.prose table th{font-weight:700;color:var(--color-sepia)}.app-header-title{font-family:var(--font-display);font-size:.9375rem;letter-spacing:-.01em}.page-eyebrow{display:block;font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-faded);margin-bottom:16px}.page-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--color-sepia);line-height:1.15;letter-spacing:-.02em;margin-bottom:20px}.page-title em{font-style:normal;color:var(--color-wax)}.page-subtitle{font-size:1rem;color:var(--color-faded);line-height:1.8;max-width:460px}.tone-modal-backdrop{position:fixed;inset:0;background:rgba(44,42,38,.55);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:300;display:flex;align-items:center;justify-content:center;padding:32px 24px;opacity:0;pointer-events:none;transition:opacity .5s ease-out}.tone-modal-backdrop.open{opacity:1;pointer-events:auto}.tone-modal{background:var(--color-paper);border-radius:var(--radius-lg);max-width:480px;width:100%;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px rgba(44,42,38,.12);opacity:0;transition:opacity .5s ease-out}.tone-modal.open{opacity:1}.tone-modal-head{display:flex;align-items:center;justify-content:flex-start;padding:14px 16px 0}.tone-modal-back{background:none;border:none;cursor:pointer;color:var(--color-faded);font-size:1.3rem;font-weight:400;padding:4px 8px;line-height:1;transition:color var(--transition);font-family:var(--font-body)}.tone-modal-back:hover{color:var(--color-wax)}.tone-modal-body{padding:8px 32px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.tone-modal-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-sepia);line-height:1.4;letter-spacing:-.01em}.tone-modal-text{font-size:.9375rem;color:var(--color-sepia);line-height:1.75;max-width:320px}.tone-modal-foot{padding:16px 24px 24px;display:flex;gap:10px;align-items:stretch;border-top:.5px solid var(--color-kraft)}.tone-modal-btn{flex:1 1;padding:12px 16px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.tone-modal-btn-primary{background:var(--color-wax);border:.5px solid var(--color-wax-deep);color:var(--color-paper)}.tone-modal-btn-primary:hover{background:var(--color-wax-deep)}.tone-modal-btn-secondary{background:var(--color-cream);border:.5px solid var(--color-kraft);color:var(--color-sepia)}.tone-modal-btn-secondary:hover{border-color:var(--color-wax);color:var(--color-wax)}@media (max-width:480px){.tone-modal-body{padding:8px 24px 20px}.tone-modal-foot{padding:14px 20px 20px}}.pm-cta-inner,.survey-cta-inner{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.bottom-nav-inner{padding-bottom:env(safe-area-inset-bottom)}@media (max-width:640px){.btn,.btn-ghost,.btn-next-s,.btn-outline,.btn-prev-s,.btn-primary,.choice-btn,.social-btn{min-height:44px}.input,input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],textarea{font-size:16px;min-height:44px}.shop-checkout-page .btn[style*="padding: 8px"]{min-height:44px;min-width:44px}.nav-item{min-height:56px}.site-header-login,.site-nav button{min-height:38px}}@supports not (height:100dvh){.bookshelf-page,.home-page,.login-page,.mypage-page,.payment-method-page,.postbox-journey-page,.shop-page,.survey-page,.welcome-page{min-height:100vh}}@media (max-width:380px){.hero{padding:80px 16px 60px}.hero-title{font-size:clamp(2.2rem,11vw,3rem)}.hero-sub{font-size:.875rem}.site-header-inner{padding:8px 16px}.site-header-inner.simple{padding:10px 16px}}.orders-page{min-height:100dvh;padding-bottom:80px}.order-card,.orders-page{display:flex;flex-direction:column}.order-card{gap:6px;padding:18px 20px}.order-card-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-sepia);line-height:1.4}.order-card-date{font-size:.8125rem;color:var(--color-faded);margin-top:2px}.order-card-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:10px;border-top:.5px solid var(--color-kraft)}.order-card-amount{font-size:.9375rem;font-weight:700;color:var(--color-sepia)}.order-card-status{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:4px;background:var(--color-cream);color:var(--color-sepia);border:.5px solid var(--color-kraft)}.order-card-status.order-status-paid{background:var(--color-wax);color:var(--color-paper);border-color:var(--color-wax)}.order-card-status.order-status-pending{color:var(--color-faded)}.order-card-status.order-status-canceled,.order-card-status.order-status-failed{color:var(--color-wax-deep);border-color:var(--color-wax-deep)}.order-card-status.order-status-delivered,.order-card-status.order-status-shipped{background:var(--color-sepia);color:var(--color-paper);border-color:var(--color-sepia)}.order-card-shipping{font-size:.8125rem;color:var(--color-faded);margin-top:4px}