#learning .learning-command { position:relative; overflow:hidden; margin:18px 0 24px; padding:28px; border:1px solid #947cde70; border-radius:26px; background:radial-gradient(circle at 88% 0,#8e5dff30,transparent 42%),linear-gradient(135deg,#21204a,#17172e 65%,#18192f); box-shadow:0 24px 50px #0506174d,inset 0 1px #ffffff25; }
#learning #learningPanel .backend-dashboard { margin:18px 0 24px; }
#learning .learning-command::before { content:''; position:absolute; width:210px; height:210px; top:-135px; right:-30px; border:1px solid #b9a4ff66; border-radius:50%; box-shadow:0 0 0 34px #ae91ff0b,0 0 0 68px #ae91ff08; pointer-events:none; }
#learning .learning-command__head { display:flex; justify-content:space-between; gap:12px; align-items:center; padding-bottom:17px; border-bottom:1px solid #ffffff21; color:#bfc9e6; font-size:11px; letter-spacing:.16em; }
#learning .learning-command__head strong { color:#eee7ff; font-size:12px; letter-spacing:0; font-weight:600; }
#learning .learning-command__body { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; align-items:end; padding-top:20px; }
#learning .learning-kicker { margin:0 0 6px; color:#a8bafb; font-size:12px; letter-spacing:.12em; }
#learning .learning-command h2 { margin:0 0 9px; color:#fff; font-size:27px; line-height:1.3; font-weight:750; }
#learning #learningTodayReason { max-width:44em; margin:0; color:#c3cbe2; font-size:14px; line-height:1.75; }
#learning #learningTodaySteps { display:flex; flex-wrap:wrap; gap:7px 18px; margin:17px 0 0; padding:0; list-style:none; }
#learning #learningTodaySteps li { color:#dce2fa; font-size:12px; line-height:1.5; }
#learning #learningTodaySteps li::before { content:'✦'; margin-right:6px; color:#9c8dff; }
#learning .learning-command__actions { display:flex; flex-direction:column; gap:9px; min-width:150px; }
#learning .learning-command__actions .btn { min-height:42px; white-space:nowrap; font-size:13px; }
#learning .learning-setup { margin:0 0 28px; padding:26px; border:1px solid #ffffff1e; border-radius:24px; background:linear-gradient(130deg,#151931,#171527); }
#learning .learning-setup.is-needed { border-color:#8c75e07d; box-shadow:0 0 0 1px #a391ff22; }
#learning .learning-setup__heading { display:flex; justify-content:space-between; gap:14px; align-items:start; }
#learning .learning-setup__heading h2 { margin:5px 0 7px; color:#fff; font-size:23px; line-height:1.4; }
#learning .learning-setup__heading p { margin:0; color:#bcc6df; font-size:13px; line-height:1.7; }
#learning #learningSetupState { flex:none; padding:7px 10px; border-radius:999px; background:#8b68ee24; color:#d2c3ff; font-size:11px; }
#learning #learningSetupForm { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:22px; align-items:end; }
#learning #learningSetupForm label { display:flex; flex-direction:column; gap:8px; color:#e5e9f8; font-size:12px; }
#learning #learningSetupForm select { width:100%; min-width:0; height:45px; padding:0 11px; border:1px solid #ffffff2e; border-radius:11px; background:#0c1025; color:#fff; font:inherit; }
#learning #learningSetupForm button { grid-column:1/-1; min-height:44px; margin-top:2px; }
#learning #learningSetupNotice { margin:11px 0 0; color:#aebad6; }
#learning .learning-map { margin:6px 0 28px; }
#learning .learning-map__title span { color:#a6aef1; font-size:11px; letter-spacing:.17em; }
#learning .learning-map__title h2 { max-width:20em; margin:9px 0 7px; color:#fff; font-size:26px; line-height:1.4; }
#learning .learning-map__title p { margin:0 0 18px; color:#aebad4; font-size:13px; line-height:1.7; }
#learning .learning-map__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
#learning .learning-map-card { position:relative; min-width:0; min-height:195px; padding:17px 15px; border:1px solid #ffffff23; border-radius:19px; background:linear-gradient(145deg,#22244a,#161a30); color:#fff; text-align:left; cursor:pointer; }
#learning .learning-map-card.is-current { border-color:#a38efa; background:radial-gradient(circle at 100% 0,#815fff50,transparent 48%),linear-gradient(145deg,#25234b,#171831); }
#learning .learning-map-card__number { display:block; color:#b7a3ff; font-size:21px; line-height:1; font-weight:800; }
#learning .learning-map-card__count { position:absolute; top:19px; right:13px; color:#bfc8df; font-size:10px; }
#learning .learning-map-card strong { display:block; margin:17px 0 8px; color:#fff; font-size:16px; line-height:1.3; }
#learning .learning-map-card p { margin:0; color:#c5cde1; font-size:12px; line-height:1.55; }
#learning .learning-map-card small { display:block; margin-top:14px; color:#a8b5d1; font-size:11px; }
#learning .learning-catalog-title { margin-bottom:16px; }
#learning .learning-catalog-title p { margin:5px 0 0; color:#afbad5; font-size:13px; }
#learning .learning-catalog { display:grid; gap:10px; }
#learning .learning-phase { overflow:hidden; border:1px solid #ffffff25; border-radius:18px; background:#15192d; scroll-margin-top:70px; }
#learning .learning-phase[open] { border-color:#8575c978; }
#learning .learning-phase summary { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:58px; padding:14px 18px; cursor:pointer; color:#f0edff; font-size:16px; font-weight:700; list-style:none; }
#learning .learning-phase summary::-webkit-details-marker { display:none; }
#learning .learning-phase summary small { color:#abb5d1; font-size:11px; white-space:nowrap; font-weight:500; }
#learning .learning-lesson-list { padding:3px 11px 11px; }
#learning .learning-lesson { display:flex; align-items:center; gap:12px; width:100%; min-height:69px; padding:10px 9px; border:0; border-top:1px solid #ffffff12; background:transparent; color:#fff; text-align:left; cursor:pointer; }
#learning .learning-lesson.selected { background:#826cff1f; border-radius:10px; }
#learning .learning-lesson b { flex:0 0 30px; color:#b5a7f0; font-size:17px; }
#learning .learning-lesson span { flex:1; min-width:0; }
#learning .learning-lesson strong { display:block; color:#f4f1ff; font-size:14px; line-height:1.4; }
#learning .learning-lesson small { display:block; margin-top:4px; color:#9eaecb; font-size:11px; line-height:1.4; }
#learning .learning-lesson em { flex:none; color:#bec9e9; font-size:11px; font-style:normal; }
#learning .learning-task-meta { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 20px; }
#learning .learning-task-meta span { padding:6px 9px; border:1px solid #bca9ff3a; border-radius:999px; color:#dfd5ff; background:#826cf71c; font-size:11px; }
#learning .learning-practice { margin:22px 0 25px; padding:21px; border:1px solid #9885e24c; border-radius:18px; background:radial-gradient(circle at 100% 0,#7159d020,transparent 55%),#14172c; }
#learning .learning-practice>div:first-child>span { color:#b8a8f7; font-size:10px; letter-spacing:.16em; }
#learning .learning-practice h3 { margin:6px 0; color:#fff; font-size:19px; }
#learning .learning-practice p { color:#b8c3dd; font-size:13px; line-height:1.7; }
#learning .learning-practice label { display:block; margin-top:17px; color:#ece8ff; font-size:13px; }
#learning .learning-practice textarea { display:block; box-sizing:border-box; width:100%; min-height:115px; margin-top:9px; padding:13px; border:1px solid #ffffff30; border-radius:12px; background:#0d1123; color:#fff; font-family:inherit; font-size:14px; line-height:1.65; resize:vertical; }
#learning .learning-practice__actions { display:flex; gap:9px; flex-wrap:wrap; margin-top:13px; }
#learning .learning-practice__actions .btn { min-height:43px; font-size:13px; }
#learning #practiceResult:not(:empty) { margin-top:17px; }
#learning #practiceUseResult { margin-top:12px; }
#learning .learning-map-card:focus-visible,#learning .learning-lesson:focus-visible,#learning .learning-phase summary:focus-visible,#learning #learningSetupForm select:focus-visible,#learning .learning-practice textarea:focus-visible { outline:2px solid #d6c7ff; outline-offset:2px; }
@media(max-width:800px) { #learning .learning-map__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } #learning .learning-command__body { grid-template-columns:1fr; } #learning .learning-command__actions { flex-direction:row; flex-wrap:wrap; } #learning .learning-command__actions .btn { flex:1 1 130px; } }
@media(max-width:500px) { #learning .learning-command { padding:21px 18px; margin-top:13px; } #learning .learning-command h2 { font-size:22px; } #learning .learning-command__head { align-items:start; } #learning .learning-command__head strong { max-width:105px; text-align:right; line-height:1.4; } #learning #learningTodayReason { font-size:13px; } #learning #learningTodaySteps { display:grid; grid-template-columns:1fr 1fr; gap:7px; } #learning #learningTodaySteps li { font-size:11px; } #learning .learning-setup { padding:20px 17px; } #learning .learning-setup__heading h2 { font-size:20px; } #learning #learningSetupForm { grid-template-columns:1fr; } #learning .learning-map__title h2 { font-size:22px; } #learning .learning-map-card { min-height:190px; padding:14px 11px; } #learning .learning-map-card__count { position:static; display:block; margin-top:6px; } #learning .learning-map-card strong { margin-top:11px; font-size:14px; } #learning .learning-map-card p { font-size:11px; } #learning .learning-map-card small { font-size:10px; } #learning .learning-phase summary { padding:13px 12px; font-size:14px; } #learning .learning-lesson { gap:7px; padding:9px 5px; } #learning .learning-lesson b { flex-basis:25px; font-size:14px; } #learning .learning-lesson strong { font-size:13px; } #learning .learning-lesson small { font-size:10px; } #learning .learning-lesson em { font-size:10px; } #learning .learning-practice { padding:18px 14px; } #learning .learning-practice__actions .btn { width:100%; } }
@media(max-width:500px) { #learning #learningPanel .backend-hero { min-height:245px; height:245px; } #learning #learningPanel .studio-heading { bottom:18px; } #learning #learningPanel .studio-heading h1 { font-size:22px; } #learning #learningPanel .studio-heading p { font-size:12px; } #learning #learningPanel .studio-heading .studio-gateway { margin-top:7px; } }