:root{color-scheme:dark;--bg:#0d0b13;--panel:#1a1624;--panel2:#211a30;--stroke:#3e3055;--purple:#a36ef2;--text:#f4effb;--muted:#b9abc9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at top,#231632 0,#0d0b13 540px);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#d4b7ff;text-decoration:none}a:hover{text-decoration:underline}body>nav{max-width:1160px;margin:0 auto;padding:20px 24px}body>nav a{font-weight:700}.sv-wall{max-width:1160px;margin:0 auto 70px;padding:0 20px}.sv-wall-banner{height:255px;background:radial-gradient(circle at 70% 25%,#8b4bd6aa,transparent 33%),linear-gradient(115deg,#211230,#4d2a75 55%,#181020);border:1px solid #5a377e;border-radius:20px 20px 0 0;position:relative;overflow:hidden}.sv-wall-banner:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 70px,#ffffff06 71px 72px)}.sv-wall-banner span{position:absolute;right:25px;top:22px;font-size:12px;letter-spacing:2px;font-weight:800;color:#e7d6ff;z-index:1}.sv-wall-identity{background:#191421;border:1px solid var(--stroke);border-top:0;border-radius:0 0 18px 18px;display:flex;align-items:center;gap:20px;padding:18px 28px 24px;min-height:115px}.sv-wall-portrait{width:118px;height:118px;flex:none;margin-top:-65px;position:relative;z-index:2;border:5px solid #191421;border-radius:50%;background:#4b3264;box-shadow:0 0 0 2px #b07df2;overflow:hidden}.sv-wall-portrait img{width:100%;height:100%;object-fit:cover}.sv-wall-identity-info{flex:1}.sv-wall-identity h1{margin:0;font-size:clamp(23px,3vw,34px);line-height:1.2}.sv-wall-identity p{margin:7px 0 0;color:var(--muted)}.sv-wall-dot{display:inline-block;background:#50d68d;width:9px;height:9px;border-radius:50%;margin-right:5px}.sv-wall-back{border:1px solid #6a4a8e;padding:10px 15px;border-radius:10px;white-space:nowrap}.sv-wall-tabs{display:flex;gap:10px;padding:18px 0 22px;overflow:auto}.sv-wall-tabs a{background:#231b30;border:1px solid #453458;border-radius:10px;padding:10px 18px;white-space:nowrap;font-weight:650}.sv-wall-tabs a:hover{background:#352249}.sv-wall-columns{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}.sv-wall-panel,.sv-wall-compose,.sv-wall-post,.sv-wall-no-posts{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;padding:20px;margin-bottom:18px;box-shadow:0 8px 26px #0002}.sv-wall-panel h2,.sv-wall-posts h2{margin:0 0 15px;font-size:18px}.sv-wall-panel p{color:#d3c7df;margin:9px 0}.sv-wall-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sv-wall-gallery a{aspect-ratio:1;overflow:hidden;border-radius:9px;background:#2d203d}.sv-wall-gallery img{width:100%;height:100%;object-fit:cover}.sv-wall-gallery p{grid-column:1/-1;font-size:13px}.sv-wall-compose-head,.sv-wall-post-head{display:flex;align-items:center;gap:12px}.sv-wall-compose-avatar,.sv-wall-post-avatar{width:45px;height:45px;border-radius:50%;overflow:hidden;flex:none;background:#49315f}.sv-wall-compose-avatar img,.sv-wall-post-avatar img{width:100%;height:100%;object-fit:cover}.sv-wall-compose-head strong,.sv-wall-post-head strong{display:block}.sv-wall-compose-head small,.sv-wall-post-head small{display:block;color:var(--muted);font-size:12px}.sv-wall-compose textarea{width:100%;min-height:115px;resize:vertical;margin:18px 0 12px;border:1px solid #514065;background:#110e19;color:white;border-radius:12px;padding:14px;font:inherit;outline:none}.sv-wall-compose textarea:focus{border-color:#b184f2}.sv-wall-compose-footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sv-wall-compose-footer>span{font-size:12px;color:var(--muted);flex:1}.sv-wall-photo-label{display:inline-flex;align-items:center;cursor:pointer;background:#2d2340;border:1px solid #604881;padding:10px 13px;border-radius:10px;font-weight:700}.sv-wall-photo-label input{max-width:175px;font-size:11px;margin-left:9px}.sv-wall button{border:0;border-radius:10px;padding:11px 19px;background:#8050bf;color:white;font-weight:750;cursor:pointer}.sv-wall button:hover{background:#9865dc}.sv-wall-posts h2{display:flex;justify-content:space-between;align-items:center}.sv-wall-posts h2 span{font-size:12px;color:var(--muted);font-weight:400}.sv-wall-post-text{font-size:15px;white-space:normal;overflow-wrap:anywhere;margin:18px 0}.sv-wall-post-image img{display:block;max-width:100%;width:auto;height:auto;max-height:640px;object-fit:contain;border-radius:12px}.sv-wall-post-actions{border-top:1px solid var(--stroke);margin-top:16px;padding-top:12px;display:flex;gap:10px}.sv-wall-post-actions button{background:#2d2340;font-size:12px;padding:9px 13px}.sv-wall-no-posts{text-align:center;padding:50px 20px;color:var(--muted)}.sv-wall-no-posts span{font-size:36px}.sv-wall-no-posts h3{color:var(--text);margin-bottom:4px}.sv-wall-empty{max-width:700px;margin:80px auto;text-align:center}#sv-wall-status{color:#d8b6ff}@media(max-width:800px){.sv-wall-columns{grid-template-columns:1fr}.sv-wall-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sv-wall-panel{margin:0}.sv-wall-banner{height:190px}}@media(max-width:540px){.sv-wall{padding:0 10px}.sv-wall-banner{height:150px}.sv-wall-identity{padding:12px;gap:12px;flex-wrap:wrap}.sv-wall-portrait{width:88px;height:88px;margin-top:-45px}.sv-wall-identity-info{min-width:150px}.sv-wall-back{width:100%;text-align:center}.sv-wall-aside{grid-template-columns:1fr}.sv-wall-tabs a{padding:9px 12px}.sv-wall-panel,.sv-wall-compose,.sv-wall-post{padding:15px}.sv-wall-compose-footer>span{flex-basis:100%}}
.sv-wall-friends{display:grid;gap:9px}.sv-wall-friends a{display:flex;align-items:center;gap:10px;padding:7px;border-radius:9px;background:#261d33;color:#f2e8ff}.sv-wall-friends img{width:42px;height:42px;border-radius:50%;object-fit:cover}.sv-wall-cover-form{background:#1a1624;border:1px solid #55416e;border-radius:13px;padding:12px 16px;margin-bottom:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sv-wall-cover-form label{font-weight:700;flex:1}.sv-wall-cover-form input{display:block;font-size:12px;margin-top:5px;max-width:100%}.sv-wall-cover-form small{color:#b9abc9}.sv-wall-cover-form button{padding:9px 14px}.sv-wall-cover-form p{flex-basis:100%;margin:0;color:#d4b7ff}.sv-wall-banner{background-repeat:no-repeat!important}
.sv-wall-identity{flex-wrap:wrap}.sv-wall-friend-pending{color:#d6b7ff;background:#342346;padding:10px;border-radius:9px}.sv-wall-friend-action{white-space:nowrap}
.sv-wall-personalize{background:#1a1624;border:1px solid #55416e;border-radius:13px;padding:14px 16px;margin-bottom:12px}.sv-wall-personalize h2{margin:0 0 10px;font-size:17px;color:#dfc8ff}.sv-wall-personalize form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sv-wall-personalize label{font-weight:700;flex:1;min-width:190px}.sv-wall-personalize input{display:block;margin-top:5px;font-size:12px;max-width:100%}.sv-wall-personalize small{color:#b9abc9}.sv-wall-personalize p{flex-basis:100%;margin:0;color:#d4b7ff}.sv-wall-personalize button{padding:9px 14px}

/* Refonte du profil social : couverture, identité, photos, amis et publications */
:root{--bg:#091427;--panel:#142440;--panel2:#192d4d;--stroke:#2e4872;--purple:#9b7cf5;--text:#eef3ff;--muted:#a6b8d7}
body{background:radial-gradient(ellipse at top,#1a3158 0,#091427 600px);color:#eef3ff}
a{color:#a7c6ff}
.sv-wall{max-width:1250px}
.sv-wall-banner{height:285px;background:radial-gradient(circle at 75% 30%,#7456d680,transparent 40%),linear-gradient(120deg,#102e5d,#283e80 55%,#121c39);border:1px solid #38578e;border-radius:18px 18px 0 0;background-position:center;background-size:cover}
.sv-wall-banner span{color:#e2eaff;background:#102444b8;padding:7px 11px;border-radius:7px;letter-spacing:1px}
.sv-wall-identity{background:#142440;border-color:#2e4872;min-height:135px;padding:20px 27px 24px;gap:16px}
.sv-wall-portrait{width:130px;height:130px;margin-top:-76px;border:5px solid #142440;background:#1c386c;box-shadow:0 0 0 3px #5d8df2}
.sv-wall-identity h1{color:#f2f6ff}
.sv-wall-identity p{color:#a6b8d7}
.sv-wall-back,.sv-wall-friend-pending{background:#1d365e;border:1px solid #3e6199;color:#e2edff;border-radius:10px;padding:10px 14px}
.sv-wall-back:hover{background:#28508a;text-decoration:none}
.sv-wall-tabs{gap:9px;padding:17px 0 21px}
.sv-wall-tabs a{background:#152a4b;border:1px solid #2c4c7f;color:#cbdcff;border-radius:10px}
.sv-wall-tabs a:hover,.sv-wall-tabs a:focus-visible{background:#2856a0;color:#fff}
.sv-wall-columns{grid-template-columns:290px minmax(0,1fr);gap:18px}
.sv-wall-panel,.sv-wall-compose,.sv-wall-post,.sv-wall-no-posts,.sv-wall-personalize,.sv-wall-cover-form{background:#142440!important;border:1px solid #2e4872!important;color:#eaf0ff;border-radius:15px;box-shadow:0 8px 25px #0002}
.sv-wall-panel h2,.sv-wall-posts h2{color:#edf3ff}
.sv-wall-panel p{color:#c5d4ed}
.sv-wall-gallery a{background:#1d365f}
.sv-wall-friends a{background:#1d365e;color:#eaf0ff}
.sv-wall-friends a:hover{background:#294d83;text-decoration:none}
.sv-wall-compose textarea,.sv-wall-panel input,.sv-wall-cover-form input{background:#0e1c35;color:#f2f6ff;border:1px solid #365483}
.sv-wall-compose textarea:focus{border-color:#719bff;outline:2px solid #719bff55}
.sv-wall-photo-label{background:#203d6b;border:1px solid #436da7;color:#e9f2ff}
.sv-wall button{background:#265bc3;color:#fff}
.sv-wall button:hover{background:#3873e3}
.sv-wall-post-text{line-height:1.7;white-space:pre-wrap;color:#e4ecfb}
.sv-wall-post-head{padding-bottom:12px;border-bottom:1px solid #2e4872}
.sv-wall-post-avatar,.sv-wall-compose-avatar{background:#264f8e;border:2px solid #5388f1}
.sv-wall-post-actions{border-color:#2e4872}
.sv-wall-post-actions button{background:#1d365e}
.sv-wall-no-posts{color:#a6b8d7}
#sv-wall-status{color:#b4c9ff}
@media(max-width:800px){.sv-wall-columns{grid-template-columns:1fr}.sv-wall-banner{height:195px}.sv-wall-identity{flex-wrap:wrap}.sv-wall-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.sv-wall-banner{height:155px}.sv-wall-banner span{right:10px;top:12px;font-size:10px}.sv-wall-portrait{width:95px;height:95px;margin-top:-49px}.sv-wall-identity{padding:13px;gap:11px}.sv-wall-back{width:100%;text-align:center}.sv-wall-aside{grid-template-columns:1fr}.sv-wall-panel,.sv-wall-compose,.sv-wall-post{padding:15px}}

/* Palette de référence : page d’accueil de la communauté */
:root{--bg:#070e20;--panel:#0e1a35;--panel2:#12254b;--stroke:#1d3055;--text:#eaf0ff;--muted:#a9bad8}
body{background:#070e20!important;color:#eaf0ff!important}.sv-wall-banner{background-color:#102047;background-image:linear-gradient(110deg,#102047,#151333)}.sv-wall-identity,.sv-wall-panel,.sv-wall-compose,.sv-wall-post,.sv-wall-no-posts,.sv-wall-personalize,.sv-wall-cover-form{background:#0e1a35!important;border-color:#1d3055!important}.sv-wall-portrait{border-color:#0e1a35!important}.sv-wall-tabs a,.sv-wall-friends a{background:#12254b!important;border-color:#244071!important}.sv-wall button{background:#225be5!important}
