/* Compact bilingual introduction. Motion is automatic; OS reduced motion is respected. */
:root{--surface:#fffdf7;--page:#f7f5ed;--text:#164b3d;--soft:#6e796f;--border:#dce2d6;--ink:var(--text);--muted:var(--soft);--line:var(--border);--paper:var(--surface);color-scheme:light}
body{background:var(--page);color:var(--text)}
body.book-only-home #top{min-height:660px;background:#003c2d url('assets/emerald-intro.png') center/cover no-repeat;position:relative;overflow:hidden}
body.book-only-home .hero-shade{background:linear-gradient(90deg,#002e2010,#00271950);mask-image:none}
.intro-content{position:relative;z-index:1;min-height:660px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px 70px;text-align:center;color:#f6f9ee;gap:14px}
.brand-quantum{width:min(430px,82vw);height:250px;position:relative;isolation:isolate;display:grid;place-items:center;margin-bottom:8px}
.brand-logo-wrap{width:88%;z-index:1}.brand-logo-wrap img{display:block;width:100%;height:auto;filter:brightness(0) invert(1) drop-shadow(0 0 11px #9fffc730)}
.brand-orbit{position:absolute;inset:29% 0;border:1px solid #8bffc969;border-radius:50%;box-shadow:0 0 18px #89ffcc13;animation:orbit-turn 13s linear infinite}
.brand-orbit:after{content:'';position:absolute;width:7px;height:7px;background:#edffd5;border-radius:50%;top:8%;left:21%;box-shadow:0 0 16px 4px #85ffbb99}
.orbit-two{inset:21% 8%;border-color:#e2cf904d;animation-duration:19s;animation-direction:reverse}.orbit-two:after{background:#ead6a4;left:80%;top:76%;width:4px;height:4px}
.brand-field{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(ellipse,#66ffc51a,transparent 67%);animation:field-breathe 5s ease-in-out infinite}
.brand-laser,.brand-scan{position:absolute;inset:0;z-index:2;pointer-events:none;mask:url('assets/tafatuh-logo-v3.png') center/88% auto no-repeat;-webkit-mask:url('assets/tafatuh-logo-v3.png') center/88% auto no-repeat}
.brand-laser{background:linear-gradient(108deg,transparent 42%,#5effbd 48%,#ffffff 50%,#e9ff9b 52%,transparent 58%) 170% center/300% 100%;animation:laser-build 4.8s ease-in-out infinite;filter:drop-shadow(0 0 8px #afffd4)}
.brand-scan{background:repeating-linear-gradient(0deg,transparent 0 6px,#89ffd460 7px,transparent 8px);animation:scan-build 6s ease-in-out infinite;opacity:.28}
@keyframes orbit-turn{from{transform:rotate(-16deg)}to{transform:rotate(344deg)}}
@keyframes laser-build{0%,15%{background-position:170% center}70%,100%{background-position:-70% center}}
@keyframes field-breathe{50%{transform:scale(1.1);opacity:.5}}
@keyframes scan-build{0%,100%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0 0 0 0)}}
#intro-title{font-size:clamp(28px,3.6vw,44px);line-height:1.3;margin:0;font-weight:700}.intro-line{font-size:clamp(16px,1.6vw,20px);line-height:1.7;color:#e2ecdf;margin:0}.intro-entry{border:1px solid #d5eac77d;color:#f9f9ee;border-radius:100px;padding:12px 36px;margin:12px 0 5px;font-size:16px;background:#f0fff70a;transition:background .2s}.intro-entry:hover{background:#edf9dc22}.intro-footnote{font-size:12px;color:#c6d8bd}
.site-header:not(.scrolled){color:#f7f8ed}.site-header:not(.scrolled) .logo img{filter:brightness(0) invert(1)}.site-header:not(.scrolled) .nav-cta{background:transparent;border-color:#d5eac755}.nav-actions{gap:9px}.nav-cta{display:none!important}
.preference-button{min-width:46px;min-height:42px;padding:8px 13px;border:1px solid currentColor;border-radius:30px;color:inherit;background:transparent;font:inherit;font-size:13px;cursor:pointer}.preference-button:focus-visible,.intro-entry:focus-visible{outline:3px solid #d7bb75;outline-offset:4px}
.site-header.scrolled,.site-header:has(.menu-toggle[aria-expanded=true]),.mobile-nav{background:var(--surface);color:var(--text)}.site-header:has(.menu-toggle[aria-expanded=true]) .logo img{filter:none}
.library-section{background:var(--page)}.section-space{padding-block:68px}.library-section .section-heading{margin-bottom:25px}.library-section .eyebrow{display:none}.library-section .section-heading h2{font-size:32px}.library-section .section-heading p{font-size:14px}.library-tools{margin-bottom:16px}
.resource-grid{gap:30px;align-items:start}.resource-card{display:flex;flex-direction:column;text-align:start;padding:0;background:none;border:0;color:var(--text)}
.resource-card .resource-book{width:100%;padding:0}.resource-card .resource-cover{aspect-ratio:4/3;container-type:inline-size;border-radius:12px;background-position:center 68%;box-shadow:0 4px 13px #132d2012;overflow:hidden}
.resource-card .cover-head,.resource-card .cover-title,.resource-card .cover-bottom>span:first-child,.resource-card .resource-meta,.resource-card .resource-open,.resource-pages{display:none!important}
.resource-card .cover-bottom{inset:5% 6% auto auto;width:60px;height:35px;position:absolute;padding:0;border:0;display:flex!important}.resource-card .cover-bottom .book-brand{width:60px;height:35px}
.resource-card .resource-cover::after{content:none}.resource-card h3{margin:17px 0 5px;font-size:23px;line-height:1.5;color:var(--text)}.resource-card>p{font-size:15px;line-height:1.6;margin:0;color:var(--soft)}.resource-card:hover h3{text-decoration:underline;text-underline-offset:5px}.resource-card:focus-visible{outline:3px solid #ad8a4e;outline-offset:8px;border-radius:12px}
.start-section{background:var(--surface);border-color:var(--border)}.start-copy .eyebrow,.start-copy .start-steps,.start-copy>p:not(.privacy-note),.planner-footer{display:none}.start-copy h2{font-size:34px}.start-copy .privacy-note{color:var(--soft)}.planner,.plan-result{background:var(--page);color:var(--text)}.planner input{background:var(--surface);color:var(--text);border-color:var(--border)}.planner-header,.planner-footer{border-color:var(--border)}
.simple-about{max-width:740px;text-align:center;padding-block:55px}.simple-about h2{font-size:25px;margin:0 0 14px}.simple-about p{font-size:16px;line-height:1.9;color:var(--soft)}.simple-about a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.simple-about small{display:block;margin-top:17px;font-size:11px;color:var(--soft)}.about-section{background:var(--page);color:var(--text);border-color:var(--border)}
.site-footer{background:var(--surface);color:var(--text);border-color:var(--border)}.site-footer p,.footer-bottom{color:var(--soft)}
.quantum-button::before,.button-surface::after,.quantum-particles{display:none;animation:none}.quantum-button{box-shadow:none}
.reader-identity{display:none}
#intro-title{color:#f6f9ee;letter-spacing:0;font-family:inherit}
.about-section{padding:0}
html[data-theme=dark] .start-copy h2,html[data-theme=dark] .start-copy h2 em,html[data-theme=dark] .planner-header,html[data-theme=dark] .planner label,html[data-theme=dark] .plan-result p,html[data-theme=dark] .result-tip,html[data-theme=dark] .plain-button{color:var(--text)}
[dir=ltr] .reader-viewport{direction:ltr}[dir=ltr] .reader-spread{direction:ltr}[dir=ltr] .reader-page{text-align:left}[dir=ltr] .reader-hinge{right:auto;left:0;transform-origin:right center}[dir=ltr] .reader-dialog[data-phase=open] .reader-hinge{transform:rotateY(178deg)}[dir=ltr] .reader-cover-title{text-align:left}[dir=ltr] .reader-page-practice ol{padding-left:25px;padding-right:0}[dir=ltr] .reader-page-practice li::marker{direction:ltr}[dir=ltr] input{text-align:left}[dir=ltr] .resource-cover .cover-bottom{right:auto;left:6%}
html[data-theme=dark]{--surface:#15362b;--page:#0c231c;--text:#edf2e5;--soft:#bfcec0;--border:#365044;color-scheme:dark}
html[data-theme=dark] .site-header.scrolled .logo img,html[data-theme=dark] .site-header:has(.menu-toggle[aria-expanded=true]) .logo img,html[data-theme=dark] .site-footer .logo img{filter:brightness(0) invert(1)}
html[data-theme=dark] .filter,html[data-theme=dark] .filter-button,html[data-theme=dark] .search-box,html[data-theme=dark] .library-search,html[data-theme=dark] .search-examples button{background:var(--surface);color:var(--text);border-color:var(--border)}
html[data-theme=dark] .library-search input,html[data-theme=dark] .search-box input{color:var(--text)}html[data-theme=dark] input::placeholder{color:#a8bdac}html[data-theme=dark] .filters button{color:var(--soft)}html[data-theme=dark] .filters button.active{color:#fff;background:#276b50}html[data-theme=dark] .reader-page,html[data-theme=dark] .book-four-flow,html[data-theme=dark] .privacy-dialog{background:var(--surface);color:var(--text)}html[data-theme=dark] .reader-page p,html[data-theme=dark] .reader-page li,html[data-theme=dark] .reader-kicker,html[data-theme=dark] .reader-note,html[data-theme=dark] .four-copy,html[data-theme=dark] .four-hint,html[data-theme=dark] .four-privacy{color:var(--soft)}html[data-theme=dark] .reader-page h2,html[data-theme=dark] .reader-page h3,html[data-theme=dark] .book-four-flow h2,html[data-theme=dark] .book-four-flow h3{color:var(--text)}html[data-theme=dark] .reader-idea,html[data-theme=dark] .reader-reflection,html[data-theme=dark] .reader-example,html[data-theme=dark] .four-lesson{background:#1d4937;color:var(--text)}html[data-theme=dark] .small-button,html[data-theme=dark] .four-secondary{background:#28533e;color:#f5f7eb;border-color:#52715a}html[data-theme=dark] .four-compose input{background:#102e22;color:#fff}html[data-theme=dark] .dialog-close{background:#244e3b;color:#fff}html[data-theme=dark] .reader-page::before,html[data-theme=dark] .reader-page::after{opacity:.15}
@media(max-width:700px){body.book-only-home #top,.intro-content{min-height:590px}.intro-content{padding:90px 22px 55px}.brand-quantum{height:200px;width:330px;max-width:88vw}.nav-shell{gap:10px}.nav-actions{gap:6px}.preference-button{min-width:40px;padding:7px 9px}.site-header .logo{width:82px}.site-header .search-trigger{display:none}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 17px}.resource-card h3{font-size:18px}.resource-card>p{font-size:13px}.resource-card .cover-bottom,.resource-card .cover-bottom .book-brand{width:46px;height:28px}.resource-card .resource-cover{aspect-ratio:1/1}.section-space{padding-block:45px}.start-grid{gap:24px}.start-copy h2{font-size:26px}.reader-dialog[data-phase=open] .reader-hinge{transform:rotateY(-150deg)}[dir=ltr] .reader-dialog[data-phase=open] .reader-hinge{transform:rotateY(150deg)}}
@media(max-width:370px){.resource-grid{gap:24px 13px}.resource-card h3{font-size:16px}.resource-card>p{font-size:12px}.intro-line{font-size:15px}.preference-button{font-size:12px}.site-header .logo{width:70px}}
@media(prefers-reduced-motion:reduce){.brand-orbit,.brand-laser,.brand-scan,.brand-field{animation:none!important}.brand-laser,.brand-scan{display:none}.intro-entry{transition:none}}