/* Hucial — Hucial Design Language 1.0 / Human Luxury */
:root{
 --h-ivory:#fbf8f1;--h-pearl:#fffefd;--h-champagne:#eee3cf;--h-sage:#dfe9e1;--h-mineral:#66706e;
 --h-glacier:#cfeaf4;--h-crystal:#70d8d1;--h-gold:#c8ae78;--h-ink:#273330;--h-muted:#687573;
 --h-line:rgba(83,112,105,.16);--h-line-strong:rgba(83,112,105,.28);
 --h-shadow:0 22px 70px rgba(88,150,143,.10),0 8px 28px rgba(200,174,120,.08);
 --h-shadow-soft:0 12px 36px rgba(112,216,209,.08),0 4px 16px rgba(207,234,244,.16);
 --h-focus:0 0 0 4px rgba(112,216,209,.22),0 0 0 1px rgba(50,135,132,.65);
 --h-radius-sm:15px;--h-radius-md:22px;--h-radius-lg:30px;--h-radius-xl:38px;
 --h-ease:cubic-bezier(.22,.78,.24,1);--h-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
html{background:var(--h-ivory);color-scheme:light dark;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body{font-family:var(--h-font)!important;color:var(--h-ink)!important;letter-spacing:-.006em;background:
 radial-gradient(circle at 8% 2%,rgba(207,234,244,.58),transparent 30rem),
 radial-gradient(circle at 94% 16%,rgba(223,233,225,.65),transparent 32rem),
 linear-gradient(180deg,var(--h-pearl),var(--h-ivory) 42%,#f7faf8)!important;min-height:100dvh}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
::selection{background:rgba(112,216,209,.28);color:var(--h-ink)}
:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:0!important;box-shadow:var(--h-focus)!important}
h1,h2,h3,h4{color:var(--h-ink)!important;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}p,li,label,input,textarea,select{line-height:1.6}.muted,small,.help,.subtle{color:var(--h-muted)!important}

/* Géométrie signature : douceur + décroché organique */
:is(.card,.social-post,.composer-card,.privacy-panel,.trust-card,.social-sidebar,.home-section,.home-body,form,.panel,.modal-content,.dropdown-menu,.nav-category,.hucial-home-hub,.public-luxury-hero){
 border:1px solid var(--h-line)!important;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(251,248,241,.76))!important;
 border-radius:var(--h-radius-lg) var(--h-radius-lg) calc(var(--h-radius-lg) + 10px) 18px!important;
 box-shadow:var(--h-shadow-soft)!important;backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);
}
:is(.card,.social-post,.composer-card,.privacy-panel,.trust-card,.home-section,.panel){position:relative;overflow:clip}
:is(.card,.social-post,.composer-card,.privacy-panel,.trust-card,.home-section,.panel)::after{content:"";position:absolute;right:-36px;bottom:-48px;width:120px;height:120px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(112,216,209,.10),transparent 68%)}

