.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);height:100vh;position:sticky;top:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 12px;gap:20px;z-index:2}.sidebar__brand{display:flex;align-items:center;gap:11px;padding:0 6px}.sidebar__logo{font-size:22px;color:var(--green);line-height:1;text-shadow:0 0 10px var(--green-glow)}.sidebar__name{font-size:15px;font-weight:700;letter-spacing:.02em}.sidebar__sub{font-size:11px;color:var(--text-faint)}.sidebar__nav{display:flex;flex-direction:column;gap:3px}.navitem{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--radius-sm);color:var(--text-dim);font-size:13.5px;border:1px solid transparent;transition:background .12s,color .12s}.navitem:hover{background:var(--surface-3);color:var(--text);text-decoration:none}.navitem--active{background:var(--surface-3);color:var(--green);border-color:var(--border)}.navitem--active svg{filter:drop-shadow(0 0 5px var(--green-glow))}.sidebar__locked{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;border:1px dashed var(--red-dim);border-radius:var(--radius-sm);background:var(--red-glow);color:var(--red);cursor:not-allowed}.sidebar__locked-body{display:flex;flex-direction:column;gap:3px;min-width:0}.sidebar__locked-name{font-size:12.5px;font-weight:600}.sidebar__locked-hint{font-size:10.5px;color:var(--text-faint);line-height:1.35}.sidebar__foot{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding:0 6px}.sidebar__mode{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-faint)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot--amber{background:var(--amber);box-shadow:0 0 6px #d2992280}.dot--green{background:var(--green);box-shadow:0 0 6px var(--green-glow)}.sidebar__user{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar__email{font-size:11px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__signout{background:transparent;border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius-sm);padding:2px 8px;font-size:11px}.sidebar__signout:hover{color:var(--red);border-color:var(--red)}@media (max-width: 720px){.sidebar{position:static;width:100%;min-width:0;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;border-right:none;border-bottom:1px solid var(--border)}.sidebar__nav{flex-direction:row;flex-wrap:wrap}.sidebar__foot{margin:0;flex-direction:row;align-items:center}.sidebar__locked{flex:1 1 100%}}.wchrome{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface-2);border-bottom:1px solid var(--border);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.wchrome__dots{display:inline-flex;gap:7px}.wchrome__dots i{width:12px;height:12px;border-radius:50%;display:block}.wchrome__title{color:var(--text-dim);font-size:12.5px}.wchrome__right{margin-left:auto;color:var(--text-faint);font-size:12px}.pbar{display:flex;align-items:center;gap:10px}.pbar__track{flex:1;height:8px;background:var(--surface-3);border:1px solid var(--border-soft);border-radius:999px;overflow:hidden;min-width:80px}.pbar__fill{height:100%;background:linear-gradient(90deg,var(--green-dim),var(--green));box-shadow:0 0 8px var(--green-glow);border-radius:999px;transition:width .5s ease}.pbar__fill--locked{background:var(--red-dim);box-shadow:none}.pbar__label{font-size:12px;color:var(--text-dim);white-space:nowrap;min-width:92px;text-align:right}.nota{display:inline-flex;align-items:center;gap:6px;border:1px solid;border-radius:var(--radius-sm);padding:2px 8px;font-size:12px;background:#0003}.nota__k{color:var(--text-faint);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em}.nota__v{font-weight:600;font-variant-numeric:tabular-nums}.pill,.tag{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11.5px;border:1px solid transparent;white-space:nowrap}.pill--green{color:var(--green);border-color:var(--green);background:var(--green-glow)}.pill--red{color:var(--red);border-color:var(--red);background:var(--red-glow)}.pill--amber{color:var(--amber);border-color:var(--amber);background:#d299221a}.pill--dim{color:var(--text-dim);border-color:var(--border);background:var(--surface-3)}.tag--dim{color:var(--text-dim);border-color:var(--border);background:var(--surface-2)}.tag--blue{color:var(--blue);border-color:var(--blue);background:#58a6ff14}.tag--purple{color:var(--purple);border-color:var(--purple);background:#bc8cff14}.tag--green{color:var(--green);border-color:var(--green);background:var(--green-glow)}.login{min-height:100vh;display:grid;place-items:center;padding:20px;position:relative;z-index:1}.login__box{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 16px 50px #00000073}.login__body{padding:26px 24px 30px}.login__logo{font-size:20px;font-weight:700;color:var(--green);text-shadow:0 0 12px var(--green-glow)}.login__lead{font-size:12.5px;color:var(--text-dim);margin:8px 0 22px}.login__form{display:flex;flex-direction:column;gap:10px}.login__label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.login__form input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:14px;border-radius:var(--radius-sm);padding:10px 12px}.login__form input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-glow)}.login__form button{margin-top:6px;background:var(--green-dim);color:#04170a;font-weight:700;border:none;border-radius:var(--radius-sm);padding:11px}.login__form button:hover{background:var(--green)}.login__form button:disabled{opacity:.6;cursor:default}.login__ok{color:var(--text)}.login__hint{color:var(--text-dim);font-size:12.5px}.login__erro{color:var(--red);font-size:12.5px}.page{flex:1;min-width:0;height:100vh;overflow-y:auto;padding:22px;position:relative;z-index:1}.window{max-width:1080px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 40px #00000059}.window__body{padding:22px 24px 30px}.page__comment{margin:0 0 20px;color:var(--text-faint);font-size:12.5px}.page__comment:before{content:"// ";color:var(--green-dim)}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:26px 0 12px;display:flex;align-items:center;gap:10px}.section-title:after{content:"";flex:1;height:1px;background:var(--border-soft)}.section-title:first-child{margin-top:4px}.empty{color:var(--text-faint);font-size:13px;padding:18px;border:1px dashed var(--border);border-radius:var(--radius-sm);text-align:center}@media (max-width: 720px){.page{height:auto;padding:14px}}.nextstep{border:1px solid var(--green-dim);background:linear-gradient(180deg,var(--green-glow),transparent);border-radius:var(--radius-sm);padding:16px 18px;margin-bottom:24px;position:relative}.nextstep__tag{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--green);margin-bottom:8px}.nextstep__mod{font-size:18px;font-weight:600;color:var(--text)}.nextstep__trilha{font-size:13px;color:var(--text-dim);margin-top:4px}.nextstep__trilha strong{color:var(--green)}.trilhas{display:flex;flex-direction:column;gap:10px}.trow{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius-sm);padding:13px 15px;display:flex;flex-direction:column;gap:11px;transition:border-color .12s,background .12s}.trow:hover{border-color:var(--surface-3);background:var(--surface-3)}.trow--locked{border-style:dashed;border-color:var(--red-dim);background:var(--red-glow)}.trow--locked:hover{background:var(--red-glow)}.trow__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.trow__icon{color:var(--text-dim);display:inline-flex}.trow--locked .trow__icon{color:var(--red)}.trow__nome{font-size:14.5px;font-weight:600;margin-right:2px}.trow__nota{margin-left:auto}.trow__lockhint{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--red)}.mods{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.mod{display:flex;align-items:center;gap:11px;padding:9px 12px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-2)}.mod:hover{border-color:var(--border)}.mod__marker{width:16px;text-align:center;color:var(--text-faint);font-weight:700;flex-shrink:0}.mod--concluido .mod__marker{color:var(--green)}.mod--fazendo .mod__marker{color:var(--amber)}.mod__titulo{flex:1;font-size:13.5px}.mtipo{font-size:10px;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:1px 7px;flex-shrink:0;background:var(--surface)}.mtipo--curso{color:var(--blue);border-color:var(--blue)}.mtipo--pratica{color:var(--green);border-color:var(--green-dim)}.mtipo--consulta{color:var(--text-dim);border-color:var(--border)}.mtipo--cert{color:var(--purple);border-color:var(--purple)}.mtipo--tarefa{color:var(--amber);border-color:var(--amber)}.mod--concluido .mod__titulo{color:var(--text-dim);text-decoration:line-through;text-decoration-color:var(--border)}.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.seg__btn{background:var(--surface);border:none;color:var(--text-faint);font-family:var(--mono);font-size:11px;padding:4px 10px;border-right:1px solid var(--border);transition:background .12s,color .12s}.seg__btn:last-child{border-right:none}.seg__btn:hover{color:var(--text);background:var(--surface-3)}.seg__btn--on{color:#04170a;font-weight:700}.seg__btn--a_fazer.seg__btn--on{background:var(--text-dim);color:var(--bg)}.seg__btn--fazendo.seg__btn--on{background:var(--amber)}.seg__btn--concluido.seg__btn--on{background:var(--green)}@media (max-width: 720px){.mod{flex-wrap:wrap}.seg{margin-left:27px}}.filtros{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:4px 12px;font-size:12px}.chip:hover{color:var(--text);border-color:var(--surface-3)}.chip--on{color:var(--green);border-color:var(--green);background:var(--green-glow)}.desafios{display:flex;flex-direction:column;gap:9px}.dcard{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius-sm);padding:12px 14px;display:flex;flex-direction:column;gap:9px}.dcard--resolvido{border-left:3px solid var(--green)}.dcard--fazendo{border-left:3px solid var(--amber)}.dcard__top{display:flex;align-items:center;gap:11px;flex-wrap:wrap;cursor:pointer}.dcard__chev{color:var(--text-faint);transition:transform .15s;flex-shrink:0}.dcard__chev--open{transform:rotate(90deg);color:var(--green)}.dcard__status{background:transparent;border:none;padding:0}.dcard__titulo{flex:1;font-size:14px;font-weight:600}.dcard__nota{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.dcard__nota input{width:56px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--mono);border-radius:var(--radius-sm);padding:3px 6px;font-size:12px}.dcard__nota input:focus{outline:none;border-color:var(--green)}.dcard__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dcard__data{font-size:11.5px;color:var(--text-faint);margin-left:auto}.dcard--aberto{border-color:var(--surface-3)}.ddetail{margin-top:12px;padding-top:14px;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:16px}.ddetail__block{display:flex;flex-direction:column;gap:7px}.ddetail__label{display:flex;align-items:center;gap:6px;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.ddetail__enunciado{margin:0;font-size:13px;color:var(--text);line-height:1.55;background:var(--surface);border:1px solid var(--border-soft);border-left:3px solid var(--green-dim);border-radius:var(--radius-sm);padding:11px 13px}.ddetail__hint{margin:0;font-size:12px;color:var(--text-faint)}.ddetail__demo{font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--amber);border:1px solid var(--amber);border-radius:999px;padding:1px 6px;margin-left:2px}.ddetail__dir{color:var(--text-faint);text-transform:none;letter-spacing:0}.ddetail__kit{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.kbtn{display:inline-flex;align-items:center;gap:6px;background:var(--green-dim);color:#04170a;font-weight:700;border:none;border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;cursor:pointer}.kbtn:hover{background:var(--green)}.kbtn:disabled{opacity:.45;cursor:default}.kbtn--ghost{background:transparent;color:var(--text-dim);font-weight:400;border:1px solid var(--border)}.kbtn--ghost:hover{background:var(--surface-3);color:var(--text)}.ddetail__relato{width:100%;resize:vertical;background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:12.5px;line-height:1.5;border-radius:var(--radius-sm);padding:10px 12px}.ddetail__relato:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-glow)}.ddetail__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ddetail__valida{font-size:11.5px;color:var(--text-faint)}.ddetail__msg{font-size:12px;color:var(--green);border:1px solid var(--green-dim);background:var(--green-glow);border-radius:var(--radius-sm);padding:6px 10px}.dlocked{margin-top:20px;border:1px dashed var(--red-dim);background:var(--red-glow);border-radius:var(--radius-sm);padding:14px 16px}.dlocked__head{display:flex;align-items:center;gap:9px;color:var(--red);flex-wrap:wrap}.dlocked__head strong{color:var(--text)}.dlocked__hint{margin:8px 0 0;font-size:12.5px;color:var(--text-dim)}.projs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:11px}.proj{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius-sm);padding:14px;display:flex;flex-direction:column;gap:8px}.proj:hover{border-color:var(--surface-3)}.proj__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.proj__nome{font-size:13.5px;font-weight:700;color:var(--green)}.proj__demo{margin:0;font-size:12.5px;color:var(--text)}.proj__gatilho{font-size:11px;color:var(--text-faint)}.proj__foot{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.proj__link,.proj__readme{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 8px;color:var(--text-dim);background:var(--surface)}.proj__link:hover{color:var(--blue);border-color:var(--blue);text-decoration:none}.proj__link--off{opacity:.4;pointer-events:none}.proj__readme{cursor:pointer}.proj__readme:hover{color:var(--text)}.proj__readme--ok{color:var(--green);border-color:var(--green);background:var(--green-glow)}.app{display:flex;align-items:flex-start;min-height:100vh}.boot{min-height:100vh;display:grid;place-items:center;color:var(--text-dim);font-size:14px;position:relative;z-index:1}@media (max-width: 720px){.app{flex-direction:column}}:root{--bg: #0a0d12;--surface: #0d1117;--surface-2: #121820;--surface-3: #161d27;--border: #222c39;--border-soft: #1a222d;--text: #c9d1d9;--text-dim: #8b949e;--text-faint: #56606c;--green: #3fb950;--green-dim: #2ea043;--green-glow: rgba(63, 185, 80, .15);--red: #f85149;--red-dim: #da3633;--red-glow: rgba(248, 81, 73, .12);--amber: #d29922;--blue: #58a6ff;--purple: #bc8cff;--dot-red: #ff5f56;--dot-yellow: #ffbd2e;--dot-green: #27c93f;--mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", "Fira Code", "Consolas", "Liberation Mono", monospace;--radius: 8px;--radius-sm: 5px;--sidebar-w: 232px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--mono);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--border-soft) 1px,transparent 1px),linear-gradient(90deg,var(--border-soft) 1px,transparent 1px);background-size:40px 40px;opacity:.12}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer}h1,h2,h3,h4{font-weight:600;margin:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--surface-3)}::selection{background:var(--green-glow);color:var(--green)}.prompt:before{content:"$ ";color:var(--green)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.cursor:after{content:"▋";color:var(--green);animation:blink 1s steps(1) infinite;margin-left:2px}