#skill-learning{background:#f2faf8;padding-bottom:70px}
.learning-top-actions{display:flex;align-items:center;gap:14px}.learning-top-actions span{font-size:10px;color:#8da1a6}.learning-top-actions button,.refresh-recommendations{border:0;border-radius:11px;background:#f2cf65;color:#415c66;padding:10px 15px;font-weight:700;font-size:11px;cursor:pointer}
.learning-hero{min-height:230px;margin-top:30px;border:1px solid #d4e9e8;border-radius:24px;background:#ddf3f1;display:grid;grid-template-columns:1.3fr .9fr;gap:35px;align-items:center;padding:36px 38px;box-shadow:0 12px 30px rgba(64,126,136,.08)}.ai-kicker,.section-kicker{font:700 9px 'DM Sans';letter-spacing:1.5px;color:#cc8b73}.learner-profile h1{font-size:29px;margin:9px 0 10px;color:#385965;letter-spacing:-.7px}.learner-profile>p{font-size:12px;color:#748e98;margin:0;line-height:1.7}.profile-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.profile-tags span{font-size:9px;color:#527a84;border:1px solid #bddfdd;background:rgba(255,255,255,.56);border-radius:16px;padding:7px 10px}
.ai-insight{background:#fffdf2;border:1px solid #ecdda4;border-radius:18px;padding:20px;display:flex;gap:15px;align-items:start}.ai-orb{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#f3cf65;color:#52717a;font:700 13px 'DM Sans';box-shadow:0 0 0 6px rgba(243,207,101,.2)}.ai-insight span{font-size:9px;color:#b18a46}.ai-insight strong{display:block;font-size:13px;line-height:1.5;margin:5px 0 6px}.ai-insight p{font-size:10px;color:#87969a;line-height:1.6;margin:0}
.recommend-section{margin-top:34px}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2{font-size:20px;margin:5px 0 6px}.section-heading p{font-size:10px;color:#8ba0a5;margin:0}.recommend-filters{display:flex;gap:7px;margin:18px 0 15px}.recommend-filters button{border:1px solid #d7e7e5;background:#fff;border-radius:16px;color:#7e9398;padding:7px 12px;font-size:10px;cursor:pointer}.recommend-filters button.active{background:#dff2ef;color:#3e878d;border-color:#bfe0dc}.recommend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.learn-card{min-height:250px;border-radius:20px;padding:21px;border:1px solid rgba(93,133,139,.1);display:flex;flex-direction:column}.learn-yellow{background:#fff1bd}.learn-blue{background:#d9eff3}.learn-pink{background:#f7dad6}.learn-card-top{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#6f848a}.learn-card-top b{font-weight:600;color:#3f8c90}.learn-card h3{font-size:17px;line-height:1.45;margin:17px 0 8px;color:#3e5963}.learn-card>p{font-size:10px;line-height:1.65;color:#71868d;margin:0}.recommend-reason{font-size:9px;line-height:1.5;color:#839297;margin:14px 0;padding-top:12px;border-top:1px solid rgba(99,132,135,.14)}.add-learning{margin-top:auto;align-self:flex-start;border:0;background:#fff;border-radius:9px;color:#51727b;padding:8px 11px;font-size:10px;cursor:pointer}.add-learning.added{background:#71bcb0;color:#fff}
.learning-lower-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:18px;margin-top:26px}.skill-map,.ai-tutor,.week-plan{background:#fff;border:1px solid #dceae8;border-radius:21px;padding:23px;box-shadow:0 8px 24px rgba(64,126,136,.06)}.section-heading.compact{align-items:start}.level-badge,.online-dot{font-size:9px;padding:6px 9px;border-radius:13px;background:#e2f3e9;color:#559179}.skill-list{display:grid;gap:15px;margin-top:22px}.skill-row{display:grid;grid-template-columns:150px 1fr 34px;align-items:center;gap:13px}.skill-row>div:first-child strong,.skill-row>div:first-child span{display:block}.skill-row>div:first-child strong{font-size:11px}.skill-row>div:first-child span{font-size:8px;color:#9aabad;margin-top:3px}.skill-row>b{font:600 9px 'DM Sans';color:#789095}.skill-meter{height:7px;background:#edf2ef;border-radius:8px;overflow:hidden}.skill-meter i{height:100%;display:block;background:#75bfc1;border-radius:8px}
.online-dot{background:#e1f3ea;color:#549375}.tutor-chat{margin-top:22px;min-height:108px;max-height:160px;overflow:auto}.ai-message,.user-message{font-size:10px;line-height:1.65;padding:11px 13px;border-radius:12px;margin-bottom:9px}.ai-message{background:#edf8f7;color:#5f7b83;margin-right:20px}.user-message{background:#fff0c5;color:#755f3d;margin-left:25px}.quick-questions{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.quick-questions button{border:1px solid #dbe8e6;background:#fff;border-radius:14px;color:#769095;padding:6px 9px;font-size:8px;cursor:pointer}.tutor-input{display:flex;gap:7px;border-top:1px solid #edf1ef;padding-top:14px}.tutor-input input{flex:1;min-width:0;border:1px solid #d9e7e5;background:#f9fcfb;border-radius:10px;padding:10px 11px;outline:none;font-size:10px;color:#4b6972}.tutor-input input:focus{border-color:#77bdba}.tutor-input button{border:0;background:#5eabb4;color:#fff;border-radius:10px;padding:0 14px;font-size:10px;cursor:pointer}
.week-plan{margin-top:22px;background:#fffdf5}.week-plan[hidden]{display:none}.week-plan .section-heading>button{border:0;background:transparent;color:#84999d;font-size:10px;cursor:pointer}.plan-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.plan-steps>div{background:#fff;border:1px solid #ece8d8;border-radius:14px;padding:17px}.plan-steps span{font:700 9px 'DM Sans';color:#d29a4f}.plan-steps strong{display:block;font-size:12px;margin:9px 0 6px}.plan-steps p{font-size:9px;line-height:1.6;color:#849398;margin:0}
@media(max-width:1050px){.learning-hero{grid-template-columns:1fr}.recommend-grid{grid-template-columns:repeat(2,1fr)}.learning-lower-grid{grid-template-columns:1fr}.plan-steps{grid-template-columns:1fr}.ai-insight{max-width:560px}}@media(max-width:700px){.learning-hero{padding:26px 20px}.learner-profile h1{font-size:24px}.learning-top-actions span{display:none}.recommend-grid{grid-template-columns:1fr}.section-heading{align-items:start;gap:12px}.skill-row{grid-template-columns:115px 1fr 30px}.recommend-filters{overflow:auto;padding-bottom:3px}.recommend-filters button{white-space:nowrap}}