.learning-welcome{border:1px solid #d8e8de;border-radius:28px;padding:30px;max-width:660px;width:calc(100% - 24px);max-height:90dvh;overflow:auto;color:#163f35;background:#fcfdf8;font:17px/1.75 system-ui,sans-serif;box-shadow:0 28px 90px #0e3e3550}.learning-welcome::backdrop{background:#102f356b;backdrop-filter:blur(5px)}.learning-welcome[open]{animation:learning-arrive .35s cubic-bezier(.2,.8,.2,1)}.learning-close{position:absolute;inset-inline-end:18px;top:12px;background:transparent;color:#315c50;font-size:30px}.learning-welcome h2,.placement-page h2{font-size:clamp(24px,5vw,32px);line-height:1.4}.learning-welcome p,.placement-page p{line-height:1.85}.learning-hello{display:flex;align-items:center;justify-content:center;gap:18px;min-height:130px;background:#edf5e9;border-radius:22px;margin:15px 0 20px}.learning-hello img{object-fit:contain}.learning-wave{color:#108777;letter-spacing:4px;opacity:.35}.voice-playing .learning-wave{opacity:1;animation:learning-voice .8s ease-in-out infinite alternate}.learning-kicker{font-size:14px;color:#187f67;font-weight:700}.learning-audio-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.learning-welcome button,.placement-page button{font:inherit;cursor:pointer;border:1px solid #d4e4db;border-radius:14px;padding:12px 18px;background:#f0f7ef;color:#195a47}.learning-welcome form,.placement-page form{display:grid;gap:16px}.learning-welcome form>label,.placement-page form>label{display:grid;gap:7px;font-weight:600}.learning-welcome select,.placement-page select{font:inherit;width:100%;min-width:0;box-sizing:border-box;background:white;color:#173f35;border:1px solid #bfd6ca;border-radius:13px;padding:13px}.learning-welcome .learning-primary,.placement-page .learning-primary{display:block;text-align:center;font:700 17px/1.6 system-ui,sans-serif;background:#087c67;color:white;border:0;border-radius:16px;padding:16px;text-decoration:none;margin:12px 0}.learning-welcome .learning-later{background:transparent;border:0;text-decoration:underline;margin-top:12px}.learning-note{background:#edf5ed;padding:14px;border-radius:14px;font-size:14px}.learning-welcome fieldset,.placement-page fieldset{min-width:0;margin:0;border:1px solid #d6e4dc;border-radius:18px;padding:18px}.learning-welcome legend,.placement-page legend{font-weight:700;padding:0 6px}.learning-answer{display:flex;align-items:center;gap:12px;border:1px solid #dae5db;background:white;border-radius:12px;margin:9px 0;padding:13px;cursor:pointer}.learning-answer:has(input:checked){border-color:#16836e;background:#e5f6eb}.learning-answer input{width:20px;height:20px;accent-color:#087c67;flex-shrink:0}.learning-welcome progress,.placement-page progress{width:100%;accent-color:#087c67;height:8px}.learning-level-badge{display:block;width:70px;height:70px;border-radius:24px;background:#e0f3d9;color:#17684c;text-align:center;font:bold 29px/70px system-ui;margin:18px 0;transform:rotate(-4deg)}.learning-result li{padding:7px}.learning-result button{margin:6px}.learning-account-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#eff8e7,#e5f6ef);border:1px solid #c5e4d3;border-radius:22px;padding:24px;margin:24px 0}.learning-account-card p{margin:6px 0}.learning-account-card a{background:#087c67;color:white;padding:14px;border-radius:13px;text-decoration:none}.placement-page{max-width:700px;margin:30px auto;padding:22px}.learning-welcome [hidden],.placement-page [hidden]{display:none!important}.learning-welcome :focus-visible,.placement-page :focus-visible{outline:3px solid #e5a94e;outline-offset:3px}.learning-welcome button:disabled,.placement-page button:disabled{opacity:.6;cursor:wait}@keyframes learning-arrive{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}@keyframes learning-voice{from{transform:scaleY(.6)}to{transform:scaleY(1.25)}}@media(max-width:520px){.learning-welcome{padding:22px 17px}.learning-account-card{display:block}.learning-account-card a{display:block;margin-top:14px}.placement-page{padding:10px}}@media(prefers-reduced-motion:reduce){.learning-welcome[open],.voice-playing .learning-wave{animation:none}}