/* En-tête et navigation */
.site-header,.app-header,header[role="banner"]{background:rgba(255,254,253,.78)!important;border-color:var(--h-line)!important;box-shadow:0 12px 44px rgba(105,157,151,.08)!important;backdrop-filter:blur(26px) saturate(135%);-webkit-backdrop-filter:blur(26px) saturate(135%)}
.header-search,.theme-toggle,.nav-primary-actions{background:rgba(255,255,255,.74)!important;border:1px solid var(--h-line)!important;box-shadow:var(--h-shadow-soft)!important}
.nav-pill,.nav-item-row>a,.nav-personal-links a{border-radius:999px!important;color:var(--h-ink)!important;transition:transform .18s var(--h-ease),background .18s ease,box-shadow .18s ease!important}
.nav-pill:hover,.nav-item-row>a:hover,.nav-personal-links a:hover{background:rgba(207,234,244,.42)!important;transform:translateY(-1px)}
.nav-pill[aria-current="page"],.social-sidebar a.active,.feed-view-tabs a[aria-current="page"]{background:linear-gradient(135deg,#4baea8,#78d8d0)!important;color:#092f2d!important;border-color:rgba(48,139,134,.22)!important;box-shadow:0 12px 30px rgba(75,174,168,.20)!important}
.nav-category summary{border-radius:18px!important}.nav-category-role summary{background:rgba(223,233,225,.55)!important}.nav-category-admin summary{background:rgba(238,227,207,.55)!important}

/* Contrôles */
button,.button,.btn,input[type="submit"],input[type="button"],.premium-home-button{min-height:44px;border-radius:999px!important;font-weight:760!important;letter-spacing:.005em;transition:transform .16s var(--h-ease),box-shadow .2s ease,filter .2s ease!important}
button:not(.plain):not(.icon-button),.button,.btn,input[type="submit"],.premium-home-button.primary{border:1px solid rgba(54,148,143,.24)!important;background:linear-gradient(135deg,#6fd7d0,#bdece8)!important;color:#113b39!important;box-shadow:0 10px 28px rgba(80,185,178,.18)!important}
button:hover,.button:hover,.btn:hover,input[type="submit"]:hover{transform:translateY(-1px);filter:saturate(106%)}button:active,.button:active,.btn:active{transform:scale(.975)}
input,textarea,select{border:1px solid var(--h-line)!important;background:rgba(255,255,255,.76)!important;color:var(--h-ink)!important;border-radius:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;padding:.82rem 1rem!important}
input::placeholder,textarea::placeholder{color:#87918f!important}

/* Cartes et contenus */
.social-post,.card{padding:clamp(1rem,2.6vw,1.45rem)!important}.social-post:hover,.card:hover{border-color:var(--h-line-strong)!important;box-shadow:var(--h-shadow)!important}
.avatar,img.avatar,.profile-avatar{border:3px solid rgba(255,255,255,.9)!important;box-shadow:0 8px 24px rgba(91,181,175,.16)!important}
.badge,.chip,.tag,.mood-chip{border:1px solid var(--h-line)!important;background:rgba(223,233,225,.56)!important;color:#38504b!important;border-radius:999px!important}
hr{border:0;border-top:1px solid var(--h-line)}

/* Accueil Human Luxury */
.hucial-home-hub,.public-luxury-hero{background:
 radial-gradient(circle at 85% 12%,rgba(112,216,209,.20),transparent 24rem),
 radial-gradient(circle at 8% 86%,rgba(207,234,244,.35),transparent 26rem),
 linear-gradient(145deg,rgba(255,255,255,.96),rgba(251,248,241,.86))!important;box-shadow:var(--h-shadow)!important}
.home-hub-intro h1,.public-luxury-hero h2{font-family:var(--h-font)!important;font-weight:720!important;letter-spacing:-.06em!important}
.home-action-card,.premium-home-button{border:1px solid var(--h-line)!important;background:rgba(255,255,255,.72)!important;color:var(--h-ink)!important;border-radius:24px 24px 31px 15px!important;box-shadow:var(--h-shadow-soft)!important}
.home-action-card:hover,.premium-home-button:hover{background:#fff!important;box-shadow:var(--h-shadow)!important}.home-action-icon{background:linear-gradient(145deg,rgba(207,234,244,.74),rgba(112,216,209,.20))!important;color:#246d68!important}

/* Icônes Hucial : cohérence de trait et conteneur */
.hucial-icon,[data-hucial-icon],.icon{stroke-linecap:round;stroke-linejoin:round}.icon-button,.nav-favorite-toggle{display:inline-grid;place-items:center;aspect-ratio:1;border-radius:50%!important;background:rgba(255,255,255,.68)!important;border:1px solid var(--h-line)!important;color:#477b77!important}

/* Pied de page adapté au langage V256 */
.luxury-footer{background:linear-gradient(150deg,#263b37,#192a27)!important;color:#f8fbfa!important}.luxury-footer::before{background:radial-gradient(circle,rgba(112,216,209,.20),transparent 66%)!important}.luxury-footer-frame{border-color:rgba(207,234,244,.15)!important;background:rgba(255,255,255,.035)!important}.footer-kicker,.copyright-seal{color:#9ce3de!important}.footer-luxury-copy p,.footer-copyright small{color:#c7d5d2!important}.copyright-line{background:linear-gradient(90deg,rgba(112,216,209,.6),transparent)!important}

/* Densité, écrans et safe areas */
main{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.site-footer{padding-bottom:max(1.2rem,env(safe-area-inset-bottom))!important}
@media(min-width:1400px){main,.container,.page-shell{max-width:1320px!important}.social-post,.card{padding:1.5rem!important}}
@media(max-width:720px){:root{--h-radius-lg:24px;--h-radius-xl:30px}body{font-size:16px}.card,.social-post,.composer-card{border-radius:24px 24px 31px 15px!important}.hucial-home-hub,.public-luxury-hero{padding:1.15rem!important}.home-action-card{min-height:96px!important}}
@media(max-width:390px){button,.button,.btn,input[type="submit"]{min-height:46px}.card,.social-post{padding:.95rem!important}h1{font-size:clamp(1.75rem,9vw,2.3rem)!important}}

/* Mode sombre Human Luxury, jamais noir pur */
@media(prefers-color-scheme:dark){html:not([data-theme="light"]){--h-ivory:#111a18;--h-pearl:#16221f;--h-champagne:#302c24;--h-sage:#24342f;--h-mineral:#acbbb7;--h-ink:#edf5f2;--h-muted:#aab8b4;--h-line:rgba(177,220,212,.15);--h-line-strong:rgba(177,220,212,.28);--h-shadow:0 24px 70px rgba(0,0,0,.22),0 8px 30px rgba(75,174,168,.08);--h-shadow-soft:0 12px 36px rgba(0,0,0,.16),0 2px 18px rgba(112,216,209,.06)}html:not([data-theme="light"]) body{background:radial-gradient(circle at 10% 2%,rgba(64,113,108,.28),transparent 30rem),linear-gradient(180deg,#17231f,#101816)!important}html:not([data-theme="light"]) :is(.card,.social-post,.composer-card,.privacy-panel,.trust-card,.social-sidebar,.home-section,.home-body,form,.panel,.modal-content,.dropdown-menu,.nav-category,.hucial-home-hub,.public-luxury-hero){background:linear-gradient(145deg,rgba(30,46,42,.94),rgba(20,32,29,.88))!important}html:not([data-theme="light"]) input,html:not([data-theme="light"]) textarea,html:not([data-theme="light"]) select{background:rgba(21,35,31,.82)!important}html:not([data-theme="light"]) .site-header,html:not([data-theme="light"]) .app-header{background:rgba(19,31,28,.82)!important}}
html[data-theme="dark"]{--h-ivory:#111a18;--h-pearl:#16221f;--h-ink:#edf5f2;--h-muted:#aab8b4;--h-line:rgba(177,220,212,.15);--h-line-strong:rgba(177,220,212,.28)}

/* Accessibilité */
html[data-high-contrast="1"]{--h-line:rgba(35,55,51,.55);--h-line-strong:rgba(25,45,41,.85)}
html[data-reduce-transparency="1"] :is(.card,.social-post,.composer-card,.site-header,.app-header,.nav-primary-actions){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--h-pearl)!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.social-post,button,.button,.btn,.nav-pill,.home-action-card{transition:none!important;animation:none!important;transform:none!important}}