body[data-view=profile]{background:#101a35}body[data-view=profile] #grown-nav{display:none}.learner-screen{height:100dvh;overflow:auto;padding:85px max(22px,5vw) 55px;box-sizing:border-box;background:radial-gradient(ellipse at top,#294b69,#11172f 70%);color:#f5fafb;text-align:center}.learner-screen>*{max-width:850px;margin-left:auto;margin-right:auto}.learner-course-logo{display:block;width:min(360px,75vw);height:150px;object-fit:contain}.learner-screen h1{color:#fff;font-size:clamp(27px,4vw,42px);line-height:1.2}.learner-privacy{font-size:21px;color:#8bedd9;font-weight:700}.learner-local-note{font:15px/1.6 system-ui;color:#ccdbe6}.learner-warning{color:#fff0b1;background:#674b20;border-radius:12px;padding:12px;font:16px/1.5 system-ui}.learner-warning:empty{display:none}.learner-notice{color:#d9f5ef;font:15px/1.6 system-ui}.learner-screen form{max-width:690px;text-align:left;display:grid;gap:14px;margin:25px auto}.learner-screen label,.learner-screen legend{font:700 18px system-ui;color:#f5fafb}.learner-screen input,.learner-screen select{width:100%;box-sizing:border-box;background:white;color:#173e44;font:22px system-ui;min-height:54px;border:3px solid #a3cbd3;border-radius:15px;padding:12px}.learner-screen input[aria-invalid=true]{border-color:#ffc66b}#profile-nickname-help{font:14px/1.5 system-ui;color:#cbdbe8;margin:0}.learner-screen fieldset{border:0;padding:0;margin:10px 0}.learner-avatars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:15px}.learner-avatars button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#243d5e;border:3px solid transparent;border-radius:20px;padding:12px 5px;color:#fff;font:15px system-ui;min-height:140px;cursor:pointer}.learner-avatars button[aria-pressed=true]{border-color:#6ce9d3;background:#194b54;box-shadow:0 0 0 3px #6ce9d333}.learner-portrait{display:inline-block;position:relative;flex:none;width:84px;height:84px;border-radius:50%;overflow:hidden;background:white}.learner-portrait img{position:absolute;width:168px;max-width:none;height:168px;top:-26px;object-fit:cover}.learner-portrait.robot img{left:-10px}.learner-portrait.cat img{left:-82px}.learner-shape{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#132945;color:#ffdc78;font:58px/1 system-ui}.learner-shape.circle{color:#ff8e97}.learner-shape.diamond{color:#75e3e8}.saved-learners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px auto}.saved-learner{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:190px;background:#213959;color:white;border:2px solid #5c8da4;border-radius:22px;padding:18px;font:18px system-ui}.saved-learner small{font-size:13px;line-height:1.5;color:#c6e3ed}.learner-screen>.primary,.learner-screen>.secondary,.learner-screen>.text-link{margin:10px;min-height:48px}.learner-screen .text-link{color:#cfefee}.learner-bottom{margin-top:25px;font:14px/1.6 system-ui;color:#c6d8e6}.learner-screen button:focus-visible{outline:4px solid #ffdc78;outline-offset:4px}#learner-menu{display:flex;align-items:center;gap:8px}#learner-menu .learner-portrait,#learner-menu .learner-shape{width:28px;height:28px;font-size:22px}#learner-menu .learner-portrait img{width:56px;height:56px;top:-9px}#learner-menu .robot img{left:-3px}#learner-menu .cat img{left:-27px}@media(max-width:650px){.learner-avatars{grid-template-columns:repeat(3,minmax(0,1fr))}.saved-learners{grid-template-columns:repeat(2,minmax(0,1fr))}.learner-course-logo{height:115px}.learner-screen{padding-top:80px}.learner-avatars button{font-size:14px}}@media(max-width:360px){.saved-learners{grid-template-columns:1fr}.learner-avatars{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.learner-screen *{scroll-behavior:auto}}