:root{
  --bg:#06101d;
  --bg2:#0a1728;
  --panel:#0e1c31;
  --panel2:#10223a;
  --line:#243b57;
  --text:#f7f9fc;
  --muted:#9dafc5;
  --mint:#5fe2b4;
  --cyan:#43c8dc;
  --blue:#559cf2;
  --purple:#8066ff;
  --amber:#f1c768;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  background:
    radial-gradient(circle at 8% 12%,rgba(33,78,124,.50),transparent 31%),
    radial-gradient(circle at 87% 17%,rgba(86,56,160,.16),transparent 26%),
    linear-gradient(180deg,#07111f 0%,#06101d 100%);
}
a{text-decoration:none;color:inherit}
.wrap{width:min(1260px,90%);margin:auto}

/* header */
.nav{
  min-height:82px;
  background:rgba(5,15,28,.94);
  border-bottom:1px solid rgba(114,145,181,.20);
  backdrop-filter:blur(15px);
  position:sticky;top:0;z-index:1000;
}
.navin{
  min-height:82px;display:flex;align-items:center;
  justify-content:space-between;gap:18px;
}
.brand{
  font-size:31px;font-weight:950;letter-spacing:-1.7px;color:#fff;
}
.brand span{color:var(--mint)}
.navlinks{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:12px 20px;border-radius:13px;
  border:1px solid transparent;
  background:linear-gradient(135deg,var(--mint),#77efc6);
  color:#05131b;font-weight:900;font-size:15px;cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(95,226,180,.15)}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.secondary{background:#10223a;color:#fff;border-color:#2b435f;box-shadow:none}
.secondary:hover{background:#142a45}
.danger{background:#3b1823;color:#ffe1e6;border-color:#6c2d3d;box-shadow:none}

/* home hero */
.hero{padding:92px 0 86px}
.heroGrid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  align-items:center;
  gap:72px;
}
.heroLeft{max-width:760px}
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  color:var(--mint);font-size:12px;font-weight:900;letter-spacing:2px;
  border:1px solid rgba(95,226,180,.25);
  background:rgba(7,47,52,.28);
  padding:9px 14px;border-radius:999px;
}
.eyebrowDot{
  width:10px;height:10px;border-radius:50%;
  background:var(--mint);box-shadow:0 0 15px rgba(95,226,180,.7);
}
.hero h1{
  font-size:clamp(60px,6.4vw,92px);
  line-height:.98;letter-spacing:-5px;
  margin:28px 0 28px;font-weight:950;
}
.heroAccent{
  background:linear-gradient(90deg,var(--mint) 0%,var(--cyan) 38%,var(--blue) 66%,var(--purple) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.heroCopy{
  margin:0;max-width:760px;
  color:var(--muted);font-size:18px;line-height:1.8;
}
.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.featureStrip{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}
.featurePill{
  display:inline-flex;align-items:center;gap:7px;
  background:#0a192b;border:1px solid #263d59;color:#d7e2ee;
  padding:10px 13px;border-radius:12px;font-size:12px;font-weight:800;
}
.featurePill b{color:var(--mint);font-size:14px}

/* right hero panel */
.heroVisual{
  position:relative;min-height:455px;border-radius:31px;
  border:1px solid rgba(93,133,179,.34);
  background:
    radial-gradient(circle at 7% 87%,rgba(52,212,186,.16),transparent 31%),
    radial-gradient(circle at 88% 10%,rgba(128,102,255,.13),transparent 34%),
    linear-gradient(145deg,#102139,#0a1729);
  box-shadow:0 28px 72px rgba(0,0,0,.30);
  overflow:hidden;
}
.heroVisual:before{
  content:"";position:absolute;width:260px;height:260px;border-radius:50%;
  border:2px solid rgba(70,218,199,.25);
  left:-118px;bottom:-110px;
}
.heroVisual:after{
  content:"";position:absolute;width:240px;height:240px;border-radius:50%;
  border:2px solid rgba(128,102,255,.16);
  right:-110px;top:-120px;
}
.miniPanel{
  position:absolute;inset:40px;
  z-index:2;border-radius:27px;
  background:rgba(15,32,55,.93);
  border:1px solid #304b6b;
  padding:31px 32px;
  box-shadow:0 22px 50px rgba(0,0,0,.24);
}
.visualTitle{font-size:22px;font-weight:950;margin:4px 0 25px}
.visualRow{
  display:flex;align-items:center;gap:18px;
  min-height:92px;padding:18px 0;
  border-bottom:1px solid rgba(133,160,191,.13);
}
.visualRow:last-child{border-bottom:0}
.visualIcon{
  flex:0 0 54px;width:54px;height:54px;border-radius:16px;
  display:grid;place-items:center;background:#142b47;
  border:1px solid rgba(118,151,190,.11);
  font-size:23px;font-weight:900;
}
.visualIcon.find{color:var(--mint)}
.visualIcon.chatIcon{color:#9f74ff}
.visualIcon.callIcon{color:#58d9ec}
.miniPanel .visualIcon{
  height:54px !important;
  width:54px !important;
  min-height:54px !important;
  max-height:54px !important;
  min-width:54px !important;
  max-width:54px !important;
  display:grid !important;
  flex:0 0 54px !important;
}
.miniPanel .visualRow{
  height:auto !important;
  min-height:92px !important;
  display:flex !important;
  flex-direction:row !important;
}
.visualIcon.chatIcon{color:#9f74ff}
.visualIcon.callIcon{color:#58d9ec}
.visualText{min-width:0}
.visualText b{display:block;font-size:17px;margin-bottom:6px}
.visualText small{
  display:block;color:var(--muted);
  font-size:13px;line-height:1.45;
}

/* how it works */
.how{
  border-top:1px solid rgba(110,145,182,.16);
  padding:70px 0 86px;
  background:linear-gradient(180deg,rgba(7,17,31,.18),rgba(6,16,29,.45));
}
.sectionEyebrow{
  text-align:center;color:var(--mint);font-size:11px;
  font-weight:900;letter-spacing:2px;margin-bottom:10px;
}
.sectionTitle{
  text-align:center;font-size:32px;letter-spacing:-1px;
  margin:0 0 40px;font-weight:950;
}
.steps{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.step{
  position:relative;min-height:210px;
  background:linear-gradient(180deg,#0d1c31,#0a1728);
  border:1px solid #263d59;border-radius:20px;
  padding:24px 20px;text-align:center;
}
.stepNum{
  width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  margin:0 auto 18px;font-weight:950;color:#06101d;
  background:linear-gradient(135deg,var(--mint),#83efca);
}
.step:nth-child(2) .stepNum{background:linear-gradient(135deg,#65b8ff,#74a7ff)}
.step:nth-child(3) .stepNum{background:linear-gradient(135deg,#9b79ff,#7657ff);color:#fff}
.step:nth-child(4) .stepNum{background:linear-gradient(135deg,var(--mint),#77efc6)}
.stepIcon{
  font-size:38px;line-height:1;margin-bottom:14px;
  color:var(--mint);
}
.step:nth-child(2) .stepIcon{color:#6ba7ff}
.step:nth-child(3) .stepIcon{color:#9c70ff}
.step h3{font-size:17px;margin:0 0 8px}
.step p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}

/* existing functional pages */
.muted{color:var(--muted);line-height:1.7}
.box{
  background:rgba(13,26,43,.96);border:1px solid var(--line);
  border-radius:19px;padding:22px;margin:20px 0;
  box-shadow:0 15px 42px rgba(0,0,0,.21)
}
.grid{display:grid;grid-template-columns:1.35fr .65fr;gap:17px}
.field{margin:14px 0}
.field label{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}
.input,.textarea{
  width:100%;background:#091524;color:#fff;border:1px solid var(--line);
  border-radius:11px;padding:13px;outline:none;transition:.18s
}
.input:focus,.textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(95,226,180,.08)}
.textarea{min-height:105px;resize:vertical}
.checks{display:flex;flex-wrap:wrap;gap:7px}
.check,.chip{background:#17314b;border-radius:999px;padding:7px 10px;font-size:12px}
.match{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  background:#091524;border:1px solid var(--line);
  padding:15px;border-radius:14px;margin:10px 0;
}
.score{font-size:22px;color:var(--mint);font-weight:900}
.online{color:var(--mint);font-size:11px}
.offline{color:#7890aa;font-size:11px}
.roomid{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--mint)}
.roomHeader{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin:25px 0}
.roomgrid{display:grid;grid-template-columns:1.4fr .6fr;gap:16px}
.problem{background:#091524;border:1px solid var(--line);padding:15px;border-radius:12px;line-height:1.65}
.chat{height:440px;display:flex;flex-direction:column}
.messages{flex:1;overflow:auto;padding:8px}
.msg{margin:10px 0;max-width:82%}.me{margin-left:auto;text-align:right}
.who{font-size:10px;color:var(--muted)}
.bubble{display:inline-block;background:#14263d;padding:9px 11px;border-radius:11px;text-align:left}
.me .bubble{background:#17453b}
.composer{display:flex;gap:8px}.composer input{flex:1}
.person{display:flex;align-items:center;justify-content:space-between;background:#091524;padding:10px;border-radius:9px;margin:7px 0}
.dot{width:8px;height:8px;border-radius:50%;background:var(--mint);display:inline-block;margin-right:7px;box-shadow:0 0 10px var(--mint)}
.callCard{border:1px solid #245441;background:linear-gradient(145deg,#0c2b26,#0b1c22);border-radius:16px;padding:17px;margin:18px 0}
.callRow{display:flex;justify-content:space-between;gap:12px;align-items:center}
.callControls{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.callDot{width:12px;height:12px;border-radius:50%;display:inline-block;background:#7890aa;margin-right:8px}
.callDot.ringing{background:var(--amber);box-shadow:0 0 12px var(--amber)}
.callDot.live{background:var(--mint);box-shadow:0 0 12px var(--mint)}
.meter{height:5px;background:#07121a;border-radius:99px;overflow:hidden;margin-top:12px}
.meter span{display:block;height:100%;width:0;background:var(--mint)}
.debug{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#9eb1c8;background:#08121e;border:1px solid var(--line);padding:10px;border-radius:10px;margin-top:10px;white-space:pre-wrap}
.request{border:1px solid #2c6d5c;background:#0d2c27;padding:14px;border-radius:12px;margin:10px 0}
.toast{position:fixed;right:20px;bottom:20px;background:#102238;border:1px solid #34516f;padding:14px;border-radius:12px;display:none;z-index:99;max-width:350px}
.toast.show{display:block}
.incomingCallBackdrop{position:fixed;inset:0;z-index:1600;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(2,10,19,.74);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.incomingCallBackdrop.show{display:flex;animation:incomingFade .2s ease both}
.incomingCallCard{position:relative;width:min(430px,100%);overflow:hidden;padding:34px 30px 28px;border:1px solid rgba(93,226,180,.38);border-radius:30px;background:radial-gradient(circle at 50% -5%,rgba(105,80,255,.25),transparent 39%),linear-gradient(160deg,#102b46,#091a2d 68%);box-shadow:0 38px 100px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.06);text-align:center}
.incomingCallCard:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.035) 48%,transparent 68%)}
.incomingCallEyebrow{position:relative;color:#71e7c4;font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.incomingCallerVisual{position:relative;width:104px;height:104px;margin:26px auto 21px;display:grid;place-items:center}
.incomingCallerPulse,.incomingCallerPulse:before,.incomingCallerPulse:after{position:absolute;inset:0;border:1px solid rgba(95,226,180,.35);border-radius:50%;content:"";animation:incomingRing 2.1s ease-out infinite}.incomingCallerPulse:before{inset:-12px;animation-delay:.38s}.incomingCallerPulse:after{inset:-24px;animation-delay:.76s}
.incomingCallerAvatar{position:relative;z-index:2;width:86px;height:86px;display:grid;place-items:center;border:2px solid rgba(127,237,208,.6);border-radius:50%;background:linear-gradient(145deg,#6244e8,#1aab9e);color:white;font-size:31px;font-weight:950;box-shadow:0 15px 36px rgba(0,0,0,.34),0 0 35px rgba(95,226,180,.18)}
.incomingCallCard h2{position:relative;margin:0;color:#f8fbff;font-size:27px;line-height:1.2;letter-spacing:-.8px}.incomingCallSub{position:relative;margin:7px 0 0;color:#94abc0;font-size:13px}.incomingCallInterest{position:relative;width:max-content;max-width:100%;margin:17px auto 0;padding:8px 12px;overflow:hidden;border:1px solid rgba(83,133,171,.48);border-radius:999px;background:rgba(8,29,47,.76);color:#bdd0df;font-size:11px;font-weight:750;white-space:nowrap;text-overflow:ellipsis}.incomingCallInterest:before{content:"#";margin-right:4px;color:var(--mint)}
.incomingCallTimer{position:relative;margin-top:16px;color:#7892a8;font-size:11px}.incomingCallTimer b{color:#bcd0df;font-variant-numeric:tabular-nums}
.incomingCallActions{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.incomingCallAction{min-height:54px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:16px;font-size:14px;font-weight:900;cursor:pointer;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.incomingCallAction:hover{transform:translateY(-2px);filter:brightness(1.06)}.incomingCallAction svg{width:19px;height:19px;stroke:currentColor}.incomingDecline{border-color:#874052;background:linear-gradient(145deg,#642538,#481d2c);color:#ffdce2}.incomingAccept{background:linear-gradient(135deg,#58dcae,#78edc7);color:#052018;box-shadow:0 13px 30px rgba(95,226,180,.18)}
.incomingCallHint{position:relative;margin:16px 0 0;color:#647e94;font-size:10px;line-height:1.5}
.notificationCallItem{margin:8px 0;padding:14px!important;border:1px solid rgba(95,226,180,.25)!important;border-radius:14px;background:linear-gradient(145deg,rgba(20,57,72,.52),rgba(11,35,55,.5))}
@keyframes incomingFade{from{opacity:0}to{opacity:1}}@keyframes incomingRing{0%{opacity:.8;transform:scale(.76)}72%,100%{opacity:0;transform:scale(1.22)}}
@media(max-width:520px){.incomingCallBackdrop{align-items:flex-end;padding:12px}.incomingCallCard{width:100%;padding:29px 20px calc(22px + env(safe-area-inset-bottom));border-radius:27px}.incomingCallerVisual{width:90px;height:90px;margin:22px auto 19px}.incomingCallerAvatar{width:76px;height:76px;font-size:27px}.incomingCallCard h2{font-size:24px}.incomingCallActions{gap:10px}.incomingCallAction{min-height:52px;border-radius:15px}}
@media(max-width:350px){.incomingCallActions{grid-template-columns:1fr}.incomingCallCard{max-height:calc(100dvh - 18px);overflow:auto}}
@media(prefers-reduced-motion:reduce){.incomingCallBackdrop,.incomingCallerPulse,.incomingCallerPulse:before,.incomingCallerPulse:after{animation:none!important}}

/* tablet */
@media(max-width:980px){
  .wrap{width:min(92%,900px)}
  .hero{padding:70px 0}
  .heroGrid{grid-template-columns:1fr;gap:44px}
  .heroVisual{min-height:420px}
  .steps{grid-template-columns:repeat(2,1fr)}
  .grid,.roomgrid{grid-template-columns:1fr}
}
/* mobile */
@media(max-width:640px){
  .nav{min-height:68px}
  .navin{min-height:68px}
  .brand{font-size:25px}
  .navlinks{gap:7px}
  .navlinks .btn{padding:9px 12px;min-height:40px;font-size:13px}
  .hero{padding:50px 0 58px}
  .hero h1{font-size:50px;letter-spacing:-3px;margin:22px 0}
  .heroCopy{font-size:16px;line-height:1.7}
  .eyebrow{font-size:10px;letter-spacing:1.5px}
  .heroActions{flex-direction:column}
  .heroActions .btn{width:100%}
  .featureStrip{display:grid;grid-template-columns:1fr 1fr}
  .featurePill{font-size:11px;padding:9px 10px}
  .heroVisual{min-height:390px;border-radius:24px}
  .miniPanel{inset:18px 14px;padding:22px 18px;border-radius:22px}
  .visualRow{gap:13px;min-height:82px;padding:13px 0}
  .visualIcon{width:44px;height:44px;flex-basis:44px}
  .visualText b{font-size:15px}
  .steps{grid-template-columns:1fr}
  .sectionTitle{font-size:27px}
  .roomHeader{display:block}
  .composer{flex-direction:column}
  .composer .btn{width:100%}
}

.authWrap{width:min(920px,92%);margin:44px auto}
.authCard{background:rgba(13,26,43,.96);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 18px 50px rgba(0,0,0,.24)}
.authGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.registerQuick{width:min(820px,calc(100% - 24px));margin:28px auto 48px}.registerQuick .authCard{padding:0;overflow:hidden}.registerQuickHead{padding:25px 27px 20px;border-bottom:1px solid #25415b;background:linear-gradient(120deg,#102b42,#0b1c30)}.registerQuickEyebrow{color:#66e0bc;font-size:10px;font-weight:950;letter-spacing:1.3px;text-transform:uppercase}.registerQuickHead h1{margin:7px 0 7px;font-size:clamp(25px,4vw,34px);letter-spacing:-.8px}.registerQuickHead p{margin:0;color:#99adbf;font-size:13px;line-height:1.55}.registerQuickForm{padding:22px 27px 26px}.registerQuick .field{margin:0}.registerQuick .authGrid{gap:15px 17px}.registerQuickGoal{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:16px;border:1px solid #2b4a66;border-radius:15px;background:#091a2b}.registerQuickGoalTitle{grid-column:1/-1}.registerQuickGoalTitle b{display:block;font-size:14px}.registerQuickGoalTitle span{display:block;margin-top:4px;color:#849aad;font-size:11px}.registerQuickSubmit{width:100%;min-height:48px;margin-top:19px;font-size:14px}.registerQuickFoot{margin-top:12px;text-align:center;color:#8499ab;font-size:11px}.registerQuickFoot a{color:#6fe0c0;font-weight:850}.profileOptionalEditor{margin-top:14px;border:1px solid #294760;border-radius:15px;background:#091a2b;overflow:hidden}.profileOptionalEditor summary{padding:15px 17px;cursor:pointer;color:#d9e5ee;font-size:12px;font-weight:900;list-style:none}.profileOptionalEditor summary::-webkit-details-marker{display:none}.profileOptionalEditor summary:after{content:"＋";float:right;color:#63dfba}.profileOptionalEditor[open] summary:after{content:"−"}.profileOptionalBody{padding:0 17px 17px;border-top:1px solid #233f56}.profileOptionalBody .learningCheckGroup{margin-top:14px}.profileOptionalBody .field{margin-top:16px}
.authNote{background:#0a192b;border:1px solid #263d59;border-radius:13px;padding:12px 14px;color:var(--muted);font-size:13px;line-height:1.6;margin:14px 0}
.select{appearance:none;padding-right:38px}
.loginChoice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.loginChoice span{padding:10px 12px;border:1px solid #2a425f;border-radius:12px;text-align:center;background:#0a192b;color:#c7d5e5;font-size:13px}
@media(max-width:640px){.authGrid,.loginChoice{grid-template-columns:1fr}.authCard{padding:20px}.registerQuick{margin-top:12px}.registerQuickHead{padding:21px 18px 17px}.registerQuickForm{padding:18px}.registerQuickGoal{grid-template-columns:1fr}.registerQuickGoalTitle{grid-column:auto}.registerQuick .input,.registerQuick .select{min-height:48px}}

.authLinks{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;font-size:13px}
.authLinks a{color:var(--mint);font-weight:800}
.loginShell{width:min(1080px,calc(100% - 32px));min-height:calc(100dvh - 76px);margin:0 auto;padding:clamp(28px,6vh,68px) 0;display:grid;place-items:center}
.loginExperience{position:relative;width:100%;display:grid;grid-template-columns:minmax(300px,.84fr) minmax(410px,1.16fr);overflow:hidden;border:1px solid rgba(74,126,166,.48);border-radius:30px;background:linear-gradient(145deg,rgba(11,30,50,.99),rgba(8,23,40,.99));box-shadow:0 34px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.045)}
.loginExperience:before{content:"";position:absolute;z-index:0;right:-110px;bottom:-170px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(92,226,180,.11),transparent 68%);pointer-events:none}
.loginStory,.loginFormPanel{position:relative;z-index:1}
.loginStory{min-height:570px;padding:clamp(34px,5vw,58px);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(72,117,153,.32);background:radial-gradient(circle at 18% 5%,rgba(87,102,255,.22),transparent 37%),linear-gradient(160deg,rgba(13,39,63,.96),rgba(9,27,47,.92))}
.loginStoryBadge{width:max-content;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(95,226,180,.28);border-radius:999px;background:rgba(9,42,50,.48);color:#84ebce;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.loginStoryBadge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px rgba(95,226,180,.8)}
.loginStory h1{max-width:420px;margin:28px 0 16px;font-size:clamp(37px,4.2vw,54px);line-height:1.02;letter-spacing:-2.7px}.loginStory h1 span{color:var(--mint)}
.loginStoryCopy{max-width:430px;margin:0;color:#9eb4c8;font-size:15px;line-height:1.7}
.loginPromise{display:grid;gap:12px;margin-top:34px}.loginPromiseItem{display:flex;align-items:center;gap:11px;color:#c7d7e4;font-size:13px;font-weight:650}.loginPromiseIcon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:1px solid rgba(92,226,180,.25);border-radius:10px;background:rgba(16,63,68,.4);color:var(--mint);font-size:14px}
.loginPrivacy{display:flex;align-items:center;gap:9px;margin-top:36px;padding-top:22px;border-top:1px solid rgba(78,121,153,.25);color:#7894aa;font-size:11px;line-height:1.5}.loginPrivacy svg{width:16px;height:16px;flex:0 0 16px;stroke:var(--mint)}
.loginFormPanel{padding:clamp(34px,5vw,62px);display:flex;align-items:center}.loginFormInner{width:100%;max-width:520px;margin:auto}.loginFormEyebrow{margin-bottom:8px;color:var(--mint);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.loginFormInner h2{margin:0 0 9px;font-size:clamp(29px,3vw,39px);line-height:1.1;letter-spacing:-1.4px}.loginFormIntro{margin:0 0 28px;color:#8fa7bb;font-size:14px;line-height:1.6}
.loginField{margin-bottom:18px}.loginField label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#c9d7e4;font-size:12px;font-weight:800}.loginFieldControl{position:relative}.loginFieldIcon{position:absolute;left:15px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:#708da4;pointer-events:none}.loginFieldIcon svg{width:18px;height:18px;stroke:currentColor}.loginField .input{width:100%;min-height:54px;padding:13px 48px 13px 45px;border-radius:14px;border-color:#294b67;background:rgba(5,20,34,.78);font-size:15px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.loginField .input:hover{border-color:#3a607c}.loginField .input:focus{border-color:rgba(95,226,180,.72);background:#081c2e;box-shadow:0 0 0 4px rgba(95,226,180,.09)}
.passwordReveal{position:absolute;right:10px;top:50%;width:34px;height:34px;display:grid;place-items:center;transform:translateY(-50%);border:0;border-radius:10px;background:transparent;color:#7792a8;cursor:pointer}.passwordReveal:hover{background:#112c43;color:var(--mint)}.passwordReveal svg{width:18px;height:18px;stroke:currentColor}
.loginSubmit{width:100%;min-height:54px;margin-top:5px;border-radius:14px;box-shadow:0 12px 28px rgba(95,226,180,.1)}.loginSubmit:hover{box-shadow:0 16px 34px rgba(95,226,180,.19)}
.loginDivider{display:flex;align-items:center;gap:13px;margin:24px 0;color:#658096;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.loginDivider:before,.loginDivider:after{content:"";height:1px;flex:1;background:#203c54}
.loginActions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.loginAction{min-height:46px;padding:11px 12px;display:flex;align-items:center;justify-content:center;border:1px solid #294860;border-radius:12px;background:#0c2237;color:#bfd0de;font-size:12px;font-weight:800;text-align:center;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.loginAction:hover{transform:translateY(-1px);border-color:rgba(95,226,180,.43);background:#12304a;color:#fff}
@media(max-width:820px){.loginShell{min-height:calc(100dvh - 66px);width:min(680px,calc(100% - 28px));padding:24px 0 38px}.loginExperience{grid-template-columns:1fr;border-radius:24px}.loginStory{min-height:auto;padding:30px;border-right:0;border-bottom:1px solid rgba(72,117,153,.32)}.loginStory h1{font-size:36px;margin:22px 0 12px}.loginStoryCopy{font-size:14px}.loginPromise{grid-template-columns:1fr 1fr;margin-top:25px}.loginPrivacy{margin-top:25px;padding-top:18px}.loginFormPanel{padding:32px 30px 36px}}
@media(max-width:520px){.loginShell{width:100%;padding:0;display:block}.loginExperience{min-height:calc(100dvh - 66px);border-width:1px 0 0;border-radius:0;box-shadow:none}.loginStory{padding:26px 20px 24px}.loginStory h1{font-size:31px;letter-spacing:-1.8px}.loginStoryCopy{font-size:13px}.loginPromise{grid-template-columns:1fr;gap:9px}.loginPrivacy{display:none}.loginFormPanel{padding:28px 20px 36px}.loginFormInner h2{font-size:28px}.loginFormIntro{margin-bottom:23px}.loginActions{grid-template-columns:1fr}.loginField .input{min-height:52px;font-size:16px}}
.resetChoice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.resetChoice label{display:flex;gap:9px;align-items:center;background:#0a192b;border:1px solid #263d59;border-radius:12px;padding:12px;cursor:pointer}
.codeInput{text-align:center;letter-spacing:8px;font-size:25px;font-weight:900}
@media(max-width:640px){.resetChoice{grid-template-columns:1fr}}

.resetShell{width:min(620px,92%);margin:52px auto}
.resetCard{background:rgba(13,26,43,.98);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.resetTitle{font-size:32px;margin:0 0 8px;font-weight:950;letter-spacing:-.8px}
.resetSub{color:var(--muted);line-height:1.65;margin:0 0 24px}
.statusGood{border:1px solid #2c6d5c;background:#0d2c27;color:#c8ffe9;border-radius:13px;padding:13px 14px;margin:14px 0}
.statusBad{border:1px solid #6c2d3d;background:#2b1119;color:#ffd9df;border-radius:13px;padding:13px 14px;margin:14px 0}
.resetHint{font-size:12px;color:var(--muted);margin-top:8px}
.codeBox{text-align:center;letter-spacing:9px;font-size:26px;font-weight:950}

/* Dashboard */
.dashboardShell{padding:34px 0 70px}
.dashboardHero{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin-bottom:26px;padding:4px 0 2px
}
.dashboardHero h1{margin:0;font-size:clamp(34px,4vw,50px);letter-spacing:-2px}
.dashboardSub{color:var(--muted);margin-top:7px;font-size:14px}
.dashboardActions{display:flex;gap:10px;flex-wrap:wrap}
.dashboardGrid{
  display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);
  gap:18px;align-items:start
}
.dashCard{
  background:linear-gradient(180deg,rgba(14,28,49,.98),rgba(10,23,40,.98));
  border:1px solid #263d59;border-radius:22px;padding:22px;
  box-shadow:0 18px 44px rgba(0,0,0,.20)
}
.dashCard h2{margin:0 0 18px;font-size:22px;letter-spacing:-.5px}
.dashCardHeader{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px
}
.badge{
  display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;
  padding:0 9px;border-radius:999px;background:#14314c;border:1px solid #274560;
  color:#dbe7f2;font-size:12px;font-weight:850
}
.requestBadge{
  background:linear-gradient(135deg,var(--mint),#78edc6);color:#06121b;
  border:none;font-weight:950
}
.matchList{display:grid;gap:12px}
.matchCard{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;
  background:#091625;border:1px solid #223a56;border-radius:16px;padding:16px 17px
}
.matchMain{min-width:0}
.matchTop{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.matchName{font-size:17px;font-weight:900}
.statusDot{font-size:11px;font-weight:800}
.statusDot.onlineState{color:var(--mint)}
.statusDot.offlineState{color:#71869d}
.matchChips{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.matchAside{text-align:right;min-width:100px}
.matchScore{font-size:29px;font-weight:950;color:var(--mint);line-height:1}
.matchLabel{color:var(--muted);font-size:10px;margin:5px 0 10px;text-transform:uppercase;letter-spacing:1px}
.interestCloud{display:flex;gap:8px;flex-wrap:wrap}
.interestChip{
  background:#16324d;border:1px solid rgba(91,139,183,.12);border-radius:999px;
  padding:8px 11px;color:#dce7f2;font-size:12px;font-weight:750
}
.roomsSection{margin-top:24px}
.roomsHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.roomsHeader h2{margin:0;font-size:24px}
.roomCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.roomCard{
  background:linear-gradient(180deg,#0d1c31,#0a1728);
  border:1px solid #263d59;border-radius:18px;padding:18px;
  display:flex;flex-direction:column;gap:11px;min-height:180px
}
.roomTitle{font-size:18px;font-weight:900}
.roomMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.roomCode{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--mint);
  background:#0a1b2e;border:1px solid #24405e;border-radius:9px;padding:7px 9px;font-size:12px
}
.roomProblem{color:var(--muted);line-height:1.55;font-size:13px;flex:1}
.emptyState{
  border:1px dashed #2a425f;border-radius:16px;padding:28px;text-align:center;
  color:var(--muted);background:rgba(9,21,36,.55)
}
.quickStat{
  display:flex;align-items:center;justify-content:space-between;padding:12px 0;
  border-bottom:1px solid rgba(123,151,184,.10)
}
.quickStat:last-child{border-bottom:0}
.quickStat span{color:var(--muted);font-size:13px}
.quickStat b{font-size:15px}
@media(max-width:920px){
  .dashboardGrid{grid-template-columns:1fr}
  .roomCards{grid-template-columns:1fr}
}
@media(max-width:640px){
  .dashboardShell{padding:22px 0 50px}
  .dashboardHero{align-items:flex-start;flex-direction:column}
  .dashboardActions{width:100%}
  .dashboardActions .btn{flex:1}
  .matchCard{grid-template-columns:1fr}
  .matchAside{text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px}
  .matchLabel{display:none}
  .roomsHeader{align-items:flex-start;flex-direction:column}
  .roomCard{min-height:auto}
}


/* ===== Premium Learning Room ===== */
.learningRoom{padding:28px 0 70px}
.learningHero{position:relative;display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:20px;padding:6px 0 4px}
.learningHeroMain{min-width:0}
.roomEyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;border:1px solid rgba(66,229,188,.28);background:rgba(13,48,59,.52);color:#61e8c3;font-size:12px;font-weight:900;letter-spacing:2px}
.roomEyebrow:before{content:"🔒";font-size:12px}
.learningTitle{margin:20px 0 4px;font-size:clamp(36px,5vw,58px);line-height:1.02;letter-spacing:-2.5px}
.learningTitle .nameA{color:#9a6cff}.learningTitle .nameB{color:#5de5ce}
.roomTagline{color:#aebed1;font-size:16px;margin-top:10px}
.roomIdPill{margin-top:17px;display:inline-flex;align-items:center;gap:9px;padding:8px 12px;background:rgba(11,27,47,.78);border:1px solid rgba(65,93,130,.26);border-radius:13px;color:#b8c7d9;font-size:13px}
.roomIdPill b{color:#4ee1b5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.copyRoomBtn{border:1px solid rgba(151,89,255,.7)!important}
.heroLinkArt{min-width:260px;align-self:center;display:flex;align-items:center;justify-content:flex-end;gap:15px;padding-top:16px}
.heroAvatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:950;font-size:20px;background:linear-gradient(145deg,#814cff,#5d39bb);border:1px solid rgba(173,130,255,.45);box-shadow:0 0 24px rgba(123,75,255,.15)}
.heroAvatar.teal{background:linear-gradient(145deg,#17cdb9,#0c817e);border-color:rgba(64,236,215,.42)}
.heroWave{color:#8b64ff;font-size:22px;letter-spacing:3px}.heroBook{font-size:46px}
.premiumCallCard{border:1px solid rgba(113,65,229,.68);background:radial-gradient(circle at 4% 50%,rgba(0,219,177,.11),transparent 28%),radial-gradient(circle at 96% 10%,rgba(116,59,255,.12),transparent 30%),linear-gradient(145deg,#09192d,#111331);border-radius:20px;padding:22px 24px;margin:20px 0;box-shadow:0 20px 60px rgba(0,0,0,.24)}
.audioTop{display:flex;align-items:center;gap:15px}.audioIcon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:29px;color:#55e8c5;background:radial-gradient(circle,#113a48,#09283a);border:1px solid rgba(48,225,190,.25)}
.audioReadyTitle{font-size:21px;font-weight:950}.audioWave{color:#24ddb3;margin-left:8px;font-size:19px;letter-spacing:1px}.audioSub{color:#aebed1;margin-top:4px;font-size:14px}
.callControls.premiumControls{margin-top:20px}.callControls.premiumControls .btn:first-child{min-width:260px;padding:14px 22px;font-size:16px;background:linear-gradient(90deg,#18d3a7,#19aede);box-shadow:0 10px 28px rgba(17,198,176,.18)}
.premiumMeter{margin-top:18px;height:3px;background:#1d2a41}
.premiumStatus{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:13px;color:#c3cddd;font-size:12px;background:rgba(3,13,26,.48);border-radius:10px;padding:9px 12px}.premiumStatus .ok{color:#54e5bc}
.learningGrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);gap:16px;margin-top:16px;align-items:start}
.learningCard{background:linear-gradient(180deg,#0c1b31,#091729);border:1px solid #223854;border-radius:18px;padding:20px;box-shadow:0 16px 42px rgba(0,0,0,.16)}
.learningCard h3{margin:0 0 16px;font-size:21px;display:flex;align-items:center;gap:10px}.learningCard h3 .sectionIcon{color:#9a62ff}
.problemPremium{padding:16px;border-radius:13px;border:1px solid rgba(117,83,220,.55);background:rgba(11,23,44,.82);font-size:14px;color:#e9eef8}
.goalLine{margin-top:15px;color:#aebdd0;font-size:14px}.goalLine b{color:#a674ff}
.peopleList{display:grid;gap:8px}.personPremium{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(11,24,43,.86);border:1px solid rgba(42,61,91,.22)}
.personLeft{display:flex;align-items:center;gap:10px;min-width:0}.personAvatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#8f56ff,#623fd6);font-weight:950;color:white;position:relative;flex:0 0 auto}.personAvatar.teal{background:linear-gradient(145deg,#21d9c1,#0a948d)}.personAvatar:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;right:-1px;bottom:1px;background:#24df97;border:2px solid #0d1c31}
.personName{font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.personOnline{font-size:11px;color:#2be39a;margin-top:1px}.youPill{border:1px solid rgba(133,78,255,.42);color:#ad78ff;background:rgba(93,50,165,.12);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}
.peopleCount{margin-top:12px;border-top:1px solid rgba(57,77,108,.28);padding-top:11px;color:#9c78ff;font-size:12px;text-align:center}
.chatPremium{margin-top:16px}.chatPremium .messages{height:250px;max-height:40vh;background:rgba(5,15,29,.5);border-radius:12px;border:1px solid rgba(49,67,98,.25)}
.roomTip{width:min(760px,100%);margin:18px auto 0;text-align:center;padding:10px 16px;border-radius:999px;background:rgba(15,23,49,.78);color:#aebed1;font-size:12px}.roomTip b{color:#b572ff}
@media(max-width:900px){.heroLinkArt{display:none}.learningGrid{grid-template-columns:1fr}}
@media(max-width:640px){.learningRoom{padding-top:18px}.learningHero{flex-direction:column}.learningHero>div:last-child{width:100%}.copyRoomBtn{width:100%}.premiumCallCard{padding:18px}.callControls.premiumControls .btn:first-child{min-width:0;width:100%}.learningTitle{letter-spacing:-1.7px}.premiumStatus{gap:10px}}


.roomMeta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.callControls.premiumControls{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:640px){
  .callControls.premiumControls{display:grid;grid-template-columns:1fr 1fr}
  .callControls.premiumControls #callBtn{grid-column:1/-1}
  .callControls.premiumControls .btn{width:100%;min-width:0}
}



/* ===== Clean audio call panel ===== */
.callPanel{
  padding:18px 20px;
  border-radius:18px;
  background:linear-gradient(145deg,#0b1b30,#10162d);
  border:1px solid rgba(74,104,146,.48);
  box-shadow:0 16px 44px rgba(0,0,0,.18);
}
.callPanelMain{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto auto;
  align-items:center;
  gap:18px;
}
.callIdentity{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}
.cleanAudioIcon{
  width:46px;
  height:46px;
  font-size:22px;
  flex:0 0 auto;
}
.callCopy{min-width:0}
.callPanel .audioReadyTitle{
  margin:0;
  font-size:19px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:-.25px;
}
.callPanel .audioSub{
  margin-top:4px;
  font-size:13px;
  color:#94a9c0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.callMeta{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}
.callStateBadge,.callTimerBadge,.callPeopleBadge{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  border:1px solid rgba(75,107,149,.45);
  background:#0b2138;
  color:#c4d3e3;
}
.callStateBadge{color:#63e6c0;border-color:rgba(72,220,182,.32);background:rgba(15,78,72,.26)}
.callTimerBadge{color:#63e6c0}
.compactCallControls{
  margin:0!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  justify-content:flex-end;
}
.compactCallControls .btn,
.callControls.premiumControls.compactCallControls .btn:first-child{
  min-width:0!important;
  width:auto!important;
  padding:10px 14px!important;
  font-size:13px!important;
  box-shadow:none!important;
  white-space:nowrap;
}
.callConnectionRow{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(72,94,126,.28);
  color:#8fa5bc;
  font-size:12px;
}
.callConnectionDot{
  width:8px;height:8px;border-radius:50%;
  background:#4ee1b5;
  box-shadow:0 0 0 4px rgba(78,225,181,.08);
}
.callDivider{opacity:.45}
.callDebug{margin-left:auto;color:#7890aa}
.callPanel .premiumMeter,.callPanel .meter{display:none!important}

@media(max-width:900px){
  .callPanelMain{
    grid-template-columns:1fr auto;
  }
  .compactCallControls{
    grid-column:1/-1;
    justify-content:flex-start;
  }
}
@media(max-width:640px){
  .callPanel{padding:15px}
  .callPanelMain{display:flex;flex-direction:column;align-items:stretch;gap:12px}
  .callMeta{justify-content:flex-start}
  .compactCallControls{
    display:grid!important;
    grid-template-columns:1fr 1fr;
  }
  .compactCallControls .btn,
  .callControls.premiumControls.compactCallControls .btn:first-child{
    width:100%!important;
  }
  .callPanel .audioSub{white-space:normal}
  .callConnectionRow{flex-wrap:wrap}
  .callDebug{width:100%;margin-left:0}
}


.audioDevicePanel{margin-top:12px;padding:14px;border:1px solid rgba(75,107,149,.36);border-radius:14px;background:rgba(5,18,34,.7)}
.audioDeviceGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.audioDeviceGrid label span{display:block;margin-bottom:6px;color:#9fb1c6;font-size:12px;font-weight:800}
.audioDeviceGrid select{width:100%;min-height:42px}
.audioDeviceHelp{margin-top:10px;color:#8fa4ba;font-size:12px;line-height:1.5}
@media(max-width:640px){.audioDeviceGrid{grid-template-columns:1fr}}


.learningCheckGroup{margin:14px 0;padding:14px;border:1px solid #223b59;border-radius:14px;background:#0a192b}
.learningCheckTitle{font-weight:900;margin-bottom:10px;color:#d8e5f2}
.learningCheckGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.learningCheck{display:flex;gap:8px;align-items:center;padding:9px 10px;border:1px solid #294464;border-radius:10px;background:#0e2036;cursor:pointer;font-size:13px}
.learningCheck input{accent-color:#5fe0bd}
.focusActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.publicGoalCard{border:1px solid #24425e;border-radius:16px;padding:16px;background:#0b1a2d}
.publicGoalMeta{color:#8fa5ba;font-size:12px;margin-top:5px}
.publicGoalTags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.publicGoalsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:820px){.learningCheckGrid,.publicGoalsGrid{grid-template-columns:1fr}}

/* ===== Tutor permissions / profiles ===== */
.tutorGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tutorCard{padding:18px;border:1px solid #284663;border-radius:18px;background:linear-gradient(145deg,#0c1c31,#091827);display:flex;flex-direction:column;gap:13px}.tutorHead{display:flex;gap:12px;align-items:center}.tutorAvatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#17324d;border:1px solid #2f5679;color:#62e1bd;font-size:23px;font-weight:900;flex:0 0 auto}.tutorName{font-weight:900;font-size:18px}.verified{color:#65e1bd;font-size:12px;font-weight:900}.tutorHeadline{color:#9fb2c5;font-size:13px;margin-top:3px}.tutorTags{display:flex;gap:7px;flex-wrap:wrap}.tutorTag{padding:6px 9px;border-radius:999px;background:#142c49;border:1px solid #244b70;color:#cbd8e5;font-size:11px;font-weight:800}.tutorBio{color:#9fb0c2;font-size:13px;line-height:1.6}.tutorMeta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tutorMeta>div{padding:10px;border-radius:11px;border:1px solid #203b56;background:#091725;color:#9db0c2;font-size:12px}.tutorActions{display:flex;gap:8px;flex-wrap:wrap}.tutorHero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.tutorProfileGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px}.tutorPanel{padding:18px;border:1px solid #284663;border-radius:18px;background:#0b1a2d}.tutorStatus{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900}.tutorStatus.invited,.tutorStatus.pending_interview{background:#3c3013;color:#ffd56a}.tutorStatus.interview_passed,.tutorStatus.approved{background:#0e3b33;color:#67e1bc}.tutorStatus.interview_failed,.tutorStatus.rejected{background:#401d27;color:#ff8ca3}.adminTutorRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;padding:14px;border:1px solid #284663;border-radius:14px;background:#0b1a2d;margin-top:10px}.adminTutorActions{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.criteriaBox{padding:14px;border:1px solid #2d4966;border-radius:14px;background:#0a192b;margin:14px 0}@media(max-width:1000px){.tutorGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorProfileGrid{grid-template-columns:1fr}}@media(max-width:700px){.tutorGrid{grid-template-columns:1fr}.tutorHero{display:flex;flex-direction:column;align-items:stretch}.adminTutorRow{grid-template-columns:1fr}}

/* Tutor class request UX */

/* Persistent tutor-student messaging */
/* Student learning profile */
.studentProfileGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px}
.studentProfileCard{padding:16px;border:1px solid #27445f;border-radius:14px;background:#091827}
.profileMetricGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}
.profileMetric{padding:11px;border-radius:12px;background:#0c2034;border:1px solid #24435f;color:#9eb0c2;font-size:11px}.profileMetric b{display:block;color:#fff;font-size:18px;margin-top:3px}
.feedbackItem{padding:11px 0;border-bottom:1px solid #20384f}.feedbackItem:last-child{border-bottom:0}
.feedbackStars{color:#ffd56a;font-size:16px;letter-spacing:1px}
@media(max-width:760px){.studentProfileGrid{grid-template-columns:1fr}.profileMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.studentContactRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.studentPresence{font-size:12px;font-weight:800}.studentPresence.online{color:#68e2bd}.studentPresence.offline{color:#8ea2b7}
.messageThread{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:auto;padding:12px;border:1px solid #24425f;border-radius:14px;background:#081625}
.messageBubble{max-width:82%;padding:10px 12px;border-radius:14px;line-height:1.5}.messageBubble.me{align-self:flex-end;background:#1b3c61}.messageBubble.them{align-self:flex-start;background:#15263a}
.messageMeta{font-size:10px;color:#8ea2b7;margin-top:4px}

.tutorMatchBadge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#0c3b32;border:1px solid #17665a;color:#68e2bd;font-size:11px;font-weight:900}
.tutorNameLink{color:inherit;text-decoration:none}.tutorNameLink:hover{color:#68e2bd;text-decoration:underline}
.onlineTutorLine{margin-top:6px;color:#9fb2c5;font-size:13px;min-height:20px}.onlineTutorLine a{color:#68e2bd;font-weight:800;text-decoration:none}
.classStatus{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900}.classStatus.available{background:#0c3b32;color:#68e2bd;border:1px solid #17665a}.classStatus.full{background:#3c3013;color:#ffd56a;border:1px solid #755e1b}
.tutorAdminMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.tutorAdminMetric{padding:9px;border:1px solid #203b56;border-radius:11px;background:#091725;color:#9db0c2;font-size:11px}.tutorAdminMetric b{display:block;color:#fff;font-size:16px;margin-top:2px}
.classRequestCard{padding:13px;border:1px solid #294763;border-radius:13px;background:#0a192b;margin-top:9px}
.classHubSection{margin-top:22px;padding:20px;border:1px solid rgba(55,91,121,.55);border-radius:22px;background:linear-gradient(145deg,rgba(12,28,46,.92),rgba(7,20,34,.92));box-shadow:0 18px 42px rgba(0,0,0,.16)}
.classHubHead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.classHubHead h2{margin:0;font-size:22px}.classHubHead p{margin:5px 0 0;color:#91a8ba;font-size:13px}.classHubLink{padding:9px 13px!important;white-space:nowrap}
.classCardsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));gap:13px}
.classHubCard{min-height:0!important;padding:17px!important;border:1px solid #2a506c!important;border-radius:17px!important;background:linear-gradient(145deg,#0e2235,#0a1929)!important;box-shadow:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:13px 18px;align-items:center}.classHubCard:before{display:none!important}.classHubCard:hover{transform:translateY(-2px);border-color:#407899!important}
.classHubCardMain{min-width:0}.classHubCardTitle{margin:0 0 5px;font-size:18px;font-weight:900;color:#f5f9fd}.classHubTutor{color:#b7c9d8;font-size:12px;font-weight:700}.classHubMeta{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.classHubMeta span{padding:5px 8px;border:1px solid #294862;border-radius:9px;background:#091827;color:#9fb5c7;font-size:11px}.classHubSide{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.classHubSide .btn{min-width:124px;text-align:center;padding:10px 13px}.classOpenBadge{display:inline-flex;padding:6px 9px;border:1px solid #27745f;border-radius:999px;background:#0d392f;color:#75e5bd;font-size:11px;font-weight:900;white-space:nowrap}
@media(max-width:650px){.classHubSection{padding:14px;border-radius:17px}.classHubHead{align-items:flex-start}.classHubHead p{font-size:12px}.classHubCard{grid-template-columns:1fr}.classHubSide{align-items:stretch}.classHubSide .btn{width:100%}.classOpenBadge{align-self:flex-start}.classHubLink{padding:8px 10px!important;font-size:11px!important}}
/* Flat responsive dashboard: one visual layer, no cards inside cards. */
.dashboardShell{width:min(1180px,calc(100% - 32px));padding:24px 0 56px}
.dashboardHero{margin-bottom:22px}
.dashboardGrid{grid-template-columns:minmax(0,1fr) 290px;gap:28px;padding-bottom:4px}
.dashboardGrid>.dashCard{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.dashboardGrid>.dashCard:first-child{min-width:0}
.dashboardGrid>.dashCard:last-child{padding-left:24px;border-left:1px solid rgba(61,91,117,.46)}
.dashboardGrid .dashCardHeader{margin-bottom:12px}.dashboardGrid .dashCard h2{margin-bottom:10px}
.dashboardGrid .onlineTutorLine{font-size:13px;line-height:1.45}
.dashboardGrid .matchList{gap:10px}
.dashboardGrid .matchCard{padding:15px 16px;border-radius:15px;background:#0b1b2b;border:1px solid #29465f;box-shadow:none}
.dashboardGrid .matchAside{display:flex;align-items:center;gap:18px;min-width:190px}.dashboardGrid .matchAside>div:first-child{min-width:58px}.dashboardGrid .matchScore{font-size:24px}.dashboardGrid .matchLabel{margin-bottom:0}.dashboardGrid .matchAside .btn{min-width:118px;text-align:center;padding:10px 13px}
.classHubSection{margin-top:30px;padding:24px 0 0;border:0;border-top:1px solid rgba(61,91,117,.42);border-radius:0;background:transparent;box-shadow:none}
.classHubHead{margin-bottom:13px}.classHubHead h2{font-size:21px}.classCardsGrid{grid-template-columns:1fr;gap:10px}
.classHubCard{padding:15px 16px!important;border-radius:15px!important;background:#0b1b2b!important;border-color:#29465f!important}
.classHubMeta{margin-top:9px}.classHubSide{flex-direction:row;align-items:center}.classHubSide .btn{min-width:112px}
.roomsSection{padding-top:26px;margin-top:30px;border-top:1px solid rgba(61,91,117,.42)}
@media(max-width:900px){.dashboardGrid{grid-template-columns:1fr;gap:24px}.dashboardGrid>.dashCard:last-child{padding:20px 0 0;border-left:0;border-top:1px solid rgba(61,91,117,.42)}.dashboardGrid>.dashCard:last-child>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.classHubSection{margin-top:25px}}
@media(max-width:650px){.dashboardShell{width:min(100% - 22px,680px);padding-top:16px}.dashboardHero{margin-bottom:18px}.dashboardGrid{gap:20px}.dashboardGrid .dashCardHeader{align-items:flex-start}.dashboardGrid .matchCard{padding:14px}.dashboardGrid .matchAside{min-width:0;width:100%;align-items:center}.dashboardGrid .matchAside .btn{margin-left:auto}.dashboardGrid>.dashCard:last-child>div:last-child{grid-template-columns:1fr}.classHubSection{padding:20px 0 0;border-radius:0}.classHubHead{gap:10px}.classHubHead h2{font-size:19px}.classHubHead p{max-width:260px}.classHubCard{padding:14px!important}.classHubSide{flex-direction:column;align-items:stretch}.classHubSide .classOpenBadge{align-self:flex-start}.roomsSection{margin-top:24px;padding-top:20px}}
.tutorPublicPage{width:min(1080px,calc(100% - 32px));padding:26px 0 56px}.tutorPublicPage .simpleName{font-size:clamp(25px,3vw,34px);letter-spacing:-.8px}.tutorPublicPage h2{font-size:20px;letter-spacing:-.35px}.tutorPublicPage .simpleSub,.tutorPublicPage .simpleTutorDesc{font-size:14px;line-height:1.6}.tutorPublicPage .simpleCard{border-radius:17px;padding:19px}.tutorProfileClasses{margin-top:20px}.tutorProfileClassCard .classHubTutor{margin-top:9px}.tutorProfileClassCard .classHubSide{flex-wrap:wrap;justify-content:flex-end}.tutorProfileClassCard .classHubSide form{margin:0}.tutorProfileClassCard .classHubSide .btn{font-size:12px;line-height:1.2;padding:10px 12px;min-height:40px}.tutorProfileClassCard .simpleBadge{font-size:11px;line-height:1.3}
@media(max-width:700px){.tutorPublicPage{width:min(100% - 22px,680px);padding-top:16px}.tutorPublicPage .simpleCard{padding:15px}.tutorPublicPage .simpleHero{gap:14px}.tutorPublicPage .simpleIdentity{align-items:flex-start}.tutorPublicPage .simpleActions,.tutorPublicPage .simpleActions .btn{width:100%}.tutorProfileClassCard .classHubSide,.tutorProfileClassCard .classHubSide form,.tutorProfileClassCard .classHubSide .btn{width:100%}.tutorProfileClassCard .classHubSide{align-items:stretch}.tutorPublicPage .simpleTwo{gap:11px}}
.tutorProfileV3{--tp-mint:#65e1bd;--tp-line:#294a65;width:min(1180px,calc(100% - 36px));padding:30px 0 64px}.tutorProfileV3 .tutorProfileHero{position:relative;overflow:hidden;padding:0;border:1px solid #355e7d;background:radial-gradient(circle at 12% 16%,rgba(79,163,255,.18),transparent 30%),radial-gradient(circle at 88% 15%,rgba(111,93,239,.2),transparent 33%),linear-gradient(125deg,#0d2a41,#0a1b2d 55%,#171d42);box-shadow:0 24px 70px rgba(0,0,0,.26)}.tutorProfileV3 .tutorProfileHero:after{content:"";position:absolute;right:-80px;bottom:-170px;width:390px;height:390px;border-radius:50%;border:1px solid rgba(102,224,190,.13);box-shadow:0 0 0 55px rgba(102,224,190,.025),0 0 0 110px rgba(102,224,190,.018);pointer-events:none}.tutorProfileHeroMain{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:32px}.tutorProfileIdentity{display:flex;align-items:center;gap:20px;min-width:0}.tutorProfileV3 .simpleAvatar{width:88px;height:88px;flex:0 0 88px;border:1px solid rgba(255,255,255,.24);border-radius:26px;background:linear-gradient(145deg,#4c9ff4,#7065ed);box-shadow:0 18px 42px rgba(67,100,222,.35);font-size:32px}.tutorProfileEyebrow{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:var(--tp-mint);font-size:11px;font-weight:950;letter-spacing:1.4px;text-transform:uppercase}.tutorProfileEyebrow:before{content:"✓";display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#17483e}.tutorProfileV3 .simpleName{font-size:clamp(32px,4vw,45px);line-height:1.05}.tutorProfileV3 .simpleSub{margin-top:8px;color:#b0c2d3;font-size:16px}.tutorLiveLine{display:flex;gap:8px;align-items:center;margin-top:14px;color:#9fb3c5;font-size:12px;font-weight:800}.tutorLiveDot{width:8px;height:8px;border-radius:50%;background:#6b7e91}.tutorLiveLine.online{color:#70e3c1}.tutorLiveLine.online .tutorLiveDot{background:#65e1bd;box-shadow:0 0 0 5px rgba(101,225,189,.1)}.tutorProfilePrimaryAction{min-width:190px;display:grid;gap:9px}.tutorProfilePrimaryAction .btn{width:100%;min-height:50px;font-size:14px}.tutorProfilePrimaryAction small{color:#8fa6ba;text-align:center;font-size:10px;line-height:1.45}.tutorTrustStrip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(76,120,151,.42);background:rgba(4,16,29,.42)}.tutorTrustItem{padding:17px 23px;border-right:1px solid rgba(76,120,151,.32)}.tutorTrustItem:last-child{border-right:0}.tutorTrustItem span{display:block;color:#8fa6b9;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.8px}.tutorTrustItem b{display:block;margin-top:5px;color:#edf5fb;font-size:16px}.tutorProfileContent{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;margin-top:16px}.tutorValueCard,.tutorFactsCard{padding:25px!important}.tutorSectionLabel{color:var(--tp-mint);font-size:10px;font-weight:950;letter-spacing:1.2px;text-transform:uppercase}.tutorProfileV3 h2{margin:7px 0 12px;font-size:24px}.tutorProfileV3 .simpleTutorDesc{margin:0;color:#afc0cf;font-size:15px;line-height:1.75}.tutorProfileV3 .simpleTags{margin-top:20px}.tutorProfileV3 .simpleTag{padding:8px 11px;background:#102a42;color:#d6e4ef}.tutorFact{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(65,99,126,.32)}.tutorFact:last-child{border-bottom:0}.tutorFactIcon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #2c506b;border-radius:12px;background:#0d263a;color:var(--tp-mint);font-size:16px}.tutorFact span{display:block;color:#8299ac;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.7px}.tutorFact b{display:block;margin-top:4px;color:#dce8f1;font-size:13px;line-height:1.45}.tutorBookingGuide{margin-top:16px;padding:23px 25px;border:1px solid #27455f;border-radius:18px;background:linear-gradient(180deg,#0b1b2d,#091725)}.tutorBookingGuideHead{display:flex;justify-content:space-between;gap:15px;align-items:end}.tutorBookingGuide h2{margin:5px 0 0}.tutorBookingGuideHead p{margin:0;color:#8fa5b8;font-size:12px}.tutorBookingSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.tutorBookingStep{position:relative;padding:14px 14px 14px 48px;border:1px solid #233f58;border-radius:14px;background:#091827}.tutorBookingStep i{position:absolute;left:13px;top:13px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#17443d;color:#74e3c3;font-style:normal;font-size:11px;font-weight:950}.tutorBookingStep b{display:block;font-size:12px}.tutorBookingStep span{display:block;margin-top:4px;color:#8298ab;font-size:10px;line-height:1.45}.tutorProfileV3 .tutorProfileClasses{margin-top:25px;padding-top:24px;border-top:1px solid #233d54}.tutorProfileV3 .classHubHead h2{font-size:27px}.tutorProfileV3 .tutorProfileClassCard{border-color:#2b4d68;background:linear-gradient(120deg,#0b2032,#091827)}.tutorProfileV3 .simpleEmpty{padding:32px;border:1px dashed #31506a;border-radius:16px;background:#091827;text-align:center;color:#93a8ba}
@media(max-width:820px){.tutorProfileHeroMain{grid-template-columns:1fr;padding:25px}.tutorProfilePrimaryAction{width:100%}.tutorTrustStrip{grid-template-columns:repeat(2,1fr)}.tutorTrustItem:nth-child(2){border-right:0}.tutorTrustItem:nth-child(-n+2){border-bottom:1px solid rgba(76,120,151,.32)}.tutorProfileContent{grid-template-columns:1fr}.tutorBookingGuideHead{align-items:flex-start;flex-direction:column}.tutorBookingSteps{grid-template-columns:1fr}}
@media(max-width:520px){.tutorProfileV3{width:calc(100% - 20px);padding-top:12px}.tutorProfileHeroMain{padding:20px 17px}.tutorProfileIdentity{align-items:flex-start;gap:13px}.tutorProfileV3 .simpleAvatar{width:60px;height:60px;flex-basis:60px;border-radius:18px;font-size:22px}.tutorProfileV3 .simpleName{font-size:27px}.tutorProfileV3 .simpleSub{font-size:12px}.tutorTrustItem{padding:14px}.tutorTrustItem b{font-size:13px}.tutorValueCard,.tutorFactsCard,.tutorBookingGuide{padding:18px!important}.tutorProfileV3 h2{font-size:21px}}
.completedClassHistory{margin-top:22px;padding-top:22px;border-top:1px solid rgba(61,91,117,.42)}.completedClassRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(61,91,117,.28)}.completedClassRow:last-child{border-bottom:0}.completedClassRow b{font-size:14px}.completedClassResult{display:flex;align-items:center;gap:10px}.completedClassResult small{color:#8fa6ba;font-size:11px;white-space:nowrap}
@media(max-width:600px){.completedClassHistory{margin-top:18px;padding-top:18px}.completedClassRow{grid-template-columns:1fr;gap:9px}.completedClassResult{justify-content:space-between}}
@media(max-width:700px){.tutorAdminMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Tutor class management: flat sections with only actionable rows boxed. */
.tutorClassAdminPage{width:min(1000px,calc(100% - 32px));padding:28px 0 52px}
.tutorClassAdminPage>.simpleCard{margin-top:0!important;padding:24px 0;border:0;border-bottom:1px solid rgba(61,91,117,.42);border-radius:0;background:transparent;box-shadow:none}
.tutorClassAdminPage>.simpleCard h2{margin:0 0 5px;font-size:21px}.tutorClassAdminPage>.simpleCard .simpleSub{margin:0 0 18px}
.tutorClassAdminPage>.simpleCard+.simpleCard{margin-top:0!important}.tutorClassAdminPage .simpleGrid{gap:12px}
.tutorClassAdminPage .classRequestCard{padding:15px 16px;margin-top:10px;border-radius:14px;background:#0b1b2b;box-shadow:none}
.tutorClassAdminPage .tutorActions form{margin:0}.tutorClassAdminPage .tutorActions .btn{min-height:40px;font-size:12px;padding:9px 13px}
.tutorClassAdminPage .simpleEmpty{margin-top:13px}.tutorClassAdminPage .completedClassHistory{padding-top:24px}
@media(max-width:700px){.tutorClassAdminPage{width:min(100% - 22px,680px);padding:18px 0 36px}.tutorClassAdminPage>.simpleCard{padding:20px 0}.tutorClassAdminPage>.simpleCard h2{font-size:19px}.tutorClassAdminPage .studentContactRow{grid-template-columns:1fr;align-items:start}.tutorClassAdminPage .tutorActions,.tutorClassAdminPage .tutorActions form,.tutorClassAdminPage .tutorActions .btn{width:100%}.tutorClassAdminPage .tutorActions .btn{text-align:center}.tutorClassAdminPage .classRequestCard{padding:14px}}
/* Calm dashboard experience: compact overview, direct shortcuts, no forced empty column. */
.dashboardHero{align-items:flex-end}.dashboardHero h1{font-size:clamp(34px,4vw,48px);line-height:1.04}.dashboardActions .btn{min-height:44px}
.dashboardQuickNav{display:flex;gap:8px;flex-wrap:wrap;margin:-5px 0 22px}.dashboardQuickNav a{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #29455f;border-radius:999px;background:#0b1b2c;color:#adc0d1;font-size:12px;font-weight:800;text-decoration:none;transition:.18s ease}.dashboardQuickNav a:hover{border-color:#4b8b82;color:#6ce4c1;transform:translateY(-1px)}
.dashboardGrid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.65fr);gap:24px}.dashboardGrid>.dashCard:last-child{padding:0 0 0 24px}.dashboardGrid .matchCard{min-height:132px}
.dashboardFocusHead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.dashboardFocusHead h2{margin:0!important}.dashboardEditLink{color:#62dfbd;font-size:12px;font-weight:850;text-decoration:none}.dashboardEditLink:hover{text-decoration:underline}
.dashboardFocusHint{margin:10px 0 15px;color:#839bb0;font-size:12px;line-height:1.5}.dashboardStatGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dashboardStatGrid .quickStat{min-height:72px;padding:11px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:1px solid #203a51;border-radius:12px;background:#091827}.dashboardStatGrid .quickStat span{font-size:11px}.dashboardStatGrid .quickStat b{margin-top:3px;font-size:19px;color:#f2f7fb}
.dashboardSectionAnchor{scroll-margin-top:84px}.classHubSection .simpleEmpty,.roomsSection .emptyState{padding:22px}
@media(max-width:900px){
  .dashboardGrid{display:block!important;grid-template-columns:none!important}
  .dashboardGrid>.dashCard{width:100%;min-width:0}
  .dashboardGrid>.dashCard:last-child{margin-top:22px;padding:22px 0 0!important;border-left:0!important;border-top:1px solid rgba(61,91,117,.42)}
  .dashboardStatGrid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:650px){
  .dashboardShell{width:calc(100% - 28px)!important;max-width:none;padding:16px 0 38px}
  .dashboardHero{align-items:flex-start;margin-bottom:16px}.dashboardHero h1{font-size:34px;letter-spacing:-1.3px}.dashboardSub{font-size:13px;line-height:1.5}
  .dashboardActions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.dashboardActions .btn{width:100%;min-width:0;text-align:center;padding:11px 8px}
  .dashboardQuickNav{display:flex!important;flex-wrap:nowrap;gap:8px;margin:0 -14px 20px;padding:0 14px 5px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.dashboardQuickNav::-webkit-scrollbar{display:none}.dashboardQuickNav a{flex:0 0 auto;white-space:nowrap;border-radius:11px}
  .dashboardGrid .dashCardHeader{align-items:flex-start}.dashboardGrid .dashCardHeader>div{min-width:0}.dashboardGrid .dashCard h2{font-size:21px;line-height:1.15}
  .dashboardGrid .onlineTutorLine{font-size:12px;line-height:1.5}.dashboardGrid .matchCard{display:block!important;width:100%;min-width:0;min-height:0;padding:15px!important;overflow:hidden}
  .dashboardGrid .matchMain,.dashboardGrid .matchTop{min-width:0}.dashboardGrid .matchName{max-width:100%;overflow-wrap:anywhere}
  .dashboardGrid .matchAside{display:grid!important;grid-template-columns:auto minmax(0,1fr);width:100%;min-width:0;margin-top:16px;text-align:left;gap:10px 12px}.dashboardGrid .matchAside>div:first-child{min-width:0}.dashboardGrid .matchAside .btn{width:100%;min-width:0;margin:0!important;text-align:center}
  .dashboardGrid>.dashCard:last-child{margin-top:20px;padding-top:20px!important}.dashboardFocusHead{align-items:center}.dashboardStatGrid{grid-template-columns:1fr 1fr;gap:8px}.dashboardStatGrid .quickStat{min-width:0;min-height:78px}
  .classHubHead,.roomsHeader{align-items:flex-start}.classHubHead .btn,.roomsHeader .btn{flex:0 0 auto}.classHubHead h2,.roomsHeader h2{font-size:20px;line-height:1.2}.classHubHead p{max-width:none!important}
  .classHubCard{display:block!important;min-width:0;overflow:hidden}.classHubSide{width:100%;margin-top:14px}.classHubMeta span{max-width:100%;overflow-wrap:anywhere}
}
@media(max-width:390px){.dashboardActions{grid-template-columns:1fr}.dashboardStatGrid{grid-template-columns:1fr 1fr}.classHubHead{display:grid;grid-template-columns:minmax(0,1fr) auto}.roomsHeader{display:flex}.dashboardGrid .matchAside{grid-template-columns:1fr}.dashboardGrid .matchScore{font-size:28px}}

/* ===== Learning documents ===== */
.topicLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,.42fr);gap:16px;align-items:start}
.learningDocumentBox{margin-top:18px;padding:17px;border-radius:15px;border:1px solid rgba(116,78,219,.5);background:linear-gradient(180deg,rgba(15,31,53,.95),rgba(9,23,41,.95))}
.documentHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.documentTitle{display:flex;gap:11px;align-items:flex-start}
.documentIcon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:21px;background:rgba(119,75,215,.13);border:1px solid rgba(156,101,255,.32)}
.documentTitle h4{margin:0 0 4px;font-size:16px}
.documentHelp{margin:0;color:#aab9cc;font-size:12px;line-height:1.55}
.uploadForm{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.filePick{max-width:250px;color:#c8d4e4;background:#09182b;border:1px solid #2a405d;border-radius:11px;padding:9px;font-size:12px}
.docList{display:grid;gap:9px;margin-top:15px}
.docRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;background:#0a192d;border:1px solid rgba(50,72,104,.42)}
.docMain{display:flex;align-items:center;gap:11px;min-width:0}
.docType{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;background:rgba(148,82,255,.14);color:#b983ff;font-weight:950;font-size:12px;flex:0 0 auto}
.docName{font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:460px}
.docMeta{font-size:11px;color:#95a8bd;margin-top:3px}
.docActions{display:flex;gap:7px;flex-wrap:wrap}
.docActions .btn{padding:8px 11px;font-size:12px}
.emptyDocs{padding:14px;border-radius:11px;border:1px dashed #314966;color:#91a6bc;font-size:12px;text-align:center}
.topicInfoCard,.quickTipsCard{background:linear-gradient(180deg,#0d1c31,#091729);border:1px solid #223754;border-radius:18px;padding:20px;box-shadow:0 14px 40px rgba(0,0,0,.15)}
.topicInfoCard h3,.quickTipsCard h3{margin:0 0 16px;font-size:18px}
.topicFact{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(50,68,96,.25);font-size:13px}
.topicFact:last-child{border-bottom:0}
.topicFact span:first-child{color:#9fb0c4}.topicFact b{text-align:right}
.quickTipsCard{margin-top:14px}.quickTipsCard p{margin:0;color:#aab9cc;line-height:1.65;font-size:13px}
@media(max-width:980px){.topicLayout{grid-template-columns:1fr}}
@media(max-width:640px){
  .documentHead,.docRow{align-items:stretch;flex-direction:column}
  .uploadForm{display:grid;grid-template-columns:1fr}
  .filePick{max-width:none;width:100%}
  .docActions{display:grid;grid-template-columns:1fr 1fr}
  .docActions form{margin:0}.docActions .btn{width:100%}
  .docName{max-width:75vw}
}


/* ===== Skill-me Typography System v2 =====
   Consistent, responsive type scale for the entire application.
*/
:root{
  --font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --fs-xs:12px;
  --fs-sm:13px;
  --fs-body:15.5px;
  --fs-body-lg:16px;
  --fs-card:18px;
  --fs-section:22px;
  --fs-page:clamp(34px,4vw,44px);
}

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body{
  font-family:var(--font-ui);
  font-size:var(--fs-body);
  line-height:1.55;
  font-weight:400;
  letter-spacing:-.01em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

button,input,select,textarea{
  font:inherit;
  letter-spacing:inherit;
}

h1,h2,h3,h4,h5,h6,
.brand,.btn,.roomTitle,.matchName,.audioReadyTitle,.personName{
  font-family:var(--font-ui);
}

h1,h2,h3,h4,h5,h6{
  color:var(--text);
  text-wrap:balance;
}

p{
  line-height:1.62;
}

/* Navigation */
.brand{
  font-size:30px;
  line-height:1;
  font-weight:850;
  letter-spacing:-1.4px;
}
.navlinks .btn{
  font-size:14px;
  font-weight:700;
  min-height:44px;
  padding:10px 17px;
}

/* Shared controls */
.btn{
  font-size:15px;
  line-height:1.2;
  font-weight:750;
  letter-spacing:-.015em;
}
.input,select,textarea{
  font-size:15.5px;
  line-height:1.45;
}
.field label{
  font-size:13px;
  line-height:1.35;
  font-weight:600;
}

/* Marketing / landing */
.hero h1{
  font-size:clamp(56px,6vw,82px);
  line-height:.98;
  letter-spacing:-4px;
  font-weight:850;
}
.heroCopy{
  font-size:17px;
  line-height:1.72;
}
.eyebrow{
  font-size:12px;
  font-weight:800;
}
.visualTitle{
  font-size:21px;
  font-weight:800;
}
.visualText b{
  font-size:16px;
  font-weight:750;
}
.visualText span{
  font-size:13px;
}
.sectionTitle{
  font-size:clamp(28px,3vw,36px);
  line-height:1.15;
  letter-spacing:-1.2px;
  font-weight:800;
}

/* Authentication / password reset */
.resetTitle{
  font-size:clamp(28px,4vw,36px);
  line-height:1.12;
  letter-spacing:-1px;
  font-weight:820;
}
.authNote,.authLinks,.resetHint{
  font-size:13px;
}
.codeInput,.codeBox{
  font-size:24px;
  font-weight:800;
}

/* Dashboard */
.dashboardHero h1{
  font-size:var(--fs-page);
  line-height:1.08;
  letter-spacing:-1.8px;
  font-weight:820;
}
.dashboardSub{
  font-size:15px;
  line-height:1.55;
}
.dashCard h2,.roomsHeader h2{
  font-size:22px;
  line-height:1.2;
  letter-spacing:-.55px;
  font-weight:780;
}
.matchName{
  font-size:17px;
  font-weight:760;
}
.matchScore{
  font-size:27px;
  font-weight:820;
}
.roomTitle{
  font-size:18px;
  line-height:1.3;
  font-weight:780;
}
.roomProblem,.quickStat span{
  font-size:13.5px;
}

/* Learning room */
.roomEyebrow{
  font-size:12px;
  font-weight:800;
}
.learningTitle{
  font-size:clamp(34px,4.2vw,44px);
  line-height:1.05;
  letter-spacing:-1.8px;
  font-weight:820;
}
.roomTagline{
  font-size:16px;
  line-height:1.5;
}
.roomIdPill{
  font-size:13px;
}
.audioReadyTitle{
  font-size:23px;
  line-height:1.15;
  letter-spacing:-.4px;
  font-weight:800;
}
.audioSub{
  font-size:14px;
  line-height:1.5;
}
.callControls.premiumControls .btn{
  font-size:15px;
  font-weight:750;
}
.premiumStatus{
  font-size:12.5px;
}
.learningCard h3{
  font-size:21px;
  line-height:1.25;
  letter-spacing:-.4px;
  font-weight:780;
}
.problemPremium,.goalLine{
  font-size:14.5px;
  line-height:1.55;
}
.personName{
  font-size:15px;
  font-weight:750;
}
.personOnline,.youPill{
  font-size:11.5px;
}
.peopleCount,.roomTip{
  font-size:12.5px;
}

/* Learning documents */
.documentTitle h4{
  font-size:17px;
  line-height:1.25;
  font-weight:780;
}
.documentHelp{
  font-size:12.5px;
  line-height:1.6;
}
.filePick{
  font-size:12.5px;
}
.docName{
  font-size:14px;
  font-weight:750;
}
.docMeta{
  font-size:11.5px;
  line-height:1.45;
}
.docActions .btn{
  font-size:12.5px;
  font-weight:700;
}
.emptyDocs{
  font-size:12.5px;
  line-height:1.55;
}
.topicInfoCard h3,.quickTipsCard h3{
  font-size:18px;
  line-height:1.25;
  font-weight:780;
}
.topicFact{
  font-size:13.5px;
  line-height:1.45;
}
.quickTipsCard p{
  font-size:13.5px;
  line-height:1.65;
}

/* Chat */
.who{
  font-size:11px;
  font-weight:650;
}
.bubble{
  font-size:14px;
  line-height:1.55;
}

/* Tablet */
@media(max-width:900px){
  body{font-size:15px}
  .brand{font-size:27px}
  .navlinks .btn{font-size:13.5px;padding:9px 14px}
  .learningTitle{font-size:clamp(32px,6vw,40px)}
  .dashboardHero h1{font-size:clamp(32px,6vw,40px)}
  .learningCard h3{font-size:20px}
}

/* Phone */
@media(max-width:640px){
  body{
    font-size:14.5px;
    line-height:1.55;
  }
  .brand{
    font-size:25px;
    letter-spacing:-1.1px;
  }
  .navlinks{
    gap:7px;
  }
  .navlinks .btn{
    min-height:40px;
    padding:9px 11px;
    font-size:12.5px;
  }
  .hero h1{
    font-size:clamp(42px,13vw,54px);
    line-height:1;
    letter-spacing:-2.5px;
  }
  .heroCopy{
    font-size:15.5px;
    line-height:1.65;
  }
  .sectionTitle{
    font-size:27px;
  }
  .resetTitle{
    font-size:28px;
  }
  .dashboardHero h1{
    font-size:30px;
    letter-spacing:-1.2px;
  }
  .dashCard h2,.roomsHeader h2{
    font-size:20px;
  }
  .learningTitle{
    font-size:30px;
    line-height:1.08;
    letter-spacing:-1.2px;
  }
  .roomTagline{
    font-size:14.5px;
  }
  .audioReadyTitle{
    font-size:21px;
  }
  .learningCard h3{
    font-size:19px;
  }
  .problemPremium,.goalLine{
    font-size:14px;
  }
  .topicInfoCard h3,.quickTipsCard h3{
    font-size:17px;
  }
  .btn{
    font-size:14px;
  }
  .input,select,textarea{
    font-size:16px; /* avoids iOS input zoom */
  }
}


/* ===== Automatic topic knowledge path ===== */
.autoTopicBox{
  margin-top:18px;
  padding:17px;
  border-radius:15px;
  border:1px solid rgba(81,216,191,.30);
  background:
    radial-gradient(circle at 100% 0,rgba(81,216,191,.08),transparent 34%),
    linear-gradient(180deg,rgba(9,30,48,.96),rgba(8,22,40,.96));
}
.autoTopicTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.autoTopicTitle{
  display:flex;
  align-items:flex-start;
  gap:11px;
}
.autoTopicIcon{
  width:40px;
  height:40px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(46,214,184,.10);
  border:1px solid rgba(81,226,194,.25);
  font-size:20px;
}
.autoTopicTitle h4{
  margin:0 0 4px;
  font-size:17px;
  line-height:1.25;
  font-weight:780;
}
.autoTopicTitle p{
  margin:0;
  color:#9fb1c5;
  font-size:12.5px;
  line-height:1.6;
}
.learningPathChips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.learningPathChip{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 11px;
  border-radius:999px;
  background:#10233a;
  border:1px solid rgba(74,111,151,.40);
  color:#d8e4ef;
  font-size:12.5px;
  font-weight:700;
}
.documentSectionLabel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:18px 0 9px;
}
.documentSectionLabel h5{
  margin:0;
  font-size:14px;
  font-weight:780;
}
.documentCountPill{
  padding:4px 8px;
  border-radius:999px;
  background:rgba(148,82,255,.12);
  border:1px solid rgba(148,82,255,.25);
  color:#b989ff;
  font-size:11px;
  font-weight:800;
}
.uploadArea{
  margin-top:15px;
  padding-top:15px;
  border-top:1px solid rgba(55,77,108,.28);
}
.uploadAreaTitle{
  margin:0 0 10px;
  color:#dce7f2;
  font-size:13px;
  font-weight:780;
}
@media(max-width:640px){
  .autoTopicBox{padding:14px}
  .learningPathChip{font-size:12px}
}


/* ===== Owner-only admin ===== */
.adminShell{width:min(1180px,92vw);margin:34px auto 70px}
.adminHero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px}
.adminHero h1{margin:0;font-size:clamp(30px,4vw,42px);letter-spacing:-1.5px}
.adminHero p{margin:7px 0 0;color:#9fb1c5}
.adminBadge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(81,226,194,.08);border:1px solid rgba(81,226,194,.26);color:#65e4c1;font-size:12px;font-weight:800}
.adminGrid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:18px}
.adminCard{background:linear-gradient(180deg,#0d1c31,#091729);border:1px solid #223754;border-radius:18px;padding:20px}
.adminCard h2{margin:0 0 15px;font-size:20px}
.adminForm{display:grid;gap:12px}.adminForm .input,.adminForm select,.adminForm textarea{width:100%}
.adminDocList{display:grid;gap:10px}
.adminDocRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border-radius:13px;background:#0a192d;border:1px solid rgba(50,72,104,.42)}
.adminDocTitle{font-size:15px;font-weight:800}.adminDocMeta{font-size:11.5px;color:#95a8bd;margin-top:4px}
.adminDocDesc{font-size:12.5px;color:#b2c0d0;margin-top:5px;line-height:1.5}
.adminActions{display:flex;gap:7px;flex-wrap:wrap}
.adminLogin{width:min(500px,92vw);margin:80px auto;padding:26px;border-radius:20px;background:#0d1c31;border:1px solid #273d5a}
.adminLogin h1{margin:0 0 7px;font-size:30px}.adminLogin p{color:#9fb1c5}
.libraryLabel{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(81,226,194,.08);border:1px solid rgba(81,226,194,.24);color:#5ee0bd;font-size:10.5px;font-weight:800;margin-right:7px}
@media(max-width:850px){.adminGrid{grid-template-columns:1fr}}
@media(max-width:640px){.adminDocRow{grid-template-columns:1fr}.adminActions{display:grid;grid-template-columns:1fr 1fr}.adminActions .btn,.adminActions form .btn{width:100%}}



/* ===== Unified Partner Chat + AI Coach ===== */
.unifiedChatCard{overflow:hidden}
.unifiedChatHeader{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.unifiedChatSub{font-size:13px;color:#91a4ba;line-height:1.5}
.aiToggleWrap{
  display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;
  border:1px solid #24405e;background:#091a2e;padding:9px 11px;border-radius:14px
}
.aiToggleWrap input{display:none}
.aiToggleText{display:flex;flex-direction:column;text-align:right;line-height:1.1}
.aiToggleText b{font-size:12.5px;color:#dce8f4}
.aiToggleText small{margin-top:4px;font-size:10.5px;color:#7f93aa}
.aiSwitch{width:48px;height:27px;border-radius:999px;background:#304157;position:relative;transition:.2s}
.aiSwitch:after{content:"";position:absolute;width:21px;height:21px;border-radius:50%;top:3px;left:4px;background:#fff;transition:.2s}
.aiToggleWrap input:checked + .aiSwitch{background:#45d6af}
.aiToggleWrap input:checked + .aiSwitch:after{left:23px}
.aiModeBanner{
  margin-top:14px;padding:10px 12px;border-radius:12px;
  border:1px solid rgba(74,220,182,.28);background:rgba(40,184,151,.08);
  color:#9db2c8;font-size:12px;display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap
}
.aiModeBanner b{color:#63e2c0}
.unifiedMessages{
  margin-top:14px;min-height:250px;max-height:440px;overflow:auto;
  background:linear-gradient(145deg,#061426 0%,#081a2d 100%);border:1px solid #1d3954;border-radius:18px;padding:14px
}
.unifiedSharedMessages{height:auto;min-height:0;max-height:none;background:transparent;border:0;padding:0}
.aiInlineMessages{margin-top:10px}
.aiInlineDivider{
  display:flex;align-items:center;gap:10px;margin:15px 0;color:#5de0bd;font-size:11px;font-weight:800
}
.aiInlineDivider:before,.aiInlineDivider:after{content:"";height:1px;flex:1;background:rgba(83,220,187,.22)}
.aiMsg{margin:9px 0;display:flex}
.aiMsg.user{justify-content:flex-end}
.aiBubble{max-width:82%;padding:10px 12px;border-radius:13px;font-size:13.5px;line-height:1.55;white-space:pre-wrap}
.aiMsg.user .aiBubble{background:#342070;border:1px solid #5b3ca0;color:#f1ebff}
.aiMsg.assistant .aiBubble{background:#151b46;border:1px solid #473a8d;color:#e8e7ff}
.unifiedComposer{margin-top:12px}
.unifiedInputWrap{position:relative;display:flex;align-items:center;width:100%}
.unifiedInputWrap .input{width:100%;padding-left:44px}
.composerModeIcon{position:absolute;left:14px;z-index:2;font-size:16px}
.chatModeHelp{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:11.5px;color:#8297ad}
.aiPrivacyHint{color:#61dcbc}
.unifiedScorePanel{margin-top:14px}
.scoreEyebrow{font-size:10px;font-weight:850;color:#6ce4c2;letter-spacing:.08em;margin-bottom:4px}
.scoreHead{display:flex;justify-content:space-between;align-items:end;gap:10px}
.scoreOverall{font-size:27px;font-weight:900;color:#61e0be}
.scoreRows{display:grid;gap:8px;margin-top:12px}
.scoreRow{display:grid;grid-template-columns:145px 1fr 38px;align-items:center;gap:9px;font-size:11.5px;color:#a9b8c9}
.scoreTrack{height:7px;border-radius:999px;background:#132740;overflow:hidden}
.scoreFill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7355ff,#55dfbd)}
.scoreAdvice{margin-top:11px;padding-top:10px;border-top:1px solid #1d3049;font-size:12px;color:#9fb1c4}
.quickAICommands{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.aiCmd{
  border:1px solid rgba(75,217,183,.28);background:rgba(48,181,151,.06);
  color:#67ddbe;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;cursor:pointer
}
.aiCmd:hover{background:rgba(48,181,151,.12)}

.aiStatusBadge{
  display:inline-flex;align-items:center;margin-left:6px;padding:3px 7px;border-radius:999px;
  font-size:9px;font-weight:900;letter-spacing:.05em;vertical-align:middle
}
.aiStatusBadge.live{color:#63e2c0;background:rgba(49,205,167,.10);border:1px solid rgba(73,218,182,.30)}
.aiStatusBadge.demo{color:#ffc96a;background:rgba(255,190,76,.08);border:1px solid rgba(255,190,76,.28)}


.autoModeBadge{
  display:flex;align-items:center;gap:9px;
  border:1px solid #24405e;background:#091a2e;padding:9px 11px;border-radius:14px
}
.autoModeBadge>span:nth-child(2){display:flex;flex-direction:column;line-height:1.15}
.autoModeBadge b{font-size:12.5px}.autoModeBadge small{margin-top:3px;font-size:10px;color:#8398ae}
.chatPane{min-height:220px}
.chatPaneHeader{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:5px 4px 12px;margin-bottom:8px;border-bottom:1px solid #162b43;
  font-size:12px;font-weight:850;color:#dce7f2
}
.chatPaneHeader small{font-size:10.5px;color:#8197ad;font-weight:600}
.aiPaneHeader span{color:#69e1c1}
.aiModeActive .unifiedMessages{border-color:rgba(102,81,219,.45)}
.aiModeActive .unifiedInputWrap .input{border-color:#6046a4}
.partnerModeActive .unifiedInputWrap .input{border-color:#29506f}
.modeFlash{animation:modeFlash .28s ease}
@keyframes modeFlash{from{opacity:.55}to{opacity:1}}

/* Premium classroom conversation */
.chatModeTabs{display:flex;gap:4px;padding:4px;background:#07172a;border:1px solid #203c58;border-radius:14px}
.chatModeTab{border:0;background:transparent;color:#8fa5bb;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease}
.chatModeTab:hover{color:#e8f3fb;background:#102740}.chatModeTab.active{color:#061426;background:linear-gradient(135deg,#64e1c0,#5dc7e8);box-shadow:0 6px 18px rgba(61,211,177,.16)}
.classroomChatEmpty{min-height:170px;display:grid;place-items:center;text-align:center;padding:18px}
.classroomChatEmptyInner{max-width:520px;display:flex;flex-direction:column;align-items:center}
.chatEmptyOrbit{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;font-size:25px;color:#62e0bd;background:linear-gradient(145deg,rgba(38,196,161,.16),rgba(88,104,220,.18));border:1px solid rgba(91,221,190,.3);box-shadow:0 15px 40px rgba(20,105,135,.16);animation:chatFloat 3.6s ease-in-out infinite}
@keyframes chatFloat{50%{transform:translateY(-4px);box-shadow:0 20px 46px rgba(20,105,135,.22)}}
.classroomChatEmpty b{margin-top:13px;font-size:16px;font-weight:750;color:#e7f1f9}.classroomChatEmpty p{margin:5px 0 0;max-width:440px;color:#899fb4;font-size:12.5px;line-height:1.55}
.classroomPromptRow{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:14px}
.classroomPrompt{border:1px solid #274764;background:#0a2036;color:#b9cbda;border-radius:999px;padding:7px 11px;font-size:11.5px;cursor:pointer;transition:.2s ease}
.classroomPrompt:hover{border-color:#52d7b4;color:#66e1c0;transform:translateY(-1px)}
.unifiedSharedMessages .msg{display:flex;flex-direction:column;align-items:flex-start;margin:10px 0}.unifiedSharedMessages .msg.me{align-items:flex-end}
.unifiedSharedMessages .who{margin:0 7px 4px;color:#718ba2;font-size:10px;font-weight:650}
.unifiedSharedMessages .bubble{max-width:min(76%,680px);padding:10px 13px;border-radius:6px 16px 16px 16px;background:#13273f;border:1px solid #203c57;color:#dce9f4;font-size:13.5px;line-height:1.5;box-shadow:0 8px 22px rgba(0,0,0,.08)}
.unifiedSharedMessages .msg.me .bubble{border-radius:16px 6px 16px 16px;background:linear-gradient(135deg,#15514f,#175b61);border-color:rgba(86,223,188,.28);color:#effffc}
.unifiedComposer{padding:5px;border:1px solid #294a67;border-radius:15px;background:#07172a;transition:.2s ease}
.unifiedComposer:focus-within{border-color:#52d7b4;box-shadow:0 0 0 3px rgba(71,211,178,.08)}
.unifiedComposer .input{border:0!important;background:transparent;min-height:44px;box-shadow:none!important}
.unifiedSendButton{min-width:104px;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#64e1c0,#54cde1)!important;color:#061426!important;font-weight:750!important;box-shadow:0 8px 22px rgba(54,210,180,.16)}
.unifiedSendButton:hover{transform:translateY(-1px);box-shadow:0 11px 28px rgba(54,210,180,.24)}
.unifiedSendButton{width:46px;min-width:46px;height:44px;padding:0!important;border-radius:12px!important}
.unifiedSendButton svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.unifiedSendButton:hover svg{transform:translate(2px,-2px)}
.unifiedChatCard{padding:16px}.unifiedChatCard .unifiedChatHeader h3{font-size:18px;margin-bottom:2px!important}.unifiedChatSub{font-size:12px}
.unifiedMessages{min-height:205px;max-height:360px}.chatPane{min-height:175px}.classroomChatEmpty{min-height:130px;padding:10px}.chatEmptyOrbit{width:52px;height:52px;border-radius:17px;font-size:21px}.classroomChatEmpty b{font-size:15px}.classroomPromptRow{margin-top:10px}
.composerMeta{display:flex;align-items:center;gap:7px}.composerCount{color:#637e96;font-variant-numeric:tabular-nums}

@media(max-width:640px){
  .unifiedChatHeader{align-items:flex-start}.chatModeTabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.chatModeTab{min-height:40px}
  .autoModeBadge{display:none}.aiModeBanner{font-size:11px}.unifiedMessages{min-height:220px;max-height:390px;padding:10px}.chatPane{min-height:190px}
  .classroomChatEmpty{min-height:145px;padding:12px}.chatEmptyOrbit{width:52px;height:52px;border-radius:17px}.classroomPromptRow{display:none}
  .unifiedSharedMessages .bubble{max-width:88%;font-size:13px}.unifiedComposer{display:grid;grid-template-columns:minmax(0,1fr) auto}.unifiedSendButton{width:44px;min-width:44px;padding:0!important}.sendLabel{display:none}
  .scoreRow{grid-template-columns:110px 1fr 34px}
  .aiToggleWrap{width:100%;justify-content:space-between}
}


/* ===== Learning Progress Profile ===== */
.profileShell{max-width:1040px;margin:34px auto;padding:0 18px 50px}
.profileHero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.profileCard{background:#0b1c31;border:1px solid #25405e;border-radius:20px;padding:22px}
.profileIdentity{display:flex;gap:15px;align-items:center}
.profileAvatar{width:62px;height:62px;border-radius:18px;background:linear-gradient(145deg,#6f56ff,#50dab7);display:grid;place-items:center;font-size:25px;font-weight:900;color:#061426}
.profileName{font-size:25px;font-weight:900}.profileTopic{color:#95a9bf;margin-top:5px}
.profileStars{font-size:25px;letter-spacing:3px;margin-top:14px;color:#ffd166}
.profileScoreBig{font-size:48px;font-weight:950;color:#61e1be;line-height:1}
.profileScoreLabel{color:#91a5ba;font-size:12px;margin-top:6px}
.profileLevel{display:inline-flex;margin-top:12px;padding:6px 10px;border-radius:999px;background:rgba(95,222,188,.09);border:1px solid rgba(95,222,188,.25);color:#65dfbd;font-size:11px;font-weight:850}
.progressGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.progressStat{background:#08172a;border:1px solid #1d3550;border-radius:15px;padding:15px}
.progressStat b{display:block;font-size:22px}.progressStat span{color:#8fa4ba;font-size:11px}
.masteryCard{margin-top:18px;background:#0b1c31;border:1px solid #25405e;border-radius:20px;padding:20px}
.masteryTitle{font-size:11px;color:#65dfbd;font-weight:850;letter-spacing:.08em}
.masteryArea{font-size:21px;font-weight:900;margin-top:8px}
.profileBreakdown{display:grid;gap:10px;margin-top:16px}
.profileMetric{display:grid;grid-template-columns:160px 1fr 44px;gap:10px;align-items:center;font-size:12px;color:#a6b6c7}
.profileTrack{height:8px;background:#132740;border-radius:999px;overflow:hidden}
.profileFill{height:100%;background:linear-gradient(90deg,#7559ff,#59dfbd);border-radius:999px}
.profileNote{margin-top:15px;color:#8298af;font-size:12px;line-height:1.55}
@media(max-width:760px){
  .profileHero{grid-template-columns:1fr}
  .progressGrid{grid-template-columns:repeat(2,1fr)}
  .profileMetric{grid-template-columns:115px 1fr 38px}
}


/* ===== Simple responsive profile/tutor UI ===== */
html,body,button,input,textarea,select{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
body{font-size:15px;line-height:1.5}
h1{font-size:28px;line-height:1.2;margin:0 0 6px}
h2{font-size:20px;line-height:1.3;margin:0 0 10px}
h3{font-size:16px;line-height:1.35;margin:0 0 8px}
p{margin:6px 0}
.btn{font-size:14px;min-height:40px;padding:9px 14px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}
.simplePage{max-width:980px;margin:0 auto;padding:24px 16px 52px}
.simpleCard{background:#0b1928;border:1px solid #233f59;border-radius:16px;padding:18px;margin-bottom:14px}
.simpleHero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.simpleIdentity{display:flex;align-items:center;gap:12px}
.simpleAvatar{width:54px;height:54px;border-radius:15px;background:#17334e;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;flex:0 0 auto}
.simpleName{font-size:23px;font-weight:800;color:#fff}
.simpleSub{font-size:14px;color:#9db0c3;margin-top:3px}
.simpleBadges{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.simpleBadge{font-size:12px;font-weight:700;border:1px solid #31536e;border-radius:999px;padding:4px 9px;color:#c8d7e5;background:#10243a}
.simpleBadge.good{color:#82e5bf;border-color:#2f705d}
.simpleBadge.warn{color:#ffd478;border-color:#6e5a31}
.simpleGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.simpleStat{background:#0d2134;border:1px solid #233f59;border-radius:12px;padding:13px}
.simpleStat span{display:block;color:#8fa5ba;font-size:12px;margin-bottom:4px}
.simpleStat b{font-size:19px;color:#fff}
.simpleSectionHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.simpleRow{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-top:1px solid #1d354b}
.simpleRow:first-of-type{border-top:0}
.simplePerson{min-width:0}
.simplePerson b{font-size:15px;color:#fff}
.simpleMeta{font-size:12px;color:#91a6ba;margin-top:3px}
.simpleRequest{font-size:13px;color:#cbd7e2;margin-top:5px;overflow-wrap:anywhere}
.simpleActions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.simpleTwo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.simpleTags{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.simpleTag{font-size:12px;border-radius:999px;padding:5px 9px;background:#10263c;color:#c8d7e5;border:1px solid #284860}
.simpleEmpty{padding:18px 0;color:#8fa5ba;font-size:14px}
.simpleTutorCard{background:#0b1928;border:1px solid #233f59;border-radius:16px;padding:16px}
.simpleTutorGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.simpleTutorName{font-size:17px;font-weight:800;color:#fff}
.simpleTutorDesc{color:#9fb1c3;font-size:13px;line-height:1.55;margin:8px 0}
@media(max-width:760px){
  h1{font-size:24px}.simplePage{padding:16px 12px 40px}
  .simpleHero,.simpleRow{align-items:flex-start;flex-direction:column}
  .simpleActions{justify-content:flex-start;width:100%}
  .simpleGrid{grid-template-columns:1fr 1fr}
  .simpleTwo,.simpleTutorGrid{grid-template-columns:1fr}
  .simpleCard{padding:15px}
}
@media(max-width:460px){
  .simpleGrid{grid-template-columns:1fr}
  .simpleActions .btn{width:100%}
}


/* ===== Skill-me Premium Profile Theme =====
   One calm palette. No rainbow borders or multicolor strips. */
:root{
  --sm-bg:#07111d;
  --sm-surface:#0b1928;
  --sm-surface-2:#0e2133;
  --sm-border:#213b52;
  --sm-border-strong:#31556f;
  --sm-text:#f4f8fb;
  --sm-muted:#91a5b8;
  --sm-accent:#4aa8ff;
  --sm-accent-2:#7168e8;
  --sm-success:#57d6a0;
}

body{
  background:
    radial-gradient(circle at 18% -5%,rgba(74,168,255,.10),transparent 30%),
    radial-gradient(circle at 92% 0%,rgba(113,104,232,.07),transparent 26%),
    var(--sm-bg);
  color:var(--sm-text);
}

.simplePage{
  max-width:1060px;
  padding:30px 18px 56px;
}

.simpleCard,
.simpleTutorCard{
  position:relative;
  overflow:hidden;
  background:var(--sm-surface) !important;
  border:1px solid var(--sm-border) !important;
  border-radius:18px !important;
  box-shadow:0 16px 38px rgba(0,0,0,.16) !important;
}

/* Explicitly disable every decorative top strip. */
.simpleCard::before,
.simpleTutorCard::before{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* Identity card: one restrained accent only */
.simplePage > .simpleCard:first-child{
  background:
    radial-gradient(circle at 88% 20%,rgba(113,104,232,.11),transparent 28%),
    linear-gradient(135deg,#0e2236 0%,#0b1928 58%,#111b31 100%) !important;
  border-color:var(--sm-border-strong) !important;
}

.simpleHero{gap:20px}
.simpleIdentity{gap:14px}

.simpleAvatar{
  width:60px;
  height:60px;
  border-radius:17px;
  color:#fff;
  background:linear-gradient(145deg,var(--sm-accent),var(--sm-accent-2)) !important;
  box-shadow:0 10px 24px rgba(62,103,205,.18) !important;
}

.simpleName{
  color:var(--sm-text) !important;
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  font-size:25px;
  letter-spacing:-.4px;
}

.simpleSub{
  color:var(--sm-muted);
  font-size:14px;
}

.simpleCard h1,
.simpleCard h2,
.simpleCard h3{
  color:var(--sm-text);
}

.simpleCard h2{
  font-size:19px;
  letter-spacing:-.25px;
}

.profileSectionIcon{
  width:28px;
  height:28px;
  border-radius:9px;
  background:#10283d !important;
  border:1px solid #294b65 !important;
  color:#8ecbff !important;
  font-size:13px;
}

/* Stats: same surface, same text, same border */
.simpleGrid{gap:11px}

.simpleStat,
.simpleStat:nth-child(1),
.simpleStat:nth-child(2),
.simpleStat:nth-child(3),
.simpleStat:nth-child(4),
.simpleStat:nth-child(5),
.simpleStat:nth-child(6){
  background:var(--sm-surface-2) !important;
  border:1px solid #29465d !important;
  border-radius:14px !important;
  box-shadow:none !important;
  min-height:88px;
  padding:16px;
  transition:border-color .16s ease,transform .16s ease,background .16s ease;
}

.simpleStat::after{
  content:none !important;
  display:none !important;
}

.simpleStat:hover{
  transform:translateY(-1px);
  border-color:#3b6382 !important;
  background:#10263a !important;
  box-shadow:none !important;
}

.simpleStat span{
  color:#8fa4b6;
  font-size:12px;
  padding:0;
}

.simpleStat b,
.simpleStat:nth-child(1) b,
.simpleStat:nth-child(2) b,
.simpleStat:nth-child(3) b,
.simpleStat:nth-child(4) b,
.simpleStat:nth-child(5) b,
.simpleStat:nth-child(6) b{
  color:var(--sm-text) !important;
  font-size:20px;
  padding:0;
}

/* Focus / Skills surfaces stay identical */
.simpleTwo{gap:12px}
.simpleTwo .simpleCard:nth-child(1),
.simpleTwo .simpleCard:nth-child(2){
  background:var(--sm-surface) !important;
}

.simpleTags{gap:7px}
.simpleTag,
.simpleTag:nth-child(3n+2),
.simpleTag:nth-child(3n){
  background:#10273a !important;
  border:1px solid #2b4d65 !important;
  color:#cbd9e5 !important;
  box-shadow:none !important;
  border-radius:999px;
  padding:5px 10px;
}

/* Badges */
.simpleBadge{
  background:#10273a !important;
  border:1px solid #2e5068 !important;
  color:#c8d6e2 !important;
}
.simpleBadge.good{
  background:rgba(27,107,76,.20) !important;
  border-color:#2c7255 !important;
  color:#8de0b9 !important;
}
.simpleBadge.warn{
  background:rgba(127,88,29,.18) !important;
  border-color:#6f5730 !important;
  color:#e7c57e !important;
}

/* Buttons: one primary + one secondary style */
.simpleActions .btn{
  background:#176f9f !important;
  border:1px solid #2782b2 !important;
  color:#fff !important;
  box-shadow:none !important;
  border-radius:11px !important;
}
.simpleActions .btn:hover{
  background:#1d7eaf !important;
  filter:none !important;
}
.simpleActions .btn.secondary{
  background:#10273a !important;
  border:1px solid #31526a !important;
  color:#d7e3ec !important;
}

/* Tutor panel/request rows */
.simpleRow{
  border-top-color:#1d3347 !important;
}
.simpleRow:hover{
  background:rgba(52,103,139,.05) !important;
}

.simpleTutorCard{
  background:var(--sm-surface) !important;
}
.simpleTutorCard:hover{
  transform:none !important;
  border-color:#31556f !important;
}

/* Cleaner spacing */
.simpleCard{
  padding:20px;
  margin-bottom:14px;
}
.simpleSectionHead{
  margin-bottom:12px;
}

@media(max-width:760px){
  .simplePage{padding:16px 12px 42px}
  .simpleCard{padding:16px;border-radius:15px !important}
  .simpleName{font-size:22px}
  .simpleAvatar{width:54px;height:54px}
  .simpleStat{min-height:80px}
}

@media(max-width:460px){
  .simpleGrid{grid-template-columns:1fr}
  .simpleActions .btn{width:100%}
}

/* ===== Clear section titles with right-aligned icons ===== */
.simpleCard h2{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  font-size:21px !important;
  font-weight:800 !important;
  line-height:1.25;
  letter-spacing:-.35px;
  color:#f7fbff !important;
  margin-bottom:14px !important;
}

.simpleCard h2 .profileSectionIcon{
  order:2;
  margin-left:auto;
  margin-right:0;
  width:32px;
  height:32px;
  border-radius:10px;
  background:#10283d !important;
  border:1px solid #31556f !important;
  color:#8fcfff !important;
  font-size:14px;
  flex:0 0 32px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}

.simpleSectionHead{
  align-items:center;
}

.simpleSectionHead > div > h2{
  margin-bottom:4px !important;
}

/* keep title/icon alignment clean when a status badge is present */
.simpleSectionHead > div{
  min-width:0;
  flex:1;
}

@media(max-width:760px){
  .simpleCard h2{
    font-size:19px !important;
  }
  .simpleCard h2 .profileSectionIcon{
    width:30px;
    height:30px;
    flex-basis:30px;
  }
}

/* ===== Final clean section heading treatment =====
   Small semantic icon beside title; no floating/right box, so alignment stays stable. */
.simpleCard h2{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:9px !important;
  font-size:21px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  letter-spacing:-.35px !important;
  color:#f7fbff !important;
  margin:0 0 14px !important;
}

.simpleCard h2 > span:first-child{
  order:2;
}

.simpleCard h2 .profileSectionIcon{
  order:1 !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  flex:0 0 24px !important;
  margin:0 !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:7px !important;
  background:rgba(74,168,255,.09) !important;
  border:1px solid rgba(74,168,255,.22) !important;
  color:#79c4ff !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1 !important;
  box-shadow:none !important;
}

/* Section header with status badge: title stays left, status stays right. */
.simpleSectionHead{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:16px !important;
}
.simpleSectionHead > div:first-child{
  min-width:0;
  flex:1;
}
.simpleSectionHead > div:first-child h2{
  width:max-content;
  max-width:100%;
}
.simpleSectionHead > .simpleBadge{
  flex:0 0 auto;
  margin-top:0;
}

@media(max-width:760px){
  .simpleCard h2{
    font-size:19px !important;
    gap:8px !important;
  }
  .simpleCard h2 .profileSectionIcon{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    flex-basis:22px !important;
    font-size:11px !important;
  }
}

/* ===== Process-linked profile requests & notifications ===== */
.profileNoticeBar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 16px;margin-bottom:14px;border:1px solid #27465e;border-radius:14px;
  background:#0d2032;
}
.profileNoticeMain{display:flex;align-items:center;gap:12px;min-width:0}
.profileNoticeIcon{
  width:36px;height:36px;flex:0 0 36px;border-radius:11px;
  display:flex;align-items:center;justify-content:center;
  background:#12314a;border:1px solid #315875;color:#8dceff;font-size:16px;
}
.profileNoticeText b{display:block;color:#f5f9fc;font-size:14px}
.profileNoticeText span{display:block;color:#91a7ba;font-size:12px;margin-top:2px}
.noticeCount{
  min-width:24px;height:24px;padding:0 7px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#176f9f;color:#fff;font-size:12px;font-weight:800;
}
.noticeCount.zero{background:#10283c;color:#7f98ac;border:1px solid #2b4b63}
.requestList{border-top:1px solid #1e3548}
.requestItem{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:15px 2px;border-bottom:1px solid #1e3548;
  text-decoration:none;color:inherit;transition:background .15s ease,padding .15s ease;
}
.requestItem:hover{background:#0e2132;padding-left:10px;padding-right:10px}
.requestIdentity{display:flex;align-items:center;gap:11px;min-width:0}
.requestAvatar{
  width:40px;height:40px;flex:0 0 40px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;font-weight:800;color:#d9ecfb;
  background:#112b41;border:1px solid #2d5069;
}
.requestInfo{min-width:0}
.requestName{font-weight:800;color:#f4f8fb;font-size:15px}
.requestMeta{color:#8ea5b8;font-size:12px;margin-top:2px}
.requestMessage{
  color:#b9c8d5;font-size:13px;margin-top:5px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:620px;
}
.requestRight{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.requestBadge{
  font-size:11px;font-weight:750;padding:5px 8px;border-radius:999px;
  background:#10283b;border:1px solid #2d4e65;color:#bdd0df;
}
.requestBadge.action{background:rgba(139,94,28,.18);border-color:#70572e;color:#e8c77f}
.requestBadge.unread{background:rgba(23,111,159,.20);border-color:#2d739a;color:#91d6ff}
.requestBadge.accepted{background:rgba(29,107,76,.18);border-color:#2d7055;color:#8fe0ba}
.requestChevron{color:#7090a9;font-size:20px;line-height:1}
.contextActionBar{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:13px 14px;margin-top:14px;border-radius:13px;
  background:#0d2032;border:1px solid #27455c;
}
.contextActionText b{display:block;color:#f4f8fb;font-size:13px}
.contextActionText span{display:block;color:#8fa5b8;font-size:12px;margin-top:2px}
.contextButtons{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:760px){
  .profileNoticeBar,.contextActionBar{align-items:flex-start;flex-direction:column}
  .requestItem{align-items:flex-start}
  .requestMessage{max-width:62vw}
  .requestRight{margin-top:2px}
  .contextButtons{width:100%}
  .contextButtons .btn{flex:1}
}


/* =========================================================
   V1 CONNECTED NAVIGATION
   Primary: Dashboard | Tutors | Profile | Notifications | Account
   ========================================================= */
.nav{min-height:76px;background:linear-gradient(180deg,rgba(5,16,29,.94),rgba(5,15,27,.88));border-bottom:1px solid rgba(108,157,198,.18);box-shadow:0 10px 35px rgba(0,0,0,.16);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.v1NavIn{min-height:76px;display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:26px}
.v1NavIn>.brand{justify-self:start;position:relative;font-size:30px;letter-spacing:-1.7px;transition:transform .22s ease,filter .22s ease}
.v1NavIn>.brand:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;border-radius:9px;background:linear-gradient(90deg,transparent,var(--mint),transparent);opacity:0;transform:scaleX(.55);transition:opacity .22s ease,transform .22s ease}
.v1NavIn>.brand:hover{transform:translateY(-1px);filter:drop-shadow(0 7px 17px rgba(95,226,180,.14))}.v1NavIn>.brand:hover:after{opacity:1;transform:scaleX(1)}
.v1PrimaryNav{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:5px;border:1px solid rgba(71,112,149,.18);border-radius:16px;background:rgba(9,27,45,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.v1NavLink{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 17px;border:1px solid transparent;border-radius:11px;color:#aebfd0;background:transparent;font-size:14px;line-height:1;font-weight:760;letter-spacing:-.015em;white-space:nowrap;outline:none;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
.v1NavLink:hover{color:#f5fbff;background:rgba(22,52,79,.72);border-color:rgba(70,119,158,.28);transform:translateY(-1px)}
.v1NavLink.active{color:#f8fffd;background:linear-gradient(145deg,rgba(29,67,95,.96),rgba(18,47,72,.96));border-color:rgba(94,226,180,.27);box-shadow:0 7px 20px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.055)}
.v1NavLink.active:after{content:"";position:absolute;left:50%;bottom:5px;width:4px;height:4px;border-radius:50%;background:var(--mint);transform:translateX(-50%);box-shadow:0 0 10px rgba(95,226,180,.85)}
.v1NavLink:focus-visible,.v1Notify:focus-visible,.v1AccountBtn:focus-visible,.v1MobileToggle:focus-visible{box-shadow:0 0 0 3px rgba(95,226,180,.24);border-color:var(--mint)}
.v1NavRight{justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:9px;position:relative}
.v1Notify{position:relative;width:44px;height:44px;min-width:44px;display:grid;place-items:center;border:1px solid rgba(73,119,157,.48);border-radius:14px;background:linear-gradient(145deg,rgba(16,42,65,.96),rgba(10,29,48,.96));color:#dceaf5;cursor:pointer;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
.v1Notify:hover{color:var(--mint);background:linear-gradient(145deg,#173b59,#102b45);border-color:rgba(95,226,180,.45);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.22)}
.v1BellIcon{width:19px;height:19px;display:grid;place-items:center}.v1BellIcon svg{width:19px;height:19px;display:block;stroke:currentColor}
.v1NotifyCount{position:absolute;right:-5px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,var(--mint),#7ef0cc);color:#06131d;display:none;align-items:center;justify-content:center;font-size:10px;font-weight:950;border:2px solid #07111f;box-shadow:0 3px 10px rgba(95,226,180,.3)}.v1NotifyCount.show{display:flex}
.v1Account{position:relative}.v1AccountBtn{height:44px;min-width:48px;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid rgba(73,119,157,.48);border-radius:14px;background:linear-gradient(145deg,rgba(16,42,65,.96),rgba(10,29,48,.96));color:#fff;cursor:pointer;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.v1AccountBtn:hover{transform:translateY(-2px);background:linear-gradient(145deg,#173b59,#102b45);border-color:rgba(95,226,180,.4);box-shadow:0 10px 24px rgba(0,0,0,.22)}
.v1Avatar{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#1d4964,#15364f);color:var(--mint);font-size:11px;font-weight:950;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.v1Chevron{font-size:11px;color:#91a9bf;transition:transform .2s ease,color .2s ease}.v1Account.open .v1Chevron{transform:rotate(180deg);color:var(--mint)}
.v1AccountMenu{display:none;position:absolute;right:0;top:54px;z-index:1250;width:230px;padding:9px;border-radius:16px;background:rgba(10,27,45,.98);border:1px solid rgba(71,116,153,.55);box-shadow:0 24px 60px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(18px);animation:v1MenuIn .18s ease both}.v1Account.open .v1AccountMenu{display:block}@keyframes v1MenuIn{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}.v1MenuLabel{padding:9px 10px 8px;color:#7f99b0;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.v1MenuItem{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:10px 11px;border-radius:10px;color:#d7e3ed;font-size:13.5px;font-weight:680;transition:background .16s ease,color .16s ease,padding .16s ease}.v1MenuItem:hover{padding-left:14px;background:#14304a;color:#fff}.v1MenuDivider{height:1px;background:#233e56;margin:6px}.v1MenuItem.dangerText{color:#ffb9c4}.v1MenuItem.dangerText:hover{background:rgba(130,41,59,.22);color:#ffd7de}
.nav #globalNotificationPanel{top:76px!important;animation:v1MenuIn .18s ease both}
.v1MobileToggle{display:none}.v1MobilePanel{display:none}
@media(max-width:860px){.nav{min-height:66px}.v1NavIn{min-height:66px;display:flex;justify-content:space-between;gap:10px;width:min(94%,1260px)}.v1NavIn>.brand{font-size:25px}.v1PrimaryNav{display:none}.v1Account{display:none}.v1NavRight{gap:7px}.v1Notify{width:42px;height:42px;min-width:42px}.v1MobileToggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(73,119,157,.48);border-radius:13px;background:linear-gradient(145deg,#102a41,#0a1d30);color:#e8f3fb;font-size:20px;line-height:1;cursor:pointer;outline:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.v1MobileToggle:hover{transform:translateY(-1px);border-color:rgba(95,226,180,.4);background:#153650}.v1MobilePanel{position:absolute;left:10px;right:10px;top:72px;z-index:1190;background:rgba(8,23,39,.98);border:1px solid rgba(65,109,147,.5);border-radius:17px;box-shadow:0 22px 52px rgba(0,0,0,.45);backdrop-filter:blur(18px);animation:v1MenuIn .18s ease both}.v1MobilePanel.open{display:block}.v1MobileInner{width:auto;margin:0;padding:9px;display:grid;gap:4px}.v1MobileItem{position:relative;min-height:46px;padding:12px 14px;border-radius:11px;color:#c7d5e2;font-size:14px;font-weight:730;transition:background .16s ease,color .16s ease,padding .16s ease}.v1MobileItem:hover,.v1MobileItem.active{padding-left:18px;background:#14324d;color:#fff}.v1MobileItem.active:after{content:"";position:absolute;right:14px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--mint);transform:translateY(-50%);box-shadow:0 0 10px rgba(95,226,180,.75)}.v1MobileDivider{height:1px;background:#243e56;margin:5px 2px}.nav #globalNotificationPanel{top:72px!important;right:12px!important;left:12px!important;width:auto!important;max-height:calc(100dvh - 88px)!important}}
@media(max-width:420px){.v1NavIn>.brand{font-size:23px}.v1Notify,.v1MobileToggle{width:40px;height:40px;min-width:40px}.v1BellIcon svg{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.v1NavLink,.v1Notify,.v1AccountBtn,.v1MobileToggle,.v1NavIn>.brand,.v1AccountMenu,.v1MobilePanel,.nav #globalNotificationPanel{animation:none!important;transition:none!important}}
/* Even navigation plus public information pages */
.v1NavIn{grid-template-columns:minmax(130px,1fr) minmax(560px,auto) minmax(160px,1fr)!important}.v1PrimaryNav{grid-template-columns:repeat(5,minmax(96px,1fr))!important}.v1MessageIcon{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(73,119,157,.48);border-radius:13px;background:#0d263b;color:#c9d8e4;text-decoration:none;transition:.18s ease}.v1MessageIcon:hover,.v1MessageIcon.active{color:#68dfbd;border-color:rgba(95,226,180,.48);background:#12344a}.v1MessageIcon svg{width:19px;height:19px;stroke:currentColor}.v1MessageCount{display:none;position:absolute;right:-5px;top:-5px;min-width:19px;height:19px;padding:0 5px;border:2px solid #071525;border-radius:999px;background:#64dfbb;color:#062019;font-size:10px;font-weight:750;line-height:15px;text-align:center}.v1MessageCount.show{display:block}
.v1NavIn{grid-template-columns:minmax(130px,1fr) minmax(650px,auto) minmax(130px,1fr);gap:18px}.v1PrimaryNav{width:100%;display:grid;grid-template-columns:repeat(6,minmax(92px,1fr));gap:3px;padding:4px;border-radius:15px}.v1NavLink{min-height:42px;padding:0 11px;border-radius:10px;font-size:13px;font-weight:600}.v1NavLink.active{background:#153149;border-color:rgba(102,216,183,.28);box-shadow:none}.v1NavLink.active:after{bottom:4px;width:4px;height:4px}.v1NavLink:hover{transform:none;background:#122b40}.infoPage{width:min(1040px,calc(100% - 32px));padding:28px 0 60px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}.infoHero{padding:28px 30px;border:1px solid rgba(82,125,158,.36);border-radius:22px;background:linear-gradient(120deg,#0d2638,#101d35)}.infoEyebrow{color:#68dcb9;font-size:11px;font-weight:650;letter-spacing:1.2px;text-transform:uppercase}.infoHero h1{margin:7px 0 9px;font-size:clamp(32px,5vw,50px);font-weight:650;letter-spacing:-1.8px}.infoHero p{max-width:720px;margin:0;color:#9eb1c0;font-size:15px;line-height:1.65}.infoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.infoCard,.policySection{padding:21px;border:1px solid rgba(82,125,158,.28);border-radius:17px;background:#0d2030}.infoCard h2,.policySection h2{margin:0 0 8px;font-size:20px;font-weight:600}.infoCard p,.policySection p,.policySection li{color:#9cafbd;font-size:14px;line-height:1.7}.infoCard p{margin:0}.infoValues{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.infoValues span{padding:6px 9px;border:1px solid rgba(82,125,158,.3);border-radius:999px;background:#102536;color:#b9c9d3;font-size:12px}.policyLayout{display:grid;gap:10px;margin-top:12px}.policySection h3{margin:18px 0 6px;font-size:16px;font-weight:600}.policySection ul{margin:7px 0 0;padding-left:20px}.policyMeta{margin-top:8px;color:#7f94a4;font-size:12px}.policyContact{display:inline-flex;margin-top:10px;color:#75aef2;text-decoration:none}.policyNav{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.policyNav a{padding:7px 10px;border:1px solid rgba(82,125,158,.3);border-radius:9px;background:#102536;color:#c5d3dc;font-size:12px;text-decoration:none}
@media(max-width:1120px){.v1PrimaryNav{display:none}.v1Account{display:none}.v1MobileToggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(73,119,157,.48);border-radius:13px;background:#102a41;color:#e8f3fb;font-size:20px;cursor:pointer}.v1NavIn{min-height:66px;display:flex;justify-content:space-between;gap:10px;width:min(94%,1260px)}.nav{min-height:66px}.v1MobilePanel{position:absolute;left:10px;right:10px;top:72px;z-index:1190;background:rgba(8,23,39,.98);border:1px solid rgba(65,109,147,.5);border-radius:17px;box-shadow:0 22px 52px rgba(0,0,0,.45)}.v1MobilePanel.open{display:block}.v1MobileInner{padding:9px;display:grid;gap:4px}.v1MobileItem{min-height:46px;padding:12px 14px;border-radius:11px;color:#c7d5e2;font-size:14px;font-weight:600}.v1MobileItem:hover,.v1MobileItem.active{background:#14324d;color:#fff}.infoGrid{grid-template-columns:1fr}}
@media(max-width:560px){.infoPage{width:calc(100% - 20px);padding-top:12px}.infoHero{padding:21px 18px;border-radius:18px}.infoHero h1{font-size:34px}.infoHero p{font-size:14px}.infoCard,.policySection{padding:17px}.policySection p,.policySection li{font-size:14px}}
/* Professional two-pane messaging */
.messengerPage{width:min(1180px,calc(100% - 32px));margin:auto;padding:24px 0 54px}.messengerShell{display:grid;grid-template-columns:330px minmax(0,1fr);height:min(720px,calc(100dvh - 118px));min-height:560px;overflow:hidden;border:1px solid #294860;border-radius:22px;background:#0a1b2b;box-shadow:0 24px 70px rgba(0,0,0,.22)}.messengerSidebar{display:flex;min-width:0;flex-direction:column;border-right:1px solid #29445a;background:#0c2031}.messengerSideHead{padding:22px 20px 15px}.messengerSideHead h1{margin:0;font-size:27px;font-weight:650;letter-spacing:-.6px}.messengerSideHead p{margin:5px 0 0;color:#8fa5b6;font-size:13px}.messengerSearch{margin:0 14px 12px;padding:11px 13px;border:1px solid #28475e;border-radius:11px;background:#081827;color:#dbe7ef;font:inherit;outline:none}.messengerSearch:focus{border-color:#59cdae}.messengerContacts{overflow:auto;padding:0 8px 12px}.messengerContact{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border-radius:13px;color:inherit;text-decoration:none}.messengerContact:hover,.messengerContact.active{background:#133149}.messengerAvatar{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid #3b6480;border-radius:14px;background:linear-gradient(145deg,#174363,#142a50);color:#eaf4fb;font-weight:650}.messengerAvatar i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid #0c2031;border-radius:50%;background:#687f90}.messengerAvatar i.online{background:#5fe2b4}.messengerContactName{overflow:hidden;color:#e6eff5;font-size:14px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.messengerPreview{overflow:hidden;margin-top:3px;color:#8299aa;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.messengerUnread{min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#63dfba;color:#062219;font-size:10px;font-weight:750;line-height:20px;text-align:center}.messengerMain{display:flex;min-width:0;flex-direction:column}.messengerTopbar{display:flex;align-items:center;gap:12px;min-height:78px;padding:14px 20px;border-bottom:1px solid #29445a;background:#0d2132}.messengerTopbar h2{margin:0;font-size:18px;font-weight:620}.messengerStatus{margin-top:3px;color:#8fa5b6;font-size:12px}.messengerBack{display:none;color:#65dcb8;text-decoration:none}.messengerThread{display:flex;flex:1;flex-direction:column;gap:8px;overflow:auto;padding:22px;background:radial-gradient(circle at 100% 0,rgba(91,91,204,.08),transparent 35%)}.messengerEmpty{margin:auto;max-width:420px;text-align:center;color:#8fa5b6}.messengerEmpty b{display:block;margin-bottom:6px;color:#dce8ef;font-size:18px;font-weight:600}.messengerComposer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px 18px;border-top:1px solid #29445a;background:#0d2132}.messengerComposer .input{margin:0;min-height:46px}.messengerSend{min-width:94px;border:0;background:#62dfbb;color:#062119}.messageBubble{max-width:min(72%,560px);padding:11px 13px;border-radius:15px;background:#142e43;color:#dce8ef;line-height:1.45}.messageBubble.me{align-self:flex-end;border-bottom-right-radius:4px;background:#174e55}.messageBubble.them{align-self:flex-start;border-bottom-left-radius:4px}.messageMeta{margin-top:4px;color:#8eabb5;font-size:10px}.messengerPolicyLinks{margin-top:18px;padding-top:15px;border-top:1px solid #29445a}.messengerPolicyLinks h2{font-size:18px}
@media(max-width:760px){.messengerPage{width:100%;padding:0}.messengerShell{grid-template-columns:1fr;height:calc(100dvh - 66px);min-height:0;border:0;border-radius:0}.messengerSidebar{border:0}.messengerShell.hasConversation .messengerSidebar{display:none}.messengerShell:not(.hasConversation) .messengerMain{display:none}.messengerBack{display:inline-flex}.messengerSideHead{padding-top:18px}.messengerThread{padding:15px}.messengerComposer{padding:10px}.messageBubble{max-width:86%}.v1MessageIcon{width:42px;height:42px}}
.messengerMain,.messengerThread{min-height:0}.messengerTopbar,.messengerComposer{flex-shrink:0}.messengerComposer{position:relative;z-index:2}.messengerThread{scrollbar-gutter:stable}.messengerReplyHint{display:block;margin-top:3px;color:#7890a2;font-size:11px}
.messengerAvatarProfile.quirkyAvatar{width:46px;height:46px;flex:0 0 46px;border-width:1px;border-radius:14px;box-shadow:none}.messengerAvatarProfile .qaEye{top:16px;width:5px;height:6px}.messengerAvatarProfile .qaEyeOne{left:14px}.messengerAvatarProfile .qaEyeTwo{left:28px}.messengerAvatarProfile .qaMouth{left:17px;top:29px;width:12px;height:6px;border-width:0 0 2px}.messengerAvatarProfile .qaInitial{left:6px;bottom:3px;font-size:9px}.messengerAvatarProfile:after{width:20px;height:20px}.messengerAvatarWrap{position:relative;width:46px;height:46px}.messengerAvatarWrap>i{position:absolute;right:-2px;bottom:-2px;z-index:4;width:11px;height:11px;border:2px solid #0c2031;border-radius:50%;background:#697f90}.messengerAvatarWrap>i.online{background:#5fe2b4}.messengerContactRole{margin-top:2px;color:#70d8bb;font-size:10px}.messengerContact .messengerPreview{margin-top:3px}.messengerTopbar .messengerAvatarWrap{flex:0 0 46px}
/* Premium messaging experience */
.messengerPage{width:min(1320px,calc(100% - 34px));padding:22px 0 48px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif}.messengerShell{grid-template-columns:370px minmax(0,1fr);height:min(780px,calc(100dvh - 110px));min-height:620px;border-color:rgba(76,129,164,.42);border-radius:26px;background:linear-gradient(145deg,#091a29,#0a1727);box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035)}
.messengerSidebar{border-right-color:rgba(71,119,151,.32);background:linear-gradient(180deg,rgba(15,39,57,.98),rgba(9,28,43,.98))}.messengerSideHead{display:flex;align-items:flex-start;justify-content:space-between;padding:25px 22px 16px}.messengerEyebrow{display:block;margin-bottom:6px;color:#62dfbd;font-size:9px;font-weight:750;letter-spacing:.16em}.messengerSideHead h1{font-size:30px;font-weight:650;letter-spacing:-1px}.messengerSideHead p{color:#8da3b3;font-size:12.5px}.messengerContactTotal{display:grid;place-items:center;min-width:32px;height:32px;margin-top:3px;border:1px solid rgba(96,221,186,.28);border-radius:11px;background:rgba(23,77,77,.34);color:#72e5c4;font-size:12px;font-weight:700}
.messengerSearchShell{display:flex;align-items:center;gap:9px;margin:0 15px 13px;padding:0 13px;border:1px solid rgba(65,109,139,.45);border-radius:14px;background:rgba(5,20,33,.7);color:#5f7d91;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.messengerSearchShell:focus-within{border-color:rgba(97,223,187,.68);background:#081b2b;box-shadow:0 0 0 3px rgba(89,215,181,.08)}.messengerSearchShell>span{font-size:20px;line-height:1}.messengerSearch{width:100%;margin:0;padding:13px 0;border:0;background:transparent;font-size:13px}.messengerListLabel{display:flex;align-items:center;justify-content:space-between;padding:2px 20px 9px;color:#738c9e;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.messengerListLabel i{font-style:normal;color:#536f83;text-transform:none;letter-spacing:0}
.messengerContacts{padding:0 9px 15px}.messengerContact{position:relative;grid-template-columns:50px minmax(0,1fr) auto;gap:12px;min-height:78px;margin:3px 0;padding:12px 11px;border:1px solid transparent;border-radius:17px;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.messengerContact:before{content:"";position:absolute;left:0;top:20%;width:3px;height:60%;border-radius:0 3px 3px 0;background:transparent}.messengerContact:hover{transform:translateX(2px);border-color:rgba(75,126,159,.26);background:rgba(21,55,78,.72)}.messengerContact.active{border-color:rgba(91,207,178,.3);background:linear-gradient(105deg,rgba(23,68,84,.94),rgba(18,51,73,.86));box-shadow:0 12px 26px rgba(0,0,0,.13)}.messengerContact.active:before{background:#63dfba;box-shadow:0 0 14px rgba(99,223,186,.5)}.messengerContact.hasUnread .messengerContactName{color:#fff}.messengerContactCopy{min-width:0}.messengerContactLine{display:flex;align-items:center;gap:8px}.messengerContactName{flex:1;font-size:14px;font-weight:620}.messengerContactTime{flex:0 0 auto;color:#6f899b;font-size:9px}.messengerContactRole{color:#62cbaa;font-size:9.5px;font-weight:550}.messengerPreview{font-size:11.5px;line-height:1.4}.messengerUnread{align-self:center;min-width:23px;height:23px;line-height:23px;box-shadow:0 6px 16px rgba(58,211,169,.2)}.messengerContactArrow{align-self:center;color:#4f6e82;font-size:22px}.messengerAvatarProfile.quirkyAvatar{width:50px;height:50px;flex-basis:50px;border-radius:17px;box-shadow:0 9px 20px rgba(0,0,0,.16)}.messengerAvatarWrap{width:50px;height:50px}.messengerAvatarWrap>i{width:12px;height:12px;border-width:3px;box-shadow:0 0 0 2px rgba(95,226,180,.05)}
.messengerMain{position:relative;background:linear-gradient(180deg,#0b1e2e,#091928)}.messengerTopbar{min-height:84px;padding:14px 22px;border-bottom-color:rgba(72,120,151,.3);background:rgba(12,34,51,.92);backdrop-filter:blur(18px)}.messengerTopIdentity{min-width:0}.messengerTopName{display:flex;align-items:center;gap:9px}.messengerTopbar h2{font-size:19px;font-weight:630;letter-spacing:-.25px}.messengerRolePill{padding:4px 7px;border:1px solid rgba(99,223,186,.24);border-radius:999px;background:rgba(25,77,76,.35);color:#73dfc1;font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:.06em}.messengerStatus{display:flex;align-items:center;gap:6px;margin-top:4px}.messengerStatusDot{width:7px;height:7px;border-radius:50%;background:#647c8d}.messengerStatusDot.online{background:#5fe2b4;box-shadow:0 0 0 4px rgba(95,226,180,.09),0 0 12px rgba(95,226,180,.4)}.messengerProfileAction{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:9px 11px;border:1px solid rgba(76,125,157,.4);border-radius:11px;background:rgba(14,44,64,.68);color:#bcd0dc;font-size:11px;font-weight:600;text-decoration:none;transition:.18s ease}.messengerProfileAction:hover{transform:translateY(-1px);border-color:rgba(96,221,186,.5);color:#75e3c3}.messengerProfileAction i{font-style:normal;color:#63ddba}.messengerBack{align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(78,128,159,.4);border-radius:11px;background:#102b40;font-size:18px}
.messengerThread{gap:9px;padding:23px 27px 28px;background:radial-gradient(circle at 90% 5%,rgba(74,95,213,.09),transparent 27%),radial-gradient(circle at 10% 100%,rgba(46,184,153,.055),transparent 25%),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,auto,100% 38px}.messengerThreadIntro{align-self:center;display:flex;flex-direction:column;align-items:center;margin:2px 0 17px;padding:7px 13px;border:1px solid rgba(78,123,151,.22);border-radius:12px;background:rgba(7,23,36,.7);color:#7d95a6;text-align:center}.messengerThreadIntro span{color:#9db2c0;font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.08em}.messengerThreadIntro small{margin-top:2px;font-size:10px}.messageBubble{position:relative;max-width:min(70%,620px);padding:12px 14px 9px;border:1px solid rgba(79,126,157,.2);border-radius:18px;background:linear-gradient(145deg,#142d42,#11283b);box-shadow:0 9px 20px rgba(0,0,0,.12);font-size:13.5px;line-height:1.55;animation:messageArrive .22s ease both}.messageBubble.me{border-color:rgba(79,205,178,.22);border-bottom-right-radius:5px;background:linear-gradient(145deg,#19535a,#15454e)}.messageBubble.them{border-bottom-left-radius:5px}.messageText{white-space:pre-wrap;overflow-wrap:anywhere}.messageFooter{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:5px}.messageMeta{margin:0;color:#84a3ae;font-size:9px}.messageDelivered{color:#70e0bf;font-size:10px;letter-spacing:-2px}.messengerEmptyChat span{display:block}.messengerEmptyIcon{display:grid!important;place-items:center;width:50px;height:50px;margin:0 auto 12px;border:1px solid rgba(101,224,191,.3);border-radius:16px;background:linear-gradient(145deg,#153c4c,#152d50);color:#69e0bd;font-size:20px;box-shadow:0 14px 32px rgba(0,0,0,.17)}.messengerPromptRow{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:15px}.messengerPromptRow button{padding:8px 10px;border:1px solid rgba(76,125,157,.38);border-radius:10px;background:#102b40;color:#a9c0cf;font:inherit;font-size:10.5px;cursor:pointer}.messengerPromptRow button:hover{border-color:#63d9b8;color:#72e4c4}
.messengerComposer{grid-template-columns:minmax(0,1fr) auto;padding:15px 18px 13px;border-top-color:rgba(72,120,151,.3);background:rgba(11,31,47,.97)}.messengerInputShell{position:relative;display:flex;align-items:center;min-width:0;border:1px solid rgba(70,117,148,.5);border-radius:15px;background:#071827;transition:.18s ease}.messengerInputShell:focus-within{border-color:rgba(99,223,186,.7);box-shadow:0 0 0 4px rgba(89,215,181,.07)}.messengerComposeSpark{padding-left:14px;color:#5fcfac;font-size:13px}.messengerInputShell .input{width:100%;min-height:50px;padding:12px 82px 12px 9px;border:0;background:transparent;box-shadow:none;font-size:13px}.messengerCharCount{position:absolute;right:12px;bottom:7px;color:#557183;font-size:8.5px}.messengerSend{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:105px;height:50px;border-radius:14px;background:linear-gradient(135deg,#64dfbb,#50cfae);box-shadow:0 10px 24px rgba(55,205,164,.17);font-size:12px;font-weight:700;transition:.18s ease}.messengerSend:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(55,205,164,.25)}.messengerSend i{font-style:normal;font-size:12px}.messengerReplyHint{grid-column:1/-1;margin:0 4px;color:#647f91;font-size:9.5px}.messengerEmpty b{font-weight:620}
@keyframes messageArrive{from{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:900px){.messengerShell{grid-template-columns:330px minmax(0,1fr)}.messengerThread{padding:20px}.messageBubble{max-width:78%}}
@media(max-width:760px){.messengerPage{padding:0}.messengerShell{height:calc(100dvh - 66px);border-radius:0}.messengerSideHead{padding:19px 17px 14px}.messengerSideHead h1{font-size:27px}.messengerSearchShell{margin-inline:11px}.messengerContacts{padding-inline:7px}.messengerContact{min-height:76px}.messengerTopbar{min-height:74px;padding:10px 12px}.messengerTopbar .messengerAvatarWrap{display:none}.messengerRolePill{display:none}.messengerProfileAction span{display:none}.messengerProfileAction{width:38px;height:38px;padding:0;justify-content:center}.messengerThread{padding:16px 13px 20px}.messengerThreadIntro{margin-bottom:10px}.messageBubble{max-width:88%;font-size:13px}.messengerComposer{gap:8px;padding:10px 9px calc(9px + env(safe-area-inset-bottom))}.messengerInputShell .input{min-height:48px;padding-right:12px}.messengerCharCount,.messengerComposeSpark{display:none}.messengerSend{min-width:52px;width:52px;height:48px;padding:0}.messengerSend span{display:none}.messengerReplyHint{display:none}}
@media(max-width:380px){.messengerContact{grid-template-columns:46px minmax(0,1fr) auto;padding-inline:9px}.messengerAvatarProfile.quirkyAvatar,.messengerAvatarWrap{width:46px;height:46px}.messengerTopbar h2{font-size:17px}.messageBubble{max-width:92%}}
@media(prefers-reduced-motion:reduce){.messengerContact,.messengerProfileAction,.messengerSend,.messageBubble{animation:none!important;transition:none!important}}
/* Balanced, animated current-focus card */
.dashboardWonder .dashboardHeroPanel{overflow:hidden}.dashboardWonder .dashboardHeroPanel:after{content:"";position:absolute;right:-72px;bottom:-100px;width:210px;height:210px;border:1px solid rgba(104,228,189,.09);border-radius:50%;box-shadow:0 0 0 30px rgba(89,162,214,.018);pointer-events:none}.dashboardWonder .heroPanelCopy{display:flex;min-width:0;flex-direction:column;align-items:center;text-align:center!important}.dashboardWonder .heroPanelCopy span,.dashboardWonder .heroPanelCopy b,.dashboardWonder .heroPanelCopy small{width:100%;text-align:center}.dashboardWonder .heroFocusEdit{min-height:34px;display:inline-flex;align-items:center;justify-content:center;align-self:center;margin:10px auto 0;padding:8px 12px;border:1px solid rgba(103,226,190,.32);border-radius:10px;background:rgba(12,54,58,.48);color:#72e3c2;font-size:9px;font-weight:700;letter-spacing:.1px;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.dashboardWonder .heroFocusEdit:after{margin-left:7px}.dashboardWonder .heroFocusEdit:hover{transform:translateY(-2px);border-color:#75e5c6;background:rgba(18,76,70,.62);color:#a2f2dc;box-shadow:0 10px 22px rgba(45,199,159,.12)}.dashboardWonder .heroOrbitCore{animation:focusCoreGlow 3.4s ease-in-out infinite}.dashboardWonder .heroOrbitOne{animation:focusSpark 2.2s ease-in-out infinite}.dashboardWonder .heroOrbitTwo{animation:focusDot 2.6s ease-in-out infinite}.dashboardWonder .heroOrbitThree{animation:focusDiamond 4s ease-in-out infinite}@keyframes focusCoreGlow{0%,100%{box-shadow:0 12px 32px rgba(72,83,223,.28)}50%{box-shadow:0 14px 42px rgba(91,153,255,.5)}}@keyframes focusSpark{0%,100%{transform:scale(.85) rotate(-8deg);opacity:.75}50%{transform:scale(1.15) rotate(8deg);opacity:1}}@keyframes focusDot{0%,100%{transform:scale(.8)}50%{transform:scale(1.25)}}@keyframes focusDiamond{0%,100%{transform:rotate(0)}50%{transform:rotate(90deg)}}
@media(max-width:980px){.dashboardWonder .dashboardHeroPanel .heroPanelCopy{align-items:center;text-align:center!important}.dashboardWonder .dashboardHeroPanel .heroPanelCopy span,.dashboardWonder .dashboardHeroPanel .heroPanelCopy b,.dashboardWonder .dashboardHeroPanel .heroPanelCopy small{text-align:center}}
@media(max-width:680px){.dashboardWonder .dashboardHeroPanel{display:flex;flex-direction:column;gap:9px;padding:17px}.dashboardWonder .dashboardHeroPanel .heroOrbit{width:68px;height:68px}.dashboardWonder .dashboardHeroPanel .heroOrbitCore{width:42px;height:42px}.dashboardWonder .heroPanelCopy small{display:block}.dashboardWonder .heroFocusEdit{width:auto;min-width:116px}}
@media(prefers-reduced-motion:reduce){.dashboardWonder .heroOrbitCore,.dashboardWonder .heroOrbitOne,.dashboardWonder .heroOrbitTwo,.dashboardWonder .heroOrbitThree{animation:none!important}}


/* Skill-me V1.2 — structured collaborative learning course */
.structuredCourse{margin-top:22px;border:1px solid #28506f;border-radius:22px;background:linear-gradient(180deg,#0d2137 0%,#0a1b2e 100%);overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.16)}
.courseTop{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:26px 28px 18px}.courseEyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:#69dfc2;margin-bottom:8px}.courseTop h4{font-size:25px;margin:0 0 7px;color:#f7fbff}.courseTop p{margin:0;max-width:760px;color:#9eb1c5;line-height:1.6;font-size:14px}.courseProgressRing{min-width:86px;height:86px;border-radius:50%;border:6px solid #234661;background:#102942;display:flex;flex-direction:column;align-items:center;justify-content:center}.courseProgressRing b{font-size:19px;color:#fff}.courseProgressRing span{font-size:10px;color:#9fb3c8}.courseProgressTrack{height:7px;background:#152f49;margin:0 28px;border-radius:999px;overflow:hidden}.courseProgressTrack span{display:block;height:100%;background:linear-gradient(90deg,#5ee0bd,#66a9ff);border-radius:999px;transition:width .25s ease}.courseProgressMeta{display:flex;justify-content:space-between;gap:16px;padding:10px 28px 20px;color:#8fa6ba;font-size:12px}.courseProgressMeta b{color:#dce8f3}.courseModules{border-top:1px solid #1e3a53}.courseModule{border-bottom:1px solid #1b354d}.courseModule>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 28px;transition:background .15s ease}.courseModule>summary::-webkit-details-marker{display:none}.courseModule>summary:hover{background:#102a43}.moduleNumber{width:32px;height:32px;border-radius:10px;background:#173a57;color:#a8c7df;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}.moduleTitle{display:flex;flex-direction:column;gap:3px;flex:1}.moduleTitle b{color:#eef6fd;font-size:15px}.moduleTitle small{color:#7f98ad;font-size:12px}.moduleProgress{font-size:12px;font-weight:800;color:#69dfc2;background:#12384a;padding:6px 9px;border-radius:999px}.moduleChevron{color:#8ba5bb;font-size:18px;transition:transform .2s}.courseModule[open] .moduleChevron{transform:rotate(180deg)}.courseLessons{padding:0 28px 14px 74px}.courseLesson{display:flex;align-items:center;gap:13px;padding:12px 10px;border-top:1px solid #173047}.courseLesson.completed{opacity:.82}.lessonState{width:27px;height:27px;border-radius:50%;border:1px solid #315673;color:#9eb5c9;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.courseLesson.completed .lessonState{background:#123f3a;border-color:#2d7768;color:#6be0bd}.lessonCopy{display:flex;flex-direction:column;gap:3px;flex:1}.lessonCopy b{font-size:14px;color:#e8f1f8}.lessonCopy span{font-size:11px;color:#7f98ad}.lessonCompleteBtn{border:1px solid #315574;background:#102a43;color:#c7d7e5;border-radius:10px;padding:8px 11px;font-size:11px;font-weight:800;cursor:pointer}.lessonCompleteBtn:hover{background:#173b59;color:#fff}.lessonCompleteBtn.isDone{border-color:#275f55;background:#123c37;color:#69dfc2}.courseResources{margin:18px 28px 26px;border:1px solid #294863;border-radius:15px;background:#0b1e32}.courseResources>summary{cursor:pointer;list-style:none;padding:15px 17px;display:flex;justify-content:space-between;color:#e8f2f9;font-weight:800}.courseResources>summary::-webkit-details-marker{display:none}.courseResources>summary small{color:#9cb0c3}.courseResourceBody{border-top:1px solid #203d56;padding:16px}.courseResourceBody>p{color:#8fa6ba;font-size:12px;margin:0 0 12px}.compactCourseDocs .docRow{border-radius:12px;margin-bottom:9px}.courseUploadRow{margin-top:14px;padding-top:14px;border-top:1px solid #1d3a52;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#b7c7d6;font-size:12px}.courseUploadRow .uploadForm{display:flex;align-items:center;gap:8px}.courseUploadRow .filePick{max-width:300px}

/* V1.3 Python course pilot: lessons open into real study content inside the room. */
.pythonPilotNotice{margin:0 28px 18px;padding:12px 14px;border:1px solid #255d62;border-radius:12px;background:#0d2b32;color:#a9dcd6;font-size:12px;line-height:1.55}.pythonPilotNotice b{color:#69dfc2}
.courseLessonDetail{border-top:1px solid #173047}.courseLessonDetail>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:13px;padding:13px 10px}.courseLessonDetail>summary::-webkit-details-marker{display:none}.courseLessonDetail>summary:hover{background:#0f2840}.courseLessonDetail.completed>summary{opacity:.86}.courseLessonDetail .lessonState{flex:0 0 27px}.lessonOpenHint{font-size:11px;color:#6fa2c7;border:1px solid #294f6c;border-radius:999px;padding:5px 9px;white-space:nowrap}.courseLessonDetail[open] .lessonOpenHint{color:#69dfc2;border-color:#285d57;background:#102f31}.lessonStudyBody{margin:0 10px 14px 40px;border:1px solid #203f5a;border-radius:14px;background:#091a2b;overflow:hidden}.lessonStudyGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:0}.lessonStudyMain{padding:18px 20px}.lessonStudySide{padding:18px 20px;border-left:1px solid #1c3b55;background:#0b2034}.lessonLabel{font-size:10px;letter-spacing:.11em;font-weight:900;color:#6bdcc1;margin:0 0 6px}.lessonStudyBody h5{margin:0 0 8px;color:#f1f7fb;font-size:15px}.lessonStudyBody p{margin:0 0 14px;color:#a7b8c7;font-size:13px;line-height:1.65}.lessonCode{margin:8px 0 16px;padding:13px 14px;border:1px solid #244663;border-radius:11px;background:#071522;color:#d7e9f6;overflow:auto;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre-wrap}.lessonTask{padding:12px 13px;border-radius:11px;background:#10283d;border:1px solid #244965;color:#c8d8e5;font-size:12px;line-height:1.55}.lessonTask b{color:#eef6fd}.lessonCompleteRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;border-top:1px solid #1a3850;background:#0a1d30}.lessonCompleteRow span{color:#849caf;font-size:11px}.lessonCompleteRow .lessonActionForm{margin-left:auto}
.codeLab{margin:18px 28px 20px;border:1px solid #2b5574;border-radius:16px;background:#081a2c;overflow:hidden}.codeLabHead{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid #1d3d56}.codeLabHead h5{margin:0;color:#f3f8fc;font-size:16px}.codeLabHead p{margin:4px 0 0;color:#8da5ba;font-size:11px}.codeLabBadge{font-size:10px;font-weight:900;letter-spacing:.08em;color:#6be0bd;border:1px solid #285c55;border-radius:999px;padding:6px 9px;background:#0d2d2d}.codeLabToolbar{display:flex;gap:9px;align-items:center;padding:12px 18px;border-bottom:1px solid #17374f;flex-wrap:wrap}.codeLabToolbar label{font-size:11px;color:#9fb1c3;font-weight:800}.codeLabSelect,.codeLabInput{background:#0d2438;color:#e8f1f8;border:1px solid #2a4d68;border-radius:9px;padding:8px 10px}.codeLabSelect{min-width:130px}.codeLabInput{flex:1;min-width:180px}.codeLabGrid{display:grid;grid-template-columns:1.08fr .92fr;min-height:330px}.codeLabPane{min-width:0}.codeLabPane+ .codeLabPane{border-left:1px solid #1d3d56}.codeLabPaneTitle{padding:10px 14px;border-bottom:1px solid #17374f;color:#8fa7ba;font-size:10px;letter-spacing:.1em;font-weight:900}.codeLabEditor{width:100%;height:285px;resize:vertical;border:0;outline:0;background:#061421;color:#d9ebf7;padding:15px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;tab-size:4}.codeLabOutput{height:285px;overflow:auto;margin:0;background:#071725;color:#d9ebf7;padding:15px;white-space:pre-wrap;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.codeLabResult{padding:12px 14px;overflow:auto}.codeLabResult table{width:100%;border-collapse:collapse;font-size:12px}.codeLabResult th,.codeLabResult td{border:1px solid #23445d;padding:7px;text-align:left}.codeLabActions{display:flex;gap:9px;align-items:center;padding:12px 18px;border-top:1px solid #17374f}.codeLabRun{border:0;border-radius:10px;background:#5fe2b4;color:#06251d;padding:10px 16px;font-weight:900;cursor:pointer}.codeLabRun:disabled{opacity:.6;cursor:wait}.codeLabClear{border:1px solid #2b4d67;border-radius:10px;background:#0d2438;color:#dce8f2;padding:9px 13px;font-weight:800;cursor:pointer}.codeLabStatus{font-size:11px;color:#8fa6b9;margin-left:auto}.lessonCodeBtn{margin-top:12px;width:100%;border:1px solid #356286;background:#102d46;color:#dcecf8;border-radius:10px;padding:9px 11px;font-size:11px;font-weight:900;cursor:pointer}.lessonCodeBtn:hover{background:#17405f;color:#fff}.codeLabSafety{padding:0 18px 13px;color:#708aa0;font-size:10px;line-height:1.5}
@media(max-width:760px){.codeLab{margin:14px 18px 18px}.codeLabGrid{grid-template-columns:1fr}.codeLabPane+ .codeLabPane{border-left:0;border-top:1px solid #1d3d56}.courseTop{padding:20px;gap:14px}.courseTop h4{font-size:21px}.courseProgressRing{min-width:70px;height:70px}.courseProgressTrack{margin:0 20px}.courseProgressMeta{padding:10px 20px 16px;flex-direction:column;gap:3px}.courseModule>summary{padding:15px 18px}.courseLessons{padding:0 16px 12px 44px}.lessonActionForm{margin-left:auto}.lessonCompleteBtn{padding:7px 8px}.courseResources{margin:14px 18px 20px}.pythonPilotNotice{margin:0 18px 14px}.lessonStudyBody{margin:0 4px 12px 0}.lessonStudyGrid{grid-template-columns:1fr}.lessonStudySide{border-left:0;border-top:1px solid #1c3b55}.courseLessonDetail>summary{padding-left:0}.lessonOpenHint{display:none}.courseUploadRow{align-items:flex-start;flex-direction:column}.courseUploadRow .uploadForm{width:100%;flex-direction:column;align-items:stretch}.courseUploadRow .filePick{max-width:none;width:100%}}

/* Chapter mastery assessment */
.chapterAssessment{margin:18px 20px 20px;border:1px solid #2a4c67;border-radius:15px;background:linear-gradient(145deg,#0a2034,#08182a);overflow:hidden}.assessmentResult{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border-bottom:1px solid #203d56}.assessmentResult b{font-size:13px;color:#e7f1f8}.assessmentResult span{color:#849caf;font-size:11px;text-align:right}.assessmentResult.passed{background:rgba(54,194,151,.08)}.assessmentResult.passed b{color:#6ee2bd}.assessmentResult.retry{background:rgba(241,175,75,.06)}.assessmentResult.retry b{color:#f1c978}.chapterAssessment>details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;color:#dfeaf3;font-size:12px;font-weight:750}.chapterAssessment>details>summary::-webkit-details-marker{display:none}.chapterAssessment>details>summary span{color:#6f8aa1;font-size:10.5px}.chapterAssessmentForm{padding:3px 15px 15px}.chapterQuestion{margin:11px 0 0;padding:12px;border:1px solid #203e58;border-radius:12px;background:#07192b}.chapterQuestion legend{display:flex;align-items:center;gap:8px;padding:0 5px;color:#dce8f2;font-size:12px;font-weight:700}.chapterQuestion legend>span{width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:#123b4f;color:#65dfbd;font-size:10px}.chapterOption{display:flex;align-items:flex-start;gap:9px;margin-top:8px;padding:9px 10px;border:1px solid #1d374f;border-radius:10px;background:#0a1d30;color:#9fb2c3;font-size:11.5px;line-height:1.45;cursor:pointer;transition:.16s ease}.chapterOption:hover{border-color:#3d7487;color:#dce9f3}.chapterOption:has(input:checked){border-color:#50d5b2;background:rgba(48,187,150,.09);color:#e7faf5}.chapterOption input{margin-top:2px;accent-color:#59dbb7}.chapterSubmitRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.chapterSubmitRow>span{color:#7891a7;font-size:10.5px}.chapterSubmitRow .lessonCompleteBtn{min-height:39px;background:linear-gradient(135deg,#61dfbb,#56cde0);border:0;color:#061a21;padding:9px 14px}.courseModuleMastery{display:inline-flex;align-items:center;gap:5px}
@media(max-width:680px){.chapterAssessment{margin:14px 8px}.assessmentResult{align-items:flex-start;flex-direction:column;gap:3px}.assessmentResult span{text-align:left}.chapterAssessment>details>summary{align-items:flex-start;flex-direction:column}.chapterSubmitRow{align-items:stretch;flex-direction:column}.chapterSubmitRow .lessonCompleteBtn{width:100%}.chapterQuestion{padding:10px}.chapterOption{padding:10px 9px}}

/* Compact modern code workspace */
.codeLab{border-color:#284864;border-radius:18px;background:linear-gradient(145deg,#071625,#091d30);box-shadow:0 18px 44px rgba(0,0,0,.14)}
.codeLabHead{padding:13px 15px;background:linear-gradient(90deg,rgba(57,213,176,.06),rgba(93,84,210,.06))}.codeLabHeadMain{display:flex;align-items:center;gap:11px;min-width:0}.codeLabMark{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;background:#0d2b3f;border:1px solid #2a5670;color:#63ddbd}.codeLabMark svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.codeLabHead h5{font-size:15px;font-weight:750}.codeLabHead p{max-width:660px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.codeLabBadge{display:inline-flex;align-items:center;gap:6px}.codeLabBadge:before{content:"";width:6px;height:6px;border-radius:50%;background:#64dfbd;box-shadow:0 0 0 4px rgba(100,223,189,.09)}
.codeLabToolbar{padding:9px 14px;gap:8px;background:#07182a}.codeLabControl{display:flex;align-items:center;gap:7px;min-width:0}.codeLabControl.stdin{flex:1}.codeLabToolbar label{font-size:10px;letter-spacing:.03em;text-transform:uppercase}.codeLabSelect,.codeLabInput{min-height:36px;padding:7px 10px;border-radius:10px;background:#0a2034;border-color:#284962}.codeLabInput{width:100%}
.codeLabGrid{min-height:250px}.codeLabPane{position:relative;background:#061522}.codeLabPaneTitle{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#091c2d}.codeLabPaneTitle span{display:inline-flex;align-items:center;gap:7px}.codeLabPaneTitle span:before{content:"";width:7px;height:7px;border-radius:50%;background:#58dcb7}.codeLabPaneHint{color:#607b92;font-weight:650;letter-spacing:0;text-transform:none}.codeLabEditor,.codeLabOutput{height:215px;min-height:215px;padding:14px;font-size:12.5px;line-height:1.6}.codeLabEditor{caret-color:#61dfbd}.codeLabOutput{color:#bdd0df;background:#071725}
.codeLabActions{padding:9px 14px;gap:8px;background:#081a2c}.codeLabRun,.codeLabClear{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;padding:8px 13px;font-size:12px;font-weight:750}.codeLabRun{background:linear-gradient(135deg,#62dfbd,#54cce0);box-shadow:0 8px 20px rgba(64,209,180,.13)}.codeLabRun svg,.codeLabClear svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.codeLabStatus{display:inline-flex;align-items:center;gap:7px}.codeLabStatus:before{content:"";width:7px;height:7px;border-radius:50%;background:#61dcba}.codeLabSafety{padding:8px 14px 10px;border-top:1px solid rgba(32,61,83,.55);background:#071827;color:#6f899f}
@media(max-width:760px){.codeLabHead p{white-space:normal}.codeLabToolbar{display:grid;grid-template-columns:1fr}.codeLabControl,.codeLabControl.stdin{display:grid;grid-template-columns:92px minmax(0,1fr);width:100%}.codeLabSelect{width:100%}.codeLabEditor,.codeLabOutput{height:190px;min-height:190px}.codeLabActions{flex-wrap:wrap}.codeLabStatus{width:100%;margin-left:0;padding-top:3px}.codeLabSafety{font-size:9.5px}}
@media(max-width:480px){.codeLab{margin-left:10px!important;margin-right:10px!important;border-radius:15px}.codeLabHead{align-items:flex-start}.codeLabBadge{display:none}.codeLabMark{width:34px;height:34px;flex-basis:34px}.codeLabHead p{font-size:10.5px}.codeLabControl,.codeLabControl.stdin{grid-template-columns:1fr;gap:4px}.codeLabEditor,.codeLabOutput{height:175px;min-height:175px}.codeLabRun,.codeLabClear{flex:1}.codeLabStatus{justify-content:center}}

/* Smart grouped course catalogue */
.courseCatalogPage{max-width:1180px;padding:34px 18px 58px}.courseCatalogHero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px;border:1px solid #294b67;border-radius:22px;background:linear-gradient(135deg,#0c243a,#111c3d);overflow:hidden}.courseCatalogHero h1{font-size:34px;font-weight:760}.courseCatalogHero p{max-width:720px;color:#9eb2c4;line-height:1.6}.courseCatalogCount{display:flex;gap:9px}.courseCatalogCount span{min-width:94px;padding:11px;border:1px solid #31516c;border-radius:13px;background:#091b2d;text-align:center}.courseCatalogCount b{display:block;font-size:20px;color:#66dfbd}.courseCatalogCount small{color:#829aae;font-size:10px}.courseCategoryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px}.courseCategoryCard{padding:19px;border:1px solid #27445f;border-radius:18px;background:linear-gradient(160deg,#0b1e32,#081726)}.courseCategoryHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.courseCategoryHead h2{font-size:18px;font-weight:730;margin:0}.courseCategoryHead span{color:#6cdcbc;background:#0d3439;border:1px solid #285b58;border-radius:999px;padding:5px 8px;font-size:10px}.courseTopicGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.courseTopicChoice{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0;padding:10px 11px;border:1px solid #203d56;border-radius:11px;background:#091a2c;color:#b9c9d7;cursor:pointer;text-align:left;transition:.16s ease}.courseTopicChoice:hover{border-color:#4dbf9f;background:#0c2936;transform:translateY(-1px)}.courseTopicChoice b{font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis}.courseTopicChoice span{color:#5fdcba}.courseTopicChoice.current{border-color:#57d4b2;background:rgba(45,181,145,.1);color:#e9faf5}.courseCatalogNote{margin-top:17px;padding:13px 15px;border:1px solid #28475f;border-radius:14px;color:#8fa5b8;font-size:12px;background:#091a2c}.courseCatalogNote b{color:#dce8f2}
@media(max-width:800px){.courseCatalogHero{align-items:flex-start;flex-direction:column}.courseCategoryGrid{grid-template-columns:1fr}}@media(max-width:520px){.courseCatalogPage{padding:20px 12px 45px}.courseCatalogHero{padding:20px 17px}.courseCatalogHero h1{font-size:27px}.courseCatalogCount{width:100%}.courseCatalogCount span{flex:1}.courseTopicGrid{grid-template-columns:1fr}}

.courseTopicChoice{width:100%}
/* V1.4.1 SIMPLE LEARNING TOPIC */
.simpleGoalPage{max-width:760px;padding-top:42px;padding-bottom:64px}.simpleGoalCard{background:linear-gradient(180deg,rgba(16,35,57,.98),rgba(10,27,46,.98));border:1px solid #294864;border-radius:24px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.16)}.simpleGoalBack{display:inline-block;color:#9fb4c9;text-decoration:none;font-weight:750;margin-bottom:26px}.simpleGoalBack:hover{color:#fff}.simpleGoalEyebrow{font-size:12px;letter-spacing:.14em;font-weight:850;color:#64dfbd;margin-bottom:8px}.simpleGoalCard h1{font-size:34px;line-height:1.12;margin:0 0 10px}.simpleGoalIntro{margin:0;color:#9fb4c9;font-size:16px;line-height:1.55}.simpleGoalNotice{margin:22px 0 0;padding:13px 15px;border-radius:12px;background:rgba(100,223,189,.1);border:1px solid rgba(100,223,189,.35);color:#bdf8e7;font-weight:750}.currentGoalBox{margin:26px 0 28px;padding:20px 22px;border-radius:16px;background:#0b2035;border:1px solid #284963}.currentGoalLabel{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#829bb3;font-weight:800}.currentGoalTopic{font-size:25px;font-weight:850;margin-top:6px}.currentGoalCategory{font-size:14px;color:#9fb4c9;margin-top:4px}.simpleGoalForm{display:grid;gap:18px}.simpleGoalStep{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start}.simpleGoalStepNo{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#123d52;color:#64dfbd;font-weight:900;margin-top:27px}.simpleGoalField label{display:block;font-size:14px;font-weight:800;margin:0 0 8px}.simpleGoalField .input{width:100%;min-height:52px;font-size:16px}.simpleGoalActions{display:flex;align-items:center;gap:16px;margin-top:6px}.simpleGoalSave{min-width:180px}.simpleGoalCancel{color:#9fb4c9;text-decoration:none;font-weight:750}.simpleGoalHint{margin:0;color:#7891a8;font-size:13px;line-height:1.5;padding-left:50px}@media(max-width:640px){.simpleGoalPage{padding-top:20px}.simpleGoalCard{padding:22px 18px;border-radius:18px}.simpleGoalCard h1{font-size:28px}.simpleGoalStep{grid-template-columns:1fr}.simpleGoalStepNo{display:none}.simpleGoalHint{padding-left:0}.simpleGoalActions{align-items:stretch;flex-direction:column}.simpleGoalSave{width:100%}.simpleGoalCancel{text-align:center;padding:8px}}

/* Unified, responsive live-call stage */
.callExperience{position:relative;overflow:hidden;margin-bottom:20px;padding:24px;border:1px solid rgba(76,124,169,.55);border-radius:28px;background:radial-gradient(circle at 10% 0,rgba(104,72,255,.18),transparent 34%),radial-gradient(circle at 92% 18%,rgba(31,222,190,.14),transparent 30%),linear-gradient(145deg,#0b1b31,#0b172b 58%,#111431);box-shadow:0 28px 80px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.035)}
.callExperience:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.025) 50%,transparent 70%)}
.callExperience .learningHero{z-index:1;margin:0;padding:0 0 22px;align-items:center;border-bottom:1px solid rgba(74,103,140,.24)}
.callExperience .learningHeroMain{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
.callExperience .roomEyebrow{grid-column:1/-1;margin-bottom:16px}
.callExperience .learningTitle{margin:0;font-size:clamp(34px,4.4vw,58px)}
.callExperience .roomTagline{grid-column:2;margin:7px 0 0}
.callExperience .roomIdPill{grid-column:1/-1;margin-top:16px}
.callExperience .copyRoomBtn{min-height:46px;padding:0 18px;border-radius:13px!important;background:rgba(12,29,51,.75)!important;backdrop-filter:blur(8px)}
.callExperience .heroLinkArt{padding-top:18px;min-width:330px;justify-content:center}
.callExperience .heroAvatar{width:66px;height:66px;font-size:22px;box-shadow:0 0 0 6px rgba(132,81,255,.07),0 0 30px rgba(132,81,255,.22);animation:callGlow 2.4s ease-in-out infinite}
.callExperience .heroAvatar.teal{box-shadow:0 0 0 6px rgba(28,218,195,.07),0 0 30px rgba(28,218,195,.2);animation-delay:1.2s}
.callExperience .heroWave{animation:callWave 1.5s ease-in-out infinite}
.callExperience .premiumCallCard{position:relative;z-index:1;margin:20px 0 0;padding:18px 20px;border:1px solid rgba(76,111,151,.42);border-radius:19px;background:rgba(7,20,38,.62);box-shadow:none;backdrop-filter:blur(12px)}
.callExperience .cleanAudioIcon{background:linear-gradient(145deg,#123e4a,#0a293c);box-shadow:0 0 0 6px rgba(78,225,181,.055)}
.callExperience .callConnectionDot{animation:connectedPulse 1.8s ease-out infinite}
.callExperience .compactCallControls .btn{min-height:43px!important;border-radius:12px!important;font-weight:800!important}
.callExperience #muteBtn{border-color:#315978;background:#102a44}
.callExperience #leaveBtn,.callExperience #endRoomBtn{background:rgba(111,25,43,.58);border-color:rgba(255,91,116,.38)}
@keyframes callGlow{0%,100%{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-3px);filter:brightness(1.1)}}
@keyframes callWave{0%,100%{opacity:.45;transform:scaleX(.86)}50%{opacity:1;transform:scaleX(1.08)}}
@keyframes connectedPulse{0%{box-shadow:0 0 0 0 rgba(78,225,181,.42)}70%{box-shadow:0 0 0 9px rgba(78,225,181,0)}100%{box-shadow:0 0 0 0 rgba(78,225,181,0)}}
@media(max-width:980px){.callExperience{padding:20px}.callExperience .heroLinkArt{min-width:260px}.callExperience .callPanelMain{grid-template-columns:1fr auto}.callExperience .compactCallControls{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap!important}}
@media(max-width:720px){.learningRoom{width:min(94vw,1260px)}.callExperience{padding:16px;border-radius:22px}.callExperience .learningHero{display:grid;grid-template-columns:1fr auto;gap:14px;padding-bottom:18px}.callExperience .learningHero>div:last-child{width:auto;display:flex;align-items:center}.callExperience .learningHeroMain{display:block}.callExperience .roomEyebrow{margin-bottom:12px;font-size:10px;letter-spacing:1.45px}.callExperience .learningTitle{font-size:clamp(29px,9vw,42px);letter-spacing:-1.5px}.callExperience .roomTagline{font-size:13px;margin-top:7px}.callExperience .roomIdPill{font-size:11px;margin-top:12px}.callExperience .copyRoomBtn{width:46px;min-width:46px;padding:0!important;font-size:0}.callExperience .copyRoomBtn:before{content:"▣";font-size:18px}.callExperience .heroLinkArt{display:none}.callExperience .premiumCallCard{padding:15px;margin-top:16px}.callExperience .callPanelMain{display:flex;flex-direction:column;align-items:stretch}.callExperience .callMeta{justify-content:flex-start}.callExperience .compactCallControls{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}.callExperience .compactCallControls #joinAudioBtn,.callExperience .compactCallControls #endRoomBtn{grid-column:1/-1}.callExperience .compactCallControls .btn{width:100%!important;min-height:46px!important}.callExperience .callConnectionRow{margin-top:13px}.callExperience .audioDevicePanel{padding:12px}}
@media(max-width:390px){.callExperience{padding:13px}.callExperience .learningHero{grid-template-columns:1fr}.callExperience .learningHero>div:last-child{position:absolute;right:13px;top:13px}.callExperience .learningTitle{padding-right:4px}.callExperience .compactCallControls{grid-template-columns:1fr!important}.callExperience .compactCallControls #endRoomBtn{grid-column:auto}.callExperience .callMeta{gap:6px}.callStateBadge,.callTimerBadge,.callPeopleBadge{font-size:11px;padding:5px 8px}}

/* V1.5 reliable live-call console */
.callExperience .callConsole{margin-top:22px;padding:0;overflow:hidden;border:1px solid rgba(82,132,172,.48);border-radius:25px;background:linear-gradient(155deg,rgba(8,25,43,.96),rgba(7,19,35,.94));box-shadow:0 22px 55px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(16px)}
.callConsoleTop{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 22px;border-bottom:1px solid rgba(64,105,138,.28);background:rgba(10,31,50,.55)}
.callConsoleIdentity{display:flex;align-items:center;gap:13px;min-width:0}.callConsoleIcon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border:1px solid rgba(95,226,180,.3);border-radius:15px;background:linear-gradient(145deg,rgba(20,72,78,.8),rgba(10,43,61,.9));color:var(--mint);box-shadow:0 0 0 6px rgba(95,226,180,.035)}.callConsoleIcon svg{width:22px;height:22px;stroke:currentColor}.callConsoleCopy{min-width:0}.callConsoleCopy .audioReadyTitle{margin:0;color:#f4f9fd;font-size:18px;line-height:1.25}.callConsoleCopy .audioSub{margin-top:4px;color:#87a0b5;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.callExperience .callMeta{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.callStateBadge,.callTimerBadge,.callPeopleBadge{min-height:31px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #294a64;border-radius:999px;background:#0c263d;color:#b8cada;font-size:11px;font-weight:850}.callStateBadge{border-color:rgba(72,195,158,.43);background:rgba(16,73,65,.38);color:#6fe4bf}.callStateBadge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 11px currentColor;animation:connectedPulse 1.8s ease-out infinite}.callTimerBadge{font-variant-numeric:tabular-nums;color:#7ee6c8}.callTimerBadge:before{content:"Duration";color:#6e879c;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.callPeopleBadge b{color:#eaf3fa}
.callParticipantStage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:22px;padding:29px clamp(22px,5vw,58px);background:radial-gradient(circle at 18% 50%,rgba(107,72,239,.12),transparent 27%),radial-gradient(circle at 82% 50%,rgba(28,209,187,.1),transparent 27%)}
.callParticipantCard{min-width:0;display:flex;align-items:center;gap:14px;padding:14px;border:1px solid rgba(67,108,144,.37);border-radius:18px;background:rgba(9,29,48,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.callParticipantCard.partner{flex-direction:row-reverse;text-align:right}.callParticipantAvatar{position:relative;width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border:2px solid rgba(139,107,255,.58);border-radius:18px;background:linear-gradient(145deg,#754df0,#4c2bb9);color:#fff;font-size:20px;font-weight:950;box-shadow:0 10px 25px rgba(79,47,183,.28)}.callParticipantCard.partner .callParticipantAvatar{border-color:rgba(80,231,208,.58);background:linear-gradient(145deg,#18c8b6,#078379);box-shadow:0 10px 25px rgba(11,151,139,.25)}.callParticipantAvatar:after{content:"";position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border:3px solid #0b2136;border-radius:50%;background:#5fe2b4}.callParticipantName{overflow:hidden;color:#f0f6fb;font-size:15px;font-weight:850;white-space:nowrap;text-overflow:ellipsis}.callParticipantRole{margin-top:4px;color:#7893a9;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.callParticipantAudio{display:flex;align-items:flex-end;gap:2px;height:13px;margin-top:8px}.callParticipantCard.partner .callParticipantAudio{justify-content:flex-end}.callParticipantAudio i{display:block;width:3px;border-radius:3px;background:#5fe2b4;animation:callLevel 1s ease-in-out infinite}.callParticipantAudio i:nth-child(1){height:5px}.callParticipantAudio i:nth-child(2){height:11px;animation-delay:.18s}.callParticipantAudio i:nth-child(3){height:8px;animation-delay:.34s}.callParticipantAudio i:nth-child(4){height:13px;animation-delay:.49s}
.callSecureBridge{min-width:92px;text-align:center}.callSecureLine{display:flex;align-items:center;gap:7px;color:#7053d9}.callSecureLine:before,.callSecureLine:after{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,currentColor)}.callSecureLine:after{background:linear-gradient(90deg,currentColor,transparent)}.callSecureLock{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(120,94,225,.36);border-radius:50%;background:#10233e;color:#8a72ea}.callSecureLock svg{width:15px;height:15px;stroke:currentColor}.callSecureBridge span{display:block;margin-top:6px;color:#637e94;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.callConsoleControls{padding:20px 22px 18px;border-top:1px solid rgba(64,105,138,.24);background:rgba(6,20,35,.54)}.callControlDock{display:flex;align-items:flex-start;justify-content:center;gap:clamp(10px,2vw,18px)}.callExperience .callControl{width:82px;min-height:74px!important;padding:8px 5px!important;display:flex!important;flex-direction:column;gap:7px!important;border:0!important;border-radius:15px!important;background:transparent!important;color:#aebfd0!important;font-size:10px!important;font-weight:800!important;box-shadow:none!important}.callExperience .callControl:before{content:"";width:46px;height:46px;display:grid;place-items:center;border:1px solid #31526c;border-radius:50%;background:#102a43;color:#eaf3f9;font-size:19px;line-height:46px;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.callExperience .callControl:hover{transform:none!important;color:#fff!important}.callExperience .callControl:hover:before{transform:translateY(-2px);background:#173a58;border-color:#4a7594;box-shadow:0 9px 20px rgba(0,0,0,.23)}.callExperience #joinAudioBtn{width:auto;min-width:112px}.callExperience #joinAudioBtn:before{content:"↗";background:linear-gradient(145deg,#64e2bb,#44cda4);border-color:#72e9c4;color:#052219}.callExperience #muteBtn:before{content:"◉"}.callExperience #muteBtn.isMuted:before{content:"×";background:#5a2434;border-color:#a44860;color:#ffdce2}.callExperience #audioDeviceBtn:before{content:"⌁"}.callExperience #leaveBtn:before{content:"↘";background:linear-gradient(145deg,#c33f58,#8e263c);border-color:#db5870;color:#fff;transform:rotate(45deg)}.callExperience #leaveBtn:hover:before{transform:rotate(45deg) translateY(-2px);box-shadow:0 9px 22px rgba(167,40,64,.3)}
.callOwnerRow{display:flex;align-items:center;justify-content:center;margin-top:12px;padding-top:15px;border-top:1px solid rgba(82,44,58,.55)}.callExperience #endRoomBtn{min-width:220px;min-height:42px!important;padding:10px 18px!important;border:1px solid #b63c55!important;border-radius:12px!important;background:linear-gradient(145deg,#7e263a,#5e1c2d)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;letter-spacing:.01em;box-shadow:0 9px 22px rgba(111,26,47,.24)!important;opacity:1!important;visibility:visible!important}.callExperience #endRoomBtn:hover{transform:translateY(-1px)!important;border-color:#df5871!important;background:linear-gradient(145deg,#963047,#702137)!important;color:#fff!important;box-shadow:0 12px 28px rgba(133,31,55,.34)!important}.callExperience #endRoomBtn:focus-visible{outline:3px solid rgba(255,104,130,.28);outline-offset:2px}.callExperience #endRoomBtn:disabled{opacity:.6!important;cursor:wait;transform:none!important}
.callExperience .audioDevicePanel{margin:0 22px 18px;padding:16px;border:1px solid #294b65;border-radius:16px;background:#0b2237}.callExperience .audioDeviceGrid{gap:12px}.callExperience .audioDeviceHelp{margin-top:10px;color:#718ba0;font-size:10px}
.callConsoleFooter{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 22px;border-top:1px solid rgba(61,99,130,.24);color:#8098ac;font-size:10px}.callConsoleFooter .callConnectionDot{width:8px;height:8px}.callConsoleFooter .callDebug{margin-left:auto;color:#5f7b91}.callQuality{display:inline-flex;align-items:flex-end;gap:2px;height:11px;margin-left:auto}.callQuality i{width:3px;border-radius:2px;background:#5fe2b4}.callQuality i:nth-child(1){height:4px}.callQuality i:nth-child(2){height:7px}.callQuality i:nth-child(3){height:10px}.callQualityLabel{color:#6fe0be;font-weight:800}.callQuality.weak i:nth-child(2),.callQuality.weak i:nth-child(3){opacity:.25}.callQuality.weak+.callQualityLabel{color:#f0bd72}.callMuted .callParticipantAudio i:first-child{height:3px}.callMuted .callParticipantAudio i:not(:first-child){height:3px;animation:none;background:#816070}
@keyframes callLevel{0%,100%{transform:scaleY(.45);opacity:.55}50%{transform:scaleY(1);opacity:1}}
@media(max-width:820px){.callConsoleTop{align-items:flex-start;padding:18px}.callConsoleCopy .audioSub{white-space:normal}.callParticipantStage{gap:12px;padding:24px 18px}.callSecureBridge{min-width:60px}.callSecureLine:before,.callSecureLine:after{width:12px}.callParticipantCard{padding:11px}.callParticipantAvatar{width:50px;height:50px;flex-basis:50px;border-radius:16px}.callExperience .callControl{width:72px}}
@media(max-width:620px){.callExperience .callConsole{border-radius:20px}.callConsoleTop{display:grid;gap:13px}.callExperience .callMeta{justify-content:flex-start}.callParticipantStage{grid-template-columns:1fr 1fr;gap:10px;padding:18px 13px}.callSecureBridge{position:absolute;left:50%;top:50%;z-index:3;min-width:0;transform:translate(-50%,-50%)}.callSecureLine:before,.callSecureLine:after,.callSecureBridge>span{display:none}.callSecureLock{width:30px;height:30px;background:#0c2440;box-shadow:0 0 0 5px #091b2e}.callParticipantCard,.callParticipantCard.partner{min-width:0;flex-direction:column;text-align:center;padding:13px 8px}.callParticipantCard.partner .callParticipantAudio,.callParticipantAudio{justify-content:center}.callParticipantName{width:100%;font-size:13px}.callParticipantRole{font-size:9px}.callConsoleControls{padding:15px 8px 13px}.callControlDock{gap:2px}.callExperience .callControl{width:68px;min-height:68px!important;font-size:9px!important}.callExperience .callControl:before{width:44px;height:44px;line-height:44px}.callExperience #joinAudioBtn{min-width:80px}.callOwnerRow{margin:8px 9px 0}.callConsoleFooter{padding:10px 14px}.callConsoleFooter .callDebug{display:none}.callConsoleFooter .callDivider,.callConsoleFooter .chatFooterStat{display:none}}
@media(max-width:370px){.callConsoleTop{padding:15px}.callConsoleIdentity{gap:10px}.callConsoleIcon{width:40px;height:40px;flex-basis:40px}.callConsoleCopy .audioReadyTitle{font-size:16px}.callParticipantStage{padding:14px 8px}.callParticipantAvatar{width:44px;height:44px;flex-basis:44px}.callControlDock{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.callExperience .callControl{width:100%}.callExperience #joinAudioBtn{grid-column:1/-1;width:100%}.callOwnerRow{margin-top:6px}}
@media(max-width:600px){.callExperience #endRoomBtn{width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){.callParticipantAudio i,.callStateBadge:before{animation:none!important}}

/* V1.5 balanced learning-room content */
.topicLayout{grid-template-columns:minmax(0,1fr) 330px;gap:22px;margin-top:20px}.topicLayout>*{min-width:0}.topicSidebar{position:sticky;top:96px;display:grid;gap:14px}.topicSidebar>.learningCard,.topicSidebar>.quickTipsCard{margin-top:0!important}.topicLayout>.topicMain>.learningCard{padding:22px}
.topicLayout .structuredCourse{margin-top:20px;border-color:#2b506b;border-radius:20px}.topicLayout .courseTop{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;padding:24px 24px 17px}.topicLayout .courseTop>div:first-child{min-width:0}.topicLayout .courseTop h4{font-size:clamp(22px,2vw,28px);line-height:1.2;overflow-wrap:anywhere}.topicLayout .courseTop p{max-width:760px;font-size:13px;line-height:1.65}.topicLayout .courseProgressRing{min-width:78px;width:78px;height:78px;border-width:5px}.topicLayout .courseProgressTrack{margin:0 24px}.topicLayout .courseProgressMeta{align-items:center;padding:10px 24px 18px}.topicLayout .pythonPilotNotice{margin:0 24px 18px;padding:13px 15px}
.topicLayout .courseModule>summary{display:grid;grid-template-columns:38px minmax(0,1fr) auto 20px;gap:13px;padding:17px 24px}.topicLayout .moduleNumber{width:36px;height:36px}.topicLayout .moduleTitle{min-width:0}.topicLayout .moduleTitle b{font-size:15px;line-height:1.35;overflow-wrap:anywhere}.topicLayout .moduleTitle small{line-height:1.45}.topicLayout .courseLessons{padding:0 24px 15px}.topicLayout .courseLessons>.courseLessonDetail>summary{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:13px;align-items:center;min-height:64px;padding:11px 12px;border-radius:11px}.topicLayout .courseLessons>.courseLessonDetail:nth-child(even)>summary{background:rgba(18,46,70,.38)}.topicLayout .courseLessons>.courseLessonDetail>summary:hover{background:#12314a}.topicLayout .lessonCopy{min-width:0}.topicLayout .lessonCopy b{font-size:13px;line-height:1.42;white-space:normal;overflow-wrap:anywhere}.topicLayout .lessonCopy span{margin-top:2px;line-height:1.4}.topicLayout .lessonOpenHint{min-width:91px;text-align:center}.topicLayout .lessonStudyBody{margin:4px 10px 16px 42px}.topicLayout .lessonStudyBody .courseLessonDetail>summary{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:13px 14px}.topicLayout .lessonStudyBody .courseLessonDetail>summary .lessonCopy{width:auto;min-width:0;flex:1}.topicLayout .lessonStudyBody .courseLessonDetail>summary .lessonCopy b{display:block;width:auto;word-break:normal;overflow-wrap:break-word}.topicLayout .lessonStudyBody .courseLessonDetail>summary .moduleChevron{flex:0 0 auto;margin-left:auto}.topicLayout .lessonCompleteRow{align-items:center}.topicLayout .courseResources{margin:18px 24px 24px}
.topicSidebar .topicInfoCard,.topicSidebar .learningCard,.topicSidebar .quickTipsCard{padding:18px;border-radius:17px;background:linear-gradient(180deg,#0d1e33,#09182a)}.topicSidebar h3{font-size:17px;margin-bottom:14px}.topicSidebar .topicFact{align-items:flex-start;padding:10px 0;font-size:12px}.topicSidebar .topicFact span{flex:0 0 72px}.topicSidebar .topicFact b{min-width:0;overflow-wrap:anywhere;line-height:1.4}.topicSidebar .personPremium{padding:10px}.topicSidebar .quickTipsCard p{font-size:12px;line-height:1.65}.topicSidebar .peopleCount{margin-top:10px;padding-top:10px}
@media(max-width:1180px){.topicLayout{grid-template-columns:1fr}.topicSidebar{position:static;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.topicSidebar>.learningCard,.topicSidebar>.quickTipsCard{height:100%}.topicSidebar .topicFact{padding:8px 0}}
@media(max-width:860px){.topicLayout>.topicMain>.learningCard{padding:17px}.topicLayout .courseTop{padding:20px 18px 15px}.topicLayout .courseProgressTrack{margin:0 18px}.topicLayout .courseProgressMeta{padding:10px 18px 16px}.topicLayout .pythonPilotNotice{margin:0 18px 15px}.topicLayout .courseModule>summary{padding:15px 18px}.topicLayout .courseLessons{padding:0 16px 13px}.topicLayout .lessonStudyBody{margin-left:28px}.topicLayout .courseResources{margin:16px 18px 20px}.topicSidebar{grid-template-columns:1fr 1fr}.topicSidebar .quickTipsCard{grid-column:1/-1}}
@media(max-width:600px){.topicLayout{gap:16px}.topicLayout>.topicMain>.learningCard{padding:13px;border-radius:16px}.topicLayout>.topicMain>.learningCard>h3{font-size:18px}.topicLayout .problemPremium{padding:13px}.topicLayout .structuredCourse{border-radius:16px}.topicLayout .courseTop{grid-template-columns:1fr;padding:18px 15px 13px}.topicLayout .courseProgressRing{width:auto;height:auto;min-width:0;display:flex;flex-direction:row;gap:5px;justify-self:start;padding:7px 11px;border:1px solid #28506c;border-radius:999px;background:#102942}.topicLayout .courseProgressRing b{font-size:13px}.topicLayout .courseProgressRing span{font-size:10px}.topicLayout .courseProgressTrack{margin:0 15px}.topicLayout .courseProgressMeta{align-items:flex-start;padding:9px 15px 14px}.topicLayout .pythonPilotNotice{margin:0 15px 13px}.topicLayout .courseModule>summary{grid-template-columns:34px minmax(0,1fr) auto;padding:13px 14px;gap:10px}.topicLayout .moduleNumber{width:32px;height:32px}.topicLayout .courseModule>summary>.moduleChevron{display:none}.topicLayout .moduleProgress{font-size:10px;padding:5px 7px}.topicLayout .courseLessons{padding:0 8px 11px}.topicLayout .courseLessons>.courseLessonDetail>summary{grid-template-columns:27px minmax(0,1fr);padding:10px 8px}.topicLayout .lessonOpenHint{grid-column:2;justify-self:start;min-width:0;margin-top:2px;padding:4px 8px}.topicLayout .lessonStudyBody{margin:3px 4px 13px}.topicLayout .lessonStudyBody .courseLessonDetail>summary{display:flex;padding:12px}.topicLayout .lessonStudyMain,.topicLayout .lessonStudySide{padding:15px}.topicLayout .lessonCompleteRow{align-items:stretch;flex-direction:column;padding:12px 15px}.topicLayout .lessonCompleteRow .lessonActionForm{width:100%;margin:0}.topicLayout .lessonCompleteBtn{width:100%;min-height:42px}.topicLayout .courseResources{margin:14px 10px 16px}.topicSidebar{grid-template-columns:1fr}.topicSidebar .quickTipsCard{grid-column:auto}}
@media(max-width:380px){.topicLayout .courseTop h4{font-size:20px}.topicLayout .courseModule>summary{grid-template-columns:30px minmax(0,1fr)}.topicLayout .moduleProgress{grid-column:2;justify-self:start}.topicLayout .lessonCopy b{font-size:12px}}

/* V1.6 single-surface course design */
.topicLayout{display:block;margin-top:22px}.topicMain{min-width:0}.topicMain>.learningCard:first-child{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.courseContext{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 22px;align-items:center;margin-bottom:14px;padding:18px 20px;border:1px solid #294a64;border-radius:16px;background:linear-gradient(145deg,#0c2238,#0a1a2d)}.courseContext h3{grid-column:1/-1;margin:0 0 3px!important;font-size:16px!important}.courseContext .problemPremium{padding:0;border:0;background:transparent;color:#dce8f2;font-size:14px}.courseContext .goalLine{margin:0;color:#93a8bb;font-size:13px;text-align:right}
.topicLayout .structuredCourse{margin:0;overflow:hidden;border:1px solid #315774;border-radius:22px;background:#0a1d30;box-shadow:0 24px 65px rgba(0,0,0,.24)}.topicLayout .courseTop{padding:30px 32px 21px;background:radial-gradient(circle at 92% 0,rgba(94,76,220,.12),transparent 30%),linear-gradient(145deg,#102a43,#0c2136)}.topicLayout .courseEyebrow{font-size:10px;line-height:1.4}.topicLayout .courseTop h4{margin-top:3px;font-size:clamp(25px,3vw,34px);font-weight:850;letter-spacing:-1.1px}.topicLayout .courseTop p{max-width:800px;margin-top:9px;color:#9db0c1;font-size:14px;line-height:1.7}.topicLayout .courseProgressRing{border-color:#315b78;background:#102b44}.topicLayout .courseProgressTrack{height:6px;margin:0 32px;background:#183750}.topicLayout .courseProgressMeta{padding:11px 32px 22px;font-size:12px}.topicLayout .pythonPilotNotice{margin:0 32px 22px;border-color:#2a665f;border-radius:12px;background:#0d302f}
.topicLayout .courseModules{border-top:1px solid #27445d}.topicLayout .courseModule{border-bottom:1px solid #223d55;background:transparent}.topicLayout .courseModule:last-child{border-bottom:0}.topicLayout .courseModule>summary{padding:19px 32px;background:#0c2237}.topicLayout .courseModule[open]>summary{background:#102a42}.topicLayout .courseModule>summary:hover{background:#123049}.topicLayout .moduleNumber{border-radius:50%;background:#1a425f;color:#b9d0e1}.topicLayout .moduleTitle b{font-size:16px;font-weight:800}.topicLayout .moduleTitle small{margin-top:2px;color:#7892a8;font-size:11px}.topicLayout .moduleProgress{background:#123b43;color:#69dfc2}
.topicLayout .courseLessons{padding:0;background:#091b2d}.topicLayout .courseLessons>.courseLessonDetail{border-top:1px solid #1d384f}.topicLayout .courseLessons>.courseLessonDetail:first-child{border-top:0}.topicLayout .courseLessons>.courseLessonDetail>summary{min-height:70px;padding:14px 32px;border-radius:0;background:transparent!important}.topicLayout .courseLessons>.courseLessonDetail>summary:hover{background:#0f2940!important}.topicLayout .courseLessons>.courseLessonDetail[open]>summary{background:#102c44!important}.topicLayout .lessonState{width:29px;height:29px}.topicLayout .courseLessons>.courseLessonDetail>summary .lessonCopy b{font-size:14px;font-weight:750;line-height:1.45}.topicLayout .courseLessons>.courseLessonDetail>summary .lessonCopy span{color:#7891a6;font-size:11px}.topicLayout .lessonOpenHint{border-color:#315975;background:#0d263c;color:#8fb2cb}
.topicLayout .lessonStudyBody{margin:0;border:0;border-radius:0;background:#071827}.topicLayout .lessonStudyGrid{display:block}.topicLayout .lessonStudyMain,.topicLayout .lessonStudySide{padding:24px 32px}.topicLayout .lessonStudySide{border:0;border-top:1px solid #1b374d;background:#0a1e31}.topicLayout .lessonStudyBody h5{font-size:17px;line-height:1.4}.topicLayout .lessonStudyBody p,.topicLayout .lessonStudyBody li{color:#aebdca;font-size:13px;line-height:1.72}.topicLayout .lessonStudyBody ul,.topicLayout .lessonStudyBody ol{padding-left:20px}.topicLayout .lessonLabel{margin-top:18px;margin-bottom:7px;color:#6edfc1;font-size:10px;letter-spacing:.12em}.topicLayout .lessonLabel:first-child{margin-top:0}.topicLayout .lessonCode{padding:15px 17px;border-color:#294b64;border-radius:10px;background:#06131f;font-size:12px;line-height:1.65}.topicLayout .lessonTask{padding:14px 15px;border-color:#294960;border-radius:10px;background:#0d263b;font-size:12px;line-height:1.65}.topicLayout .lessonAnswer{margin-top:9px}.topicLayout .lessonAnswer>summary{color:#79b7d8;font-size:12px;font-weight:750;cursor:pointer}
.topicLayout .lessonStudyBody>.courseLessonDetail{margin:8px 32px;border:1px solid #294960;border-radius:12px;background:#0b2236;overflow:hidden}.topicLayout .lessonStudyBody>.courseLessonDetail>summary{min-height:56px;padding:14px 16px}.topicLayout .lessonStudyBody>.courseLessonDetail>summary:hover{background:#102d46}.topicLayout .lessonStudyBody>.courseLessonDetail .lessonStudyBody{border-top:1px solid #294960;background:#081a2a}.topicLayout .lessonStudyBody>.courseLessonDetail .lessonTask{margin:14px}.topicLayout .lessonCompleteRow{padding:16px 32px;background:#0a2033}.topicLayout .lessonCompleteRow span{font-size:11px;line-height:1.55}
.topicLayout .courseResources{margin:0;border-width:1px 0 0;border-color:#27445d;border-radius:0;background:#0a1d30}.topicLayout .courseResources>summary{padding:18px 32px}.topicLayout .courseResourceBody{padding:18px 32px}.topicLayout .codeLab{margin:24px 32px;border-radius:14px}
.topicMain>.unifiedChatCard{margin-top:20px}.topicSidebar{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.topicSidebar>.topicInfoCard,.topicSidebar>.learningCard,.topicSidebar>.quickTipsCard{height:100%;margin:0!important}
@media(max-width:900px){.courseContext{grid-template-columns:1fr}.courseContext .goalLine{text-align:left}.topicLayout .courseTop{padding:24px 22px 18px}.topicLayout .courseProgressTrack{margin:0 22px}.topicLayout .courseProgressMeta{padding:10px 22px 18px}.topicLayout .pythonPilotNotice{margin:0 22px 18px}.topicLayout .courseModule>summary{padding:17px 22px}.topicLayout .courseLessons>.courseLessonDetail>summary{padding:13px 22px}.topicLayout .lessonStudyMain,.topicLayout .lessonStudySide{padding:21px 22px}.topicLayout .lessonStudyBody>.courseLessonDetail{margin:8px 22px}.topicLayout .lessonCompleteRow{padding:15px 22px}.topicLayout .courseResources>summary,.topicLayout .courseResourceBody{padding-left:22px;padding-right:22px}.topicLayout .codeLab{margin:20px 22px}.topicSidebar{grid-template-columns:1fr 1fr}.topicSidebar>.quickTipsCard{grid-column:1/-1}}
@media(max-width:600px){.courseContext{padding:15px;border-radius:14px}.topicLayout .structuredCourse{border-radius:16px}.topicLayout .courseTop{display:block;padding:20px 16px 16px}.topicLayout .courseTop h4{font-size:24px}.topicLayout .courseTop p{font-size:13px}.topicLayout .courseProgressRing{margin-top:15px}.topicLayout .courseProgressTrack{margin:0 16px}.topicLayout .courseProgressMeta{padding:9px 16px 15px}.topicLayout .pythonPilotNotice{margin:0 16px 15px}.topicLayout .courseModule>summary{padding:14px 15px}.topicLayout .courseLessons>.courseLessonDetail>summary{min-height:64px;padding:12px 13px}.topicLayout .lessonStudyMain,.topicLayout .lessonStudySide{padding:18px 16px}.topicLayout .lessonStudyBody>.courseLessonDetail{margin:8px 16px}.topicLayout .lessonCompleteRow{padding:14px 16px}.topicLayout .courseResources>summary,.topicLayout .courseResourceBody{padding-left:16px;padding-right:16px}.topicLayout .codeLab{margin:16px}.topicSidebar{grid-template-columns:1fr}.topicSidebar>.quickTipsCard{grid-column:auto}}

/* V1.7 responsive profile dashboard */
.profilePageV2{width:min(94%,1180px);max-width:none;padding:34px 0 70px}
.profilePageV2 .profileHeroCard{padding:0!important;overflow:hidden;background:linear-gradient(135deg,#10283f 0%,#0b1b2d 58%,#151d3b 100%)!important;border-color:#345b78!important;box-shadow:0 24px 65px rgba(0,0,0,.24)!important}
.profilePageV2 .profileHeroCard:after{content:"";position:absolute;inset:auto -90px -130px auto;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(109,99,235,.18),transparent 68%);pointer-events:none}
.profilePageV2 .profileHeroCard .simpleHero{position:relative;z-index:1;align-items:center;padding:30px 32px}
.profilePageV2 .simpleIdentity{gap:18px;min-width:0}
.profilePageV2 .simpleAvatar{width:72px;height:72px;flex-basis:72px;border-radius:22px;font-size:25px;box-shadow:0 15px 36px rgba(60,105,220,.28)!important}
.profilePageV2 .profileEyebrow{margin-bottom:3px;color:#65dfbd;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.profilePageV2 .simpleName{font-size:clamp(25px,3vw,34px);line-height:1.1;letter-spacing:-1px}
.profilePageV2 .profileHeroCard .simpleSub{font-size:14px;margin-top:7px}
.profilePageV2 .profileHeroCard .simpleBadge{padding:5px 10px}
.profilePageV2 .profileGoalBtn{min-height:46px!important;padding:0 17px!important;border-color:#3b6682!important;background:rgba(12,39,59,.76)!important;backdrop-filter:blur(8px);font-weight:800}
.profilePageV2 .profileGoalBtn:hover{background:#173b58!important;border-color:#66d9ba!important;transform:translateY(-1px)}
.profilePageV2 .profileNoticeBar{min-height:78px;padding:15px 18px;border-radius:17px;background:linear-gradient(145deg,#0d2437,#0c1e30);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.profilePageV2 .profileNoticeBar:hover{transform:translateY(-2px);border-color:#3f6b88;background:#10293e;box-shadow:0 15px 32px rgba(0,0,0,.18)}
.profilePageV2 .profileNoticeIcon{width:42px;height:42px;flex-basis:42px;border-radius:13px;font-size:18px;background:rgba(74,168,255,.12);border-color:rgba(94,184,255,.3)}
.profilePageV2 .profileNoticeText b{font-size:15px}.profilePageV2 .profileNoticeText span{font-size:13px}
.profilePageV2 .noticeCount{min-width:30px;height:30px;font-size:12px}
.profilePageV2 .profileLearningCard{padding:24px!important}
.profilePageV2 .profileSectionIntro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.profilePageV2 .profileSectionIntro h2{margin-bottom:3px!important}
.profilePageV2 .profileSectionIntro p{margin:0;color:#8198ad;font-size:12px}
.profilePageV2 .profileProgressLabel{color:#65dfbd;font-size:12px;font-weight:850;white-space:nowrap}
.profilePageV2 .simpleGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.profilePageV2 .simpleStat{position:relative;min-height:112px;padding:16px 15px 14px!important;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.profilePageV2 .simpleStat:before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#4aa8ff,#65dfbd);opacity:.58}
.profilePageV2 .simpleStat span{font-size:11px;font-weight:720;letter-spacing:.02em}
.profilePageV2 .simpleStat b{font-size:clamp(18px,2vw,23px)!important;line-height:1.05;letter-spacing:-.55px}
.profilePageV2 .statIcon{width:27px;height:27px;display:grid;place-items:center;border:1px solid #31536c;border-radius:9px;background:#102a40;color:#83caff;font-size:12px;margin-bottom:12px}
.profilePageV2 .profileDetailsGrid{grid-template-columns:1.2fr .8fr;gap:14px}
.profilePageV2 .profileDetailsGrid>.simpleCard{min-height:176px;padding:22px!important}
.profilePageV2 .simpleTags{margin-top:14px;gap:9px}.profilePageV2 .simpleTag{padding:7px 12px;font-size:12px;font-weight:680}
.profilePageV2 .profileEmptyHint{margin-top:14px;padding:12px;border:1px dashed #2a4a62;border-radius:11px;color:#8197aa;font-size:12px}
.profilePageV2 #profile-requests{scroll-margin-top:92px}
@media(max-width:1040px){.profilePageV2 .simpleGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.profilePageV2{width:min(94%,680px);padding:18px 0 48px}.profilePageV2 .profileHeroCard .simpleHero{padding:22px;align-items:stretch}.profilePageV2 .profileHeroCard .simpleActions{width:100%}.profilePageV2 .profileGoalBtn{width:100%}.profilePageV2 .simpleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.profilePageV2 .profileDetailsGrid{grid-template-columns:1fr}.profilePageV2 .profileSectionIntro{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:460px){.profilePageV2{width:calc(100% - 20px);padding-top:12px}.profilePageV2 .profileHeroCard .simpleHero{padding:18px}.profilePageV2 .simpleIdentity{align-items:flex-start;gap:13px}.profilePageV2 .simpleAvatar{width:54px;height:54px;flex-basis:54px;border-radius:16px;font-size:20px}.profilePageV2 .simpleName{font-size:23px}.profilePageV2 .profileHeroCard .simpleSub{font-size:12px}.profilePageV2 .profileNoticeBar{min-height:70px;padding:13px}.profilePageV2 .simpleGrid{grid-template-columns:1fr 1fr;gap:8px}.profilePageV2 .simpleStat{min-height:102px}.profilePageV2 .profileLearningCard,.profilePageV2 .profileDetailsGrid>.simpleCard{padding:17px!important}}
@media(max-width:350px){.profilePageV2 .simpleGrid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.profilePageV2 .profileNoticeBar,.profilePageV2 .profileGoalBtn,.profilePageV2 .simpleStat{transition:none!important}}

/* V2.0 professional, function-first profile */
.profilePageV2{width:min(94%,1320px);--pp-surface:#0b1c2d;--pp-raised:#0e2438;--pp-line:rgba(79,126,160,.38);--pp-text:#f2f7fb;--pp-muted:#8fa5b8;--pp-blue:#4f8cff;--pp-mint:#43d6ad;--pp-violet:#846cf5}
.proProfileTop{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;margin-bottom:14px}
.proProfileHero{position:relative;min-height:190px;padding:28px!important;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.7fr) auto;align-items:center;gap:26px;overflow:hidden;background:radial-gradient(circle at 92% 120%,rgba(88,80,218,.22),transparent 38%),linear-gradient(135deg,#10283e,#0a1c2e 62%,#121b39)!important;border-color:rgba(78,128,165,.52)!important}
.proProfileHero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.025) 49%,transparent 63%)}
.proProfileIdentity{position:relative;z-index:1;display:flex;align-items:center;gap:20px;min-width:0}
.proProfileAvatar{position:relative;width:82px;height:82px;flex:0 0 82px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:24px;background:linear-gradient(145deg,#429bff,#7065e8);color:#fff;font-size:30px;font-weight:900;box-shadow:0 18px 38px rgba(45,87,200,.3),inset 0 1px 0 rgba(255,255,255,.35)}
.proProfileAvatar i{position:absolute;right:4px;bottom:4px;width:14px;height:14px;border:4px solid #10253a;border-radius:50%;background:var(--pp-mint);box-shadow:0 0 15px rgba(67,214,173,.55)}
.proProfileEyebrow{margin-bottom:7px;color:#65e5c2;font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.proProfileName{color:var(--pp-text);font-size:clamp(29px,3.2vw,43px);font-weight:900;line-height:1;letter-spacing:-1.5px;overflow-wrap:anywhere}
.proProfileMeta{margin-top:9px;color:#a5b7c7;font-size:14px}.proProfileBadge{display:inline-flex;margin-top:12px;padding:6px 11px;border:1px solid #315d79;border-radius:999px;background:#102a40;color:#c9dae7;font-size:11px;font-weight:800}
.proCompleteness{position:relative;z-index:1;padding:4px 24px;border-left:1px solid rgba(80,125,157,.38)}
.proCompletenessHead{display:flex;justify-content:space-between;gap:12px;color:#a8bbcb;font-size:12px}.proCompletenessHead b{color:var(--pp-mint)}
.proCompletenessRail{height:6px;margin:11px 0;border-radius:999px;background:#183349;overflow:hidden}.proCompletenessRail span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pp-blue),var(--pp-mint))}
.proCompleteness p{margin:0;color:#7f97aa;font-size:11px;line-height:1.55}
.proProfileActions{position:relative;z-index:1;display:grid;gap:9px;min-width:190px}.proProfilePrimary,.proProfileSecondary{min-height:44px!important;justify-content:center;border-radius:12px!important;font-size:12px!important;font-weight:850!important}.proProfilePrimary{border-color:#4f94ff!important;background:linear-gradient(135deg,#2f66df,#2785f0)!important;color:#fff!important;box-shadow:0 12px 25px rgba(36,103,224,.24)!important}.proProfileSecondary{border-color:#38566e!important;background:rgba(8,27,43,.7)!important;color:#c9d8e4!important}
.proActivityCard{padding:22px!important;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(150deg,#0d2134,#091928)!important}.proActivityHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.proActivityIcon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(132,108,245,.5);border-radius:14px;background:rgba(94,73,194,.13);color:#a892ff;font-size:19px}.proActivityCount{min-width:31px;height:31px;display:grid;place-items:center;border:1px solid #315068;border-radius:50%;color:#c3d4e1;font-size:12px;font-weight:800}.proActivityCard h2{margin:13px 0 3px!important;font-size:17px!important}.proActivityCard p{margin:0;color:var(--pp-muted);font-size:12px}.proActivityLink{margin-top:18px;color:#62aaff;font-size:12px;font-weight:850;text-decoration:none}.proActivityLink:hover{color:#80e5c8}
.proLearningCard{padding:25px!important}.proLearningHead{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px}.proLearningHead h2{font-size:22px!important}.proLearningHead p{margin:5px 0 0;color:var(--pp-muted);font-size:12px}.proProgressRing{--p:0;position:relative;width:78px;height:78px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--pp-mint) calc(var(--p)*1%),#172e42 0);isolation:isolate}.proProgressRing:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#0b1c2d;z-index:-1}.proProgressRing b{font-size:19px}.proContinueBtn{min-height:42px!important;border-color:#4c87ef!important;background:#2869df!important;color:#fff!important;font-size:12px!important;font-weight:850!important}
.proLearningRail{height:6px;margin:18px 0 20px;border-radius:999px;background:#142e43;overflow:hidden}.proLearningRail span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pp-blue),var(--pp-mint))}
.profilePageV2 .proMetricGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.profilePageV2 .proMetric{min-height:122px;padding:15px!important;display:flex;flex-direction:column;border-color:var(--pp-line)!important;background:linear-gradient(145deg,#0e263a,#0b1e30)!important}.proMetricIcon{width:32px;height:32px;display:grid;place-items:center;margin-bottom:17px;border:1px solid #315878;border-radius:10px;background:#102b43;color:#72baff;font-size:13px}.proMetric span{color:#8fa5b7;font-size:11px}.proMetric b{margin-top:6px;color:#f1f6fa;font-size:22px;line-height:1;letter-spacing:-.55px}.proMetric:hover{transform:translateY(-3px)!important;border-color:#4f7897!important}
.proProfileLower{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:14px;margin:14px 0}.proInfoCard,.proNextCard{min-height:168px;padding:21px!important}.proInfoHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.proInfoTitle{display:flex;align-items:center;gap:10px}.proInfoIcon{width:35px;height:35px;display:grid;place-items:center;border:1px solid #315878;border-radius:11px;background:#102a41;color:#72baff}.proEditLink{color:#9db2c3;text-decoration:none;font-size:17px}.proInfoCard h2,.proNextCard h2{font-size:17px!important}.proInfoCard .simpleMeta{margin-top:8px}.proInfoCard .simpleTags{margin-top:18px}.proNextCard{background:linear-gradient(145deg,#0d2637,#0b1d2e)!important}.proNextEyebrow{color:#66dfbd;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.proNextCard h2{margin-top:10px!important}.proNextCard p{margin:7px 0 15px;color:var(--pp-muted);font-size:11px}.proNextFoot{display:flex;align-items:center;gap:14px}.proNextRail{height:5px;flex:1;border-radius:999px;background:#173249;overflow:hidden}.proNextRail span{display:block;width:22%;height:100%;background:var(--pp-mint)}.proResumeBtn{min-height:38px!important;padding:0 13px!important;border-color:#42cda7!important;background:#169b78!important;color:white!important;font-size:11px!important;font-weight:850!important}
@media(max-width:1100px){.proProfileTop{grid-template-columns:1fr}.proActivityCard{min-height:105px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.proActivityCard h2{margin:0!important}.proActivityLink{margin:0}.proProfileHero{grid-template-columns:minmax(0,1fr) minmax(220px,.7fr)}.proProfileActions{grid-column:1/-1;grid-template-columns:1fr 1fr}.profilePageV2 .proMetricGrid{grid-template-columns:repeat(3,1fr)}.proProfileLower{grid-template-columns:1fr 1fr}.proNextCard{grid-column:1/-1}}
@media(max-width:760px){.proProfileHero{min-height:0;padding:21px!important;grid-template-columns:1fr;gap:18px}.proCompleteness{padding:16px 0 0;border-left:0;border-top:1px solid rgba(80,125,157,.38)}.proProfileActions{grid-column:auto}.proLearningHead{grid-template-columns:1fr auto}.proContinueBtn{grid-column:1/-1}.profilePageV2 .proMetricGrid{grid-template-columns:repeat(2,1fr)}.proProfileLower{grid-template-columns:1fr}.proNextCard{grid-column:auto}}
@media(max-width:460px){.proProfileIdentity{align-items:flex-start;gap:14px}.proProfileAvatar{width:58px;height:58px;flex-basis:58px;border-radius:17px;font-size:21px}.proProfileName{font-size:26px}.proProfileActions{grid-template-columns:1fr}.proActivityCard{padding:16px!important;grid-template-columns:auto 1fr}.proActivityLink{grid-column:1/-1}.proLearningCard{padding:17px!important}.proLearningHead{gap:10px}.proProgressRing{width:60px;height:60px}.profilePageV2 .proMetric{min-height:106px;padding:13px!important}.proMetricIcon{margin-bottom:12px}.proMetric b{font-size:18px}.proInfoCard,.proNextCard{padding:17px!important}}
@media(prefers-reduced-motion:reduce){.proMetric,.proProfilePrimary,.proProfileSecondary{transition:none!important}}

/* V1.8 compact, device-aware calling interface */
.callExperience{padding:16px!important;border-radius:22px!important}
.callExperience .learningHero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important;padding:0 0 14px!important}
.callExperience .learningHeroMain{display:flex!important;align-items:center!important;gap:14px!important;min-width:0}
.callExperience .roomEyebrow{margin:0!important;padding:7px 10px!important;border:1px solid rgba(95,226,180,.28);border-radius:999px;font-size:9px!important;white-space:nowrap}
.callExperience .learningTitle{font-size:clamp(23px,3vw,34px)!important;letter-spacing:-1px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.callExperience .roomTagline,.callExperience .heroLinkArt{display:none!important}
.callExperience .roomIdPill{margin:0!important;padding:7px 10px!important;white-space:nowrap;font-size:10px!important}
.callExperience .learningHero>div:last-child{display:flex;align-items:center;gap:9px}
.callExperience .copyRoomBtn{min-height:38px!important;padding:0 12px!important;font-size:11px!important}
.callExperience .callConsole{margin-top:14px!important;border-radius:18px!important}
.callConsoleTop{min-height:66px;padding:12px 16px!important}
.callConsoleIcon{width:40px;height:40px;flex-basis:40px;border-radius:12px}.callConsoleIcon svg{width:19px;height:19px}
.callConsoleCopy .audioReadyTitle{font-size:16px}.callConsoleCopy .audioSub{font-size:11px}
.callParticipantStage{gap:12px;padding:16px!important}
.callParticipantCard{padding:10px 12px;border-radius:14px}.callParticipantAvatar{width:44px;height:44px;flex-basis:44px;border-radius:14px;font-size:16px}
.callParticipantName{font-size:13px}.callParticipantRole{font-size:9px}.callParticipantAudio{margin-top:5px;height:9px}.callParticipantAudio i{max-height:9px}
.callSecureBridge{min-width:66px}.callSecureLock{width:30px;height:30px}.callSecureBridge span{font-size:8px}
.callConsoleControls{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 16px!important}
.callControlDock{gap:5px!important}.callExperience .callControl{width:auto!important;min-width:70px!important;min-height:55px!important;padding:5px!important;gap:4px!important;font-size:9px!important}
.callExperience .callControl:before{width:36px!important;height:36px!important;line-height:36px!important;font-size:15px!important}
.callExperience #joinAudioBtn{min-width:82px!important}
.callOwnerRow{margin:0!important;padding:0!important;border:0!important}
.callExperience #endRoomBtn{min-width:166px!important;min-height:38px!important;padding:8px 13px!important;font-size:10px!important}
.callExperience .audioDevicePanel{position:relative;margin:0!important;padding:14px 16px!important;border-width:1px 0 0!important;border-radius:0!important}
.audioRouteModes{display:none;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}
.audioRouteBtn{min-height:42px;border:1px solid #31536d;border-radius:11px;background:#10283e;color:#aabfd0;font-size:11px;font-weight:800;cursor:pointer}
.audioRouteBtn.active{border-color:#58d8b5;background:#123c3a;color:#7ce7c8;box-shadow:0 0 0 2px rgba(88,216,181,.08)}
.audioRouteBtn:disabled{opacity:.42;cursor:not-allowed}
.callConsoleFooter{min-height:38px;padding:8px 16px!important}
@media(max-width:900px){.callExperience .learningHeroMain{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important}.callExperience .roomIdPill{grid-column:1/-1}.callConsoleControls{justify-content:space-between}}
@media(max-width:680px){.callExperience{padding:10px!important;border-radius:16px!important}.callExperience .learningHero{grid-template-columns:minmax(0,1fr) auto!important;padding-bottom:10px!important}.callExperience .roomEyebrow{display:none}.callExperience .learningHeroMain{display:block!important}.callExperience .learningTitle{font-size:22px!important;padding-right:0!important}.callExperience .roomIdPill{display:inline-flex;margin-top:6px!important}.callExperience .copyRoomBtn{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;font-size:0!important}.callExperience .copyRoomBtn:before{content:"▣";font-size:15px}.callConsoleTop{display:flex!important;align-items:center!important;gap:9px!important;padding:11px 12px!important}.callConsoleCopy .audioSub{display:none}.callExperience .callMeta{gap:5px!important}.callStateBadge,.callTimerBadge,.callPeopleBadge{min-height:27px;padding:4px 7px;font-size:9px}.callTimerBadge:before{display:none}.callPeopleBadge{display:none}.callParticipantStage{gap:8px!important;padding:12px 8px!important}.callParticipantCard,.callParticipantCard.partner{padding:9px 6px!important}.callParticipantAvatar{width:39px;height:39px;flex-basis:39px}.callParticipantRole{display:none}.callParticipantAudio{margin-top:4px}.callSecureBridge{min-width:0}.callSecureBridge span,.callSecureLine:before,.callSecureLine:after{display:none}.callSecureLock{width:25px;height:25px}.callConsoleControls{display:grid;grid-template-columns:1fr;gap:8px!important;padding:9px 8px!important}.callControlDock{display:grid!important;grid-template-columns:repeat(4,1fr)!important;width:100%;gap:3px!important}.callExperience .callControl{width:100%!important;min-width:0!important;min-height:51px!important}.callExperience .callControl:before{width:34px!important;height:34px!important;line-height:34px!important}.callOwnerRow{width:100%}.callExperience #endRoomBtn{width:100%!important;min-width:0!important;min-height:36px!important}.audioRouteModes{display:grid}.callExperience .audioDevicePanel{padding:12px!important}.audioDeviceGrid{grid-template-columns:1fr!important}.callConsoleFooter{padding:8px 11px!important}.callConsoleFooter .callDebug,.callConsoleFooter .callDivider,.callConsoleFooter .chatFooterStat{display:none}}
@media(max-width:380px){.callConsoleIdentity{gap:7px}.callConsoleIcon{display:none}.callConsoleCopy .audioReadyTitle{font-size:14px}.callStateBadge,.callTimerBadge{font-size:8px}.callParticipantName{font-size:11px}.callParticipantAvatar{width:35px;height:35px;flex-basis:35px}.callExperience .callControl{font-size:8px!important}.audioRouteBtn{font-size:10px}}

/* Screen sharing: audio remains independent; only receivers render the shared video. */
.callExperience #shareScreenBtn:before{content:"▣"}.callExperience #shareScreenBtn.isSharing:before{content:"■";background:#704055;border-color:#b05c78;color:#fff}.callExperience #shareScreenBtn:disabled{opacity:.45;cursor:not-allowed}
.callExperience #fullscreenCallBtn:before{content:"⤢"}.callExperience #fullscreenCallBtn.isFullscreen:before{content:"⤡";background:#28566d;border-color:#68b9dc;color:#fff}
.screenShareStage{position:relative;display:none;min-height:clamp(360px,62vh,720px);background:#02070d;overflow:hidden}.screenShareStage video{display:block;width:100%;height:100%;min-height:inherit;object-fit:contain;background:#000}.screenShareViewerLabel{position:absolute;left:14px;top:14px;z-index:3;padding:7px 10px;border:1px solid rgba(110,230,195,.38);border-radius:999px;background:rgba(5,25,34,.82);color:#7aebc8;font-size:11px;font-weight:900;backdrop-filter:blur(10px)}
.sharingOwnStatus{display:none;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-top:1px solid rgba(91,222,185,.28);background:#0a2b31;color:#bdf7e6;font-size:12px;font-weight:800}.sharingOwnStatus.show{display:flex}.sharingOwnStatus button{padding:7px 10px!important}
.callConsole.isReceivingScreen{position:relative}.callConsole.isReceivingScreen .screenShareStage{display:block}.callConsole.isReceivingScreen .callParticipantStage,.callConsole.isReceivingScreen .callConsoleTop,.callConsole.isReceivingScreen .callConsoleFooter{display:none!important}.callConsole.isReceivingScreen .callConsoleControls{position:absolute;left:50%;bottom:16px;z-index:7;width:max-content;max-width:calc(100% - 24px);padding:9px 13px!important;border:1px solid rgba(85,127,157,.5);border-radius:18px;background:rgba(5,18,30,.86)!important;box-shadow:0 14px 38px rgba(0,0,0,.42);backdrop-filter:blur(16px);transform:translateX(-50%)}.callConsole.isReceivingScreen .callOwnerRow{display:none!important}
.callConsole:fullscreen,.callConsole.callFullscreenFallback{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;background:#02070d!important}.callConsole:fullscreen .screenShareStage,.callConsole.callFullscreenFallback .screenShareStage{height:100dvh!important;min-height:100dvh!important}.callConsole:fullscreen .screenShareStage video,.callConsole.callFullscreenFallback .screenShareStage video{height:100dvh!important;min-height:100dvh!important;object-fit:contain!important}.callConsole:fullscreen.isReceivingScreen .callConsoleControls,.callConsole.callFullscreenFallback.isReceivingScreen .callConsoleControls{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));z-index:12}.callConsole.callFullscreenFallback{position:fixed!important;inset:0!important;z-index:2000!important;overflow:hidden!important}.callConsole.callFullscreenFallback:not(.isReceivingScreen){overflow:auto!important}.callConsole.callFullscreenFallback:not(.isReceivingScreen) .callParticipantStage{min-height:calc(100dvh - 230px)}body.callFullscreenOpen{overflow:hidden!important}
.screenPermissionBackdrop{position:fixed;inset:0;z-index:1600;display:none;place-items:center;padding:18px;background:rgba(1,8,15,.78);backdrop-filter:blur(10px)}.screenPermissionBackdrop.show{display:grid}.screenPermissionCard{width:min(520px,100%);padding:25px;border:1px solid #31536c;border-radius:22px;background:#0a1d30;box-shadow:0 28px 80px rgba(0,0,0,.55)}.screenPermissionCard h2{margin:0 0 8px;font-size:24px}.screenPermissionCard p{margin:0;color:#9fb4c7;line-height:1.6}.screenPermissionSteps{display:grid;gap:9px;margin:18px 0}.screenPermissionStep{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;padding:10px;border:1px solid #25445d;border-radius:12px;background:#091827;color:#cbd9e5;font-size:12px;line-height:1.45}.screenPermissionStep b{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#123d43;color:#6ae3c0}.screenPermissionActions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.screenShareError{display:none;margin-top:12px;padding:10px;border:1px solid #74394b;border-radius:11px;background:#321621;color:#ffc3cf;font-size:12px}.screenShareError.show{display:block}
@media(max-width:680px){.screenShareStage{min-height:64dvh}.callConsole.isReceivingScreen .callConsoleControls{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100% - 16px);max-width:none}.callConsole.isReceivingScreen .callControlDock{grid-template-columns:repeat(5,minmax(0,1fr))!important}.screenPermissionCard{padding:20px 16px}.screenPermissionActions{display:grid;grid-template-columns:1fr 1fr}.screenPermissionActions .btn{width:100%}}

/* Shared board: a lightweight classroom tool that remains independent from call media. */
.callExperience #whiteboardToggle:before{content:"✎"}.callExperience #whiteboardToggle.isOpen:before{background:linear-gradient(145deg,#64e2bb,#44cda4);border-color:#72e9c4;color:#052219}.callExperience #whiteboardToggle.isOpen{color:#dffbf0!important}
.roomWhiteboard{margin-top:14px;border:1px solid rgba(74,136,166,.5);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,rgba(10,35,53,.97),rgba(7,23,39,.98));box-shadow:0 16px 38px rgba(0,0,0,.16);user-select:none;-webkit-user-select:none;-moz-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.roomWhiteboard[hidden]{display:none!important}.roomWhiteboardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:17px 18px 14px;border-bottom:1px solid rgba(65,109,140,.3)}.whiteboardEyebrow{margin-bottom:5px;color:#67e1bd;font-size:10px;font-weight:900;letter-spacing:1.7px}.roomWhiteboard h3{margin:0;color:#f1f7fb;font-size:18px}.roomWhiteboard p{max-width:590px;margin:5px 0 0;color:#91aabd;font-size:12px;line-height:1.45}.whiteboardTools{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.whiteboardColors{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #294b63;border-radius:10px;background:#081a2a}.whiteboardColor{width:21px;height:21px;padding:0!important;border:2px solid transparent!important;border-radius:50%!important;background:#eaf3f9!important;box-shadow:none!important;cursor:pointer}.whiteboardColor.blue{background:#68b7ff!important}.whiteboardColor.mint{background:#62e1bb!important}.whiteboardColor.gold{background:#f1bd73!important}.whiteboardColor.coral{background:#ff8ea3!important}.whiteboardColor.active{border-color:#fff!important;box-shadow:0 0 0 2px rgba(98,225,187,.45)!important}.whiteboardSize{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #294b63;border-radius:10px;background:#081a2a;color:#a4b9c9;font-size:10px;font-weight:800}.whiteboardSize input{width:62px;accent-color:#62e1bb}.whiteboardAction{min-height:32px!important;padding:6px 9px!important;font-size:10px!important;white-space:nowrap}.whiteboardCanvasWrap{position:relative;height:360px;background:radial-gradient(circle at 25% 18%,rgba(45,108,138,.18),transparent 36%),#061624;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.whiteboardCanvasWrap:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(120,181,208,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(120,181,208,.16) 1px,transparent 1px);background-size:26px 26px}.whiteboardCanvasWrap canvas{position:relative;z-index:1;display:block;width:100%;height:100%;cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.whiteboardHint{position:absolute;z-index:2;left:50%;top:50%;max-width:250px;transform:translate(-50%,-50%);padding:9px 12px;border:1px solid rgba(99,225,188,.26);border-radius:999px;background:rgba(5,21,34,.76);color:#a6bed0;font-size:11px;text-align:center;pointer-events:none;transition:opacity .2s}.whiteboardHint.hide{opacity:0}.whiteboardFoot{display:flex;align-items:center;gap:7px;padding:9px 16px;color:#91aabd;font-size:10px}.whiteboardLiveDot{width:7px;height:7px;border-radius:50%;background:#63e2bb;box-shadow:0 0 0 4px rgba(99,226,187,.09)}.whiteboardFootTip{margin-left:auto;color:#6f8aa0}
.roomWhiteboard:fullscreen,.roomWhiteboard.whiteboardFullscreenFallback{position:fixed!important;inset:0!important;z-index:2200!important;display:flex!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;flex-direction:column;background:#061624!important}.roomWhiteboard:fullscreen .roomWhiteboardHead,.roomWhiteboard.whiteboardFullscreenFallback .roomWhiteboardHead{flex:0 0 auto}.roomWhiteboard:fullscreen .whiteboardCanvasWrap,.roomWhiteboard.whiteboardFullscreenFallback .whiteboardCanvasWrap{height:auto!important;min-height:0;flex:1}.roomWhiteboard:fullscreen .whiteboardFoot,.roomWhiteboard.whiteboardFullscreenFallback .whiteboardFoot{flex:0 0 auto;padding-bottom:max(10px,env(safe-area-inset-bottom))}body.whiteboardFullscreenOpen{overflow:hidden!important}
@media(max-width:760px){.roomWhiteboardHead{display:block;padding:14px}.whiteboardTools{justify-content:flex-start;margin-top:12px}.whiteboardCanvasWrap{height:300px}.whiteboardFootTip{display:none}}
@media(max-width:520px){.callControlDock{grid-template-columns:repeat(3,1fr)!important}.roomWhiteboard{border-radius:15px}.whiteboardCanvasWrap{height:255px}.whiteboardSize{flex:1;justify-content:space-between}.whiteboardSize input{width:82px}.whiteboardAction{flex:1}.whiteboardFoot{padding:9px 12px}.whiteboardColors{gap:4px}.whiteboardColor{width:20px;height:20px}.roomWhiteboard:fullscreen .roomWhiteboardHead,.roomWhiteboard.whiteboardFullscreenFallback .roomWhiteboardHead{padding:10px 12px}.roomWhiteboard:fullscreen .roomWhiteboardHead p,.roomWhiteboard.whiteboardFullscreenFallback .roomWhiteboardHead p{display:none}.roomWhiteboard:fullscreen .whiteboardTools,.roomWhiteboard.whiteboardFullscreenFallback .whiteboardTools{margin-top:8px}.roomWhiteboard:fullscreen .whiteboardAction,.roomWhiteboard.whiteboardFullscreenFallback .whiteboardAction{flex:0 1 auto}}
/* Mobile landscape full-screen whiteboard fix: phones rotated to landscape are
   often wider than the max-width breakpoints above (so those rules never fire)
   while the viewport is very short, leaving little room for the canvas. Target
   short height + landscape directly so the header/tools/footer stay compact
   and the drawing surface gets the space, on any phone width. */
@media(max-height:480px) and (orientation:landscape){
  .roomWhiteboard:fullscreen .roomWhiteboardHead,.roomWhiteboard.whiteboardFullscreenFallback .roomWhiteboardHead{display:flex!important;align-items:center;flex-wrap:nowrap;gap:10px;padding:6px 10px}
  .roomWhiteboard:fullscreen .whiteboardEyebrow,.roomWhiteboard.whiteboardFullscreenFallback .whiteboardEyebrow,.roomWhiteboard:fullscreen .roomWhiteboardHead p,.roomWhiteboard.whiteboardFullscreenFallback .roomWhiteboardHead p{display:none!important}
  .roomWhiteboard:fullscreen .roomWhiteboardHead h3,.roomWhiteboard.whiteboardFullscreenFallback .roomWhiteboardHead h3{font-size:12px;white-space:nowrap}
  .roomWhiteboard:fullscreen .whiteboardTools,.roomWhiteboard.whiteboardFullscreenFallback .whiteboardTools{margin-top:0;flex:1;justify-content:flex-end}
  .roomWhiteboard:fullscreen .whiteboardColor,.roomWhiteboard.whiteboardFullscreenFallback .whiteboardColor{width:16px;height:16px}
  .roomWhiteboard:fullscreen .whiteboardAction,.roomWhiteboard.whiteboardFullscreenFallback .whiteboardAction{min-height:26px!important;padding:4px 7px!important;font-size:9px!important}
  .roomWhiteboard:fullscreen .whiteboardHint,.roomWhiteboard.whiteboardFullscreenFallback .whiteboardHint{display:none}
  .roomWhiteboard:fullscreen .whiteboardFoot,.roomWhiteboard.whiteboardFullscreenFallback .whiteboardFoot{padding:4px 12px;font-size:9px}
  .roomWhiteboard:fullscreen .whiteboardFootTip,.roomWhiteboard.whiteboardFullscreenFallback .whiteboardFootTip{display:none}
}

/* V1.9 polished professional profile */
.profilePageV2{--profile-mint:#63e3bd;--profile-blue:#57a8ff;--profile-violet:#8170ff}
.profilePageV2 .simpleCard{transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}
.profilePageV2 .profileHeroCard{isolation:isolate;border-color:rgba(91,150,194,.55)!important;background:linear-gradient(120deg,#0e2940 0%,#0a1c2f 54%,#181e48 100%)!important}
.profilePageV2 .profileHeroCard:before{content:""!important;display:block!important;position:absolute;inset:0!important;background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.035) 47%,transparent 66%),radial-gradient(circle at 13% 10%,rgba(87,168,255,.13),transparent 27%)!important;pointer-events:none;z-index:-1}
.profilePageV2 .profileHeroCard:after{z-index:-1;background:radial-gradient(circle,rgba(129,112,255,.27),transparent 68%)}
.profilePageV2 .simpleAvatar{position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.22);background:linear-gradient(145deg,#4ca9ff,#7367ed)!important;box-shadow:0 16px 38px rgba(67,101,224,.34),inset 0 1px 0 rgba(255,255,255,.3)!important}
.profilePageV2 .simpleAvatar:after{content:"";position:absolute;right:4px;bottom:4px;width:10px;height:10px;border:3px solid #10263b;border-radius:50%;background:var(--profile-mint);box-shadow:0 0 12px rgba(99,227,189,.65)}
.profilePageV2 .profileEyebrow{background:linear-gradient(90deg,var(--profile-mint),#8cf0d4);-webkit-background-clip:text;background-clip:text;color:transparent}
.profilePageV2 .profileGoalBtn{position:relative;isolation:isolate;overflow:hidden;gap:10px;min-height:50px!important;padding:0 19px!important;border:1px solid rgba(116,238,207,.62)!important;border-radius:15px!important;background:linear-gradient(120deg,#54ddb5 0%,#5ec8df 52%,#7391ff 100%)!important;color:#061b25!important;font-size:13px!important;font-weight:950!important;letter-spacing:-.01em;box-shadow:0 13px 30px rgba(66,195,171,.22),inset 0 1px 0 rgba(255,255,255,.45)!important;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important}
.profilePageV2 .profileGoalBtn:before{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.55) 46%,transparent 67%);transform:translateX(-120%);animation:profileCtaShine 4.2s ease-in-out infinite}
.profilePageV2 .profileGoalBtn:hover{transform:translateY(-3px)!important;filter:saturate(1.08) brightness(1.04);box-shadow:0 18px 38px rgba(66,195,171,.3),inset 0 1px 0 rgba(255,255,255,.5)!important;color:#041820!important}
.profilePageV2 .profileGoalBtn .ctaArrow{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(5,28,36,.13);font-size:15px;transition:transform .22s ease}
.profilePageV2 .profileGoalBtn:hover .ctaArrow{transform:translateX(3px)}
@keyframes profileCtaShine{0%,58%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}
.profilePageV2 .profileNoticeBar{position:relative;overflow:hidden;border-color:rgba(59,105,137,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.profilePageV2 .profileNoticeBar:after{content:"Open activity  →";margin-left:auto;color:#72c9ee;font-size:11px;font-weight:850;letter-spacing:.02em;white-space:nowrap}
.profilePageV2 .noticeCount{margin-left:8px}
.profilePageV2 .profileLearningCard{background:linear-gradient(150deg,#0b1c2d,#0a1929)!important;border-color:rgba(50,88,117,.72)!important;box-shadow:0 22px 56px rgba(0,0,0,.2)!important}
.profilePageV2 .profileProgressLabel{padding:6px 10px;border:1px solid rgba(99,227,189,.25);border-radius:999px;background:rgba(27,106,88,.13)}
.profilePageV2 .profileProgressRail{height:6px;margin:-4px 0 18px;border-radius:999px;background:#132d43;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}
.profilePageV2 .profileProgressRail span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--profile-blue),var(--profile-mint));box-shadow:0 0 16px rgba(99,227,189,.34);transition:width .7s cubic-bezier(.2,.8,.2,1)}
.profilePageV2 .simpleStat{border-color:rgba(49,88,117,.78)!important;background:linear-gradient(145deg,#0f293d,#0c2033)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
.profilePageV2 .simpleStat:before{height:2px;opacity:.78}
.profilePageV2 .simpleStat:hover{transform:translateY(-4px);border-color:rgba(88,163,207,.7)!important;background:linear-gradient(145deg,#123149,#0e263a)!important;box-shadow:0 15px 28px rgba(0,0,0,.2)!important}
.profilePageV2 .statIcon{background:linear-gradient(145deg,rgba(62,136,191,.18),rgba(41,89,130,.16));border-color:rgba(83,147,190,.48);transition:transform .22s ease,color .22s ease,background .22s ease}
.profilePageV2 .simpleStat:hover .statIcon{transform:scale(1.08) rotate(-3deg);color:#9cebd6;background:rgba(46,127,111,.2)}
.profilePageV2 .profileDetailsGrid>.simpleCard:hover{transform:translateY(-2px);border-color:#345b76!important;box-shadow:0 18px 38px rgba(0,0,0,.18)!important}
.profilePageV2 .simpleTag{background:linear-gradient(145deg,#112d42,#0d2437)!important;transition:transform .16s ease,border-color .16s ease,color .16s ease}
.profilePageV2 .simpleTag:hover{transform:translateY(-2px);border-color:#4d829f!important;color:#eaf7ff!important}
@media(max-width:760px){.profilePageV2 .profileNoticeBar:after{content:"→"}.profilePageV2 .profileGoalBtn{min-height:48px!important}.profilePageV2 .simpleStat:hover,.profilePageV2 .profileDetailsGrid>.simpleCard:hover{transform:none}}
@media(max-width:460px){.profilePageV2 .profileNoticeBar:after{display:none}.profilePageV2 .noticeCount{margin-left:auto}.profilePageV2 .profileProgressLabel{font-size:10px}.profilePageV2 .profileGoalBtn{border-radius:13px!important}}
@media(prefers-reduced-motion:reduce){.profilePageV2 .profileGoalBtn:before{animation:none}.profilePageV2 .profileGoalBtn,.profilePageV2 .profileGoalBtn .ctaArrow,.profilePageV2 .statIcon,.profilePageV2 .profileProgressRail span{transition:none!important}}
/* ===== Quirky avatars + scan-friendly tutor directory ===== */
.quirkyAvatar{position:relative;width:64px;height:64px;flex:0 0 64px;overflow:hidden;border:2px solid rgba(255,255,255,.22);border-radius:22px;background:linear-gradient(145deg,#58a8ff,#735fe9);box-shadow:0 13px 30px rgba(20,48,100,.3);isolation:isolate}.quirkyAvatar:before{content:"";position:absolute;width:52px;height:52px;right:-19px;top:-18px;border-radius:50%;background:rgba(255,255,255,.24)}.quirkyAvatar:after{content:"";position:absolute;width:28px;height:28px;left:-10px;bottom:-8px;transform:rotate(25deg);border-radius:9px;background:rgba(255,255,255,.18)}.qaInitial{position:absolute;left:8px;bottom:5px;z-index:2;color:rgba(255,255,255,.88);font-size:13px;font-weight:950}.qaFace{position:absolute;inset:0;z-index:2}.qaEye{position:absolute;top:22px;width:6px;height:8px;border-radius:50%;background:#101329}.qaEyeOne{left:20px}.qaEyeTwo{left:38px}.qaMouth{position:absolute;left:24px;top:38px;width:16px;height:7px;border-bottom:3px solid #101329;border-radius:0 0 15px 15px}.avatarStyle-sunset{background:linear-gradient(145deg,#ffbd4a,#f04b85)}.avatarStyle-mint{background:linear-gradient(145deg,#68ebc2,#198fb1)}.avatarStyle-cosmic{background:linear-gradient(145deg,#845dff,#d953d5)}.avatarStyle-candy{background:linear-gradient(145deg,#ff70b4,#ff9566)}.avatarStyle-ocean{background:linear-gradient(145deg,#3bbcff,#225bd5)}.avatarStyle-mint .qaMouth{border-radius:50%;width:10px;left:27px}.avatarStyle-cosmic .qaEyeTwo{height:3px;top:25px;border-radius:5px}.avatarStyle-candy .qaMouth{height:9px;background:#fff;border:0;border-radius:50% 50% 45% 45%}.avatarStyle-ocean .qaEye{transform:rotate(-10deg)}
.avatarPicker{padding:17px;border:1px solid #294a64;border-radius:16px;background:#091a2b}.avatarPicker>div:first-child b{display:block;color:#f3f8fb;font-size:14px}.avatarPicker>div:first-child span{display:block;margin-top:3px;color:#849aad;font-size:11px}.avatarChoiceGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:14px}.avatarChoice{position:relative;display:grid;place-items:center;gap:6px;padding:9px 5px;border:1px solid #29455d;border-radius:13px;background:#0d2134;cursor:pointer}.avatarChoice input{position:absolute;opacity:0}.avatarChoice .quirkyAvatar{width:46px;height:46px;flex-basis:46px;border-radius:15px}.avatarChoice .qaEye{top:15px;width:5px;height:6px}.avatarChoice .qaEyeOne{left:14px}.avatarChoice .qaEyeTwo{left:27px}.avatarChoice .qaMouth{left:17px;top:28px;width:12px}.avatarChoice .qaInitial{font-size:9px}.avatarChoice>span:last-child{color:#9cb0c1;font-size:9px;font-weight:850}.avatarChoice:has(input:checked){border-color:#65dfbd;background:#11362f;box-shadow:0 0 0 2px rgba(101,223,189,.12)}
.tutorDirectoryPage{max-width:1180px}.tutorDirectoryHero{padding:26px 28px!important}.tutorDirectoryEyebrow{margin-bottom:7px;color:#64dfbd;font-size:10px;font-weight:950;letter-spacing:1.3px}.tutorDirectoryPage .simpleTutorGrid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px;align-items:stretch}.tutorDirectoryCard{display:flex;min-width:0;flex-direction:column;padding:19px;border:1px solid #284961;border-radius:18px;background:linear-gradient(145deg,#0c2032,#0a1726);color:inherit;text-decoration:none;box-shadow:0 15px 34px rgba(0,0,0,.12);transition:transform .18s ease,border-color .18s ease,background .18s ease}.tutorDirectoryCard:hover,.tutorDirectoryCard:focus-visible{transform:translateY(-3px);border-color:#4a7b9c;background:linear-gradient(145deg,#10283c,#0b1a2b);outline:none}.tutorDirectoryTop{display:flex;align-items:flex-start;gap:13px}.tutorDirectoryIdentity{min-width:0;flex:1}.tutorDirectoryIdentity .simpleMeta{font-size:12px;line-height:1.4}.tutorVerified{margin:2px 0;color:#65dfbd;font-size:10px;font-weight:850}.directoryPresence{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #344e65;border-radius:99px;color:#8da1b3;font-size:9px;font-weight:850}.directoryPresence:before{content:"";width:6px;height:6px;border-radius:50%;background:#677b8e}.directoryPresence.online{color:#72dfbf;border-color:#2c6655}.directoryPresence.online:before{background:#62dfbb;box-shadow:0 0 0 3px rgba(98,223,187,.1)}.tutorDirectoryCard .simpleTags{margin-top:14px}.tutorDirectoryCard .simpleTutorDesc{display:-webkit-box;min-height:40px;margin:12px 0;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tutorDirectoryFacts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.tutorDirectoryFacts span{padding:9px;border:1px solid #233f57;border-radius:11px;background:#0c1d2d;color:#8197aa;font-size:9px}.tutorDirectoryFacts b{display:block;color:#d8e5ee;font-size:11px}.tutorDirectoryFoot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #203a50;color:#8298aa;font-size:9px}.tutorDirectoryFoot>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutorDirectoryFoot b{flex:0 0 auto;color:#6cdebE;font-size:11px}.tutorDirectoryFoot i{font-style:normal;font-size:15px}.tutorProfileV3 .quirkyAvatar.simpleAvatar{display:block;background:linear-gradient(145deg,#58a8ff,#735fe9)!important}.tutorProfileV3 .avatarStyle-sunset{background:linear-gradient(145deg,#ffbd4a,#f04b85)!important}.tutorProfileV3 .avatarStyle-mint{background:linear-gradient(145deg,#68ebc2,#198fb1)!important}.tutorProfileV3 .avatarStyle-cosmic{background:linear-gradient(145deg,#845dff,#d953d5)!important}.tutorProfileV3 .avatarStyle-candy{background:linear-gradient(145deg,#ff70b4,#ff9566)!important}.tutorProfileV3 .avatarStyle-ocean{background:linear-gradient(145deg,#3bbcff,#225bd5)!important}
@media(max-width:700px){.avatarChoiceGrid{grid-template-columns:repeat(3,1fr)}.tutorDirectoryHero{padding:20px!important}.tutorDirectoryPage .simpleTutorGrid{grid-template-columns:1fr}.tutorDirectoryHero .simpleHero{gap:12px}.tutorDirectoryHero .simpleActions{width:auto}.tutorDirectoryHero .simpleActions .btn{width:auto}.tutorDirectoryCard{padding:15px}}
@media(max-width:420px){.tutorDirectoryTop{display:grid;grid-template-columns:auto minmax(0,1fr)}.directoryPresence{grid-column:2;justify-self:start}.tutorDirectoryFacts{grid-template-columns:1fr}.tutorDirectoryFoot{align-items:flex-end}.avatarChoiceGrid{gap:6px}.avatarChoice{padding:8px 3px}}
/* ===== Dashboard Wonder: cinematic first-visit experience ===== */
.dashboardWonder{--dw-mint:#68e4bd;--dw-violet:#8b72ff;--dw-blue:#4baaff;width:min(1240px,calc(100% - 38px));padding-top:24px}.dashboardWonder .dashboardHero{position:relative;isolation:isolate;min-height:380px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);align-items:stretch;gap:24px;margin:0 0 16px;padding:clamp(28px,4.2vw,54px);overflow:hidden;border:1px solid rgba(82,125,158,.48);border-radius:30px;background:radial-gradient(circle at 9% 3%,rgba(65,175,255,.21),transparent 29%),radial-gradient(circle at 84% 22%,rgba(139,114,255,.23),transparent 34%),linear-gradient(130deg,#0d2940 0%,#091a2d 51%,#151637 100%);box-shadow:0 28px 80px rgba(0,0,0,.3)}.dashboardWonder .dashboardHero:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(113,178,211,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(113,178,211,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent 78%)}.dashboardHeroGlow{position:absolute;z-index:-1;left:-110px;bottom:-230px;width:470px;height:470px;border:1px solid rgba(104,228,189,.13);border-radius:50%;box-shadow:0 0 0 65px rgba(104,228,189,.025),0 0 0 130px rgba(104,228,189,.018)}.dashboardHeroCopy{align-self:center;min-width:0}.dashboardWelcome{display:flex;align-items:center;gap:8px;color:#a1b8cb;font-size:10px;font-weight:850;letter-spacing:.6px}.dashboardWelcome span{color:var(--dw-mint);font-weight:950;letter-spacing:1.5px}.dashboardWelcome i{width:4px;height:4px;border-radius:50%;background:#57738a}.dashboardWonder .dashboardHero h1{margin:18px 0 15px;color:#f7fbff;font-size:clamp(43px,5.6vw,70px);line-height:.96;letter-spacing:-3.7px}.dashboardWonder .dashboardHero h1 em{color:transparent;background:linear-gradient(90deg,#fff 4%,#71e6c2 45%,#77afff);-webkit-background-clip:text;background-clip:text;font-style:normal}.dashboardWonder .dashboardSub{max-width:660px;margin:0;color:#a4b8ca;font-size:15px;line-height:1.7}.dashboardWonder .dashboardSub b{color:#dce9f2}.dashboardHeroProof{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.dashboardHeroProof span{padding:8px 11px;border:1px solid rgba(83,133,165,.42);border-radius:999px;background:rgba(6,22,37,.46);color:#89a1b5;font-size:10px;font-weight:750}.dashboardHeroProof b{margin-right:4px;color:#f2f8fb;font-size:12px}.dashboardHeroPanel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;border:1px solid rgba(106,147,180,.35);border-radius:24px;background:linear-gradient(155deg,rgba(16,45,65,.7),rgba(10,22,43,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.heroOrbit{position:relative;width:142px;height:142px;display:grid;place-items:center;margin-bottom:15px;border:1px solid rgba(104,228,189,.2);border-radius:50%;box-shadow:0 0 0 19px rgba(89,162,214,.035),0 0 50px rgba(83,115,255,.16);animation:heroFloat 5s ease-in-out infinite}.heroOrbit:before{content:"";position:absolute;inset:15px;border:1px dashed rgba(128,122,255,.35);border-radius:50%;animation:heroSpin 18s linear infinite}.heroOrbitCore{position:relative;z-index:2;width:70px;height:70px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.27);border-radius:24px;background:linear-gradient(145deg,#58adff,#7968ef);box-shadow:0 15px 40px rgba(72,83,223,.35);font-size:26px;font-weight:950}.heroOrbit i{position:absolute;z-index:3;display:grid;place-items:center;font-style:normal}.heroOrbitOne{right:-3px;top:22px;color:#ffe085;font-size:17px}.heroOrbitTwo{left:2px;bottom:20px;color:var(--dw-mint);font-size:11px}.heroOrbitThree{right:15px;bottom:7px;color:#a78cff;font-size:17px}.heroPanelCopy{text-align:center}.heroPanelCopy span{display:block;color:#7692a9;font-size:9px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}.heroPanelCopy b{display:block;margin-top:4px;color:#f3f8fb;font-size:21px}.heroPanelCopy small{display:block;max-width:240px;margin-top:5px;color:#839bad;font-size:10px;line-height:1.5}.dashboardHeroPanel .dashboardActions{width:100%;display:grid;grid-template-columns:1fr 1fr;margin-top:18px}.dashboardHeroPanel .btn{min-height:45px;border-radius:13px!important;font-size:11px}.dashboardHeroPanel .btn:last-child{background:linear-gradient(115deg,#65e1bb,#73dfcb)!important;border-color:#79e7ca!important;color:#07141b!important;font-weight:950}.dashboardHeroPanel .btn span{margin-left:7px;font-size:15px}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes heroSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.heroOrbit,.heroOrbit:before{animation:none}}
.dashboardWonder .dashboardQuickNav{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:0 0 16px;padding:0;background:none;border:0}.dashboardWonder .dashboardQuickNav a{min-width:0;display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #243f56;border-radius:15px;background:linear-gradient(145deg,#0c1e30,#091725);color:#d4e1e9;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.dashboardWonder .dashboardQuickNav a:hover{transform:translateY(-2px);border-color:#3d6c88;background:#10263a}.dashboardWonder .dashboardQuickNav i{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:10px;background:#122f46;color:var(--dw-mint);font-style:normal;font-size:11px}.dashboardWonder .dashboardQuickNav span{min-width:0;font-size:11px;font-weight:900}.dashboardWonder .dashboardQuickNav small{display:block;margin-top:2px;color:#70899d;font-size:8px;font-weight:700}.dashboardWonder .dashboardGrid{grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:16px}.dashboardWonder .dashCard{border-color:#29465e;border-radius:22px;background:linear-gradient(155deg,#0c2032,#091725);box-shadow:0 18px 45px rgba(0,0,0,.16)}.dashboardWonder .dashboardGrid>.dashCard:first-child{min-height:360px}.dashboardWonder .dashboardFocusHead h2,.dashboardWonder .dashCardHeader h2{font-size:22px}.dashboardWonder .dashboardGrid aside{position:sticky;top:86px}.dashboardWonder .dashboardStatGrid{gap:9px}.dashboardWonder .quickStat{min-height:84px;padding:13px;border-color:#29485f;border-radius:14px;background:linear-gradient(145deg,#0d2537,#091c2d)}.dashboardWonder .quickStat b{font-size:21px;color:#f4f8fb}.dashboardWonder .classHubSection,.dashboardWonder .roomsSection{margin-top:18px;padding:25px;border:1px solid #223d53;border-radius:22px;background:linear-gradient(155deg,rgba(12,31,49,.72),rgba(8,21,35,.72))}.dashboardWonder .classHubHead h2,.dashboardWonder .roomsHeader h2{font-size:23px}.dashboardEmpty{grid-column:1/-1;min-height:155px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:17px;padding:23px;border:1px dashed #31516b;border-radius:18px;background:radial-gradient(circle at 0 50%,rgba(74,170,255,.09),transparent 32%),#091827}.dashboardEmptyIcon{width:52px;height:52px;display:grid;place-items:center;border:1px solid #345b76;border-radius:17px;background:linear-gradient(145deg,#133951,#172a51);color:#71dfc0;font-size:21px;box-shadow:0 10px 26px rgba(0,0,0,.18)}.dashboardEmpty b{display:block;color:#e7f0f6;font-size:14px}.dashboardEmpty span{display:block;max-width:620px;margin-top:5px;color:#8299ac;font-size:11px;line-height:1.55}.dashboardEmpty>a{padding:9px 11px;border-radius:10px;background:#102b40;color:#6fe0c1;font-size:10px;font-weight:900;text-decoration:none}.dashboardEmpty.compact{min-height:110px}.dashboardWonder .matchCard,.dashboardWonder .classHubCard,.dashboardWonder .publicGoalCard,.dashboardWonder .roomCard{transition:transform .16s ease,border-color .16s ease}.dashboardWonder .matchCard:hover,.dashboardWonder .classHubCard:hover,.dashboardWonder .publicGoalCard:hover,.dashboardWonder .roomCard:hover{transform:translateY(-2px);border-color:#3d6580}
@media(max-width:980px){.dashboardWonder .dashboardHero{grid-template-columns:1fr;min-height:0}.dashboardHeroPanel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;text-align:left}.heroOrbit{width:104px;height:104px;margin:0}.heroOrbitCore{width:57px;height:57px;border-radius:19px}.heroPanelCopy{text-align:left}.dashboardHeroPanel .dashboardActions{min-width:260px;margin:0}.dashboardWonder .dashboardGrid{grid-template-columns:1fr}.dashboardWonder .dashboardGrid aside{position:static}.dashboardWonder .dashboardQuickNav{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.dashboardWonder{width:calc(100% - 20px);padding-top:12px}.dashboardWonder .dashboardHero{gap:20px;padding:23px 18px;border-radius:23px}.dashboardWonder .dashboardHero h1{font-size:clamp(38px,12vw,51px);letter-spacing:-2.6px}.dashboardWonder .dashboardSub{font-size:13px}.dashboardHeroProof{gap:6px;margin-top:18px}.dashboardHeroProof span{padding:6px 8px}.dashboardHeroPanel{display:flex;padding:18px}.heroOrbit{width:100px;height:100px}.heroPanelCopy{text-align:center}.dashboardHeroPanel .dashboardActions{width:100%;min-width:0}.dashboardWonder .dashboardQuickNav{gap:7px}.dashboardWonder .dashboardQuickNav a{padding:11px}.dashboardWonder .dashboardQuickNav i{width:27px;height:27px;flex-basis:27px}.dashboardWonder .dashCard,.dashboardWonder .classHubSection,.dashboardWonder .roomsSection{padding:16px;border-radius:17px}.dashboardEmpty{grid-template-columns:auto minmax(0,1fr);min-height:0;padding:16px}.dashboardEmpty>a{grid-column:2;justify-self:start}.dashboardEmptyIcon{width:43px;height:43px;border-radius:14px}.dashboardWonder .classHubHead,.dashboardWonder .roomsHeader{align-items:flex-start}.dashboardWonder .classHubLink{min-width:auto}}
@media(max-width:430px){.dashboardWelcome{align-items:flex-start;flex-wrap:wrap}.dashboardWonder .dashboardHero h1{font-size:39px}.dashboardHeroProof span:last-child{display:none}.dashboardWonder .dashboardQuickNav{grid-template-columns:1fr}.dashboardWonder .dashboardQuickNav small{display:inline;margin-left:5px}.dashboardHeroPanel .dashboardActions{grid-template-columns:1fr}.dashboardWonder .dashboardGrid>.dashCard:first-child{min-height:0}.dashboardEmpty{grid-template-columns:1fr;text-align:center}.dashboardEmptyIcon{margin:auto}.dashboardEmpty>a{grid-column:1;justify-self:center}.dashboardWonder .quickStat{min-height:76px}}
/* Compact dashboard hero: premium without occupying the first screen */
@media(min-width:981px){.dashboardWonder .dashboardHero{min-height:0;grid-template-columns:minmax(0,1.55fr) minmax(390px,.65fr);gap:22px;padding:27px 30px;border-radius:24px}.dashboardWonder .dashboardHero h1{margin:11px 0 9px;font-size:clamp(35px,4vw,51px);line-height:1.02;letter-spacing:-2.7px;white-space:nowrap}.dashboardWonder .dashboardSub{max-width:720px;font-size:13px;line-height:1.55}.dashboardHeroProof{margin-top:15px}.dashboardHeroProof span{padding:6px 9px}.dashboardHeroPanel{min-height:150px;display:grid;grid-template-columns:80px minmax(100px,1fr);grid-template-rows:1fr auto;align-items:center;column-gap:15px;padding:16px 17px;border-radius:19px}.heroOrbit{grid-row:1/3;width:72px;height:72px;margin:0;box-shadow:0 0 0 9px rgba(89,162,214,.035),0 0 34px rgba(83,115,255,.14)}.heroOrbit:before{inset:7px}.heroOrbitCore{width:43px;height:43px;border-radius:14px;font-size:17px}.heroOrbitOne{right:-2px;top:6px;font-size:12px}.heroOrbitTwo{left:-1px;bottom:8px;font-size:8px}.heroOrbitThree{right:5px;bottom:-2px;font-size:12px}.heroPanelCopy{text-align:left;align-self:end}.heroPanelCopy b{margin-top:2px;font-size:17px}.heroPanelCopy small{margin-top:2px;font-size:8px}.dashboardHeroPanel .dashboardActions{grid-column:2;align-self:start;gap:7px;margin-top:10px}.dashboardHeroPanel .btn{min-height:36px;padding:7px 9px;border-radius:10px!important;font-size:9px}.dashboardHeroGlow{left:-150px;bottom:-360px}.dashboardWonder .dashboardQuickNav{margin-top:0}}
@media(max-width:980px) and (min-width:681px){.dashboardWonder .dashboardHero{padding:25px;gap:18px}.dashboardWonder .dashboardHero h1{margin:12px 0 9px;font-size:42px;line-height:1.02}.dashboardHeroPanel{grid-template-columns:74px minmax(0,1fr) auto;padding:14px 16px}.heroOrbit{width:68px;height:68px}.heroOrbitCore{width:42px;height:42px}.dashboardHeroPanel .dashboardActions{min-width:235px}.heroPanelCopy small{display:none}}
@media(max-width:680px){.dashboardWonder .dashboardHero{padding:20px 17px}.dashboardWonder .dashboardHero h1{margin:11px 0 9px;font-size:clamp(31px,9.5vw,43px);line-height:1.03}.dashboardWonder .dashboardSub{line-height:1.5}.dashboardHeroProof{margin-top:14px}.dashboardHeroPanel{display:grid;grid-template-columns:58px minmax(0,1fr);gap:11px;padding:13px 14px;text-align:left}.heroOrbit{width:54px;height:54px;margin:0;box-shadow:0 0 0 6px rgba(89,162,214,.035)}.heroOrbit:before{inset:5px}.heroOrbitCore{width:34px;height:34px;border-radius:11px;font-size:14px}.heroOrbitOne{right:-3px;top:4px;font-size:10px}.heroOrbitTwo{left:-2px;bottom:6px;font-size:7px}.heroOrbitThree{display:none}.heroPanelCopy{text-align:left}.heroPanelCopy b{font-size:16px}.heroPanelCopy small{display:none}.dashboardHeroPanel .dashboardActions{grid-column:1/-1;grid-template-columns:1fr 1fr;margin-top:2px}.dashboardHeroPanel .btn{min-height:38px}.dashboardWelcome{font-size:8px}}
@media(max-width:430px){.dashboardWonder .dashboardHero h1{font-size:34px;white-space:normal}.dashboardHeroProof span{font-size:8px}.dashboardHeroProof span:last-child{display:none}}
/* Refined dashboard match + learning-goal pairing */
.dashboardSectionEyebrow{margin:0 0 5px;color:#68dfbd;font-size:8px;font-weight:950;line-height:1;letter-spacing:1.35px;text-align:left}.dashboardWonder .dashCardHeader h2,.dashboardWonder .dashboardFocusHead h2{margin:0!important;color:#f6f9fc;font-size:clamp(20px,2vw,25px)!important;line-height:1.1;letter-spacing:-.75px;text-align:left}.dashboardWonder .dashboardMatchesCard{min-height:0!important}.dashboardWonder .dashboardMatchesCard .dashCardHeader{align-items:flex-start;margin-bottom:13px}.dashboardWonder .dashboardMatchesCard .dashCardHeader>div{min-width:0}.dashboardWonder .dashboardMatchesCard .badge{flex:0 0 auto;margin-top:3px}.dashboardWonder .dashboardMatchesCard .onlineTutorLine{margin-top:7px;color:#91a7b8;font-size:11px;line-height:1.5;text-align:left}.dashboardGoalCard{position:relative;overflow:hidden;padding:19px!important;background:radial-gradient(circle at 100% 0,rgba(117,103,238,.14),transparent 34%),linear-gradient(150deg,#0d2639,#0a1a2a)!important}.dashboardGoalCard:after{content:"";position:absolute;right:-58px;bottom:-82px;width:180px;height:180px;border:1px solid rgba(103,225,190,.09);border-radius:50%;box-shadow:0 0 0 31px rgba(103,225,190,.018);pointer-events:none}.dashboardGoalCard>*{position:relative;z-index:1}.dashboardWonder .dashboardFocusHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.dashboardWonder .dashboardFocusHead>div{min-width:0}.dashboardWonder .dashboardEditLink{min-height:31px;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:1px;padding:6px 9px;border:1px solid rgba(104,224,190,.34);border-radius:10px;background:rgba(19,68,61,.3);color:#79e5c4;font-size:9px;font-weight:950;line-height:1;text-decoration:none;white-space:nowrap;transition:transform .16s ease,background .16s ease,border-color .16s ease}.dashboardWonder .dashboardEditLink span{font-size:12px;line-height:1}.dashboardWonder .dashboardEditLink:hover{transform:translateY(-1px);border-color:#69dfbd;background:#164b41}.dashboardGoalCard .interestCloud{align-items:center;gap:6px}.dashboardGoalCard .interestChip{display:inline-flex;align-items:center;min-height:29px;padding:6px 9px;border:1px solid #2e536c;border-radius:9px;background:linear-gradient(145deg,#15364e,#112b43);color:#dce9f2;font-size:10px;font-weight:850;line-height:1}.dashboardWonder .dashboardFocusHint{margin:11px 0 13px;color:#8198aa;font-size:9px;line-height:1.45;text-align:left}.dashboardWonder .dashboardStatGrid{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:6px}.dashboardWonder .dashboardGoalCard .quickStat{min-width:0;min-height:62px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:9px;border:1px solid #28475e;border-radius:11px;background:rgba(7,25,40,.7);text-align:left}.dashboardWonder .dashboardGoalCard .quickStat span{margin:0;font-size:8px;line-height:1.1;white-space:nowrap}.dashboardWonder .dashboardGoalCard .quickStat b{margin:0;font-size:18px;line-height:1}.dashboardWonder .dashboardGrid{align-items:start}.dashboardWonder .dashboardEmpty{min-height:128px}.dashboardWonder .dashboardMatchesCard .dashboardEmpty{margin-top:4px}
@media(max-width:1120px) and (min-width:981px){.dashboardWonder .dashboardGrid{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)}.dashboardWonder .dashboardGoalCard .dashboardStatGrid{grid-template-columns:1fr 1fr}.dashboardWonder .dashboardGoalCard .quickStat{min-height:56px}}
@media(max-width:980px){.dashboardGoalCard{order:-1}.dashboardWonder .dashboardGoalCard .dashboardStatGrid{grid-template-columns:repeat(4,1fr)}.dashboardWonder .dashboardMatchesCard{min-height:0!important}}
@media(max-width:560px){.dashboardGoalCard{padding:16px!important}.dashboardWonder .dashboardFocusHead h2{font-size:21px!important}.dashboardWonder .dashboardEditLink{min-height:30px}.dashboardWonder .dashboardGoalCard .dashboardStatGrid{grid-template-columns:1fr 1fr}.dashboardWonder .dashboardGoalCard .quickStat{min-height:55px}.dashboardWonder .dashboardEmpty{min-height:0}.dashboardSectionEyebrow{font-size:7px}}
/* Compact community + recent-room sections and right-aligned live status */
.dashboardWonder .dashboardMatchesCard{position:relative}.dashboardWonder .dashboardMatchesCard .dashboardSectionEyebrow{position:absolute;z-index:2;top:24px;right:62px;margin:0;padding:6px 8px;border:1px solid rgba(102,224,189,.24);border-radius:999px;background:rgba(17,62,57,.26);font-size:7px;line-height:1;letter-spacing:1px;text-align:right}.dashboardWonder .dashboardMatchesCard .dashCardHeader h2{padding-top:2px}.dashboardWonder .dashboardMatchesCard .badge{margin-top:0}
.dashboardWonder .dashboardCommunity,.dashboardWonder .dashboardRecent{padding:20px!important}.dashboardWonder .dashboardCommunity .roomsHeader,.dashboardWonder .dashboardRecent .roomsHeader{align-items:center;margin-bottom:13px}.dashboardWonder .dashboardCommunity .roomsHeader h2,.dashboardWonder .dashboardRecent .roomsHeader h2{margin:0;color:#f3f8fb;font-size:20px;line-height:1.1;letter-spacing:-.5px}.dashboardWonder .dashboardCommunity .roomsHeader p,.dashboardWonder .dashboardRecent .roomsHeader p{margin:5px 0 0;color:#7f96a9;font-size:9px}.dashboardSectionLink{padding:7px 9px;border:1px solid #2d4e66;border-radius:9px;background:#0e273b;color:#6fe0c0;font-size:9px;font-weight:900;text-decoration:none;white-space:nowrap}.dashboardSectionLink:hover{border-color:#4b7a91;background:#123147}.dashboardHeaderCount{display:inline-flex;margin-left:6px;padding:4px 6px;vertical-align:middle;border:1px solid #304f67;border-radius:999px;background:#10283b;color:#8da3b5;font-size:7px;font-weight:850;letter-spacing:.3px;text-transform:uppercase}
.dashboardWonder .dashboardCommunity .publicGoalsGrid{grid-template-columns:1fr;gap:8px}.dashboardWonder .dashboardCommunity .publicGoalCard{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 16px;padding:13px 14px;border-radius:13px;background:linear-gradient(145deg,#0d2133,#0a1929)}.dashboardWonder .dashboardCommunity .publicGoalCard>div:first-child{grid-column:1/-1;align-items:center!important}.dashboardWonder .dashboardCommunity .publicGoalCard>div:first-child>.btn{min-height:34px;padding:7px 10px;font-size:9px}.dashboardWonder .dashboardCommunity .publicGoalCard>div:nth-child(2){grid-column:1;margin:0!important;color:#91a5b6!important;font-size:10px;line-height:1.4}.dashboardWonder .dashboardCommunity .publicGoalTags{grid-column:1/-1;margin-top:1px}.dashboardWonder .dashboardCommunity .interestChip{padding:5px 8px;font-size:8px}.dashboardWonder .dashboardCommunity .publicGoalCard b{font-size:13px}.dashboardWonder .dashboardCommunity .publicGoalMeta{margin-top:2px;font-size:8px}
.dashboardWonder .dashboardRecent .roomCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.dashboardWonder .dashboardRecent .roomCard{min-height:0;gap:8px;padding:14px;border-radius:14px;background:linear-gradient(145deg,#0d2133,#091827)}.dashboardWonder .dashboardRecent .roomTitle{overflow:hidden;color:#eef5f9;font-size:14px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.dashboardWonder .dashboardRecent .roomMeta{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px}.dashboardWonder .dashboardRecent .roomCode{padding:5px 7px;border-radius:7px;font-size:8px}.dashboardWonder .dashboardRecent .roomMeta .muted{overflow:hidden;font-size:8px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dashboardWonder .dashboardRecent .roomProblem{display:-webkit-box;min-height:30px;overflow:hidden;color:#8299ab;font-size:9px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dashboardWonder .dashboardRecent .roomCard .btn{min-height:32px;padding:6px 9px;font-size:9px}.dashboardWonder .dashboardRecent .roomCard>div:last-child{margin-top:auto}
@media(max-width:900px){.dashboardWonder .dashboardRecent .roomCards{grid-template-columns:1fr 1fr}.dashboardWonder .dashboardCommunity .publicGoalCard{grid-template-columns:1fr}}
@media(max-width:620px){.dashboardWonder .dashboardMatchesCard .dashboardSectionEyebrow{position:static;display:inline-flex;margin:0 0 6px;padding:0;border:0;background:none;text-align:left}.dashboardWonder .dashboardMatchesCard .dashCardHeader h2{padding-top:0}.dashboardWonder .dashboardCommunity,.dashboardWonder .dashboardRecent{padding:16px!important}.dashboardWonder .dashboardCommunity .roomsHeader,.dashboardWonder .dashboardRecent .roomsHeader{align-items:flex-start;gap:10px}.dashboardWonder .dashboardRecent .roomCards{grid-template-columns:1fr}.dashboardWonder .dashboardRecent .roomMeta{grid-template-columns:auto 1fr}.dashboardWonder .dashboardCommunity .publicGoalCard{padding:12px}.dashboardSectionLink{align-self:flex-start}.dashboardWonder .dashboardCommunity .roomsHeader p,.dashboardWonder .dashboardRecent .roomsHeader p{font-size:8px}}
/* Final dashboard rhythm: one title system, one action system, less noise */
.dashboardWonder .dashboardGoalCard .dashboardSectionEyebrow,.dashboardWonder .dashboardCommunity .dashboardSectionEyebrow,.dashboardWonder .dashboardRecent .dashboardSectionEyebrow{display:none}.dashboardWonder .dashCardHeader,.dashboardWonder .dashboardFocusHead,.dashboardWonder .classHubHead,.dashboardWonder .roomsHeader{min-height:46px;align-items:flex-start!important;margin-bottom:13px!important}.dashboardWonder .dashCardHeader h2,.dashboardWonder .dashboardFocusHead h2,.dashboardWonder .classHubHead h2,.dashboardWonder .roomsHeader h2{margin:0!important;color:#f4f8fb!important;font-size:20px!important;font-weight:850!important;line-height:1.15!important;letter-spacing:-.45px!important;text-align:left}.dashboardWonder .dashboardFocusHead h2{white-space:nowrap}.dashboardWonder .onlineTutorLine,.dashboardWonder .classHubHead p,.dashboardWonder .roomsHeader p{margin:5px 0 0!important;color:#8299ac!important;font-size:9px!important;line-height:1.4!important;text-align:left}.dashboardWonder .dashboardFocusHead{min-height:34px}.dashboardWonder .dashboardFocusHead>div{align-self:center}.dashboardWonder .dashboardEditLink,.dashboardWonder .classHubLink,.dashboardWonder .dashboardSectionLink,.dashboardWonder .roomsHeader>.btn{min-height:32px!important;display:inline-flex;align-items:center;justify-content:center;margin:0!important;padding:7px 10px!important;border:1px solid #31536a!important;border-radius:9px!important;background:#10293d!important;color:#72dfc0!important;font-size:9px!important;font-weight:900!important;line-height:1!important;white-space:nowrap;box-shadow:none!important}.dashboardWonder .dashboardEditLink:hover,.dashboardWonder .classHubLink:hover,.dashboardWonder .dashboardSectionLink:hover,.dashboardWonder .roomsHeader>.btn:hover{border-color:#4a7a91!important;background:#14334a!important;color:#91edd3!important}.dashboardWonder .dashboardMatchesCard .dashboardSectionEyebrow{top:21px}.dashboardWonder .dashboardMatchesCard .dashCardHeader{padding-right:150px}.dashboardWonder .dashboardMatchesCard .badge{position:absolute;right:20px;top:18px}.dashboardWonder .classHubSection,.dashboardWonder .dashboardCommunity,.dashboardWonder .dashboardRecent{padding:20px!important}.dashboardWonder .dashboardEmpty:not(:has(>a)){grid-template-columns:auto minmax(0,1fr)}.dashboardWonder #available-classes .dashboardEmpty{min-height:112px}.dashboardWonder #available-classes .classCardsGrid{margin-top:2px}
@media(max-width:1120px) and (min-width:981px){.dashboardWonder .dashboardFocusHead h2{font-size:18px!important}.dashboardWonder .dashboardEditLink{padding:6px 8px!important}.dashboardWonder .dashboardGoalCard{padding:17px!important}}
@media(max-width:620px){.dashboardWonder .dashCardHeader,.dashboardWonder .dashboardFocusHead,.dashboardWonder .classHubHead,.dashboardWonder .roomsHeader{min-height:0}.dashboardWonder .dashboardMatchesCard .dashCardHeader{padding-right:0}.dashboardWonder .dashboardMatchesCard .badge{position:static}.dashboardWonder .dashboardFocusHead h2{font-size:20px!important;white-space:normal}.dashboardWonder .classHubHead,.dashboardWonder .roomsHeader{flex-direction:row!important}.dashboardWonder .classHubHead>div,.dashboardWonder .roomsHeader>div{min-width:0}.dashboardWonder .classHubHead h2,.dashboardWonder .roomsHeader h2{font-size:18px!important}.dashboardWonder .classHubLink,.dashboardWonder .dashboardSectionLink,.dashboardWonder .roomsHeader>.btn{flex:0 0 auto}.dashboardWonder .dashboardEmpty:not(:has(>a)){grid-template-columns:auto minmax(0,1fr);text-align:left}.dashboardWonder .dashboardEmpty:not(:has(>a)) .dashboardEmptyIcon{margin:0}}
@media(max-width:430px){.dashboardWonder .classHubHead,.dashboardWonder .roomsHeader{align-items:flex-start!important;flex-direction:column!important}.dashboardWonder .dashboardFocusHead{align-items:center!important}.dashboardWonder .dashboardEmpty:not(:has(>a)){grid-template-columns:1fr;text-align:center}.dashboardWonder .dashboardEmpty:not(:has(>a)) .dashboardEmptyIcon{margin:auto}}
/* Correct Online Matches header structure and equal card alignment */
.dashboardWonder .dashboardGrid{align-items:stretch}.dashboardWonder .dashboardMatchesCard,.dashboardWonder .dashboardGoalCard{height:100%}.dashboardWonder .dashboardMatchesCard .dashCardHeader{min-height:46px;display:flex;align-items:flex-start!important;justify-content:space-between;gap:16px;padding-right:0}.dashboardWonder .dashboardMatchesCard .dashCardHeader>div:first-child{min-width:0}.dashboardHeaderActions{flex:0 0 auto;display:flex;align-items:center;gap:8px}.liveConnectionsPill{min-height:28px;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:1px solid rgba(102,224,189,.3);border-radius:999px;background:rgba(17,62,57,.3);color:#70e1c0;font-size:7px;font-weight:950;line-height:1;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.dashboardWonder .dashboardMatchesCard .badge{position:static;flex:0 0 auto;margin:0}.dashboardWonder .dashboardMatchesCard .onlineTutorLine{max-width:720px}.dashboardWonder .dashboardGrid aside.dashboardGoalCard{position:static;top:auto}
@media(max-width:620px){.dashboardWonder .dashboardMatchesCard .dashCardHeader{align-items:flex-start!important}.dashboardHeaderActions{gap:5px}.liveConnectionsPill{min-height:26px;padding:5px 7px;font-size:6px}.dashboardWonder .dashboardMatchesCard .badge{height:26px;min-width:26px}.dashboardWonder .dashboardGrid{align-items:start}.dashboardWonder .dashboardMatchesCard,.dashboardWonder .dashboardGoalCard{height:auto}}
@media(max-width:430px){.dashboardWonder .dashboardMatchesCard .dashCardHeader{display:grid;grid-template-columns:minmax(0,1fr) auto}.dashboardHeaderActions{grid-column:2;grid-row:1}.dashboardWonder .dashboardMatchesCard .onlineTutorLine{padding-right:4px}.liveConnectionsPill{display:none}}
/* Match Online Matches geometry to Available Tutor Classes exactly */
.dashboardWonder .dashboardGrid>.dashboardMatchesCard{padding:20px!important;border:1px solid #223d53!important;border-radius:22px!important;background:linear-gradient(155deg,rgba(12,31,49,.72),rgba(8,21,35,.72))!important;box-shadow:0 18px 45px rgba(0,0,0,.16)!important}.dashboardWonder .dashboardMatchesCard .dashCardHeader{margin-bottom:13px!important}.dashboardWonder .dashboardMatchesCard .matchList{margin:0}.dashboardWonder .dashboardMatchesCard .dashboardEmpty{min-height:112px;margin-top:2px;padding:23px}.dashboardWonder .dashboardMatchesCard .dashboardEmptyIcon{width:52px;height:52px}.dashboardWonder .dashboardMatchesCard .dashCardHeader h2{font-size:20px!important}.dashboardWonder .dashboardMatchesCard .onlineTutorLine{font-size:9px!important;line-height:1.4!important}
@media(max-width:680px){.dashboardWonder .dashboardGrid>.dashboardMatchesCard{padding:16px!important;border-radius:17px!important}.dashboardWonder .dashboardMatchesCard .dashboardEmpty{min-height:0;padding:16px}.dashboardWonder .dashboardMatchesCard .dashboardEmptyIcon{width:43px;height:43px}}
/* One-action-per-purpose cleanup */
@media(min-width:981px){.dashboardWonder .dashboardHeroPanel{min-height:118px;display:flex;align-items:center;justify-content:center;gap:18px;padding:16px 20px}.dashboardWonder .dashboardHeroPanel .heroOrbit{grid-row:auto;flex:0 0 72px}.dashboardWonder .dashboardHeroPanel .heroPanelCopy{align-self:auto;text-align:left}.dashboardWonder .dashboardHeroPanel .heroPanelCopy small{max-width:180px}}
@media(max-width:980px){.dashboardWonder .dashboardHeroPanel{display:flex;align-items:center;justify-content:center;gap:16px}.dashboardWonder .dashboardHeroPanel .heroPanelCopy{text-align:left}}
@media(max-width:680px){.dashboardWonder .dashboardHeroPanel{display:grid;grid-template-columns:58px minmax(0,1fr);justify-content:stretch}.dashboardWonder .dashboardHeroPanel .heroPanelCopy{text-align:left}.dashboardWonder .dashboardHero{margin-bottom:14px}}
/* Remove redundant learning-goal sidebar; prioritize the live match area */
.dashboardWonder .dashboardMatchesOnly{display:block!important;width:100%;padding:0}.dashboardWonder .dashboardMatchesOnly>.dashboardMatchesCard{width:100%;height:auto}.heroFocusEdit{display:inline-flex;align-items:center;margin-top:7px;color:#6fe1c0;font-size:8px;font-weight:900;line-height:1;text-decoration:none}.heroFocusEdit:after{content:"→";margin-left:5px;font-size:10px}.heroFocusEdit:hover{color:#9af0d7}.dashboardWonder .dashboardMatchesOnly .matchCard{grid-template-columns:minmax(0,1fr) auto}.dashboardWonder .dashboardMatchesOnly .matchList{width:100%}
@media(max-width:680px){.heroFocusEdit{margin-top:5px;font-size:8px}.dashboardWonder .dashboardMatchesOnly{display:block!important}.dashboardWonder .dashboardMatchesOnly .matchCard{grid-template-columns:1fr}.dashboardWonder .dashboardMatchesOnly .matchAside{width:100%}}
/* Final current-focus alignment overrides */
.dashboardWonder .dashboardHeroPanel .heroPanelCopy{display:flex;flex-direction:column;align-items:center;text-align:center!important}.dashboardWonder .dashboardHeroPanel .heroPanelCopy span,.dashboardWonder .dashboardHeroPanel .heroPanelCopy b,.dashboardWonder .dashboardHeroPanel .heroPanelCopy small{text-align:center}.dashboardWonder .dashboardHeroPanel .heroFocusEdit{min-height:34px;display:inline-flex;align-items:center;justify-content:center;align-self:center;margin:9px auto 0;padding:8px 12px;border:1px solid rgba(103,226,190,.34);border-radius:10px;background:rgba(12,54,58,.5);color:#76e5c5;font-size:9px;font-weight:700;line-height:1;text-decoration:none}.dashboardWonder .dashboardHeroPanel .heroFocusEdit:hover{transform:translateY(-2px);border-color:#75e5c6;background:rgba(18,76,70,.65);color:#a2f2dc;box-shadow:0 10px 22px rgba(45,199,159,.12)}
@media(max-width:980px){.dashboardWonder .dashboardHeroPanel .heroPanelCopy{align-items:center;text-align:center!important}}
@media(max-width:680px){.dashboardWonder .dashboardHeroPanel{display:flex;flex-direction:column;gap:8px;padding:17px;text-align:center}.dashboardWonder .dashboardHeroPanel .heroOrbit{width:68px;height:68px}.dashboardWonder .dashboardHeroPanel .heroOrbitCore{width:42px;height:42px}.dashboardWonder .dashboardHeroPanel .heroPanelCopy{text-align:center!important}.dashboardWonder .dashboardHeroPanel .heroPanelCopy small{display:block}.dashboardWonder .dashboardHeroPanel .heroFocusEdit{min-width:116px;margin-top:8px;font-size:9px}}
/* Learning-focus studio: visual redesign only; form behavior is unchanged */
.simpleGoalPage{width:min(1120px,calc(100% - 34px));max-width:none;padding:26px 0 64px}.simpleGoalCard{position:relative;isolation:isolate;overflow:hidden;padding:30px;border:1px solid rgba(73,119,157,.5);border-radius:26px;background:radial-gradient(circle at 92% 2%,rgba(130,103,255,.17),transparent 31%),radial-gradient(circle at 5% 25%,rgba(52,177,206,.11),transparent 26%),linear-gradient(145deg,#0d2437,#091827 58%,#10172f);box-shadow:0 28px 80px rgba(0,0,0,.28)}.simpleGoalCard:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(111,172,205,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(111,172,205,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.simpleGoalCard:after{content:"";position:absolute;z-index:-1;right:-95px;top:-115px;width:310px;height:310px;border:1px solid rgba(106,226,192,.1);border-radius:50%;box-shadow:0 0 0 45px rgba(106,226,192,.018),0 0 0 90px rgba(116,103,255,.014)}.simpleGoalBack{display:inline-flex;align-items:center;min-height:34px;margin:0 0 25px;padding:7px 11px;border:1px solid rgba(72,111,143,.35);border-radius:10px;background:rgba(8,25,40,.5);color:#a7bac9;font-size:12px;font-weight:600;transition:.18s ease}.simpleGoalBack:hover{transform:translateX(-2px);border-color:#4a758f;background:#102b40}.simpleGoalEyebrow{margin-bottom:8px;color:#68e1bd;font-size:10px;font-weight:750;letter-spacing:1.6px}.simpleGoalCard h1{max-width:720px;margin:0 0 9px;font-size:clamp(36px,5vw,56px);font-weight:650;line-height:1.02;letter-spacing:-2.4px}.simpleGoalIntro{max-width:770px;color:#9bb0c0;font-size:14px;line-height:1.65}.simpleGoalNotice{margin:18px 0 0}.currentGoalBox{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:15px;align-items:center;margin:22px 0 19px;padding:16px 18px 16px 70px;overflow:hidden;border:1px solid rgba(73,123,155,.45);border-radius:17px;background:linear-gradient(110deg,rgba(12,43,59,.88),rgba(19,31,62,.75))}.currentGoalBox:before{content:"✦";position:absolute;left:18px;top:50%;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(103,225,190,.35);border-radius:12px;background:#12364b;color:#67dfbd;font-size:17px;transform:translateY(-50%);box-shadow:0 10px 24px rgba(0,0,0,.16)}.currentGoalLabel{grid-column:1/-1;color:#75e2c1;font-size:9px;font-weight:700;letter-spacing:1.3px}.currentGoalTopic{margin-top:3px;font-size:20px;font-weight:620}.currentGoalCategory{align-self:end;margin:0 0 2px;color:#8fa6b7;font-size:12px}.simpleGoalForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.simpleGoalStep{position:relative;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:center;padding:15px;border:1px solid #29485f;border-radius:16px;background:rgba(8,26,42,.68);transition:border-color .18s ease,transform .18s ease,background .18s ease}.simpleGoalStep:hover,.simpleGoalStep:focus-within{transform:translateY(-2px);border-color:#477791;background:#0d2639}.simpleGoalStepNo{width:32px;height:32px;margin:23px 0 0;border:1px solid rgba(104,225,190,.24);background:#12384a;color:#70e4c1;font-size:12px}.simpleGoalField label{margin-bottom:6px;color:#dce7ee;font-size:11px;font-weight:620}.simpleGoalField .input{min-height:46px;margin:0;border-color:#2b4a62;border-radius:11px;background:#071827;font-size:13px}.simpleGoalForm>.avatarPicker,.simpleGoalActions,.profileOptionalEditor,.simpleGoalForm>.simpleGoalHint{grid-column:1/-1}.simpleGoalForm>.avatarPicker{padding:18px;border-color:#294a63;border-radius:18px;background:linear-gradient(145deg,rgba(10,31,48,.9),rgba(13,28,50,.78))}.avatarPicker>div:first-child b{font-size:15px;font-weight:620}.avatarPicker>div:first-child span{margin-top:4px;font-size:11px}.avatarChoiceGrid{gap:9px}.avatarChoice{min-height:106px;padding:11px 6px;border-color:#29465d;border-radius:15px;background:#0b2133;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.avatarChoice:hover{transform:translateY(-4px);border-color:#4c7895;background:#102a40}.avatarChoice .quirkyAvatar{width:56px;height:56px;flex-basis:56px;border-radius:18px;transition:transform .22s ease}.avatarChoice:hover .quirkyAvatar{transform:rotate(-3deg) scale(1.05)}.avatarChoice:has(input:checked){transform:translateY(-3px);border-color:#69e1bf;background:linear-gradient(145deg,#103b39,#102946);box-shadow:0 0 0 2px rgba(101,223,189,.1),0 15px 30px rgba(0,0,0,.18)}.avatarChoice:has(input:checked) .quirkyAvatar{animation:selectedAvatar 2.8s ease-in-out infinite}.avatarChoice>span:last-child{font-size:10px;font-weight:650}.simpleGoalActions{display:flex;justify-content:flex-end;gap:10px;margin-top:1px}.simpleGoalSave{min-width:190px;min-height:44px;border-color:#79e7c9;background:linear-gradient(115deg,#63dfb9,#74dfd0);color:#061820;font-size:11px;font-weight:750;box-shadow:0 12px 28px rgba(69,215,174,.15)}.simpleGoalCancel{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border:1px solid #31506a;border-radius:11px;color:#a8bac7;font-size:11px;font-weight:600}.simpleGoalHint{padding-left:0;text-align:center}.profileOptionalEditor{border:1px solid #29465d;border-radius:14px;background:rgba(8,25,41,.6)}.profileOptionalEditor summary{padding:14px 16px;color:#b9c9d4;font-size:12px;font-weight:600;cursor:pointer}.profileOptionalBody{padding:0 16px 16px}@keyframes selectedAvatar{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(2deg)}}
@media(max-width:760px){.simpleGoalPage{width:calc(100% - 20px);padding-top:12px}.simpleGoalCard{padding:20px 15px;border-radius:20px}.simpleGoalBack{margin-bottom:20px}.simpleGoalCard h1{font-size:clamp(32px,10vw,43px);letter-spacing:-1.8px}.simpleGoalIntro{font-size:13px}.simpleGoalForm{grid-template-columns:1fr}.simpleGoalStep{grid-template-columns:30px minmax(0,1fr);padding:12px}.simpleGoalStepNo{display:grid;width:28px;height:28px}.simpleGoalForm>.avatarPicker,.simpleGoalActions,.profileOptionalEditor,.simpleGoalForm>.simpleGoalHint{grid-column:1}.avatarChoiceGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.avatarChoice{min-height:94px}.simpleGoalActions{flex-direction:row}.simpleGoalSave{width:auto;flex:1;min-width:0}.currentGoalBox{padding:14px 13px 14px 61px}.currentGoalBox:before{left:13px}.currentGoalTopic{font-size:18px}}
@media(max-width:420px){.avatarChoiceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.simpleGoalActions{flex-direction:column}.simpleGoalCancel{width:100%}}
@media(prefers-reduced-motion:reduce){.avatarChoice,.avatarChoice .quirkyAvatar,.avatarChoice:has(input:checked) .quirkyAvatar{animation:none!important;transition:none!important}}
/* Compact, dashboard-aligned learning-focus experience. */
.simpleGoalPage{width:min(1040px,calc(100% - 32px));padding:18px 0 42px}.simpleGoalCard{padding:22px 24px;border-radius:22px}.simpleGoalBack{min-height:30px;margin-bottom:16px;padding:5px 9px}.simpleGoalEyebrow{margin-bottom:5px}.simpleGoalCard h1{font-size:clamp(30px,4vw,44px);line-height:1.04;letter-spacing:-1.7px}.simpleGoalIntro{font-size:13px;line-height:1.5}.currentGoalBox{margin:16px 0 14px;padding:12px 15px 12px 62px;border-radius:14px}.currentGoalBox:before{left:14px;width:34px;height:34px}.currentGoalTopic{font-size:18px}.simpleGoalForm{gap:11px}.simpleGoalStep{padding:11px 12px;border-radius:14px}.simpleGoalStepNo{width:29px;height:29px;margin-top:21px}.simpleGoalField .input{min-height:43px}.simpleGoalForm>.avatarPicker{padding:14px 15px;border-radius:15px}.avatarChoiceGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:10px}.avatarChoice{min-height:84px;padding:7px 5px;border-radius:13px}.avatarChoice .quirkyAvatar{width:45px;height:45px;flex-basis:45px;border-radius:14px}.simpleGoalActions{margin-top:0}.simpleGoalSave,.simpleGoalCancel{min-height:41px}.simpleGoalSave{min-width:166px}
.prettySelect{position:relative}.prettySelectNative{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.prettySelectButton{width:100%;min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid #31536c;border-radius:11px;background:linear-gradient(180deg,#0b2133,#081a2a);color:#eef6fa;font:inherit;font-size:13px;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.prettySelectButton:hover,.prettySelectButton[aria-expanded="true"]{border-color:#63d9bb;background:#0d293b;box-shadow:0 0 0 3px rgba(99,217,187,.08)}.prettySelectButton:focus-visible{outline:2px solid #6ee2c2;outline-offset:2px}.prettySelectValue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prettySelectChevron{width:8px;height:8px;flex:none;border-right:1.5px solid #83ead0;border-bottom:1.5px solid #83ead0;transform:rotate(45deg) translateY(-2px);transition:transform .16s ease}.prettySelectButton[aria-expanded="true"] .prettySelectChevron{transform:rotate(225deg) translate(-2px,-2px)}.prettySelectMenu{position:absolute;z-index:40;top:calc(100% + 6px);left:0;right:0;max-height:230px;overflow:auto;padding:6px;border:1px solid #37637c;border-radius:12px;background:#0b2032;box-shadow:0 18px 42px rgba(0,0,0,.42);opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .14s ease,transform .14s ease,visibility .14s}.prettySelect.open .prettySelectMenu{opacity:1;visibility:visible;transform:none}.prettySelectOption{width:100%;display:flex;align-items:center;gap:9px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#bed0dc;font:inherit;font-size:13px;text-align:left;cursor:pointer}.prettySelectOption:hover,.prettySelectOption:focus-visible{outline:none;background:#12364a;color:#fff}.prettySelectOption[aria-selected="true"]{background:rgba(96,222,187,.13);color:#75e5c5}.prettySelectOption[aria-selected="true"]:before{content:"✓";color:#67dfbd;font-weight:700}.prettySelectOption:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){.simpleGoalPage{width:calc(100% - 16px);padding-top:8px}.simpleGoalCard{padding:16px 12px;border-radius:17px}.simpleGoalBack{margin-bottom:13px}.simpleGoalCard h1{font-size:clamp(27px,8.5vw,36px);letter-spacing:-1.2px}.currentGoalBox{margin:13px 0 11px}.simpleGoalStep{padding:10px}.avatarChoiceGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.avatarChoice{min-height:81px}.prettySelectMenu{position:fixed;left:12px;right:12px;top:auto;bottom:12px;max-height:min(55vh,360px);padding:8px;border-radius:16px;transform:translateY(12px)}.prettySelect.open .prettySelectMenu{transform:none}.prettySelectOption{min-height:44px}.simpleGoalActions{position:sticky;bottom:8px;z-index:15;padding:8px;border:1px solid rgba(62,98,124,.7);border-radius:13px;background:rgba(7,23,37,.92);backdrop-filter:blur(12px)}}
@media(max-width:420px){.avatarChoiceGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.avatarChoice .quirkyAvatar{width:40px;height:40px;flex-basis:40px}.avatarChoice>span:last-child{font-size:9px}}
/* Expressive avatars and overlap-safe dropdowns. */
.quirkyAvatar{animation:avatarBreathe 4s ease-in-out infinite}.qaFace{transform-origin:50% 65%;animation:avatarLook 6s ease-in-out infinite}.qaEye{transform-origin:center;animation:avatarBlink 4.6s infinite}.qaBrow{position:absolute;z-index:3;top:17px;width:9px;height:3px;border-top:2px solid rgba(12,17,39,.78);border-radius:50%}.qaBrowOne{left:18px;transform:rotate(-7deg)}.qaBrowTwo{right:18px;transform:rotate(7deg)}.qaNose{position:absolute;z-index:3;left:50%;top:31px;width:3px;height:5px;border-right:1.5px solid rgba(16,19,41,.45);border-bottom:1.5px solid rgba(16,19,41,.45);border-radius:0 0 3px;transform:translateX(-50%) rotate(8deg)}.qaCheek{position:absolute;z-index:2;top:33px;width:8px;height:4px;border-radius:50%;background:rgba(255,143,165,.34);filter:blur(.2px)}.qaCheekOne{left:12px}.qaCheekTwo{right:12px}.qaMouth{animation:avatarSmile 5.2s ease-in-out infinite}.avatarStyle-sunset .qaBrowOne{transform:rotate(8deg)}.avatarStyle-sunset .qaBrowTwo{transform:rotate(-8deg)}.avatarStyle-mint .qaFace{animation-name:avatarCurious}.avatarStyle-cosmic .qaBrowTwo{transform:rotate(-16deg)}.avatarStyle-candy .qaCheek{background:rgba(255,255,255,.48)}.avatarStyle-ocean .qaBrow{border-color:rgba(4,31,72,.8)}
.avatarChoice .qaBrow{top:11px;width:7px}.avatarChoice .qaBrowOne{left:12px}.avatarChoice .qaBrowTwo{right:12px}.avatarChoice .qaNose{top:23px;height:4px}.avatarChoice .qaCheek{top:25px;width:6px;height:3px}.avatarChoice .qaCheekOne{left:8px}.avatarChoice .qaCheekTwo{right:8px}.avatarChoice:hover .qaFace,.avatarChoice:focus-within .qaFace{animation-duration:2.2s}.avatarChoice:has(input:checked) .qaMouth{animation-duration:2.6s}
.messengerAvatarProfile .qaBrow{top:11px;width:7px}.messengerAvatarProfile .qaBrowOne{left:13px}.messengerAvatarProfile .qaBrowTwo{right:13px}.messengerAvatarProfile .qaNose{top:24px}.messengerAvatarProfile .qaCheek{top:27px;width:6px}.messengerAvatarProfile .qaCheekOne{left:9px}.messengerAvatarProfile .qaCheekTwo{right:9px}
.simpleGoalPage .prettySelectMenu{position:absolute;z-index:90;display:block;top:calc(100% + 6px);left:0;right:0;margin:0;max-height:190px;opacity:0;visibility:hidden;transform:translateY(-5px)}.simpleGoalPage .prettySelect.open .prettySelectMenu{opacity:1;visibility:visible;transform:none}.simpleGoalPage .simpleGoalStep:has(.prettySelect.open){z-index:80}.simpleGoalPage .avatarPicker{position:relative;z-index:1}
.registerQuickGoal .prettySelect{width:100%}.registerQuickGoal .prettySelectButton{min-height:48px;font-size:14px}.registerQuickGoal .prettySelectMenu{max-height:210px}.registerQuickGoal .field:has(.prettySelect.open){position:relative;z-index:30}
.registerQuick .authCard:has(.prettySelect.open){overflow:visible}.registerQuick .authCard:has(.prettySelect.open) .registerQuickHead{border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}.registerQuickGoal:has(.prettySelect.open){position:relative;z-index:45}.registerQuickGoal .prettySelectMenu{z-index:60;max-height:min(320px,42vh);overscroll-behavior:contain;scrollbar-color:#4c7890 #0a2032}.registerQuickSubmit{position:relative;z-index:1}
@keyframes avatarBlink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.08)}}@keyframes avatarBreathe{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-1.5px) rotate(.7deg)}}@keyframes avatarLook{0%,38%,100%{transform:translateX(0)}45%,58%{transform:translateX(1.5px)}65%,78%{transform:translateX(-1px)}}@keyframes avatarCurious{0%,100%{transform:rotate(0)}45%,65%{transform:rotate(-4deg)}}@keyframes avatarSmile{0%,100%{transform:scaleX(1)}45%,58%{transform:scaleX(1.12) translateY(-1px)}}
@media(prefers-reduced-motion:reduce){.quirkyAvatar,.qaFace,.qaEye,.qaMouth{animation:none!important}}
@media(max-width:760px){.simpleGoalPage .prettySelectMenu{position:fixed;z-index:200;left:12px;right:12px;top:auto;bottom:max(12px,env(safe-area-inset-bottom));max-height:min(46vh,300px);border-radius:16px;transform:translateY(12px);box-shadow:0 18px 52px rgba(0,0,0,.48)}.simpleGoalPage .prettySelect.open .prettySelectMenu{transform:none}.simpleGoalPage .prettySelectOption{min-height:44px}.simpleGoalPage:has(.prettySelect.open):after{content:"";position:fixed;z-index:190;inset:0;background:rgba(2,11,20,.16);pointer-events:none}}
@media(max-width:640px){.registerQuickGoal .prettySelectMenu{position:fixed;z-index:1400;left:10px;right:10px;top:auto;bottom:max(10px,env(safe-area-inset-bottom));max-height:min(52dvh,380px);border-radius:17px;box-shadow:0 22px 60px rgba(0,0,0,.58)}.registerQuickGoal .prettySelectOption{min-height:46px;padding:10px 12px}.registerQuick:has(.prettySelect.open):after{content:"";position:fixed;z-index:1390;inset:0;background:rgba(2,11,20,.2);pointer-events:none}}
/* Unified, compact connection actions */
.connectionAction{position:relative;isolation:isolate;min-width:136px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 13px;overflow:hidden;border:1px solid transparent;border-radius:12px;font:900 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.1px;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:0 10px 22px rgba(0,0,0,.16);transition:transform .17s ease,box-shadow .17s ease,filter .17s ease}.connectionAction:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 10%,rgba(255,255,255,.2) 45%,transparent 75%);transform:translateX(-120%);transition:transform .45s ease}.connectionAction:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 14px 28px rgba(0,0,0,.24)}.connectionAction:hover:not(:disabled):before{transform:translateX(120%)}.connectionAction:active:not(:disabled){transform:translateY(0)}.connectionAction:focus-visible{outline:3px solid rgba(116,225,198,.28);outline-offset:3px}.connectionAction>i:not(.connectionPulse),.connectionAction>b{font-size:14px;font-style:normal;line-height:1}.classAction{border-color:#79e8ca;background:linear-gradient(115deg,#67e2bc,#79dfd0);color:#071820;box-shadow:0 11px 24px rgba(74,216,175,.16)}.callAction{border-color:#7c83ef;background:linear-gradient(115deg,#765ff0,#438eea);color:#fff;box-shadow:0 11px 25px rgba(85,90,223,.25)}.joinAction{border-color:#eabf67;background:linear-gradient(115deg,#f0c76d,#e8a649);color:#211605;box-shadow:0 11px 24px rgba(224,164,65,.18)}.busyAction{border-color:#324d63;background:#102537;color:#7f95a7;box-shadow:none;cursor:not-allowed}.connectionPulse{position:relative;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#c9fff2;box-shadow:0 0 0 4px rgba(205,255,242,.12);animation:connectionPulse 1.8s ease-out infinite}.callAction b{margin-left:2px}.dashboardWonder .matchAside .tutorActions{display:flex;justify-content:flex-end}.dashboardWonder .dashboardCommunity .connectionAction{min-width:128px;min-height:38px;padding:8px 11px;font-size:9px}
@keyframes connectionPulse{0%{box-shadow:0 0 0 0 rgba(205,255,242,.3)}70%,100%{box-shadow:0 0 0 8px rgba(205,255,242,0)}}@media(prefers-reduced-motion:reduce){.connectionAction,.connectionAction:before,.connectionPulse{animation:none;transition:none}}
@media(max-width:680px){.dashboardWonder .matchAside .tutorActions{width:100%}.dashboardWonder .matchAside .connectionAction{width:100%;min-width:0}.dashboardWonder .dashboardCommunity .connectionAction{width:auto;min-width:120px}}
@media(max-width:430px){.dashboardWonder .dashboardCommunity .publicGoalCard>div:first-child{align-items:flex-start!important;flex-direction:column}.dashboardWonder .dashboardCommunity .connectionAction{width:100%;margin-top:7px}.connectionAction{min-height:40px;border-radius:11px}}
.dashboardWonder .matchAside .tutorActions{gap:8px;flex-wrap:wrap}.dashboardWonder .dashboardMatchesOnly .matchAside{min-width:390px}.dashboardWonder .dashboardMatchesOnly .matchAside .tutorActions{flex-wrap:nowrap}
@media(max-width:900px){.dashboardWonder .dashboardMatchesOnly .matchAside{min-width:0}.dashboardWonder .dashboardMatchesOnly .matchAside .tutorActions{flex-wrap:wrap}}
/* Tutor directory adopts the dashboard visual system */
.tutorDirectoryPage{width:min(1240px,calc(100% - 38px));max-width:none;padding:24px 0 58px}.tutorDirectoryPage .tutorDirectoryHero{min-height:176px;margin:0 0 16px;padding:29px 31px!important;border:1px solid rgba(82,125,158,.48)!important;border-radius:24px!important;background:radial-gradient(circle at 8% 0,rgba(65,175,255,.18),transparent 29%),radial-gradient(circle at 91% 12%,rgba(139,114,255,.2),transparent 34%),linear-gradient(130deg,#0d2940,#091a2d 55%,#151637)!important;box-shadow:0 24px 65px rgba(0,0,0,.24)!important}.tutorDirectoryPage .tutorDirectoryHero .simpleHero{height:100%;align-items:center}.tutorDirectoryPage .tutorDirectoryEyebrow{margin:0 0 7px;color:#68e4bd;font-size:8px;font-weight:950;line-height:1;letter-spacing:1.5px}.tutorDirectoryPage .tutorDirectoryHero h1{margin:0;color:#f6faff;font-size:clamp(31px,4vw,46px);line-height:1.04;letter-spacing:-2px}.tutorDirectoryPage .tutorDirectoryHero .simpleSub{max-width:680px;margin-top:8px;color:#9db2c4;font-size:12px;line-height:1.55}.tutorDirectoryPage .tutorDirectoryHero>.simpleMeta{margin-top:11px;color:#7891a5;font-size:9px}.tutorDirectoryPage .tutorDirectoryHero .simpleActions{align-items:center}.tutorDirectoryPage .tutorDirectoryHero .simpleBadge{min-height:32px;display:inline-flex;align-items:center;padding:7px 10px;border-color:#31536a!important;border-radius:10px;background:rgba(11,35,53,.68)!important;color:#b6c7d5!important;font-size:9px}.tutorDirectoryPage .simpleTutorGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}.tutorDirectoryPage .tutorDirectoryCard{min-height:0;padding:18px;border:1px solid #29485f;border-radius:18px;background:linear-gradient(150deg,#0d2234,#091827);box-shadow:0 17px 40px rgba(0,0,0,.15);transition:transform .17s ease,border-color .17s ease,background .17s ease}.tutorDirectoryPage .tutorDirectoryCard:hover,.tutorDirectoryPage .tutorDirectoryCard:focus-visible{transform:translateY(-2px);border-color:#477791;background:linear-gradient(150deg,#10283b,#0a1b2c)}.tutorDirectoryPage .tutorDirectoryTop{align-items:center;gap:12px}.tutorDirectoryPage .quirkyAvatar{width:58px;height:58px;flex-basis:58px;border-radius:18px}.tutorDirectoryPage .simpleTutorName{font-size:17px;line-height:1.1;letter-spacing:-.25px}.tutorDirectoryPage .tutorVerified{margin:3px 0 2px;font-size:8px;letter-spacing:.2px}.tutorDirectoryPage .tutorDirectoryIdentity .simpleMeta{font-size:10px;line-height:1.35}.tutorDirectoryPage .directoryPresence{padding:5px 7px;font-size:7px}.tutorDirectoryPage .simpleTags{gap:5px;margin-top:11px}.tutorDirectoryPage .simpleTag{padding:5px 7px!important;border-radius:8px!important;font-size:8px!important}.tutorDirectoryPage .simpleTutorDesc{min-height:34px;margin:10px 0;color:#91a6b7;font-size:10px;line-height:1.55}.tutorDirectoryPage .tutorDirectoryFacts{gap:7px}.tutorDirectoryPage .tutorDirectoryFacts span{min-height:52px;padding:8px;border-color:#29465d;border-radius:10px;background:#0a1d2d;font-size:8px}.tutorDirectoryPage .tutorDirectoryFacts b{margin-bottom:2px;font-size:10px}.tutorDirectoryPage .tutorDirectoryFoot{min-height:43px;margin-top:10px;padding-top:9px}.tutorDirectoryPage .tutorDirectoryFoot>span{font-size:8px}.tutorDirectoryPage .tutorDirectoryFoot b{min-height:32px;display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border:1px solid #72e3c3;border-radius:10px;background:linear-gradient(115deg,#62dfb9,#76ded0);color:#071820;font-size:9px;box-shadow:0 9px 20px rgba(75,215,176,.13)}.tutorDirectoryPage .tutorDirectoryFoot i{margin-left:5px;font-size:12px}.tutorDirectoryPage .simpleEmpty{grid-column:1/-1;padding:24px;border:1px dashed #31516b;border-radius:16px;background:#091827;text-align:center}
@media(min-width:901px){.tutorDirectoryPage .simpleTutorGrid:has(>:only-child){grid-template-columns:1fr}.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .tutorDirectoryCard{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:0 22px}.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .tutorDirectoryTop,.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .simpleTags,.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .simpleTutorDesc{grid-column:1}.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .tutorDirectoryFacts,.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .tutorDirectoryFoot{grid-column:2}.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .tutorDirectoryFacts{grid-row:1/3;align-self:start;margin-top:2px}.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .tutorDirectoryFoot{grid-row:3/5;align-self:end}.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .simpleTutorDesc{margin-bottom:0}}
@media(max-width:900px){.tutorDirectoryPage{width:calc(100% - 24px);padding-top:16px}.tutorDirectoryPage .simpleTutorGrid{grid-template-columns:1fr}.tutorDirectoryPage .tutorDirectoryHero{min-height:0;padding:23px!important}.tutorDirectoryPage .tutorDirectoryHero .simpleHero{align-items:flex-start}}
@media(max-width:560px){.tutorDirectoryPage{width:calc(100% - 20px);padding-top:12px}.tutorDirectoryPage .tutorDirectoryHero{padding:19px 17px!important;border-radius:20px!important}.tutorDirectoryPage .tutorDirectoryHero h1{font-size:31px}.tutorDirectoryPage .tutorDirectoryHero .simpleHero{gap:14px}.tutorDirectoryPage .tutorDirectoryHero .simpleActions{width:100%}.tutorDirectoryPage .tutorDirectoryHero .simpleBadge{width:auto}.tutorDirectoryPage .tutorDirectoryCard{padding:14px;border-radius:15px}.tutorDirectoryPage .tutorDirectoryTop{display:grid;grid-template-columns:auto minmax(0,1fr)}.tutorDirectoryPage .directoryPresence{grid-column:2;justify-self:start}.tutorDirectoryPage .tutorDirectoryFacts{grid-template-columns:1fr 1fr}.tutorDirectoryPage .tutorDirectoryFoot{align-items:center}.tutorDirectoryPage .tutorDirectoryFoot>span{max-width:45%}}
@media(max-width:390px){.tutorDirectoryPage .tutorDirectoryFacts{grid-template-columns:1fr}.tutorDirectoryPage .tutorDirectoryFoot{align-items:flex-start;flex-direction:column}.tutorDirectoryPage .tutorDirectoryFoot>span{max-width:100%}.tutorDirectoryPage .tutorDirectoryFoot b{width:100%}}
/* Tutor directory typography and hero aligned with the dashboard system. */
.tutorDirectoryPage{--dw-mint:#68e4bd;width:min(1240px,calc(100% - 38px));padding-top:24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif}.tutorDirectoryPage .tutorDirectoryHero{min-height:216px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);align-items:stretch;gap:22px;padding:30px 32px!important;border-radius:30px!important;background:radial-gradient(circle at 9% 3%,rgba(65,175,255,.21),transparent 29%),radial-gradient(circle at 84% 22%,rgba(139,114,255,.23),transparent 34%),linear-gradient(130deg,#0d2940 0%,#091a2d 51%,#151637 100%)!important;box-shadow:0 28px 80px rgba(0,0,0,.3)!important}.tutorDirectoryHeroCopy{align-self:center;min-width:0}.tutorDirectoryWelcome{margin:0 0 10px}.tutorDirectoryPage .tutorDirectoryHero h1{margin:0;color:#f7fbff;font-size:clamp(38px,4.4vw,56px);font-weight:650;line-height:1;letter-spacing:-2.4px}.tutorDirectoryPage .tutorDirectoryHero .simpleSub{max-width:680px;margin-top:12px;color:#a4b8ca;font-size:15px;font-weight:400;line-height:1.6}.tutorDirectoryEligibility{margin-top:12px;color:#7f98ab;font-size:13px;line-height:1.45}.tutorDirectoryHeroSide{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);align-content:center;align-items:center;gap:12px;padding:19px;border:1px solid rgba(106,147,180,.35);border-radius:20px;background:linear-gradient(155deg,rgba(16,45,65,.7),rgba(10,22,43,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.tutorDirectoryHeroIcon{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(104,228,189,.3);border-radius:14px;background:#12364b;color:#6fe3c1;font-size:18px}.tutorDirectoryHeroSide small{display:block;color:#7692a9;font-size:10px;font-weight:700;letter-spacing:1.1px}.tutorDirectoryHeroSide strong{display:block;margin-top:4px;color:#edf5fa;font-size:15px;font-weight:600;line-height:1.3}.tutorDirectoryHeroSide .simpleActions{grid-column:1/-1;width:100%;display:flex;align-items:center;gap:8px;margin-top:4px}.tutorDirectoryHeroSide .simpleActions .btn,.tutorDirectoryHeroSide .simpleActions form,.tutorDirectoryHeroSide .simpleActions form .btn{width:100%}.tutorDirectoryPage .tutorDirectoryHero .simpleBadge{min-height:38px;display:flex;align-items:center;justify-content:center;flex:1;padding:9px 11px;border-radius:11px;font-size:12px;font-weight:600;text-align:center}.tutorDirectoryHeroSide .btn{min-height:40px;border-radius:11px!important;font-size:13px;font-weight:650}
.tutorDirectoryPage .simpleTutorName{font-size:19px;font-weight:650}.tutorDirectoryPage .tutorVerified{margin-top:4px;font-size:11px;font-weight:650}.tutorDirectoryPage .tutorDirectoryIdentity .simpleMeta{font-size:13px;line-height:1.45}.tutorDirectoryPage .directoryPresence{padding:6px 9px;font-size:11px;font-weight:650}.tutorDirectoryPage .simpleTags{gap:7px;margin-top:13px}.tutorDirectoryPage .simpleTag{padding:6px 9px!important;font-size:11px!important;font-weight:500!important}.tutorDirectoryPage .simpleTutorDesc{min-height:42px;margin:12px 0;color:#95aabd;font-size:13px;line-height:1.55}.tutorDirectoryPage .tutorDirectoryFacts{gap:9px}.tutorDirectoryPage .tutorDirectoryFacts span{min-height:62px;padding:11px;color:#849bad;font-size:11px;line-height:1.4}.tutorDirectoryPage .tutorDirectoryFacts b{margin-bottom:3px;color:#dce8f0;font-size:13px;font-weight:600}.tutorDirectoryPage .tutorDirectoryFoot{min-height:48px;margin-top:12px;padding-top:11px}.tutorDirectoryPage .tutorDirectoryFoot>span{font-size:11px}.tutorDirectoryPage .tutorDirectoryFoot b{min-height:36px;padding:8px 11px;font-size:12px;font-weight:650}
@media(max-width:900px){.tutorDirectoryPage .tutorDirectoryHero{grid-template-columns:1fr;min-height:0;gap:15px;padding:25px!important}.tutorDirectoryHeroSide{grid-template-columns:42px minmax(0,1fr)}.tutorDirectoryHeroSide .simpleActions{width:auto;justify-self:start}.tutorDirectoryHeroSide .simpleActions .btn,.tutorDirectoryHeroSide .simpleActions form,.tutorDirectoryHeroSide .simpleActions form .btn{width:auto}}
@media(max-width:560px){.tutorDirectoryPage{width:calc(100% - 20px);padding-top:12px}.tutorDirectoryPage .tutorDirectoryHero{gap:13px;padding:20px 17px!important;border-radius:22px!important}.tutorDirectoryWelcome{margin-bottom:9px}.tutorDirectoryPage .tutorDirectoryHero h1{font-size:clamp(32px,10vw,40px);letter-spacing:-1.6px}.tutorDirectoryPage .tutorDirectoryHero .simpleSub{margin-top:9px;font-size:14px;line-height:1.5}.tutorDirectoryEligibility{font-size:12px}.tutorDirectoryHeroSide{padding:14px;border-radius:16px}.tutorDirectoryHeroSide .simpleActions{width:100%}.tutorDirectoryHeroSide .simpleActions .btn,.tutorDirectoryHeroSide .simpleActions form,.tutorDirectoryHeroSide .simpleActions form .btn{width:100%}.tutorDirectoryPage .tutorDirectoryCard{padding:16px}.tutorDirectoryPage .simpleTutorName{font-size:18px}.tutorDirectoryPage .tutorDirectoryIdentity .simpleMeta{font-size:13px}.tutorDirectoryPage .simpleTutorDesc{font-size:13px}.tutorDirectoryPage .tutorDirectoryFoot{align-items:stretch;flex-direction:column}.tutorDirectoryPage .tutorDirectoryFoot>span{max-width:100%;white-space:normal}.tutorDirectoryPage .tutorDirectoryFoot b{width:100%}}
/* Refined compact tutor result cards */
.tutorDirectoryPage .tutorDirectoryCard{padding:16px;border-radius:17px;background:radial-gradient(circle at 100% 0,rgba(80,139,255,.07),transparent 34%),linear-gradient(150deg,#0d2234,#091827)}.tutorDirectoryPage .tutorDirectoryTop{align-items:flex-start}.tutorDirectoryPage .directoryPresence{margin-left:auto}.tutorDirectoryPage .tutorDirectoryFacts span{display:flex;min-height:54px;flex-direction:column;justify-content:center}.tutorDirectoryPage .tutorDirectoryFoot b{gap:5px;transition:transform .16s ease,box-shadow .16s ease}.tutorDirectoryPage .tutorDirectoryCard:hover .tutorDirectoryFoot b{transform:translateX(2px);box-shadow:0 12px 25px rgba(75,215,176,.2)}
@media(min-width:901px){.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .tutorDirectoryCard{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-content:start;gap:0 20px;padding:17px}.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .tutorDirectoryFacts{grid-row:1/3;margin:0}.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .tutorDirectoryFoot{grid-row:3/5;align-self:start;margin-top:10px}.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .simpleTutorDesc{min-height:0;margin:10px 0 0}}
@media(max-width:900px){.tutorDirectoryPage .tutorDirectoryCard{padding:16px}.tutorDirectoryPage .tutorDirectoryFacts{grid-template-columns:1fr 1fr}.tutorDirectoryPage .tutorDirectoryFoot{align-items:center}}
@media(max-width:560px){.tutorDirectoryPage .tutorDirectoryCard{padding:14px}.tutorDirectoryPage .quirkyAvatar{width:52px;height:52px;flex-basis:52px}.tutorDirectoryPage .simpleTags{margin-top:11px}.tutorDirectoryPage .simpleTutorDesc{min-height:0;margin:10px 0}.tutorDirectoryPage .tutorDirectoryFacts span{min-height:50px}.tutorDirectoryPage .tutorDirectoryFoot{gap:10px}.tutorDirectoryPage .tutorDirectoryFoot b{min-height:42px}}
@media(max-width:390px){.tutorDirectoryPage .tutorDirectoryTop{grid-template-columns:52px minmax(0,1fr)}.tutorDirectoryPage .directoryPresence{grid-column:2;margin-left:0}.tutorDirectoryPage .tutorDirectoryFacts{grid-template-columns:1fr}.tutorDirectoryPage .tutorDirectoryFoot{align-items:stretch}}
/* Compact learner class hub */
.learnerClassesPage{width:min(1240px,calc(100% - 38px));padding:24px 0 58px}.learnerClassesHero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;padding:25px 28px;border:1px solid rgba(82,125,158,.48);border-radius:23px;background:radial-gradient(circle at 5% 0,rgba(65,175,255,.16),transparent 32%),radial-gradient(circle at 94% 20%,rgba(139,114,255,.18),transparent 34%),linear-gradient(130deg,#0d2940,#091a2d 56%,#151637)}.learnerClassesEyebrow{margin-bottom:7px;color:#68e4bd;font-size:8px;font-weight:950;letter-spacing:1.55px}.learnerClassesHero h1{margin:0;color:#f7fbff;font-size:clamp(31px,4vw,45px);line-height:1;letter-spacing:-1.8px}.learnerClassesHero p{max-width:630px;margin:8px 0 0;color:#98aec0;font-size:12px;line-height:1.55}.learnerClassStats{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.learnerClassStat{min-width:86px;padding:10px 12px;border:1px solid #31516a;border-radius:12px;background:rgba(7,25,41,.62)}.learnerClassStat b{display:block;color:#f2f8fb;font-size:19px;line-height:1}.learnerClassStat span{display:block;margin-top:4px;color:#7f98aa;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.learnerClassSection{padding:22px;border:1px solid #29465e;border-radius:21px;background:linear-gradient(155deg,#0c2032,#091725)}.learnerClassSectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}.learnerClassSectionHead h2{margin:0;color:#f5f9fc;font-size:21px;letter-spacing:-.5px}.learnerClassSectionHead p{margin:4px 0 0;color:#8199ab;font-size:10px}.learnerClassList{display:grid;gap:9px}.learnerClassCard{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:15px 16px;border:1px solid #294a62;border-radius:15px;background:linear-gradient(145deg,#0d2234,#091929)}.learnerClassIdentity{display:flex;align-items:center;gap:13px;min-width:0}.learnerClassIcon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid #37627c;border-radius:14px;background:linear-gradient(145deg,#153c56,#1b2e59);color:#70e3c1;font-size:16px}.learnerClassCopy{min-width:0}.learnerClassCopy h3{margin:0;color:#f2f7fb;font-size:15px}.learnerClassTutor{margin-top:3px;color:#8fa6b8;font-size:9px}.learnerClassMeta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.learnerClassMeta span{padding:5px 7px;border:1px solid #294961;border-radius:8px;background:#091a2a;color:#a7bbca;font-size:8px;font-weight:750}.learnerClassActions{min-width:190px;display:flex;align-items:center;justify-content:flex-end;gap:9px}.learnerClassState{display:inline-flex;align-items:center;gap:6px;color:#78ddbd;font-size:9px;font-weight:900;white-space:nowrap}.learnerClassState:before{content:"";width:7px;height:7px;border-radius:50%;background:#64dfb8}.learnerClassState.pending{color:#d7bd7d}.learnerClassState.pending:before{background:#e5b95d}.learnerClassState.live{color:#84edce}.learnerClassState.live:before{background:#6be5be;box-shadow:0 0 0 5px rgba(107,229,190,.09);animation:connectionPulse 1.8s ease-out infinite}.learnerClassEmpty{min-height:130px;display:grid;place-items:center;padding:24px;border:1px dashed #31516b;border-radius:16px;background:#091827;text-align:center}.learnerClassEmpty b{display:block;color:#e6eef5;font-size:14px}.learnerClassEmpty span{display:block;margin-top:5px;color:#8299ab;font-size:10px}.learnerClassEmpty a{margin-top:13px}.learnerPendingSection{margin-top:14px}.learnerPendingSection .learnerClassCard{opacity:.88}.learnerLegacyNote{margin-top:12px;color:#617b8e;font-size:8px;text-align:center}
.learnerClassesPage{--dw-mint:#68e4bd;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif}.learnerClassesWelcome{margin-bottom:0}.learnerClassesHero{padding:27px 30px;border-radius:24px}.learnerClassesHero>div:first-child{min-width:0}.learnerClassesHero h1{margin:11px 0 9px;font-size:clamp(35px,4vw,51px);font-weight:650;line-height:1.02;letter-spacing:-2.7px}.learnerClassesHero p{max-width:720px;margin:0;color:#a4b8ca;font-size:13px;font-weight:400;line-height:1.55}.learnerClassStats{gap:11px}.learnerClassStat{min-width:0;display:flex;align-items:center;gap:6px;padding:8px 11px;border-color:rgba(83,133,165,.42);border-radius:999px;background:rgba(6,22,37,.46)}.learnerClassStat b{display:inline;margin:0;color:#f2f8fb;font-size:12px;line-height:1}.learnerClassStat span{display:inline;margin:0;color:#89a1b5;font-size:10px;font-weight:750;letter-spacing:0;text-transform:none}
@media(max-width:760px){.learnerClassesPage{width:calc(100% - 20px);padding-top:12px}.learnerClassesHero{align-items:flex-start;flex-direction:column;padding:20px 17px;border-radius:23px}.learnerClassesHero h1{margin:11px 0 9px;font-size:clamp(31px,9.5vw,43px);line-height:1.03;letter-spacing:-2.2px}.learnerClassesHero p{font-size:13px;line-height:1.5}.learnerClassStats{width:100%;justify-content:flex-start;gap:6px}.learnerClassStat{flex:0 0 auto;padding:6px 8px}.learnerClassSection{padding:15px;border-radius:17px}.learnerClassCard{grid-template-columns:1fr;padding:14px}.learnerClassActions{min-width:0;width:100%;justify-content:space-between;padding-left:57px}.learnerClassActions .connectionAction{min-width:145px}.learnerClassSectionHead{align-items:flex-start;flex-direction:column}}@media(max-width:440px){.learnerClassesHero h1{font-size:34px;white-space:normal}.learnerClassIdentity{align-items:flex-start}.learnerClassActions{padding-left:0;align-items:stretch;flex-direction:column}.learnerClassActions .connectionAction{width:100%}.learnerClassState{align-self:flex-start}}
/* One compact dashboard language for learner and tutor profiles */
.profileUnified{--profile-accent:#68e4bd;--profile-blue:#57a8ff;--profile-line:rgba(73,121,156,.46);width:min(1240px,calc(100% - 38px));max-width:none;padding:24px 0 56px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif}.profileUnified h1,.profileUnified h2,.profileUnified h3,.profileUnified .simpleName,.profileUnified .proProfileName{font-family:inherit;font-weight:900;letter-spacing:-.04em}.profileUnified .simpleCard{border-color:var(--profile-line);background:linear-gradient(150deg,#0d2234,#091827);box-shadow:0 16px 42px rgba(0,0,0,.15)}
.profileUnified.tutorProfileV3 .tutorProfileHero{border-radius:22px;background:radial-gradient(circle at 7% 0,rgba(73,169,255,.16),transparent 29%),radial-gradient(circle at 92% 10%,rgba(129,105,255,.18),transparent 33%),linear-gradient(130deg,#0d2940,#091a2d 57%,#151637)}.profileUnified.tutorProfileV3 .tutorProfileHero:after{right:-130px;bottom:-230px;width:350px;height:350px}.profileUnified .tutorProfileHeroMain{min-height:150px;padding:23px 26px;gap:20px}.profileUnified .tutorProfileIdentity{gap:15px}.profileUnified.tutorProfileV3 .simpleAvatar{width:68px;height:68px;flex-basis:68px;border-radius:20px;font-size:23px}.profileUnified .tutorProfileEyebrow{margin-bottom:4px;font-size:8px;letter-spacing:1.25px}.profileUnified .tutorProfileEyebrow:before{width:16px;height:16px;font-size:9px}.profileUnified.tutorProfileV3 .simpleName{font-size:clamp(29px,3.3vw,40px);letter-spacing:-1.6px}.profileUnified.tutorProfileV3 .simpleSub{margin-top:4px;font-size:12px}.profileUnified .tutorLiveLine{margin-top:9px;font-size:9px}.profileUnified .tutorProfilePrimaryAction{min-width:170px;gap:6px}.profileUnified .tutorProfilePrimaryAction .btn{min-height:41px;padding:9px 12px;font-size:10px;border-radius:11px}.profileUnified .tutorProfilePrimaryAction small{font-size:8px}.profileUnified .tutorTrustItem{padding:12px 17px}.profileUnified .tutorTrustItem span{font-size:7px;letter-spacing:.75px}.profileUnified .tutorTrustItem b{margin-top:3px;font-size:12px}.profileUnified .tutorProfileContent{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:12px;margin-top:12px}.profileUnified .tutorValueCard,.profileUnified .tutorFactsCard{padding:18px!important}.profileUnified .tutorSectionLabel{font-size:8px;letter-spacing:1.15px}.profileUnified.tutorProfileV3 h2{margin:4px 0 9px;font-size:19px}.profileUnified.tutorProfileV3 .simpleTutorDesc{font-size:11px;line-height:1.65}.profileUnified.tutorProfileV3 .simpleTags{gap:6px;margin-top:13px}.profileUnified.tutorProfileV3 .simpleTag{padding:6px 8px;font-size:9px}.profileUnified .tutorFact{grid-template-columns:31px minmax(0,1fr);gap:9px;padding:9px 0}.profileUnified .tutorFactIcon{width:31px;height:31px;border-radius:10px;font-size:12px}.profileUnified .tutorFact span{font-size:7px}.profileUnified .tutorFact b{margin-top:2px;font-size:10px;line-height:1.35}.profileUnified .tutorBookingGuide{margin-top:12px;padding:17px 18px;border-radius:16px}.profileUnified .tutorBookingGuideHead{align-items:center}.profileUnified .tutorBookingGuideHead p{font-size:9px}.profileUnified .tutorBookingSteps{gap:7px;margin-top:11px}.profileUnified .tutorBookingStep{min-height:64px;padding:10px 10px 10px 39px;border-radius:11px}.profileUnified .tutorBookingStep i{left:9px;top:9px;width:22px;height:22px;font-size:9px}.profileUnified .tutorBookingStep b{font-size:9px}.profileUnified .tutorBookingStep span{margin-top:2px;font-size:8px;line-height:1.35}.profileUnified.tutorProfileV3 .tutorProfileClasses{margin-top:17px;padding:18px;border:1px solid var(--profile-line);border-radius:18px;background:linear-gradient(150deg,#0c2032,#091725)}.profileUnified.tutorProfileV3 .classHubHead h2{font-size:20px}.profileUnified.tutorProfileV3 .classHubHead p{font-size:9px}.profileUnified.tutorProfileV3 .simpleEmpty{padding:20px;font-size:10px}
.profileUnified.profilePageV2{width:min(1240px,calc(100% - 38px));padding-top:24px}.profileUnified .proProfileTop{grid-template-columns:minmax(0,1fr) 240px;gap:12px;margin-bottom:12px}.profileUnified .proProfileHero{min-height:154px;padding:22px!important;grid-template-columns:minmax(0,1.2fr) minmax(205px,.65fr) auto;gap:19px;border-radius:20px}.profileUnified .proProfileAvatar{width:66px;height:66px;flex-basis:66px;border-radius:20px;font-size:23px}.profileUnified .proProfileIdentity{gap:15px}.profileUnified .proProfileEyebrow{margin-bottom:4px;font-size:8px}.profileUnified .proProfileName{font-size:clamp(28px,3.2vw,39px)}.profileUnified .proProfileMeta{margin-top:5px;font-size:11px}.profileUnified .proProfileBadge{margin-top:7px;padding:4px 8px;font-size:8px}.profileUnified .proCompleteness{padding:3px 18px}.profileUnified .proCompletenessHead{font-size:9px}.profileUnified .proCompletenessRail{height:5px;margin:8px 0}.profileUnified .proCompleteness p{font-size:8px}.profileUnified .proProfileActions{min-width:170px;gap:6px}.profileUnified .proProfilePrimary,.profileUnified .proProfileSecondary{min-height:38px!important;font-size:9px!important}.profileUnified .proActivityCard{padding:17px!important}.profileUnified .proActivityIcon{width:34px;height:34px;border-radius:11px;font-size:15px}.profileUnified .proActivityCount{min-width:27px;height:27px;font-size:9px}.profileUnified .proActivityCard h2{margin:9px 0 2px!important;font-size:14px!important}.profileUnified .proActivityCard p,.profileUnified .proActivityLink{font-size:9px}.profileUnified .proActivityLink{margin-top:12px}.profileUnified .proLearningCard{padding:19px!important}.profileUnified .proLearningHead h2{font-size:18px!important}.profileUnified .proLearningHead p{font-size:9px}.profileUnified .proProgressRing{width:61px;height:61px}.profileUnified .proProgressRing b{font-size:14px}.profileUnified .proContinueBtn{min-height:37px!important;font-size:9px!important}.profileUnified .proLearningRail{height:5px;margin:12px 0 14px}.profileUnified.profilePageV2 .proMetric{min-height:92px;padding:12px!important}.profileUnified .proMetricIcon{width:26px;height:26px;margin-bottom:10px;border-radius:8px;font-size:10px}.profileUnified .proMetric span{font-size:8px}.profileUnified .proMetric b{margin-top:4px;font-size:17px}.profileUnified .proProfileLower{gap:12px;margin:12px 0}.profileUnified .proInfoCard,.profileUnified .proNextCard{min-height:135px;padding:16px!important}.profileUnified .proInfoIcon{width:29px;height:29px;border-radius:9px}.profileUnified .proInfoCard h2,.profileUnified .proNextCard h2{font-size:14px!important}.profileUnified .proInfoCard .simpleMeta,.profileUnified .proNextCard p{font-size:8px}.profileUnified .proInfoCard .simpleTags{margin-top:11px}.profileUnified .proResumeBtn{min-height:34px!important;font-size:9px!important}.profileUnified>section.simpleCard,.profileUnified>#profile-requests{padding:18px!important;border-radius:18px}
@media(max-width:900px){.profileUnified .tutorProfileContent{grid-template-columns:1fr}.profileUnified .proProfileTop{grid-template-columns:1fr}.profileUnified .proActivityCard{min-height:86px}.profileUnified .proProfileHero{grid-template-columns:minmax(0,1fr) minmax(190px,.6fr)}.profileUnified .proProfileActions{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:680px){.profileUnified{width:calc(100% - 20px);padding:12px 0 42px}.profileUnified .tutorProfileHeroMain{grid-template-columns:1fr;padding:18px 16px}.profileUnified .tutorProfilePrimaryAction{width:100%}.profileUnified .tutorTrustStrip{grid-template-columns:1fr 1fr}.profileUnified .tutorTrustItem{padding:11px}.profileUnified .tutorValueCard,.profileUnified .tutorFactsCard,.profileUnified .tutorBookingGuide{padding:15px!important}.profileUnified .tutorBookingGuideHead{align-items:flex-start}.profileUnified .tutorBookingSteps{grid-template-columns:1fr}.profileUnified.tutorProfileV3 .tutorProfileClasses{padding:15px}.profileUnified .proProfileHero{grid-template-columns:1fr;padding:18px!important}.profileUnified .proCompleteness{padding:13px 0 0;border-left:0;border-top:1px solid rgba(80,125,157,.38)}.profileUnified .proProfileActions{grid-template-columns:1fr}.profileUnified.profilePageV2 .proMetricGrid{grid-template-columns:1fr 1fr}.profileUnified .proProfileLower{grid-template-columns:1fr}.profileUnified .proNextCard{grid-column:auto}}
@media(max-width:420px){.profileUnified .tutorProfileIdentity,.profileUnified .proProfileIdentity{align-items:flex-start}.profileUnified.tutorProfileV3 .simpleAvatar,.profileUnified .proProfileAvatar{width:54px;height:54px;flex-basis:54px;border-radius:16px}.profileUnified.tutorProfileV3 .simpleName,.profileUnified .proProfileName{font-size:25px}.profileUnified .tutorTrustItem b{font-size:10px}.profileUnified .tutorProfilePrimaryAction .btn{width:100%}.profileUnified.profilePageV2 .proMetricGrid{gap:7px}.profileUnified.profilePageV2 .proMetric{min-height:86px}}
/* Profile V4: structural compact layout, not legacy visual overrides */
.profileUnified{font-family:"Avenir Next","Segoe UI",Inter,-apple-system,BlinkMacSystemFont,sans-serif}.profileUnified .btn,.profileUnified button{font-family:inherit}.profileUnified .btn{min-height:38px;padding:9px 13px;border-radius:11px;font-size:9px;font-weight:900;letter-spacing:.01em}.profileUnified .profilePrimaryBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #79e8ca!important;background:linear-gradient(115deg,#67e2bc,#79dfd0)!important;color:#071820!important;box-shadow:0 10px 22px rgba(74,216,175,.16)!important}.profileUnified .profileSecondaryBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #355a74!important;background:#10283b!important;color:#c9d8e4!important;box-shadow:none!important}.profileUnified .profilePrimaryBtn i,.profileUnified .profileSecondaryBtn i{font-style:normal;font-size:13px}.tpCompactHero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px 22px!important;border-radius:20px!important;background:radial-gradient(circle at 7% 0,rgba(73,169,255,.16),transparent 31%),radial-gradient(circle at 94% 12%,rgba(129,105,255,.16),transparent 34%),linear-gradient(130deg,#0d2940,#091a2d 58%,#151637)!important}.tpCompactHero:after{content:"";position:absolute;right:-80px;bottom:-150px;width:280px;height:280px;border:1px solid rgba(104,228,189,.11);border-radius:50%;box-shadow:0 0 0 45px rgba(104,228,189,.02)}.tpCompactIdentity{position:relative;z-index:1;display:flex;align-items:center;gap:14px;min-width:0}.tpCompactIdentity .simpleAvatar{width:62px!important;height:62px!important;flex-basis:62px!important;border-radius:19px!important;font-size:21px!important}.tpCompactCopy{min-width:0}.tpCompactEyebrow{display:flex;align-items:center;gap:6px;color:#68e4bd;font-size:7px;font-weight:950;letter-spacing:1.25px;text-transform:uppercase}.tpCompactEyebrow i{width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:#17483e;font-style:normal;font-size:8px}.tpCompactName{margin-top:4px;color:#f7fbff;font-size:clamp(27px,3vw,36px);font-weight:950;line-height:1;letter-spacing:-1.7px}.tpCompactHeadline{margin-top:5px;color:#a6bac9;font-size:10px}.tpCompactPresence{display:inline-flex;align-items:center;gap:6px;margin-top:7px;color:#839aab;font-size:8px;font-weight:850}.tpCompactPresence:before{content:"";width:7px;height:7px;border-radius:50%;background:#657b8d}.tpCompactPresence.online{color:#72e2c1}.tpCompactPresence.online:before{background:#63dfba;box-shadow:0 0 0 4px rgba(99,223,186,.09)}.tpCompactAction{position:relative;z-index:1;display:flex;align-items:center;gap:9px}.tpCompactAction small{max-width:150px;color:#7890a3;font-size:7px;line-height:1.4}.tpCompactMetrics{grid-column:1/-1;position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding-top:13px;border-top:1px solid rgba(73,117,148,.34)}.tpCompactMetric{min-width:0;padding:9px 10px;border:1px solid rgba(59,96,123,.54);border-radius:10px;background:rgba(6,22,37,.45)}.tpCompactMetric span{display:block;color:#7790a4;font-size:6px;font-weight:900;letter-spacing:.75px;text-transform:uppercase}.tpCompactMetric b{display:block;margin-top:3px;overflow:hidden;color:#eaf2f8;font-size:10px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.tpCompactBody{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);gap:11px;margin-top:11px}.tpCompactCard{padding:16px!important;border-radius:16px!important}.tpCompactLabel{color:#68e4bd;font-size:7px;font-weight:950;letter-spacing:1.15px;text-transform:uppercase}.tpCompactCard h2{margin:4px 0 7px!important;font-size:17px!important}.tpCompactBio{margin:0;color:#a5b8c7;font-size:10px;line-height:1.55}.tpCompactTags{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px}.tpCompactTags .simpleTag{padding:5px 7px!important;border-radius:8px!important;font-size:8px!important}.tpCompactFacts{display:grid;gap:6px;margin-top:8px}.tpCompactFact{display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(64,100,127,.28)}.tpCompactFact:last-child{border-bottom:0}.tpCompactFact i{width:27px;height:27px;display:grid;place-items:center;border:1px solid #2d536d;border-radius:9px;background:#0e293d;color:#68e4bd;font-style:normal;font-size:10px}.tpCompactFact span{display:block;color:#7890a3;font-size:6px;font-weight:900;letter-spacing:.55px;text-transform:uppercase}.tpCompactFact b{display:block;margin-top:2px;color:#dbe7ef;font-size:9px;line-height:1.3}.tpBookingBar{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:8px;align-items:center;margin-top:11px;padding:12px 14px;border:1px solid var(--profile-line);border-radius:15px;background:linear-gradient(150deg,#0c2032,#091725)}.tpBookingIntro{padding-right:8px}.tpBookingIntro span{color:#68e4bd;font-size:6px;font-weight:950;letter-spacing:1px;text-transform:uppercase}.tpBookingIntro b{display:block;margin-top:3px;font-size:12px}.tpBookingItem{display:flex;align-items:center;gap:7px;padding:7px 9px;border-left:1px solid #29465c}.tpBookingItem i{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border-radius:7px;background:#123c3a;color:#70dfbf;font-style:normal;font-size:8px;font-weight:950}.tpBookingItem b{display:block;font-size:8px}.tpBookingItem span{display:block;margin-top:1px;color:#7890a3;font-size:7px}.tpCompactClasses{margin-top:11px!important;padding:16px!important;border-radius:17px!important}.tpCompactClasses .classHubHead{margin-bottom:10px}.tpCompactClasses .classHubHead h2{font-size:18px!important}.tpCompactClasses .classHubHead p{font-size:8px!important}.tpCompactClasses .classHubCard{padding:12px 13px!important}.tpCompactClasses .classHubCardTitle{font-size:13px}.profileUnified.profilePageV2 .proProfilePrimary,.profileUnified.profilePageV2 .proContinueBtn,.profileUnified.profilePageV2 .proResumeBtn{border-color:#79e8ca!important;background:linear-gradient(115deg,#67e2bc,#79dfd0)!important;color:#071820!important;box-shadow:0 10px 22px rgba(74,216,175,.14)!important}.profileUnified.profilePageV2 .proProfileSecondary{border-color:#355a74!important;background:#10283b!important;color:#c9d8e4!important}.profileUnified.profilePageV2 .proProfileName{font-family:inherit;font-weight:950}.profileUnified.profilePageV2 .proLearningCard,.profileUnified.profilePageV2 .proProfileHero,.profileUnified.profilePageV2 .proActivityCard,.profileUnified.profilePageV2 .proInfoCard,.profileUnified.profilePageV2 .proNextCard{border-radius:17px!important}
@media(max-width:820px){.tpCompactHero{grid-template-columns:1fr}.tpCompactAction{justify-content:flex-start}.tpCompactMetrics{grid-template-columns:1fr 1fr}.tpCompactBody{grid-template-columns:1fr}.tpBookingBar{grid-template-columns:1fr 1fr}.tpBookingIntro{grid-column:1/-1}.tpBookingItem{border-left:0;border-top:1px solid #29465c}.tpBookingItem:last-child{grid-column:1/-1}}
@media(max-width:520px){.tpCompactHero{padding:16px!important}.tpCompactIdentity{align-items:flex-start}.tpCompactIdentity .simpleAvatar{width:52px!important;height:52px!important;flex-basis:52px!important;border-radius:16px!important}.tpCompactName{font-size:25px}.tpCompactAction{align-items:stretch;flex-direction:column}.tpCompactAction .btn{width:100%}.tpCompactAction small{text-align:center;max-width:none}.tpCompactMetrics{gap:5px;padding-top:10px}.tpCompactMetric{padding:8px}.tpCompactMetric b{font-size:9px}.tpCompactBody{gap:8px}.tpCompactCard,.tpCompactClasses{padding:13px!important}.tpBookingBar{grid-template-columns:1fr}.tpBookingIntro,.tpBookingItem:last-child{grid-column:auto}.tpBookingItem{padding:7px 0}.profileUnified .btn{width:100%}}
/* Accessible profile typography: readable without sacrificing compact structure */
.profileUnified{font-size:16px;line-height:1.5}.profileUnified .btn,.profileUnified button{min-height:44px;padding:10px 15px;font-size:14px;line-height:1.2}.profileUnified .profilePrimaryBtn i,.profileUnified .profileSecondaryBtn i{font-size:16px}.tpCompactEyebrow{font-size:12px;letter-spacing:1.1px}.tpCompactEyebrow i{width:19px;height:19px;font-size:11px}.tpCompactName{font-size:clamp(32px,3.4vw,42px)}.tpCompactHeadline{font-size:15px}.tpCompactPresence{font-size:13px}.tpCompactAction small{max-width:190px;font-size:12px;line-height:1.45}.tpCompactMetric{padding:11px 12px}.tpCompactMetric span{font-size:11px;letter-spacing:.55px}.tpCompactMetric b{margin-top:4px;font-size:15px}.tpCompactLabel{font-size:12px;letter-spacing:1px}.tpCompactCard h2{font-size:22px!important}.tpCompactBio{font-size:15px;line-height:1.65}.tpCompactTags .simpleTag{padding:7px 10px!important;font-size:13px!important}.tpCompactFact{grid-template-columns:36px minmax(0,1fr);gap:11px;padding:10px 0}.tpCompactFact i{width:36px;height:36px;font-size:14px}.tpCompactFact span{font-size:11px;letter-spacing:.45px}.tpCompactFact b{font-size:14px;line-height:1.4}.tpBookingIntro span{font-size:11px}.tpBookingIntro b{font-size:16px}.tpBookingItem i{width:25px;height:25px;flex-basis:25px;font-size:11px}.tpBookingItem b{font-size:13px}.tpBookingItem span{font-size:12px}.tpCompactClasses .classHubHead h2{font-size:22px!important}.tpCompactClasses .classHubHead p{font-size:13px!important}.tpCompactClasses .classHubCardTitle{font-size:16px}.tpCompactClasses .classHubTutor{font-size:12px}.tpCompactClasses .classHubMeta span{font-size:11px}
.profileUnified .proProfileEyebrow{font-size:12px}.profileUnified .proProfileMeta{font-size:15px}.profileUnified .proProfileBadge{padding:6px 10px;font-size:12px}.profileUnified .proCompletenessHead{font-size:13px}.profileUnified .proCompleteness p{font-size:12px;line-height:1.5}.profileUnified .proProfilePrimary,.profileUnified .proProfileSecondary{min-height:44px!important;font-size:14px!important}.profileUnified .proActivityCard h2{font-size:19px!important}.profileUnified .proActivityCard p{font-size:14px;line-height:1.45}.profileUnified .proActivityLink{font-size:13px}.profileUnified .proActivityCount{font-size:12px}.profileUnified .proLearningHead h2{font-size:24px!important}.profileUnified .proLearningHead p{font-size:14px}.profileUnified .proProgressRing b{font-size:17px}.profileUnified .proContinueBtn{min-height:44px!important;font-size:14px!important}.profileUnified .proMetric span{font-size:13px}.profileUnified .proMetric b{font-size:23px}.profileUnified .proInfoCard h2,.profileUnified .proNextCard h2{font-size:19px!important}.profileUnified .proInfoCard .simpleMeta,.profileUnified .proNextCard p{font-size:13px;line-height:1.5}.profileUnified .proNextEyebrow{font-size:12px}.profileUnified .proResumeBtn{min-height:42px!important;font-size:13px!important}.profileUnified .proInfoCard .simpleTag{font-size:14px!important}.profileUnified .profileEmptyHint{font-size:13px}.profileUnified>section.simpleCard .simpleSectionHead h2,.profileUnified #profile-requests h2{font-size:21px}.profileUnified>section.simpleCard .simpleSub,.profileUnified #profile-requests .simpleSub,.profileUnified>section.simpleCard .simpleMeta{font-size:14px;line-height:1.5}.profileUnified .simpleBadge{font-size:13px}
@media(max-width:680px){.profileUnified{font-size:16px}.profileUnified .btn,.profileUnified button{min-height:46px;font-size:15px}.tpCompactHeadline{font-size:14px}.tpCompactMetrics{grid-template-columns:1fr 1fr}.tpCompactMetric span{font-size:10px}.tpCompactMetric b{font-size:14px;white-space:normal}.tpCompactCard h2{font-size:21px!important}.tpCompactBio{font-size:15px}.tpBookingItem b{font-size:14px}.tpBookingItem span{font-size:13px}.profileUnified .proProfileMeta{font-size:14px}.profileUnified .proCompletenessHead{font-size:14px}.profileUnified .proCompleteness p{font-size:13px}.profileUnified .proLearningHead h2{font-size:22px!important}.profileUnified .proMetric span{font-size:12px}.profileUnified .proMetric b{font-size:21px}.profileUnified .proInfoCard h2,.profileUnified .proNextCard h2{font-size:18px!important}.profileUnified .proInfoCard .simpleMeta,.profileUnified .proNextCard p{font-size:13px}}
@media(max-width:420px){.tpCompactEyebrow{font-size:10px}.tpCompactName{font-size:28px}.tpCompactAction small{font-size:12px}.tpCompactMetric b{font-size:13px}.profileUnified .proProfileName{font-size:28px}.profileUnified.profilePageV2 .proMetric{min-height:104px}.profileUnified .proMetric b{font-size:19px}}
/* Calm profile hierarchy: reserve strong weight for names and key values */
.profileUnified{font-weight:400}.profileUnified p,.profileUnified small,.profileUnified .simpleMeta,.profileUnified .simpleSub{font-weight:400}.profileUnified h1,.profileUnified h2,.profileUnified h3{font-weight:650;letter-spacing:-.025em}.profileUnified .btn,.profileUnified button,.profileUnified .profilePrimaryBtn,.profileUnified .profileSecondaryBtn{font-weight:650}.tpCompactEyebrow,.tpCompactLabel,.tpBookingIntro span{font-weight:650}.tpCompactName{font-weight:750;letter-spacing:-1.1px}.tpCompactHeadline,.tpCompactPresence,.tpCompactAction small{font-weight:400}.tpCompactMetric span{font-weight:550}.tpCompactMetric b{font-weight:650}.tpCompactCard h2,.tpCompactClasses .classHubHead h2{font-weight:650!important;letter-spacing:-.3px}.tpCompactBio{font-weight:400}.tpCompactTags .simpleTag{font-weight:500}.tpCompactFact span{font-weight:550}.tpCompactFact b{font-weight:500}.tpBookingIntro b,.tpBookingItem b{font-weight:600}.tpBookingItem span{font-weight:400}.tpCompactClasses .classHubCardTitle{font-weight:650}.tpCompactClasses .classHubTutor,.tpCompactClasses .classHubMeta span{font-weight:400}
.profileUnified .proProfileEyebrow,.profileUnified .proNextEyebrow{font-weight:650}.profileUnified .proProfileName{font-weight:750;letter-spacing:-1px}.profileUnified .proProfileMeta,.profileUnified .proCompleteness p,.profileUnified .proActivityCard p,.profileUnified .proLearningHead p,.profileUnified .proInfoCard .simpleMeta,.profileUnified .proNextCard p{font-weight:400}.profileUnified .proProfileBadge{font-weight:550}.profileUnified .proCompletenessHead{font-weight:400}.profileUnified .proCompletenessHead b{font-weight:650}.profileUnified .proActivityCard h2,.profileUnified .proLearningHead h2,.profileUnified .proInfoCard h2,.profileUnified .proNextCard h2,.profileUnified>section.simpleCard .simpleSectionHead h2,.profileUnified #profile-requests h2{font-weight:650!important;letter-spacing:-.3px}.profileUnified .proActivityLink{font-weight:550}.profileUnified .proProgressRing b{font-weight:650}.profileUnified .proMetric span{font-weight:400}.profileUnified .proMetric b{font-weight:650}.profileUnified .proInfoCard .simpleTag{font-weight:500!important}.profileUnified .simpleBadge{font-weight:550}.profileUnified .proEditLink{font-weight:400}
/* Profile V5: quiet, welcoming and lightweight */
.profileUnified,.profileUnified *{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}.profileUnified{width:min(1180px,calc(100% - 32px));--quiet-card:#0d2030;--quiet-soft:#0b1c2b;--quiet-line:rgba(92,132,158,.25);--quiet-text:#edf4f8;--quiet-muted:#91a5b4;--quiet-accent:#66d8b7;--quiet-blue:#75aef2}.profileUnified .simpleCard,.profileUnified .proProfileHero,.profileUnified .proActivityCard,.profileUnified .proLearningCard,.profileUnified .proInfoCard,.profileUnified .proNextCard,.profileUnified .tpCompactHero,.profileUnified .tpCompactCard,.profileUnified .tpCompactClasses{border:1px solid var(--quiet-line)!important;background:var(--quiet-card)!important;box-shadow:none!important}.profileUnified h1,.profileUnified h2,.profileUnified h3,.profileUnified .proProfileName,.profileUnified .tpCompactName{color:var(--quiet-text);font-weight:650!important;letter-spacing:-.035em}.profileUnified p,.profileUnified small,.profileUnified .simpleMeta,.profileUnified .simpleSub{color:var(--quiet-muted)}.profileUnified .btn,.profileUnified button{border-radius:10px!important;font-weight:600!important;box-shadow:none!important;transform:none!important}.profileUnified .profilePrimaryBtn,.profileUnified .proProfilePrimary,.profileUnified .proContinueBtn,.profileUnified .proResumeBtn{border:1px solid rgba(102,216,183,.5)!important;background:#153a36!important;color:#9ce9d1!important}.profileUnified .profilePrimaryBtn:hover,.profileUnified .proProfilePrimary:hover,.profileUnified .proContinueBtn:hover,.profileUnified .proResumeBtn:hover{background:#194840!important;border-color:#66d8b7!important}.profileUnified .profileSecondaryBtn,.profileUnified .proProfileSecondary{border:1px solid var(--quiet-line)!important;background:#102536!important;color:#c3d2dc!important}
.profileUnified .proProfileTop{grid-template-columns:minmax(0,1fr) 220px;gap:10px;margin-bottom:10px}.profileUnified .proProfileHero{min-height:142px;padding:21px 22px!important;border-radius:18px!important;background:linear-gradient(110deg,#0d2637,#101e35)!important}.profileUnified .proProfileHero:after{display:none}.profileUnified .proProfileAvatar{width:62px;height:62px;flex-basis:62px;border:0;border-radius:18px;background:linear-gradient(145deg,#559cf0,#746fe4);box-shadow:none}.profileUnified .proProfileName{font-size:clamp(29px,3.2vw,39px)}.profileUnified .proProfileEyebrow{color:var(--quiet-accent);font-weight:600!important}.profileUnified .proProfileBadge{border-color:var(--quiet-line);background:#102536;color:#aebfca}.profileUnified .proCompleteness{border-color:var(--quiet-line)}.profileUnified .proCompletenessRail,.profileUnified .proLearningRail,.profileUnified .proNextRail{background:#152c3c}.profileUnified .proCompletenessRail span,.profileUnified .proLearningRail span,.profileUnified .proNextRail span{background:linear-gradient(90deg,var(--quiet-blue),var(--quiet-accent));box-shadow:none}.profileUnified .proActivityCard{padding:17px!important;border-radius:18px!important}.profileUnified .proActivityIcon{border-color:var(--quiet-line);background:#11283a;color:#9e9bf0}.profileUnified .proActivityLink{color:var(--quiet-blue)}.profileUnified .proLearningCard{padding:20px!important;border-radius:18px!important}.profileUnified .proProgressRing{background:conic-gradient(var(--quiet-accent) calc(var(--p)*1%),#173043 0)}.profileUnified .proProgressRing:before{background:var(--quiet-card)}.profileUnified.profilePageV2 .proMetricGrid{gap:0}.profileUnified.profilePageV2 .proMetric{min-height:92px;padding:13px 15px!important;border:0!important;border-right:1px solid var(--quiet-line)!important;border-radius:0!important;background:transparent!important}.profileUnified.profilePageV2 .proMetric:last-child{border-right:0!important}.profileUnified .proMetricIcon{width:28px;height:28px;margin-bottom:9px;border:0;background:#122c3e;color:#79b7e8}.profileUnified .proMetric span{color:#8297a7}.profileUnified .proMetric b{color:#e8f0f5;font-weight:600}.profileUnified .proProfileLower{gap:10px;margin:10px 0}.profileUnified .proInfoCard,.profileUnified .proNextCard{min-height:132px;padding:17px!important;border-radius:17px!important}.profileUnified .proInfoIcon{border:0;background:#122c3e;color:#79b7e8}.profileUnified .proEditLink{color:#8297a7}.profileUnified .proInfoCard .simpleTag{border:1px solid var(--quiet-line)!important;background:#102536!important;color:#b7c7d1!important;font-weight:450!important}.profileUnified .proNextEyebrow{color:var(--quiet-accent);font-weight:600!important}.profileUnified>section.simpleCard{margin-top:10px!important;border-radius:17px!important}
.profileUnified .tpCompactHero{padding:19px 21px!important;border-radius:18px!important;background:linear-gradient(110deg,#0d2637,#101e35)!important}.profileUnified .tpCompactHero:after{display:none}.profileUnified .tpCompactIdentity .simpleAvatar{border:0!important;box-shadow:none!important}.profileUnified .tpCompactEyebrow,.profileUnified .tpCompactLabel,.profileUnified .tpBookingIntro span{color:var(--quiet-accent);font-weight:600!important}.profileUnified .tpCompactHeadline,.profileUnified .tpCompactPresence{color:var(--quiet-muted)}.profileUnified .tpCompactMetrics{gap:0;border-color:var(--quiet-line)}.profileUnified .tpCompactMetric{padding:10px 12px;border:0;border-right:1px solid var(--quiet-line);border-radius:0;background:transparent}.profileUnified .tpCompactMetric:last-child{border-right:0}.profileUnified .tpCompactMetric span{color:#8297a7}.profileUnified .tpCompactMetric b{color:#e6eef3;font-weight:600}.profileUnified .tpCompactBody{gap:10px;margin-top:10px}.profileUnified .tpCompactCard{padding:17px!important;border-radius:17px!important}.profileUnified .tpCompactBio{color:#a3b4c0}.profileUnified .tpCompactTags .simpleTag{border:1px solid var(--quiet-line)!important;background:#102536!important;color:#b7c7d1!important}.profileUnified .tpCompactFact{border-color:var(--quiet-line)}.profileUnified .tpCompactFact i{border:0;background:#122c3e;color:var(--quiet-accent)}.profileUnified .tpBookingBar{margin-top:10px;border-color:var(--quiet-line);background:var(--quiet-soft)}.profileUnified .tpBookingItem{border-color:var(--quiet-line)}.profileUnified .tpBookingItem i{background:#153a36;color:#8de3c8}.profileUnified .tpCompactClasses{margin-top:10px!important;padding:16px!important;border-radius:17px!important}.profileUnified .tpCompactClasses .classHubCard{border-color:var(--quiet-line)!important;background:var(--quiet-soft)!important;box-shadow:none!important}
@media(max-width:900px){.profileUnified .proProfileTop{grid-template-columns:1fr}.profileUnified .proActivityCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:0;align-items:center}.profileUnified .proActivityCard h2{margin:0!important}.profileUnified .proActivityLink{margin:0}.profileUnified.profilePageV2 .proMetricGrid{grid-template-columns:repeat(3,1fr)}.profileUnified.profilePageV2 .proMetric:nth-child(3){border-right:0!important}}
@media(max-width:680px){.profileUnified{width:calc(100% - 20px)}.profileUnified .proProfileHero{padding:18px!important}.profileUnified .proActivityCard{grid-template-columns:auto 1fr}.profileUnified .proActivityLink{grid-column:1/-1}.profileUnified.profilePageV2 .proMetricGrid{grid-template-columns:1fr 1fr}.profileUnified.profilePageV2 .proMetric{border-right:0!important;border-bottom:1px solid var(--quiet-line)!important}.profileUnified.profilePageV2 .proMetric:nth-last-child(-n+2){border-bottom:0!important}.profileUnified .tpCompactMetric{border-right:0;border-bottom:1px solid var(--quiet-line)}.profileUnified .tpCompactMetric:nth-last-child(-n+2){border-bottom:0}.profileUnified .tpCompactMetric:nth-child(odd){border-right:1px solid var(--quiet-line)}}
/* Learner profile hero: share the dashboard header scale and responsive rhythm. */
.profileUnified.profilePageV2{width:min(1240px,calc(100% - 38px));padding-top:24px}.profileUnified.profilePageV2 .proProfileTop{gap:12px;margin-bottom:12px}.profileUnified.profilePageV2 .proProfileHero{min-height:0;padding:27px 30px!important;grid-template-columns:minmax(0,1.2fr) minmax(230px,.65fr) minmax(210px,auto);gap:22px;border:1px solid rgba(82,125,158,.48)!important;border-radius:24px!important;background:radial-gradient(circle at 9% 3%,rgba(65,175,255,.21),transparent 29%),radial-gradient(circle at 84% 22%,rgba(139,114,255,.23),transparent 34%),linear-gradient(130deg,#0d2940 0%,#091a2d 51%,#151637 100%)!important;box-shadow:0 24px 65px rgba(0,0,0,.24)!important}.profileUnified.profilePageV2 .proProfileIdentity{gap:15px}.profileUnified.profilePageV2 .proProfileEyebrow{margin:0 0 5px;color:#68e4bd;font-size:10px;font-weight:650!important;line-height:1;letter-spacing:1.5px;text-transform:uppercase}.profileUnified.profilePageV2 .proProfileName{margin:0;color:#f7fbff;font-size:clamp(35px,4vw,51px);font-weight:650!important;line-height:1.02;letter-spacing:-2.7px}.profileUnified.profilePageV2 .proProfileMeta{margin-top:7px;color:#a4b8ca;font-size:13px;font-weight:400;line-height:1.55}.profileUnified.profilePageV2 .proProfileBadge{margin-top:8px;padding:5px 9px;font-size:11px;font-weight:550}.profileUnified.profilePageV2 .proCompleteness{padding:3px 18px}.profileUnified.profilePageV2 .proCompletenessHead{font-size:13px}.profileUnified.profilePageV2 .proCompleteness p{font-size:12px;line-height:1.5}.profileUnified.profilePageV2 .proProfileActions{min-width:210px;gap:7px}.profileUnified.profilePageV2 .proProfilePrimary,.profileUnified.profilePageV2 .proProfileSecondary{min-height:44px!important;font-size:14px!important;font-weight:600!important}
@media(max-width:900px){.profileUnified.profilePageV2 .proProfileHero{grid-template-columns:minmax(0,1fr) minmax(220px,.65fr);gap:18px;padding:25px!important}.profileUnified.profilePageV2 .proProfileActions{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:680px){.profileUnified.profilePageV2{width:calc(100% - 20px);padding-top:12px}.profileUnified.profilePageV2 .proProfileHero{grid-template-columns:1fr;gap:16px;padding:20px 17px!important;border-radius:23px!important}.profileUnified.profilePageV2 .proProfileName{font-size:clamp(31px,9.5vw,43px);line-height:1.03;letter-spacing:-2.2px}.profileUnified.profilePageV2 .proProfileMeta{font-size:13px;line-height:1.5}.profileUnified.profilePageV2 .proCompleteness{padding:14px 0 0}.profileUnified.profilePageV2 .proProfileActions{grid-column:auto;grid-template-columns:1fr;min-width:0}.profileUnified.profilePageV2 .proProfilePrimary,.profileUnified.profilePageV2 .proProfileSecondary{width:100%;min-height:46px!important;font-size:15px!important}}
@media(max-width:440px){.profileUnified.profilePageV2 .proProfileIdentity{align-items:flex-start}.profileUnified.profilePageV2 .proProfileAvatar{width:54px;height:54px;flex-basis:54px;border-radius:16px}.profileUnified.profilePageV2 .proProfileName{font-size:34px;white-space:normal}}
.profileUnified{--dw-mint:var(--profile-accent)}.proProfileWelcome{margin-bottom:7px}
/* Tutor directory V5: compact premium discovery layout */
.tutorDirectoryPage{--td5-mint:#6ee7c1;--td5-cyan:#62cbea;--td5-line:rgba(103,157,188,.3);width:min(1220px,calc(100% - 36px));padding-top:20px}
.tutorDirectoryPage .tutorDirectoryHero{min-height:180px;grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);gap:18px;padding:25px 27px!important;overflow:hidden;border-color:rgba(105,166,197,.4)!important;border-radius:24px!important;background:radial-gradient(circle at 8% 0,rgba(69,181,247,.2),transparent 31%),radial-gradient(circle at 91% 13%,rgba(137,116,255,.21),transparent 36%),linear-gradient(126deg,#0d2b42,#091b2d 54%,#171a42)!important;box-shadow:0 22px 60px rgba(0,0,0,.22)!important;animation:td5Enter .42s ease both}.tutorDirectoryPage .tutorDirectoryHero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(131,195,220,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(131,195,220,.03) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,#000,transparent 76%)}.tutorDirectoryPage .tutorDirectoryHeroCopy,.tutorDirectoryPage .tutorDirectoryHeroSide{position:relative;z-index:1}.tutorDirectoryPage .tutorDirectoryWelcome{margin-bottom:9px}.tutorDirectoryPage .tutorDirectoryHero h1{font-size:clamp(38px,4.4vw,54px);font-weight:680;letter-spacing:-2.2px}.tutorDirectoryPage .tutorDirectoryHero .simpleSub{margin-top:10px;font-size:14px;line-height:1.55}.tutorDirectoryPage .tutorDirectoryEligibility{margin-top:9px;font-size:12px}.tutorDirectoryPage .tutorDirectoryHeroSide{padding:16px;border-color:rgba(111,173,202,.3);border-radius:18px;background:linear-gradient(150deg,rgba(17,49,69,.72),rgba(10,28,47,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.tutorDirectoryPage .tutorDirectoryHeroIcon{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#153f51,#123247)}.tutorDirectoryPage .tutorDirectoryHeroSide strong{font-size:14px;font-weight:600}.tutorDirectoryPage .tutorDirectoryHero .simpleBadge{min-height:36px;font-size:11px}
.tutorDirectoryPage .simpleTutorGrid{display:grid;grid-template-columns:1fr;gap:11px}.tutorDirectoryPage .simpleTutorGrid .tutorDirectoryCard,.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .tutorDirectoryCard{position:relative;display:grid;grid-template-columns:minmax(235px,.72fr) minmax(300px,1.2fr) minmax(260px,.72fr);grid-template-rows:auto auto;align-items:center;gap:8px 20px;padding:15px 16px;overflow:hidden;border-color:var(--td5-line);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(112,100,255,.08),transparent 35%),linear-gradient(145deg,#0d2537,#091a29);box-shadow:0 14px 34px rgba(0,0,0,.14);animation:td5Enter .45s ease both;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tutorDirectoryPage .simpleTutorGrid .tutorDirectoryCard:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;border-radius:3px;background:linear-gradient(var(--td5-mint),var(--td5-cyan));opacity:.75}.tutorDirectoryPage .simpleTutorGrid .tutorDirectoryCard:hover{transform:translateY(-2px);border-color:rgba(110,231,193,.5);box-shadow:0 19px 42px rgba(0,0,0,.2)}
.tutorDirectoryPage .tutorDirectoryCard .tutorDirectoryTop,.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .tutorDirectoryTop{grid-column:1;grid-row:1/3;align-self:center;gap:11px}.tutorDirectoryPage .tutorDirectoryCard .simpleTags,.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .simpleTags{grid-column:2;grid-row:1;align-self:end;margin:0}.tutorDirectoryPage .tutorDirectoryCard .simpleTutorDesc,.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .simpleTutorDesc{grid-column:2;grid-row:2;align-self:start;min-height:0;margin:2px 0 0;font-size:12px;line-height:1.5;-webkit-line-clamp:2}.tutorDirectoryPage .tutorDirectoryCard .tutorDirectoryFacts,.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .tutorDirectoryFacts{grid-column:3;grid-row:1;align-self:end;grid-template-columns:1fr 1fr;gap:7px;margin:0}.tutorDirectoryPage .tutorDirectoryCard .tutorDirectoryFoot,.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .tutorDirectoryFoot{grid-column:3;grid-row:2;align-self:start;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0;padding-top:8px}.tutorDirectoryPage .tutorDirectoryTop .quirkyAvatar{width:56px;height:56px;flex-basis:56px;border-radius:17px}.tutorDirectoryPage .simpleTutorName{font-size:18px;font-weight:650}.tutorDirectoryPage .tutorVerified{font-size:10px;font-weight:600}.tutorDirectoryPage .tutorDirectoryIdentity .simpleMeta{font-size:12px}.tutorDirectoryPage .directoryPresence{align-self:flex-start;padding:5px 7px;font-size:9px}.tutorDirectoryPage .simpleTag{padding:6px 8px!important;border-color:rgba(93,147,178,.34)!important;border-radius:9px!important;background:rgba(14,42,60,.72)!important;color:#c4d4de!important;font-size:10px!important}.tutorDirectoryPage .tutorDirectoryFacts span{min-height:48px;padding:8px 9px;border-color:rgba(81,132,160,.3);background:rgba(7,25,39,.55);font-size:9px}.tutorDirectoryPage .tutorDirectoryFacts b{font-size:11px;font-weight:600}.tutorDirectoryPage .tutorDirectoryFoot>span{align-self:center;color:#839bad;font-size:9px}.tutorDirectoryPage .tutorDirectoryFoot b{min-height:36px;padding:8px 11px;border-radius:11px;background:linear-gradient(115deg,#67e2bc,#69d9cf);color:#061820;font-size:11px;font-weight:650;box-shadow:0 10px 22px rgba(70,207,174,.16);transition:transform .17s ease,box-shadow .17s ease}.tutorDirectoryPage .tutorDirectoryCard:hover .tutorDirectoryFoot b{transform:translateX(2px);box-shadow:0 13px 27px rgba(70,207,174,.24)}
@keyframes td5Enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.tutorDirectoryPage .simpleTutorGrid .tutorDirectoryCard,.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .tutorDirectoryCard{grid-template-columns:minmax(0,1fr) minmax(250px,.65fr);grid-template-rows:auto auto auto}.tutorDirectoryPage .tutorDirectoryCard .tutorDirectoryTop,.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .tutorDirectoryTop{grid-column:1;grid-row:1}.tutorDirectoryPage .tutorDirectoryCard .simpleTags,.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .simpleTags{grid-column:1;grid-row:2;align-self:auto}.tutorDirectoryPage .tutorDirectoryCard .simpleTutorDesc,.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .simpleTutorDesc{grid-column:1;grid-row:3}.tutorDirectoryPage .tutorDirectoryCard .tutorDirectoryFacts,.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .tutorDirectoryFacts{grid-column:2;grid-row:1/3;align-self:center}.tutorDirectoryPage .tutorDirectoryCard .tutorDirectoryFoot,.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .tutorDirectoryFoot{grid-column:2;grid-row:3;align-self:end}}
@media(max-width:760px){.tutorDirectoryPage{width:calc(100% - 20px);padding-top:12px}.tutorDirectoryPage .tutorDirectoryHero{grid-template-columns:1fr;min-height:0;gap:13px;padding:20px 17px!important;border-radius:21px!important}.tutorDirectoryPage .tutorDirectoryHero h1{font-size:clamp(34px,10vw,43px);letter-spacing:-1.7px}.tutorDirectoryPage .tutorDirectoryHero .simpleSub{font-size:13px}.tutorDirectoryPage .tutorDirectoryHeroSide{grid-template-columns:38px minmax(0,1fr);padding:13px}.tutorDirectoryPage .tutorDirectoryHeroSide .simpleActions{width:100%}.tutorDirectoryPage .tutorDirectoryHeroSide .simpleActions .btn,.tutorDirectoryPage .tutorDirectoryHeroSide .simpleActions form,.tutorDirectoryPage .tutorDirectoryHeroSide .simpleActions form .btn{width:100%}.tutorDirectoryPage .simpleTutorGrid .tutorDirectoryCard,.tutorDirectoryPage .simpleTutorGrid:has(>:only-child) .tutorDirectoryCard{display:flex;gap:0;padding:14px;border-radius:16px}.tutorDirectoryPage .tutorDirectoryCard .tutorDirectoryTop{width:100%}.tutorDirectoryPage .tutorDirectoryCard .simpleTags{width:100%;margin-top:12px}.tutorDirectoryPage .tutorDirectoryCard .simpleTutorDesc{width:100%;margin-top:10px}.tutorDirectoryPage .tutorDirectoryCard .tutorDirectoryFacts{width:100%;margin-top:11px}.tutorDirectoryPage .tutorDirectoryCard .tutorDirectoryFoot{width:100%;margin-top:10px}.tutorDirectoryPage .tutorDirectoryFoot b{min-height:42px}}
@media(max-width:440px){.tutorDirectoryPage .tutorDirectoryTop{display:grid;grid-template-columns:52px minmax(0,1fr)}.tutorDirectoryPage .tutorDirectoryTop .quirkyAvatar{width:52px;height:52px;flex-basis:52px}.tutorDirectoryPage .directoryPresence{grid-column:2;justify-self:start;margin-top:5px}.tutorDirectoryPage .tutorDirectoryFacts{grid-template-columns:1fr 1fr}.tutorDirectoryPage .tutorDirectoryFoot{grid-template-columns:1fr}.tutorDirectoryPage .tutorDirectoryFoot>span{white-space:normal}.tutorDirectoryPage .tutorDirectoryFoot b{width:100%}}
@media(prefers-reduced-motion:reduce){.tutorDirectoryPage .tutorDirectoryHero,.tutorDirectoryPage .tutorDirectoryCard{animation:none}.tutorDirectoryPage .tutorDirectoryCard,.tutorDirectoryPage .tutorDirectoryFoot b{transition:none}}
/* Tutor profile V4: premium responsive presentation, scoped to the public profile */
.profileUnified.tutorProfileV3{--tp4-mint:#6ee7c1;--tp4-cyan:#61cbea;--tp4-violet:#8b78ff;--tp4-line:rgba(116,169,198,.28);width:min(1220px,calc(100% - 36px));padding-top:22px}
.profileUnified.tutorProfileV3 .tpCompactHero{isolation:isolate;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:24px 26px!important;overflow:hidden;border-color:rgba(111,181,211,.42)!important;border-radius:24px!important;background:radial-gradient(circle at 8% 0,rgba(70,184,255,.22),transparent 33%),radial-gradient(circle at 91% 12%,rgba(139,120,255,.24),transparent 37%),linear-gradient(125deg,#0d2b42 0%,#091b2d 52%,#171a42 100%)!important;box-shadow:0 22px 60px rgba(0,0,0,.24)!important;animation:tp4Enter .45s ease both}
.profileUnified.tutorProfileV3 .tpCompactHero:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(133,199,222,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(133,199,222,.035) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,#000,transparent 78%)}
.profileUnified.tutorProfileV3 .tpCompactHero:after{display:block;right:-95px;bottom:-205px;width:360px;height:360px;border:1px solid rgba(110,231,193,.13);border-radius:50%;box-shadow:0 0 0 55px rgba(110,231,193,.025),0 0 0 110px rgba(110,231,193,.018)}
.profileUnified.tutorProfileV3 .tpCompactIdentity{gap:17px}.profileUnified.tutorProfileV3 .tpCompactIdentity .simpleAvatar{width:76px!important;height:76px!important;flex-basis:76px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:23px!important;box-shadow:0 16px 38px rgba(63,91,220,.28)!important;transition:transform .22s ease,box-shadow .22s ease}.profileUnified.tutorProfileV3 .tpCompactHero:hover .simpleAvatar{transform:translateY(-2px) rotate(-1deg);box-shadow:0 20px 45px rgba(63,91,220,.36)!important}
.profileUnified.tutorProfileV3 .tpCompactEyebrow{color:var(--tp4-mint);font-size:11px;font-weight:650;letter-spacing:1.25px}.profileUnified.tutorProfileV3 .tpCompactEyebrow i{width:20px;height:20px;background:rgba(44,186,143,.18);color:#84f0cf}.profileUnified.tutorProfileV3 .tpCompactName{margin-top:6px;font-size:clamp(34px,4vw,48px);font-weight:700!important;letter-spacing:-1.5px}.profileUnified.tutorProfileV3 .tpCompactHeadline{margin-top:6px;color:#b1c4d2;font-size:15px}.profileUnified.tutorProfileV3 .tpCompactPresence{margin-top:9px;font-size:12px}
.profileUnified.tutorProfileV3 .tpCompactAction{max-width:420px}.profileUnified.tutorProfileV3 .tpCompactAction .profilePrimaryBtn{min-width:210px;min-height:48px;border-color:#74e8c8!important;border-radius:14px!important;background:linear-gradient(115deg,#67e2bc,#68d7d2)!important;color:#061820!important;font-size:14px;font-weight:650!important;box-shadow:0 13px 28px rgba(66,205,173,.19)!important;transition:transform .18s ease,box-shadow .18s ease!important}.profileUnified.tutorProfileV3 .tpCompactAction .profilePrimaryBtn:hover{transform:translateY(-2px)!important;background:linear-gradient(115deg,#74ebc7,#72dfe0)!important;box-shadow:0 17px 34px rgba(66,205,173,.27)!important}.profileUnified.tutorProfileV3 .tpCompactAction small{max-width:180px;color:#93a9ba;font-size:12px}
.profileUnified.tutorProfileV3 .tpCompactMetrics{gap:0;margin-top:2px;padding-top:17px}.profileUnified.tutorProfileV3 .tpCompactMetric{padding:9px 18px;border:0;border-right:1px solid rgba(104,151,181,.28);background:transparent}.profileUnified.tutorProfileV3 .tpCompactMetric:last-child{border-right:0}.profileUnified.tutorProfileV3 .tpCompactMetric span{color:#809aad;font-size:10px;font-weight:600;letter-spacing:.75px}.profileUnified.tutorProfileV3 .tpCompactMetric b{margin-top:5px;color:#edf5fa;font-size:15px;font-weight:600;white-space:normal}
.profileUnified.tutorProfileV3 .tpCompactBody{grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:14px;margin-top:14px}.profileUnified.tutorProfileV3 .tpCompactCard{position:relative;padding:22px!important;overflow:hidden;border-color:var(--tp4-line)!important;border-radius:20px!important;background:linear-gradient(150deg,rgba(14,39,56,.96),rgba(9,26,40,.96))!important;box-shadow:0 14px 34px rgba(0,0,0,.13)!important;animation:tp4Enter .48s .05s ease both;transition:transform .2s ease,border-color .2s ease!important}.profileUnified.tutorProfileV3 .tpCompactCard:hover{transform:translateY(-2px);border-color:rgba(110,231,193,.38)!important}.profileUnified.tutorProfileV3 .tpCompactCard:first-child:after{content:"";position:absolute;right:-80px;top:-90px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(97,203,234,.08),transparent 68%);pointer-events:none}
.profileUnified.tutorProfileV3 .tpCompactLabel{color:var(--tp4-mint);font-size:10px;font-weight:650;letter-spacing:1.2px}.profileUnified.tutorProfileV3 .tpCompactCard h2{margin:6px 0 10px!important;color:#f2f8fb;font-size:23px!important;font-weight:650!important}.profileUnified.tutorProfileV3 .tpCompactBio{max-width:820px;color:#adc0cd;font-size:15px;line-height:1.7}.profileUnified.tutorProfileV3 .tpCompactTags{gap:7px;margin-top:16px}.profileUnified.tutorProfileV3 .tpCompactTags .simpleTag{padding:7px 10px!important;border-color:rgba(94,149,178,.36)!important;border-radius:10px!important;background:rgba(13,42,61,.78)!important;color:#c9d9e3!important;font-size:12px!important;transition:border-color .16s ease,color .16s ease}.profileUnified.tutorProfileV3 .tpCompactTags .simpleTag:hover{border-color:rgba(110,231,193,.55)!important;color:#87ebcc!important}
.profileUnified.tutorProfileV3 .tpCompactFacts{gap:0;margin-top:7px}.profileUnified.tutorProfileV3 .tpCompactFact{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:12px 0}.profileUnified.tutorProfileV3 .tpCompactFact i{width:38px;height:38px;border:1px solid rgba(90,158,188,.28);border-radius:12px;background:linear-gradient(145deg,#12364b,#102b3f);color:var(--tp4-mint);font-size:14px}.profileUnified.tutorProfileV3 .tpCompactFact span{color:#8199aa;font-size:10px}.profileUnified.tutorProfileV3 .tpCompactFact b{margin-top:3px;color:#dce8ef;font-size:13px;line-height:1.4}
.profileUnified.tutorProfileV3 .tpBookingBar{grid-template-columns:minmax(180px,.75fr) repeat(3,1fr);gap:0;margin-top:14px;padding:0;overflow:hidden;border-color:var(--tp4-line);border-radius:18px;background:linear-gradient(145deg,#0c2233,#091827);animation:tp4Enter .5s .09s ease both}.profileUnified.tutorProfileV3 .tpBookingIntro{padding:17px 20px;background:rgba(15,45,60,.5)}.profileUnified.tutorProfileV3 .tpBookingIntro span{font-size:10px}.profileUnified.tutorProfileV3 .tpBookingIntro b{margin-top:4px;font-size:17px}.profileUnified.tutorProfileV3 .tpBookingItem{min-height:72px;padding:14px 18px;border-left:1px solid var(--tp4-line)}.profileUnified.tutorProfileV3 .tpBookingItem i{width:27px;height:27px;flex-basis:27px;border-radius:9px;background:linear-gradient(145deg,#17483f,#123a38);font-size:11px}.profileUnified.tutorProfileV3 .tpBookingItem b{font-size:13px}.profileUnified.tutorProfileV3 .tpBookingItem span{margin-top:2px;font-size:11px}
.profileUnified.tutorProfileV3 .tpCompactClasses{margin-top:14px!important;padding:21px!important;border-color:var(--tp4-line)!important;border-radius:20px!important;background:linear-gradient(150deg,#0d2233,#091827)!important;box-shadow:0 15px 38px rgba(0,0,0,.13)!important;animation:tp4Enter .52s .12s ease both}.profileUnified.tutorProfileV3 .tpCompactClasses .classHubHead h2{font-size:23px!important;font-weight:650!important}.profileUnified.tutorProfileV3 .tpCompactClasses .classHubHead p{font-size:12px!important}.profileUnified.tutorProfileV3 .tpCompactClasses .classHubCard{border-color:rgba(97,147,176,.3)!important;border-radius:15px!important;background:linear-gradient(145deg,#0c2234,#091a29)!important;transition:transform .18s ease,border-color .18s ease}.profileUnified.tutorProfileV3 .tpCompactClasses .classHubCard:hover{transform:translateY(-2px);border-color:rgba(110,231,193,.4)!important}
@keyframes tp4Enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:900px){.profileUnified.tutorProfileV3 .tpCompactHero{grid-template-columns:1fr}.profileUnified.tutorProfileV3 .tpCompactAction{max-width:none;justify-content:flex-start}.profileUnified.tutorProfileV3 .tpCompactBody{grid-template-columns:1fr}.profileUnified.tutorProfileV3 .tpCompactCard:nth-child(2){display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 22px}.profileUnified.tutorProfileV3 .tpCompactCard:nth-child(2)>h2{grid-column:1/-1}.profileUnified.tutorProfileV3 .tpCompactCard:nth-child(2)>.tpCompactLabel{grid-column:1/-1}.profileUnified.tutorProfileV3 .tpCompactCard:nth-child(2) .tpCompactFacts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.profileUnified.tutorProfileV3 .tpCompactFact{border-bottom:0}}
@media(max-width:680px){.profileUnified.tutorProfileV3{width:calc(100% - 20px);padding-top:12px}.profileUnified.tutorProfileV3 .tpCompactHero{gap:16px;padding:19px 17px!important;border-radius:20px!important}.profileUnified.tutorProfileV3 .tpCompactIdentity{align-items:flex-start;gap:13px}.profileUnified.tutorProfileV3 .tpCompactIdentity .simpleAvatar{width:58px!important;height:58px!important;flex-basis:58px!important;border-radius:18px!important}.profileUnified.tutorProfileV3 .tpCompactEyebrow{font-size:9px;letter-spacing:.9px}.profileUnified.tutorProfileV3 .tpCompactName{font-size:30px}.profileUnified.tutorProfileV3 .tpCompactHeadline{font-size:13px}.profileUnified.tutorProfileV3 .tpCompactAction{align-items:stretch;flex-direction:column}.profileUnified.tutorProfileV3 .tpCompactAction .profilePrimaryBtn{width:100%;min-width:0}.profileUnified.tutorProfileV3 .tpCompactAction small{max-width:none;text-align:center}.profileUnified.tutorProfileV3 .tpCompactMetrics{grid-template-columns:1fr 1fr;padding-top:12px}.profileUnified.tutorProfileV3 .tpCompactMetric{padding:10px 8px;border-right:0;border-bottom:1px solid rgba(104,151,181,.24)}.profileUnified.tutorProfileV3 .tpCompactMetric:nth-child(odd){border-right:1px solid rgba(104,151,181,.24)}.profileUnified.tutorProfileV3 .tpCompactMetric:nth-last-child(-n+2){border-bottom:0}.profileUnified.tutorProfileV3 .tpCompactBody{gap:10px;margin-top:10px}.profileUnified.tutorProfileV3 .tpCompactCard{padding:17px!important;border-radius:17px!important}.profileUnified.tutorProfileV3 .tpCompactCard:nth-child(2){display:block}.profileUnified.tutorProfileV3 .tpCompactCard:nth-child(2) .tpCompactFacts{display:block}.profileUnified.tutorProfileV3 .tpCompactBio{font-size:14px}.profileUnified.tutorProfileV3 .tpBookingBar{grid-template-columns:1fr;margin-top:10px}.profileUnified.tutorProfileV3 .tpBookingIntro{padding:15px 17px}.profileUnified.tutorProfileV3 .tpBookingItem{min-height:58px;padding:12px 17px;border-left:0;border-top:1px solid var(--tp4-line)}.profileUnified.tutorProfileV3 .tpCompactClasses{margin-top:10px!important;padding:16px!important;border-radius:17px!important}}
@media(max-width:390px){.profileUnified.tutorProfileV3 .tpCompactIdentity{display:grid;grid-template-columns:52px minmax(0,1fr)}.profileUnified.tutorProfileV3 .tpCompactIdentity .simpleAvatar{width:52px!important;height:52px!important;flex-basis:52px!important}.profileUnified.tutorProfileV3 .tpCompactName{font-size:27px}.profileUnified.tutorProfileV3 .tpCompactMetric b{font-size:13px}.profileUnified.tutorProfileV3 .tpCompactCard h2,.profileUnified.tutorProfileV3 .tpCompactClasses .classHubHead h2{font-size:20px!important}}
@media(prefers-reduced-motion:reduce){.profileUnified.tutorProfileV3 .tpCompactHero,.profileUnified.tutorProfileV3 .tpCompactCard,.profileUnified.tutorProfileV3 .tpBookingBar,.profileUnified.tutorProfileV3 .tpCompactClasses{animation:none}.profileUnified.tutorProfileV3 .simpleAvatar,.profileUnified.tutorProfileV3 .tpCompactCard,.profileUnified.tutorProfileV3 .classHubCard{transition:none!important}}
/* Tutor profile V4.1: compact density correction */
.profileUnified.tutorProfileV3{width:min(1180px,calc(100% - 32px));padding-top:16px}
.profileUnified.tutorProfileV3 .tpCompactHero{gap:14px;padding:17px 20px!important;border-radius:20px!important}
.profileUnified.tutorProfileV3 .tpCompactIdentity{gap:13px}
.profileUnified.tutorProfileV3 .tpCompactIdentity .simpleAvatar{width:62px!important;height:62px!important;flex-basis:62px!important;border-radius:19px!important}
.profileUnified.tutorProfileV3 .tpCompactEyebrow{font-size:10px;letter-spacing:1px}.profileUnified.tutorProfileV3 .tpCompactEyebrow i{width:18px;height:18px}
.profileUnified.tutorProfileV3 .tpCompactName{margin-top:4px;font-size:clamp(30px,3.3vw,40px)}.profileUnified.tutorProfileV3 .tpCompactHeadline{margin-top:4px;font-size:13px}.profileUnified.tutorProfileV3 .tpCompactPresence{margin-top:6px;font-size:11px}
.profileUnified.tutorProfileV3 .tpCompactAction .profilePrimaryBtn{min-width:190px;min-height:42px;padding:9px 15px;font-size:13px}.profileUnified.tutorProfileV3 .tpCompactAction small{max-width:165px;font-size:11px}
.profileUnified.tutorProfileV3 .tpCompactMetrics{padding-top:11px}.profileUnified.tutorProfileV3 .tpCompactMetric{padding:7px 13px}.profileUnified.tutorProfileV3 .tpCompactMetric span{font-size:9px}.profileUnified.tutorProfileV3 .tpCompactMetric b{margin-top:3px;font-size:13px}
.profileUnified.tutorProfileV3 .tpCompactBody{align-items:start;gap:10px;margin-top:10px}.profileUnified.tutorProfileV3 .tpCompactCard{height:auto;padding:16px!important;border-radius:17px!important}
.profileUnified.tutorProfileV3 .tpCompactLabel{font-size:9px}.profileUnified.tutorProfileV3 .tpCompactCard h2{margin:4px 0 7px!important;font-size:20px!important}.profileUnified.tutorProfileV3 .tpCompactBio{font-size:13px;line-height:1.55}.profileUnified.tutorProfileV3 .tpCompactTags{gap:5px;margin-top:11px}.profileUnified.tutorProfileV3 .tpCompactTags .simpleTag{padding:6px 8px!important;font-size:11px!important}
.profileUnified.tutorProfileV3 .tpCompactFacts{margin-top:4px}.profileUnified.tutorProfileV3 .tpCompactFact{grid-template-columns:31px minmax(0,1fr);gap:9px;padding:8px 0}.profileUnified.tutorProfileV3 .tpCompactFact i{width:31px;height:31px;border-radius:10px;font-size:12px}.profileUnified.tutorProfileV3 .tpCompactFact span{font-size:9px}.profileUnified.tutorProfileV3 .tpCompactFact b{margin-top:2px;font-size:12px}
.profileUnified.tutorProfileV3 .tpBookingBar{grid-template-columns:155px repeat(3,1fr);margin-top:10px;border-radius:16px}.profileUnified.tutorProfileV3 .tpBookingIntro{padding:12px 15px}.profileUnified.tutorProfileV3 .tpBookingIntro span{font-size:9px}.profileUnified.tutorProfileV3 .tpBookingIntro b{font-size:14px}.profileUnified.tutorProfileV3 .tpBookingItem{min-height:56px;padding:10px 14px}.profileUnified.tutorProfileV3 .tpBookingItem i{width:24px;height:24px;flex-basis:24px}.profileUnified.tutorProfileV3 .tpBookingItem b{font-size:12px}.profileUnified.tutorProfileV3 .tpBookingItem span{font-size:10px}
.profileUnified.tutorProfileV3 .tpCompactClasses{margin-top:10px!important;padding:16px!important;border-radius:17px!important}.profileUnified.tutorProfileV3 .tpCompactClasses .classHubHead h2{font-size:20px!important}.profileUnified.tutorProfileV3 .tpCompactClasses .classHubHead p{font-size:11px!important}
@media(max-width:900px){.profileUnified.tutorProfileV3 .tpCompactBody{align-items:start}.profileUnified.tutorProfileV3 .tpCompactCard:nth-child(2) .tpCompactFacts{gap:10px}}
@media(max-width:680px){.profileUnified.tutorProfileV3{width:calc(100% - 20px);padding-top:10px}.profileUnified.tutorProfileV3 .tpCompactHero{gap:13px;padding:15px!important}.profileUnified.tutorProfileV3 .tpCompactIdentity .simpleAvatar{width:52px!important;height:52px!important;flex-basis:52px!important;border-radius:16px!important}.profileUnified.tutorProfileV3 .tpCompactName{font-size:27px}.profileUnified.tutorProfileV3 .tpCompactHeadline,.profileUnified.tutorProfileV3 .tpCompactBio{font-size:13px}.profileUnified.tutorProfileV3 .tpCompactMetrics{padding-top:10px}.profileUnified.tutorProfileV3 .tpCompactMetric{padding:8px}.profileUnified.tutorProfileV3 .tpCompactCard{padding:14px!important}.profileUnified.tutorProfileV3 .tpBookingIntro{padding:12px 14px}.profileUnified.tutorProfileV3 .tpBookingItem{min-height:50px;padding:9px 14px}.profileUnified.tutorProfileV3 .tpCompactClasses{padding:14px!important}}
/* Tutor class studio */
.classStudioPage{width:min(1240px,calc(100% - 38px));padding:24px 0 58px;font-family:"Avenir Next","Segoe UI",Inter,-apple-system,BlinkMacSystemFont,sans-serif}.classStudioHero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 25px;border:1px solid rgba(82,125,158,.48);border-radius:22px;background:radial-gradient(circle at 7% 0,rgba(73,169,255,.17),transparent 31%),radial-gradient(circle at 92% 10%,rgba(129,105,255,.18),transparent 34%),linear-gradient(130deg,#0d2940,#091a2d 58%,#151637)}.classStudioEyebrow{color:#68e4bd;font-size:11px;font-weight:650;letter-spacing:1.1px;text-transform:uppercase}.classStudioHero h1{margin:4px 0 5px;font-size:clamp(30px,3.5vw,42px);font-weight:700;letter-spacing:-1.3px}.classStudioHero p{margin:0;color:#9bb0c1;font-size:14px}.classStudioCount{min-width:110px;padding:10px 13px;border:1px solid #28715e;border-radius:12px;background:#0d382f;color:#75e4bd;text-align:center}.classStudioCount b{display:block;font-size:22px}.classStudioCount span{font-size:12px}.classStudioGrid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px;margin-top:12px}.classStudioCard{padding:19px!important;border:1px solid #29475f!important;border-radius:18px!important;background:linear-gradient(150deg,#0d2234,#091827)!important}.classStudioCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.classStudioCard h2{margin:0;font-size:21px;font-weight:650;letter-spacing:-.4px}.classStudioCardHead p{margin:4px 0 0;color:#849bad;font-size:13px}.classPeriodPicker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px}.classPeriodOption{position:relative;cursor:pointer}.classPeriodOption input{position:absolute;opacity:0;pointer-events:none}.classPeriodOption span{min-height:73px;display:flex;flex-direction:column;justify-content:center;padding:10px;border:1px solid #2b4b63;border-radius:12px;background:#0a1c2c;color:#a9bdcc;transition:.16s}.classPeriodOption b{font-size:14px;font-weight:600;color:#e4edf4}.classPeriodOption small{margin-top:3px;font-size:11px;line-height:1.3}.classPeriodOption input:checked+span{border-color:#6fe2c0;background:linear-gradient(145deg,#123d3a,#102d42);box-shadow:0 0 0 2px rgba(111,226,192,.08)}.classPeriodOption input:checked+span b{color:#79e7c6}.classStudioFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.classStudioFormGrid .field{margin:0}.classStudioFormGrid .field.wide{grid-column:1/-1}.classStudioPage label{font-size:13px;font-weight:550}.classStudioPage .input{min-height:45px;font-size:14px;border-radius:11px}.classStudioHint{margin-top:5px;color:#7f96a8;font-size:12px}.classStudioPublish{width:100%;min-height:46px;margin-top:13px;border-radius:12px!important;background:linear-gradient(115deg,#67e2bc,#79dfd0)!important;border-color:#79e8ca!important;color:#071820!important;font-size:14px!important;font-weight:650!important}.classStudioList{display:grid;gap:9px}.studioClassRow{padding:14px;border:1px solid #294961;border-radius:14px;background:#0a1c2c}.studioClassTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.studioClassTop h3{margin:0;font-size:16px;font-weight:650}.studioPeriodBadge{padding:5px 8px;border:1px solid #2f695b;border-radius:999px;background:#10362f;color:#72dfbd;font-size:11px;white-space:nowrap}.studioClassMeta{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.studioClassMeta span{padding:5px 7px;border:1px solid #29485f;border-radius:8px;color:#a5b8c7;font-size:12px}.studioClassFoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;padding-top:10px;border-top:1px solid #223e53}.studioSeatState{color:#829aab;font-size:12px}.studioActions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.studioActions form{margin:0}.studioActions .btn{min-height:37px;padding:8px 10px;border-radius:9px;font-size:12px;font-weight:600}.classStudioFull{grid-column:1/-1}.studioRequestRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 13px;border:1px solid #29485f;border-radius:13px;background:#0a1c2c}.studioRequestName{font-size:15px;font-weight:600}.studioRequestMeta{margin-top:3px;color:#8299aa;font-size:12px}.studioRequestMessage{margin-top:6px;color:#b2c1cc;font-size:13px}.studioRequestActions{display:flex;gap:6px}.studioRequestActions .btn{min-height:37px;padding:8px 11px;font-size:12px}.classStudioHistory{margin-top:12px;padding:18px;border:1px solid #29475f;border-radius:18px;background:linear-gradient(150deg,#0c2032,#091725)}
@media(max-width:900px){.classStudioGrid{grid-template-columns:1fr}.classStudioFull{grid-column:auto}}@media(max-width:620px){.classStudioPage{width:calc(100% - 20px);padding-top:12px}.classStudioHero{align-items:flex-start;flex-direction:column;padding:18px 16px}.classStudioCount{display:flex;align-items:center;gap:6px;text-align:left}.classStudioCount b{font-size:18px}.classStudioCard{padding:15px!important}.classPeriodPicker{grid-template-columns:1fr}.classPeriodOption span{min-height:58px}.classStudioFormGrid{grid-template-columns:1fr}.classStudioFormGrid .field.wide{grid-column:auto}.studioClassTop,.studioClassFoot{align-items:flex-start;flex-direction:column}.studioActions,.studioActions form,.studioActions .btn{width:100%}.studioRequestRow{grid-template-columns:1fr}.studioRequestActions,.studioRequestActions .btn{width:100%}}

/* ======================================================================
   PROFILE PAGE REDESIGN — replaces the older flattened "quiet" theme
   that was stripping gradients/shadows/motion from this page. Placed
   last so it wins the cascade; scoped to .profileUnified.profilePageV2
   (the /profile "My Learning Profile" page only — tutor pages use a
   different wrapper class and are untouched). Mobile-first, with a
   horizontal-scroll metric strip on small screens instead of a cramped
   grid, which reads far less "corporate dashboard" on a phone.
   ====================================================================== */
.profileUnified.profilePageV2{--pf-mint:#5fe2b4;--pf-cyan:#43c8dc;--pf-blue:#559cf2;--pf-violet:#8066ff;--pf-amber:#f1c768;--pf-bg:#0a1626;--pf-card:#0e2032;--pf-card2:#0b1a2a;--pf-line:rgba(101,150,183,.22);--pf-text:#f6f9fc;--pf-muted:#93a7bb}
.profileUnified.profilePageV2,.profileUnified.profilePageV2 *{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}

/* base cards: bring back depth + a soft top highlight, ditch the flat "quiet" look */
.profileUnified.profilePageV2 .simpleCard,
.profileUnified.profilePageV2 .proProfileHero,
.profileUnified.profilePageV2 .proActivityCard,
.profileUnified.profilePageV2 .proLearningCard,
.profileUnified.profilePageV2 .proInfoCard,
.profileUnified.profilePageV2 .proNextCard{
  position:relative;border:1px solid var(--pf-line)!important;border-radius:22px!important;
  background:linear-gradient(165deg,var(--pf-card) 0%,var(--pf-card2) 100%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 40px rgba(0,0,0,.22)!important;
  transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s ease,box-shadow .2s ease!important;
}
.profileUnified.profilePageV2 h1,.profileUnified.profilePageV2 h2,.profileUnified.profilePageV2 h3,
.profileUnified.profilePageV2 .proProfileName{color:var(--pf-text)!important;letter-spacing:-.02em}
.profileUnified.profilePageV2 p,.profileUnified.profilePageV2 .simpleMeta,.profileUnified.profilePageV2 .simpleSub{color:var(--pf-muted)!important}

/* hero */
.profileUnified.profilePageV2 .proProfileTop{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;margin-bottom:14px}
.profileUnified.profilePageV2 .proProfileHero{
  overflow:hidden;padding:30px 32px!important;display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(220px,.75fr) auto;align-items:center;gap:26px;
  background:
    radial-gradient(circle at 6% -10%,rgba(95,226,180,.16),transparent 42%),
    radial-gradient(circle at 96% 118%,rgba(128,102,255,.22),transparent 46%),
    linear-gradient(135deg,#123049 0%,#0c1e30 55%,#151b3c 100%)!important;
}
.profileUnified.profilePageV2 .proProfileHero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.05) 48%,transparent 64%)}
.profileUnified.profilePageV2 .proProfileIdentity{gap:20px}
.profileUnified.profilePageV2 .proProfileAvatar{
  width:80px;height:80px;flex-basis:80px;border:0!important;border-radius:24px!important;
  background:linear-gradient(150deg,var(--pf-mint),var(--pf-cyan) 50%,var(--pf-blue))!important;
  color:#052018!important;font-weight:950;box-shadow:0 16px 34px rgba(80,190,215,.32),inset 0 1px 0 rgba(255,255,255,.4)!important;
}
.profileUnified.profilePageV2 .proProfileEyebrow{color:var(--pf-mint)!important;font-weight:900!important;letter-spacing:.16em!important}
.profileUnified.profilePageV2 .proProfileName{font-size:clamp(30px,3.6vw,48px)!important;font-weight:950!important;letter-spacing:-2px!important}
.profileUnified.profilePageV2 .proProfileMeta{color:#b3c4d4!important}
.profileUnified.profilePageV2 .proProfileBadge{
  border:1px solid rgba(95,226,180,.4)!important;background:rgba(20,63,53,.55)!important;color:#9cf0d3!important;font-weight:800!important;
}
.profileUnified.profilePageV2 .proCompleteness{border-left:1px solid rgba(255,255,255,.08)!important}
.profileUnified.profilePageV2 .proCompletenessHead b{color:var(--pf-mint)!important}
.profileUnified.profilePageV2 .proCompletenessRail{background:rgba(255,255,255,.08)!important}
.profileUnified.profilePageV2 .proCompletenessRail span{background:linear-gradient(90deg,var(--pf-blue),var(--pf-mint))!important;box-shadow:0 0 14px rgba(95,226,180,.4)}

/* buttons — restore real color + motion */
.profileUnified.profilePageV2 .btn,.profileUnified.profilePageV2 button{border-radius:13px!important;font-weight:850!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}
.profileUnified.profilePageV2 .proProfilePrimary,.profileUnified.profilePageV2 .proContinueBtn,.profileUnified.profilePageV2 .proResumeBtn{
  border:0!important;color:#04140f!important;
  background:linear-gradient(120deg,var(--pf-mint) 0%,var(--pf-cyan) 100%)!important;
  box-shadow:0 12px 26px rgba(90,215,190,.28)!important;
}
.profileUnified.profilePageV2 .proProfilePrimary:hover,.profileUnified.profilePageV2 .proContinueBtn:hover,.profileUnified.profilePageV2 .proResumeBtn:hover{
  transform:translateY(-2px)!important;box-shadow:0 16px 34px rgba(90,215,190,.38)!important;filter:saturate(1.08)
}
.profileUnified.profilePageV2 .proProfileSecondary{border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.04)!important;color:#e6eef5!important}
.profileUnified.profilePageV2 .proProfileSecondary:hover{border-color:rgba(95,226,180,.5)!important;background:rgba(95,226,180,.08)!important;transform:translateY(-2px)!important}

/* activity card */
.profileUnified.profilePageV2 .proActivityCard{background:linear-gradient(160deg,#132340,#0b1a2c)!important}
.profileUnified.profilePageV2 .proActivityIcon{border:0!important;background:linear-gradient(150deg,rgba(128,102,255,.35),rgba(85,156,242,.28))!important;color:#c9beff!important}
.profileUnified.profilePageV2 .proActivityLink{color:var(--pf-cyan)!important}
.profileUnified.profilePageV2 .proActivityCard:hover{transform:translateY(-3px)!important;border-color:rgba(128,102,255,.4)!important}

/* learning overview + progress ring */
.profileUnified.profilePageV2 .proLearningCard:hover{border-color:rgba(95,226,180,.35)!important}
.profileUnified.profilePageV2 .proProgressRing{background:conic-gradient(var(--pf-mint) calc(var(--p)*1%),rgba(255,255,255,.08) 0)!important;box-shadow:0 0 0 6px rgba(95,226,180,.06)}
.profileUnified.profilePageV2 .proProgressRing:before{background:var(--pf-card)!important}
.profileUnified.profilePageV2 .proProgressRing b{color:var(--pf-mint)!important}
.profileUnified.profilePageV2 .proLearningRail{background:rgba(255,255,255,.08)!important}
.profileUnified.profilePageV2 .proLearningRail span{background:linear-gradient(90deg,var(--pf-blue),var(--pf-mint))!important;box-shadow:0 0 12px rgba(95,226,180,.35)}

/* metric strip — desktop grid, colourful chips */
.profileUnified.profilePageV2 .proMetricGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.profileUnified.profilePageV2 .proMetric{
  min-height:118px;padding:16px!important;border:0!important;border-radius:18px!important;
  background:linear-gradient(160deg,#12283e,#0c1c2c)!important;overflow:hidden;
}
.profileUnified.profilePageV2 .proMetric:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--pf-blue),var(--pf-mint));opacity:.9}
.profileUnified.profilePageV2 .proMetric:nth-child(2):before{background:linear-gradient(90deg,var(--pf-amber),#ff9f6b)}
.profileUnified.profilePageV2 .proMetric:nth-child(3):before{background:linear-gradient(90deg,var(--pf-violet),#b18bff)}
.profileUnified.profilePageV2 .proMetric:nth-child(4):before{background:linear-gradient(90deg,var(--pf-amber),#ffd98a)}
.profileUnified.profilePageV2 .proMetric:nth-child(5):before{background:linear-gradient(90deg,var(--pf-cyan),var(--pf-blue))}
.profileUnified.profilePageV2 .proMetric:nth-child(6):before{background:linear-gradient(90deg,var(--pf-mint),var(--pf-cyan))}
.profileUnified.profilePageV2 .proMetricIcon{border:0!important;background:rgba(95,226,180,.12)!important;color:var(--pf-mint)!important}
.profileUnified.profilePageV2 .proMetric:nth-child(2) .proMetricIcon{background:rgba(241,199,104,.14)!important;color:var(--pf-amber)!important}
.profileUnified.profilePageV2 .proMetric:nth-child(3) .proMetricIcon{background:rgba(128,102,255,.16)!important;color:#b6a4ff!important}
.profileUnified.profilePageV2 .proMetric:nth-child(4) .proMetricIcon{background:rgba(241,199,104,.14)!important;color:var(--pf-amber)!important}
.profileUnified.profilePageV2 .proMetric:nth-child(5) .proMetricIcon{background:rgba(67,200,220,.16)!important;color:var(--pf-cyan)!important}
.profileUnified.profilePageV2 .proMetric:nth-child(6) .proMetricIcon{background:rgba(95,226,180,.14)!important;color:var(--pf-mint)!important}
.profileUnified.profilePageV2 .proMetric span{color:var(--pf-muted)!important;font-weight:700!important;text-transform:uppercase;font-size:10px!important;letter-spacing:.06em}
.profileUnified.profilePageV2 .proMetric b{color:var(--pf-text)!important;font-weight:900!important}
.profileUnified.profilePageV2 .proMetric:hover{transform:translateY(-4px)!important;box-shadow:0 16px 32px rgba(0,0,0,.28)!important}

/* lower row: interests / skills / next step */
.profileUnified.profilePageV2 .proInfoIcon{border:0!important;background:rgba(85,156,242,.16)!important;color:#8fc0ff!important}
.profileUnified.profilePageV2 .proEditLink{color:var(--pf-muted)!important}
.profileUnified.profilePageV2 .proInfoCard:hover,.profileUnified.profilePageV2 .proNextCard:hover{transform:translateY(-3px)!important;border-color:rgba(85,156,242,.35)!important}
.profileUnified.profilePageV2 .simpleTag{
  border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.05)!important;color:#dfeaf2!important;font-weight:700!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
.profileUnified.profilePageV2 .simpleTag:hover{transform:translateY(-2px)!important;border-color:var(--pf-mint)!important;background:rgba(95,226,180,.12)!important;color:#fff!important}
.profileUnified.profilePageV2 .proNextCard{background:linear-gradient(155deg,#123244,#0c1e2e)!important}
.profileUnified.profilePageV2 .proNextEyebrow{color:var(--pf-mint)!important;font-weight:900!important}
.profileUnified.profilePageV2 .proNextRail{background:rgba(255,255,255,.1)!important}
.profileUnified.profilePageV2 .proNextRail span{background:linear-gradient(90deg,var(--pf-blue),var(--pf-mint))!important;box-shadow:0 0 10px rgba(95,226,180,.35)}

.profileUnified.profilePageV2 .proProfileLower{grid-template-columns:1fr 1fr 1.25fr;gap:14px}

/* ---------------- responsive ---------------- */
@media(max-width:1080px){
  .profileUnified.profilePageV2 .proProfileTop{grid-template-columns:1fr}
  .profileUnified.profilePageV2 .proProfileHero{grid-template-columns:minmax(0,1fr) minmax(200px,.7fr)}
  .profileUnified.profilePageV2 .proProfileActions{grid-column:1/-1;grid-template-columns:1fr 1fr;min-width:0}
  .profileUnified.profilePageV2 .proMetricGrid{grid-template-columns:repeat(3,1fr)}
  .profileUnified.profilePageV2 .proProfileLower{grid-template-columns:1fr 1fr}
  .profileUnified.profilePageV2 .proNextCard{grid-column:1/-1}
}
@media(max-width:860px){
  .profileUnified.profilePageV2 .proProfileHero{grid-template-columns:1fr;padding:24px!important}
  .profileUnified.profilePageV2 .proCompleteness{border-left:0!important;border-top:1px solid rgba(255,255,255,.08)!important;padding:16px 0 0!important}
  .profileUnified.profilePageV2 .proProfileActions{grid-column:auto;grid-template-columns:1fr}
  .profileUnified.profilePageV2 .proProfileLower{grid-template-columns:1fr}
  .profileUnified.profilePageV2 .proNextCard{grid-column:auto}
  /* metric strip becomes a swipeable horizontal scroller — feels native on a phone
     instead of a cramped grid that gets smaller and smaller. */
  .profileUnified.profilePageV2 .proMetricGrid{
    display:flex;grid-template-columns:none;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;
    padding-bottom:6px;margin:0 -4px;-webkit-overflow-scrolling:touch;
  }
  .profileUnified.profilePageV2 .proMetricGrid::-webkit-scrollbar{height:0}
  .profileUnified.profilePageV2 .proMetric{flex:0 0 128px;scroll-snap-align:start;min-height:112px}
  .profileUnified.profilePageV2 .proMetric:hover{transform:none!important}
}
@media(max-width:520px){
  .profileUnified.profilePageV2{padding:14px 0 44px}
  .profileUnified.profilePageV2 .proProfileHero{padding:20px 18px!important;border-radius:20px!important}
  .profileUnified.profilePageV2 .proProfileIdentity{align-items:flex-start;gap:14px}
  .profileUnified.profilePageV2 .proProfileAvatar{width:60px;height:60px;flex-basis:60px;border-radius:18px}
  .profileUnified.profilePageV2 .proProfileName{font-size:30px!important;letter-spacing:-1.3px!important}
  .profileUnified.profilePageV2 .proActivityCard{grid-template-columns:auto 1fr;padding:16px!important}
  .profileUnified.profilePageV2 .proActivityLink{grid-column:1/-1}
  .profileUnified.profilePageV2 .proLearningHead{grid-template-columns:1fr auto}
  .profileUnified.profilePageV2 .proContinueBtn{grid-column:1/-1}
  .profileUnified.profilePageV2 .simpleCard,.profileUnified.profilePageV2 .proInfoCard,.profileUnified.profilePageV2 .proNextCard{border-radius:18px!important}
}
@media(prefers-reduced-motion:reduce){
  .profileUnified.profilePageV2 .simpleCard,.profileUnified.profilePageV2 .proMetric,.profileUnified.profilePageV2 .btn,.profileUnified.profilePageV2 button{transition:none!important}
}

/* ======================================================================
   PROFILE PAGE — POLISH PASS 2: glassmorphism, ambient backdrop, motion.
   Still scoped to .profileUnified.profilePageV2 only; overflow is
   contained so the decorative backdrop never introduces horizontal
   scroll on narrow screens.
   ====================================================================== */
.profileUnified.profilePageV2{position:relative;overflow:hidden;isolation:isolate}
.profileUnified.profilePageV2:before{
  content:"";position:absolute;z-index:-1;left:0;right:0;top:-40px;height:560px;pointer-events:none;
  background:
    radial-gradient(circle at 12% 10%,rgba(95,226,180,.16),transparent 42%),
    radial-gradient(circle at 88% 4%,rgba(128,102,255,.18),transparent 44%),
    radial-gradient(circle at 55% 85%,rgba(67,200,220,.12),transparent 46%);
  filter:blur(6px);
}

/* frosted-glass cards over the ambient backdrop */
.profileUnified.profilePageV2 .simpleCard,
.profileUnified.profilePageV2 .proProfileHero,
.profileUnified.profilePageV2 .proActivityCard,
.profileUnified.profilePageV2 .proLearningCard,
.profileUnified.profilePageV2 .proInfoCard,
.profileUnified.profilePageV2 .proNextCard{
  background:linear-gradient(165deg,rgba(22,44,66,.74) 0%,rgba(11,27,43,.82) 100%)!important;
  backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 22px 48px rgba(0,0,0,.32)!important;
}
.profileUnified.profilePageV2 .proMetric{
  background:linear-gradient(165deg,rgba(24,50,74,.6),rgba(11,27,43,.66))!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.07)!important;
}

/* entrance motion — subtle rise + fade, staggered */
@keyframes pfRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.profileUnified.profilePageV2 .proProfileTop{animation:pfRise .5s cubic-bezier(.2,.8,.2,1) both}
.profileUnified.profilePageV2 .proLearningCard{animation:pfRise .55s .06s cubic-bezier(.2,.8,.2,1) both}
.profileUnified.profilePageV2 .proProfileLower>*{animation:pfRise .5s cubic-bezier(.2,.8,.2,1) both}
.profileUnified.profilePageV2 .proProfileLower>*:nth-child(1){animation-delay:.1s}
.profileUnified.profilePageV2 .proProfileLower>*:nth-child(2){animation-delay:.16s}
.profileUnified.profilePageV2 .proProfileLower>*:nth-child(3){animation-delay:.22s}

/* animated gradient halo behind the avatar + a gentle pulse on the online dot */
.profileUnified.profilePageV2 .proProfileAvatar{position:relative;z-index:1}
.profileUnified.profilePageV2 .proProfileAvatar:before{
  content:"";position:absolute;inset:-6px;z-index:-1;border-radius:28px;
  background:conic-gradient(from 180deg,var(--pf-mint),var(--pf-cyan),var(--pf-blue),var(--pf-violet),var(--pf-mint));
  opacity:.6;filter:blur(7px);animation:pfSpin 7s linear infinite;
}
@keyframes pfSpin{to{transform:rotate(360deg)}}
@keyframes pfPulseDot{0%,100%{box-shadow:0 0 0 0 rgba(95,226,180,.55)}50%{box-shadow:0 0 0 7px rgba(95,226,180,0)}}
.profileUnified.profilePageV2 .proProfileAvatar i{animation:pfPulseDot 2.4s ease-in-out infinite}

/* shine sweep across the primary CTAs, matching the app's existing shine language */
.profileUnified.profilePageV2 .proProfilePrimary,.profileUnified.profilePageV2 .proContinueBtn,.profileUnified.profilePageV2 .proResumeBtn{position:relative;overflow:hidden}
.profileUnified.profilePageV2 .proProfilePrimary:before,.profileUnified.profilePageV2 .proContinueBtn:before,.profileUnified.profilePageV2 .proResumeBtn:before{
  content:"";position:absolute;inset:-2px;z-index:1;pointer-events:none;
  background:linear-gradient(100deg,transparent 32%,rgba(255,255,255,.55) 48%,transparent 64%);
  transform:translateX(-135%);animation:pfShine 4.6s ease-in-out infinite;
}
@keyframes pfShine{0%,58%,100%{transform:translateX(-135%)}78%{transform:translateX(135%)}}

/* icon micro-interaction on metric hover */
.profileUnified.profilePageV2 .proMetric:hover .proMetricIcon{transform:scale(1.1) rotate(-4deg)}
.profileUnified.profilePageV2 .proMetricIcon{transition:transform .22s ease}

@media(max-width:520px){.profileUnified.profilePageV2:before{height:420px}}
@media(prefers-reduced-motion:reduce){
  .profileUnified.profilePageV2 .proProfileTop,.profileUnified.profilePageV2 .proLearningCard,.profileUnified.profilePageV2 .proProfileLower>*,
  .profileUnified.profilePageV2 .proProfileAvatar:before,.profileUnified.profilePageV2 .proProfileAvatar i,
  .profileUnified.profilePageV2 .proProfilePrimary:before,.profileUnified.profilePageV2 .proContinueBtn:before,.profileUnified.profilePageV2 .proResumeBtn:before{
    animation:none!important;opacity:1!important;transform:none!important;
  }
}

/* Learner profile V5: use the same compact visual system as the tutor profile. */
.profileUnified.tutorProfileV3.learnerTutorProfile{width:min(1180px,calc(100% - 32px));padding-top:16px}
.learnerTutorProfile .learnerProfileHero{grid-template-columns:minmax(0,1fr) auto}
.learnerTutorProfile .learnerHeroActions{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:7px;min-width:330px}
.learnerTutorProfile .learnerHeroActions .btn{min-height:42px;padding:9px 14px;font-size:12px}
.learnerTutorProfile .learnerCompleteness{grid-column:1/-1;margin-top:3px}
.learnerTutorProfile .learnerCompletenessHead{display:flex;justify-content:space-between;gap:12px;color:#91a8b9;font-size:10px}
.learnerTutorProfile .learnerCompletenessHead b{color:var(--tp4-mint)}
.learnerTutorProfile .learnerCompletenessRail{height:5px;margin-top:6px;overflow:hidden;border-radius:999px;background:#173044}
.learnerTutorProfile .learnerCompletenessRail span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#58a8ff,var(--tp4-mint));box-shadow:0 0 12px rgba(110,231,193,.3)}
.learnerTutorProfile .learnerActivityBar{display:grid;grid-template-columns:minmax(170px,.75fr) minmax(0,1.25fr) auto;align-items:center;gap:0;margin-top:10px;overflow:hidden;border:1px solid var(--tp4-line);border-radius:16px;background:linear-gradient(145deg,#0c2233,#091827)}
.learnerTutorProfile .learnerActivityIntro{padding:12px 15px;background:rgba(15,45,60,.5)}
.learnerTutorProfile .learnerActivityIntro span{display:block;color:var(--tp4-mint);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.learnerTutorProfile .learnerActivityIntro b{display:block;margin-top:4px;font-size:14px}
.learnerTutorProfile .learnerActivityCopy{padding:12px 16px;color:#9eb1bf;font-size:11px}
.learnerTutorProfile .learnerActivityLink{margin-right:14px;color:#78dfc3;font-size:11px;font-weight:750;text-decoration:none;white-space:nowrap}
.learnerTutorProfile .learnerOverviewCard{margin-top:10px}
.learnerTutorProfile .learnerOverviewHead{display:flex;align-items:end;justify-content:space-between;gap:14px}
.learnerTutorProfile .learnerOverviewHead p{margin:0;color:#8fa5b6;font-size:11px}
.learnerTutorProfile .learnerProgressPill{padding:6px 10px;border:1px solid rgba(110,231,193,.3);border-radius:999px;background:rgba(37,112,94,.14);color:var(--tp4-mint);font-size:11px;font-weight:800;white-space:nowrap}
.learnerTutorProfile .learnerMetricGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-top:12px;overflow:hidden;border:1px solid var(--tp4-line);border-radius:15px;background:#0a1b2a}
.learnerTutorProfile .learnerMetric{min-width:0;padding:12px 13px;border-right:1px solid var(--tp4-line)}
.learnerTutorProfile .learnerMetric:last-child{border-right:0}.learnerTutorProfile .learnerMetric span{display:block;color:#8199aa;font-size:9px;text-transform:uppercase;letter-spacing:.55px}.learnerTutorProfile .learnerMetric b{display:block;margin-top:4px;color:#e5eef3;font-size:13px;overflow-wrap:anywhere}
.learnerTutorProfile .learnerDetailGrid{grid-template-columns:1fr 1fr}.learnerTutorProfile .learnerDetailCard{min-height:160px}.learnerTutorProfile .learnerEditLink{float:right;color:#71dcbc;font-size:12px;text-decoration:none}.learnerTutorProfile .learnerNextCard{margin-top:10px}.learnerTutorProfile .learnerNextRow{display:flex;align-items:center;justify-content:space-between;gap:16px}.learnerTutorProfile .learnerNextRow p{margin:0;color:#92a8b8;font-size:11px}.learnerTutorProfile .learnerNextRow .btn{flex:0 0 auto}
.learnerTutorProfile>.simpleCard,.learnerTutorProfile>#profile-requests{margin-top:10px;padding:16px!important;border-radius:17px!important}.learnerTutorProfile>.simpleCard h2,.learnerTutorProfile>#profile-requests h2{font-size:20px!important;font-weight:650!important}
@media(max-width:900px){.learnerTutorProfile .learnerHeroActions{grid-column:1/-1;min-width:0}.learnerTutorProfile .learnerMetricGrid{grid-template-columns:repeat(3,1fr)}.learnerTutorProfile .learnerMetric:nth-child(3){border-right:0}.learnerTutorProfile .learnerMetric:nth-child(-n+3){border-bottom:1px solid var(--tp4-line)}}
@media(max-width:680px){.profileUnified.tutorProfileV3.learnerTutorProfile{width:calc(100% - 20px);padding-top:10px}.learnerTutorProfile .learnerProfileHero{grid-template-columns:1fr}.learnerTutorProfile .learnerHeroActions{grid-template-columns:1fr}.learnerTutorProfile .learnerActivityBar{grid-template-columns:1fr}.learnerTutorProfile .learnerActivityCopy{border-top:1px solid var(--tp4-line)}.learnerTutorProfile .learnerActivityLink{margin:0;padding:0 16px 13px}.learnerTutorProfile .learnerMetricGrid{grid-template-columns:1fr 1fr}.learnerTutorProfile .learnerMetric{border-right:0;border-bottom:1px solid var(--tp4-line)}.learnerTutorProfile .learnerMetric:nth-child(odd){border-right:1px solid var(--tp4-line)}.learnerTutorProfile .learnerMetric:nth-last-child(-n+2){border-bottom:0}.learnerTutorProfile .learnerDetailGrid{grid-template-columns:1fr}.learnerTutorProfile .learnerNextRow{align-items:flex-start;flex-direction:column}.learnerTutorProfile .learnerNextRow .btn{width:100%}}
@media(max-width:390px){.learnerTutorProfile .learnerMetricGrid{grid-template-columns:1fr}.learnerTutorProfile .learnerMetric,.learnerTutorProfile .learnerMetric:nth-child(odd){border-right:0}.learnerTutorProfile .learnerMetric:nth-last-child(2){border-bottom:1px solid var(--tp4-line)}}

/* Learner profile V5.1: lightweight, purposeful motion and interaction. */
@keyframes lpEnter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes lpAvatarGlow{0%,100%{box-shadow:0 12px 30px rgba(70,142,225,.23),0 0 0 0 rgba(110,231,193,.16)}50%{box-shadow:0 16px 38px rgba(70,142,225,.3),0 0 0 7px rgba(110,231,193,0)}}
@keyframes lpPresencePulse{0%,100%{box-shadow:0 0 0 0 rgba(110,231,193,.48)}50%{box-shadow:0 0 0 6px rgba(110,231,193,0)}}
@keyframes lpShine{0%,58%,100%{transform:translateX(-135%)}78%{transform:translateX(135%)}}
@keyframes lpProgressIn{from{width:0}}
.learnerTutorProfile{position:relative;isolation:isolate}
.learnerTutorProfile:before{content:"";position:absolute;z-index:-1;left:4%;right:4%;top:-30px;height:390px;pointer-events:none;background:radial-gradient(circle at 14% 12%,rgba(76,169,255,.12),transparent 39%),radial-gradient(circle at 86% 10%,rgba(130,104,246,.13),transparent 42%),radial-gradient(circle at 50% 70%,rgba(110,231,193,.07),transparent 44%);filter:blur(7px)}
.learnerTutorProfile .learnerProfileHero{animation:lpEnter .5s cubic-bezier(.2,.8,.2,1) both}
.learnerTutorProfile .learnerActivityBar{animation:lpEnter .5s .06s cubic-bezier(.2,.8,.2,1) both}
.learnerTutorProfile .learnerOverviewCard{animation:lpEnter .5s .12s cubic-bezier(.2,.8,.2,1) both}
.learnerTutorProfile .learnerDetailGrid{animation:lpEnter .5s .18s cubic-bezier(.2,.8,.2,1) both}
.learnerTutorProfile .learnerNextCard{animation:lpEnter .5s .24s cubic-bezier(.2,.8,.2,1) both}
.learnerTutorProfile>.simpleCard:not(.learnerProfileHero):not(.learnerOverviewCard):not(.learnerNextCard),.learnerTutorProfile>#profile-requests{animation:lpEnter .5s .3s cubic-bezier(.2,.8,.2,1) both}
.learnerTutorProfile .tpCompactIdentity .simpleAvatar{animation:lpAvatarGlow 3.8s ease-in-out infinite;transition:transform .22s ease,filter .22s ease}
.learnerTutorProfile .tpCompactIdentity:hover .simpleAvatar{transform:translateY(-3px) rotate(-2deg);filter:saturate(1.12)}
.learnerTutorProfile .tpCompactPresence.online:before{animation:lpPresencePulse 2.3s ease-out infinite}
.learnerTutorProfile .learnerCompletenessRail span,.learnerTutorProfile .learnerProgressRail span{animation:lpProgressIn .85s .25s cubic-bezier(.2,.8,.2,1) both}
.learnerTutorProfile .tpCompactCard,.learnerTutorProfile .learnerActivityBar,.learnerTutorProfile>.simpleCard,.learnerTutorProfile>#profile-requests{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.learnerTutorProfile .tpCompactCard:hover,.learnerTutorProfile>.simpleCard:hover,.learnerTutorProfile>#profile-requests:hover{transform:translateY(-3px);border-color:rgba(110,231,193,.38)!important;box-shadow:0 18px 38px rgba(0,0,0,.2)!important}
.learnerTutorProfile .learnerMetric{position:relative;overflow:hidden;transition:background .18s ease,transform .18s ease}
.learnerTutorProfile .learnerMetric:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#58a8ff,var(--tp4-mint));opacity:0;transform:scaleX(.25);transition:opacity .18s ease,transform .18s ease}
.learnerTutorProfile .learnerMetric:hover{z-index:1;background:rgba(36,77,103,.34);transform:translateY(-2px)}
.learnerTutorProfile .learnerMetric:hover:after{opacity:1;transform:scaleX(1)}
.learnerTutorProfile .profilePrimaryBtn{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}
.learnerTutorProfile .profilePrimaryBtn:after{content:"";position:absolute;inset:-2px;pointer-events:none;background:linear-gradient(100deg,transparent 31%,rgba(255,255,255,.52) 48%,transparent 65%);transform:translateX(-135%);animation:lpShine 4.8s ease-in-out infinite}
.learnerTutorProfile .profilePrimaryBtn:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 14px 28px rgba(74,216,175,.24)!important}
.learnerTutorProfile .learnerActivityLink{transition:color .18s ease,transform .18s ease}.learnerTutorProfile .learnerActivityLink:hover{color:#a0f3dc;transform:translateX(3px)}
@media(hover:none){.learnerTutorProfile .tpCompactCard:hover,.learnerTutorProfile>.simpleCard:hover,.learnerTutorProfile>#profile-requests:hover,.learnerTutorProfile .learnerMetric:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.learnerTutorProfile:before{filter:none}.learnerTutorProfile .learnerProfileHero,.learnerTutorProfile .learnerActivityBar,.learnerTutorProfile .learnerOverviewCard,.learnerTutorProfile .learnerDetailGrid,.learnerTutorProfile .learnerNextCard,.learnerTutorProfile>.simpleCard,.learnerTutorProfile>#profile-requests,.learnerTutorProfile .tpCompactIdentity .simpleAvatar,.learnerTutorProfile .tpCompactPresence.online:before,.learnerTutorProfile .learnerCompletenessRail span,.learnerTutorProfile .profilePrimaryBtn:after{animation:none!important;opacity:1!important;transform:none!important}.learnerTutorProfile .tpCompactCard,.learnerTutorProfile .learnerMetric,.learnerTutorProfile .profilePrimaryBtn{transition:none!important}}

/* Dashboard actions V6: compact, consistent and premium. */
.dashboardWonder .connectionAction{
  min-width:132px;min-height:40px;padding:9px 14px;gap:9px;
  border-radius:12px;font-size:11px;font-weight:800;letter-spacing:.01em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 8px 20px rgba(0,0,0,.18);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease;
}
.dashboardWonder .connectionAction:before{z-index:0;opacity:.7}.dashboardWonder .connectionAction>*{position:relative;z-index:1}
.dashboardWonder .callAction{
  border-color:rgba(134,145,255,.66);background:linear-gradient(135deg,#6659df 0%,#427fd9 100%);color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 9px 22px rgba(66,76,184,.23);
}
.dashboardWonder .callAction:hover:not(:disabled){border-color:#9ba6ff;background:linear-gradient(135deg,#7165e7,#4b8ae2);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 12px 26px rgba(66,76,184,.3)}
.dashboardWonder .classAction{
  border-color:rgba(105,220,190,.56);background:rgba(31,94,91,.2);color:#85e5ca;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 20px rgba(0,0,0,.14);
}
.dashboardWonder .classAction:hover:not(:disabled){border-color:#78e1c2;background:rgba(54,139,122,.25);color:#a1f0da;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 11px 24px rgba(20,91,79,.18)}
.dashboardWonder .messageAction{min-width:112px;border-color:rgba(100,210,219,.46);background:linear-gradient(145deg,rgba(20,67,82,.96),rgba(18,49,72,.96));color:#91ede4;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 20px rgba(0,0,0,.15)}
.dashboardWonder .messageAction:hover{border-color:#78e7dd;background:linear-gradient(145deg,#195b68,#173e5d);color:#c3fff8;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 11px 25px rgba(28,132,136,.18)}
.dashboardWonder .connectionPulse{width:7px;height:7px;flex-basis:7px;background:#c7fff0;box-shadow:0 0 0 3px rgba(199,255,240,.11)}
.dashboardWonder .connectionAction>b,.dashboardWonder .connectionAction>i:not(.connectionPulse){margin-left:3px;font-size:15px;font-weight:500;transition:transform .18s ease}
.dashboardWonder .connectionAction:hover>b,.dashboardWonder .connectionAction:hover>i:not(.connectionPulse){transform:translateX(3px)}
.dashboardWonder .matchAside .tutorActions{align-items:center;gap:9px;flex-wrap:wrap}
.dashboardWonder .classHubLink{
  min-height:38px!important;padding:9px 13px!important;gap:8px!important;border:1px solid rgba(91,150,177,.48)!important;
  border-radius:11px!important;background:linear-gradient(145deg,rgba(19,52,72,.94),rgba(14,39,57,.94))!important;
  color:#83e2c7!important;font-size:11px!important;font-weight:800!important;letter-spacing:.01em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 7px 18px rgba(0,0,0,.13)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease!important;
}
.dashboardWonder .classHubLink:after{content:"→";font-size:14px;font-weight:500;transition:transform .18s ease}
.dashboardWonder .classHubLink:hover{transform:translateY(-2px);border-color:rgba(111,226,195,.72)!important;background:linear-gradient(145deg,#173a4d,#102e42)!important;color:#a3f0dc!important}
.dashboardWonder .classHubLink:hover:after{transform:translateX(3px)}
@media(max-width:680px){.dashboardWonder .matchAside .tutorActions{display:grid;grid-template-columns:1fr 1fr}.dashboardWonder .matchAside .connectionAction{width:100%;min-width:0}.dashboardWonder .matchAside .tutorActions .messageAction:first-child:last-child,.dashboardWonder .matchAside .tutorActions .classAction:nth-child(3){grid-column:1/-1}.dashboardWonder .classHubLink{min-height:36px!important;padding:8px 11px!important;font-size:10px!important}}
@media(max-width:390px){.dashboardWonder .matchAside .tutorActions{grid-template-columns:1fr}.dashboardWonder .connectionAction{min-height:40px}}
@media(prefers-reduced-motion:reduce){.dashboardWonder .connectionAction,.dashboardWonder .connectionAction:before,.dashboardWonder .connectionAction>b,.dashboardWonder .connectionAction>i,.dashboardWonder .classHubLink,.dashboardWonder .classHubLink:after{animation:none!important;transition:none!important}}

/* Online matches V7: compact presentation only; all existing actions remain intact. */
.dashboardWonder .dashboardMatchesOnly .matchList{gap:8px}
.dashboardWonder .dashboardMatchesOnly .matchCard{
  min-height:82px!important;padding:11px 13px!important;gap:12px!important;border-radius:14px;
  grid-template-columns:minmax(270px,1fr) auto!important;
}
.dashboardWonder .dashboardMatchesOnly .matchMain{min-width:0}
.dashboardWonder .dashboardMatchesOnly .matchTop{gap:6px 8px;flex-wrap:wrap}
.dashboardWonder .dashboardMatchesOnly .matchName{font-size:15px;line-height:1.2}
.dashboardWonder .dashboardMatchesOnly .tutorMatchBadge,.dashboardWonder .dashboardMatchesOnly .statusDot{font-size:9px;white-space:nowrap}
.dashboardWonder .dashboardMatchesOnly .matchChips{margin-top:7px;gap:5px}
.dashboardWonder .dashboardMatchesOnly .interestChip{padding:5px 8px;font-size:9px;line-height:1}
.dashboardWonder .dashboardMatchesOnly .matchAside{display:flex!important;align-items:center;min-width:0!important;gap:9px!important;margin-top:0!important}
.dashboardWonder .dashboardMatchesOnly .matchAside>div:first-child{width:52px;min-width:52px}
.dashboardWonder .dashboardMatchesOnly .matchScore{font-size:22px;line-height:1}
.dashboardWonder .dashboardMatchesOnly .matchLabel{margin:4px 0 0;font-size:7px}
.dashboardWonder .dashboardMatchesOnly .matchAside .tutorActions{display:flex;flex-wrap:nowrap;gap:6px}
.dashboardWonder .dashboardMatchesOnly .connectionAction{min-height:35px;min-width:0;padding:7px 10px;gap:6px;border-radius:10px;font-size:9px;white-space:nowrap}
.dashboardWonder .dashboardMatchesOnly .callAction{min-width:114px}
.dashboardWonder .dashboardMatchesOnly .messageAction{min-width:84px}
.dashboardWonder .dashboardMatchesOnly .classAction{min-width:98px}
@media(max-width:760px){
  .dashboardWonder .dashboardMatchesOnly .matchCard{display:grid!important;grid-template-columns:1fr!important;min-height:0!important;padding:10px!important;gap:8px!important}
  .dashboardWonder .dashboardMatchesOnly .matchAside{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;width:100%!important;text-align:left!important;gap:7px!important}
  .dashboardWonder .dashboardMatchesOnly .matchAside>div:first-child{width:46px;min-width:46px}
  .dashboardWonder .dashboardMatchesOnly .matchAside .tutorActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0}
  .dashboardWonder .dashboardMatchesOnly .matchAside .tutorActions:has(>:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
  .dashboardWonder .dashboardMatchesOnly .connectionAction{width:100%;min-width:0!important;min-height:36px;padding:7px 5px;font-size:8.5px}
}
@media(max-width:420px){
  .dashboardWonder .dashboardMatchesOnly .matchChips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .dashboardWonder .dashboardMatchesOnly .matchChips::-webkit-scrollbar{display:none}
  .dashboardWonder .dashboardMatchesOnly .connectionAction{font-size:8px;padding-inline:3px}
}

/* V8 usability fixes: aligned mobile header/actions, useful calls and clear forms. */
.v1MessageIcon,.v1Notify,.v1MobileToggle{align-self:center;box-sizing:border-box;padding:0!important;place-items:center}
.v1MobileToggle svg{display:block;width:20px;height:20px;margin:auto}
.v1MessageIcon svg,.v1BellIcon,.v1BellIcon svg{margin:auto}
.registerFieldHelp{display:block;margin-top:6px;color:#7890a4;font-size:10px;line-height:1.4}
.recentCallCard .roomMeta{align-items:center}.recentCallStatus{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid #36526a;border-radius:999px;color:#9eb1c1;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.recentCallStatus.live{border-color:#34735f;color:#72e2c1;background:rgba(31,105,82,.18)}.recentCallActions{display:flex;gap:7px;flex-wrap:wrap}.recentCallActions .btn{min-height:35px;padding:8px 11px;font-size:9px}
@media(max-width:560px){
  .v1NavIn{align-items:center!important}.v1NavRight{align-items:center!important;height:42px}.v1MessageIcon,.v1Notify,.v1MobileToggle{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important}
  .dashboardWonder #available-classes .classHubHead{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:8px!important}
  .dashboardWonder #available-classes .classHubHead>div{min-width:0}
  .dashboardWonder #available-classes .classHubHead h2{font-size:16px!important;line-height:1.15!important;letter-spacing:-.35px!important;white-space:nowrap!important}
  .dashboardWonder #available-classes .classHubHead p{font-size:8.5px!important;line-height:1.35!important}
  .dashboardWonder #available-classes .classHubLink{min-width:124px!important;padding:8px 9px!important;font-size:9px!important}
}
@media(max-width:370px){.dashboardWonder #available-classes .classHubHead h2{font-size:14px!important}.dashboardWonder #available-classes .classHubLink{min-width:112px!important;font-size:8px!important}.v1NavRight{gap:5px!important}.v1MessageIcon,.v1Notify,.v1MobileToggle{width:39px!important;height:39px!important;min-width:39px!important}}

/* V33 premium connection cards: compact, role-aware and touch friendly. */
.dashboardWonder .dashboardMatchesOnly .matchList{gap:10px}
.dashboardWonder .dashboardMatchesOnly .matchCard{
  position:relative;isolation:isolate;overflow:hidden;display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center;
  min-height:104px!important;padding:14px 15px!important;gap:13px!important;
  border:1px solid rgba(73,123,153,.56)!important;border-radius:20px!important;
  background:radial-gradient(circle at 8% 20%,rgba(73,110,214,.12),transparent 28%),linear-gradient(135deg,rgba(11,38,56,.98),rgba(8,29,45,.99))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 13px 34px rgba(0,0,0,.16);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.dashboardWonder .dashboardMatchesOnly .matchCard:after{content:"";position:absolute;inset:auto -45px -65px auto;width:180px;height:150px;border-radius:50%;background:rgba(93,225,193,.045);filter:blur(10px);z-index:-1;pointer-events:none}
.dashboardWonder .dashboardMatchesOnly .matchCard:hover{transform:translateY(-2px);border-color:rgba(92,205,184,.58)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 17px 40px rgba(0,0,0,.2)}
.dashboardWonder .matchAvatarWrap{position:relative;width:62px;height:62px;flex:none}
.dashboardWonder .matchAvatar{width:62px!important;height:62px!important;min-width:62px;border:3px solid #6f8cff!important;border-radius:50%!important;background:#102c42;box-shadow:0 0 0 2px #65e3c4,0 8px 22px rgba(31,89,145,.32);overflow:hidden}
.dashboardWonder .matchAvatar .qaPortrait{width:100%;height:100%;object-fit:cover}
.dashboardWonder .matchAvatar .qaInitial{display:none}
.dashboardWonder .matchPresence{position:absolute;right:1px;bottom:3px;width:13px;height:13px;border:3px solid #0a2233;border-radius:50%;background:#5de1bd;box-shadow:0 0 10px rgba(93,225,189,.72)}
.dashboardWonder .dashboardMatchesOnly .matchMain{min-width:0}
.dashboardWonder .dashboardMatchesOnly .matchTop{display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap}
.dashboardWonder .dashboardMatchesOnly .matchName{font-size:16px;line-height:1.15;letter-spacing:-.2px}
.dashboardWonder .matchHelper{display:block;margin-top:6px;color:#8fa8ba;font-size:9px;line-height:1.35}
.dashboardWonder .matchHelper strong{color:#74e2c4;font-weight:800}
.dashboardWonder .dashboardMatchesOnly .matchChips{margin-top:8px;gap:5px}
.dashboardWonder .dashboardMatchesOnly .interestChip{padding:5px 9px;border-color:rgba(65,113,145,.55);background:linear-gradient(145deg,#153d5d,#12324e);font-size:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.dashboardWonder .dashboardMatchesOnly .matchAside{display:flex!important;align-items:center;justify-content:flex-end;min-width:0!important;gap:12px!important;margin:0!important}
.dashboardWonder .matchScoreRing{--match:0;position:relative;display:grid;place-content:center;width:62px!important;height:62px;min-width:62px!important;border-radius:50%;text-align:center;background:conic-gradient(#5de1bd calc(var(--match) * 1%),rgba(50,83,108,.55) 0);box-shadow:0 7px 18px rgba(0,0,0,.17)}
.dashboardWonder .matchScoreRing:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#0b263a;box-shadow:inset 0 0 0 1px rgba(93,225,189,.13)}
.dashboardWonder .matchScoreRing .matchScore,.dashboardWonder .matchScoreRing .matchLabel{position:relative;z-index:1}
.dashboardWonder .dashboardMatchesOnly .matchScore{font-size:17px;line-height:1;color:#5de1bd}
.dashboardWonder .dashboardMatchesOnly .matchLabel{margin:3px 0 0;font-size:6.5px;letter-spacing:.16em}
.dashboardWonder .dashboardMatchesOnly .matchAside .tutorActions{display:flex;align-items:center;flex-wrap:nowrap;gap:7px}
.dashboardWonder .dashboardMatchesOnly .connectionAction{min-height:39px;min-width:0;padding:8px 12px;gap:7px;border-radius:12px;font-size:9px;white-space:nowrap}
.dashboardWonder .dashboardMatchesOnly .callAction{min-width:126px}.dashboardWonder .dashboardMatchesOnly .messageAction{min-width:91px}.dashboardWonder .dashboardMatchesOnly .classAction{min-width:104px}
@media(max-width:900px){
  .dashboardWonder .dashboardMatchesOnly .matchCard{grid-template-columns:auto minmax(0,1fr)!important}
  .dashboardWonder .dashboardMatchesOnly .matchAside{grid-column:1/-1;width:100%;justify-content:space-between!important;padding-top:9px;border-top:1px solid rgba(67,109,137,.28)}
}
@media(max-width:600px){
  .dashboardWonder .dashboardMatchesOnly .matchCard{grid-template-columns:50px minmax(0,1fr)!important;min-height:0!important;padding:11px!important;gap:9px 10px!important;border-radius:16px!important}
  .dashboardWonder .matchAvatarWrap{width:50px;height:50px}.dashboardWonder .matchAvatar{width:50px!important;height:50px!important;min-width:50px}.dashboardWonder .matchPresence{width:12px;height:12px}
  .dashboardWonder .dashboardMatchesOnly .matchName{font-size:14px}.dashboardWonder .matchHelper{margin-top:4px;font-size:8px}
  .dashboardWonder .dashboardMatchesOnly .matchChips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-top:6px}.dashboardWonder .dashboardMatchesOnly .matchChips::-webkit-scrollbar{display:none}
  .dashboardWonder .dashboardMatchesOnly .matchAside{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:8px!important;padding-top:8px}
  .dashboardWonder .matchScoreRing{width:48px!important;height:48px;min-width:48px!important}.dashboardWonder .matchScoreRing:before{inset:4px}.dashboardWonder .dashboardMatchesOnly .matchScore{font-size:14px}.dashboardWonder .dashboardMatchesOnly .matchLabel{font-size:5.5px}
  .dashboardWonder .dashboardMatchesOnly .matchAside .tutorActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}
  .dashboardWonder .dashboardMatchesOnly .connectionAction{width:100%;min-width:0!important;min-height:38px;padding:7px 5px;font-size:8.2px}
  .dashboardWonder .dashboardMatchesOnly .callAction{grid-column:1/-1}.dashboardWonder .dashboardMatchesOnly .learnerMatch .messageAction{grid-column:1/-1}
}
@media(max-width:360px){.dashboardWonder .dashboardMatchesOnly .matchCard{grid-template-columns:44px minmax(0,1fr)!important}.dashboardWonder .matchAvatarWrap{width:44px;height:44px}.dashboardWonder .matchAvatar{width:44px!important;height:44px!important;min-width:44px}.dashboardWonder .dashboardMatchesOnly .connectionAction{font-size:7.8px}}
@media(prefers-reduced-motion:reduce){.dashboardWonder .dashboardMatchesOnly .matchCard{transition:none}.dashboardWonder .dashboardMatchesOnly .matchCard:hover{transform:none}}

/* V34: approved fabulous match-card treatment and precise animated icons. */
.dashboardWonder .dashboardMatchesCard{position:relative;background:radial-gradient(circle at 45% -30%,rgba(35,112,168,.15),transparent 48%),linear-gradient(145deg,#091d2d,#071725)!important}
.dashboardWonder .dashboardMatchesCard>div:first-child h2{position:relative;padding-left:13px;letter-spacing:-.45px}
.dashboardWonder .dashboardMatchesCard>div:first-child h2:before{content:"";position:absolute;left:0;top:12%;width:3px;height:76%;border-radius:4px;background:linear-gradient(#69f0d0,#43bde5);box-shadow:0 0 12px rgba(94,230,207,.52)}
.dashboardWonder .dashboardMatchesOnly .matchCard{border-color:rgba(66,139,178,.65)!important;background:radial-gradient(circle at 18% 0,rgba(32,111,163,.2),transparent 37%),linear-gradient(120deg,#0d3048,#092235 72%,#082133)!important;box-shadow:inset 0 1px 0 rgba(139,220,255,.08),0 16px 36px rgba(0,7,16,.24)}
.dashboardWonder .dashboardMatchesOnly .matchCard:hover{border-color:rgba(89,221,196,.72)!important;box-shadow:inset 0 1px 0 rgba(157,228,255,.1),0 20px 44px rgba(0,8,20,.29),0 0 24px rgba(44,156,178,.08)}
.dashboardWonder .matchAvatar{border-color:#7588ff!important;box-shadow:0 0 0 3px #5ce7c3,0 0 0 5px rgba(60,124,226,.28),0 10px 25px rgba(12,111,166,.36)}
.dashboardWonder .matchPresence{background:#67f0c9;box-shadow:0 0 0 2px rgba(71,132,180,.45),0 0 13px rgba(103,240,201,.78)}
.dashboardWonder .dashboardMatchesOnly .tutorMatchBadge{padding:5px 9px;border-color:rgba(38,185,139,.5);background:rgba(15,104,81,.38);color:#6ce7c1}
.dashboardWonder .dashboardMatchesOnly .statusDot{color:#64e5c1!important}.dashboardWonder .matchHelper strong{color:#64e5c1}
.dashboardWonder .dashboardMatchesOnly .interestChip{display:inline-flex;align-items:center;gap:5px;border-color:rgba(72,139,184,.72);background:linear-gradient(145deg,#173f5d,#102f49);color:#d3e5ef;box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}
.dashboardWonder .matchScoreRing{background:conic-gradient(#5ee7c2 calc(var(--match) * 1%),rgba(40,82,111,.68) 0);box-shadow:0 9px 22px rgba(0,5,14,.24),0 0 20px rgba(54,205,181,.08)}
.dashboardWonder .matchScoreRing:before{background:linear-gradient(145deg,#0d2d42,#0a2337)}
.dashboardWonder .dashboardMatchesOnly .connectionAction{position:relative;isolation:isolate;overflow:hidden;justify-content:center;border-width:1px;letter-spacing:.01em;transform:translateZ(0);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease!important}
.dashboardWonder .dashboardMatchesOnly .connectionAction:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.15) 45%,transparent 75%);transform:translateX(-125%);transition:transform .55s ease;pointer-events:none}
.dashboardWonder .dashboardMatchesOnly .connectionAction:hover:after{transform:translateX(125%)}
.dashboardWonder .dashboardMatchesOnly .connectionAction:hover{transform:translateY(-2px)}
.dashboardWonder .dashboardMatchesOnly .connectionAction:active{transform:translateY(0) scale(.975);transition-duration:.08s!important}
.dashboardWonder .dashboardMatchesOnly .callAction{border-color:rgba(137,133,255,.88);background:linear-gradient(110deg,#6657ea,#4388e9);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 25px rgba(66,82,221,.28)}
.dashboardWonder .dashboardMatchesOnly .callAction:hover{border-color:#a39cff;filter:saturate(1.08) brightness(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 13px 30px rgba(69,91,232,.38)}
.dashboardWonder .dashboardMatchesOnly .messageAction{border-color:rgba(66,173,208,.73);background:linear-gradient(145deg,rgba(12,57,80,.97),rgba(9,42,65,.98));color:#8ce7e2;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 20px rgba(0,10,18,.2)}
.dashboardWonder .dashboardMatchesOnly .messageAction:hover{border-color:#62d9e3;color:#bdfffa;box-shadow:0 11px 25px rgba(24,145,163,.2)}
.dashboardWonder .dashboardMatchesOnly .classAction{border-color:rgba(63,191,159,.75);background:linear-gradient(145deg,rgba(10,58,66,.97),rgba(7,45,57,.98));color:#85e8cd;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 20px rgba(0,10,18,.2)}
.dashboardWonder .dashboardMatchesOnly .classAction:hover{border-color:#6be2bd;color:#bdffe9;box-shadow:0 11px 25px rgba(30,151,119,.2)}
.dashboardWonder .actionIcon,.dashboardWonder .actionArrow{display:block;flex:0 0 auto;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease,filter .18s ease}
.dashboardWonder .actionArrow{width:14px;height:14px;margin-left:2px}
.dashboardWonder .connectionAction:hover .actionArrow{transform:translateX(3px)}
.dashboardWonder .callAction:hover .callIcon{animation:v34CameraNod .65s ease}.dashboardWonder .messageAction:hover .messageIcon{animation:v34MessageFloat .65s ease}.dashboardWonder .classAction:hover .classIcon{animation:v34CalendarFlip .65s ease}
.dashboardWonder .connectionPulse{animation:v34LivePulse 1.8s ease-out infinite}
@keyframes v34CameraNod{0%,100%{transform:rotate(0)}35%{transform:rotate(-8deg) scale(1.08)}70%{transform:rotate(5deg)}}
@keyframes v34MessageFloat{0%,100%{transform:translateY(0)}45%{transform:translateY(-2px) scale(1.07)}}
@keyframes v34CalendarFlip{0%,100%{transform:rotateX(0)}45%{transform:rotateX(22deg) scale(1.06)}}
@keyframes v34LivePulse{0%{box-shadow:0 0 0 0 rgba(111,255,215,.5)}70%{box-shadow:0 0 0 6px rgba(111,255,215,0)}100%{box-shadow:0 0 0 0 rgba(111,255,215,0)}}
@media(max-width:600px){
  .dashboardWonder .dashboardMatchesCard>div:first-child h2{padding-left:10px}
  .dashboardWonder .dashboardMatchesOnly .connectionAction{gap:6px}
  .dashboardWonder .actionIcon{width:14px;height:14px}.dashboardWonder .actionArrow{width:13px;height:13px}
}
@media(prefers-reduced-motion:reduce){.dashboardWonder .connectionPulse,.dashboardWonder .callAction:hover .callIcon,.dashboardWonder .messageAction:hover .messageIcon,.dashboardWonder .classAction:hover .classIcon{animation:none!important}.dashboardWonder .dashboardMatchesOnly .connectionAction:after{display:none}}

/* Direct messaging: persistent fallback for busy, missed and offline calls. */
.directMessageSidebar{padding-bottom:18px}.directMessageAssurance{margin:18px;padding:16px;border:1px solid rgba(94,218,190,.25);border-radius:15px;background:linear-gradient(145deg,rgba(19,62,67,.56),rgba(14,43,62,.72));display:flex;flex-direction:column;gap:6px}.directMessageAssurance b{color:#82e6ca;font-size:12px}.directMessageAssurance span{color:#91a9b9;font-size:11px;line-height:1.55}.directBackToMatches{display:flex;align-items:center;min-height:40px;margin:0 18px 8px;padding:9px 12px;border:1px solid rgba(66,111,143,.4);border-radius:11px;background:rgba(11,35,53,.7);color:#a8c3d4;font-size:11px;font-weight:750;text-decoration:none;transition:.18s ease}.directBackToMatches:hover{border-color:#58d6b6;color:#84e8cb;transform:translateX(-2px)}
@media(max-width:760px){
  body.mobileMessageMode{height:100%;overflow:hidden;overscroll-behavior:none}
  body.mobileMessageMode .nav{position:relative;z-index:20}
  body.mobileMessageMode.mobileKeyboardOpen .nav{visibility:hidden;pointer-events:none}
  body.mobileMessageMode .messengerPage{position:fixed;left:0;right:0;top:var(--mobile-message-top,66px);width:100%;height:var(--mobile-message-height,calc(100dvh - 66px));margin:0;overflow:hidden}
  body.mobileMessageMode .messengerShell.hasConversation{display:block;width:100%;height:100%!important;min-height:0!important;overflow:hidden}
  body.mobileMessageMode .messengerShell.hasConversation .messengerSidebar{display:none}
  body.mobileMessageMode .messengerShell.hasConversation .messengerMain{display:flex;height:100%;min-height:0;overflow:hidden}
  body.mobileMessageMode .messengerShell.hasConversation .messengerTopbar{position:relative;z-index:4;min-height:68px;padding:8px 10px}
  body.mobileMessageMode .messengerShell.hasConversation .messengerThread{min-height:0;padding:12px 11px 16px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  body.mobileMessageMode .messengerShell.hasConversation .messengerComposer{position:relative;z-index:5;grid-template-columns:minmax(0,1fr) 50px;width:100%;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#0b1f2f}
  body.mobileMessageMode .messengerShell.hasConversation .messengerInputShell{min-width:0}
  body.mobileMessageMode .messengerShell.hasConversation .messengerInputShell .input{min-width:0;width:100%;font-size:16px!important;line-height:1.25;touch-action:manipulation}
  body.mobileMessageMode .messengerShell.hasConversation .messengerSend{width:50px;min-width:50px}
}

/* Accepted-classes empty action: restore contrast and match the premium UI. */
.learnerClassesPage .learnerClassEmpty .connectionAction.classAction{
  min-width:156px;min-height:42px;margin-top:15px;padding:10px 15px;
  border:1px solid rgba(105,220,190,.58);border-radius:12px;
  background:linear-gradient(145deg,rgba(20,61,76,.96),rgba(15,45,61,.96));
  color:#93ecd2;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 24px rgba(0,0,0,.2);
  font-size:11px;font-weight:800;letter-spacing:.01em;
}
.learnerClassesPage .learnerClassEmpty .connectionAction.classAction span{
  display:inline;color:inherit!important;margin:0;font-size:inherit;font-weight:inherit;
}
.learnerClassesPage .learnerClassEmpty .connectionAction.classAction i{
  color:#b8f8e6;font-size:15px;font-weight:500;transition:transform .18s ease;
}
.learnerClassesPage .learnerClassEmpty .connectionAction.classAction:hover{
  border-color:#7ce5c6;background:linear-gradient(145deg,#194b59,#123b4d);color:#b0f5e1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 13px 28px rgba(12,71,65,.22);
}
.learnerClassesPage .learnerClassEmpty .connectionAction.classAction:hover i{transform:translateX(3px)}
.learnerClassesPage .learnerClassEmpty .connectionAction.classAction:focus-visible{outline:3px solid rgba(112,226,194,.24);outline-offset:3px}
@media(max-width:440px){.learnerClassesPage .learnerClassEmpty .connectionAction.classAction{width:auto;min-width:150px;min-height:40px}}
@media(prefers-reduced-motion:reduce){.learnerClassesPage .learnerClassEmpty .connectionAction.classAction,.learnerClassesPage .learnerClassEmpty .connectionAction.classAction i{transition:none!important}}

/* Character avatar V2: varied faces, hair, clothing and colour themes. */
.characterAvatar{--qa-skin:#d99469;--qa-skin-shadow:#b96f4c;--qa-hair:#17202c;--qa-shirt:#e8edf2;--qa-shirt-dark:#aebdca;--qa-eye:#17202a;--qa-ring:#796dff;border-radius:50%!important;border:2px solid rgba(255,255,255,.9)!important;outline:2px solid var(--qa-ring);outline-offset:2px;background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.22),transparent 35%),linear-gradient(145deg,#3c8e8a,#195e69)!important;box-shadow:0 11px 27px rgba(0,0,0,.25)!important}
.characterAvatar:before{width:70%;height:70%;right:-24%;top:-26%;background:rgba(255,255,255,.11)}.characterAvatar:after{display:none}
.characterAvatar .qaInitial{z-index:8;left:7%;bottom:5%;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:rgba(7,24,35,.72);color:#fff;font-size:8px;box-shadow:0 2px 7px rgba(0,0,0,.2)}
.characterAvatar .qaTorso{position:absolute;z-index:2;left:13%;right:13%;bottom:-13%;height:48%;border-radius:48% 48% 15% 15%;background:linear-gradient(100deg,var(--qa-shirt-dark),var(--qa-shirt) 48%,var(--qa-shirt-dark));box-shadow:inset 0 3px 5px rgba(255,255,255,.18)}
.characterAvatar .qaTorso:before,.characterAvatar .qaTorso:after{content:"";position:absolute;top:3%;width:28%;height:66%;border-radius:50%;background:inherit}.characterAvatar .qaTorso:before{left:-13%;transform:rotate(19deg)}.characterAvatar .qaTorso:after{right:-13%;transform:rotate(-19deg)}
.characterAvatar .qaTorso>i{position:absolute;z-index:3;left:35%;right:35%;top:0;height:42%;border-radius:0 0 50% 50%;border:2px solid rgba(255,255,255,.28);border-top:0}
.characterAvatar .qaNeck{position:absolute;z-index:3;left:41%;bottom:29%;width:18%;height:19%;border-radius:0 0 8px 8px;background:linear-gradient(90deg,var(--qa-skin-shadow),var(--qa-skin) 42%,var(--qa-skin-shadow))}
.characterAvatar .qaFace{position:absolute;z-index:4;inset:auto;left:22%;top:12%;width:56%;height:58%;border-radius:47% 47% 44% 44%;background:linear-gradient(105deg,var(--qa-skin-shadow),var(--qa-skin) 30%,var(--qa-skin) 72%,var(--qa-skin-shadow));box-shadow:inset 0 -3px 4px rgba(95,42,25,.15);transform-origin:50% 70%}
.characterAvatar .qaHair{position:absolute;z-index:5;left:-8%;right:-8%;top:-14%;height:42%;border-radius:54% 54% 28% 30%;background:var(--qa-hair);box-shadow:7px 1px 0 -3px var(--qa-hair),-6px 4px 0 -3px var(--qa-hair)}
.characterAvatar .qaHair:before,.characterAvatar .qaHair:after{content:"";position:absolute;background:var(--qa-hair);border-radius:60% 45% 55% 40%}.characterAvatar .qaHair:before{left:5%;top:42%;width:28%;height:70%;transform:rotate(21deg)}.characterAvatar .qaHair:after{right:4%;top:39%;width:24%;height:62%;transform:rotate(-18deg)}
.characterAvatar .qaEye{z-index:6;top:42%;width:13%;height:16%;background:#fff;border:1px solid rgba(55,30,20,.26)}.characterAvatar .qaEye:after{content:"";position:absolute;left:35%;top:28%;width:42%;height:52%;border-radius:50%;background:var(--qa-eye);box-shadow:inset 1px 1px 0 rgba(255,255,255,.35)}.characterAvatar .qaEyeOne{left:19%}.characterAvatar .qaEyeTwo{left:auto;right:19%}
.characterAvatar .qaBrow{z-index:7;top:34%;width:20%;height:5%;border-color:var(--qa-hair)}.characterAvatar .qaBrowOne{left:16%}.characterAvatar .qaBrowTwo{left:auto;right:16%}
.characterAvatar .qaNose{z-index:7;left:50%;top:54%;width:5%;height:13%;border-color:rgba(105,52,35,.45)}
.characterAvatar .qaCheek{z-index:6;top:61%;width:18%;height:8%;background:rgba(244,102,118,.2)}.characterAvatar .qaCheekOne{left:5%}.characterAvatar .qaCheekTwo{right:5%}
.characterAvatar .qaMouth{z-index:7;left:34%;top:68%;width:32%;height:15%;border:0;border-bottom:3px solid #7d342f;border-radius:0 0 50% 50%;background:transparent}
/* Six intentionally different character combinations. */
.characterAvatar.avatarStyle-spark{--qa-skin:#d99469;--qa-skin-shadow:#b86e49;--qa-hair:#17202a;--qa-shirt:#edf1ef;--qa-shirt-dark:#9eb9b5;--qa-ring:#7368ef;background:linear-gradient(145deg,#4a9c91,#205f70)!important}
.characterAvatar.avatarStyle-sunset{--qa-skin:#8b4d31;--qa-skin-shadow:#66351f;--qa-hair:#24150f;--qa-shirt:#ff9b62;--qa-shirt-dark:#c94c58;--qa-ring:#ff8c78;background:linear-gradient(145deg,#d86d7e,#713d73)!important}.characterAvatar.avatarStyle-sunset .qaHair{height:34%;border-radius:50% 50% 18% 18%}.characterAvatar.avatarStyle-sunset .qaTorso>i{border-radius:50%;border-top:2px solid rgba(255,255,255,.28)}
.characterAvatar.avatarStyle-mint{--qa-skin:#f0b58d;--qa-skin-shadow:#cc8661;--qa-hair:#4b2b20;--qa-shirt:#72e0bd;--qa-shirt-dark:#249b94;--qa-ring:#61e0bd;background:linear-gradient(145deg,#35b6aa,#176b84)!important}.characterAvatar.avatarStyle-mint .qaHair:before{height:85%;width:34%}.characterAvatar.avatarStyle-mint .qaMouth{left:38%;width:24%}
.characterAvatar.avatarStyle-cosmic{--qa-skin:#6f3d2d;--qa-skin-shadow:#4e291e;--qa-hair:#080c17;--qa-shirt:#9b82ff;--qa-shirt-dark:#5140ac;--qa-ring:#a58cff;background:linear-gradient(145deg,#5d51c9,#292c68)!important}.characterAvatar.avatarStyle-cosmic .qaHair{top:-8%;height:48%;border-radius:60% 40% 36% 26%}.characterAvatar.avatarStyle-cosmic .qaTorso{border-radius:32% 32% 8% 8%}
.characterAvatar.avatarStyle-candy{--qa-skin:#c97955;--qa-skin-shadow:#a8543c;--qa-hair:#6f291f;--qa-shirt:#ff8ebc;--qa-shirt-dark:#d34e8a;--qa-ring:#ff86c4;background:linear-gradient(145deg,#f778ae,#b44b88)!important}.characterAvatar.avatarStyle-candy .qaHair{top:-10%;height:38%;border-radius:48%}.characterAvatar.avatarStyle-candy .qaHair:before,.characterAvatar.avatarStyle-candy .qaHair:after{top:20%;height:95%;width:31%;border-radius:50%}.characterAvatar.avatarStyle-candy .qaMouth{left:32%;width:36%;height:16%;background:#fff;border:0;border-radius:0 0 50% 50%}
.characterAvatar.avatarStyle-ocean{--qa-skin:#f2c5a4;--qa-skin-shadow:#d49b79;--qa-hair:#c88432;--qa-shirt:#55b8ff;--qa-shirt-dark:#2363bd;--qa-ring:#56aaff;background:linear-gradient(145deg,#45b9e7,#294d9b)!important}.characterAvatar.avatarStyle-ocean .qaHair{top:-11%;height:35%;transform:skewX(-8deg)}.characterAvatar.avatarStyle-ocean .qaTorso>i{left:43%;right:43%;height:100%;border-radius:0}
/* Picker presentation: larger portraits with clear selected state. */
.avatarPicker .avatarChoice{min-height:112px;padding:10px 6px 9px}.avatarPicker .avatarChoice .characterAvatar{width:66px;height:66px;flex-basis:66px;border-radius:50%!important}.avatarPicker .avatarChoice>span:last-child{margin-top:3px;color:#b8cad6;font-size:10px}.avatarPicker .avatarChoice:has(input:checked):after{content:"✓";position:absolute;right:8px;top:8px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#65dfbd;color:#062119;font-size:10px;font-weight:900;box-shadow:0 5px 12px rgba(51,205,163,.25)}
.avatarPicker .avatarChoice:has(input:checked) .characterAvatar{outline-color:#70e7c5;box-shadow:0 13px 28px rgba(55,207,170,.24)!important}
@media(max-width:760px){.avatarPicker .avatarChoice{min-height:102px}.avatarPicker .avatarChoice .characterAvatar{width:58px;height:58px;flex-basis:58px}}
@media(max-width:420px){.avatarPicker .avatarChoice{min-height:96px}.avatarPicker .avatarChoice .characterAvatar{width:54px;height:54px;flex-basis:54px}}
/* Embedded premium cartoon portraits replace the CSS-drawn facial anatomy. */
.characterAvatar .qaPortrait{position:absolute;z-index:5;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 38%;border-radius:inherit;transform:scale(1.015);transition:transform .24s ease,filter .24s ease}
.characterAvatar:has(.qaPortrait) .qaTorso,.characterAvatar:has(.qaPortrait) .qaNeck,.characterAvatar:has(.qaPortrait) .qaFace{display:none}
.characterAvatar:has(.qaPortrait) .qaInitial{display:none}
.avatarChoice:hover .characterAvatar .qaPortrait,.avatarChoice:focus-within .characterAvatar .qaPortrait{transform:scale(1.075);filter:saturate(1.04) brightness(1.02)}
.avatarChoice:has(input:checked) .characterAvatar .qaPortrait{transform:scale(1.045)}
@media(prefers-reduced-motion:reduce){.characterAvatar .qaPortrait{transition:none!important}.avatarChoice:hover .characterAvatar .qaPortrait,.avatarChoice:focus-within .characterAvatar .qaPortrait,.avatarChoice:has(input:checked) .characterAvatar .qaPortrait{transform:scale(1.015)}}