.oulpan-level-test{--sub-hero-top:20px;--sub-gap:12px;--sub-hero-align:center}.oulpan-level-test .lt-facts{flex-wrap:wrap;gap:6px 18px;margin:16px 0 0;padding:0;list-style:none;display:flex}.oulpan-level-test .lt-facts li{color:var(--ink);align-items:center;gap:6px;font-size:15px;font-weight:600;display:inline-flex}.oulpan-level-test .lt-facts svg{color:var(--green);flex:none}.oulpan-level-test .lt-fine{color:var(--mute);margin-block-start:6px;font-size:14.5px}.oulpan-level-test .lt-who{gap:10px;display:grid}@media (min-width:360px){.oulpan-level-test .lt-who{grid-template-columns:repeat(2,minmax(0,1fr))}}.oulpan-level-test .lt-start{text-align:start;color:#fff;background:var(--green);min-height:64px;box-shadow:0 4px 0 var(--accent-lip);transition:transform .14s var(--elev-ease-out,ease-out), box-shadow .14s var(--elev-ease-out,ease-out);border-radius:16px;align-content:center;gap:2px;padding:12px 16px;text-decoration:none;display:grid}.oulpan-level-test .lt-start b{font-size:19px;line-height:1.2}.oulpan-level-test .lt-start span{opacity:.94;font-size:14px;line-height:1.3}.oulpan-level-test .lt-start--young{color:var(--green-d);box-shadow:inset 0 0 0 2px var(--green), 0 4px 0 var(--mint-d);background:#fff}.oulpan-level-test .lt-start:active{transform:translateY(2px)scale(.97)}.oulpan-level-test .lt-start:focus-visible{outline:3px solid var(--green);outline-offset:3px}@media (hover:hover){.oulpan-level-test .lt-start--adult:hover{background:var(--accent-lip)}.oulpan-level-test .lt-start--young:hover{background:var(--mint)}}.oulpan-level-test .lt-sample__art{display:none}@media (min-width:960px){.oulpan-level-test .lt-sample__art{block-size:170px;inline-size:auto;margin:-4px auto 12px;display:block}}.oulpan-level-test .lt-stairs{gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.oulpan-level-test .lt-stairs li{block-size:34px;inline-size:34px;font:700 17px/1 var(--he);color:var(--on-rank);background:var(--rank);border-radius:10px;place-items:center;display:grid}.oulpan-level-test .lt-sample__label{color:var(--mute);margin:0;font-size:13.5px;font-weight:700}.oulpan-level-test .lt-sample__stem{font:600 clamp(22px, 2.4vw, 27px)/1.45 var(--he);text-align:start;margin-block:8px 0}.oulpan-level-test .lt-sample__translation{color:var(--soft);margin-block:2px 14px;font-size:15.5px}.oulpan-level-test .lt-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.oulpan-level-test .lt-option{border:2px solid var(--mint-d);min-height:56px;color:var(--ink);font:700 26px/1 var(--he);cursor:pointer;transition:background-color .14s var(--elev-ease-out,ease-out), border-color .14s var(--elev-ease-out,ease-out), transform .14s var(--elev-ease-out,ease-out);background:#f6fafe;border-radius:12px}@media (hover:hover){.oulpan-level-test .lt-option:not(:disabled):hover{border-color:var(--green)}}.oulpan-level-test .lt-option:active:not(:disabled){transform:scale(.97)}.oulpan-level-test .lt-option:focus-visible{outline:3px solid var(--green);outline-offset:2px}.oulpan-level-test .lt-option:disabled{cursor:default;opacity:.55}.oulpan-level-test .lt-option.is-right{color:#fff;opacity:1;background:#1f8a5c;border-color:#1f8a5c}.oulpan-level-test .lt-option.is-wrong{border-color:var(--mute);color:var(--soft);opacity:1;background:#fff;text-decoration:line-through}.oulpan-level-test .lt-feedback{min-height:1px}.oulpan-level-test .lt-feedback p{color:var(--soft);opacity:1;transition:opacity .22s var(--elev-ease-out,ease-out), transform .22s var(--elev-ease-out,ease-out);margin-block:14px 0;font-size:15.5px;line-height:1.5;transform:none}@starting-style{.oulpan-level-test .lt-feedback p{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){@starting-style{.oulpan-level-test .lt-feedback p{transform:none}}.oulpan-level-test .lt-start:active,.oulpan-level-test .lt-option:active:not(:disabled){transform:none}}.oulpan-level-test .lt-feedback__answer{font:700 20px/1 var(--he);color:var(--ink)}.oulpan-level-test .lt-feedback a{color:var(--green-d);text-underline-offset:4px;padding-block:8px;font-weight:700;display:inline-block}.oulpan-level-test .lt-checks{gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:760px){.oulpan-level-test .lt-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}.oulpan-level-test .lt-checks li{grid-template-columns:64px minmax(0,1fr);align-items:start;gap:16px;display:grid}.oulpan-level-test .lt-checks__art{border-radius:12px;block-size:64px;inline-size:64px}.oulpan-level-test .lt-checks__he{font:700 24px/1.2 var(--he);color:var(--green-d);display:inline-block}.oulpan-level-test .lt-checks h3{margin-block-start:6px;font-size:18px}.oulpan-level-test .lt-checks p{color:var(--soft);margin-block-start:4px}.oulpan-level-test .lt-levels{grid-template-areas:"head""art""ladder";gap:0 48px;display:grid}.oulpan-level-test .lt-levels>.head{grid-area:head}.oulpan-level-test .lt-levels>.lt-ladder{grid-area:ladder}.oulpan-level-test .lt-levels__art{grid-area:art;block-size:auto;inline-size:100%;max-inline-size:320px;margin-block:4px 8px}@media (min-width:900px){.oulpan-level-test .lt-levels{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"head art""ladder art";align-items:center}.oulpan-level-test .lt-levels__art{justify-self:center;max-inline-size:440px}}.oulpan-level-test .lt-ladder{margin:8px 0 0;padding:0;list-style:none;display:grid}.oulpan-level-test .lt-ladder li{grid-template-columns:44px minmax(0,1fr);gap:16px;padding-block:12px;display:grid;position:relative}.oulpan-level-test .lt-ladder li:before{content:"";background:var(--mint-d);inline-size:2px;position:absolute;inset-block:0;inset-inline-start:21px}.oulpan-level-test .lt-ladder li:first-child:before{inset-block-start:50%}.oulpan-level-test .lt-ladder li:last-child:before{inset-block-end:50%}.oulpan-level-test .lt-ladder__letter{block-size:44px;inline-size:44px;font:700 20px/1 var(--he);color:var(--on-rank);background:var(--rank);border-radius:12px;place-items:center;display:grid;position:relative}.oulpan-level-test .lt-ladder h3{font-size:18px}.oulpan-level-test .lt-ladder p{color:var(--soft);margin-block-start:2px}.oulpan-level-test .lt-meaning{padding:clamp(18px,2.4vw,26px)}.oulpan-level-test .lt-meaning h2{letter-spacing:-.01em;font-size:clamp(21px,2.2vw,27px);line-height:1.2}.oulpan-level-test .lt-meaning p{color:var(--soft);margin-block-start:8px;font-size:17px;line-height:1.6}.oulpan-level-test .final .lt-who{max-width:560px;margin-inline:auto}