:root{--bg:#09090d;--panel:#11111a;--panel2:#151522;--text:#f5f7ff;--muted:#9296a8;--accent:#7c5cff;--accent2:#b68cff;--pink:#ec4899;--cyan:#06b6d4;--border:#29293b;--mono:"Fira Code",monospace;--sans:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:20}.nav{height:72px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,5vw);position:sticky;top:0;background:#09090ddd;backdrop-filter:blur(16px);z-index:10}.brand{font:700 15px var(--mono);letter-spacing:.12em;color:var(--text);text-decoration:none}.brand i{color:var(--accent);font-style:normal}.nav-links{display:flex;gap:28px}.nav-links a,.nav-terminal{color:var(--muted);font:500 12px var(--mono);text-decoration:none;background:none;border:0;cursor:pointer}.nav-links a:hover,.nav-terminal:hover{color:var(--text)}.nav-terminal{border:1px solid var(--border);padding:9px 13px;border-radius:8px}.hero{min-height:650px;max-width:1180px;margin:auto;padding:90px 28px 70px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px}.eyebrow,.section-kicker{font:600 11px var(--mono);letter-spacing:.14em;color:var(--accent2)}.dot{display:inline-block;width:7px;height:7px;background:#4ade80;border-radius:50%;box-shadow:0 0 15px #4ade80;margin-right:8px}.hero h1{font-size:clamp(60px,10vw,128px);line-height:.9;letter-spacing:-.07em;margin:18px 0}.cursor{color:var(--accent);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.role{font-size:20px;color:#d9dbe8;margin:0 0 16px}.motto{color:var(--muted);font:15px var(--mono)}.hero-actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-block;border:1px solid var(--border);padding:13px 18px;border-radius:9px;color:var(--text);text-decoration:none;font:600 12px var(--mono);transition:.2s}.btn:hover{transform:translateY(-2px);border-color:#4a4a68}.btn.primary{background:var(--accent);border-color:var(--accent)}.hero-art{height:420px;position:relative;display:grid;place-items:center}.hero-art img{width:min(330px,80%);position:relative;filter:drop-shadow(0 30px 50px #000)}.orb{position:absolute;border-radius:50%;filter:blur(30px);opacity:.35}.orb-a{width:230px;height:230px;background:var(--accent);top:50px;left:40px}.orb-b{width:180px;height:180px;background:var(--pink);bottom:50px;right:30px}.badge{position:absolute;background:#171721cc;border:1px solid var(--border);padding:8px 10px;border-radius:7px;font:700 10px var(--mono);backdrop-filter:blur(10px)}.b1{top:60px;right:20px;color:#f87171}.b2{bottom:100px;left:20px;color:#60a5fa}.b3{bottom:35px;right:45px;color:#4ade80}.terminal-wrap{max-width:95vw;width:100%;margin:0 auto}
.terminal-aiko{width:100%;font-family:var(--mono);cursor:text;border:1px solid #7c5cff;border-radius:24px;overflow:hidden;box-shadow:0 0 0 1px #262638,0 18px 55px #0008}
.terminal-mantle{background:#11111a;padding:20px}
.terminal-lights{display:flex;align-items:center;gap:16px}
.terminal-lights span{display:block;width:16px;height:16px;border-radius:50%}
.terminal-lights span:nth-child(1){background:#f0788d}
.terminal-lights span:nth-child(2){background:#f0d18a}
.terminal-lights span:nth-child(3){background:#9ad38e}
.terminal-base{background:#09090d;padding:20px;min-height:60vh;max-height:60vh;overflow:auto;color:#a9a7ba}
.terminal-output{font-size:14px;line-height:1.7;color:#a9a7ba}
.terminal-output>div{margin:8px 0}
.terminal-output .terminal-command{display:flex;align-items:center;gap:8px}
.terminal-prompt-row{display:flex;align-items:center;gap:8px;font-size:14px}
.terminal-prompt{font-family:var(--mono);white-space:nowrap;color:#a9a7ba}
.prompt-blue{color:#7c5cff}
.prompt-pink{color:#b68cff}
.terminal-input-wrap {
  position: relative;
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
}

/* On force une typographie et une hauteur STRICTEMENT identiquement paramétrées */
.terminal-prompt-row input,
.autocomplete-ghost {
  font-family: var(--mono);
  font-size: 14px;
  line-height: 1.2;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  background: transparent;
}

.terminal-prompt-row input {
  position: relative;
  z-index: 2;
  color: #b68cff;
  width: 100%;
}

.terminal-prompt-row input::placeholder {
  color: #a9a7ba;
  opacity: 1;
}

/* Le texte fantôme : directement sous l'input, grisé et cliquable au travers */
.autocomplete-ghost {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  color: rgba(255, 255, 255, 0.25); /* Effet grisé / semi-transparent */
  pointer-events: none;
  white-space: pre;
  display: block; /* Toujours prêt à afficher son textContent */
}
.command-icon{display:inline-flex;width:20px;justify-content:center;margin-right:7px;color:#b68cff}
.help-row{display:flex;gap:18px;align-items:center;line-height:1.7}
.help-row .help-icon{width:20px;flex:0 0 20px;text-align:center;color:#b68cff}
.help-command{color:#7c5cff;min-width:180px}

.help-block,.info-block,.projects-block,.neofetch{font:inherit}
.help-version{color:#b68cff;margin-bottom:6px}
.help-note{margin-bottom:10px}
.help-row{display:flex;gap:24px;line-height:1.7}
.help-command{color:#7c5cff;min-width:180px}
.project-terminal-row{line-height:1.8}
.project-terminal-row a{color:#7c5cff;text-decoration:underline}
.project-meta{color:#8f8ba2;margin-left:8px}
.terminal-base::-webkit-scrollbar{width:8px}
.help-block,.info-block,.projects-block,.neofetch{font:inherit}
.help-version{color:#b68cff;margin-bottom:6px}
.help-note{margin-bottom:10px}
.help-row{display:flex;gap:24px;line-height:1.7}
.help-command{color:#7c5cff;min-width:180px}
.project-terminal-row{line-height:1.8}
.project-terminal-row a{color:#7c5cff;text-decoration:underline}
.project-meta{color:#8f8ba2;margin-left:8px}
.terminal-base::-webkit-scrollbar-thumb{background:#262638;border-radius:8px}
@media (min-width:1024px){.terminal-wrap{min-width:75vw;max-width:85vw}.terminal-base{min-height:70vh;max-height:70vh}}
.section{max-width:1180px;margin:0 auto;padding:95px 28px}.section h2{font-size:clamp(42px,6vw,72px);line-height:1;letter-spacing:-.055em;margin:18px 0}.section h2 em{font-style:normal;color:var(--accent2)}.about-grid,.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.copy{max-width:560px;color:#b5b7c5;font-size:17px;line-height:1.8;padding-top:18px}.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.stack-card{border:1px solid var(--border);background:var(--panel);border-radius:14px;padding:24px;min-height:180px}.stack-card-wide{grid-column:span 1}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:20px}.tool{display:grid;grid-template-columns:28px 1fr;grid-template-rows:1fr 1fr;column-gap:10px;align-items:center;padding:11px;border:1px solid var(--border);border-radius:9px;color:var(--text);text-decoration:none;background:#0e0e16;transition:.18s}.tool:hover{transform:translateY(-2px);border-color:#50506c;background:#141420}.tool img{grid-row:1/3;width:25px;height:25px;object-fit:contain}.tool b{font:600 12px var(--mono)}.tool small{font:10px var(--mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-credit{margin-top:14px;color:#65697a;font:9px var(--mono)}.stack-card>span,.repo-panel-head,.stat-card span{font:600 10px var(--mono);letter-spacing:.12em;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.chips b,.tags span{font:500 11px var(--mono);padding:7px 9px;border:1px solid var(--border);border-radius:6px;color:#d7d9e5}.explore-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}.explore-list li{padding:20px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;font:600 14px var(--mono)}.explore-list span{color:var(--accent2)}.project-card{position:relative;margin-top:42px;border:1px solid var(--border);border-radius:18px;padding:38px 42px;background:linear-gradient(130deg,#12121b,#0d0d13);display:grid;grid-template-columns:60px 1fr 180px;align-items:center;overflow:hidden}.project-number{font:600 13px var(--mono);color:var(--accent2)}.status{font:600 10px var(--mono);color:#4ade80;letter-spacing:.1em}.project-card h3{font-size:32px;line-height:1.05;letter-spacing:-.04em;margin:13px 0}.project-card p{color:var(--muted)}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.project-cat img{width:170px;filter:drop-shadow(0 20px 25px #000)}.coming{border-bottom:1px solid var(--border);padding:22px 5px;display:flex;justify-content:space-between;font:600 13px var(--mono)}.coming div{display:flex;gap:25px}.coming span{color:var(--accent2)}.coming small{color:var(--muted)}.github-head{display:flex;align-items:end;justify-content:space-between}.github-head h2{margin-bottom:0}.github-head a{color:var(--muted);font:12px var(--mono);text-decoration:none}.github-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:42px}.stat-card{border:1px solid var(--border);background:var(--panel);padding:24px;border-radius:12px}.stat-card strong{display:block;font:700 34px var(--mono);margin-bottom:9px}.repo-panel{margin-top:12px;border:1px solid var(--border);border-radius:14px;overflow:hidden}.repo-panel-head{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.repo-panel-head button{background:none;border:0;color:var(--muted);font:11px var(--mono);cursor:pointer}.repo{display:grid;grid-template-columns:1fr auto;gap:15px;padding:18px;border-bottom:1px solid #1d1d2a}.repo:last-child{border-bottom:0}.repo a{color:var(--text);text-decoration:none;font:600 14px var(--mono)}.repo p{margin:7px 0 0;color:var(--muted);font-size:13px}.repo-meta{color:var(--muted);font:11px var(--mono);text-align:right}.loading{padding:22px;color:var(--muted);font:12px var(--mono)}.contact{padding-bottom:120px}.contact h2{font-size:clamp(55px,9vw,110px);margin-bottom:55px}.contact-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contact-links a{border:1px solid var(--border);padding:20px;color:var(--text);text-decoration:none;border-radius:10px;font:600 12px var(--mono)}.contact-links span{display:block;color:var(--muted);font-size:9px;margin-bottom:10px}footer{border-top:1px solid var(--border);padding:25px max(24px,5vw);display:flex;justify-content:space-between;color:var(--muted);font:10px var(--mono);letter-spacing:.08em}@media(max-width:800px){.tool-grid{grid-template-columns:1fr 1fr}.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{height:320px}.about-grid,.split{grid-template-columns:1fr;gap:20px}.stack-grid,.github-grid,.contact-links{grid-template-columns:1fr 1fr}.project-card{grid-template-columns:35px 1fr}.project-cat{display:none}.github-head{display:block}.github-head a{display:block;margin-top:20px}}@media(max-width:520px){.tool-grid{grid-template-columns:1fr}.stack-grid,.github-grid,.contact-links{grid-template-columns:1fr}.section{padding:70px 20px}.terminal-wrap{padding:0 14px}.project-card{padding:25px 20px}.project-card h3{font-size:25px}.hero{padding-left:20px;padding-right:20px}.nav{padding:0 18px}}

.help-icon-svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  display: inline-block;
  vertical-align: middle;
}












/* Style de la commande projects */
.projects-container {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 8px;
  font-family: var(--mono);
}

.project-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.project-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.project-title-group {
  display: flex;
  align-items: center;
  gap: 10px;
}

.project-github-icon {
  width: 16px;
  height: 16px;
  color: #e6edf3;
  flex-shrink: 0;
}

.project-name-link {
  color: #58a6ff;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.project-name-link:hover {
  color: #79c0ff;
}

.project-stats-badge {
  color: #7d8590;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.project-stats-badge span {
  color: #c9d1d9;
}

.project-stats-badge .divider {
  color: #484f58;
  margin: 0 2px;
}

.project-stat-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
}

.project-stat-icon.star {
  color: #e3b341; /* Couleur jaune de l'étoile */
}

.project-stat-icon.fork {
  color: #58a6ff; /* Couleur bleue du fork */
}

.project-description {
  color: #8b949e;
  padding-left: 26px;
  font-size: 13.5px;
  line-height: 1.4;
}

.project-description .bullet {
  color: #8b949e;
  margin-right: 4px;
}

.tool img,
.tool .tool-svg {
  grid-row: 1/3;
  width: 25px;
  height: 25px;
  object-fit: contain;
}
