*{box-sizing:border-box}html,body{margin:0;min-height:100%}:root{--ink:#273246;--muted:#74809a;--purple:#7568e6;--line:#e6e7f1}body{font-family:Inter,system-ui,sans-serif;background:linear-gradient(180deg,#fbfbff,#f8f7ff);color:var(--ink);padding-bottom:85px}a{color:inherit}.top{width:min(1180px,calc(100% - 24px));height:70px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand,.me{display:flex;align-items:center;gap:9px}.brand>b{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#786be9,#a182f2);color:white;font-size:20px}.brand span strong,.brand span small,.me span strong,.me span small{display:block}.brand span small,.me span small{color:var(--muted);font-size:8px}.me{text-align:right}.me i{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#92a5ff;color:#fff;font-style:normal;font-weight:900}main{width:min(1180px,calc(100% - 24px));margin:auto}.hero{display:grid;grid-template-columns:1fr 270px;gap:16px;padding:23px;border:1px solid #e7e1ff;border-radius:24px;background:linear-gradient(120deg,#f0ecff,#fff0f5 55%,#eaf7ff);box-shadow:0 14px 35px rgba(85,73,145,.08)}.hero small,.head small,.assistant>div>small{font-size:8px;color:#7869df;font-weight:900;letter-spacing:.09em}.hero h1{font-size:33px;margin:5px 0}.hero p{max-width:700px;margin:0;color:var(--muted);font-size:11px;line-height:1.6}.motivation{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:18px;background:rgba(255,255,255,.55);font-size:31px}.motivation b{font-size:12px;margin-top:4px}.motivation span{font-size:8px;color:var(--muted);margin-top:3px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:10px}.stats div{padding:13px;border-radius:16px}.stats span,.stats small{display:block;color:#7d879b;font-size:8px}.stats b{display:block;font-size:20px}.s1{background:#eeeaff}.s2{background:#e4f7ef}.s3{background:#fff0df}.s4{background:#e6f4ff}.block{margin-top:24px}.head h2{margin:3px 0 9px;font-size:17px}.focus{display:grid;grid-template-columns:50px 1fr auto;gap:13px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:19px;background:#fff}.ico{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#eeeaff;font-size:23px}.focuscopy small{font-size:8px;color:#8a91a1}.focuscopy h3{font-size:12px;margin:4px 0}.focuscopy p{font-size:8px;color:#8a91a1;margin:3px 0}.bar{height:7px;background:#eff0f5;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#7568e6,#a585f2)}.focus>a,.go{padding:10px 12px;border-radius:11px;background:#7568e6;color:#fff;text-decoration:none;font-size:8px;font-weight:900}.empty{display:flex;gap:9px;padding:16px;background:#fff;border:1px dashed var(--line);border-radius:16px;font-size:24px}.empty span b,.empty span small{display:block;font-size:10px}.empty span small{color:var(--muted);margin-top:3px}.assistant{display:grid;grid-template-columns:1fr 260px;gap:18px;margin-top:25px;padding:21px;border:1px solid #e8e1ff;border-radius:23px;background:linear-gradient(125deg,#f0ecff,#fff0f5 60%,#ebf8ff)}.assistant h2{font-size:24px;margin:5px 0}.assistant p{max-width:700px;color:var(--muted);font-size:10px;line-height:1.6}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0}.chips a{padding:6px 8px;background:rgba(255,255,255,.7);border:1px solid #e4defb;border-radius:99px;text-decoration:none;font-size:7px;font-weight:800}.assistantArt{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:18px;background:rgba(255,255,255,.45);font-size:36px}.assistantArt b{font-size:12px}.assistantArt small{font-size:8px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.cards a{min-height:110px;padding:14px;border-radius:17px;text-decoration:none;font-size:22px}.cards a b,.cards a span{display:block}.cards a b{font-size:10px;margin-top:8px}.cards a span{font-size:8px;color:var(--muted);margin-top:4px}.c1{background:#eeeaff}.c2{background:#e4f7ef}.c3{background:#fff0df}.progress{display:grid;grid-template-columns:auto 1fr 1fr;gap:13px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}.ring{--v:0;width:75px;height:75px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#7568e6 calc(var(--v)*1%),#ececf5 0);position:relative}.ring:after{content:"";position:absolute;inset:8px;background:#fff;border-radius:50%}.ring b{z-index:1}.progress p{font-size:8px;color:var(--muted)}.note{padding:12px;border-radius:14px;background:#f5f3ff;font-size:9px}.done{display:grid;gap:7px}.done a{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fff;text-decoration:none}.done a small{font-size:8px;color:#6f63d3}nav{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);width:min(560px,calc(100% - 18px));display:grid;grid-template-columns:repeat(5,1fr);padding:6px;border:1px solid #e2e2ef;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(75,70,110,.13);z-index:20}nav a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#8991a4;font-size:17px}nav a small{font-size:7px;font-weight:800}.active{color:#675bd4}.chatbody{padding-bottom:100px}.chathead{width:min(820px,calc(100% - 20px));height:62px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.chathead a{font-size:8px;color:#7064d5;text-decoration:none}.chatmain{width:min(820px,calc(100% - 20px));margin:auto}.hello{display:flex;gap:12px;padding:17px;border-radius:19px;background:linear-gradient(125deg,#f0ecff,#fff0f5)}.hello>div{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#fff;font-size:22px}.hello h1{font-size:19px;margin:0}.hello p{font-size:9px;color:var(--muted);line-height:1.55}.starters{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.starters button{padding:9px;border:1px solid #e4dff8;border-radius:12px;background:#fff;color:#5c6278;font-size:7px;font-weight:800}.line{display:flex;gap:7px;align-items:flex-end;margin-top:10px}.line i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#fff;font-style:normal}.line p{max-width:80%;margin:0;padding:10px 11px;border:1px solid #e7e6ef;border-radius:14px;background:#fff;font-size:9px;line-height:1.5}.user{justify-content:flex-end}.user p{background:#7568e6;color:#fff;border-color:#7568e6}#composer{position:fixed;left:50%;bottom:15px;transform:translateX(-50%);width:min(820px,calc(100% - 18px));display:grid;grid-template-columns:auto 1fr auto;gap:6px;padding:7px;border:1px solid #e3e2ed;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(70,66,100,.14)}#composer textarea{border:0;outline:0;resize:none;padding:9px;font:inherit;font-size:9px}#composer button{width:38px;height:38px;border:0;border-radius:11px}.proto{position:fixed;bottom:67px;left:50%;transform:translateX(-50%);font-size:6px;color:#9a9ead}@media(max-width:760px){.hero{grid-template-columns:1fr}.motivation{display:none}.stats{grid-template-columns:repeat(2,1fr)}.assistant{grid-template-columns:1fr}.assistantArt{min-height:130px}.cards{grid-template-columns:1fr}.progress{grid-template-columns:auto 1fr}.note{grid-column:1/-1}.starters{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){main{width:min(100% - 16px,1180px)}.hero{padding:18px}.hero h1{font-size:27px}.focus{grid-template-columns:44px 1fr}.focus>a{grid-column:1/-1;text-align:center}.assistant{padding:17px}.assistant h2{font-size:21px}.done a{grid-template-columns:24px 1fr}.done a small{display:none}}


/* ===== Student V2 Home UI v2 ===== */
.studentHome{--ink:#202a40;--muted:#65718a;--purple:#6658d8;--line:#dfe1ec}
.studentHome .top{height:66px}
.studentHome main{width:min(1180px,calc(100% - 28px))}
.homeIntro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 21px;border:1px solid #ddd7f8;border-radius:20px;background:linear-gradient(120deg,#ebe7ff,#fff0f4 58%,#e4f4ff);box-shadow:0 10px 28px rgba(68,57,125,.08)}
.homeIntro small,.homeFold summary small{font-size:9px;color:#5e51c7;font-weight:900;letter-spacing:.09em}
.homeIntro h1{font-size:27px;margin:4px 0 6px}.homeIntro p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.homePulse{display:flex;align-items:center;gap:8px;min-width:190px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.72)}.homePulse span{font-size:20px}.homePulse b{font-size:11px}
.homeStats{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:9px;margin-top:10px}.homeStats>div{padding:12px 14px;border-radius:15px;border:1px solid var(--line);background:#fff}.homeStats>div:first-child{background:#e9e5ff}.homeStats>div:nth-child(2){background:#def4e9}.homeStats .softStat{background:#f4f5f9}.homeStats span,.homeStats small{display:block;color:var(--muted);font-size:9px}.homeStats b{display:block;font-size:18px;margin:2px 0}
.headLink,.foldLink{font-size:10px;font-weight:850;color:#5549c4;text-decoration:none}.focuscopy h3{font-size:14px}.focus>a,.go{font-size:10px;padding:12px 15px}.focuscopy p,.focuscopy small{font-size:9px}
.moreTasks{margin-top:9px;border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.moreTasks summary{cursor:pointer;padding:12px 15px;font-size:10px;font-weight:850;color:#5549c4;list-style:none}.moreTasks summary::-webkit-details-marker{display:none}.moreTaskList{display:grid;border-top:1px solid var(--line)}.moreTaskList a{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;padding:11px 14px;text-decoration:none;border-bottom:1px solid #eef0f5}.moreTaskList a:last-child{border-bottom:0}.moreTaskList b,.moreTaskList small{display:block}.moreTaskList b{font-size:10px}.moreTaskList small{font-size:8px;color:var(--muted);margin-top:2px}
.assistant{background:linear-gradient(125deg,#e9e5ff,#fff0f4 60%,#e2f4ff);border-color:#ddd7f5}.assistant h2{font-size:22px}.assistant p{font-size:11px}.chips a{font-size:9px;padding:8px 10px;background:rgba(255,255,255,.82)}.extraChips{display:contents}.chipMore{padding:8px 10px;border:1px dashed #b9b1e8;border-radius:99px;background:transparent;color:#5549c4;font-size:9px;font-weight:850;cursor:pointer}
.homeFold{margin-top:14px;border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden}.homeFold summary{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:14px 16px;cursor:pointer;list-style:none}.homeFold summary::-webkit-details-marker{display:none}.homeFold summary span b,.homeFold summary span small{display:block}.homeFold summary span b{font-size:13px;margin-top:2px}.homeFold summary>strong{font-size:18px;color:#5c50c8}.homeFold summary>em{min-width:25px;padding:4px 7px;border-radius:99px;background:#eeebff;color:#5c50c8;text-align:center;font-size:9px;font-style:normal;font-weight:900}.homeFold .cards,.homeFold .progress,.homeFold .done{margin:0 14px 14px}.homeFold .foldLink{display:block;padding:0 16px 15px}
nav{width:min(610px,calc(100% - 18px));padding:8px}nav a{font-size:21px;min-height:48px;justify-content:center}nav a small{font-size:9px;margin-top:2px}
@media(max-width:760px){.homeIntro{align-items:flex-start}.homePulse{min-width:auto}.homeStats{grid-template-columns:1fr 1fr}.homeStats .softStat{grid-column:1/-1}.head{align-items:center}.assistant h2{font-size:20px}}
@media(max-width:500px){.homeIntro{padding:15px 16px}.homeIntro h1{font-size:23px}.homeIntro p{font-size:11px}.homePulse{display:none}.headLink{font-size:9px}.homeStats>div{padding:11px 12px}.assistant{padding:16px}.chips a,.chipMore{font-size:9px}.homeFold .cards{grid-template-columns:1fr}.homeFold summary{padding:13px 14px}nav a{font-size:20px}nav a small{font-size:8px}}


/* ===== Student V2 Home UI v3 — youth feedback ===== */

/* "Buradayım" panel removed: Together section uses full width */
.studentHome .assistant{
  grid-template-columns:1fr !important;
  padding:20px 22px;
}
.studentHome .assistant>div:first-child{
  width:100%;
}
.studentHome .assistant h2{
  font-size:21px;
  margin:5px 0 6px;
}
.studentHome .assistant p{
  font-size:11px;
  margin-bottom:13px;
}

/* Larger guidance/action buttons */
.studentHome .chips{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:14px 0 16px;
}
.studentHome .chips>a,
.studentHome .chips .extraChips>a{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 14px;
  border-radius:14px;
  font-size:11px;
  line-height:1.25;
  text-align:center;
  background:rgba(255,255,255,.88);
  border:1px solid #d7d1f3;
  font-weight:850;
}
.studentHome .extraChips{
  display:contents;
}
.studentHome .chipMore{
  min-height:52px;
  padding:12px 14px;
  border-radius:14px;
  font-size:11px;
  font-weight:900;
}
.studentHome .go{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:13px 18px;
  font-size:11px;
  border-radius:13px;
}

/* Primary task action is easier to hit */
.studentHome .focus>a{
  min-width:112px;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
}

/* Main-page visible navigation */
.homeQuickNav{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:12px;
}
.homeQuickNav>a{
  min-height:76px;
  display:grid;
  grid-template-columns:38px 1fr auto;
  gap:10px;
  align-items:center;
  padding:13px 14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  text-decoration:none;
  box-shadow:0 6px 18px rgba(42,47,70,.04);
}
.homeQuickNav>a>span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#ece9ff;
  color:#5549c4;
  font-size:20px;
  font-weight:900;
}
.homeQuickNav>a.examQuick{
  border-color:#cfc8f2;
  background:linear-gradient(135deg,#f0edff,#fff);
}
.homeQuickNav>a.examQuick>span{
  background:#6658d8;
  color:#fff;
}
.homeQuickNav b,
.homeQuickNav small{
  display:block;
}
.homeQuickNav b{
  font-size:12px;
}
.homeQuickNav small{
  margin-top:3px;
  color:var(--muted);
  font-size:9px;
  line-height:1.35;
}
.homeQuickNav strong{
  font-size:18px;
  color:#6457d0;
}

/* Larger persistent bottom nav */
.studentHome nav{
  width:min(640px,calc(100% - 16px));
  padding:8px;
}
.studentHome nav a{
  min-height:52px;
  font-size:22px;
}
.studentHome nav a small{
  font-size:9px;
  margin-top:2px;
}

/* Fold links are also real actions, not tiny labels */
.studentHome .headLink,
.studentHome .foldLink{
  font-size:11px;
  font-weight:900;
}
.studentHome .foldLink{
  min-height:38px;
  display:flex;
  align-items:center;
}

/* Mobile */
@media(max-width:760px){
  .homeQuickNav{
    grid-template-columns:1fr;
  }
  .homeQuickNav>a{
    min-height:68px;
  }
  .studentHome .chips{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:500px){
  .studentHome .assistant{
    padding:16px;
  }
  .studentHome .chips{
    grid-template-columns:1fr;
  }
  .studentHome .chips>a,
  .studentHome .chips .extraChips>a,
  .studentHome .chipMore{
    min-height:50px;
    font-size:11px;
  }
  .studentHome .focus>a{
    min-height:48px;
    width:100%;
  }
}


/* ===== Student V2 Companion Hero v4 ===== */
.companionHero{
  position:relative;
  min-height:230px;
  display:grid;
  grid-template-columns:250px 1fr;
  gap:8px;
  align-items:center;
  margin-top:2px;
  padding:12px 24px 12px 10px;
  overflow:hidden;
  border:1px solid #d8d2f4;
  border-radius:22px;
  background:
    radial-gradient(circle at 14% 18%,rgba(66,220,255,.22),transparent 29%),
    radial-gradient(circle at 24% 82%,rgba(112,80,237,.18),transparent 30%),
    linear-gradient(120deg,#ece9ff,#fff5f9 58%,#e7f6ff);
  box-shadow:0 12px 30px rgba(68,57,125,.08);
}
.companionHero:after{
  content:"";
  position:absolute;
  right:-70px;
  top:-100px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:rgba(255,255,255,.35);
  pointer-events:none;
}
.companionVisual{
  position:relative;
  z-index:1;
  height:205px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.companionVisual img{
  display:block;
  width:auto;
  max-width:225px;
  max-height:215px;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 12px 13px rgba(51,46,110,.16));
}
.companionCopy{
  position:relative;
  z-index:2;
  max-width:690px;
  padding:12px 0;
}
.companionCopy>small{
  display:block;
  margin-bottom:5px;
  color:#5e51c7;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
}
.companionCopy h1{
  margin:0 0 7px;
  font-size:26px;
  line-height:1.08;
}
.companionCopy p{
  max-width:650px;
  margin:0;
  color:#536079;
  font-size:13px;
  line-height:1.55;
}
.companionActions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:15px;
}
.companionActions a{
  min-height:45px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 16px;
  border-radius:13px;
  text-decoration:none;
  font-size:10px;
  font-weight:900;
}
.companionPrimary{
  min-width:125px;
  color:#fff;
  background:linear-gradient(135deg,#6658d8,#715ce8);
  box-shadow:0 8px 18px rgba(87,72,201,.18);
}
.companionPrimary:hover{background:#5549c4}
.companionSecondary{
  color:#5549c4;
  border:1px solid #cbc5ed;
  background:rgba(255,255,255,.72);
}

/* State-specific subtle atmosphere only; mascot identity remains unchanged. */
.companion-celebrate{
  background:
    radial-gradient(circle at 14% 18%,rgba(66,220,255,.24),transparent 29%),
    radial-gradient(circle at 25% 83%,rgba(64,201,141,.18),transparent 31%),
    linear-gradient(120deg,#e7f8f1,#f1edff 58%,#e6f5ff);
}
.companion-attention{
  background:
    radial-gradient(circle at 14% 18%,rgba(66,220,255,.20),transparent 29%),
    radial-gradient(circle at 25% 83%,rgba(255,184,77,.18),transparent 31%),
    linear-gradient(120deg,#fff1de,#efebff 58%,#e7f5ff);
}

@media(max-width:760px){
  .companionHero{
    grid-template-columns:170px 1fr;
    min-height:190px;
    padding:10px 15px 10px 5px;
  }
  .companionVisual{height:175px}
  .companionVisual img{
    max-width:165px;
    max-height:170px;
  }
  .companionCopy h1{font-size:21px}
  .companionCopy p{font-size:11px}
}
@media(max-width:500px){
  .companionHero{
    grid-template-columns:112px 1fr;
    min-height:160px;
    gap:3px;
    padding:9px 11px 9px 2px;
    border-radius:18px;
  }
  .companionVisual{height:140px}
  .companionVisual img{
    max-width:118px;
    max-height:135px;
  }
  .companionCopy{padding:8px 0}
  .companionCopy>small{font-size:7px}
  .companionCopy h1{font-size:17px;margin-bottom:5px}
  .companionCopy p{
    font-size:10px;
    line-height:1.42;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .companionActions{
    gap:6px;
    margin-top:9px;
  }
  .companionActions a{
    min-height:38px;
    padding:8px 10px;
    font-size:9px;
    border-radius:10px;
  }
  .companionSecondary{display:none}
}

/* ===== Student V2 Exams Chain v3 ===== */
.studentExams main,.studentExamDetail main{width:min(1180px,calc(100% - 28px));margin:auto}
.pageBack{width:max-content;min-height:48px;display:flex;align-items:center;gap:10px;margin:4px 0 12px;padding:8px 13px 8px 9px;border:1px solid #d6d1ef;border-radius:14px;background:#fff;color:#5145bd;text-decoration:none}
.pageBack>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#ebe8ff;font-size:20px;font-weight:900}
.pageBack small,.pageBack b{display:block}.pageBack small{font-size:7px;color:#8077bf;font-weight:900;letter-spacing:.08em}.pageBack b{font-size:10px}
.chainCompanion{display:grid;grid-template-columns:175px 1fr auto;gap:15px;align-items:center;min-height:170px;padding:10px 20px 10px 5px;border:1px solid #d9d3f5;border-radius:21px;background:radial-gradient(circle at 15% 20%,rgba(66,220,255,.20),transparent 26%),linear-gradient(120deg,#ebe7ff,#fff2f6 60%,#e4f5ff);box-shadow:0 10px 28px rgba(68,57,125,.08)}
.chainCompanionVisual{height:150px;display:flex;align-items:center;justify-content:center}.chainCompanionVisual img{max-width:165px;max-height:150px;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(50,45,100,.14))}
.chainCompanionCopy small,.chainHead small,.chainFold summary small{color:#5e51c7;font-size:9px;font-weight:900;letter-spacing:.09em}.chainCompanionCopy h1{margin:4px 0 6px;font-size:24px}.chainCompanionCopy p{margin:0;color:#5f6b83;font-size:11px;line-height:1.5}
.chainCompanionMeta{min-width:120px;padding:12px;border-radius:14px;background:rgba(255,255,255,.72);text-align:center}.chainCompanionMeta strong,.chainCompanionMeta span{display:block}.chainCompanionMeta strong{font-size:28px;color:#5549c4}.chainCompanionMeta span{font-size:8px;color:#65718a}
.chainSection{margin-top:20px}.chainHead h2{margin:3px 0 9px;font-size:18px}
.examSimpleList{display:grid;gap:10px}.examSimpleCard{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;padding:15px 16px;border:1px solid #dfe1ec;border-radius:17px;background:#fff}
.examSimpleTop{display:flex;gap:7px;align-items:center;margin-bottom:5px}.examSimpleTop span{font-size:9px;color:#68738a;font-weight:800}.examSimpleTop em{font-size:8px;font-style:normal;padding:4px 7px;border-radius:99px;background:#eeebff;color:#5a4fc4;font-weight:900}
.examSimpleMain h3{margin:0 0 9px;font-size:14px}.examMiniStats{display:flex;flex-wrap:wrap;gap:6px}.examMiniStats span{padding:6px 8px;border-radius:9px;background:#f4f5f8;font-size:9px;color:#65718a}.examMiniStats span b{font-size:11px;color:#283147}.examMiniStats .net{background:#eeebff;color:#5549c4}
.examSimpleCard>a{min-width:98px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:11px;background:#6658d8;color:#fff;text-decoration:none;font-size:10px;font-weight:900}
.chainFold{margin-top:12px;border:1px solid #dfe1ec;border-radius:16px;background:#fff;overflow:hidden}.chainFold summary{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:13px 15px;cursor:pointer;list-style:none}.chainFold summary::-webkit-details-marker{display:none}.chainFold summary span small,.chainFold summary span b{display:block}.chainFold summary span b{font-size:12px;margin-top:2px}.chainFold summary em{min-width:27px;padding:4px 7px;border-radius:99px;background:#eeebff;color:#5c50c8;text-align:center;font-size:9px;font-style:normal;font-weight:900}.chainFold summary>strong{font-size:18px;color:#5c50c8}.foldedList{padding:0 11px 11px}
.friendlyEmpty{padding:28px 20px;text-align:center;border:1px solid #dfe1ec;border-radius:18px;background:#fff}.friendlyEmpty b,.friendlyEmpty small{display:block}.friendlyEmpty small{margin-top:4px;color:#65718a;font-size:10px}.friendlyEmpty a{display:inline-flex;margin-top:12px;padding:10px 13px;border-radius:11px;background:#6658d8;color:#fff;text-decoration:none;font-size:10px;font-weight:900}.friendlyEmpty.compact{padding:18px}
.studentExams nav,.studentExamDetail nav{width:min(640px,calc(100% - 16px));padding:8px}.studentExams nav a,.studentExamDetail nav a{min-height:52px;font-size:22px;justify-content:center}.studentExams nav a small,.studentExamDetail nav a small{font-size:9px;margin-top:2px}
.detailCompanion{grid-template-columns:180px 1fr}.detailCompanion .chainCompanionMeta{display:none}.companionResultText{margin-top:10px}.companionResultText b,.companionResultText span{display:block}.companionResultText b{font-size:12px}.companionResultText span{margin-top:3px;font-size:10px;color:#65718a}
.chainPrimary{display:inline-flex;min-height:43px;align-items:center;justify-content:center;margin-top:12px;padding:10px 14px;border-radius:11px;background:#6658d8;color:#fff;text-decoration:none;font-size:10px;font-weight:900}
.resultStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.resultStrip>div{padding:11px 12px;border:1px solid #dfe1ec;border-radius:13px;background:#fff}.resultStrip small,.resultStrip b{display:block}.resultStrip small{font-size:8px;color:#65718a}.resultStrip b{margin-top:2px;font-size:18px}.resultStrip .resultNet{background:#eeebff}.resultStrip .resultPoint{background:#f4f5f8}
.prioritySimpleList{display:grid;gap:9px}.prioritySimpleCard{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 15px;border:1px solid #dfe1ec;border-radius:15px;background:#fff}.prioritySimpleCard small{display:block;font-size:8px;color:#65718a}.prioritySimpleCard h3{margin:3px 0 6px;font-size:13px}.prioritySimpleCard p{margin:0;font-size:9px;color:#65718a}.priorityAction{display:grid;gap:6px;justify-items:end}.priorityAction>span{font-size:16px;font-weight:900;color:#5549c4}.priorityAction>a{min-width:82px;min-height:40px;display:flex;align-items:center;justify-content:center;padding:9px 11px;border-radius:10px;background:#6658d8;color:#fff;text-decoration:none;font-size:9px;font-weight:900}
.sectionCompactList,.taxonomyCompactList{display:grid;gap:7px}.sectionCompact{display:grid;grid-template-columns:1fr repeat(4,auto);gap:10px;align-items:center;padding:10px 12px;border-radius:11px;background:#f7f8fb;font-size:9px}.sectionCompact>b{font-size:10px}.sectionCompact>strong{color:#5549c4}.taxonomyCompact{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:11px;background:#f7f8fb}.taxonomyCompact small,.taxonomyCompact b{display:block}.taxonomyCompact small{font-size:8px;color:#65718a}.taxonomyCompact b{font-size:10px;margin-top:2px}.taxonomyCompact>span{font-size:12px;font-weight:900;color:#5549c4}
@media(max-width:760px){.chainCompanion{grid-template-columns:130px 1fr}.chainCompanionMeta{display:none}.chainCompanionVisual{height:130px}.chainCompanionVisual img{max-width:130px;max-height:125px}.resultStrip{grid-template-columns:repeat(2,1fr)}.examSimpleCard{grid-template-columns:1fr}.examSimpleCard>a{width:100%}.detailCompanion{grid-template-columns:130px 1fr}}
@media(max-width:500px){.chainCompanion{grid-template-columns:95px 1fr;min-height:135px;padding:8px 10px 8px 2px}.chainCompanionVisual{height:112px}.chainCompanionVisual img{max-width:98px;max-height:108px}.chainCompanionCopy h1{font-size:18px}.chainCompanionCopy p{font-size:9px}.examSimpleCard{padding:13px}.prioritySimpleCard{grid-template-columns:1fr}.priorityAction{grid-template-columns:auto 1fr;align-items:center;justify-items:stretch}.priorityAction>a{min-height:42px}.sectionCompact{grid-template-columns:1fr 1fr 1fr}.sectionCompact>b{grid-column:1/-1}.studentExams nav a,.studentExamDetail nav a{font-size:20px}.studentExams nav a small,.studentExamDetail nav a small{font-size:8px}}



/* ============================================================
   STUDENT V2 - WORKS.PHP
   ============================================================ */

.studentWorks main{
    width:min(
        1180px,
        calc(100% - 28px)
    );

    margin:auto;
}


.worksCompanion{
    grid-template-columns:
        175px
        minmax(0,1fr)
        auto;
}


.worksCounter{
    display:flex;
    gap:8px;
}


.worksCounter > span{
    min-width:78px;
    padding:10px 11px;

    border-radius:13px;

    background:
        rgba(
            255,
            255,
            255,
            .72
        );

    text-align:center;
}


.worksCounter strong,
.worksCounter small{
    display:block;
}


.worksCounter strong{
    font-size:22px;
    color:#5549c4;
}


.worksCounter small{
    margin-top:2px;

    color:#65718a;

    font-size:8px;
}



.worksSection{
    margin-top:20px;
}


.worksSection .chainHead{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:12px;
}


.worksSection .chainHead h2{
    margin:
        3px
        0
        9px;

    font-size:18px;
}


.worksSection .chainHead > em{
    min-width:28px;

    padding:5px 8px;

    border-radius:99px;

    background:#eeebff;

    color:#5c50c8;

    text-align:center;

    font-size:9px;
    font-style:normal;
    font-weight:900;
}



.workList{
    display:grid;
    gap:10px;
}


.workCard{
    display:grid;

    grid-template-columns:
        48px
        minmax(0,1fr)
        auto;

    gap:13px;

    align-items:center;

    padding:15px 16px;

    border:
        1px
        solid
        #dfe1ec;

    border-radius:17px;

    background:#fff;

    box-shadow:
        0
        7px
        22px
        rgba(
            43,
            47,
            70,
            .045
        );
}


.workCardIcon{
    width:48px;
    height:48px;

    display:grid;
    place-items:center;

    border-radius:14px;

    background:#ece9ff;

    color:#5549c4;

    font-size:19px;
    font-weight:900;
}


.workBadges{
    display:flex;
    flex-wrap:wrap;
    gap:6px;

    margin-bottom:5px;
}


.workBadges > span{
    padding:
        4px
        7px;

    border-radius:99px;

    background:#f1f2f6;

    color:#68738a;

    font-size:8px;
    font-weight:850;
}


.workBadges .sourceBadge{
    background:#e8f4ff;
    color:#3b6f9b;
}


.workBadges .dueBadge{
    background:#fff0e3;
    color:#976435;
}


.workCardMain h3{
    margin:
        0
        0
        8px;

    font-size:14px;
}


.workCardMain p{
    margin:
        5px
        0
        0;

    color:#6c778c;

    font-size:9px;
}


.workProgress{
    height:8px;

    overflow:hidden;

    border-radius:99px;

    background:#eceef4;
}


.workProgress i{
    display:block;

    height:100%;

    background:
        linear-gradient(
            90deg,
            #6658d8,
            #8c72ea
        );
}


.workPrimary{
    min-width:108px;
    min-height:44px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:
        10px
        13px;

    border-radius:11px;

    background:#6658d8;

    color:#fff;

    text-decoration:none;

    font-size:10px;
    font-weight:900;
}


.workPrimary:hover{
    background:#5549c4;
}



.completedFold{
    margin-top:18px;
}


.doneWorkList{
    display:grid;
    gap:9px;
}


.doneWorkCard{
    display:grid;

    grid-template-columns:
        38px
        minmax(0,1fr)
        auto;

    gap:12px;

    align-items:center;

    padding:13px 14px;

    border-radius:14px;

    background:#f8f9fb;
}


.doneWorkMark{
    width:38px;
    height:38px;

    display:grid;
    place-items:center;

    border-radius:12px;

    background:#dff4e9;

    color:#297753;

    font-size:18px;
    font-weight:900;
}


.doneWorkCopy h3{
    margin:
        3px
        0
        4px;

    font-size:12px;
}


.doneWorkCopy p{
    margin:0;

    color:#6b7689;

    font-size:9px;
}


.doneWorkActions{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    justify-content:flex-end;
}


.doneWorkActions a{
    min-height:40px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:
        9px
        11px;

    border-radius:10px;

    background:#6658d8;

    color:#fff;

    text-decoration:none;

    font-size:9px;
    font-weight:900;
}


.doneWorkActions a.secondary{
    border:
        1px
        solid
        #cfc9ed;

    background:#fff;

    color:#5549c4;
}



.studentWorks nav{
    width:min(
        640px,
        calc(100% - 16px)
    );

    padding:8px;
}


.studentWorks nav a{
    min-height:52px;

    justify-content:center;

    font-size:22px;
}


.studentWorks nav a small{
    margin-top:2px;

    font-size:9px;
}



@media(max-width:760px){

    .worksCompanion{
        grid-template-columns:
            130px
            1fr;
    }


    .worksCounter{
        grid-column:
            1
            /
            -1;

        justify-content:flex-end;
    }


    .workCard{
        grid-template-columns:
            44px
            1fr;
    }


    .workPrimary{
        grid-column:
            1
            /
            -1;

        width:100%;

        min-height:47px;
    }


    .doneWorkCard{
        grid-template-columns:
            38px
            1fr;
    }


    .doneWorkActions{
        grid-column:
            1
            /
            -1;
    }


    .doneWorkActions a{
        flex:1;

        min-height:44px;
    }
}



@media(max-width:500px){

    .worksCounter{
        justify-content:stretch;
    }


    .worksCounter > span{
        flex:1;
    }


    .workCard{
        padding:
            13px;
    }


    .workCardMain h3{
        font-size:13px;
    }


    .workPrimary{
        font-size:11px;
    }


    .doneWorkActions{
        display:grid;

        grid-template-columns:
            1fr
            1fr;
    }


    .studentWorks nav a{
        font-size:20px;
    }


    .studentWorks nav a small{
        font-size:8px;
    }
}

/* ============================================================
   STUDENT V2 - APP SHELL v1
   4 ana dünya: Ana Sayfam / Çalış / Gelişimim / Birlikte
   ============================================================ */
.studentAppNav{
  width:min(560px,calc(100% - 18px));
  grid-template-columns:repeat(4,1fr);
  padding:7px;
}
.studentAppNav a{
  min-height:52px;
  justify-content:center;
  gap:2px;
  border-radius:13px;
  font-size:20px;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.studentAppNav a>span{line-height:1}
.studentAppNav a small{font-size:9px;margin-top:2px}
.studentAppNav a.active{
  color:#5c50c8;
  background:#eeebff;
}
.studentAppNav a:active{transform:scale(.98)}

/* Ana sayfa: karar ekranı; rapor yoğunluğu azaltıldı. */
.homeDecisionGrid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
  gap:12px;
  margin-top:18px;
}
.homeDecisionCard{
  min-height:150px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 24px rgba(56,53,91,.05);
}
.homeDecisionCard>small{
  color:#6558cd;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}
.homeDecisionCard h2{margin:5px 0 7px;font-size:20px}
.homeDecisionCard p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}
.homeDecisionActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.homeDecisionActions a{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 13px;
  border-radius:11px;
  text-decoration:none;
  font-size:10px;
  font-weight:900;
}
.homeDecisionActions .primary{background:#6658d8;color:#fff}
.homeDecisionActions .secondary{border:1px solid #d7d2ee;background:#f8f7ff;color:#5549c4}
.homeMiniSummary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}
.homeMiniSummary>div{padding:11px;border-radius:13px;background:#f6f5fb}
.homeMiniSummary span,.homeMiniSummary b{display:block}
.homeMiniSummary span{font-size:8px;color:var(--muted)}
.homeMiniSummary b{margin-top:2px;font-size:17px}
.homeRouteCards{display:grid;gap:9px;margin-top:18px}
.homeRouteCards>a{
  min-height:72px;
  display:grid;
  grid-template-columns:42px 1fr auto;
  gap:11px;
  align-items:center;
  padding:13px 14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  text-decoration:none;
}
.homeRouteCards>a>span{
  width:42px;height:42px;display:grid;place-items:center;
  border-radius:13px;background:#eeebff;color:#5549c4;font-size:20px;font-weight:900;
}
.homeRouteCards b,.homeRouteCards small{display:block}
.homeRouteCards b{font-size:12px}
.homeRouteCards small{margin-top:3px;color:var(--muted);font-size:9px}
.homeRouteCards strong{font-size:19px;color:#6558cd}

/* progress.php */
.studentProgress main{width:min(1180px,calc(100% - 28px));margin:auto}
.progressHero{
  display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;
  padding:20px;border:1px solid #d9d3f5;border-radius:22px;
  background:linear-gradient(120deg,#ece9ff,#fff5f9 58%,#e7f6ff);
}
.progressHero small{font-size:8px;color:#5e51c7;font-weight:900;letter-spacing:.08em}
.progressHero h1{margin:4px 0 6px;font-size:26px}
.progressHero p{margin:0;color:#61708a;font-size:11px;line-height:1.55}
.progressHeroBadge{min-width:112px;padding:14px;border-radius:16px;background:rgba(255,255,255,.72);text-align:center}
.progressHeroBadge b,.progressHeroBadge span{display:block}
.progressHeroBadge b{font-size:26px;color:#5549c4}.progressHeroBadge span{font-size:8px;color:#6c7890}
.progressGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.progressMetric{padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}
.progressMetric small,.progressMetric b,.progressMetric span{display:block}.progressMetric small{font-size:8px;color:var(--muted)}.progressMetric b{margin-top:3px;font-size:21px}.progressMetric span{margin-top:2px;font-size:9px;color:#6e7890}
.progressSection{margin-top:20px}.progressSection h2{margin:0 0 9px;font-size:18px}
.progressExamCard{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none}
.progressExamCard small,.progressExamCard b,.progressExamCard span{display:block}.progressExamCard small{font-size:8px;color:var(--muted)}.progressExamCard b{margin-top:3px;font-size:13px}.progressExamCard span{margin-top:4px;font-size:9px;color:#65718a}.progressExamCard strong{font-size:18px;color:#5549c4}
.progressActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.progressActions a{min-height:42px;display:inline-flex;align-items:center;padding:10px 13px;border-radius:11px;text-decoration:none;font-size:10px;font-weight:900}.progressActions a:first-child{background:#6658d8;color:#fff}.progressActions a:last-child{border:1px solid #d7d2ee;background:#fff;color:#5549c4}
@media(max-width:760px){.homeDecisionGrid{grid-template-columns:1fr}.progressGrid{grid-template-columns:1fr 1fr}.progressGrid .progressMetric:last-child{grid-column:1/-1}}
@media(max-width:500px){.studentAppNav{width:calc(100% - 12px);bottom:6px}.studentAppNav a{min-height:50px;font-size:19px}.studentAppNav a small{font-size:8px}.homeDecisionCard{padding:15px}.homeDecisionCard h2{font-size:18px}.homeDecisionActions a{width:100%}.progressHero{grid-template-columns:1fr}.progressHeroBadge{text-align:left}.progressGrid{grid-template-columns:1fr}.progressGrid .progressMetric:last-child{grid-column:auto}.progressExamCard{grid-template-columns:1fr}.progressExamCard strong{display:none}}