/* MANMAN 2.0.0 - locally hosted, dependency-free responsive interface. */
:root{--paper:#f2ede5;--paper-deep:#e9e1d5;--ink:#27241f;--muted:#72675b;--accent:#866345;--dark:#1b1916;--light:#f7f2e9;--line:rgba(66,49,32,.17);--serif:'Noto Serif CJK TC','Songti TC','PMingLiU',Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans CJK TC','Microsoft JhengHei',sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;scrollbar-gutter:stable}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,input{font:inherit}button{color:inherit;border:0;background:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit;text-decoration:none}button,a,input{outline-offset:5px}:focus-visible{outline:2px solid #b58258}::selection{background:#c3a385;color:#171411}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500}h2{font-size:clamp(29px,3vw,42px);line-height:1.65;letter-spacing:.035em}h3{font-size:22px;line-height:1.6}svg{display:inline-block}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}button .icon,a .icon{pointer-events:none}[hidden]{display:none!important}.container{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section-space{padding-block:104px}.eyebrow{font-size:10px;letter-spacing:.21em;line-height:1.6;font-weight:600;color:var(--accent)}.button{min-height:54px;padding:13px 25px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:13px;font-weight:500;letter-spacing:.08em;border-radius:2px;transition:background .25s,transform .3s var(--ease),box-shadow .3s}.button:hover{transform:translateY(-2px)}.button .icon{width:20px;height:20px}.button-cream{background:var(--light);color:var(--ink)}.button-cream:hover{background:#e3cfb8}.button-dark{background:var(--ink);color:var(--light)}.button-dark:hover{background:#4b392c}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;min-height:44px;border-bottom:1px solid var(--line);font-weight:500}.text-link .icon{transition:transform .3s}.text-link:hover .icon{transform:translate(3px,-2px)}.round-link,.circle-button{width:48px;height:48px;min-width:48px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;transition:background .25s,transform .3s}.round-link:hover{background:var(--ink);color:var(--paper);transform:rotate(10deg)}.skip-link{position:fixed;left:20px;top:-70px;background:var(--paper);padding:12px 20px;z-index:300}.skip-link:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#readingProgress{position:fixed;inset:0 auto auto 0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:#d6b692;z-index:140;pointer-events:none}
/* Header and navigation */
.site-header{height:96px;position:absolute;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 56px;color:var(--light);border-bottom:1px solid #ffffff29;gap:28px;transition:background .3s,height .3s}.site-header.is-scrolled{position:fixed;height:76px;background:#1b1916f7;backdrop-filter:blur(16px);box-shadow:0 8px 25px #0000000b}.brand{display:inline-flex;align-items:center;gap:17px;flex-shrink:0}.brand-cn{font-family:var(--serif);font-size:33px;letter-spacing:.09em;line-height:1;white-space:nowrap}.brand-dot{color:#d0ae8b}.brand-en{font-size:10px;letter-spacing:.2em;font-weight:500;line-height:1.7;padding-left:17px;border-left:1px solid #ffffff38}.brand-en small{font-size:7px;letter-spacing:.17em}.desktop-nav{display:flex;align-items:center;gap:30px}.desktop-nav a{position:relative;min-height:44px;display:grid;align-items:center;font-size:12px;letter-spacing:.07em;color:#e6ded3}.desktop-nav a:after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:1px;background:#c9aa88;transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav a:hover:after,.desktop-nav a.active:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:10px}.save-nav{display:flex;align-items:center;gap:10px;min-height:44px;font-size:11px}.save-nav>.icon{width:19px;height:19px}.saved-count{font-size:10px;color:#d3b392}.menu-toggle{display:none;width:44px;height:44px}.mobile-nav,.mobile-dock{display:none}
/* Cinematic editorial hero */
.hero{position:relative;min-height:850px;height:min(960px,100svh);max-height:none;background:#181511;color:var(--light);overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 59%;animation:hero-drift 24s ease-in-out infinite alternate;will-change:transform}.hero-shade{position:absolute;inset:0;background:rgba(13,11,9,.16)}.hero-main{position:relative;z-index:1;padding-top:clamp(174px,21vh,230px)}.hero-intro{color:#dfc5a8;display:flex;align-items:center;gap:12px;animation:enter .9s both}.tiny-line{height:1px;width:27px;background:#c5a384}.hero h1{font-size:clamp(50px,5.3vw,78px);line-height:1.48;letter-spacing:.045em;margin-top:20px;animation:enter 1s .12s both}.hero h1 span{color:#e6d2ba}.hero-subtitle{font-family:Georgia,serif;font-style:italic;font-size:clamp(18px,1.8vw,26px);color:#d2bca6;margin-top:14px;animation:enter 1s .24s both;letter-spacing:.02em}.hero-description{font-size:13px;line-height:2.25;color:#d8d0c6;margin-top:25px;letter-spacing:.035em;animation:enter 1s .32s both}.hero-buttons{display:flex;align-items:center;gap:29px;margin-top:34px;animation:enter 1s .44s both}.hero-buttons .button{min-width:174px}.light{border:0;color:var(--light)}.small-play{width:36px;height:36px;border:1px solid #e6ded363;border-radius:50%;display:grid;place-items:center}.small-play .icon{width:13px;height:13px;margin-left:2px}.hero-small{font-size:10px;color:#bdb0a3;margin-top:25px;letter-spacing:.06em;animation:enter 1s .56s both}.hero-small span{margin:0 12px;color:#846b54}.hero-side-note{position:absolute;right:36px;top:45%;display:flex;gap:22px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;color:#e8d6c0}.hero-bottom{position:absolute;z-index:2;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff38;padding-block:25px}.hero-bottom a{display:flex;align-items:center;gap:24px;padding:0 27px;min-height:58px;border-right:1px solid #ffffff29;font-size:13px;letter-spacing:.04em}.hero-bottom a:first-child{padding-left:0}.hero-bottom a:last-child{border:0}.hero-bottom a>.icon{margin-left:auto;width:19px;color:#d1b390;transition:transform .3s}.hero-bottom a:hover>.icon{transform:translate(3px,-3px)}.rail-number{font-family:Georgia,serif;color:#c9aa88;font-size:15px;font-style:italic}.hero-bottom small{display:block;font-size:8px;letter-spacing:.19em;margin-top:5px;color:#b7a897}.invitation{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:37px;border-bottom:1px solid var(--line)}.invitation h2{font-size:22px;margin-top:7px}.mood-options{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.mood{border:1px solid var(--line);border-radius:999px;font-size:12px;min-height:44px;padding:8px 18px;transition:all .25s}.mood:hover,.mood.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}
/* Course collection */
.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:40px}.section-heading h2{margin-top:14px}.section-description{color:var(--muted);font-size:12px;line-height:2;max-width:335px;padding-bottom:8px}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);margin-bottom:30px}.filters{display:flex;gap:28px;overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters button{min-height:57px;padding:0;white-space:nowrap;position:relative;font-size:12px;color:var(--muted)}.filters button:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--ink);transform:scaleX(0);transition:transform .3s}.filters button.active{color:var(--ink);font-weight:600}.filters button.active:after,.filters button:hover:after{transform:scaleX(1)}.collection-count{font-size:9px;letter-spacing:.13em;white-space:nowrap;color:var(--muted)}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 27px}.lesson-card{min-width:0;animation:enter .55s both;animation-delay:calc(var(--index,0)*45ms)}.lesson-media{position:relative;aspect-ratio:1.66;overflow:hidden;border-radius:3px;background:#564b3d}.lesson-image-button{width:100%;height:100%;padding:0;display:block}.lesson-media img{height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .5s;filter:brightness(.88)}.lesson-card:hover .lesson-media img{transform:scale(1.055);filter:brightness(1)}.lesson-category{position:absolute;left:17px;top:16px;background:#f2ede5eb;color:#352d24;padding:3px 10px;font-size:10px;border-radius:2px;pointer-events:none}.save-lesson{position:absolute;top:8px;right:8px;background:#211b16ab;color:#f2ede5;border:1px solid #ffffff38;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;backdrop-filter:blur(5px);transition:background .25s}.save-lesson:hover,.save-lesson[aria-pressed=true]{background:var(--paper);color:var(--ink)}.save-lesson[aria-pressed=true] .icon{fill:var(--ink)}.save-lesson .icon{width:18px;height:18px}.lesson-image-caption{position:absolute;bottom:15px;left:18px;font-family:Georgia,serif;font-style:italic;font-size:19px;color:#faf3e9;pointer-events:none;text-shadow:0 1px 12px #000}.lesson-card-body{padding:20px 2px 0}.lesson-kicker{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:var(--accent);margin-bottom:7px}.completion-label{display:flex;gap:5px;align-items:center;font-size:10px;letter-spacing:.03em;color:#53604c}.completion-label .icon{width:13px;height:13px}.lesson-card h3{font-size:21px;line-height:1.6;letter-spacing:.035em}.lesson-card h3 button{text-align:left;padding:0;font:inherit;line-height:inherit}.lesson-summary{color:var(--muted);font-size:12px;line-height:1.95;margin-top:9px;min-height:48px}.lesson-card-footer{border-bottom:1px solid var(--line);margin-top:18px;display:flex;align-items:center;justify-content:space-between;padding-bottom:13px}.lesson-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.lesson-meta .icon{width:13px;height:13px}.lesson-meta .dot{margin:0 3px}.lesson-open{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;transition:all .3s}.lesson-open .icon{width:19px;height:19px}.lesson-open:hover{background:var(--ink);color:var(--paper);transform:rotate(8deg)}.collection-note{margin-top:35px;font-size:10px;letter-spacing:.045em;color:var(--muted);text-align:center}.empty-state{text-align:center;padding:65px 18px}.empty-state>.icon{width:32px;height:32px;color:var(--accent);margin-bottom:15px}.empty-state h3{font-size:23px}.empty-state p{margin:10px 0 20px;color:var(--muted);font-size:13px}.loading-copy{grid-column:1/-1;padding:65px;text-align:center;color:var(--muted)}
/* Quiet time / functional countdown */
.ritual-section{background:var(--dark);color:var(--light);display:grid;grid-template-columns:1fr 1fr;min-height:810px}.ritual-photo{position:relative;min-width:0;overflow:hidden}.ritual-photo>img{height:100%;object-fit:cover;object-position:62% center;filter:brightness(.65)}.photo-caption{position:absolute;bottom:66px;left:max(56px,calc((100vw - 1280px)/2));font-family:var(--sans);font-size:10px;letter-spacing:.2em;color:#e8d6c3}.photo-caption i{display:block;font-family:Georgia,serif;font-weight:400;font-size:53px;letter-spacing:-.02em;line-height:1.6}.ritual-content{padding:65px 45px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.ritual-content>.eyebrow{color:#c9a783}.ritual-content h2{font-size:clamp(26px,2.5vw,36px);line-height:1.7;margin-top:15px}.ritual-description{color:#beb3a5;font-size:12px;line-height:2;margin-top:16px}.timer-widget{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:236px;height:236px;margin:30px 0 22px;isolation:isolate}.timer-widget:before{content:'';position:absolute;inset:0;border:1px solid #b6967038;border-radius:50%;z-index:-1}.breathing-ring{position:absolute;inset:15px;border:1px solid #c2a482;border-radius:50%;opacity:.55;z-index:-1;transform:scale(.93);transition:transform 1s,opacity 1s}.is-running .breathing-ring{animation:breathe 9s ease-in-out infinite}.timer-eyebrow{font-size:8px;letter-spacing:.2em;color:#c2a88a}.timer-widget output{font-family:Georgia,serif;font-size:54px;letter-spacing:.035em;line-height:1.45;font-variant-numeric:tabular-nums;font-weight:400}.timer-hint{font-size:10px;color:#a79a89;letter-spacing:.07em}.duration-options{display:flex;gap:7px;margin-bottom:22px}.duration-options button{font-size:11px;min-height:44px;padding:8px 18px;border-radius:30px;border:1px solid transparent;color:#bcb1a3}.duration-options button.active{border-color:#b5956a82;color:var(--light)}.duration-options button:hover{border-color:#b5956a}.timer-actions{display:flex;gap:13px;align-items:center}.timer-actions .circle-button{border-color:#ffffff3a;color:#d9c7b2}.timer-actions .button{font-size:12px;gap:14px;min-width:210px}.timer-note{font-size:9px;color:#a99c8e;margin-top:17px;letter-spacing:.04em}
/* Video library */
.video-layout{display:grid;grid-template-columns:.9fr 1.25fr;gap:52px;align-items:start}.video-feature{position:relative;min-height:320px;height:100%;overflow:hidden;border-radius:3px;background:#221b17}.video-feature>img{height:100%;position:absolute;object-fit:cover;filter:brightness(.48);object-position:40% center;transition:transform .8s}.video-feature:hover>img{transform:scale(1.05)}.video-feature>div{position:absolute;left:28px;right:22px;bottom:26px;color:var(--light)}.video-feature .eyebrow{color:#dbbb99}.video-feature h3{font-size:24px;margin-top:10px}.video-feature p:last-child{font-size:9px;color:#d7c9b9;margin-top:8px}.video-row{display:grid;grid-template-columns:40px 1fr 42px;gap:15px;align-items:center;border-top:1px solid var(--line);padding:21px 0}.video-row:last-child{border-bottom:1px solid var(--line)}.video-index{font-family:Georgia,serif;font-size:22px;color:#9b836c;font-style:italic}.video-platform{font-size:9px;color:var(--accent);letter-spacing:.13em;text-transform:uppercase}.video-row h3{font-size:17px;margin:4px 0}.video-row h3 button{padding:0;font:inherit;text-align:left}.video-meta{font-size:10px;color:var(--muted)}.video-open{min-width:42px;height:44px;display:grid;place-items:center}.video-open .icon{transition:transform .3s}.video-open:hover .icon{transform:translate(3px,-3px)}.video-notice{font-size:10px;line-height:1.9;color:var(--muted);margin-top:18px}
/* Boundaries and conclusion */
.before-section{padding-block:86px;background:var(--paper-deep)}.before-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.before-copy h2{margin-top:14px;font-size:37px}.before-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:2.2;margin-top:20px}.handwritten{display:block;font-family:Georgia,serif;font-style:italic;color:#927254;font-size:28px;margin-top:30px}.checklist{padding:0 0 0 20px}.checklist-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:13px}.checklist-heading>span:last-child{font-family:Georgia,serif;font-style:italic;color:var(--accent)}.checklist label{display:flex;gap:15px;align-items:flex-start;cursor:pointer;padding:22px 0;border-bottom:1px solid var(--line)}.checklist input{width:21px;height:21px;margin:4px 0 0;flex-shrink:0;accent-color:#655039;cursor:pointer}.checklist strong{display:block;font-size:13px;font-weight:500}.checklist small{font-size:11px;color:var(--muted);display:block;margin-top:5px;line-height:1.9}.checklist>.button{width:100%;margin-top:25px;justify-content:space-between}.checklist>p{font-size:9px;color:var(--muted);margin-top:13px;text-align:center}.closing{text-align:center;padding-block:86px 92px}.closing h2{font-size:clamp(28px,3vw,43px);margin-top:20px}.closing h2 span{color:#806a55}.closing .text-link{margin-top:26px}.site-footer{background:var(--dark);color:var(--light);padding:50px 0 25px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:36px}.footer-main>p{font-size:12px;color:#b8ac9e;letter-spacing:.04em}.footer-main .round-link{border-color:#ffffff30;transform:rotate(-45deg)}.footer-main .round-link:hover{background:#e7d6c0;color:var(--ink)}.footer-bottom{border-top:1px solid #ffffff20;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:#b8ac9e}.footer-bottom>div{display:flex;gap:23px}.footer-bottom button{font-size:10px;min-height:44px;padding:0;color:#cdc0b0}.footer-divider{margin:0 15px;color:#887663}.footer-legal{font-size:9px;color:#a69a8d;margin-top:15px;line-height:1.9}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:180;padding:14px 25px;background:#27231fec;color:var(--light);border:1px solid #b3926a66;box-shadow:0 7px 25px #0002;font-size:12px;border-radius:3px;max-width:90vw;text-align:center;animation:toast-in .3s both}
/* Accessible native dialogs */
dialog{border:0;padding:0;margin:auto;color:var(--ink);background:var(--paper);box-shadow:0 25px 100px #0005;border-radius:4px;max-height:90svh;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#11100ded;backdrop-filter:blur(8px)}dialog[open]{animation:dialog-in .35s var(--ease)}.dialog-close{position:absolute;top:14px;right:14px;width:44px;height:44px;display:grid;place-items:center;background:#f2ede5eb;color:var(--ink);border:1px solid var(--line);border-radius:50%;z-index:4}.dialog-close:hover{background:#decab1}.age-dialog[open]{display:grid;grid-template-columns:.83fr 1.17fr;width:min(850px,calc(100% - 48px));overflow:auto}.age-image{position:relative;min-height:520px}.age-image img{height:100%;width:100%;object-fit:cover;position:absolute;filter:brightness(.72)}.age-image>span{position:absolute;bottom:50px;left:37px;color:var(--light);font-size:11px;letter-spacing:.25em;line-height:1.5}.age-image i{font:italic 75px/1 Georgia,serif;letter-spacing:0}.age-copy{padding:55px 40px 35px}.age-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ae8e6c;width:45px;height:45px;border-radius:50%;font-family:Georgia,serif;font-size:16px;color:#88623e;margin-bottom:25px}.age-copy h2{font-size:29px;margin:12px 0 18px}.age-copy>p:not(.eyebrow){font-size:13px;line-height:2;color:var(--muted);margin-bottom:26px}.age-copy .button{width:100%;font-size:11px;padding-inline:14px;gap:8px}.leave-button{display:block;margin:12px auto;font-size:11px;min-height:44px;color:var(--muted);text-decoration:underline;text-underline-offset:5px}.age-copy small{font-size:10px;color:var(--muted);line-height:1.8;display:block;text-align:center;margin-top:15px}.lesson-dialog[open]{display:grid;grid-template-columns:.77fr 1.23fr;width:min(1000px,calc(100% - 48px));max-height:88svh}.lesson-dialog-image{position:relative;min-height:600px;background:#453b2f}.lesson-dialog-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62)}.lesson-dialog-image>div{position:absolute;bottom:35px;left:30px;right:20px;color:var(--light)}.lesson-dialog-image .eyebrow{color:#e2c8ab;font-size:9px}.lesson-dialog-image>div>span{display:block;font-family:var(--serif);font-size:26px;letter-spacing:.03em;margin-top:10px}.lesson-dialog-content{padding:48px 45px 35px;min-width:0}.lesson-dialog h2{font-size:27px;line-height:1.6;margin:12px 0 15px;max-width:94%}.lesson-intro{font-size:12px;line-height:2;color:var(--muted)}.step-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:28px}.step-heading>span:last-child{font-family:Georgia,serif;color:var(--accent);font-size:14px}.step-dots{display:flex;gap:6px;margin-top:8px}.step-dots button{flex:1;height:24px;position:relative;min-width:0}.step-dots button:before{position:absolute;left:0;right:0;top:10px;height:3px;content:'';background:#ddd1c1}.step-dots button.active:before{background:#88704f}.step-text{font-family:var(--serif);font-size:19px;line-height:1.95;margin:14px 0;min-height:112px;animation:enter .35s}.step-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:10px}.step-actions .button{min-height:46px;font-size:11px;gap:20px;padding-inline:20px}.step-actions .text-link{font-size:11px;border:0}.lesson-note{border-top:1px solid var(--line);margin-top:28px;padding-top:17px}.lesson-note strong{font-weight:500;font-size:10px;color:var(--accent)}.lesson-note p{font-size:11px;line-height:1.95;color:var(--muted);margin-top:4px}#lessonVideo{font-size:11px;margin-top:10px}.lesson-complete{padding:30px 0 0}.lesson-complete>.icon{width:35px;height:35px;color:#6b7b57}.lesson-complete h3{font-size:23px;margin:12px 0}.lesson-complete p{font-size:12px;color:var(--muted);margin-bottom:25px}.small-dialog{width:min(530px,calc(100% - 40px));padding:45px 40px 28px}.small-dialog h2{font-size:26px;margin:15px 0}.small-dialog p{font-size:12px;line-height:2;color:var(--muted)}.small-dialog .eyebrow{font-size:9px;color:var(--accent)}.dialog-symbol{width:54px;height:54px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;margin-bottom:23px}.small-dialog .button{width:100%;font-size:12px;gap:13px}.external-destination{border-block:1px solid var(--line);padding:17px 0;margin:23px 0;overflow-wrap:anywhere;display:flex;flex-direction:column}.external-destination strong{font-size:13px;font-weight:600}.external-destination span{font-family:monospace;font-size:12px;color:var(--accent)}.external-destination small{font-size:10px;color:var(--muted);margin-top:3px}#infoBody p{margin-bottom:16px}#clearData{margin-top:20px;font-size:11px}.noscript-notice{position:fixed;bottom:0;inset-inline:0;padding:15px;background:var(--ink);color:var(--paper);z-index:200;text-align:center;font-size:12px}
/* Motion is optional, never needed to access content. */
@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.045)}}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes breathe{0%,100%{transform:scale(.89);opacity:.45}45%,55%{transform:scale(1.05);opacity:.9}}@keyframes dialog-in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}@keyframes toast-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js .reveal.is-visible{opacity:1;transform:none}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}html[data-motion=off] .reveal{opacity:1;transform:none}
@media(min-width:1700px){.hero-main{padding-top:220px}.hero{min-height:900px}.site-header{padding-inline:calc((100vw - 1400px)/2)}}
@media(max-width:1100px){.container{width:calc(100% - 72px)}.site-header{padding-inline:36px;gap:20px}.brand-en{display:none}.desktop-nav{gap:25px}.hero{min-height:805px}.hero-main{padding-top:180px}.hero h1{font-size:62px}.hero-bottom a{gap:16px;padding-inline:18px;font-size:11px}.hero-bottom small{font-size:7px}.hero-side-note{right:14px}.invitation{gap:18px;flex-wrap:wrap}.invitation>div:first-child{flex:1 0 35%}.mood-options{gap:7px}.mood{padding:7px 13px;font-size:11px}.invitation>.round-link{display:none}.section-space{padding-block:80px}.section-heading h2{font-size:32px}.section-description{font-size:11px}.lesson-grid{gap:34px 20px}.lesson-card h3{font-size:19px}.lesson-media{aspect-ratio:1.4}.lesson-summary{font-size:11px;min-height:64px}.filters{gap:22px}.ritual-content{padding-inline:28px}.ritual-photo img{object-position:61%}.before-grid{gap:45px}.before-copy h2{font-size:32px}.video-layout{gap:30px}.video-row{gap:9px;grid-template-columns:32px 1fr 38px}.video-row h3{font-size:16px}.photo-caption{left:36px}.lesson-dialog-content{padding:40px 30px 25px}}
@media(max-width:760px){html{scroll-padding-top:90px;scrollbar-gutter:auto}body{padding-bottom:64px}.container{width:calc(100% - 40px)}.section-space{padding-block:64px}.site-header{height:82px;padding-inline:20px}.site-header.is-scrolled{height:68px}.brand-cn{font-size:29px}.brand-en{display:block;padding-left:12px;font-size:8px}.brand-en small{font-size:6px}.brand{gap:12px}.desktop-nav{display:none}.save-label{display:none}.header-actions{gap:4px}.menu-toggle{display:grid;place-items:center}.save-nav{gap:5px;padding:6px}.mobile-nav:not([hidden]){display:block;position:fixed;top:68px;inset-inline:0;z-index:99;background:#1b1916fa;color:var(--paper);padding:20px 25px 30px;border-bottom:1px solid #ffffff25;backdrop-filter:blur(20px)}.mobile-nav a{display:flex;align-items:center;justify-content:space-between;font-family:var(--serif);font-size:23px;border-bottom:1px solid #ffffff22;padding:17px 0}.mobile-nav a>span{font:italic 14px Georgia,serif;color:#b59d7f}.mobile-nav p{font-size:8px;letter-spacing:.16em;color:#b59d7f;margin-top:25px}.hero{min-height:730px;height:calc(100svh - 64px)}.hero-image{object-position:63% center;filter:brightness(.8)}.hero-shade{background:#09070635}.hero-main{padding-top:158px}.hero h1{font-size:clamp(42px,9vw,61px);line-height:1.6;letter-spacing:.06em;margin-top:18px}.hero-intro{font-size:8px;letter-spacing:.14em}.hero-subtitle{font-size:22px;margin-top:8px}.hero-description{font-size:12px;line-height:2.25;max-width:345px;margin-top:28px}.hero-buttons{margin-top:30px;gap:20px;flex-wrap:wrap}.hero-buttons .button{min-width:155px;font-size:12px;gap:23px;min-height:52px;padding-inline:21px}.hero-buttons .text-link{font-size:11px;gap:9px}.hero-small{font-size:9px;margin-top:24px}.hero-small span{margin-inline:6px}.hero-side-note{display:none}.hero-bottom{padding-block:18px;grid-template-columns:1fr;bottom:0}.hero-bottom a{padding:0;font-size:12px;border:0;min-height:45px;gap:20px}.hero-bottom a:nth-child(n+2){display:none}.hero-bottom small{font-size:8px}.hero-bottom a>.icon{width:20px}.invitation{padding-block:27px;gap:18px}.invitation>div:first-child{flex-basis:100%}.invitation h2{font-size:22px}.invitation .eyebrow{font-size:8px}.mood-options{justify-content:flex-start;gap:7px;flex-wrap:nowrap;width:100%}.mood{font-size:11px;padding:8px 13px;white-space:nowrap;flex:1}.section-heading{display:block;margin-bottom:25px}.section-heading .eyebrow{font-size:9px}.section-heading h2{font-size:29px;line-height:1.6;margin-top:13px}.section-description{font-size:12px;margin-top:16px;padding:0;max-width:none}.collection-toolbar{margin-bottom:25px}.filters{gap:22px;width:100%}.filters button{font-size:11px;min-height:54px}.collection-count{display:none}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.lesson-media{aspect-ratio:1.35}.lesson-category{font-size:8px;top:12px;left:11px;padding:2px 7px}.save-lesson{width:36px;height:36px;right:5px;top:5px}.save-lesson .icon{width:16px;height:16px}.lesson-image-caption{font-size:16px;bottom:13px;left:13px}.lesson-card h3{font-size:18px}.lesson-card-body{padding-top:15px}.lesson-kicker{font-size:8px;margin-bottom:6px;gap:6px;flex-wrap:wrap}.completion-label{font-size:8px}.lesson-summary{font-size:11px;min-height:65px;line-height:1.9}.lesson-card-footer{margin-top:10px;padding-bottom:10px}.lesson-meta{font-size:9px;gap:5px;flex-wrap:wrap;max-width:110px}.lesson-meta .icon{width:11px;height:11px}.lesson-open{width:38px;height:38px;flex-shrink:0}.lesson-open .icon{width:18px}.collection-note{font-size:9px;text-align:left;line-height:1.8}.ritual-section{grid-template-columns:1fr;min-height:0}.ritual-photo{height:270px}.ritual-photo>img{object-position:center 61%}.photo-caption{left:25px;bottom:23px;font-size:8px}.photo-caption i{font-size:42px}.ritual-content{padding:44px 25px 46px}.ritual-content h2{font-size:28px}.ritual-description{font-size:12px}.timer-widget{margin-block:24px 15px;width:220px;height:220px}.timer-widget output{font-size:52px}.timer-note{font-size:9px}.video-layout{grid-template-columns:1fr;gap:24px}.video-feature{height:240px;min-height:240px}.video-feature>img{object-position:center 39%}.video-feature>div{left:23px;bottom:23px}.video-feature h3{font-size:23px}.video-row{grid-template-columns:30px 1fr 38px;padding:20px 0;gap:10px}.video-row h3{font-size:17px}.video-meta{font-size:10px}.video-platform{font-size:8px}.video-notice{font-size:10px}.before-section{padding-block:56px}.before-grid{grid-template-columns:1fr;gap:38px}.before-copy h2{font-size:31px}.before-copy>p:not(.eyebrow){font-size:12px;line-height:2.2}.handwritten{font-size:26px;margin-top:22px}.checklist{padding:0}.checklist label{padding-block:20px}.checklist strong{font-size:13px}.checklist small{font-size:11px}.checklist>.button{font-size:12px}.closing{padding-block:59px 64px}.closing h2{font-size:30px;line-height:1.8}.closing h2 span{display:block}.closing .text-link{margin-top:17px}.site-footer{padding-top:35px}.footer-main{flex-wrap:wrap;gap:17px;padding-bottom:25px}.footer-main>.brand{flex:1}.footer-main>p{order:3;flex-basis:100%;font-size:11px}.footer-main>.round-link{width:40px;height:40px;min-width:40px}.footer-bottom{flex-direction:column;gap:6px;align-items:flex-start;font-size:8px;padding-top:20px}.footer-bottom>div{gap:22px;flex-wrap:wrap}.footer-bottom button{font-size:10px}.footer-legal{margin-top:8px;font-size:9px}.mobile-dock{position:fixed;bottom:0;inset-inline:0;z-index:95;background:#1b1916f7;backdrop-filter:blur(14px);color:#e7ddd0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff1c;padding:7px 8px max(7px,env(safe-area-inset-bottom))}.mobile-dock a,.mobile-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:46px;font-size:9px;letter-spacing:.04em;line-height:1.4;padding:0}.mobile-dock .icon{width:17px;height:17px;color:#d0af8b}.toast{bottom:86px;width:max-content;max-width:90vw;font-size:11px}.age-dialog[open]{grid-template-columns:1fr;width:calc(100% - 32px);max-width:440px;max-height:91svh}.age-image{min-height:135px;height:135px}.age-image img{object-position:center 51%}.age-image>span{left:25px;bottom:17px;font-size:8px}.age-image i{font-size:44px}.age-copy{padding:24px 25px 20px}.age-badge{float:right;margin:0 0 12px 12px;width:39px;height:39px;font-size:14px}.age-copy>.eyebrow{font-size:8px}.age-copy h2{font-size:26px;margin:11px 0}.age-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;margin-bottom:20px}.age-copy small{font-size:9px;margin-top:8px}.age-copy .leave-button{margin:7px auto}.lesson-dialog[open]{display:block;width:calc(100% - 24px);max-width:520px;max-height:90svh}.lesson-dialog-image{height:140px;min-height:140px}.lesson-dialog-image>img{object-position:center 54%}.lesson-dialog-image>div{left:23px;bottom:16px}.lesson-dialog-image>div>span{font-size:23px;margin-top:5px}.lesson-dialog-image .eyebrow{font-size:8px}.lesson-dialog-content{padding:26px 23px 22px}.lesson-dialog h2{font-size:24px;margin-top:10px;max-width:100%}.lesson-intro{font-size:12px}.step-text{font-size:18px;line-height:1.95;min-height:95px}.step-heading{margin-top:20px}.step-actions{margin-top:10px}.lesson-note{margin-top:23px}.lesson-note p{font-size:11px}.dialog-close{top:10px;right:10px;width:40px;height:40px}.small-dialog{width:calc(100% - 28px);padding:35px 25px 20px;max-width:500px;max-height:90svh}.small-dialog h2{font-size:25px}.small-dialog p{font-size:12px}}
@media(max-width:480px){.lesson-grid{grid-template-columns:1fr;gap:32px}.lesson-media{aspect-ratio:1.66}.lesson-category{top:16px;left:16px;font-size:10px;padding:3px 10px}.save-lesson{top:8px;right:8px;width:44px;height:44px}.save-lesson .icon{width:19px;height:19px}.lesson-image-caption{font-size:23px;left:18px;bottom:14px}.lesson-card h3{font-size:23px}.lesson-card-body{padding:18px 1px 0}.lesson-kicker{font-size:9px;margin-bottom:7px}.completion-label{font-size:10px}.lesson-summary{font-size:12px;line-height:1.95;min-height:0}.lesson-card-footer{margin-top:16px;padding-bottom:13px}.lesson-meta{font-size:10px;gap:8px;max-width:none}.lesson-meta .icon{width:13px;height:13px}.lesson-open{width:44px;height:44px}.hero h1{font-size:44px}.hero-description{font-size:11px}.hero-buttons{gap:17px}.hero-buttons .button{min-width:147px;padding-inline:19px;font-size:11px}.hero-buttons .text-link{font-size:10px}.mood{padding-inline:10px;font-size:10px}.filters{gap:21px}.brand-en{font-size:7px;letter-spacing:.15em}.brand-en small{font-size:5px}.hero-main{padding-top:158px}}
@media(max-width:370px){.brand-en{display:none}.hero h1{font-size:40px}.hero-buttons{gap:12px}.hero-main{padding-top:150px}.mood{font-size:9px;padding-inline:9px}.hero-description{font-size:10px}.hero-small{font-size:8px}.section-heading h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.hero-image{will-change:auto}}
@media print{body{padding:0;background:#fff;color:#000}.site-header,.hero-image,.hero-shade,.hero-bottom,.mobile-dock,.hero-side-note,.ritual-section,dialog,.save-lesson,.filters,.footer-bottom,.toast,.mood-options{display:none!important}.hero{height:auto;min-height:0;color:#000;background:#fff}.hero-main{padding:25px 0}.hero h1,.hero h1 span,.hero-subtitle,.hero-description,.hero-small{color:#000}.hero-buttons{display:none}.section-space,.before-section{padding-block:25px}.container{width:100%}.lesson-grid{grid-template-columns:repeat(2,1fr)}.reveal{opacity:1!important;transform:none!important}.site-footer{background:white;color:#000}}

/* Final reading-size and small-screen refinements. */
.hero-description{font-size:14px}.section-description{font-size:13px}.lesson-summary{font-size:13px;min-height:52px}.lesson-intro{font-size:13px}.lesson-note p{font-size:12px}.small-dialog p{font-size:13px}.ritual-description{font-size:13px}
@media(max-width:760px){.hero-description{font-size:12px}.lesson-summary{font-size:12px}.lesson-intro{font-size:13px}.lesson-note p{font-size:12px}.small-dialog p{font-size:13px}}
@media(max-width:480px){.lesson-summary{font-size:13px;min-height:0}.hero-description{font-size:12px;max-width:335px}}
@media(max-width:370px){.hero-description{font-size:11px}}
@media(min-width:761px) and (max-width:1100px){.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-media{aspect-ratio:1.66}.lesson-summary{min-height:52px}}