:root{color-scheme:dark;--bg:#14101e;--panel:#21192d;--line:#3b2c4b;--text:#f5efff;--muted:#bdb0cd;--accent:#b990fb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top left,#342047 0,transparent 45%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;min-height:100vh}header{max-width:1240px;margin:auto;padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{font-size:17px;letter-spacing:.06em}.brand strong{color:var(--accent)}.brand span{display:block;font-size:10px;letter-spacing:.2em;color:var(--muted);margin-top:6px}nav{display:flex;align-items:center;gap:22px;font-size:14px}nav form{margin:0}main{max-width:1180px;margin:auto;padding:44px 24px 70px}h1{font-size:clamp(32px,4vw,46px);letter-spacing:-.045em;line-height:1.12;margin:14px 0 20px}h2{font-size:23px;margin:22px 0 12px;letter-spacing:-.02em}p{line-height:1.6}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--accent)}.muted,small{color:var(--muted)}.small,small{font-size:13px}.intro{margin-bottom:34px}.card{background:linear-gradient(135deg,#2b2038,#201828);border:1px solid var(--line);border-radius:22px;padding:28px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project{display:flex;flex-direction:column;align-items:flex-start;min-height:250px}.project p{margin-bottom:28px}.project .button{margin-top:auto}.badge{display:inline-block;background:#37283d;color:#d0bdd4;border:1px solid #56405b;border-radius:30px;padding:5px 10px;font-size:11px}.badge.ready{background:#203c32;color:#a2e7b9;border-color:#355a42}.login{max-width:490px;margin:20px auto}.login form{margin-top:26px}label{display:block;font-size:14px;font-weight:600;margin:18px 0}input:not([type=checkbox]){display:block;width:100%;margin-top:8px;padding:13px 14px;background:#17111f;border:1px solid #534062;color:var(--text);border-radius:10px;font:inherit}input:focus{outline:2px solid var(--accent);outline-offset:2px}label small{display:block;margin-top:6px;font-weight:400}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:0;border-radius:10px;background:#c09afa;color:#241433;font:600 14px system-ui;padding:12px 16px;cursor:pointer}.secondary{background:#382941;color:var(--text);border:1px solid #564062}button:hover,.button:hover{filter:brightness(1.1)}.wide{width:100%;padding:15px}.error,.success{border-radius:12px;padding:14px;background:#44232d;color:#ffd4df;border:1px solid #7f3c50}.success{background:#1c382d;color:#b8ecd0;border-color:#365944}.columns{display:grid;grid-template-columns:1fr 1.3fr;gap:22px}.check{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.5}.check input{margin-top:4px;accent-color:var(--accent)}fieldset{margin:24px 0;border:1px solid var(--line);border-radius:12px;padding:12px 18px}legend{padding:0 8px}.people{margin:22px 0}.person{display:block;border-bottom:1px solid var(--line);padding:16px 0}.person span,.person small{display:block;margin-top:4px}.person:hover strong{color:var(--accent)}footer{text-align:center;color:var(--muted);font-size:12px;padding:20px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}header{align-items:flex-start;flex-direction:column}nav{flex-wrap:wrap}.columns{grid-template-columns:1fr}}@media(max-width:560px){.grid{grid-template-columns:1fr}main{padding:26px 16px}.card{padding:22px}header{padding:24px 18px}nav{gap:16px;font-size:13px}.login{margin:0 auto}}

/* Accueil compact : une grille d'applications, comme sur un téléphone. */
header{padding:18px 24px;gap:16px}.utility-nav{gap:8px;flex-wrap:nowrap}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:10px;border-radius:13px;background:#2c2039;border:1px solid #43334f;color:#dacee9}.icon-button svg{width:21px;height:21px}.icon-button:hover{background:#493158;color:#fff}.icon-button:focus-visible,.app-tile:focus-visible{outline:2px solid #d4b3ff;outline-offset:6px}.launcher-page main{max-width:940px;padding:32px 24px 24px}.launcher-page footer{padding:16px;font-size:11px;opacity:.55}.launcher-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}.launcher-heading h1{font-size:25px;letter-spacing:-.025em;margin:0}.launcher-name{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.app-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:25px 12px}.app-tile{display:flex;flex-direction:column;align-items:center;gap:12px;border-radius:18px;padding:4px 0;color:#ede5f8}.app-icon{position:relative;display:grid;place-items:center;width:78px;height:78px;border-radius:23px;box-shadow:inset 0 1px 0 #ffffff40,0 7px 16px #00000030;transition:transform .16s ease,filter .16s ease}.app-icon>svg{width:38px;height:38px;color:white;filter:drop-shadow(0 2px 2px #00000018)}.app-tile:hover .app-icon{transform:translateY(-4px);filter:brightness(1.12)}.app-tile:active .app-icon{transform:scale(.95)}.app-label{font-size:12px;font-weight:600;line-height:1.2;text-align:center}.app-events{background:linear-gradient(145deg,#ed9868,#c74d61)}.app-ludo{background:linear-gradient(145deg,#61bca2,#26776d)}.app-blindtest{background:linear-gradient(145deg,#a585ee,#6947bc)}.app-poker{background:linear-gradient(145deg,#f1bf72,#bd7931)}.app-tournois{background:linear-gradient(145deg,#ed809b,#b74679)}.app-music-share{background:linear-gradient(145deg,#74b2ee,#3e6bc5)}.app-tv{background:linear-gradient(145deg,#61c8d1,#218795)}.app-status{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;border:3px solid var(--bg);border-radius:50%;box-shadow:0 0 0 1px #ffffff10}.connected{background:#79d7a1}.pending{background:#f1bf72}.app-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:34px;font-size:10px;color:var(--muted)}.app-legend span{display:inline-flex;align-items:center;gap:6px}.app-legend i{display:inline-block;width:6px;height:6px;border-radius:50%}@media(max-width:900px){header{flex-direction:row;align-items:center}.brand{font-size:14px}.brand span{font-size:8px}.app-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:500px;margin:auto;gap:24px 14px}}@media(max-width:560px){header{padding:14px 16px;gap:8px}.utility-nav{gap:4px}.icon-button{width:36px;height:36px;padding:8px;border-radius:11px}.brand{font-size:11px;letter-spacing:.01em}.brand span{font-size:7px;letter-spacing:.06em}.launcher-page main{padding:26px 16px 18px}.launcher-heading{margin-bottom:25px}.launcher-heading h1{font-size:22px}.launcher-name{font-size:12px}.app-grid{gap:22px 8px}.app-icon{width:65px;height:65px;border-radius:19px}.app-icon>svg{width:32px;height:32px}.app-label{font-size:11px}.app-tile{gap:10px}.app-status{width:14px;height:14px}.app-legend{margin-top:26px;gap:14px;font-size:9px}}@media(max-width:340px){.app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand span{display:none}.utility-nav{gap:2px}.icon-button{width:32px;height:32px}}


.app-crm{background:linear-gradient(145deg,#62b9c5,#337bba)}select{display:block;width:100%;padding:12px;margin:8px 0;border:1px solid #43334f;border-radius:10px;background:#241b30;color:#ede5f8;font:inherit}fieldset+label small{display:block;font-size:12px;line-height:1.5;color:var(--muted)}


.app-backups{background:linear-gradient(145deg,#68cbb8,#277d88)}.backup-center{max-width:700px;margin:0 auto}.backup-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.backup-heading h1,.backup-heading h2{margin:0}.backup-heading{margin-bottom:24px}.card .backup-heading{margin-bottom:16px}.backup-settings{font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.backup-connect{margin-top:24px}.backup-uri{display:block;overflow-wrap:anywhere;white-space:normal;margin:12px 0;padding:12px;border-radius:10px;background:#17111f;font-size:13px}button:disabled{cursor:not-allowed;opacity:.5}@media(max-width:560px){.backup-connect button{width:100%}.backup-center .card{padding:22px}}