:root{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;color:#f2eee7;background:#08090b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 90% -10%,#30251e 0,transparent 45%),#08090b}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #e0b87e}button{color:inherit}.app{min-height:100vh}.rail{position:fixed;left:0;top:0;bottom:0;width:230px;padding:32px 18px;border-right:1px solid #292524;background:#0b0b0dec;z-index:5}.brand{font-family:Georgia,serif;font-size:29px;letter-spacing:8px;font-weight:400}.micro{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#ac9781}.rail .micro{margin:10px 0 48px}.navbtn{display:flex;align-items:center;gap:14px;width:100%;background:transparent;border:0;text-align:left;border-radius:13px;padding:15px 13px;margin:5px 0;color:#9e9995}.navbtn.active,.navbtn:hover{background:#24201e;color:#f4dfc4}.navbtn .sym{font-size:20px;width:25px;text-align:center}.railbottom{position:absolute;bottom:28px;left:30px;color:#8c8075;font-size:11px;line-height:1.8}.main{max-width:1100px;margin:0 auto;padding:38px 40px 130px 270px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.top .brand{font-size:21px}.actions{display:flex;align-items:center;gap:9px}.iconbtn{border:1px solid #3b3531;background:#1b1918;border-radius:50%;height:39px;width:39px;display:grid;place-items:center;font-size:19px}.iconbtn:hover,.button:hover{filter:brightness(1.18)}.avatar{height:38px;width:38px;border-radius:50%;background:#322821;border:1px solid #63503e;display:grid;place-items:center;font-size:12px;color:#f5d7a6}.hero{min-height:270px;position:relative;overflow:hidden;border-radius:26px;background:radial-gradient(circle at 72% 42%,#3d291a 0,#141315 47%,#101114 100%);border:1px solid #4a3829;padding:30px;margin-bottom:16px}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0e0e10 0%,transparent 70%);pointer-events:none}.heroimg{position:absolute;right:-4%;top:-30%;height:150%;width:55%;object-fit:contain;filter:drop-shadow(0 0 24px #b9844766)}.herotext{position:relative;z-index:1;max-width:62%}.herotext h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(28px,4vw,49px);line-height:1.13;margin:18px 0 12px;letter-spacing:-1px}.herotext p{color:#b7aaa0;line-height:1.5;font-size:14px}.eyebrow{color:#d6ac75;font-size:10px;letter-spacing:2.6px;text-transform:uppercase}.section{display:flex;align-items:center;justify-content:space-between;margin:28px 0 13px;gap:10px}.section h2{font-size:18px;font-weight:600;letter-spacing:-.3px;margin:0}.link{background:transparent;border:0;color:#d5ad79;font-size:12px}.card{background:linear-gradient(145deg,#1b1b1e,#121315);border:1px solid #302d2c;border-radius:21px;padding:19px;min-width:0}.card h3{font-size:15px;margin:0 0 13px}.card p{color:#aba5a0;font-size:13px;line-height:1.6}.muted{color:#a19a94}.small{font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.metric{font-size:26px;font-weight:550;letter-spacing:-1px;margin:12px 0 5px}.gold{color:#e5bb83}.bar{height:5px;background:#373230;border-radius:8px;overflow:hidden;margin-top:13px}.bar span{height:100%;display:block;border-radius:8px;background:linear-gradient(90deg,#ad8051,#f4d7a6)}.one{display:flex;align-items:center;gap:17px;background:linear-gradient(120deg,#33251b,#191718 65%);border-color:#6a4a30}.one .round{background:#513a27;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-size:26px;flex-shrink:0}.one strong{font-size:17px;font-weight:500}.row{display:flex;align-items:center;gap:11px}.between{justify-content:space-between}.stack{display:grid;gap:10px}.item{border:1px solid #373230;background:#171719;border-radius:13px;padding:13px;display:flex;align-items:center;gap:11px}.item label{flex:1}.item.done label{text-decoration:line-through;opacity:.5}.item input[type=checkbox]{accent-color:#d4aa77;width:18px;height:18px}.item small{display:block;color:#9c938c;margin-top:4px}.button{border:1px solid #5a4737;background:#30251d;color:#f6dec0;padding:11px 15px;border-radius:12px;font-size:13px}.button.primary{background:#d6ac77;color:#18120e;border-color:#d6ac77;font-weight:650}.button.ghost{background:#1c1b1d;border-color:#383332}.button.danger{color:#e9a6a6}.chip{border:1px solid #504338;border-radius:99px;padding:5px 9px;font-size:10px;color:#dfbd95}.pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.pillar{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:1px solid #36302c;background:#181719;padding:16px;border-radius:16px}.pillar .symbol{font-size:24px;width:34px;text-align:center}.pillar strong{display:block;font-size:13px;font-weight:550}.pillar small{display:block;color:#a69b92;margin-top:5px;font-size:11px}.pillar .arrow{margin-left:auto;color:#d8b083}.timeline{border-left:1px solid #5b4635;margin-left:9px;padding-left:19px}.event{position:relative;margin:0 0 20px}.event:before{content:'';position:absolute;left:-25px;top:4px;height:10px;width:10px;border-radius:50%;background:#d8aa74}.event small{color:#c49d70}.event strong{display:block;font-size:13px;font-weight:500;margin-top:5px}.tabs{display:flex;gap:7px;overflow-x:auto;margin:14px 0 19px}.tabs button{border:1px solid #383432;background:#181719;border-radius:30px;padding:10px 14px;white-space:nowrap;font-size:12px;color:#aaa19a}.tabs button.active{background:#e7d9c6;color:#151414;border-color:#e7d9c6}.pagehead{margin:28px 0}.pagehead h1{font-family:Georgia,serif;font-size:38px;font-weight:400;margin:9px 0}.pagehead p{font-size:13px;color:#a69c93;line-height:1.5}.mini{font-size:11px;color:#a89e94}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.day{background:#171719;border:1px solid #302d2b;border-radius:10px;padding:8px 4px;min-height:55px;text-align:center;font-size:12px}.day.today{border-color:#e0b17b;color:#f3c98c}.dot{width:5px;height:5px;border-radius:50%;background:#d5a976;margin:6px auto 0}.chart{display:flex;align-items:end;gap:7px;height:125px;padding:8px 0}.chart>div{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(0deg,#6f5137,#f0cb9c);min-height:3px}.scoreline{display:flex;align-items:center;gap:10px;margin:13px 0}.scoreline span{font-size:12px;min-width:95px}.scoreline .bar{flex:1;margin:0}.scoreline strong{font-size:12px;width:30px;text-align:right}.aihero{background:#efede9;color:#18171a;position:relative;overflow:hidden}.aihero h2{font-family:Georgia,serif;font-size:28px;font-weight:400}.aihero p{color:#4b4547}.aihero:after{content:'ATLAS';font-family:Georgia,serif;font-size:100px;color:#d9d2ca;position:absolute;right:-25px;bottom:-40px;opacity:.5}.chat{height:310px;overflow:auto;display:flex;flex-direction:column;gap:10px}.bubble{background:#282528;border:1px solid #3a3330;padding:12px;border-radius:13px;max-width:92%;white-space:pre-wrap;line-height:1.5;font-size:13px}.bubble.me{align-self:flex-end;background:#473321}.field,select,textarea{background:#111114;border:1px solid #494039;color:#eee9e2;padding:12px;border-radius:11px;width:100%;outline:none}.field:focus,textarea:focus,select:focus{border-color:#d6ac77}.form{display:grid;gap:13px}.form label{font-size:12px;color:#d3c5b7;display:grid;gap:7px}.modalbg{position:fixed;inset:0;background:#000c;z-index:30;display:grid;place-items:center;padding:17px}.modal{background:#1b191a;border:1px solid #66503a;border-radius:24px;padding:23px;width:min(480px,100%);max-height:85vh;overflow:auto}.modal h2{font-family:Georgia,serif;font-size:26px;font-weight:400;margin:0 0 20px}.mobilebar{display:none}.notice{border:1px solid #554536;background:#261e18;color:#e6c49c;border-radius:13px;padding:12px;font-size:12px;line-height:1.5}.hidden{display:none}.quote{font-family:Georgia,serif;font-style:italic;color:#ebd1af;font-size:18px;line-height:1.5}.badge{font-size:10px;color:#d5ad79;border:1px solid #5c4733;border-radius:20px;padding:4px 7px}.feature{min-height:140px;background:linear-gradient(135deg,#19171b,#131317);position:relative;overflow:hidden}.feature:before{content:'';position:absolute;inset:0 0 0 55%;background:radial-gradient(circle,#312b59,transparent 70%);opacity:.7}.feature>*{position:relative}.statue{width:100%;max-height:200px;object-fit:contain;object-position:center}.switch{display:flex;gap:7px;flex-wrap:wrap}.switch button{font-size:12px;border:1px solid #403833;border-radius:10px;padding:9px;background:#1e1b1b}.switch button.active{background:#4a3423}.empty{padding:20px;text-align:center;color:#8f8680;border:1px dashed #453b34;border-radius:13px;font-size:13px}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#e7c392;color:#171311;border-radius:12px;padding:12px 18px;z-index:40;box-shadow:0 15px 35px #0008;font-size:13px;max-width:90vw}.footer{color:#6f6863;font-size:11px;text-align:center;padding:35px 0}@media(max-width:1000px){.rail{display:none}.main{padding:25px 18px 120px;max-width:760px}.mobilebar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:10;padding:9px 5px max(12px,env(safe-area-inset-bottom));background:#101013f5;border-top:1px solid #38302b;backdrop-filter:blur(20px)}.mobilebar button{background:transparent;border:0;color:#918781;display:grid;justify-items:center;gap:4px;font-size:10px}.mobilebar button.active{color:#f2c78f}.mobilebar .sym{font-size:21px}.mobilebar .add{font-size:24px;background:#d5aa76;color:#17120e;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;margin-top:-18px}}@media(max-width:570px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two{grid-template-columns:1fr}.pillars{grid-template-columns:1fr}.hero{min-height:240px;padding:24px}.heroimg{right:-20%;width:75%;opacity:.75}.herotext{max-width:74%}.herotext h1{font-size:31px}.card{padding:16px}.metric{font-size:24px}.pagehead h1{font-size:33px}}

/* ATLAS — Mythological editorial art direction */
.hero{min-height:315px;background:#101012;border-color:#473a2f;isolation:isolate}
.hero-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 83% 45%,#bc79442a,transparent 55%),linear-gradient(110deg,#0c0c10 25%,#17121a 90%);z-index:-1}
.heroimg{height:130%;width:55%;top:-15%;right:0;object-fit:cover;object-position:50% 21%;opacity:.95;filter:drop-shadow(0 0 25px #c4865644)}
.hero:after{background:linear-gradient(90deg,#0c0c10 0%,#0c0c10d9 31%,#0c0c1070 57%,transparent 88%)}
.hero .herotext{max-width:65%}.hero .herotext h1{font-size:clamp(28px,4.5vw,51px)}
.feature{min-height:195px;isolation:isolate}.feature-art{position:absolute;inset:0 0 0 auto;width:62%;height:100%;object-fit:cover;object-position:center;opacity:.72;z-index:-1}.feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17171b 0%,#17171be8 34%,transparent 100%);z-index:-1}
.life-intro{background:linear-gradient(100deg,#171619,#201a20)}
.pillar-art{min-height:110px;position:relative;isolation:isolate;overflow:hidden;background:#171719}
.pillar-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,#111114f5 0%,#111114d9 47%,#11111430 100%),var(--pillar-image);background-position:center,right center;background-size:cover,55% auto;background-repeat:no-repeat;opacity:.9;z-index:-1}
.pillar-art:hover{border-color:#a47e5b}
.pillar-hero{height:185px;border-radius:22px;border:1px solid #4b3d31;background-image:linear-gradient(90deg,#09090c 0%,transparent 100%),var(--pillar-image);background-size:cover;background-position:center;box-shadow:inset 0 -30px 50px #09090c80}
@media(max-width:650px){.hero{min-height:255px;padding:22px}.heroimg{width:65%;right:-9%;height:120%;top:-5%;object-position:50% 30%}.hero .herotext{max-width:76%}.hero .herotext h1{font-size:31px}.hero .herotext p{max-width:80%;font-size:12px}.pillar-art:before{background-size:cover,65% auto}.feature-art{width:78%}}

/* ATLAS V3 — Mythological editorial imagery; typography remains live UI text. */
.hero{background:#09090b;border-color:#3e3028;min-height:340px}
.heroimg{right:-1%;top:-21%;height:148%;width:64%;object-fit:cover;object-position:center 35%;opacity:.96;filter:drop-shadow(0 0 26px #c18b4c33)}
.hero:after{background:linear-gradient(90deg,#09090bed 0%,#09090bd6 37%,#09090b50 68%,transparent 100%)}
.pillar-art{min-height:126px;border-color:#3a3029;transition:border-color .2s,transform .2s}
.pillar-art:before{background-image:linear-gradient(90deg,#0a0a0df5 0%,#0a0a0de3 40%,#0a0a0d45 76%,#0a0a0d15 100%),var(--pillar-image);background-size:cover,49% auto;background-position:center,right 28%;}
.pillar-art:hover{transform:translateY(-1px);border-color:#b78c63}
.pillar-hero{height:230px;background-image:linear-gradient(90deg,#09090be5 0%,#09090b2b 65%,transparent 100%),var(--pillar-image);background-size:cover,cover;background-position:center,center 32%}
.life-intro img{object-position:center 20%}
@media(max-width:650px){.hero{min-height:280px}.heroimg{right:-8%;width:76%;top:-12%;height:125%;object-position:center 30%}.pillar-art:before{background-size:cover,58% auto}.pillar-hero{height:205px}}


/* V4 */
html{scroll-behavior:smooth} .brandmark{display:flex;align-items:center;gap:12px}.brandmark img{width:34px;height:34px;border-radius:9px;object-fit:cover}.clickable{cursor:pointer}.fieldrow{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.fieldrow>*{min-width:0}.mini-actions{display:flex;gap:6px;margin-left:auto}.mini-actions button{background:#282321;border:1px solid #514033;border-radius:8px;padding:7px 10px;color:#e6c49c}.weeknav{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:14px}.day.selected{background:#493425;border-color:#e0b17b}.day.outside{opacity:.32}.calendar .day{cursor:pointer}.day:focus-visible{outline:2px solid #e0b17b}.modalbg{z-index:50}.modal label{display:grid;gap:7px;margin-bottom:13px;color:#e2cfb5;font-size:12px}.modal input,.modal select,.modal textarea{min-width:0}.banner-note{font-size:11px;letter-spacing:.2px;color:#d9b488}.subnav{display:flex;gap:7px;overflow-x:auto;padding-bottom:6px;margin:14px 0}.subnav button{white-space:nowrap;padding:10px 13px;border:1px solid #40342c;background:#19181a;color:#c7b7a5;border-radius:20px;font-size:12px}.subnav button.active{background:#e0bd91;color:#191412}.pillar-tile{position:relative;min-height:140px;overflow:hidden;border:1px solid #514131;border-radius:18px;background:#151417;cursor:pointer;text-align:left;padding:20px;width:100%;display:flex;align-items:flex-end}.pillar-tile:before{content:'';position:absolute;inset:0;background-image:linear-gradient(0deg,#101012 2%,#10101265 58%,transparent 100%),var(--pillar-image);background-size:cover;background-position:center;opacity:.95}.pillar-tile>span{position:relative;z-index:1}.pillar-tile strong{display:block;font-size:14px}.pillar-tile small{color:#b8a99c;font-size:11px}.pillgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pillgrid .pillar-tile:nth-child(1){grid-column:span 2;min-height:195px}.hint{font-size:12px;color:#a89a8b;line-height:1.55}.dataitem{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #342e2a;border-radius:12px;background:#171719;margin:8px 0}.dataitem .detail{flex:1;min-width:0}.dataitem .detail strong{display:block;font-size:13px;overflow-wrap:anywhere}.dataitem .detail small{display:block;font-size:11px;color:#9e9389;margin-top:4px}.dataitem.done .detail strong{text-decoration:line-through;color:#7b746f}.dataitem input[type=checkbox]{accent-color:#d4aa77;width:18px;height:18px}.empty{margin:10px 0}.modal .button{margin-top:4px}.card .section{margin:0 0 12px}.navbtn:focus-visible,.pillar-tile:focus-visible{outline:2px solid #e0b17b}.subtle{opacity:.72}.metric-card{min-height:112px}.statue-hero{background-size:cover;background-position:center;border:1px solid #514233;border-radius:22px;min-height:215px;display:flex;align-items:flex-end;padding:22px;position:relative;overflow:hidden}.statue-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0b0df5,#0b0b0d20 75%)}.statue-hero>*{position:relative}.desktop-only{display:block}@media(max-width:700px){.desktop-only{display:none}.pillgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pillgrid .pillar-tile:nth-child(1){grid-column:span 2}.main{padding-bottom:120px}.fieldrow .button{flex:1}}

/* React 16-compatible transparent grouping */
.fragment { display: contents; }

/* V5 printable report */
.report-backdrop{position:fixed;inset:0;z-index:100;background:#0c0b0b;overflow:auto;padding:22px 12px}.report-toolbar{max-width:820px;margin:0 auto 15px;display:flex;justify-content:space-between;gap:12px}.print-report{max-width:820px;margin:0 auto;background:white;color:#171717;padding:36px 32px;border-radius:12px;font:14px/1.55 system-ui,sans-serif}.print-report h1{font:normal 32px Georgia,serif;color:#171717}.print-report h2{font:normal 23px Georgia,serif;color:#171717;margin:28px 0 10px}.print-report p{color:#444}.print-report .report-line{padding:10px 0;border-bottom:1px solid #ddd;overflow-wrap:anywhere}.print-report .report-line p{white-space:pre-wrap;margin:6px 0}.report-footer{margin-top:35px;font-size:11px}.print-report section{break-inside:avoid-page}@media print{@page{size:A4;margin:16mm}body{background:white!important}.app{display:block!important}.app> :not(.report-backdrop){display:none!important}.report-toolbar{display:none!important}.report-backdrop{position:static;padding:0;background:white;overflow:visible}.print-report{max-width:none;padding:0;border-radius:0;box-shadow:none;font-size:11pt}.print-report h1{font-size:26pt}.print-report h2{font-size:17pt}.print-report section{break-inside:auto}.print-report .report-line{break-inside:avoid}}

/* V6: uniquement des modules supplémentaires, sans modifier la direction artistique V5 */
.atlas-wellness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px;padding:18px 0 5px}
.atlas-wellness-metric{display:flex;align-items:center;flex-direction:column;gap:9px;text-align:center;font-size:12px;color:#e9d9c7}
.atlas-wellness-ring{width:106px;height:106px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--color) var(--value),#39312c 0)}
.atlas-wellness-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#191719}
.atlas-wellness-ring strong{position:relative;font-size:20px;color:#f5e5d0}
.atlas-wellness-metric input{width:110px;accent-color:#d4aa77}
.atlas-doc-cats{display:flex;gap:7px;overflow-x:auto;padding:8px 0 12px}
.atlas-doc-cats .button{white-space:nowrap;font-size:11px;padding:8px}
.atlas-doc-widget .dataitem{margin:9px 0}
@media(min-width:850px){.atlas-wellness-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ATLAS V7 additions, retaining the V5/V6 art direction */
.pillgrid{align-items:stretch;grid-auto-rows:165px}
.pillgrid .pillar-tile{height:165px;min-height:165px;align-self:stretch;aspect-ratio:auto}
.pillar-tile:before{background-size:cover;background-position:center 32%;background-repeat:no-repeat}
.atlas-wellness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:16px 0 9px}
.atlas-wellness-metric{min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.atlas-wellness-metric small{font-size:10px;color:#b8a89a;white-space:normal}
.atlas-wellness-ring{width:min(100%,83px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--color) var(--value),#39312e 0);position:relative}
.atlas-wellness-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#171517}
.atlas-wellness-ring strong{position:relative;color:#d8c9b7;font-size:22px}
.atlas-wellness .hint{font-size:11px}
.atlas-doc-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.atlas-doc-list{display:grid;grid-template-columns:1fr;gap:9px}
.atlas-doc-tile{background:#1c191b;border:1px solid #493a32;border-radius:17px;overflow:hidden;padding:12px;min-width:0}
.atlas-doc-open{display:flex;flex-direction:column;gap:8px;background:none;border:0;color:#f1e2d0;text-align:left;width:100%;min-width:0;cursor:pointer}
.atlas-doc-open strong{font-size:13px;overflow-wrap:anywhere}
.atlas-doc-open small{color:#a99584;font-size:11px}
.atlas-doc-visual{width:100%;height:98px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#42362d,#1d1a1b);color:#d8b78c;font-size:46px;font-family:Georgia,serif}
.atlas-doc-list .atlas-doc-open{flex-direction:row;align-items:center}
.atlas-doc-list .atlas-doc-visual{width:62px;height:58px;flex:none;font-size:28px}
.atlas-doc-tile .row{justify-content:flex-end;gap:12px;margin-top:7px}
.atlas-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.atlas-quick-grid .button{text-align:left;white-space:normal}
@media(max-width:380px){.atlas-wellness-ring strong{font-size:18px}.atlas-wellness-metric small{font-size:9px}}

/* V8 — 2 columns × 4 equal rows for Ma vie, including the first pillar */
.pillgrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:165px!important;gap:12px}
.pillgrid>.pillar-tile,.pillgrid>.pillar-tile:nth-child(1){grid-column:auto!important;grid-row:auto!important;min-height:0!important;height:165px!important;max-height:165px!important;aspect-ratio:auto!important;box-sizing:border-box}
@media(max-width:700px){.pillgrid>.pillar-tile:nth-child(1){grid-column:auto!important}}
/* V8 — circular HealthKit indicators, not stretched by flex or grid */
.atlas-wellness-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;align-items:start}
.atlas-wellness-metric{min-width:0;width:100%;align-items:center}
.atlas-wellness-ring{width:clamp(40px,15vw,66px)!important;height:auto!important;max-width:100%;aspect-ratio:1/1!important;min-width:0;flex:0 0 auto;box-sizing:border-box;border-radius:50%!important}
.atlas-wellness-ring:before{inset:5px}
.atlas-wellness-ring strong{font-size:17px}
.atlas-wellness-metric small{font-size:10px;line-height:1.25;overflow-wrap:anywhere}
.atlas-category-controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-top:13px}
.atlas-category-controls label{display:grid;gap:5px;flex:1;min-width:140px}
.atlas-category-controls .field{width:100%;margin:0}
.atlas-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
.atlas-tag{display:inline-flex;border-radius:6px;padding:3px 7px;background:color-mix(in srgb,var(--tag-color) 20%,#181619);border:1px solid color-mix(in srgb,var(--tag-color) 55%,transparent);color:var(--tag-color);font-size:10px;line-height:1.3;font-weight:600}
.atlas-doc-open .atlas-tags{width:100%}
.atlas-doc-tile>.row{flex-wrap:wrap}

/* V8 — per-pillar focal points, shared by Ma vie and detail views.
   Keep the card text clear while centering each statue/face. */
.pillgrid > .pillar-tile:before {
  background-size: cover, cover;
  background-position: center, center var(--pillar-card-y, 35%);
  background-repeat: no-repeat;
}
.pillgrid > .pillar-tile.pillar-0 { --pillar-card-y: 31%; }
.pillgrid > .pillar-tile.pillar-1 { --pillar-card-y: 30%; }
.pillgrid > .pillar-tile.pillar-2 { --pillar-card-y: 37%; }
.pillgrid > .pillar-tile.pillar-3 { --pillar-card-y: 34%; }
.pillgrid > .pillar-tile.pillar-4 { --pillar-card-y: 37%; }
.pillgrid > .pillar-tile.pillar-5 { --pillar-card-y: 31%; }
.pillgrid > .pillar-tile.pillar-6 { --pillar-card-y: 40%; }
.pillgrid > .pillar-tile.pillar-7 { --pillar-card-y: 39%; }

/* Detail banners use separate, deliberately centered focal points.
   Background images remain full-bleed without distortion. */
.statue-hero {
  background-size: cover;
  background-position: center var(--pillar-hero-y, 35%);
  background-repeat: no-repeat;
}
.statue-hero.pillar-0 { --pillar-hero-y: 28%; }
.statue-hero.pillar-1 { --pillar-hero-y: 29%; }
.statue-hero.pillar-2 { --pillar-hero-y: 36%; }
.statue-hero.pillar-3 { --pillar-hero-y: 32%; }
.statue-hero.pillar-4 { --pillar-hero-y: 34%; }
.statue-hero.pillar-5 { --pillar-hero-y: 31%; }
.statue-hero.pillar-6 { --pillar-hero-y: 39%; }
.statue-hero.pillar-7 { --pillar-hero-y: 37%; }


/* ATLAS — cultural collection (Letterboxd-inspired, native to Savoir & Créativité) */
.culture-library{margin:24px 0 18px}
.culture-banner{padding:23px 22px 19px;border-radius:22px;background:linear-gradient(125deg,#211b20,#151419 65%,#292019);border:1px solid #4b3c35;margin-bottom:16px}
.culture-banner h2{font:normal 32px/1.15 Georgia,serif;letter-spacing:-.7px;margin:10px 0;color:#f6e9dc}
.culture-banner p{color:#b7aaa3;font-size:12px;line-height:1.6;max-width:500px;margin:0}
.culture-stats{display:flex;gap:14px;flex-wrap:wrap;margin-top:19px;color:#d4ae87;font-size:11px}
.culture-actions{margin:17px 0 12px;gap:12px}
.culture-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:12px 0 16px;padding-bottom:3px}
.culture-tab{white-space:nowrap;padding:10px 13px;background:#211e20;color:#bdb1a9;border:1px solid #3d3434;border-radius:13px;font-size:12px;cursor:pointer}
.culture-tab.active{background:#3a2b24;color:#f5d2a3;border-color:#926e50}
.culture-filters{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr));gap:9px;margin:0 0 18px}
.culture-filters .field{min-width:0;width:100%;font-size:12px}
.culture-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px 12px}
.culture-item{padding:0;background:none;border:0;text-align:left;display:flex;flex-direction:column;gap:6px;color:#f1e6df;cursor:pointer;min-width:0}
.culture-cover{position:relative;width:100%;aspect-ratio:2/3;border-radius:13px;overflow:hidden;border:1px solid #514035;background:radial-gradient(circle at 55% 30%,#564032 0%,#261d21 48%,#121217 100%);display:grid;place-items:center;color:#d6aa77;font:normal 36px Georgia,serif}
.culture-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.culture-item .culture-cover{transition:transform .2s ease,border-color .2s ease}
.culture-item:hover .culture-cover{transform:translateY(-3px);border-color:#a47a54}
.culture-heart{position:absolute;right:8px;top:8px;background:#1a1017de;border-radius:50%;padding:5px 7px;font:normal 13px sans-serif;color:#f1a5a2}
.culture-item-title{font-size:12px;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.culture-item-meta{font-size:10px;color:#b9a99b;line-height:1.4}
.culture-empty{text-align:center;padding:34px 18px;border:1px dashed #544038;border-radius:18px;background:#151316}
.culture-empty h3{font:normal 22px Georgia,serif;margin:4px 0}
.culture-empty p{color:#b7a79e;font-size:12px;line-height:1.6}
.culture-empty-icon{font:normal 45px Georgia,serif;color:#bc9979}
.culture-editor{margin-top:12px}
.culture-editor h3{margin:0}
.culture-editor-top{display:grid;grid-template-columns:118px minmax(0,1fr);gap:15px;margin:17px 0}
.culture-cover-preview{width:118px;align-self:start}
.culture-editor-main{display:flex;flex-direction:column;gap:12px;min-width:0}
.culture-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.culture-field{display:flex;flex-direction:column;gap:6px;color:#d6c9bd;font-size:12px;min-width:0;margin:10px 0}
.culture-field .field{display:block;width:100%;min-width:0;box-sizing:border-box}
.culture-field input[type=checkbox]{width:19px;height:19px;accent-color:#cda477}
.culture-textarea{resize:vertical;min-height:85px}
.culture-save{width:100%;margin-top:14px}
.culture-detail{margin-top:10px}
.culture-detail-top{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;margin-top:16px}
.culture-detail-cover{width:140px;align-self:start}
.culture-detail-info h2{font:normal 28px/1.1 Georgia,serif;margin:9px 0 13px;overflow-wrap:anywhere}
.culture-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.culture-stars{color:#dfad69;font-size:14px}
.culture-prose{border-top:1px solid #433731;padding-top:13px;margin-top:23px}
.culture-prose h3{font:normal 20px Georgia,serif}
.culture-prose p{font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;color:#cbbcb0}
@media(max-width:650px){.culture-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 10px}.culture-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.culture-filters input{grid-column:1/-1}.culture-banner{padding:21px 17px}.culture-banner h2{font-size:29px}.culture-detail-top{grid-template-columns:104px minmax(0,1fr);gap:12px}.culture-detail-cover{width:104px}.culture-detail-info h2{font-size:23px}.culture-detail-actions .button{padding:9px 10px;font-size:11px}.culture-editor-top{grid-template-columns:85px minmax(0,1fr);gap:11px}.culture-cover-preview{width:85px}}
@media(max-width:360px){.culture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.culture-form-grid{grid-template-columns:1fr}}