:root{color-scheme:light;--cream: #fbf7ef;--cream-deep: #f1e7d8;--paper: #fffdf9;--brown: #3f2d24;--brown-soft: #75655a;--line: rgba(79, 56, 42, .14);--coral: #c8735b;--coral-soft: #f7e6df;--green: #60765a;--green-dark: #475a43;--green-soft: #eaf0e7;--white: #ffffff;--shadow-card: 0 4px 12px rgba(60, 42, 28, .1);--shadow-button: 0 2px 6px rgba(60, 42, 28, .08);--radius-large: 24px;--radius-medium: 16px;--ease-out: cubic-bezier(.22, 1, .36, 1);--screen-enter-duration: .3s;--screen-enter-distance: 8px;--card-enter-duration: .28s;--card-enter-distance: 14px;--card-enter-scale: .975;--progress-duration: .3s;--interaction-duration: .16s;--hover-lift: -1px;--choice-hover-shift: 2px;--initial-swipe-hint-duration: .8s;--initial-swipe-hint-distance: 8px;--press-scale: .98;--result-enter-distance: 12px}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}html{min-width:280px;background:var(--cream)}body{min-width:280px;margin:0;color:var(--brown);background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.9),transparent 34%),radial-gradient(circle at 90% 86%,rgba(222,201,175,.34),transparent 30%),var(--cream);font-family:Hiragino Sans,Yu Gothic,YuGothic,Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{color:inherit}img{display:block;max-width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:center}.app{display:flex;width:min(100%,660px);height:100vh;height:100svh;min-height:0;flex-direction:column;margin:0 auto;overflow:hidden;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.screen-root{display:grid;width:100%;height:100%;min-height:0;flex:1;overflow:hidden}.screen{width:100%;height:100%;min-height:0;overflow:hidden;animation:screen-in var(--screen-enter-duration) var(--ease-out)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.eyebrow{margin:0;color:var(--coral);font-size:.76rem;font-weight:700;letter-spacing:.12em}.brand-symbol{display:grid;width:42px;height:42px;margin:0 auto 16px;place-items:center;border:1px solid rgba(200,115,91,.24);border-radius:50%;background:var(--coral-soft)}.brand-symbol:before{width:14px;height:20px;border-radius:100% 0;background:var(--coral);content:"";transform:rotate(-16deg)}body:has(.start-screen) .app{padding-top:0;padding-bottom:0}.start-screen{display:flex;align-items:center;justify-content:center;padding:32px 0}.start-panel{display:flex;width:min(100%,540px);height:auto;min-height:0;flex-direction:column;margin:0 auto;padding:32px 24px;border:1px solid var(--line);border-radius:var(--radius-large);background:#fffdf9e6;box-shadow:var(--shadow-card);text-align:center}.start-copy{display:flex;flex-direction:column;margin:0 0 32px;padding:0}.start-panel .brand-symbol{margin:0 auto 24px}.start-panel .eyebrow{margin:0 0 16px;white-space:nowrap}.start-copy h1{max-width:13em;margin:0 auto 16px;font-size:clamp(1.5rem,6.7vw,2.5rem);line-height:1.28;letter-spacing:.02em}.start-title-line{display:block;white-space:nowrap}.start-copy h1,.question-card h1,.result-card h1,.result-product-name{overflow-wrap:normal;word-break:keep-all;text-wrap:balance}.start-description{max-width:30em;margin:0 auto;color:var(--brown-soft);font-size:clamp(.93rem,3.8vw,1rem);line-height:1.8}.start-description-line{display:inline-block;white-space:nowrap}.hero-frame{position:relative;width:100%;flex:none;aspect-ratio:var(--start-hero-ratio, 16 / 9);margin:0 0 32px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-medium);background:var(--cream-deep)}.hero-frame:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.38);border-radius:inherit;content:"";pointer-events:none}.hero-frame img{width:100%;height:100%;aspect-ratio:var(--start-hero-ratio, 16 / 9);object-fit:cover;object-position:center}.primary-button,.result-cta{display:inline-flex;width:100%;min-height:58px;align-items:center;justify-content:center;border:1px solid var(--green-dark);border-radius:var(--radius-medium);color:var(--white);background:var(--green);box-shadow:var(--shadow-button);font-weight:700;letter-spacing:.02em;text-decoration:none;transition:background-color var(--interaction-duration) ease,transform var(--interaction-duration) ease,box-shadow var(--interaction-duration) ease}.primary-button:after,.result-cta:after{margin-left:12px;content:"\2192";font-size:1.1em}.primary-button:hover,.result-cta:hover{background:var(--green-dark);box-shadow:var(--shadow-button);transform:translateY(var(--hover-lift))}.start-note{margin:16px 0 0;color:var(--brown-soft);font-size:.78rem}.quiz-screen{display:grid;grid-template-rows:auto minmax(0,1fr);gap:0;align-content:stretch}.quiz-header{width:min(100%,500px);margin:0 auto}.progress-copy{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;color:var(--brown-soft);font-size:.78rem;font-weight:700}.progress-copy strong{color:var(--brown);font-size:.94rem}.progress-track{height:6px;overflow:hidden;border-radius:999px;background:#e7ddd0}.progress-fill{width:var(--progress, 25%);height:100%;border-radius:inherit;background:var(--coral);transition:width .3s ease}.quiz-body{display:grid;width:100%;height:100%;min-height:0;justify-items:center}.quiz-body--swipe{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}.quiz-body--choice{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr)}.card-stack{position:relative;width:min(100%,470px);height:72dvh;min-height:360px;isolation:isolate;animation:card-in var(--card-enter-duration) var(--ease-out)}.quiz-body--swipe .card-stack{grid-row:2}.card-stack--choice{height:auto;min-height:0;grid-row:2}.card-back{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--line);border-radius:var(--radius-large);background:#f8f1e7;box-shadow:var(--shadow-card);pointer-events:none}.card-back--far{z-index:0;transform:translateY(18px) scale(.93);opacity:.5}.card-back--near{z-index:1;transform:translateY(10px) scale(.965);opacity:.78}.question-card{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;overflow:hidden;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-large);background:radial-gradient(circle at 92% 8%,rgba(200,115,91,.08),transparent 32%),var(--paper);box-shadow:var(--shadow-card);transform-origin:50% 88%;will-change:transform,opacity}.question-card--swipe{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;padding:24px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.question-card--swipe.is-dragging{cursor:grabbing;transition:none!important}.question-card--choice{position:relative;inset:auto;display:flex;height:auto;flex-direction:column;justify-content:flex-start;gap:0;padding:24px 20px}.question-number{margin:0;color:var(--coral);font-size:.77rem;font-weight:800;letter-spacing:.14em}.question-figure{position:relative;width:100%;aspect-ratio:16 / 9;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-medium);background:var(--cream-deep)}.question-figure:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.32);border-radius:inherit;content:"";pointer-events:none}.question-figure img{width:100%;height:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:center}.question-card--swipe .question-figure{height:100%;min-height:0;aspect-ratio:auto}.question-card--choice .question-figure{flex:none;margin:12px 0 0}.question-card--choice .choice-question-copy{flex:none;margin:20px 0 0}.question-content,.choice-question-copy{display:grid;align-content:center;margin:0;text-align:center}.question-card h1{margin:0;font-size:clamp(1.35rem,5.5vw,1.9rem);line-height:1.42;letter-spacing:.015em}.question-card--swipe h1{font-size:clamp(1.05rem,4.7vw,1.56rem);letter-spacing:0}.direction-guide{display:flex;align-items:center;justify-content:center;gap:0;margin:0;color:#988b82;font-size:.78rem;font-weight:500;letter-spacing:.02em}.swipe-label{position:absolute;z-index:3;top:clamp(58px,10dvh,86px);display:inline-flex;min-height:40px;align-items:center;padding:0 16px;border:2px solid currentColor;border-radius:10px;background:#fffdf9f0;font-size:.88rem;font-weight:800;letter-spacing:.08em;opacity:0;pointer-events:none}.swipe-label--no{right:24px;color:var(--brown-soft);transform:rotate(5deg)}.swipe-label--yes{left:24px;color:var(--brown);transform:rotate(-5deg)}.binary-actions{display:grid;width:min(100%,470px);grid-row:4;grid-template-columns:1fr 1fr;gap:12px}.answer-button{display:inline-flex;min-height:58px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--radius-medium);background:#fffdf9eb;box-shadow:var(--shadow-button);font-weight:700;transition:border-color var(--interaction-duration) ease,background-color var(--interaction-duration) ease,transform var(--interaction-duration) ease}.answer-button:before{margin-right:8px;content:"\2190";color:var(--brown-soft)}.answer-button--yes{color:var(--green-dark);background:var(--green-soft)}.answer-button--yes:before{order:2;margin:0 0 0 8px;color:var(--green);content:"\2192"}.answer-button.is-pressed{transform:scale(var(--press-scale))}.choice-question-copy h1{font-size:clamp(1.28rem,5.1vw,1.75rem)}.mood-options{display:grid;align-content:start;gap:12px;margin:16px 0 0}.mood-button{display:flex;width:100%;height:56px;min-height:56px;max-height:56px;flex:none;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid rgba(79,56,42,.24);border-radius:var(--radius-medium);background:var(--white);box-shadow:var(--shadow-button);font-size:clamp(.9rem,3.7vw,1rem);font-weight:700;text-align:left;transition:border-color var(--interaction-duration) ease,background-color var(--interaction-duration) ease,color var(--interaction-duration) ease,transform var(--interaction-duration) ease}.mood-button:after{margin-left:12px;color:var(--green);content:"\2192"}.mood-button.is-selected{border-color:#60765a85;color:var(--green-dark);background:var(--green-soft)}.mood-button:disabled,.answer-button:disabled,.primary-button:disabled{cursor:default}body:has(.result-screen) .app{padding-top:0;padding-bottom:0}.result-screen{display:flex;align-items:center;justify-content:center;padding:32px 0;animation:none}.result-card{display:flex;width:min(100%,540px);height:auto;min-height:0;flex-direction:column;justify-content:flex-start;margin:0 auto;padding:32px 24px;border:1px solid var(--line);border-radius:var(--radius-large);background:#fffdf9f0;box-shadow:var(--shadow-card);text-align:center;animation:none}.result-card.is-revealing{animation:result-enter var(--result-reveal-duration) var(--ease-out)}.result-eyebrow{min-height:1.4em;flex:none;margin:0 0 16px;color:var(--coral);font-size:15px;font-weight:700;line-height:1.4;letter-spacing:.12em;white-space:nowrap}.result-card h1{display:grid;width:100%;min-height:2.4em;max-height:2.4em;flex:none;margin:0 0 16px;overflow:hidden;place-items:center;font-size:clamp(26px,7vw,28px);font-weight:800;line-height:1.2;letter-spacing:.01em}.result-lead{display:grid;width:100%;min-height:3.4em;max-height:3.4em;flex:none;margin:0 0 32px;overflow:hidden;place-items:center;color:var(--brown);font-size:17px;font-weight:400;line-height:1.7;text-align:center;text-wrap:balance}.result-image{width:100%;height:auto;flex:none;aspect-ratio:16 / 9;margin:0 0 16px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-medium);background:var(--cream-deep);object-fit:cover;object-position:center}.result-product-name{display:grid;width:100%;min-height:1.4em;max-height:1.4em;flex:none;margin:0 0 24px;overflow:hidden;place-items:center;font-size:18px;font-weight:700;line-height:1.4;text-align:center;white-space:nowrap}.result-cta{height:56px;min-height:56px;flex:none;margin:0}.result-checking-screen{display:grid;place-items:center;padding:0 32px;background:transparent;animation:none}.result-checking-content{display:grid;width:100%;justify-items:center;gap:24px}.result-checking-text{margin:0;color:var(--brown);font-size:17px;font-weight:500;line-height:1.7;text-align:center;text-wrap:balance}.result-loading-track{width:min(280px,100%);height:4px;overflow:hidden;border-radius:2px;background:var(--line)}.result-loading-bar{display:block;width:100%;height:100%;border-radius:inherit;background:var(--coral);transform:scaleX(0);transform-origin:left center;animation:result-loading-fill var(--result-checking-duration) forwards}.noscript-message{max-width:32em;margin:32px auto;padding:16px;color:var(--brown);text-align:center}button:focus-visible,a:focus-visible{outline:3px solid #754033;outline-offset:4px}[tabindex="-1"]:focus{outline:none}@keyframes screen-in{0%{opacity:0;transform:translateY(var(--screen-enter-distance))}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(var(--card-enter-distance)) scale(var(--card-enter-scale))}to{opacity:1;transform:translateY(0) scale(1)}}.question-card--swipe.is-swipe-hinting{animation:initial-swipe-hint var(--initial-swipe-hint-duration) var(--ease-out) 1}@keyframes initial-swipe-hint{0%,to{transform:translateZ(0) rotate(0)}28%{transform:translate3d(calc(-1 * var(--initial-swipe-hint-distance)),0,0) rotate(-.8deg)}58%{transform:translate3d(var(--initial-swipe-hint-distance),0,0) rotate(.8deg)}82%{transform:translate3d(calc(-.35 * var(--initial-swipe-hint-distance)),0,0) rotate(-.3deg)}}@keyframes result-enter{0%{opacity:0;transform:translateY(var(--result-enter-distance))}to{opacity:1;transform:translateY(0)}}@keyframes result-loading-fill{0%{transform:scaleX(0);animation-timing-function:ease-out}40%{transform:scaleX(.8);animation-timing-function:linear}66.7%{transform:scaleX(.8);animation-timing-function:ease-out}80%{transform:scaleX(.88);animation-timing-function:ease-in}to{transform:scaleX(1)}}@media(hover:hover)and (pointer:fine){.answer-button:hover{border-color:#4f382a47;background:var(--cream-deep);transform:translateY(var(--hover-lift))}.answer-button--yes:hover{border-color:#60765a73;background:#dfeadd}.mood-button:hover{border-color:#60765a52;background:#fbfcfa;transform:translateY(var(--hover-lift))}}.primary-button:active,.result-cta:active,.answer-button:active,.mood-button:active{transform:scale(var(--press-scale))}@media(min-width:601px){.quiz-body--swipe .card-stack{height:min(72dvh,620px)}}@media(max-width:430px){.app{padding-right:max(16px,env(safe-area-inset-right));padding-left:max(16px,env(safe-area-inset-left))}.start-panel,.result-card,.question-card,.card-back{border-radius:var(--radius-large)}}@media(max-height:720px)and (max-width:600px){.app{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.question-card--swipe{gap:12px;padding:16px}.question-card--swipe h1{font-size:clamp(1.05rem,4.7vw,1.4rem);line-height:1.38}.question-card--choice .question-figure{aspect-ratio:2 / 1}.choice-question-copy h1{font-size:clamp(1.12rem,4.8vw,1.4rem);line-height:1.28}.mood-button{height:56px;min-height:56px;max-height:56px;padding:10px 12px;font-size:clamp(.82rem,3.6vw,.94rem)}.answer-button{min-height:50px}.start-screen{align-content:start}.start-panel{padding:24px}.start-copy{padding-bottom:12px}.hero-frame{margin-bottom:16px}}@media(max-height:600px)and (max-width:340px){.app,.start-screen{padding:0}.start-panel{padding:24px}.brand-symbol{width:28px;height:28px;margin-bottom:8px}.start-copy{padding:0 0 8px}.start-copy h1{margin-top:8px;margin-bottom:8px;font-size:1.35rem}.start-description{font-size:.75rem;line-height:1.8}.hero-frame{height:140px;aspect-ratio:auto;margin-bottom:8px}.primary-button{min-height:48px}.start-note{margin-top:8px}.question-card--choice .question-figure{height:50px;aspect-ratio:auto}}@media(max-width:360px),(max-height:667.5px){.result-eyebrow,.result-card h1{margin-bottom:12px}.result-lead{margin-bottom:24px}.result-image{aspect-ratio:21 / 9;margin-bottom:12px}.result-product-name{margin-bottom:16px}.result-cta{height:48px;min-height:48px}}@media(max-width:340px){.question-card--swipe h1{font-size:1rem}}@media(max-height:667.5px){.start-screen{align-items:center;justify-content:center;padding:32px 0}.start-panel{height:auto;min-height:0;padding:24px 20px}.start-copy{margin-bottom:24px;padding:0}.start-panel .brand-symbol{margin-bottom:16px}.start-panel .eyebrow{margin-bottom:12px}.start-copy h1{margin:0 auto 12px}.hero-frame{aspect-ratio:var(--start-hero-ratio, 16 / 9);margin-bottom:24px}.hero-frame img{aspect-ratio:var(--start-hero-ratio, 16 / 9)}.start-note{margin-top:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.result-card{animation:none!important}.result-loading-bar{transform:scaleX(1);animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/131/assets/lp-morning-check.css.map */