:root{--bg:#080812;--panel:#10101f;--panel2:#15152a;--line:#252545;--text:#e8e8f8;--muted:#a7a7c8;--primary:#7c6fff;--success:#00e5a0;--error:#ff4d72;--warn:#ffaa00;--info:#00d4ff;--radius:14px;--glow:0 0 30px rgba(124,111,255,.28)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(124,111,255,.18),transparent 32%),linear-gradient(135deg,#080812,#0e0e22 70%,#111127);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}button,input,select{font:inherit}.app{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;background:rgba(16,16,31,.92);border-right:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:16px;backdrop-filter:blur(12px)}.logo{display:flex;gap:11px;align-items:center;font-weight:1000;letter-spacing:-.03em}.mark{width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,#ff3f9e,#7c6fff,#00d4ff);display:grid;place-items:center;box-shadow:var(--glow)}.nav{display:grid;gap:8px}.nav button{border:1px solid transparent;background:transparent;color:var(--muted);text-align:left;border-radius:14px;padding:12px;cursor:pointer;font-weight:850}.nav button.active,.nav button:hover{background:rgba(124,111,255,.14);border-color:rgba(124,111,255,.35);color:#fff}.side-stats{margin-top:auto;display:grid;gap:8px}.mini{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:12px}.mini b{display:block;font-size:20px}.mini small{color:var(--muted);font-weight:800}.main{padding:22px;max-width:1180px;width:100%;margin:0 auto}.view{display:none;animation:pop .18s ease}.view.active{display:block}@keyframes pop{from{opacity:.2;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}.hero{background:linear-gradient(135deg,rgba(124,111,255,.22),rgba(0,212,255,.06));border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--glow);margin-bottom:16px}.hero h1{margin:0 0 8px;font-size:clamp(28px,5vw,54px);line-height:.98;letter-spacing:-.06em}.muted{color:var(--muted)}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 12px 26px rgba(0,0,0,.18);transition:.18s transform,.18s box-shadow}.card:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(0,0,0,.25)}.stat b{font-size:28px}.stat span{color:var(--muted);font-weight:800;font-size:13px}.disciplinas{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.disc{cursor:pointer}.disc h3{margin:8px 0 6px;font-size:22px}.disc-icon{font-size:30px}.bar{height:9px;background:#22223c;border-radius:999px;overflow:hidden;margin-top:12px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--success),var(--primary));width:0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.btn{border:0;border-radius:14px;padding:12px 14px;min-height:46px;font-weight:950;cursor:pointer;color:#090913;background:#fff}.btn.primary{background:var(--primary);color:#fff;box-shadow:var(--glow)}.btn.ghost{background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--text)}.btn.good{background:var(--success);color:#05130f}.btn.warn{background:var(--warn);color:#181000}.btn.bad{background:var(--error);color:#fff}.btn.info{background:var(--info);color:#041116}.quiz-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--glow)}.qtop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}.badge{display:inline-flex;gap:8px;align-items:center;border-radius:999px;background:rgba(124,111,255,.14);border:1px solid rgba(124,111,255,.38);padding:8px 10px;color:#fff;font-weight:900;font-size:13px}.qtext{font-size:21px;line-height:1.38;font-weight:850;margin:12px 0 16px}.opts{display:grid;gap:10px}.opt{width:100%;text-align:left;background:#15152a;color:var(--text);border:2px solid var(--line);border-radius:16px;padding:14px;display:flex;gap:12px;cursor:pointer;transition:.15s}.opt:hover{border-color:rgba(124,111,255,.75)}.opt.dim{opacity:.42}.opt.correct{border-color:var(--success);background:rgba(0,229,160,.12)}.opt.wrong{border-color:var(--error);background:rgba(255,77,114,.12);animation:shake .35s}.letter{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:#22223c;color:#fff;font-weight:1000;flex:0 0 32px}.correct .letter{background:var(--success);color:#06120d}.wrong .letter{background:var(--error);color:white}.feedback{display:none;margin-top:14px;border-radius:18px;border:1px solid var(--line);background:#121226;padding:15px}.feedback.show{display:block}.feedback.good{border-color:rgba(0,229,160,.5)}.feedback.bad{border-color:rgba(255,77,114,.5)}details.hint{border:1px solid rgba(0,212,255,.35);background:rgba(0,212,255,.07);border-radius:16px;margin:12px 0;overflow:hidden}details.hint summary{padding:12px 14px;cursor:pointer;font-weight:1000;list-style:none}details.hint summary::-webkit-details-marker{display:none}details.hint div{padding:0 14px 14px;color:#dff7ff;line-height:1.35}details.study{border:1px solid rgba(124,111,255,.45);background:rgba(124,111,255,.10);border-radius:16px;margin:12px 0;overflow:hidden}details.study summary{padding:12px 14px;cursor:pointer;font-weight:1000;list-style:none;color:#fff}details.study summary::-webkit-details-marker{display:none}.study-box{padding:0 14px 14px;color:#f1f1ff;line-height:1.45}.study-box h3{margin:12px 0 6px;font-size:17px}.study-box h4{margin:10px 0 4px;color:#fff}.study-box ol,.study-box ul{margin:6px 0 10px 22px;padding:0}.study-box li{margin:4px 0}.study-box .tag{display:inline-block;margin:3px 4px 3px 0;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:#15152a;font-weight:800;font-size:12px}.study-box .answerline{border-left:4px solid var(--primary);padding:10px;background:#121226;border-radius:12px;margin-top:10px}.grade{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.grade button{border:1px solid var(--line);background:#15152a;color:#fff;border-radius:14px;padding:10px 8px;font-weight:900;cursor:pointer;font-size:12px}.grade button:hover{border-color:var(--primary)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.mission{text-align:center;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--glow)}.mission .emoji{font-size:54px}.report-list,.error-list{display:grid;gap:10px;margin-top:12px}.row{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px}.row strong{display:block}.row small{color:var(--muted);font-weight:800}.table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left}.table th{color:#fff;background:#15152a}.flash{perspective:1000px;max-width:720px;margin:auto}.flip{min-height:280px;position:relative;transform-style:preserve-3d;transition:transform .5s}.flip.turned{transform:rotateY(180deg)}.face{position:absolute;inset:0;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:24px;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center}.back{transform:rotateY(180deg)}.pomodoro{position:fixed;right:18px;bottom:18px;background:#10101fe8;border:1px solid var(--line);border-radius:18px;padding:10px;display:flex;align-items:center;gap:10px;z-index:20;box-shadow:var(--glow);backdrop-filter:blur(8px)}.pomo-ring{width:50px;height:50px}.pomo-ring circle{fill:none;stroke-width:6;stroke:#252545}.pomo-ring .prog{stroke:var(--primary);stroke-linecap:round;transition:.4s}.pomo-time{font-weight:1000}.pomo-mode{font-size:11px;color:var(--muted);font-weight:900}.sync{font-size:12px;color:var(--muted);margin-top:8px}.hidden{display:none!important}@media(max-width:900px){.app{grid-template-columns:1fr}.side{position:relative;height:auto}.main{padding:12px}.grid4,.disciplinas{grid-template-columns:1fr 1fr}.grade{grid-template-columns:1fr 1fr}.pomodoro{right:10px;bottom:10px}}@media(max-width:560px){.grid4,.disciplinas{grid-template-columns:1fr}.qtext{font-size:18px}.side{padding:12px}.nav{grid-template-columns:repeat(2,1fr)}.nav button{font-size:13px}.pomodoro{transform:scale(.9);transform-origin:bottom right}}

.million-panel{display:grid;gap:10px;margin:12px 0;padding:12px;border:1px solid rgba(255,170,0,.35);border-radius:18px;background:linear-gradient(135deg,rgba(255,170,0,.10),rgba(124,111,255,.08))}.million-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.timerbox{display:flex;align-items:center;gap:9px;font-weight:1000}.timer-circle{width:46px;height:46px;border-radius:999px;display:grid;place-items:center;border:3px solid var(--warn);box-shadow:0 0 22px rgba(255,170,0,.25);color:#fff;background:#15152a}.timer-circle.danger{border-color:var(--error);animation:pulse .65s infinite}.lifelines{display:flex;flex-wrap:wrap;gap:8px}.lifelines .btn{min-height:38px;padding:8px 10px;font-size:12px}.lifelines .btn:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(1)}.prize-ladder{display:flex;gap:6px;flex-wrap:wrap}.prize-pill{border:1px solid var(--line);background:#15152a;color:var(--muted);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900}.prize-pill.active{background:var(--primary);color:#fff;box-shadow:var(--glow)}.million-note{font-size:12px;color:#ffe6a7;font-weight:800}.opt.eliminated{opacity:.22;pointer-events:none;text-decoration:line-through}@keyframes pulse{50%{transform:scale(1.06);box-shadow:0 0 26px rgba(255,77,114,.55)}}


.knowledge-map{margin:10px 0 16px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}
.map-main{max-width:280px;margin:0 auto 16px;padding:12px 14px;border:1px solid rgba(124,111,255,.45);background:rgba(124,111,255,.12);border-radius:16px;text-align:center;box-shadow:var(--glow)}
.map-main b,.map-node b,.map-sub b{display:block;font-size:14px;line-height:1.25}.map-main span,.map-node span,.map-sub span{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.map-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;position:relative}
.map-branches:before{content:'';position:absolute;left:50%;top:-10px;transform:translateX(-50%);width:2px;height:14px;background:rgba(124,111,255,.35)}
.map-branch{position:relative;padding-top:16px}.map-branch:before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:2px;height:16px;background:rgba(124,111,255,.35)}.map-branch:after{content:'';position:absolute;left:50%;top:0;width:50%;height:2px;background:rgba(124,111,255,.35)}.map-branch:nth-child(odd):after{left:50%}.map-branch:nth-child(even):after{left:0}
.map-node{padding:12px;border:1px solid rgba(0,212,255,.35);background:rgba(0,212,255,.07);border-radius:14px;text-align:center;margin-bottom:10px}
.map-subwrap{display:grid;gap:8px}.map-sub{padding:10px;border:1px dashed rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.025);margin-left:12px;position:relative}.map-sub:before{content:'';position:absolute;left:-12px;top:18px;width:12px;height:2px;background:rgba(255,255,255,.18)}
.topic-block{padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#121226;margin:10px 0}.topic-block p{margin:6px 0 10px}.topic-block ul{margin:0 0 0 18px}.topic-block li{margin:6px 0}.topic-block li b{color:#fff}
@media(max-width:760px){.map-branches{grid-template-columns:1fr}.map-branch:after{display:none}.map-sub{margin-left:0}.map-sub:before{display:none}}

.knowledge-map{overflow:hidden}.map-main,.map-node,.map-sub{border-radius:12px}.map-branches{align-items:start}.map-branch{min-width:0}.map-node{box-shadow:0 12px 24px rgba(0,0,0,.18)}.map-subwrap{position:relative;padding-left:12px}.map-subwrap:before{content:'';position:absolute;left:0;top:0;bottom:8px;width:2px;background:rgba(255,255,255,.14)}
@media(max-width:900px){.side{position:sticky;top:0;z-index:30;border-right:0;border-bottom:1px solid var(--line)}.nav button,.btn{min-height:50px}.qtop{position:sticky;top:0;z-index:12;background:rgba(16,16,31,.96);border:1px solid var(--line);border-radius:16px;padding:10px;backdrop-filter:blur(10px)}.timer-circle{width:52px;height:52px}}
@media(max-width:560px){body{font-size:16px}.main{padding:10px}.hero{border-radius:18px;padding:16px}.hero h1{font-size:32px;line-height:1.05}.card,.quiz-card,.mission{border-radius:18px;padding:14px}.nav{grid-template-columns:1fr 1fr}.nav button{padding:13px 10px;text-align:center}.actions,.toolbar,.lifelines{display:grid;grid-template-columns:1fr;gap:10px}.btn{width:100%;min-height:52px;padding:13px 14px}.opt{min-height:58px;padding:14px 12px}.qtext{font-size:19px;line-height:1.45}.million-panel{padding:10px;border-radius:16px}.million-top{align-items:flex-start}.timerbox{width:100%;justify-content:space-between}.timer-circle{width:48px;height:48px;flex:0 0 48px}.pomodoro{left:10px;right:10px;bottom:8px;justify-content:space-between;transform:none}.study-box{font-size:15.5px}.map-main{max-width:none}.map-subwrap{padding-left:0}.map-subwrap:before{display:none}}

/* Menu mobile em vez de cabeçalho fixo */
.mobile-menu-btn,.side-close,.mobile-menu-backdrop{display:none}
@media(max-width:900px){
  .app{grid-template-columns:1fr}
  .mobile-menu-btn{display:grid;place-items:center;position:fixed;left:12px;top:12px;z-index:70;width:48px;height:48px;border:1px solid rgba(124,111,255,.45);border-radius:15px;background:rgba(16,16,31,.92);color:#fff;font-size:26px;font-weight:1000;box-shadow:var(--glow);backdrop-filter:blur(10px);cursor:pointer}
  .side-close{display:grid;place-items:center;position:absolute;right:14px;top:12px;width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.06);color:#fff;font-size:28px;line-height:1;cursor:pointer}
  .mobile-menu-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:55;opacity:0;pointer-events:none;transition:.18s opacity;backdrop-filter:blur(3px)}
  body.menu-open .mobile-menu-backdrop{opacity:1;pointer-events:auto}
  .side{position:fixed!important;top:0;left:0;bottom:0;width:min(86vw,330px);height:100dvh!important;z-index:60;border-right:1px solid var(--line);border-bottom:0!important;transform:translateX(-110%);transition:.22s transform ease;overflow-y:auto;padding-top:68px}
  body.menu-open .side{transform:translateX(0)}
  .main{padding-top:72px}
  .nav{grid-template-columns:1fr!important}
  .nav button{text-align:left!important}
}
@media(max-width:560px){
  .mobile-menu-btn{width:46px;height:46px;left:10px;top:10px}
  .main{padding-top:66px}
}