:root{--ink:#14202e;--sub:#5d6875;--edge:#dfe5ec;--blue:#0073e6;--pale:#f2f8ff;--sky:#eaf4fe;--line-green:#06c755;--gray:#f1f4f7}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:#fff;color:var(--ink);font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}a{-webkit-tap-highlight-color:transparent;text-decoration:none}img{display:block;max-width:100%}[hidden]{display:none!important}h1:focus,h2:focus{outline:none}:focus-visible{outline:3px solid rgba(0,115,230,.45);outline-offset:2px}.screen{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;background:#fff}.scroll{flex:1}.pad{padding:0 24px}.pt12{padding-top:12px}.pt20{padding-top:20px}.mt10{margin-top:10px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt20{margin-top:20px}.right{text-align:right}.center{text-align:center}.dock{position:sticky;bottom:0;z-index:5;background:#fff;padding:12px 24px calc(18px + env(safe-area-inset-bottom))}.band{width:100%;height:min(var(--h,240px),34svh);object-fit:cover;object-position:50% 0%;background:#dfe8fb}#q-img{height:110px;object-fit:none;object-position:50% 0;background:#e6f2fe}.h-xl{font-size:32px;line-height:1.35;font-weight:800}.h-l{font-size:28px;line-height:1.4;font-weight:800;margin-top:24px}.h-l2{font-size:26px;line-height:1.4;font-weight:800;margin-top:24px}h2.q{font-size:24px;line-height:1.45;font-weight:800;letter-spacing:.01em;white-space:pre-line}.lead,.help{font-size:14px;color:var(--sub);line-height:1.6}.help{margin-top:6px}.lead{margin-bottom:6px}.t{font-size:16px;line-height:1.75}.note{font-size:13px;color:var(--sub);line-height:1.6}.btn{display:flex;width:100%;height:56px;border-radius:14px;background:var(--blue);color:#fff;font-size:17px;font-weight:700;align-items:center;justify-content:center;gap:6px;letter-spacing:.02em;transition:transform .1s}.btn:active{transform:scale(.98)}.btn:disabled{background:#c9d3dd;cursor:default}.btn.g{background:#fff;color:var(--ink);border:2px solid var(--blue)}.btn.line{background:var(--line-green)}.btn.line:disabled{background:#c9d3dd}.glogo{height:21px;width:auto;margin:2px 4px 0}.btn2{display:flex;width:100%;height:48px;border-radius:14px;background:var(--gray);color:var(--ink);font-size:16px;font-weight:600;align-items:center;justify-content:center;transition:transform .1s;font-feature-settings:"tnum"}.btn2:active{transform:scale(.98)}.two-btn{display:grid;grid-template-columns:1fr 1fr;gap:10px}.txtbtn{display:flex;width:100%;height:44px;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:var(--sub)}.hdr{position:sticky;top:0;z-index:5;height:52px;display:flex;align-items:center;padding:0 8px;gap:4px;background:#fff}.nav{width:64px;height:44px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--sub);font-weight:600;flex:none}.nav[disabled]{visibility:hidden}.seg{flex:1;display:flex;gap:4px}.seg i{flex:1;height:4px;border-radius:2px;background:#e3e8ee;transform-origin:left}.seg i.on{background:var(--blue)}.seg i.now{animation:segfill .35s ease-out}@keyframes segfill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.q-content{padding-top:24px;padding-bottom:16px}.q-content.enter{animation:qin .26s ease-out}.q-content.leave{animation:qout .18s ease-in forwards}@keyframes qin{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes qout{to{opacity:0;transform:translate(-28px)}}.opts{display:grid;gap:10px;margin-top:24px}.opts.two{grid-template-columns:1fr 1fr}.o{position:relative;display:flex;align-items:center;width:100%;min-height:60px;border:1.5px solid var(--edge);border-radius:16px;background:#fff;padding:12px 54px 12px 18px;font-size:17px;font-weight:600;line-height:1.4;text-align:left;white-space:pre-line;transition:transform .1s ease-out}.o:active{transform:scale(.97)}.o .m{position:absolute;right:16px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;border:2px solid #c7d1dc;display:flex;align-items:center;justify-content:center}.multi .o .m{border-radius:7px}.o[aria-checked=true]{border:2px solid var(--blue);background:var(--pale);padding:11.5px 53.5px 11.5px 17.5px}.o[aria-checked=true] .m{background:var(--blue);border-color:var(--blue)}.o[aria-checked=true] .m:after{content:"";width:9px;height:5px;border-left:2.4px solid #fff;border-bottom:2.4px solid #fff;transform:rotate(-45deg) translate(1px,-1px);animation:ck .22s cubic-bezier(.3,1.6,.5,1)}@keyframes ck{0%{opacity:0;transform:rotate(-45deg) translate(1px,-1px) scale(.3)}}.opts.two .o{min-height:80px;font-size:15px;padding:30px 12px 12px 14px;align-items:flex-start;line-height:1.45}.opts.two .o[aria-checked=true]{padding:29.5px 11.5px 11.5px 13.5px}.opts.two .o .m{top:10px;right:10px;margin-top:0;width:20px;height:20px}.opts.short .o{min-height:56px}.compact .q-content{padding-top:12px;padding-bottom:8px}.compact .opts{margin-top:16px;gap:8px}.compact .opts.two .o{min-height:62px;font-size:13px;line-height:1.38;padding:23px 8px 7px 11px;letter-spacing:0}.compact .opts.two .o[aria-checked=true]{padding:22.5px 7.5px 6.5px 10.5px}.compact .opts.two .o .m{top:8px;right:8px;width:18px;height:18px}.compact .field.free{height:62px;margin-top:10px}.field{display:block;width:100%;border:1.5px solid var(--edge);border-radius:16px;padding:14px 16px;font:inherit;font-size:16px;line-height:1.8;color:var(--ink);background:#fff;resize:none;margin-top:14px}.field:focus{outline:none;border-color:var(--blue)}.field::placeholder{color:#9aa5b1}.field.tall{min-height:220px}.field.free{min-height:0;height:76px;padding:10px 14px;line-height:1.7}.free-note{font-size:11.5px;margin-top:6px}.field.draft{min-height:150px}.draft-label{display:block}.mt8{margin-top:8px}.ask-art{position:relative;height:184px;overflow:hidden;background:#e6f2fe;perspective:520px;perspective-origin:calc(50% - 56px) 100%}.airo,.airo-bow{position:absolute;top:0;right:0;bottom:0;left:0}.airo-bow{transform-origin:calc(50% - 56px) 100%}#ask-img,#ask-img-smile{position:absolute;left:0;top:0;width:100%;height:184px;object-fit:none;object-position:50% 0;background:#e6f2fe}#ask-img-smile{opacity:0;background:transparent}#s-ask.enter .airo{animation:airoPop .5s cubic-bezier(.2,1.5,.45,1) both}@keyframes airoPop{0%{opacity:0;transform:translateY(24px) scale(.9)}to{opacity:1;transform:none}}#s-ask.enter .airo-bow{animation:airoBow 1.5s cubic-bezier(.45,0,.3,1) .75s both}@keyframes airoBow{0%{transform:none}30%,62%{transform:rotateX(-32deg) translateY(10px)}to{transform:none}}#s-ask.enter #ask-img-smile{animation:smileOn 1.5s linear .75s both}@keyframes smileOn{0%,22%{opacity:0}32%,70%{opacity:1}82%,to{opacity:0}}.spark{position:absolute;width:18px;height:18px;opacity:0;pointer-events:none;background:#fff;filter:drop-shadow(0 0 6px rgba(0,140,255,.55));clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}.spark.s1{left:calc(50% - 160px);top:46px}.spark.s2{left:calc(50% + 8px);top:22px;width:13px;height:13px}.spark.s3{left:calc(50% - 4px);top:112px;width:10px;height:10px}#s-ask.enter .spark{animation:twinkle .9s ease-out both}#s-ask.enter .s1{animation-delay:2.05s}#s-ask.enter .s2{animation-delay:2.15s}#s-ask.enter .s3{animation-delay:2.25s}@keyframes twinkle{0%{opacity:0;transform:scale(.2) rotate(0)}40%{opacity:1;transform:scale(1.15) rotate(45deg)}to{opacity:0;transform:scale(.6) rotate(90deg)}}.bubble-pos{position:absolute;left:calc(50% + 30px);max-width:calc(50% - 30px - max(14px,env(safe-area-inset-right)));top:50%;transform:translateY(-50%);transform-origin:0 50%}.bubble{position:relative;width:max-content;max-width:100%;margin:0;padding:10px 12px;background:#fff;border-radius:14px;font-size:14px;line-height:1.5;font-weight:800;color:var(--ink);box-shadow:0 6px 18px #0050aa1f;transform-origin:0 50%}.bubble:before{content:"";position:absolute;left:-7px;top:50%;margin-top:-7px;border:7px solid transparent;border-left:0;border-right-color:#fff}.bubble .ln{display:inline-block}.bubble .thanks{color:var(--blue);font-size:16px;transform-origin:0 70%}.bubble .ch{display:inline-block}#s-ask.enter .bubble{animation:bubbleIn .42s cubic-bezier(.2,1.6,.45,1) .3s both}@keyframes bubbleIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}#s-ask.enter .bubble .ch{animation:chIn .32s cubic-bezier(.2,1.8,.4,1) both;animation-delay:calc(.4s + var(--i) * 31ms)}@keyframes chIn{0%{opacity:0;transform:translateY(-12px) scale(.4)}to{opacity:1;transform:none}}#s-ask.enter .bubble-pos{animation:bubbleBow 1.5s cubic-bezier(.45,0,.3,1) .75s both}@keyframes bubbleBow{0%,to{transform:translateY(-50%)}30%,62%{transform:translateY(calc(-50% + 9px)) rotate(-4deg)}}#s-ask.enter .bubble .thanks{animation:thanksPop .55s cubic-bezier(.2,1.8,.4,1) 1.2s both}@keyframes thanksPop{0%{transform:none}45%{transform:scale(1.14)}to{transform:none}}#s-ask.enter .rise{animation:rise .4s ease-out both}#s-ask.enter .r1{animation-delay:.75s}#s-ask.enter .r2{animation-delay:.85s}#s-ask.enter .r3{animation-delay:.95s}#draft-box.pop{animation:rise .32s ease-out both}.ai-btn{display:flex;width:100%;height:52px;border-radius:14px;align-items:center;justify-content:center;gap:8px;background:var(--sky);color:var(--blue);border:1.5px solid var(--blue);font-size:16px;font-weight:800;letter-spacing:.02em;transition:transform .1s}.ai-btn:active{transform:scale(.98)}.ai-btn:disabled{opacity:.6;cursor:default}.ai-ico{width:18px;height:18px;flex:none;background:var(--blue);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}.ai-btn:disabled .ai-ico{animation:aiSpin 1s linear infinite}@keyframes aiSpin{to{transform:rotate(360deg)}}.ai-btn.again{height:44px;background:#fff;border-color:var(--edge);color:var(--sub);font-size:14px;font-weight:700}.ai-btn.again .ai-ico{width:14px;height:14px;background:var(--sub)}.ask-art~.pad .h-l{margin-top:18px}#ask-ans-label{margin-top:18px}#s-ask .ans{line-height:1.7;padding:10px 14px;row-gap:4px}#s-ask .ans dd{white-space:pre-line}.q-note{margin-top:16px}.ans{background:var(--sky);border-radius:14px;padding:12px 16px;font-size:14px;line-height:1.9;display:grid;grid-template-columns:auto 1fr;column-gap:10px}.ans dt{color:var(--sub)}.ans:empty{display:none}#s-entry{overflow:hidden}.entry-art{position:relative;height:58svh;min-height:300px;overflow:visible;z-index:1}.entry-env{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform-origin:50% 50%}.entry-glow{position:absolute;left:50%;top:56%;width:160px;height:160px;margin:-80px 0 0 -80px;border-radius:50%;background:radial-gradient(circle,#fff 0,#78beff73 30%,#0073e600 68%);opacity:0;pointer-events:none}.entry-logo{position:absolute;left:24px;top:calc(22px + env(safe-area-inset-top));height:22px;width:auto;z-index:2}.entry-txt{padding:32px 24px 0;flex:1}.entry-txt .note{margin-top:14px;font-size:14px}.h-logo{display:inline-block;height:1.6em;width:auto;vertical-align:-.38em;margin-right:calc(.06em + 2px)}#s-intro.enter .rise{animation:rise .32s ease-out both}#s-intro.enter .r2{animation-delay:.06s}#s-intro.enter .r3{animation-delay:.12s}#s-intro.enter .r4{animation-delay:.18s}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}#s-intro .dock.rise{position:sticky}#intro-img,#thanks-img{height:min(420px,46svh);object-position:50% 14%!important}.screen.enter{animation:sin .28s ease-out}@keyframes sin{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.movie{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#dfe8fb;display:flex;align-items:center;justify-content:center}.movie video{width:100%;height:100%;object-fit:contain;background:#dfe8fb}.movie.fadein{animation:fade .5s ease-out}@keyframes fade{0%{opacity:0}to{opacity:1}}.movie-skip{position:absolute;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));height:44px;padding:0 18px;border-radius:22px;background:#ffffffe6;color:var(--ink);font-size:15px;font-weight:600}.movie-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-height:56px;max-width:calc(100% - 48px);padding:14px 24px;line-height:1.5;border-radius:14px;background:var(--blue);color:#fff;font-size:17px;font-weight:700}.toast{position:fixed;left:24px;right:24px;top:38%;z-index:30;max-width:432px;margin:0 auto;background:#14202e;color:#fff;border-radius:16px;padding:14px 18px;font-size:15px;line-height:1.7;font-weight:600;text-align:center;white-space:pre-line;animation:fade .2s ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:380px){.bubble{font-size:13px;padding:9px 10px}.bubble .thanks{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/letter-app.css.map */