/* Free discovery uses the same night-green navigation and compact cards as Premium. */
:root{--free-night:#203f39;--free-gold:#f5c97b;--free-ink:#245640;--free-cream:#fff8e8;--free-border:#dce5df;--free-muted:#61786d;--free-surface:#fff}
:root[data-theme=dark]{--free-ink:#edf4ee;--free-cream:#10231e;--free-border:#36564b;--free-muted:#b6cbc0;--free-surface:#1c332b}
html{overflow-x:clip;scroll-padding-bottom:110px}body{background:var(--free-cream);color:var(--free-ink);padding-bottom:calc(112px + env(safe-area-inset-bottom,0px));overflow-x:clip}
header{padding-top:calc(10px + env(safe-area-inset-top,0px));background:#203f39}.hc{padding:36px 8px 12px}.hc h1{font-size:25px}.hc p{margin-bottom:8px;font-size:12px}.free-brand-logo{width:52px;height:52px;border-radius:14px;display:block;margin:0 auto 8px}
body>div:first-child{top:calc(10px + env(safe-area-inset-top,0px))!important}header .free-banner{padding:8px 0}.free-banner a{display:none}.free-banner p{margin:0;font-size:12px}.isle-indicator{padding:6px}
main{max-width:760px;padding:18px 16px 12px}#welcomeCard{padding:0 2px!important;background:transparent!important;border:0!important;box-shadow:none!important;margin-bottom:16px}#welcomeCard>div:first-child{color:var(--free-muted)!important;font-size:11px!important;letter-spacing:.08em}#welcomeTitle{font-size:23px!important;color:var(--free-ink)!important}#welcomeDesc{font-size:13px!important;color:var(--free-muted)!important}
.free-start{padding:0!important;background:transparent;border:0;box-shadow:none}.free-daily{background:linear-gradient(120deg,#f5a23b,#f16b52);border-radius:24px;padding:24px;color:#203f39}.free-eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em}.free-daily h2,.free-premium-preview h2{font-size:25px;line-height:1.2;margin:12px 0}.free-start .free-daily p{color:#203f39;font-size:14px;line-height:1.6}.free-primary,.free-secondary{min-height:48px;border:0;border-radius:14px;padding:12px 18px;font:inherit;font-weight:750;cursor:pointer}.free-primary{background:#fff8e8;color:#203f39;width:100%;margin-top:6px}.free-secondary{background:#f5c97b;color:#203f39;width:100%}
.free-progress{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:18px 2px 24px;font-size:12px;color:var(--free-muted)}.free-progress strong{color:var(--free-ink)}.free-progress progress{width:100%;height:7px;accent-color:#39765a;border:0;border-radius:8px}.free-heading{font-size:19px;margin:0;color:var(--free-ink)}.free-start .free-caption{margin:4px 0 14px;font-size:13px;color:var(--free-muted)}
.free-journey{display:grid;gap:9px}.free-journey-step{display:flex;align-items:center;gap:14px;text-align:left;width:100%;border:1px solid var(--free-border);background:var(--free-surface);color:var(--free-ink);border-radius:18px;padding:16px;font:inherit;cursor:pointer}.free-step-number{width:36px;height:36px;flex-shrink:0;border-radius:12px;background:#e9f2ec;color:#245640;display:grid;place-items:center;font-weight:800}.free-journey-step>span:nth-child(2){flex:1}.free-journey-step strong{font-size:16px}.free-journey-step small{display:block;font-size:12px;color:var(--free-muted);margin-top:3px}
.free-listening{margin:24px 0}.free-audio-chip{padding:10px 15px;border:1px solid var(--free-border);border-radius:12px;min-height:44px;background:var(--free-surface);color:var(--free-ink);font:inherit;font-size:14px;cursor:pointer;margin:0 7px 7px 0}.free-premium-preview{padding:22px;border-radius:22px;background:#203f39;color:#f8f5ec}.free-start .free-premium-preview p{color:#d6e3dc;font-size:14px}.free-premium-preview small{display:block;margin-top:12px;font-size:11px;color:#c5d7ce;text-align:center}
.free-discover{padding:16px}.free-discover summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700}.free-discover-body{padding-top:10px}.free-discover-body>.card{padding:14px;box-shadow:none}.free-discover-body .ct{font-size:18px}.free-discover-body>a{display:none!important}
body>nav.free-bottom-nav{position:fixed;top:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:14px;right:14px;margin:0 auto;max-width:700px;z-index:1000;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:0;border-radius:24px;padding:9px 5px;background:#203f39;box-shadow:0 5px 24px #10231e26;overflow:visible}
.free-bottom-nav .nb{min-width:0;min-height:54px;width:100%;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:0;color:#c5d7ce;font-size:10px;line-height:1.2;border-radius:12px;transition:color .18s}.free-nav-icon{display:grid;place-items:center;width:38px;height:29px;border-radius:9px;color:#f8f5ec;transition:background .18s}.free-nav-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.free-bottom-nav .nb.active{color:#f5c97b;background:transparent;font-weight:750;border:0}.free-bottom-nav .nb.active .free-nav-icon{background:#f5c97b;color:#203f39}
button{touch-action:manipulation}.free-journey-step:active,.free-primary:active,.free-secondary:active{transform:translateY(1px)}button:focus-visible{outline:3px solid #f5a23b;outline-offset:3px}.free-daily,.free-journey-step{animation:free-in .2s ease-out}@keyframes free-in{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
body:not(.ux-modern){padding-top:0;padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
body header .hc{padding:30px 8px 4px}body header .hc h1{color:#fff!important;font-size:23px!important;line-height:1.3}body header .hc p{font-size:11px;margin:4px 0}.free-brand-logo{width:40px;height:40px;margin-bottom:5px}
body header .island-bar{grid-template-columns:repeat(3,minmax(0,82px));padding:8px 0;gap:10px}body header .island-bar .isle-btn{aspect-ratio:auto;min-height:64px;gap:4px;padding:8px 4px;font-size:11px}body header .island-bar .isle-btn .isle-flag{font-size:20px}
body:not(.ux-modern) #accueil,body:not(.ux-modern) #accueil .free-start{background:transparent!important;border:0!important;box-shadow:none!important}
@media(max-width:360px){main{padding:14px 12px}.free-daily{padding:20px}.free-daily h2{font-size:23px}.free-bottom-nav .nb{font-size:9px}body>nav.free-bottom-nav{left:10px;right:10px}.free-journey-step{padding:14px}}
body:not(.ux-modern) .free-premium-preview h2{color:#f8f5ec!important}