.learning-page{--learn-blue:#5295ff;--learn-muted:var(--text-dim);color:var(--text);padding-bottom:30px}.learning-page *{box-sizing:border-box}.learning-page h1,.learning-page h2,.learning-page h3,.learning-dialog h2{font-family:var(--font-display);letter-spacing:-.035em}.learning-page h1{font-size:clamp(25px,3vw,38px);margin:0 0 8px}.learning-page h2{font-size:20px;margin:0}.learning-page p{line-height:1.65}.learning-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.learning-head p{margin:0;color:var(--learn-muted);font-size:14px}.learning-streak{border:1px solid var(--border);border-radius:14px;padding:11px 16px;color:#ffb34d;white-space:nowrap;font-size:13px}.learning-tabs{display:flex;gap:22px;border-bottom:1px solid var(--border);margin-bottom:24px}.learning-tabs button{border:0;border-bottom:3px solid transparent;color:var(--text-dim);padding:13px 4px;background:none;cursor:pointer;font:inherit;font-size:14px}.learning-tabs button[aria-pressed=true]{border-color:var(--learn-blue);color:var(--learn-blue)}.learning-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px}.learning-main,.learning-aside{display:flex;flex-direction:column;gap:18px;min-width:0}.learning-card{border:1px solid var(--border);background:linear-gradient(130deg,var(--panel-solid),var(--space-2));border-radius:17px;padding:24px;min-width:0}.learning-hero{position:relative;overflow:hidden;min-height:246px;display:flex;align-items:center;border-color:#334c7d;background:radial-gradient(ellipse at 90% 0%,#23357066,transparent 75%),var(--panel-solid)}.learning-hero-copy{position:relative;z-index:1;width:70%}.learning-eyebrow{display:inline-block;color:#81baff;background:#367ce320;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:700;letter-spacing:.12em;margin-bottom:15px}.learning-hero h2{font-size:clamp(23px,2.4vw,33px);line-height:1.25}.learning-hero p{font-size:13px;color:var(--text-dim);margin:13px 0 20px}.learning-orbit{position:absolute;right:-28px;top:30px;width:220px;height:220px;border:1px solid #6197ed35;border-radius:50%;display:grid;place-items:center;transform:rotate(-15deg);color:#6ba8ff;font-family:var(--font-display);font-size:44px;background:repeating-linear-gradient(90deg,transparent,transparent 29px,#468cff10 30px),repeating-linear-gradient(0deg,transparent,transparent 29px,#468cff10 30px)}.learning-orbit:after{content:'';position:absolute;inset:26px;border:1px solid #6197ed35;border-radius:50%}.learning-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;padding:11px 16px;min-height:44px;cursor:pointer;background:var(--panel);color:var(--text);font:600 13px var(--font-body);text-decoration:none}.learning-btn.primary{background:linear-gradient(110deg,#468bff,#6650ed);border-color:#637dff;color:white;box-shadow:0 5px 20px #4755f325}.learning-btn:hover{filter:brightness(1.13)}.learning-btn:disabled{opacity:.5;cursor:not-allowed}.learning-page button:focus-visible,.learning-page a:focus-visible,.learning-dialog :focus-visible{outline:3px solid #73b7ff;outline-offset:3px}.learning-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.learning-small{color:var(--text-dim);font-size:12px;line-height:1.6}.learning-topic-list{display:grid;gap:10px}.learning-topic{display:flex;gap:13px;align-items:center;width:100%;text-align:left;border:1px solid var(--border);border-radius:11px;background:#ffffff03;padding:15px;color:var(--text);cursor:pointer;font:inherit}.learning-topic.is-next{border-color:#4d8cfc;background:linear-gradient(90deg,#255cba38,#3d45a526)}.learning-topic-number{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;border:1px solid #538cf082;color:#79b3ff;border-radius:50%;font-size:12px}.learning-topic.is-done .learning-topic-number{background:#28dba8;color:#062b23;border-color:#28dba8}.learning-topic-copy{flex:1;min-width:0}.learning-topic strong{display:block;font-size:13px;font-weight:600}.learning-topic small{display:block;color:var(--text-dim);font-size:11px;margin-top:5px}.learning-topic-state{color:#83b9ff;font-size:11px;white-space:nowrap}.learning-topic-state progress{display:block;width:65px;height:4px;margin-top:7px;accent-color:#5898ff}.learning-goal-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0}.learning-goal-row h3{font-size:22px;margin:0 0 5px}.learning-ring{height:85px;width:85px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#4a8bff var(--progress),#293855 0);position:relative}.learning-ring:before{content:'';position:absolute;inset:8px;background:var(--panel-solid);border-radius:50%}.learning-ring strong{position:relative;font-size:23px}.learning-aside .learning-btn{width:100%}.learning-checks{list-style:none;padding:0;margin:15px 0 0;display:grid;gap:18px}.learning-checks li{display:flex;gap:12px;align-items:flex-start;font-size:13px}.learning-checkmark{color:#7fa3d8;font-size:19px;line-height:1}.learning-checks .done .learning-checkmark{color:#3addb0}.learning-checks small{display:block;margin-top:4px;color:var(--text-dim);font-size:11px}.learning-review{display:flex;justify-content:space-between;align-items:center;gap:16px}.learning-review h2{font-size:17px}.learning-review p{margin:7px 0 0;font-size:12px;color:var(--text-dim)}.learning-term{margin:17px 0;border:1px solid var(--border);border-radius:10px;padding:14px;font-size:17px}.learning-term small{display:block;margin-top:9px;font-size:11px;color:var(--text-dim);line-height:1.6}.learning-notice{border:1px solid var(--border);padding:12px 16px;border-radius:10px;margin:0 0 18px;font-size:13px;color:var(--text-dim);display:flex;justify-content:space-between;align-items:center;gap:12px}.learning-domains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.learning-domain h3{font-size:17px;margin:0 0 12px}.learning-domain p{font-size:12px;color:var(--text-dim)}.learning-domain .learning-btn{margin-top:8px}.learning-footer-note{font-size:11px;color:var(--text-dim);margin-top:18px;line-height:1.6}.learning-footer-note a{color:#77b5ff}.learning-nav-new{margin-left:auto;font-size:8px;padding:3px 5px;background:#5743df;color:#fff;border-radius:4px}.learning-home-entry{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0;padding:18px 22px;border:1px solid #476eae80;border-radius:14px;background:linear-gradient(100deg,#23488230,#4438a923)}.learning-home-entry strong{font-size:15px}.learning-home-entry p{margin:6px 0 0;color:var(--text-dim);font-size:12px}.learning-home-actions{display:flex;gap:8px;flex-wrap:wrap}.learning-dialog{background:var(--panel-solid);color:var(--text);border:1px solid var(--border);border-radius:20px;padding:28px;width:min(620px,calc(100vw - 28px));max-height:88dvh;overflow:auto;box-shadow:0 25px 100px #0008}.learning-dialog::backdrop{background:#030713c9;backdrop-filter:blur(7px)}.learning-dialog h2{font-size:23px;margin:12px 0 18px}.learning-dialog p{line-height:1.7}.learning-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--text-dim);font-size:12px}.learning-dialog label{margin:18px 0 8px;text-transform:none;letter-spacing:0;font-size:13px;color:var(--text)}.learning-dialog input,.learning-dialog select{width:100%;background:var(--space-2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:13px;font:inherit;min-width:0}.learning-dialog input{font-size:17px}.learning-dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.learning-dialog progress{width:100%;height:6px;accent-color:#5898ff;margin:18px 0}.learning-feedback{border:1px solid #43816e;border-radius:11px;padding:16px;background:#22bc8420;margin-top:18px;font-size:14px;line-height:1.7}.learning-feedback.wrong{border-color:#b8783c;background:#e7982720}.learning-error{color:#ffb7a8;font-size:13px;line-height:1.6}.learning-result-score{font-size:46px;font-weight:700;color:#81baff;margin:18px 0}.learning-language{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:12px}.learning-language select{width:auto;font-size:12px;padding:6px}.learning-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.learning-empty{padding:35px;text-align:center}.learning-dialog [hidden]{display:none!important}
html[data-theme=light] .learning-card,html[data-theme=light] .learning-dialog{background:#fff}html[data-theme=light] .learning-hero{background:linear-gradient(110deg,#edf3ff,#f5f1ff)}html[data-theme=light] .learning-ring:before{background:#fff}html[data-theme=light] .learning-small,html[data-theme=light] .learning-page p,html[data-theme=light] .learning-topic small{color:#53637f}html[data-theme=light] .learning-topic-state,html[data-theme=light] .learning-eyebrow,html[data-theme=light] .learning-tabs button[aria-pressed=true]{color:#225cbc}html[data-theme=light] .learning-error{color:#a32b24}html[data-theme=light] .learning-streak{color:#996010}
@media(min-width:1300px){.learning-grid{grid-template-columns:minmax(0,1fr) 310px}.learning-hero{min-height:265px}.learning-card{padding:26px}}
@media(max-width:1100px){.learning-grid{grid-template-columns:minmax(0,1fr) 250px}.learning-card{padding:19px}.learning-topic-state progress{width:44px}.learning-topic{gap:8px;padding:12px}}
@media(max-width:760px){.learning-grid{grid-template-columns:1fr}.learning-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.learning-aside .learning-vocabulary{grid-column:1/-1}.learning-head{align-items:flex-start}.learning-streak{padding:9px;font-size:11px}.learning-hero-copy{width:78%}.learning-home-entry{align-items:flex-start;flex-direction:column}.learning-home-actions{width:100%}.learning-home-actions>*{flex:1}.learning-domains{grid-template-columns:1fr}}
@media(max-width:440px){.learning-aside{display:flex}.learning-card{padding:18px}.learning-head h1{font-size:25px}.learning-head p{font-size:12px}.learning-topic-state{font-size:10px}.learning-topic strong{font-size:12px}.learning-review{align-items:flex-start;flex-direction:column}.learning-review .learning-btn{width:100%}.learning-dialog{padding:20px}.learning-form-grid{grid-template-columns:1fr}.learning-orbit{opacity:.45;right:-80px}.learning-tabs{gap:20px}}

.learning-translation{border:1px solid var(--border);border-radius:10px;padding:12px 15px;margin:0 0 15px;font-size:13px}.learning-translation summary{cursor:pointer;color:var(--text-dim)}.learning-translation p{margin-bottom:0}.learning-answer-guide{border-left:3px solid #649aff;background:#438cff14;border-radius:8px;padding:12px 15px;margin:16px 0;font-size:13px}.learning-answer-guide strong{color:#8abdff}.learning-answer-guide p{margin:6px 0 0;line-height:1.6}.learning-dialog input[aria-invalid=true]{border-color:#efa074}html[data-theme=light] .learning-answer-guide strong{color:#2359ac}