@import"https://fonts.googleapis.com/css2?family=DynaPuff:wght@400..700&family=Patrick+Hand&display=swap";:root{--bg: #111310;--bg-glow: #1e2a1d;--panel: rgba(24, 27, 22, .82);--surface: #1a1f18;--surface-strong: #21271f;--line: #30372f;--text: #f5f4ef;--muted: #aeb5aa;--soft: #7b8178;--accent: #ff6f00;--warning: #e4be61;--danger: #e77878;--radius: 14px;--space: 24px;--font-body: "DynaPuff", "Segoe UI", sans-serif;--font-mono: "DynaPuff", "Segoe UI", monospace;--font-title: "DynaPuff", "Segoe UI", sans-serif;font-family:var(--font-body);color:var(--text);background:var(--bg);font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background-image:url(https://devhibou.fr/assets/fondflou.png);background-size:cover;min-height:100vh}button{font:inherit}.app-shell{width:min(960px,calc(100% - 40px));margin:0 auto;padding:72px 0 40px}.hero{margin-bottom:25px;max-width:700px}.content-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,5vw,40px)}.eyebrow,.section-label,footer,code,.connection,.event time{font-family:var(--font-mono)}.eyebrow,.section-label,footer,code{letter-spacing:.12em;font-size:.68rem;text-transform:uppercase;color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;gap:10px}.pulse,.connection span,.event-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--accent);box-shadow:0 0 12px var(--accent)}h1,h2,.command-card strong{font-family:var(--font-title)}h1{margin:18px 0 22px;font-size:clamp(3.2rem,8vw,6.8rem);line-height:.9;font-weight:600}h1 span{color:var(--accent)}.hero p{margin:0;color:var(--muted);font-size:1.04rem;line-height:1.6;max-width:540px}.panel{padding:0}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}h2{margin:10px 0;font-size:clamp(1.35rem,2vw,1.85rem)}.connection{display:inline-flex;align-items:center;gap:8px;font-size:.68rem;white-space:nowrap;color:var(--accent)}.connection.connecting span{background:var(--warning);box-shadow:0 0 10px var(--warning)}.connection.disconnected{color:var(--danger)}.connection.disconnected span{background:var(--danger);box-shadow:none}.command-grid{display:flex;flex-wrap:wrap;gap:32px}.command-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:150px;width:150px;padding:22px;border:1px solid var(--line);border-radius:100px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.command-card:hover:not(:disabled){transform:translateY(-4px);border-color:var(--accent);background:var(--surface-strong)}.command-card:disabled{cursor:wait;opacity:.7}.command-card img{position:absolute;max-width:150px;max-height:150px;top:0;left:0;z-index:1}.command-card strong{font-size:1.08rem;line-height:1.2;z-index:1;text-shadow:0 0 10px var(--bg),0 0 10px var(--bg)}.cooldown-ring{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;pointer-events:none;overflow:visible}.command-icon{color:var(--accent);font-size:1.2rem}.command-copy{display:flex;flex-direction:column;gap:8px}.command-copy strong{font-size:1.08rem}.command-copy small{color:var(--soft);line-height:1.45;opacity:0;max-height:0;overflow:hidden;transform:translateY(8px);transition:opacity .18s ease,max-height .18s ease,transform .18s ease}.command-card:hover .command-copy small,.command-card:focus-visible .command-copy small{opacity:1;max-height:80px;transform:translateY(0)}.arrow{align-self:flex-end;font-size:1.4rem;color:var(--soft)}.activity{padding:30px 0 0}.empty,.event time{color:var(--soft)}.event{display:flex;align-items:center;gap:12px;padding-top:14px}.event-dot{width:6px;height:6px}.event time{margin-left:auto;font-size:.72rem}.error{color:var(--danger)}footer{border-top:1px solid var(--line);margin-top:56px;padding-top:18px;color:var(--muted);text-transform:none}code{color:var(--muted);text-transform:none}@media(max-width:680px){.app-shell{padding-top:46px}.panel-heading{align-items:flex-start;flex-direction:column}.command-grid{grid-template-columns:1fr}.command-card{min-height:140px}}