:root{--fx-spring:cubic-bezier(.25, .8, .35, 1);--fx-soft:cubic-bezier(.22, .8, .3, 1)}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root){animation:fx-vt-out .22s var(--fx-soft) both}::view-transition-new(root){animation:fx-vt-in .38s var(--fx-soft) both}.site-header{view-transition-name:ce-header}::view-transition-old(ce-header){mix-blend-mode:normal;animation:none}::view-transition-new(ce-header){mix-blend-mode:normal;animation:none}::view-transition-group(*){animation-duration:.42s;animation-timing-function:var(--fx-soft)}}@keyframes fx-vt-out{to{opacity:0;transform:translateY(-6px)}}@keyframes fx-vt-in{0%{opacity:0;transform:translateY(10px)}}.fx-loadbar{z-index:61;pointer-events:none;opacity:0;width:100%;height:3px;transition:opacity .2s;position:fixed;top:0;left:0;overflow:hidden}.fx-loadbar:before{content:"";background:linear-gradient(90deg, transparent, var(--coral), var(--gold), transparent);width:40%;position:absolute;inset:0;transform:translate(-100%)}.fx-loadbar.is-on{opacity:1}.fx-loadbar.is-on:before{animation:fx-loadbar 1.1s var(--ease) infinite}@keyframes fx-loadbar{to{transform:translate(260%)}}.i{vertical-align:-.18em;flex:none;width:1.1em;height:1.1em}.i-s{flex:none;width:16px;height:16px}.i-m{flex:none;width:20px;height:20px}.chip svg{flex:none;width:14px;height:14px;margin-left:-2px}a.chip svg{width:15px;height:15px}.btn>svg:first-child{margin-left:-4px}.btn>svg{flex:none;width:18px;height:18px}.btn-s>svg,.btn-xs>svg{width:16px;height:16px}.h-ico{align-items:center;gap:10px;display:inline-flex}.h-ico>.ico-tag{background:var(--tint-coral,#ffede6);width:1.6em;height:1.6em;color:var(--coral-ink);transition:box-shadow .25s var(--ease);border-radius:10px;flex:none;place-items:center;display:inline-grid}.h-ico>.ico-tag svg{width:62%;height:62%}.h-ico>.ico-tag.is-gold{background:var(--tint-gold,#f7ebcb);color:var(--gold-ink)}.h-ico>.ico-tag.is-mint{background:var(--tint-mint,#ddf3ef);color:var(--mint-ink)}.h-ico>.ico-tag.is-navy{background:var(--navy);color:var(--cream)}.section-head:hover .ico-tag,.h-ico:hover>.ico-tag{box-shadow:0 4px 10px -6px #0f2d4673}body.is-secret .h-ico>.ico-tag{background:var(--paper-2);color:var(--navy)}.nav a .nav-ico{vertical-align:-3px;width:17px;height:17px;color:var(--coral-ink);flex:none;margin-right:6px;transition:color .2s}.nav a:hover .nav-ico{color:var(--coral)}.nav a.btn .nav-ico{color:currentColor;margin-right:0}body.is-secret .nav a .nav-ico{color:var(--navy-2)}@media (width>=921px) and (width<=1120px){.nav a:not(.btn) .nav-ico{display:none}}.nav a[aria-current=page]:not(.btn):after{animation:fx-grow-x .5s var(--fx-soft) .1s both}@media (width<=920px){.nav a[aria-current=page]:not(.btn):after{animation-name:fx-grow-y}.nav.open a{animation:fx-rise .32s var(--fx-soft) both}.nav.open a:nth-child(2){animation-delay:30ms}.nav.open a:nth-child(3){animation-delay:60ms}.nav.open a:nth-child(4){animation-delay:90ms}.nav.open a:nth-child(5){animation-delay:.12s}.nav.open a:nth-child(6){animation-delay:.15s}.nav.open a:nth-child(7){animation-delay:.18s}}@keyframes fx-grow-x{0%{transform:translate(-50%)scaleX(0)}}@keyframes fx-grow-y{0%{transform:translateY(-50%)scaleY(0)}}@keyframes fx-rise{0%{opacity:0;transform:translateY(6px)}}.site-footer .f-ico{vertical-align:-2px;width:15px;height:15px;color:var(--gold);transition:transform .25s var(--fx-spring);margin-right:8px}.site-footer a:hover .f-ico{transform:translate(2px)}.site-footer.is-in .footer-shioru{animation:.8s ease-out .2s both fx-fade-in}.site-footer .footer-say{z-index:2;right:max(16px, calc(50% - var(--wrap) / 2 + 24px));width:104px;height:90px;position:absolute;top:-74px}@media (width<=760px){.site-footer .footer-say{width:84px;height:70px;top:-60px}}.btn{position:relative}.btn-primary,.btn-coral{background-image:linear-gradient(105deg,#0000 38%,#ffffff38 50%,#0000 62%);background-position:160% 0;background-repeat:no-repeat;background-size:260% 100%}.btn-primary:hover,.btn-coral:hover{transition:transform .18s var(--ease), box-shadow .18s var(--ease), background-position .7s var(--fx-soft), background-color .15s, color .15s;background-image:linear-gradient(105deg,#0000 38%,#ffffff38 50%,#0000 62%);background-position:-60% 0}.fx-ripple-wrap{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.fx-ripple{opacity:.18;animation:fx-ripple .6s var(--fx-soft) forwards;background:currentColor;border-radius:50%;position:absolute;transform:scale(0)}@keyframes fx-ripple{to{opacity:0;transform:scale(1)}}.fx-tilt-host{position:relative}[data-record] button[aria-pressed=true]{box-shadow:inset 0 0 0 2px}[data-record] .btn-primary[aria-pressed=true]{box-shadow:0 6px 0 -2px var(--gold), inset 0 0 0 2px var(--gold)}.fx-popping{animation:fx-pop .4s var(--ease)}@keyframes fx-pop{50%{transform:scale(1.05)}}.bookmark-tab{transition:height .3s var(--fx-spring), padding .3s var(--fx-spring)}.bookmark:hover .bookmark-tab{height:58px;padding-bottom:13px}.reactions li{transition:box-shadow .25s}.reactions li:hover{box-shadow:var(--shadow)}.reactions img,.profile-figure img,.hero-mascot,.err-figure img{cursor:pointer;-webkit-tap-highlight-color:transparent}.profile-figure:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--c) 30%, transparent), transparent);pointer-events:none;border-radius:50%;position:absolute;inset:10% 8% 0}.profile-figure img{position:relative}.profile-badge{animation:.6s ease-out .15s both fx-fade-in}.fx-say-host{position:relative}.fx-bubble{z-index:5;visibility:hidden;background:var(--paper);width:max-content;max-width:min(18em,100vw - 40px);color:var(--navy);border:1px solid var(--line);font-family:var(--font-head);letter-spacing:.04em;text-align:center;box-shadow:var(--shadow);pointer-events:none;opacity:0;transform-origin:50% 100%;transition:opacity .25s, transform .35s var(--fx-spring), visibility 0s .35s;border-radius:16px;padding:8px 14px;font-size:.84rem;font-weight:700;line-height:1.5;position:absolute;bottom:calc(100% - 6px);left:50%;transform:translate(-50%,6px)scale(.9)}.fx-bubble:after{content:"";background:inherit;border:inherit;border-top:0;border-left:0;width:12px;height:12px;position:absolute;top:100%;left:50%;transform:translate(-50%,-6px)rotate(45deg)}.fx-bubble.is-on{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)scale(1)}.fx-bubble[data-pos=right]{transform-origin:80% 100%;left:auto;right:4%;transform:translateY(6px)scale(.9)}.fx-bubble[data-pos=right].is-on{transform:none}.fx-bubble[data-pos=right]:after{left:74%}.fx-bubble[data-pos=left]{transform-origin:20% 100%;left:6%;transform:translateY(6px)scale(.9)}.fx-bubble[data-pos=left].is-on{transform:none}.fx-bubble[data-pos=left]:after{left:26%}.site-footer .fx-bubble{background:var(--cream);bottom:calc(100% + 2px)}.fx-num{text-align:right;font-variant-numeric:tabular-nums;display:inline-block}.fx-counted{animation:fx-glow 1s var(--fx-soft)}@keyframes fx-glow{0%{text-shadow:0 0 #0000}30%{text-shadow:0 0 14px #d4b05be6}to{text-shadow:0 0 #0000}}.fx-confetti-layer{pointer-events:none;z-index:80;width:100vw;height:100vh;position:fixed;inset:0}[data-fx-reveal=scale].reveal{transform:scale(.95)}[data-fx-reveal=left].reveal{transform:translate(-18px)}[data-fx-reveal=right].reveal{transform:translate(18px)}[data-fx-reveal].reveal.is-in{transform:none}.reveal .eyebrow:before{transform-origin:0;transition:transform .6s var(--fx-soft) .25s;transform:scaleX(0)}.reveal.is-in .eyebrow:before{transform:none}.body h2.fx-in:before{transform-origin:0;transition:transform .7s var(--fx-soft) .1s;transform:scaleX(0)}.body h2.is-in:before{transform:none}.takeaway.fx-in:before{opacity:0;transition:transform .7s var(--fx-spring) .2s, opacity .3s .2s;transform:translateY(-70%)}.takeaway.is-in:before{opacity:1;transform:none}.read-progress.is-done span{background:linear-gradient(90deg, var(--gold), var(--coral), var(--gold));background-size:200% 100%;animation:1.6s linear infinite fx-shine}@keyframes fx-shine{to{background-position:-200% 0}}img.fx-pending{background:linear-gradient(100deg, color-mix(in srgb, var(--paper-2) 70%, transparent) 30%, color-mix(in srgb, var(--paper) 90%, transparent) 50%, color-mix(in srgb, var(--paper-2) 70%, transparent) 70%);background-size:300% 100%;border-radius:12px;animation:1.4s linear infinite fx-skel}img.fx-loaded{animation:fx-fade-in .5s var(--fx-soft)}@keyframes fx-skel{0%{background-position:100% 0}to{background-position:-200% 0}}@keyframes fx-fade-in{0%{opacity:0}}.fx-skel{background:linear-gradient(100deg, var(--paper-2) 30%, var(--paper) 50%, var(--paper-2) 70%);background-size:300% 100%;border-radius:8px;height:1em;margin:.5em 0;animation:1.4s linear infinite fx-skel;display:block}.hero h1 .accent{animation:fx-marker 1s var(--fx-soft) .35s both;background-repeat:no-repeat;background-size:100% 100%}@keyframes fx-marker{0%{background-size:0% 100%}}.hero .hero-grid>:first-child>*{animation:fx-rise .6s var(--fx-soft) both}.hero .hero-grid>:first-child>:nth-child(2){animation-delay:60ms}.hero .hero-grid>:first-child>:nth-child(3){animation-delay:.12s}.hero .hero-grid>:first-child>:nth-child(4){animation-delay:.16s}.hero .hero-grid>:first-child>:nth-child(5){animation-delay:.2s}.hero .hero-grid>:first-child>:nth-child(6){animation-delay:.24s}.hero .hero-grid>:first-child>:nth-child(7){animation-delay:.28s}.t2-door-icon{transition:background .2s,color .2s}.t2-door:hover .t2-door-icon{background:var(--coral);color:#fff}.hero-sparkle{animation:3.2s ease-in-out infinite fx-twinkle}.hero-sparkle+.hero-sparkle{animation-delay:1.3s}@keyframes fx-twinkle{0%,to{opacity:1}50%{opacity:.4}}.hero-frame img{animation:24s ease-in-out infinite alternate fx-kenburns}@keyframes fx-kenburns{0%{transform:scale(1)}to{transform:scale(1.07)translate(-1.5%,1%)}}.fx-sky{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.fx-sky>*{left:var(--x);top:var(--y);width:var(--s);height:var(--s);color:var(--k,var(--gold));opacity:var(--o,.5);animation:fx-float var(--d,14s) ease-in-out var(--w,0s) infinite alternate;position:absolute}.fx-sky>.tw{animation-name:fx-twinkle;animation-duration:var(--d,4s);animation-direction:normal}@keyframes fx-float{0%{opacity:var(--o,.5)}to{opacity:calc(var(--o,.5) * .5)}}.fx-sky>.drift{transform:rotate(var(--r,0deg))}.hero>.wrap,.err>.wrap,.t2-kentei-hero>*{z-index:1;position:relative}@media (width<=640px){.fx-sky{display:none}}a.mood-link{gap:8px}a.mood-link svg{width:18px;height:18px;color:var(--coral-ink);transition:transform .3s var(--fx-spring)}a.mood-link:hover svg{transform:scale(1.12)}.work-cover{transition:transform .35s var(--fx-spring), box-shadow .3s;transform-origin:0}.work-item:hover .work-cover,.t2-book:hover .work-cover{box-shadow:4px 6px 14px -10px #0f2d4680}.work-cover:after{transition:height .3s var(--fx-spring)}.work-item:hover .work-cover:after,.t2-book:hover .work-cover:after{height:26px}.chip-medium svg{color:var(--gold)}.six li:before{transition:box-shadow .25s var(--ease)}.six li:hover:before{box-shadow:0 4px 10px -6px #0f2d4680}.t2-six-figure.fx-in li{opacity:0;transform:translateY(10px)}.t2-six-figure.is-in li{opacity:1;transition:opacity .4s, transform .5s var(--fx-spring);transform:none}.t2-six-figure.is-in li:nth-child(2){transition-delay:80ms}.t2-six-figure.is-in li:nth-child(3){transition-delay:.16s}.t2-six-figure.is-in li:nth-child(4){transition-delay:.24s}.t2-six-figure.is-in li:nth-child(5){transition-delay:.32s}.t2-six-figure.is-in li:nth-child(6){transition-delay:.4s}.t2-six-figure.is-in li.on span{animation:.6s ease-out .6s both fx-fade-in}.level{transition:transform .25s var(--ease), box-shadow .25s var(--ease)}.level:hover{box-shadow:var(--shadow-l)}.level .lv-ico{width:40px;height:40px;color:color-mix(in srgb, var(--gold) 70%, transparent);opacity:.55;transition:opacity .2s;position:absolute;bottom:14px;right:14px}.level:hover .lv-ico{opacity:.9}.level .passed{animation:.6s ease-out .3s both fx-fade-in}.is-stepper .q-card{animation:.35s ease-out fx-fade-in}.choice span{transition:border-color .15s, background .15s, transform .15s var(--ease)}.choice span:hover{border-color:color-mix(in srgb, var(--navy) 35%, var(--line));transform:translate(2px)}.choice span:before{transition:background .2s,color .2s}.choice input:checked+span:before{animation:fx-pop .45s var(--fx-spring)}.quiz-progress span{transition:background .3s, transform .35s var(--fx-spring)}.quiz-progress span.on{transform:scaleY(1.35)}.q-hint>summary svg{transition:transform .4s var(--fx-spring)}.q-hint[open]>summary svg{transform:rotate(180deg)}.score{font-variant-numeric:tabular-nums}.fx-result-pass h1{animation:.7s ease-out .6s both fx-fade-in}.fx-result-pass .fx-result-img{animation:.6s ease-out .2s both fx-fade-in}.result-item{transition:transform .2s var(--ease)}.result-item .ri-mark{vertical-align:-5px;border-radius:50%;place-items:center;width:22px;height:22px;margin-right:6px;display:inline-grid}.result-item .ri-mark svg{width:14px;height:14px}.result-item.right .ri-mark{background:var(--mint);color:var(--navy)}.result-item.wrong .ri-mark{background:var(--tint-coral,#ffe2d9);color:var(--coral-ink)}.empty-state{position:relative}.empty-state:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%, var(--gold) 0 2px, transparent 3px), radial-gradient(circle at 80% 22%, var(--coral) 0 2px, transparent 3px), radial-gradient(circle at 70% 80%, var(--mint) 0 2px, transparent 3px), radial-gradient(circle at 18% 75%, var(--gold) 0 1.5px, transparent 2.5px), radial-gradient(closest-side, color-mix(in srgb, var(--gold) 14%, transparent), transparent);border-radius:50%;width:190px;height:190px;margin-left:-95px;position:absolute;top:18px;left:50%}.empty-state>*{position:relative}.err-code{display:inline-flex}.err-code>span{display:inline-block}.err-code.fx-in>span{opacity:0}.err-code.is-in>span{opacity:1;animation:.6s ease-out both fx-fade-in}.err-code.is-in>span:nth-child(2){animation-delay:.15s}.err-code.is-in>span:nth-child(3){animation-delay:.3s}.err-links .ico{transition:background .2s,color .2s}.err-links a:hover .ico{background:var(--coral);color:#fff}.to-top{overflow:visible}.to-top .tt-ring{pointer-events:none;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;inset:-1px;transform:rotate(-90deg)}.to-top .tt-ring circle{fill:none;stroke-width:3px}.to-top .tt-ring .bg{stroke:#0000}.to-top .tt-ring .fg{stroke:var(--coral);stroke-linecap:round;transition:stroke-dashoffset .15s linear}.to-top>svg:not(.tt-ring){transition:transform .3s var(--fx-spring)}.to-top:hover>svg:not(.tt-ring){transform:translateY(-3px)}.to-top.is-launch>svg:not(.tt-ring){animation:fx-launch .6s var(--fx-soft)}@keyframes fx-launch{0%{transform:none}45%{opacity:0;transform:translateY(-26px)}46%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.fx-sky,.fx-loadbar,.fx-confetti-layer,.fx-ripple-wrap{display:none!important}.hero-visual,.hero-mascot{transform:translate(0,0)}.t2-six-figure.fx-in li,.body h2.fx-in:before,.takeaway.fx-in:before,.reveal .eyebrow:before,.err-code.fx-in>span{opacity:1;transform:none}.fx-bubble{transition:none}img.fx-pending{animation:none}}@media print{.fx-sky,.fx-loadbar,.fx-confetti-layer,.fx-bubble,.fx-ripple-wrap,.to-top{display:none!important}.body h2.fx-in:before,.takeaway.fx-in:before,.t2-six-figure.fx-in li{opacity:1!important;transform:none!important}.fx-num{min-width:0!important}}.hero-visual .hero-say{z-index:3;width:40%;height:1px;position:absolute;bottom:44%;left:-14%}@media (width<=860px){.hero-visual .hero-say{width:40%;bottom:46%;left:0}}.err-figure .err-say{height:1px;position:absolute;top:24%;left:10%;right:10%}.feature-card>.fx-say-wrap{width:clamp(120px,18vw,200px);display:block}.feature-card>.fx-say-wrap img{width:100%;height:auto}@media (width<=640px){.feature-card>.fx-say-wrap{width:128px;margin:0 auto}.feature-card.is-reverse>.fx-say-wrap{order:-1}}.level>.chip:not(.passed){align-self:flex-start}.level .lv-ico{top:14px;bottom:auto}.level:has(.passed) .lv-ico{display:none}.empty-state .fx-empty-say{height:1px;position:absolute;top:30px;left:0;right:0}