.oulpan-path-page{--oulpan-path-ease:cubic-bezier(.23, 1, .32, 1);--build-exit:3s;box-sizing:border-box;inline-size:100%;max-inline-size:40rem;color:var(--elev-ink);margin-inline:auto;padding-block:28px 64px;padding-inline:16px}.oulpan-goals__progress{gap:6px;display:flex}.oulpan-goals__progress span{background:var(--elev-line);border-radius:999px;flex:1;block-size:6px}.oulpan-goals__progress span[data-on=true]{background:var(--elev-brand)}.oulpan-goals__count{color:var(--elev-ink-soft);margin-block:14px 4px;font-size:13px;font-weight:700}.oulpan-goals__question{text-wrap:balance;margin:0;font-size:clamp(1.5rem,1.2rem + 1.4vw,2rem);font-weight:800;line-height:1.2}.oulpan-goals__hint{color:var(--elev-ink-soft);margin-block:6px 0}.oulpan-goals__form{margin-block-start:20px}.oulpan-goals__grid{border:0;gap:10px;min-inline-size:0;margin:0;padding:0;display:grid}@media (min-width:640px){.oulpan-goals__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oulpan-goals__grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}}.oulpan-goals__choice{border:2px solid var(--elev-line);background:var(--elev-surface);min-block-size:68px;color:inherit;font:inherit;text-align:start;cursor:pointer;touch-action:manipulation;border-radius:16px;align-items:center;gap:12px;padding-block:12px;padding-inline:14px;display:flex;position:relative}.oulpan-goals__grid--three .oulpan-goals__choice{flex-direction:column;align-items:flex-start}.oulpan-goals__icon{background:var(--elev-brand-soft);block-size:42px;inline-size:42px;color:var(--elev-brand-dark);border-radius:12px;flex:none;place-items:center;display:grid}.oulpan-goals__words{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.oulpan-goals__label{font-size:16px;font-weight:800}.oulpan-goals__help{color:var(--elev-ink-soft);font-size:13px;line-height:1.35}.oulpan-goals__box{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.oulpan-goals__choice--check:after{content:"";border:2px solid var(--elev-field-line);background:var(--elev-surface) center / 14px no-repeat;border-radius:7px;flex:none;block-size:22px;inline-size:22px;margin-inline-start:auto}.oulpan-goals__choice[aria-current=true]{border-color:var(--elev-brand);background:var(--elev-brand-soft)}.oulpan-goals__choice:has(.oulpan-goals__box:checked){border-color:var(--elev-brand);background:var(--elev-brand-soft)}.oulpan-goals__choice[aria-current=true] .oulpan-goals__icon{background:var(--elev-brand);color:var(--elev-on-color)}.oulpan-goals__choice:has(.oulpan-goals__box:checked) .oulpan-goals__icon{background:var(--elev-brand);color:var(--elev-on-color)}.oulpan-goals__choice--check:has(.oulpan-goals__box:checked):after{border-color:var(--elev-brand);background-color:var(--elev-brand);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.oulpan-goals__choice:focus-visible{outline:3px solid var(--elev-brand);outline-offset:3px}.oulpan-goals__choice:has(.oulpan-goals__box:focus-visible){outline:3px solid var(--elev-brand);outline-offset:3px}@media (hover:hover) and (pointer:fine){.oulpan-goals__choice:hover{border-color:var(--elev-brand-bright)}}@media (prefers-reduced-motion:no-preference){.oulpan-goals__choice{transition:transform .16s var(--oulpan-path-ease), border-color .16s var(--oulpan-path-ease), background-color .16s var(--oulpan-path-ease)}.oulpan-goals__choice:active{transform:scale(.97)}}.oulpan-goals__next{margin-block-start:18px;font-size:16px}.oulpan-goals__aside{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-block-start:22px;display:flex}.oulpan-goals__link,.oulpan-path__link{min-block-size:44px;color:var(--elev-ink-soft);text-underline-offset:3px;align-items:center;font-weight:700;text-decoration:underline;display:inline-flex}.oulpan-path__heading{text-wrap:balance;margin:0;font-size:clamp(1.5rem,1.2rem + 1.4vw,2rem);font-weight:800}.oulpan-path__lead{color:var(--elev-ink-soft);margin-block:14px 8px;font-weight:700}.oulpan-path__answers .oulpan-path__link{min-block-size:36px}.oulpan-path__chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.oulpan-path__chip{background:var(--elev-canvas);border:1px solid var(--elev-line);border-radius:999px;padding-block:3px;padding-inline:10px;font-size:12px;font-weight:700}.oulpan-path__chip--answer{background:var(--elev-brand-soft);color:var(--elev-brand-dark);border-color:#0000;font-size:13px}.oulpan-path__meta{color:var(--elev-ink-soft);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.oulpan-path__note{color:var(--elev-ink-soft);margin-block:8px 0;font-size:13px}.oulpan-path__error{color:var(--elev-err);margin-block:8px 0;font-weight:700}.oulpan-path__hero{background:var(--elev-surface);border:2px solid var(--elev-brand);box-shadow:0 6px 0 var(--elev-brand-soft);border-radius:20px;flex-direction:column;align-items:flex-start;gap:8px;margin-block-start:18px;padding:18px;display:flex}.oulpan-path__hero--done{border-color:var(--elev-gold);box-shadow:0 6px 0 var(--elev-gold-lip)}.oulpan-path__hero .oulpan-path__title bdi{font-size:24px}.oulpan-path__start{inline-size:100%}.oulpan-path__cta{min-block-size:52px;font-size:16px}.oulpan-path__title{flex-direction:column;align-items:flex-start;gap:1px;min-inline-size:0;display:inline-flex}.oulpan-path__title bdi{font-size:17px;font-weight:800;line-height:1.3}.oulpan-path__title-sub{color:var(--elev-ink-soft);font-size:13px;font-weight:600}.oulpan-path__bar{background:var(--elev-line);border-radius:999px;block-size:10px;margin-block-start:16px;overflow:hidden}.oulpan-path__bar span{border-radius:inherit;background:var(--elev-brand);block-size:100%;display:block}.oulpan-path-page:has(.oulpan-plan){max-inline-size:72rem}.oulpan-plan{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""side""trail""catalog";gap:18px;display:grid}.oulpan-plan[data-action=true]{padding-block-end:112px}.oulpan-plan[data-action=true]:has(.oulpan-plan__action .oulpan-path__link,.oulpan-plan__action .oulpan-path__mine-note){padding-block-end:176px}.oulpan-plan__head{grid-area:head;gap:8px;max-inline-size:40rem;display:grid}.oulpan-plan__line{color:var(--elev-ink-soft);text-wrap:pretty;margin:0;font-size:17px;font-weight:600;line-height:1.5}.oulpan-plan__side{grid-area:side;align-content:start;gap:16px;display:grid}.oulpan-plan__side .oulpan-path__lead{margin-block-start:0}.oulpan-plan__catalog{grid-area:catalog;justify-self:start}.oulpan-plan__action{z-index:20;padding-block:12px calc(12px + env(safe-area-inset-bottom,0px));background:var(--elev-surface);border-block-start:1px solid var(--elev-line);box-shadow:0 -8px 24px color-mix(in srgb, var(--elev-ink) 8%, transparent);padding-inline:16px;position:fixed;inset-block-end:0;inset-inline:0}.oulpan-plan__action>*{max-inline-size:40rem;margin-inline:auto}.oulpan-plan__action .oulpan-path__note{text-align:center;margin-block-start:6px}.oulpan-plan__action .oulpan-path__start{gap:6px;margin-inline:auto;display:grid}.oulpan-plan__action .oulpan-path__start>.oulpan-path__link{justify-self:center;align-items:center;min-block-size:44px;display:inline-flex}.oulpan-plan__trail.ulpan-poster{isolation:isolate;background-color:var(--cp-paper);background-image:var(--cp-poster-grain);border-block:1px solid var(--elev-line);background-size:180px 180px;grid-area:trail;min-inline-size:0;margin-inline:-16px;padding-block:18px 22px;padding-inline:16px;position:relative}@media (min-width:640px){.oulpan-plan__trail.ulpan-poster{border:1px solid var(--elev-line);border-radius:24px;margin-inline:0;padding-inline:24px}}.oulpan-plan__subheading{z-index:1;margin:0 0 14px;font-size:18px;font-weight:800;position:relative}.oulpan-plan__stops{--marker:36px;z-index:1;gap:12px;margin:0;padding:0;list-style:none;display:grid;position:relative}.oulpan-plan__stops:before{content:"";inset-block:calc(var(--marker) / 2);background:repeating-linear-gradient(to bottom, var(--elev-line) 0 10px, transparent 10px 18px);border-radius:999px;inline-size:4px;position:absolute;inset-inline-start:calc(var(--marker) / 2 - 2px)}.oulpan-plan__stop{grid-template-columns:var(--marker) minmax(0, 1fr);align-items:start;gap:12px;display:grid;position:relative}.oulpan-plan__marker{inline-size:var(--marker);block-size:var(--marker);background:var(--elev-surface);border:2px solid var(--elev-line);color:var(--elev-ink-soft);border-radius:999px;place-items:center;margin-block-start:12px;font-size:15px;font-weight:800;display:grid;position:relative}.oulpan-plan__card{background:var(--elev-surface);border:1px solid var(--elev-line);border-radius:16px;flex-direction:column;align-items:flex-start;gap:6px;min-inline-size:0;padding-block:12px;padding-inline:14px;display:flex}.oulpan-plan__stop[data-first=true] .oulpan-plan__marker{background:var(--cp-poster-now);border-color:var(--cp-poster-now);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb, var(--cp-poster-now) 22%, transparent)}.oulpan-plan__stop[data-first=true] .oulpan-plan__card{border:2px solid var(--cp-poster-now);box-shadow:0 6px 0 color-mix(in srgb, var(--cp-poster-now) 24%, transparent)}.oulpan-plan__stop[data-first=true] .oulpan-path__title bdi{font-size:21px}.oulpan-plan__here{color:color-mix(in srgb, var(--cp-poster-now) 62%, #3a1d05);font-size:13px;font-weight:800}.oulpan-plan__free{background:var(--elev-success-soft);color:var(--elev-success-dark);border-color:#0000}@media (min-width:720px){.oulpan-plan__stops{max-inline-size:30rem}}.oulpan-plan__more{z-index:1;margin-block-start:10px;position:relative}.oulpan-plan__more>summary{cursor:pointer}.oulpan-plan__more>.oulpan-plan__stops{margin-block-start:10px}@media (prefers-reduced-motion:no-preference){.oulpan-plan__stops>.oulpan-plan__stop{animation:oulpan-plan-rise .26s var(--oulpan-path-ease) both;animation-delay:calc(var(--i,0) * 45ms + 60ms)}.oulpan-plan__more .oulpan-plan__stop{animation:none}}@keyframes oulpan-plan-rise{0%{opacity:0;transform:translateY(10px)}}.oulpan-build{--build-step:.6s;--build-first:.2s;z-index:80;overscroll-behavior:contain;padding-block:calc(env(safe-area-inset-top,0px) + 72px) calc(env(safe-area-inset-bottom,0px) + 32px);background:radial-gradient(ellipse 60% 45% at 50% 30%, color-mix(in srgb, var(--elev-brand) 10%, transparent), transparent 70%), var(--elev-canvas);color:var(--elev-ink);cursor:default;animation:oulpan-build-lift .38s var(--oulpan-path-ease) var(--build-exit) forwards;place-items:center;padding-inline:20px;display:grid;position:fixed;inset:0;overflow-y:auto}@media (prefers-reduced-motion:reduce){.oulpan-build{display:none}}.oulpan-build__body{inline-size:100%;max-inline-size:26rem}.oulpan-build__title{text-wrap:balance;margin:0 0 24px;font-size:clamp(1.5rem,1.25rem + 1.2vw,1.9rem);font-weight:800;line-height:1.2;display:grid}.oulpan-build__title>span{grid-area:1/1}.oulpan-build__title-done{color:var(--elev-brand-dark);animation:oulpan-plan-rise .24s var(--oulpan-path-ease) calc(var(--build-exit) - .3s) both}.oulpan-build__title-run{animation:oulpan-build-out .14s ease-out calc(var(--build-exit) - .46s) forwards}.oulpan-build__lines{gap:14px;margin:0;padding:0;list-style:none;display:grid}.oulpan-build__line{--at:calc(var(--build-first) + var(--i,0) * var(--build-step));background:var(--elev-surface);border:1px solid var(--elev-line);animation:oulpan-plan-rise .28s var(--oulpan-path-ease) var(--at) both;border-radius:16px;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;padding-block:12px;padding-inline:14px;display:grid}.oulpan-build__tick{border:2px solid var(--elev-line);color:#fff;border-radius:999px;place-items:center;block-size:32px;inline-size:32px;display:grid;position:relative}.oulpan-build__tick:before{content:"";border-radius:inherit;background:var(--elev-brand);opacity:0;animation:oulpan-build-pop .24s var(--ease-pop) calc(var(--at) + .42s) forwards;position:absolute;inset:-2px;transform:scale(.6)}.oulpan-build__tick svg{opacity:0;animation:oulpan-build-pop .24s var(--ease-pop) calc(var(--at) + .47s) forwards;position:relative;transform:scale(.6)}.oulpan-build__words{flex-direction:column;gap:2px;min-inline-size:0;padding-block-start:4px;display:flex}.oulpan-build__label{font-size:16px;font-weight:800;line-height:1.3}.oulpan-build__detail{color:var(--elev-ink-soft);opacity:0;animation:oulpan-build-in .24s ease-out calc(var(--at) + .3s) forwards;font-size:14px;line-height:1.35}.oulpan-build__detail--he{color:var(--elev-ink);align-self:flex-start;font-size:19px;font-weight:700}.oulpan-build__skip{background:var(--elev-surface);border:1px solid var(--elev-line);min-block-size:44px;color:var(--elev-ink-soft);border-radius:999px;align-items:center;padding-inline:16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;position:absolute;inset-block-start:calc(env(safe-area-inset-top,0px) + 16px);inset-inline-end:16px}.oulpan-build__skip:focus-visible{outline:3px solid var(--elev-brand);outline-offset:2px}@media (hover:hover) and (pointer:fine){.oulpan-build__skip:hover{color:var(--elev-ink);border-color:var(--elev-ink-soft)}}@media (prefers-reduced-motion:no-preference){.oulpan-path-page:has([data-oulpan-build-wait]) .oulpan-plan__stops>.oulpan-plan__stop{animation-delay:calc(var(--i,0) * 45ms + var(--build-exit) + .1s)}}@keyframes oulpan-build-in{to{opacity:1}}@keyframes oulpan-build-out{to{opacity:0}}@keyframes oulpan-build-pop{to{opacity:1;transform:none}}@keyframes oulpan-build-lift{to{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-24px)}}@media (min-width:960px){.oulpan-plan{grid-template-columns:minmax(0,1fr) 24rem;grid-template-areas:"head side""trail side""catalog side";align-items:start;gap:20px 40px}.oulpan-plan[data-action=true]{padding-block-end:0}.oulpan-plan__side{top:var(--elev-sticky-top);background:var(--elev-surface);border:2px solid var(--elev-line);border-radius:20px;padding:20px;position:sticky}.oulpan-plan__action{box-shadow:none;background:0 0;border:0;padding:0;position:static}.oulpan-plan__action .oulpan-path__note{text-align:start}}ul.oulpan-goals__grid{margin-block-start:20px;list-style:none}a.oulpan-goals__choice{text-decoration:none}.oulpan-goals__error{color:var(--elev-err);margin-block:0 10px;font-weight:700}.oulpan-path-page[data-width=wide]{max-inline-size:68rem}.oulpan-path-page[data-width=wide]:has(.oulpan-mypath__dock){padding-block-end:120px}.oulpan-mypath{--dir:1;grid-template-columns:minmax(0,1fr);grid-template-areas:"head""next""side""path""goals";gap:20px;display:grid}[dir=rtl] .oulpan-mypath{--dir:-1}.oulpan-mypath__head{grid-area:head}.oulpan-path-side{grid-area:side}.oulpan-mypath__path{grid-area:path;min-inline-size:0}.oulpan-mypath__goals{grid-area:goals}.oulpan-mypath__next{grid-area:next;min-inline-size:0}@media (min-width:960px){.oulpan-path-page[data-width=wide]:has(.oulpan-mypath__dock){padding-block-end:64px}.oulpan-mypath{grid-template-columns:minmax(0,1fr) 21rem;grid-template-areas:"head side""next side""path side";align-items:start;column-gap:48px}.oulpan-mypath>.oulpan-mypath__goals{display:none}}.oulpan-path-side{background:var(--elev-surface);border:2px solid var(--elev-line);border-radius:20px;gap:16px;padding:16px;display:grid}.oulpan-path-side .oulpan-path__bar{margin-block-start:0}.oulpan-path-side__progress{gap:6px;display:grid}.oulpan-path-side__cta,.oulpan-path-side .oulpan-path-side__goals{display:none}@media (min-width:960px){.oulpan-path-side{top:var(--elev-sticky-top);padding:20px;position:sticky}.oulpan-path-side__cta,.oulpan-path-side .oulpan-path-side__goals{display:grid}}.oulpan-path-side__momentum{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-block-size:64px;display:grid}.oulpan-path-side__stat{align-items:center;gap:10px;min-inline-size:0;display:flex}.oulpan-path-side__stat-icon,.oulpan-path-side__ring{border-radius:999px;flex:none;place-items:center;block-size:42px;inline-size:42px;display:grid;position:relative}.oulpan-path-side__stat-icon--flame{background:color-mix(in srgb, var(--elev-gold) 28%, var(--elev-surface));color:var(--elev-gold-ink)}.oulpan-path-side__ring{color:var(--elev-brand)}.oulpan-path-side__ring svg{block-size:100%;inline-size:100%;position:absolute;inset:0}.oulpan-path-side__ring-track{stroke:var(--elev-line)}.oulpan-path-side__ring-fill{stroke:var(--elev-brand)}.oulpan-path-side__stat-words{gap:1px;min-inline-size:0;display:grid}.oulpan-path-side__stat-words small{color:var(--elev-ink-soft);font-size:12px;font-weight:700}.oulpan-path-side__stat-words strong{font-size:15px;font-weight:800}.oulpan-path-side__hint{color:var(--elev-ink-soft);font-size:12px;line-height:1.35}.oulpan-path-side__note{color:var(--elev-ink-soft);grid-column:1/-1;margin:0;font-size:12px}.oulpan-path-side__goals{gap:8px;display:grid}.oulpan-path-side__goals>small{color:var(--elev-ink-soft);font-size:12px;font-weight:700}.oulpan-path-side__links{display:grid}.oulpan-path-side__cta .home-btn{white-space:normal;text-align:center;margin:0}@media (prefers-reduced-motion:no-preference){.oulpan-path-side__ring-fill{transition:stroke-dashoffset .3s var(--oulpan-path-ease)}}.oulpan-unit{margin-block-end:24px}.oulpan-unit__banner{top:calc(var(--elev-shell-min-block) + 8px);z-index:2;border:2px solid var(--elev-line);background:var(--elev-surface);box-shadow:0 4px 0 var(--elev-line);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding-block:12px;padding-inline:16px;display:flex;position:sticky}.oulpan-unit[data-state=current] .oulpan-unit__banner{background:var(--elev-brand);border-color:var(--elev-brand-dark);color:var(--elev-on-color);box-shadow:0 4px 0 var(--elev-brand-dark)}.oulpan-unit[data-state=done] .oulpan-unit__banner{background:var(--elev-brand-soft);border-color:var(--elev-brand-soft);box-shadow:none}.oulpan-unit__words{gap:2px;min-inline-size:0;display:grid}.oulpan-unit__number,.oulpan-unit__count{opacity:.85;font-size:12px;font-weight:800}.oulpan-unit__title{margin:0}.oulpan-unit__title .oulpan-path__title bdi{font-size:19px}.oulpan-unit[data-state=current] .oulpan-path__title-sub{color:inherit;opacity:.9}.oulpan-unit__guide{min-block-size:44px;color:inherit;border:2px solid;border-radius:12px;flex:none;align-items:center;gap:6px;padding-inline:12px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.oulpan-unit__guide:focus-visible{outline:3px solid var(--elev-ink);outline-offset:2px}@media (max-width:419px){.oulpan-unit__guide{padding-inline:10px}.oulpan-unit__guide span{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}.oulpan-unit__nodes{flex-direction:column;align-items:center;gap:20px;margin:0;padding-block:32px 8px;padding-inline:0;list-style:none;display:flex}.oulpan-unit__step{--amp:clamp(26px, 9vw, 60px);transform:translateX(calc(var(--shift,0) * var(--amp) * var(--dir)))}.oulpan-node{touch-action:manipulation;border-radius:999px;place-items:center;text-decoration:none;display:grid;position:relative}.oulpan-node__face{--lip:var(--elev-brand-dark);background:var(--elev-brand);block-size:68px;inline-size:68px;color:var(--elev-on-color);box-shadow:0 6px 0 var(--lip);border-radius:999px;place-items:center;display:grid}.oulpan-node--upcoming .oulpan-node__face,.oulpan-node--trophy .oulpan-node__face{--lip:color-mix(in srgb, var(--elev-line) 65%, var(--elev-ink-soft));background:var(--elev-line);color:var(--elev-ink-soft)}.oulpan-node--trophy[data-done=true] .oulpan-node__face{--lip:var(--elev-gold-lip);background:var(--elev-gold);color:var(--elev-on-gold)}.oulpan-node--current{block-size:96px;inline-size:96px}.oulpan-node--current .oulpan-node__face{block-size:74px;inline-size:74px}.oulpan-node__ring{block-size:100%;inline-size:100%;position:absolute;inset:0}.oulpan-node__ring-track{stroke:var(--elev-line)}.oulpan-node__ring-fill{stroke:var(--elev-brand)}.oulpan-node-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.oulpan-node__bubble{background:var(--elev-surface);border:2px solid var(--elev-line);color:var(--elev-brand);letter-spacing:.04em;text-transform:uppercase;border-radius:12px;padding-block:6px;padding-inline:14px;font-size:13px;font-weight:800;position:relative}.oulpan-node__bubble:after{content:"";background:var(--elev-surface);border-inline-end:2px solid var(--elev-line);border-block-end:2px solid var(--elev-line);block-size:10px;inline-size:10px;position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50% -2px;rotate:45deg}a.oulpan-node:focus-visible{outline:3px solid var(--elev-brand);outline-offset:4px}a.oulpan-node:active .oulpan-node__face{box-shadow:0 0 0 var(--lip)}@media (hover:hover) and (pointer:fine){a.oulpan-node:hover .oulpan-node__face{filter:brightness(1.06)}}@media (prefers-reduced-motion:no-preference){.oulpan-node__face{transition:transform .16s var(--oulpan-path-ease), box-shadow .16s var(--oulpan-path-ease), filter .16s var(--oulpan-path-ease)}a.oulpan-node:active .oulpan-node__face{transform:translateY(6px)}.oulpan-node__ring-fill{transition:stroke-dashoffset .3s var(--oulpan-path-ease)}}.oulpan-mypath .oulpan-path__hero--done{flex-direction:row;align-items:center;margin-block:0 20px}.oulpan-mypath__dock{z-index:30;padding-block:10px calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--elev-canvas) 94%, transparent);border-block-start:1px solid var(--elev-line);padding-inline:16px;position:fixed;inset-block-end:0;inset-inline:0}.oulpan-mypath__dock .home-btn{max-inline-size:40rem;margin:0;margin-inline:auto}@media (min-width:960px){.oulpan-mypath__dock{display:none}}.oulpan-mypath__path.ulpan-poster,.oulpan-plan__trail.ulpan-poster{--cp-sheet-strong:var(--elev-brand);--cp-sheet-bright:var(--elev-brand-bright);--cp-sheet-soft:var(--elev-brand-soft)}.oulpan-mypath__path.ulpan-poster{isolation:isolate;background-color:var(--cp-paper);background-image:var(--cp-poster-grain);border-block:1px solid var(--elev-line);background-size:180px 180px;margin-inline:-16px;padding-block:16px 8px;padding-inline:16px;position:relative}@media (min-width:640px){.oulpan-mypath__path.ulpan-poster{border:1px solid var(--elev-line);border-radius:24px;margin-inline:0;padding-inline:20px}}.ulpan-poster .oulpan-unit{background:var(--cp-poster-hills) bottom / 100% 88px no-repeat;padding-block-end:56px}.ulpan-poster .oulpan-unit__nodes{z-index:1;position:relative}.ulpan-poster .oulpan-node--current .oulpan-node__ring-track{stroke:color-mix(in srgb, var(--cp-poster-now) 22%, transparent)}.ulpan-poster .oulpan-node--current .oulpan-node__ring-fill{stroke:var(--cp-poster-now)}.ulpan-poster .oulpan-node__bubble{border-color:var(--cp-poster-now);color:color-mix(in srgb, var(--cp-poster-now) 62%, #3a1d05)}.ulpan-poster .oulpan-node__bubble:after{border-color:var(--cp-poster-now)}.ulpan-poster .oulpan-path__hero--done{z-index:1;position:relative}.oulpan-plan__first{gap:6px;inline-size:100%;margin-block-start:4px;display:grid}.oulpan-plan__first-line{color:var(--elev-ink-soft);margin:0;font-size:14px;font-weight:700}.oulpan-plan__first .oulpan-next__steps{gap:6px;margin:0}.oulpan-plan__first .oulpan-next__step-title{font-size:15px}.oulpan-path__mine-note{margin:0;font-weight:700}