:root{--bg:#181a1b;--fg:#e0e0e0;--accent:#2d2f31;--code:#232526;--text:#fff;--link:#8ec5ff;--link-hover:#ffe082}*{box-sizing:border-box}body{min-height:100vh;color:var(--fg);background:radial-gradient(circle at 100% 0,#303336 0,#181a1b 45%,#121314 100%);margin:0;padding:0;font-family:Fira Mono,Consolas,Monaco,monospace;line-height:1.55}header{background:linear-gradient(90deg,#1f2122 20%,#2d2f31);border-bottom:1px solid #3c3f41;padding:1.2rem 1rem}header h1{color:var(--text);text-align:center;margin:0}.back-dashboard-btn{z-index:1000;color:#fff;background:#2d2f31;border:1px solid #3f4345;border-radius:6px;padding:.45rem .8rem;font-size:.92rem;line-height:1;text-decoration:none;transition:background .2s,color .2s;position:fixed;top:.9rem;left:.9rem}.back-dashboard-btn:focus,.back-dashboard-btn:hover{color:var(--link-hover);background:#444}nav{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.9rem;display:flex}nav a{color:#fff;background:#2d2f31;border:1px solid #3f4345;border-radius:6px;padding:.45em .8em;text-decoration:none;transition:background .2s,color .2s}nav a:focus,nav a:hover{color:var(--link-hover);background:#444}main{max-width:900px;margin:1.6rem auto;padding:0 1rem}.container{background:var(--accent);border-radius:8px;margin-bottom:1.2rem;padding:1.6rem 1.8rem;box-shadow:0 2px 16px #000a}h1,h2,h3,h4{color:var(--text);margin-top:0}li,p{color:var(--fg)}a{color:var(--link)}a:focus,a:hover{color:var(--link-hover)}code,pre,var{background:var(--code);color:var(--text);border-radius:4px;font-family:Fira Mono,Consolas,Monaco,monospace}code{padding:.15em .4em;font-size:.95em;display:inline}pre{background:var(--code);border-radius:6px;padding:.8rem;overflow-x:auto}pre code{background:0 0;padding:0;display:block}var{padding:.1em .3em;font-style:normal;display:inline}img,video{max-width:100%;height:auto;margin:.7rem auto;display:block}details{background:#1f2122;border:1px solid #35383a;border-radius:6px;margin:.8rem 0;padding:.7rem}summary{cursor:pointer;color:#ffe082;font-weight:700}footer{text-align:center;color:#bfc3c7;margin:0 0 1rem}@media (width<=700px){.back-dashboard-btn{padding:.4rem .7rem;font-size:.85rem;top:.7rem;left:.7rem}main{padding:0 .55rem}.container{padding:1.2rem}}main>nav.indice,main>section{background:var(--accent);min-width:320px;max-width:840px;color:var(--fg);border-radius:8px;margin:0 auto 1.2rem;padding:1.6rem 2rem;box-shadow:0 2px 16px #000a}nav.indice ol{margin:0;padding-left:1.4rem}nav.indice li{margin-bottom:.4rem}.git-home{flex-direction:column;display:flex}.git-home-main{min-height:calc(100vh - 5rem);padding:2rem 1rem}.git-crumbs,.git-home-main{justify-content:center;align-items:center;display:flex}.git-crumbs{background:var(--accent);letter-spacing:.02em;border-radius:999px;flex-wrap:wrap;gap:.9rem;padding:1.2rem 1.5rem;font-size:1.05rem;font-weight:700;box-shadow:0 2px 16px #000a}.git-crumbs a{text-decoration:none}.git-crumbs span{color:var(--fg)}.git-central{text-align:center}.git-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;margin-top:1.5rem;display:grid}.git-grid-vertical{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}.home-hero{max-width:480px}.home-subtitle{opacity:.8;margin:.5rem 0 0}.git-card{background:var(--accent);color:var(--fg);border:1px solid #3f4345;border-radius:10px;padding:1.2rem;text-decoration:none;transition:transform .15s,box-shadow .15s,border .2s;position:relative}.start-badge{background:var(--link);color:#181a1b;text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:.25em .7em;font-size:.72rem;font-weight:700;position:absolute;top:-.6rem;right:.9rem;box-shadow:0 2px 8px #0006}.git-card:hover{border-color:var(--link);transform:translateY(-4px);box-shadow:0 4px 18px #000c}.git-card h2{margin-bottom:.5rem}.git-card p{opacity:.85;font-size:.95rem}.git-card-disabled{opacity:.5;cursor:default}.git-card-disabled:hover{box-shadow:none;border-color:#3f4345;transform:none}.bottom-left-btn,.bottom-right-btn{z-index:999;border-radius:999px;padding:.55rem 1rem;font-size:.92rem;font-weight:600;line-height:1;text-decoration:none;transition:background .2s,color .2s,transform .2s,box-shadow .2s;position:fixed}.bottom-left-btn{color:#fff;background:#2d2f31;border:1px solid #3f4345}.bottom-left-btn:focus,.bottom-left-btn:hover{color:var(--link-hover);background:#444}.bottom-right-btn{border:1px solid var(--link);background:var(--link);color:#181a1b;animation:2.4s ease-in-out infinite next-btn-pulse;box-shadow:0 0 0 4px #8ec5ff2e,0 4px 14px #00000073}.bottom-right-btn:focus,.bottom-right-btn:hover{background:var(--link-hover);border-color:var(--link-hover);color:#181a1b;animation-play-state:paused;transform:translateY(-2px)}@keyframes next-btn-pulse{0%,to{box-shadow:0 0 0 4px #8ec5ff2e,0 4px 14px #00000073}50%{box-shadow:0 0 0 8px #8ec5ff0f,0 4px 14px #00000073}}.bottom-left-btn{bottom:.9rem;left:.9rem}.bottom-right-btn{bottom:.9rem;right:.9rem}.example-trigger{border:1px solid var(--link);color:var(--link);cursor:pointer;background:0 0;border-radius:999px;margin-left:.4rem;padding:.15em .6em;font-family:inherit;font-size:.85em;transition:background .2s,color .2s}.example-trigger:focus,.example-trigger:hover{background:var(--link);color:#181a1b}.next-topic-cta{color:var(--text);background:#232526;border:1px solid #3f4345;border-radius:8px;padding:.6em 1.1em;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-block}.next-topic-cta:focus,.next-topic-cta:hover{border-color:var(--link);color:var(--text);background:#2d2f31}.video-player{background:#1f2122;border:1px solid #35383a;border-radius:10px;margin:1.1rem 0;padding:.6rem;box-shadow:0 4px 18px #00000059}.video-player video{background:#000;border-radius:6px;width:100%;margin:0}.video-player figcaption{color:#bfc3c7;text-align:center;margin-top:.5rem;padding:0 .2rem;font-size:.85rem}.tab-toggle{border:1px solid #3f4345;border-radius:8px;margin:1rem 0;display:flex;overflow:hidden}.tab-toggle button{color:var(--fg);cursor:pointer;background:#1f2122;border:none;flex:1;padding:.6em 1em;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .2s,color .2s}.tab-toggle button+button{border-left:1px solid #3f4345}.tab-toggle button:hover:not(.active){color:var(--text);background:#2a2c2e}.tab-toggle button.active{color:var(--text);background:#3a3d3f}.modal-backdrop{z-index:2000;background:#0a0b0cbf;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-box{background:var(--accent);border:1px solid #3f4345;border-radius:10px;flex-direction:column;width:100%;max-width:860px;max-height:88vh;display:flex;box-shadow:0 8px 32px #000c}.modal-box-wide{max-width:1180px}.modal-header{border-bottom:1px solid #3f4345;justify-content:space-between;align-items:center;padding:1rem 1.4rem;display:flex}.modal-header h3{margin:0;font-size:1.05rem}.modal-close{color:var(--fg);cursor:pointer;background:0 0;border:none;padding:0 .3rem;font-size:1.5rem;line-height:1}.modal-close:focus,.modal-close:hover{color:var(--link-hover)}.modal-body{padding:1.2rem 1.4rem 1.6rem;overflow-y:auto}.example-hint{opacity:.85;margin-top:0;font-size:.95rem}.example-columns{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.4rem;display:grid}.example-pane{flex-direction:column;gap:.4rem;min-width:0;display:flex}.example-pane-label{text-transform:uppercase;letter-spacing:.04em;opacity:.7;font-size:.8rem}.example-pane textarea{resize:none;width:100%;color:var(--text);padding:.7rem;font-family:Fira Mono,Consolas,Monaco,monospace;font-size:.9rem;line-height:1.5}.example-pane textarea,.markdown-preview{background:var(--code);border:1px solid #3f4345;border-radius:6px;flex:1;min-height:220px}.markdown-preview{padding:.7rem 1rem;overflow-y:auto}.markdown-preview :first-child{margin-top:0}.markdown-preview pre{margin:.6rem 0}.tree-preview{background:var(--code);white-space:pre;border:1px solid #3f4345;border-radius:6px;flex:1;min-height:220px;padding:.7rem 1rem;font-family:Fira Mono,Consolas,Monaco,monospace;font-size:.9rem;overflow:auto}.tree-line{color:var(--fg)}.tree-ignored{color:#7a7f82;text-decoration:line-through}.git-add-file-row{justify-content:space-between;align-items:center;gap:.6rem;padding:.3rem 0;display:flex}.git-add-file-name em{opacity:.6;margin-left:.3em;font-size:.85em;font-style:normal}.git-add-file-staged{color:#6fdb7b}.git-add-bulk{gap:.6rem;margin-top:.6rem;display:flex}.cheatsheet{border-collapse:collapse;width:100%;margin:.8rem 0;font-size:.9rem}.cheatsheet td{vertical-align:top;border:1px solid #3f4345;padding:.45rem .7rem}.cheatsheet td:first-child{white-space:nowrap;width:1%}.git-status .status-green{color:#6fdb7b}.git-status .status-red{color:#ff6b6b}.git-status{margin:0}.status-dot{border-radius:50%;width:.7em;height:.7em;margin-right:.3em;display:inline-block}.status-dot-green{background:#6fdb7b}.status-dot-red{background:#ff6b6b}@media (width<=700px){.example-columns{grid-template-columns:1fr}.modal-body{padding:1rem}.bottom-left-btn,.bottom-right-btn{padding:.4rem .7rem;font-size:.85rem}.bottom-left-btn{bottom:.7rem;left:.7rem}.bottom-right-btn{bottom:.7rem;right:.7rem}}