#membership-dialog{max-width:540px;width:calc(100% - 36px);box-sizing:border-box;border:1px solid #ddd;border-radius:24px;padding:28px;background:#fff;color:#171717}#membership-dialog::backdrop{background:#0008}#membership-dialog p{line-height:1.8}#membership-dialog textarea{width:100%;box-sizing:border-box;min-height:85px}.membership-plans{display:flex;gap:12px;margin:24px 0}.membership-plans button{flex:1;display:flex;flex-direction:column;gap:10px;padding:20px 12px;white-space:normal}.membership-plans strong{font-size:28px}.membership-plans span{font-size:12px}.trial-library{margin:0 0 28px;padding:24px;border:1px solid #ddd;border-radius:18px}.trial-library .trial-items{display:flex;gap:12px;flex-wrap:wrap}.trial-library .trial-items>*{padding:12px 18px;border-radius:12px;background:#f3f3f3}.trial-library button{cursor:pointer}.trial-library small{display:block;margin-top:5px;color:#777}

body.workspace-ui[data-workspace-view="home"]{background:#101110;color:#eceee9;min-height:100dvh;height:auto;overflow:auto}
.workspace-ui #home{max-width:1080px;margin:0 auto;padding:36px 0 48px}.workspace-ui #home[hidden]{display:none}
.workspace-ui #home .home-heading{margin-bottom:32px}.workspace-ui #home h1{font-size:clamp(28px,4vw,44px);font-weight:500;line-height:1.3;margin:12px 0 16px;color:#f1f2ed}.workspace-ui #home .home-heading>p:last-child{color:#a6aaa1;line-height:1.7}
.workspace-ui #home .home-audio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.workspace-ui #home .home-audio-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:18px;min-height:230px;padding:26px 22px;border:1px solid #42463e;border-radius:22px;background:linear-gradient(150deg,#292e24,#191c17);color:#f1f2e9;cursor:pointer;font:inherit;opacity:1;transition:border-color .2s,transform .2s}
.workspace-ui #home .home-audio-card:not(:disabled):hover{border-color:#bac5ac;transform:translateY(-3px)}.workspace-ui #home .home-audio-card:focus-visible{outline:2px solid #e1e9d6;outline-offset:5px}
.workspace-ui #home .home-audio-card:disabled{background:#191b18;border-color:#34372f;color:#dce1d4;cursor:default;opacity:1}
.workspace-ui #home .home-card-number{font-size:11px;letter-spacing:.14em;color:#9ba58f}.workspace-ui #home .home-audio-card strong{font-size:25px;font-weight:500;white-space:nowrap;color:inherit}.workspace-ui #home .home-card-caption{font-size:12px;color:#aeb5a4}.workspace-ui #home .home-card-action{font-size:12px;margin-top:auto;color:#e3ead8}.workspace-ui #home .home-audio-card:disabled .home-card-action{color:#969e8d}
.workspace-ui #home .home-custom-wish{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:38px;gap:14px}.workspace-ui #home .home-custom-wish p{color:#b6bcad;margin:0}.workspace-ui #home #custom-wish{display:flex;justify-content:center;gap:24px;align-items:center;background:#e6ecd9;color:#182012;border:1px solid #e6ecd9;border-radius:50px;padding:17px 30px;font-size:16px;min-width:300px;min-height:56px}.workspace-ui #home #custom-wish span{font-size:14px}.workspace-ui #home .home-custom-wish small{color:#949c89;font-size:11px}
@media(max-width:760px){.workspace-ui #home{padding:16px 0 36px}.workspace-ui #home .home-heading{margin-bottom:24px}.workspace-ui #home .home-audio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workspace-ui #home .home-audio-card{min-height:180px;padding:20px 17px;gap:14px}.workspace-ui #home .home-audio-card strong{font-size:23px}.workspace-ui #home .home-custom-wish{margin-top:28px}.workspace-ui #home #custom-wish{width:100%;min-width:0;max-width:360px}}
.workspace-ui #home .manifestation-videos{margin-top:52px;padding-top:30px;border-top:1px solid #30342b}.workspace-ui #home .manifestation-videos-heading h2{font-size:24px;font-weight:500;margin:0 0 12px;color:#edf1e6}.workspace-ui #home .manifestation-videos-heading p{font-size:13px;color:#a5ae99;line-height:1.7;margin:0 0 22px}.workspace-ui #home .manifestation-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.workspace-ui #home .manifestation-video-card{display:flex;flex-direction:column;gap:16px;min-height:215px;padding:24px;border:1px solid #394032;border-radius:20px;background:#1a1e17;color:#e8eedf;text-decoration:none;transition:transform .2s,border-color .2s}.workspace-ui #home .manifestation-video-card:hover{transform:translateY(-3px);border-color:#a3b490}.workspace-ui #home .manifestation-video-card:focus-visible{outline:2px solid #dae5ca;outline-offset:4px}.workspace-ui #home .manifestation-video-meta{font-size:11px;letter-spacing:.06em;color:#a4b292}.workspace-ui #home .manifestation-video-card h3{font-size:19px;line-height:1.5;font-weight:500;margin:0;color:#edf2e6;overflow-wrap:anywhere}.workspace-ui #home .manifestation-video-card p{font-size:12px;color:#acb69f;margin:0;line-height:1.7}.workspace-ui #home .manifestation-video-open{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid #343b2d;font-size:12px;color:#d9e5c9}@media(max-width:760px){.workspace-ui #home .manifestation-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workspace-ui #home .manifestation-video-card{padding:18px;min-height:210px}.workspace-ui #home .manifestation-video-card h3{font-size:17px}.workspace-ui #home .manifestation-videos{margin-top:36px}}@media(max-width:380px){.workspace-ui #home .manifestation-video-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.workspace-ui #home .manifestation-video-card{transition:none}.workspace-ui #home .manifestation-video-card:hover{transform:none}}
.workspace-ui #home .manifestation-video-card audio{width:100%;min-width:0;margin-top:auto;height:42px}.workspace-ui #home .manifestation-audio-state{margin-top:auto;font-size:12px;color:#a8b29d}.workspace-ui #home .manifestation-video-card:has(audio) .manifestation-audio-state{margin-top:0}.workspace-ui #home article.manifestation-video-card:hover{transform:none;border-color:#394032}

.workspace-ui #home>.manifestation-videos{margin-top:0;padding-top:0;border-top:0;margin-bottom:36px}.workspace-ui #home .manifestation-video-card{min-height:220px}.workspace-ui #home .manifestation-video-card audio{width:100%;min-width:0;margin-top:auto;height:42px}.workspace-ui #home .manifestation-audio-state{font-size:12px;color:#a8b29d}

/* Membership modal: quiet typography and two clearly differentiated plans. */
.workspace-ui dialog#membership-dialog{width:min(510px,calc(100vw - 32px));max-width:510px;max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;padding:25px 28px 22px;background:#151712;color:#f0f1e9;border:1px solid #393e31;border-radius:26px;box-shadow:0 28px 100px #0009;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif}
.workspace-ui #membership-dialog::backdrop{background:#050704b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#membership-dialog .membership-top{display:flex;align-items:center;justify-content:space-between;margin:-5px -9px 20px 0}#membership-dialog .membership-top .eyebrow{font-size:9px;letter-spacing:.24em;color:#969e89;margin:0}#membership-dialog .membership-top form{margin:0}#membership-dialog .membership-close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;background:transparent;color:#b7bfa9;border-radius:10px}
.workspace-ui #membership-dialog h2{font-family:Georgia,'Songti SC','SimSun',serif;font-size:28px;font-weight:400;line-height:1.5;letter-spacing:.02em;color:#f3f4ee;margin:0 0 10px}
#membership-dialog .membership-description{color:#a9b19c;font-size:12px;line-height:1.9;margin:0}#membership-dialog .membership-features{display:flex;align-items:center;gap:0;margin:20px 0 24px;font-size:11px;color:#c2c9b7}#membership-dialog .membership-features span+span::before{content:'·';padding:0 12px;color:#657053}
#membership-dialog .membership-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px} .workspace-ui #membership-dialog .membership-plans button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:0;min-width:0;min-height:196px;padding:20px 18px 16px;border-radius:18px;letter-spacing:0;transition:border-color .15s,transform .15s;box-shadow:none}
.workspace-ui #membership-dialog .membership-plans [data-plan=annual]{background:#1a1e16!important;color:#e7ebde!important;border:1px solid #414b35!important}.workspace-ui #membership-dialog .membership-plans [data-plan=lifetime]{background:#e4ead8!important;color:#1c2415!important;border:1px solid #e4ead8!important}
#membership-dialog .membership-plans .membership-plan-name{font-size:12px;font-weight:500;color:inherit}#membership-dialog .membership-plans strong{display:flex;align-items:baseline;gap:3px;font-family:inherit;font-size:38px;font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:16px 0 10px;color:inherit}#membership-dialog .membership-plans strong small{font-size:18px;color:inherit;font-weight:400}#membership-dialog .membership-plans .membership-plan-note{font-size:10px;line-height:1.7;color:inherit;opacity:.7;white-space:normal}#membership-dialog .membership-plans .membership-plan-action{display:flex;justify-content:space-between;gap:10px;width:100%;font-size:11px;color:inherit;margin-top:auto;padding-top:18px}#membership-dialog .membership-plans .membership-plan-action span{font-size:15px;line-height:1}
#membership-dialog .membership-plans button:hover{transform:translateY(-2px)}#membership-dialog button:focus-visible,#membership-dialog summary:focus-visible{outline:2px solid #bacb9f;outline-offset:3px}#membership-dialog .membership-plans button:disabled{opacity:.6;transform:none}
#membership-dialog #membership-state{font-size:11px;line-height:1.7;color:#abb69c;margin:0 0 14px;min-height:19px}#membership-dialog .membership-redeem{border-top:1px solid #32382b;padding-top:12px}#membership-dialog .membership-redeem summary{display:flex;justify-content:space-between;align-items:center;list-style:none;min-height:28px;cursor:pointer;color:#bdc5b0;font-size:11px}#membership-dialog .membership-redeem summary::-webkit-details-marker{display:none}#membership-dialog .membership-redeem summary::after{content:'+';color:#929d82;font-size:17px}#membership-dialog .membership-redeem[open] summary::after{content:'−'}#membership-dialog #redeem-license{display:flex;flex-direction:column;gap:10px;padding-top:12px}#membership-dialog #redeem-license label{font-size:11px;color:#b3bda5}#membership-dialog #license-token{width:100%;min-height:74px;resize:vertical;background:#10130e!important;border:1px solid #404b34!important;color:#e5ebdb!important;border-radius:12px;padding:12px;font-size:13px!important}#membership-dialog #redeem-license button{min-height:40px;font-size:12px;border-radius:20px}#membership-dialog .fine,#membership-dialog .membership-disclaimer{color:#919b83;font-size:10px;line-height:1.8}#membership-dialog .membership-disclaimer{margin:16px 0 0}
@media(max-width:440px){.workspace-ui dialog#membership-dialog{padding:20px;border-radius:23px}.workspace-ui #membership-dialog h2{font-size:24px}#membership-dialog .membership-plans{gap:10px}.workspace-ui #membership-dialog .membership-plans button{padding:18px 13px 15px;min-height:185px}#membership-dialog .membership-plans strong{font-size:34px}#membership-dialog .membership-top{margin-bottom:14px}#membership-dialog .membership-features{margin:16px 0 20px}}
@media(prefers-reduced-motion:reduce){#membership-dialog .membership-plans button{transition:none;transform:none}}

/* Nature invitation: photographic hero, warm paper and botanical accents. */
.workspace-ui dialog#membership-dialog{background:#f5f4ed;color:#263429;border:1px solid #e6e7dc;border-radius:26px;padding:0 25px 18px;box-shadow:0 32px 110px #0006;color-scheme:light;overflow-x:hidden}
#membership-dialog .membership-hero{position:relative;margin:0 -25px 16px;padding:16px 25px 22px;min-height:192px;background:linear-gradient(90deg,#11251bd1,#12261b45),linear-gradient(0deg,#172f22aa,transparent 80%),url('./covers/forest.jpg') center 47%/cover;color:#fff;border-radius:25px 25px 0 0;overflow:hidden}
#membership-dialog .membership-hero::after{content:'';position:absolute;right:-22px;top:24px;width:142px;height:142px;border:1px solid #f0f2dc35;border-radius:50%;pointer-events:none}
#membership-dialog .membership-hero .membership-top{position:relative;z-index:1;margin:0 -8px 22px 0}#membership-dialog .membership-hero .eyebrow{display:flex;align-items:center;gap:9px;color:#f0f0d9;font-size:8px;letter-spacing:.2em}#membership-dialog .membership-star{font-size:23px;font-weight:400;line-height:1}
#membership-dialog .membership-hero .membership-close{color:#edf1e7;background:#ffffff10;border-radius:50%;width:34px;height:34px}
.workspace-ui #membership-dialog .membership-hero h2{position:relative;z-index:1;color:#fffef3;font-size:27px;letter-spacing:.035em;margin:0 0 9px;font-weight:400;line-height:1.4}#membership-dialog .membership-hero .membership-description{position:relative;z-index:1;color:#e0e7d5;font-size:11px;letter-spacing:.02em;line-height:1.8}
#membership-dialog .membership-features{color:#5c705d;font-size:10px;justify-content:center;letter-spacing:.07em;margin:0 0 16px}#membership-dialog .membership-features span+span::before{color:#9eac92;padding:0 14px}
#membership-dialog .membership-plans{gap:12px;margin-bottom:11px}.workspace-ui #membership-dialog .membership-plans button{min-height:179px;padding:16px 15px 13px;border-radius:17px;box-shadow:0 4px 15px #26392204}
.workspace-ui #membership-dialog .membership-plans [data-plan=annual]{background:#fffefa!important;border:1px solid #d8dece!important;color:#2f4030!important}.workspace-ui #membership-dialog .membership-plans [data-plan=lifetime]{background:linear-gradient(145deg,#e4eddb,#d9e5cf)!important;border:1px solid #c5d5b8!important;color:#243e2b!important}
#membership-dialog .membership-plans .membership-plan-name{font-size:11px;letter-spacing:.06em;color:#52664e}#membership-dialog .membership-plans strong{font-size:39px;font-weight:400;margin:10px 0 7px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}#membership-dialog .membership-plans strong small{font-size:17px;margin-right:2px;color:#71846a}#membership-dialog .membership-plans .membership-plan-note{font-size:9px;opacity:1;color:#6a7861;white-space:nowrap}
#membership-dialog .membership-plans .membership-plan-action{background:#f1f4eb;border:1px solid #dfe6d7;border-radius:20px;padding:8px 10px;margin-top:16px;font-size:10px;align-items:center;line-height:1.2}#membership-dialog .membership-plans [data-plan=lifetime] .membership-plan-action{background:#344e39;border-color:#344e39;color:#f5f6ed}#membership-dialog .membership-plans .membership-plan-action span{font-size:13px}
#membership-dialog #membership-state{color:#727f68;min-height:0;font-size:10px;margin:0 0 10px;line-height:1.6}#membership-dialog .membership-redeem{border-color:#dce1d2;padding-top:8px}#membership-dialog .membership-redeem summary{color:#52634d;font-size:11px;min-height:30px}#membership-dialog .membership-redeem summary::after{color:#86987b}#membership-dialog .membership-disclaimer{color:#8a9381;font-size:9px;margin:11px 0 0;line-height:1.7}#membership-dialog .fine{color:#7a896f}#membership-dialog #redeem-license label{color:#56664e}#membership-dialog #license-token{background:#fffef9!important;border-color:#cbd5bf!important;color:#2b3e29!important}#membership-dialog #redeem-license button{background:#344e39!important;border-color:#344e39!important;color:#f4f5ed!important}
@media(max-width:440px){.workspace-ui dialog#membership-dialog{padding:0 18px 15px;width:calc(100vw - 28px);border-radius:23px}#membership-dialog .membership-hero{margin:0 -18px 14px;padding:14px 18px 20px;min-height:180px;border-radius:22px 22px 0 0}.workspace-ui #membership-dialog .membership-hero h2{font-size:24px}#membership-dialog .membership-hero .membership-top{margin-bottom:22px}.workspace-ui #membership-dialog .membership-plans button{padding:14px 12px 12px;min-height:171px}#membership-dialog .membership-plans strong{font-size:36px}#membership-dialog .membership-plans{gap:10px}#membership-dialog .membership-features{margin:0 0 14px}#membership-dialog .membership-plans .membership-plan-note{font-size:9px;letter-spacing:-.03em}}
@media(max-height:650px){#membership-dialog .membership-hero{min-height:155px;padding-bottom:16px}#membership-dialog .membership-hero .membership-top{margin-bottom:12px}.workspace-ui #membership-dialog .membership-plans button{min-height:155px}#membership-dialog .membership-plans strong{margin-top:8px}#membership-dialog .membership-plans .membership-plan-action{margin-top:12px}}

/* Four input cards retain the dark forest reference treatment. */
.workspace-ui #home .home-audio-card:not(:first-child){background:#191b18;border-color:#34372f}
.workspace-ui #home .home-audio-card .home-card-action{color:#b9c5ab}

.membership-plans:has(>[data-plan="annual"]:only-child){grid-template-columns:minmax(0,1fr);max-width:400px;margin-inline:auto}
