@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--gold:#e4bb58;--pink:#c83c75;--muted:#9c9c9f}*{box-sizing:border-box}body{margin:0;background:#080809;color:#f6f4f1;font:14px Inter,system-ui,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app{max-width:480px;margin:auto;min-height:100dvh;background:radial-gradient(ellipse at top right,#251c1a55,transparent 45%),#101011;padding-bottom:100px}header{height:98px;display:flex;align-items:center;justify-content:center;position:relative;padding:10px 20px}header img{width:85px;height:85px;object-fit:contain}.demo{position:absolute;left:20px;font-size:8px;letter-spacing:1.4px;color:var(--muted);width:70px;line-height:1.8}.bell{position:absolute;right:20px;background:none;border:1px solid #343436;border-radius:50%;width:35px;height:35px;font-size:23px}main{padding:8px 20px 24px}h1{font-size:26px;letter-spacing:-1px;margin:6px 0 6px}h2{font-size:18px;margin:24px 0 12px}p{line-height:1.6}.sub{color:#b3b1b1;margin:0 0 20px;font-size:13px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:700}.hero{height:130px;position:relative;overflow:hidden;border-radius:14px;border:1px solid #51402c;margin-bottom:20px;background:#201014}.hero img{width:100%;height:100%;object-fit:cover;object-position:50% 27%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#170a13c9,transparent 80%)}.hero strong{position:absolute;z-index:1;left:22px;top:34px;font:37px 'Permanent Marker',cursive;color:#ed4a8d;text-shadow:2px 3px #160b12}.hero small{display:block;font:9px Inter;letter-spacing:2px;color:#fff;margin-top:4px;text-shadow:none}.card{border:1px solid #343331;background:linear-gradient(125deg,#202020,#171717);border-radius:15px;padding:17px}.calhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.calhead b{text-transform:uppercase;letter-spacing:1px;color:var(--gold);font-size:12px}.arrow{border:0;background:none;color:var(--gold);font-size:24px;padding:0 7px}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.week{font-size:10px;color:var(--muted);margin-bottom:9px}.day{background:none;border:0;min-height:37px;position:relative;font-size:12px;padding:6px 0}.day.selected{background:var(--pink);border-radius:50%;width:32px;min-height:32px;margin:2px auto 3px}.dot{display:block;position:absolute;bottom:0;left:calc(50% - 2px);height:4px;width:4px;background:var(--gold);border-radius:50%}.stats{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:13px}.stat{border:1px solid #343331;background:#1a1a1b;border-radius:14px;padding:16px 12px;text-align:left}.label{font-size:10px;font-weight:700;letter-spacing:1px;color:#d8d3ca;display:block}.value{font-size:20px;font-weight:800;display:block;margin:11px 0 8px}.value small{font-size:10px;color:var(--muted);font-weight:400}.bar{height:5px;border-radius:8px;background:#363537;overflow:hidden;margin:10px 0}.bar span{display:block;height:100%;background:var(--gold);width:80%;border-radius:8px}.pink span{background:var(--pink);width:70%}.micro{font-size:9px;color:#b4b0ae}.sectionhead{display:flex;justify-content:space-between;align-items:center}.sectionhead h2{font-size:12px;letter-spacing:1px}.sectionhead a{font-size:10px;color:var(--gold);text-decoration:none}.workout{position:relative;overflow:hidden;padding:18px}.workout .tag{display:inline-block;font-size:9px;color:var(--gold);background:#46391e66;padding:5px 8px;border-radius:5px}.workout h3{margin:14px 0 6px;font-size:22px}.workout p{font-size:11px;color:var(--muted);margin:0 0 17px}.primary{background:var(--pink);border:0;border-radius:9px;padding:13px 18px;font-weight:700;width:100%;font-size:12px}.secondary{background:#272322;border:1px solid #65502e;border-radius:9px;padding:12px 16px;color:var(--gold);font-size:12px}.note{font-size:10px;color:#7f7d7d;text-align:center;margin-top:18px;line-height:1.7}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:#121213f5;border-top:1px solid #343331;display:flex;justify-content:space-around;padding:12px 7px calc(12px + env(safe-area-inset-bottom));z-index:5;backdrop-filter:blur(20px)}nav button{border:0;background:none;color:#929195;display:flex;align-items:center;flex-direction:column;gap:6px;font-size:9px;min-width:55px}svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}nav button.active{color:var(--gold)}.resource{display:flex;gap:13px;align-items:center;padding:17px;border:1px solid #343331;background:#19191a;border-radius:12px;color:inherit;text-decoration:none;margin:10px 0}.resource span{font-size:22px;color:var(--gold)}.resource b{display:block;font-size:13px}.resource small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.resource em{margin-left:auto;color:var(--gold);font-style:normal}.program{margin:12px 0}.program h3{margin:4px 0 10px}.program p{color:var(--muted);font-size:12px}.chat{display:flex;flex-direction:column;gap:13px;margin-top:22px;min-height:270px}.bubble{background:#282624;padding:15px;border-radius:13px 13px 13px 0;max-width:85%;line-height:1.6;font-size:12px}.bubble.mine{align-self:flex-end;background:#59223b;border-radius:13px 13px 0 13px}.bubble small{display:block;color:#aaa;font-size:9px;margin-top:7px}.composer{display:flex;gap:8px;margin-top:16px}input{background:#202021;border:1px solid #454140;border-radius:8px;padding:12px;color:white;width:100%;min-width:0}.composer button{width:45px}.profile{display:flex;gap:15px;align-items:center;margin:22px 0}.avatar{width:60px;height:60px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-weight:800;font-size:22px;background:#302618}.formrow{display:flex;gap:8px;margin:16px 0}.listrow{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #343331;font-size:12px}.listrow span{color:var(--muted)}dialog{background:#181819;border:1px solid #66512e;border-radius:18px;color:white;padding:27px;width:calc(100% - 35px);max-width:420px}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:26px;color:#aaa}.set{display:grid;grid-template-columns:30px 1fr 1fr 35px;gap:8px;align-items:center;margin:10px 0}.set button{border:1px solid #66512e;background:#302618;border-radius:7px;padding:10px;color:var(--gold)}#toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);background:#e5bd62;color:#17120b;border-radius:8px;font-size:12px;padding:12px 18px;z-index:20;display:none;max-width:90%;text-align:center}.food{padding:12px 0;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.food small{display:block;color:#aaa;font-size:10px;margin-top:5px}.food button{background:#332b1d;border:0;border-radius:6px;color:var(--gold);width:32px;height:32px}.macrogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.macrogrid div{text-align:center;font-size:11px;color:#aaa}.macrogrid b{display:block;font-size:18px;color:#eee;margin-bottom:5px}@media(min-width:700px){body{padding:22px 0}.app{border:1px solid #333;border-radius:24px;overflow:hidden;box-shadow:0 25px 100px #000}nav{bottom:0}}
/* Accueil : or lisible, objectif quotidien et planification. */
:root{--gold:#e4bb58;--muted:#bcb09a}body{color:var(--gold)}h1,h2,h3,.label,.value,.sub,.micro,.resource b,.resource small,.listrow span,.bubble,.note{color:var(--gold)}.sub{opacity:.92}.note{color:#b9a879}.micro{color:#cbb88e}.value small{color:#cbb88e}.hero small{color:#f7dfa1}.primary{color:#fff5dc;background:#a82d5f;min-height:44px}.secondary{min-height:44px}.addplan{width:44px;height:44px;border:1px solid #796036;background:#302619;border-radius:50%;font-size:28px;color:var(--gold);line-height:1}.sectionhead{margin-bottom:12px;gap:10px}.sectionhead h2{margin:0;font-size:12px}.objective{position:relative;display:block;width:100%;aspect-ratio:1.58;border:1px solid #8a6839;border-radius:15px;overflow:hidden;padding:0;text-align:left;background:#241a14;color:#f6d990}.objective img{width:100%;height:100%;object-fit:cover;display:block;object-position:center}.objective.training img{object-position:50% 32%}.objective-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,5,6,.96),rgba(5,5,6,.16) 75%)}.objective-content{position:absolute;inset:auto 18px 17px;display:flex;flex-direction:column;gap:8px}.objective-content .eyebrow{color:#ffe6aa;letter-spacing:1px;font-size:10px}.objective-content strong{font:29px 'Permanent Marker',cursive;line-height:1.15;color:#f6d990;text-shadow:0 2px 7px #000}.objective-content>span:not(.eyebrow){font-size:12px}.objective-content small{font-size:10px;color:#f4db9f;line-height:1.5}.objective-start{margin-top:10px}.stat .label{display:flex;align-items:center;gap:7px;min-height:34px}.metric-icon{width:37px;height:30px;flex-shrink:0}.metric-icon.flame{width:26px;margin-right:4px}.stat{padding:14px 11px}.stat .value{font-size:20px;white-space:nowrap}.stat .value small{font-size:9px}.planninglink{width:100%;margin-top:15px}.plan-actions{display:grid;gap:12px;margin-top:18px}.backlink{border:0;background:none;color:var(--gold);padding:14px;min-height:44px;display:block;width:100%;margin-top:8px}dialog{color:var(--gold);max-height:88dvh;overflow-y:auto;padding-top:38px}dialog h2{margin-top:10px}dialog label{font-size:12px;display:block;margin:14px 0 8px}dialog input{color:#f6d990;min-height:44px}dialog input::placeholder{color:#b6a585}.planner{gap:3px}.planner .day{min-height:46px;min-width:30px;font-size:13px;border:1px solid #423725;border-radius:7px}.planner .day.selected{width:auto;margin:0;border-radius:7px;background:#843052;color:#fff1c6}.planner .day small{display:block;font-size:8px;margin-top:4px;color:#efcf87}.calendarlegend{margin:14px 0}.libraryresults{max-height:230px;overflow:auto;border:1px solid #4a3e2a;border-radius:10px;margin:14px 0}.exercise-option{width:100%;padding:13px 12px;display:flex;align-items:center;justify-content:space-between;text-align:left;border:0;border-bottom:1px solid #403724;background:#24211c;color:var(--gold);gap:10px;min-height:52px}.exercise-option small{display:block;margin-top:5px;color:#c6b48c;font-size:10px}.exercise-option b{font-size:12px}.exercise-option>span:last-child{font-size:23px}.chosen{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0;border-bottom:1px solid #4a3e2a}.chosen>b{font-size:12px}.chosen .remove-ex{justify-self:end;background:none;border:0;color:var(--gold);font-size:23px;min-width:36px;min-height:36px}.chosen label{margin:0}.chosen input{margin-top:6px}.close{width:40px;height:40px;color:var(--gold)}#buildererror{color:#ffb4d0}nav button{min-height:44px;color:#bcae8c}nav button.active{color:#f2ce78}@media(max-width:360px){main{padding-left:14px;padding-right:14px}.stat .value{font-size:17px}.objective-content strong{font-size:25px}.stat .label{font-size:9px;gap:4px}}

.header-actions{position:absolute;right:14px;top:30px;display:flex;gap:7px;align-items:center}.header-actions button{position:static;width:40px;height:40px;display:grid;place-items:center;background:#191715;border:1px solid #615034;border-radius:50%;padding:8px;color:var(--gold)}.header-actions .headmessage[aria-pressed="true"]{border-color:var(--gold);background:#392b1b}.header-actions svg{width:21px;height:21px}@media(max-width:360px){.header-actions{right:10px;gap:4px}.header-actions button{width:36px;height:36px}.demo{left:14px;width:55px;font-size:7px}}

.metric-icon.shoe{width:46px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 3px #0006)}

/* Le QG — Le garage du Boss */
.qg-entry{margin:4px -8px 24px;border:1px solid #8c6732;border-radius:13px;overflow:hidden;background:#16120d;box-shadow:0 10px 25px #0006}.qg-entry img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover}.qg-intro{padding:0 2px 4px}.qg-intro h1{font:27px 'Permanent Marker',cursive;letter-spacing:0;line-height:1.2;color:#efcc7d;margin:11px 0 13px}.qg-intro p{font-size:14px;line-height:1.7;color:#e4bb58;margin:0 0 18px}.qg-divider{width:54px;height:3px;border-radius:3px;background:var(--pink);margin-bottom:21px}.qg-collection{display:flex;align-items:center;justify-content:space-between;margin:0 2px 13px;gap:8px}.qg-collection .micro{font-size:10px}.qg-resources{display:grid;gap:14px}.resource-banner{position:relative;min-height:162px;display:block;width:100%;padding:0;overflow:hidden;border:1px solid #635035;background:#1a1510;border-radius:13px;text-align:left;isolation:isolate;transition:border-color .2s,transform .2s}.resource-banner:hover{border-color:#e4bb58;transform:translateY(-1px)}.resource-banner>img{position:absolute;right:0;top:0;width:73%;height:100%;object-fit:cover;z-index:-3}.resource-veil{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#110f0dfc 0%,#110f0deb 25%,#110f0dbf 49%,#110f0d1a 100%),linear-gradient(0deg,#09080770,transparent)}.resource-copy{display:flex;flex-direction:column;gap:9px;padding:20px 18px;max-width:90%;color:#f3d18a}.resource-category{font-size:8px;letter-spacing:1.8px;color:#e0b86e;font-weight:700}.resource-copy>strong{font:21px 'Permanent Marker',cursive;line-height:1.25;max-width:235px;color:#f6d891;text-shadow:0 2px 6px #000}.resource-copy>span:not(.resource-category){font-size:11px;line-height:1.5;color:#f2d69f;text-shadow:0 1px 4px #000}.resource-copy>small{font-size:10px;color:#f2cb74;margin-top:5px;display:flex;gap:12px;align-items:center}.resource-copy>small span{color:#ed80ad;font-size:18px}.resource-number{position:absolute;right:13px;top:12px;background:#0a0807c9;border:1px solid #b8934b80;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;color:#e4bb58;font-size:10px}.resource-preview{display:block;width:100%;max-height:48dvh;object-fit:contain;border-radius:9px;background:#100e0b;margin:16px 0}.resource-open{display:block;text-align:center;text-decoration:none;margin-top:18px}@media(max-width:360px){.qg-intro h1{font-size:24px}.resource-copy>strong{font-size:19px;max-width:205px}.resource-banner{min-height:156px}.qg-entry{margin-left:-4px;margin-right:-4px}}

/* Shared local typeface across QG and Programme. */
@font-face{font-family:'Permanent Marker';src:url('assets/fonts/PermanentMarker-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.programme-intro h1{font-size:27px;margin-top:0;margin-bottom:16px}.programme-intro .qg-divider{margin-bottom:20px}.programme-entry{margin-bottom:24px}.split-picker{border:1px solid #80613a;border-radius:13px;overflow:hidden;background:#1c1915;margin:0 0 26px}.split-picker summary{position:relative;isolation:isolate;min-height:116px;list-style:none;cursor:pointer;padding:41px 45px 32px 18px;display:flex;align-items:center;color:#f2d18b;overflow:hidden}.split-picker summary::-webkit-details-marker{display:none}.split-label{font:23px 'Permanent Marker',cursive;line-height:1.25;text-shadow:0 2px 9px #000;z-index:1}.split-tags{position:absolute;inset:0;z-index:-1;pointer-events:none;user-select:none}.split-tags i{position:absolute;font:19px 'Permanent Marker',cursive;font-style:normal;color:#a9527370;transform:rotate(-7deg);white-space:nowrap}.split-tags i:nth-child(1){top:6px;left:18px}.split-tags i:nth-child(2){top:8px;right:25px;color:#a1843d70;transform:rotate(6deg)}.split-tags i:nth-child(3){bottom:6px;right:25px;font-size:18px}.split-chevron{position:absolute;right:16px;top:46px;width:23px;height:23px;color:var(--gold);stroke-width:2}.split-picker[open] .split-chevron{transform:rotate(180deg)}.split-picker summary:focus-visible{outline:2px solid #e4bb58;outline-offset:-4px}.split-options{border-top:1px solid #665032;padding:6px 12px;background:#13120f}.split-options button{width:100%;display:grid;grid-template-columns:1fr 25px;gap:5px;background:none;border:0;border-bottom:1px solid #493d2b;text-align:left;padding:14px 5px;min-height:65px;color:var(--gold)}.split-options button:last-child{border:0}.split-options b{font-size:13px;font-weight:600}.split-options small{font-size:10px;color:#c8b17d;grid-column:1}.split-options button>span{grid-column:2;grid-row:1/3;align-self:center;font-size:21px;color:#df6b9c}.split-options button[aria-pressed="true"]{background:#302619}.classics-heading{margin-bottom:14px;min-height:28px}.classics-heading h2{margin:0;font:700 10px Inter,system-ui,sans-serif;letter-spacing:1.6px;text-transform:uppercase}.classic-list{display:grid;gap:14px}.classic-card{min-height:133px}.classic-card .resource-copy{padding:20px 18px;gap:10px}.classic-card .resource-copy>strong{font-size:21px;max-width:85%}.classic-card .resource-copy>span:not(.resource-category){font-size:12px}.classic-art{position:absolute;inset:0 0 0 25%;background-image:url('assets/programme-banner.webp');background-size:390% auto;background-repeat:no-repeat;z-index:-3}.classic-arrow{position:absolute;right:14px;bottom:17px;color:#da568c;font-size:35px;line-height:1}.all-classics{background:none;border:0;color:#e4bb58;padding:10px 0 10px 10px;font-size:11px;min-height:44px}.split-result{font-size:11px;color:#d7b267;margin:-5px 0 14px}.marker-title{font:25px 'Permanent Marker',cursive}.classic-sessions{margin:15px 0}.classic-session{display:flex;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid #514127}.classic-session>span{font-size:10px;color:#c08337}.classic-session>b{font-size:13px;font-weight:500}@media(max-width:360px){.programme-intro h1{font-size:24px}.split-label{font-size:21px}.classic-card .resource-copy>strong{font-size:19px}.classics-heading h2{font-size:9px}}
