/* Free tier: the same restrained cream, green and gold as the main app. */
body:not(.ux-modern) header{position:relative;background:var(--free-cream);padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;border-bottom:1px solid var(--free-border)}
body:not(.ux-modern) header .hc{display:grid;grid-template-columns:48px 1fr;gap:2px 12px;text-align:left;padding:0 0 12px;min-height:70px}
body:not(.ux-modern) header .hc .free-brand-logo{grid-row:1/4;width:48px;height:48px;margin:0;border-radius:12px;object-fit:cover}
body:not(.ux-modern) header .hc h1{color:var(--free-ink)!important;font-size:21px!important;padding-right:96px;margin:0}
body:not(.ux-modern) header .hc h1 span{color:var(--free-ink)}
body:not(.ux-modern) header .hc p{color:var(--free-muted);font-size:12px;max-width:260px;line-height:1.4}
body:not(.ux-modern) .free-account-link{position:absolute!important;top:calc(14px + env(safe-area-inset-top,0px))!important;right:16px!important}
body:not(.ux-modern) .free-account-link a{background:var(--free-surface)!important;color:var(--free-ink)!important;border:1px solid var(--free-border)!important;padding:9px 12px!important;font-size:12px!important}
.free-tour-link{grid-column:2;color:var(--free-muted);font-size:12px;text-underline-offset:3px}
body:not(.ux-modern) header .island-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:#eaf1e9;padding:4px;border-radius:15px;max-width:720px}
body:not(.ux-modern) header .island-bar .isle-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:44px;padding:7px 3px;border:0;border-radius:11px;font-size:12px;color:#203f39;aspect-ratio:auto;gap:5px}
body:not(.ux-modern) header .island-bar .isle-flag{font-size:15px}
body:not(.ux-modern) header .island-bar .isle-btn[class*=active-]{background:#fff;box-shadow:0 2px 0 #d7b46d}
body:not(.ux-modern) header .isle-indicator,body:not(.ux-modern) header .free-banner{display:none}
body:not(.ux-modern) .free-daily{background:var(--free-surface);border:1px solid var(--free-border);box-shadow:0 4px 18px #203f3906;padding:22px;border-radius:22px;color:var(--free-ink)}
body:not(.ux-modern) .free-daily h2{font-family:inherit;font-size:24px;letter-spacing:-.5px;color:var(--free-ink)}
body:not(.ux-modern) .free-start .free-daily p{color:var(--free-muted);font-size:14px}
body:not(.ux-modern) .free-primary{background:#f5c97b;color:#203f39}
body:not(.ux-modern) .free-progress{margin:14px 2px 22px}
.free-progress progress::-webkit-progress-bar{background:#e5ebe5;border-radius:8px}.free-progress progress::-webkit-progress-value{background:#39765a;border-radius:8px}
body:not(.ux-modern) .free-listening{padding:20px;background:var(--free-surface);border:1px solid var(--free-border);border-radius:22px}
.free-audio-chip{background:#edf3ed;border:0}
.free-premium-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.free-premium-features>div{border:1px solid #ffffff26;border-radius:14px;padding:14px;background:#ffffff08}
.free-premium-features dt{font-size:15px;font-weight:750;color:#f5c97b;line-height:1.4}
.free-premium-features dd{margin:7px 0 0;font-size:13px;line-height:1.6;color:#e0eae4}
@media(max-width:540px){.free-premium-features{grid-template-columns:1fr}}
@media(max-width:380px){body:not(.ux-modern) header .hc h1{font-size:18px!important;padding-right:82px}body:not(.ux-modern) .free-account-link a{font-size:11px!important;padding:8px!important}body:not(.ux-modern) header .island-bar .isle-btn{font-size:11px}}