:root{--paper:#f4f0e7;--paper-deep:#e9e2d4;--paper-light:#fbf9f4;--ink:#122c2d;--ink-soft:#31494a;--muted:#6c7772;--line:#122c2d24;--coral:#e6674f;--coral-deep:#bc4636;--amber:#e2a739;--aqua:#2d8f91;--access-trial-fg:#7a4b00;--access-trial-bg:#f4e2b8;--access-unlocked-fg:#145f61;--access-unlocked-bg:#d7ece9;--access-locked-fg:#515b57;--access-locked-bg:#e7e2d8;--white:#fffefa;--shadow:0 20px 60px #1f2d2a1f;--ink-panel:#122c2d;--ink-on-light:#122c2d;--header-bg:#f4f0e7ed;--surface-glass:#fffefaad;--surface-raised:#fffefafa;--control-bg:#fff;--theme-shadow:#1f2d2a1f;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--duration-press:.12s;--duration-fast:.16s;--duration-ui:.22s;--serif:"Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", Georgia, serif;--sans:Inter, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#07111f;--paper-deep:#0d1a2a;--paper-light:#122338;--ink:#eef4fb;--ink-soft:#bdcad8;--muted:#8798aa;--line:#d2e2f429;--coral:#f17e68;--coral-deep:#ff9b87;--amber:#eebb5c;--aqua:#69b9c9;--access-trial-fg:#f0cf88;--access-trial-bg:#372c1b;--access-unlocked-fg:#9adce7;--access-unlocked-bg:#12323f;--access-locked-fg:#c3ceda;--access-locked-bg:#263241;--shadow:0 22px 64px #00000061;--ink-panel:#050c16;--ink-on-light:#102333;--header-bg:#07111fe6;--surface-glass:#112032bd;--surface-raised:#122236fa;--control-bg:#16263a;--theme-shadow:#0000005c}*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;scroll-padding-top:96px;overflow-x:hidden}body{isolation:isolate;max-width:100%;transition:color var(--duration-ui) var(--ease-out), background-color var(--duration-ui) var(--ease-out);color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;position:relative;overflow-x:hidden}@supports (overflow:clip){html,body{overflow-x:clip}}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit}:where(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--coral);outline-offset:3px}::selection{color:var(--white);background:var(--coral)}.page-grain{z-index:-1;opacity:.26;pointer-events:none;background-image:linear-gradient(#ffffff2e 1px,#0000 1px),linear-gradient(90deg,#122c2d05 1px,#0000 1px);background-size:5px 5px,7px 7px;position:fixed;inset:0}.skip-link{z-index:9999;color:#fff;background:var(--ink);padding:10px 16px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:100;border-bottom:1px solid var(--line);background:var(--header-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.header-inner{align-items:center;gap:48px;width:min(1380px,100% - 64px);height:84px;margin:0 auto;display:flex}.brand{flex:none;align-items:center;gap:12px;display:flex}.brand-seal{border:1px solid var(--ink);width:40px;height:40px;font-family:var(--serif);place-items:center;font-size:22px;line-height:1;display:grid;transform:rotate(-2deg)}.brand-copy{gap:1px;display:grid}.brand-copy strong{font-family:var(--serif);letter-spacing:.16em;font-size:18px}.brand-copy small{color:var(--muted);letter-spacing:.22em;font-size:8px;font-weight:700}.header-nav{align-items:center;gap:32px;width:100%;display:flex}.header-nav>a:not(.header-login),.text-button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:14px;position:relative}.header-nav>a:not(.header-login):after{content:"";background:var(--coral);transform-origin:100%;height:1px;transition:transform var(--duration-fast) var(--ease-out);position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.header-nav>a:hover:after,.header-nav>a.is-active:after{transform-origin:0;transform:scaleX(1)}.nav-spacer{flex:1}.header-login{border:1px solid var(--ink);transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);align-items:center;gap:24px;padding:13px 18px;font-size:13px;font-weight:700;display:flex}.header-login:hover{color:var(--white);background:var(--ink)}.account-link{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;max-width:190px;display:flex;overflow:hidden}.account-dot{background:var(--aqua);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #2d8f911f}.session-loading{background:linear-gradient(90deg,#122c2d0d,#ffffff80,#122c2d0d) 0 0/200% 100%;border-radius:3px;width:84px;height:32px;animation:1.3s linear infinite shimmer}.menu-toggle,.mobile-menu-scrim{display:none}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1380px,100% - 64px);min-height:150px;margin:0 auto;padding:38px 0;display:flex}.site-footer>div{align-items:center;gap:14px;display:flex}.site-footer p{margin:0;font-size:14px;line-height:1.7}.site-footer p span,.footer-note{color:var(--muted);font-size:12px}.brand-seal-small{width:34px;height:34px;font-size:17px}.button{cursor:pointer;min-height:48px;transition:transform var(--duration-press) var(--ease-out), color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:28px;padding:0 23px;font-size:14px;font-weight:700;display:inline-flex}.button:active:not(:disabled){transform:scale(.97)}.button:disabled{opacity:.6;cursor:not-allowed}.button-primary{color:var(--white);border-color:var(--ink);background:var(--ink);box-shadow:8px 8px #e6674f3d}.button-primary:hover:not(:disabled){border-color:var(--coral);background:var(--coral)}.button-quiet{border-color:#0000;border-bottom-color:var(--ink);padding-left:6px;padding-right:6px}.button-quiet:hover:not(:disabled){color:var(--coral);border-bottom-color:var(--coral)}.button-dark{color:var(--white);background:var(--ink)}.button-coral{color:#fff;background:var(--coral)}.button-block{width:100%}.overline{color:var(--muted);letter-spacing:.2em;align-items:center;gap:10px;margin:0;font-size:10px;font-weight:800;display:flex}.overline>span{background:currentColor;width:24px;height:1px}.overline-light{color:#ffffff9e}.hero-section{border-right:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:minmax(0,.93fr) minmax(540px,1.07fr);align-items:center;width:min(1380px,100% - 64px);min-height:660px;margin:0 auto;display:grid;position:relative}.hero-copy{padding:80px 6vw 82px 5vw}.hero-copy h1{font-family:var(--serif);letter-spacing:-.045em;margin:28px 0 24px;font-size:clamp(48px,5vw,78px);font-weight:600;line-height:1.18}.hero-copy h1 em{color:var(--coral);font-style:normal;position:relative}.hero-copy h1 em:after{content:"";background:var(--coral);height:2px;position:absolute;bottom:-8px;left:12%;right:2px;transform:rotate(-1deg)}.hero-intro{max-width:520px;color:var(--ink-soft);font-family:var(--serif);margin:0;font-size:17px;line-height:2}.hero-actions{align-items:center;gap:24px;margin-top:40px;display:flex}.quiet-status{color:var(--muted);font-size:13px}.hero-library{--hero-book-baseline:116px;--hero-shadow-height:18px;border-left:1px solid var(--line);height:100%;min-height:660px;padding:0 clamp(28px, 6%, 52px) var(--hero-book-baseline);background:#dcd9cb;justify-content:center;align-items:flex-end;gap:clamp(8px,1vw,14px);display:flex;position:relative;overflow:hidden}.hero-library:before,.hero-library:after{content:"";pointer-events:none;position:absolute;inset:0}.hero-library:before{opacity:.34;background-image:radial-gradient(#122c2d24 .65px,#0000 .65px);background-size:4px 4px}.hero-library:after{background:linear-gradient(#0000,#122c2d17);height:42%;top:auto}.sun-disc{background:#e7a53c;border-radius:50%;width:210px;height:210px;position:absolute;top:70px;right:8%;box-shadow:0 0 80px #e2a73933}.hero-book{z-index:2;aspect-ratio:2/3;color:#fff;transform-origin:50% 100%;flex-direction:column;flex:1 1 0;width:auto;min-width:0;max-width:188px;height:auto;padding:clamp(18px,2vw,26px);display:flex;position:relative;box-shadow:-12px 18px 30px #122c2d2b,inset -10px 0 #00000012}.hero-book:before{content:"";border-left:1px solid #ffffff47;position:absolute;top:0;bottom:0;left:11px}.hero-book-coral{background:#d96049;transform:translateY(-3px)rotate(-2deg)}.hero-book-amber{z-index:3;color:var(--ink);background:#e5ae43}.hero-book-aqua{background:#287f81;transform:translateY(-3px)rotate(2deg)}.hero-book-number{letter-spacing:.15em;margin-left:auto;font-size:11px}.hero-book strong{font-family:var(--serif);letter-spacing:-.03em;margin-top:auto;font-size:clamp(24px,2.1vw,35px);line-height:1.25}.hero-book small{letter-spacing:.16em;opacity:.78;margin-top:20px;font-size:8px;font-weight:700;line-height:1.6}.shelf-shadow{z-index:1;right:4%;bottom:calc(var(--hero-book-baseline) - var(--hero-shadow-height));height:var(--hero-shadow-height);filter:blur(13px);background:#122c2d40;border-radius:50%;position:absolute;left:4%}.hero-annotation{z-index:3;color:#122c2da3;letter-spacing:.2em;justify-content:space-between;margin:0;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:37px;left:8%;right:8%}.trust-strip{border:1px solid var(--line);grid-template-columns:repeat(3,1fr) 1.4fr;width:min(1380px,100% - 64px);min-height:112px;margin:0 auto;display:grid}.trust-strip>*{border-right:1px solid var(--line);align-items:center;gap:13px;margin:0;padding:24px 32px;display:flex}.trust-strip>:last-child{border-right:0}.trust-strip strong{font-family:var(--serif);font-size:30px;font-weight:500}.trust-strip span,.trust-strip p{color:var(--muted);font-size:11px;line-height:1.7}.trust-strip p{background:#122c2d09;justify-content:center}.bookshelf-section{width:min(1240px,100% - 64px);margin:0 auto;padding:132px 0}.section-heading{grid-template-columns:1.25fr .75fr;align-items:end;gap:60px;display:grid}.section-heading h2{font-family:var(--serif);letter-spacing:-.035em;margin:18px 0 0;font-size:clamp(36px,4vw,56px);font-weight:500}.section-heading>p{color:var(--muted);margin:0;padding-bottom:5px;font-size:14px;line-height:1.9}.category-tabs{border-bottom:1px solid var(--line);gap:10px;margin:54px 0 48px;display:flex}.category-tabs button{min-width:98px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:13px 12px 15px;font-size:13px;position:relative}.category-tabs button:after{content:"";background:var(--coral);height:2px;transition:transform var(--duration-fast) var(--ease-out);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.category-tabs button.is-active{color:var(--ink);font-weight:700}.category-tabs button.is-active:after{transform:scaleX(1)}.category-tabs button span{color:var(--coral);vertical-align:super;margin-left:7px;font-size:9px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.book-card{--book-color:var(--aqua);perspective:1200px;min-width:0;height:390px;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);position:relative}.book-card.tone-coral,.tone-coral{--book-color:var(--coral)}.book-card.tone-amber,.tone-amber{--book-color:var(--amber)}.book-card.tone-aqua,.tone-aqua{--book-color:var(--aqua)}.book-card.tone-ink,.tone-ink{--book-color:var(--ink)}.book-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .26s var(--ease-out);position:relative}.book-card.is-flipped .book-card-inner{transform:rotateY(180deg)}.book-card-face{border:1px solid var(--line);backface-visibility:hidden;background:var(--surface-raised);width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.book-card-front{color:inherit;font:inherit;text-align:inherit;cursor:pointer;padding:0}.book-card-back{transform:rotateY(180deg)}.book-cover-wrap{background:color-mix(in srgb, var(--book-color) 13%, var(--paper-deep));place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.book-cover-wrap:before{content:"";border:1px solid color-mix(in srgb, var(--book-color) 48%, transparent);border-radius:50%;width:210px;height:210px;position:absolute;transform:translate(70px,-74px)}.book-cover{color:#fff;background:var(--book-color);flex-direction:column;width:196px;height:280px;padding:23px;display:flex;position:relative;transform:rotate(-2deg);box-shadow:-9px 12px 22px #122c2d2e,inset -8px 0 #00000014}.tone-amber .book-cover{color:var(--ink)}.book-cover:before{content:"";border-left:1px solid #ffffff4d;position:absolute;top:0;bottom:0;left:9px}.cover-index{letter-spacing:.16em;align-self:flex-end;font-size:10px}.cover-line{opacity:.6;background:currentColor;width:28px;height:1px;margin:auto 0 10px}.book-cover small{letter-spacing:.12em;opacity:.72;font-size:9px}.book-cover strong{font-family:var(--serif);margin-top:9px;font-size:28px;line-height:1.25}.cover-caption{letter-spacing:.16em;opacity:.7;margin-top:17px;font-size:8px}.access-state--trial{--access-fg:var(--access-trial-fg);--access-bg:var(--access-trial-bg);--access-border:#c58a24}.access-state--unlocked{--access-fg:var(--access-unlocked-fg);--access-bg:var(--access-unlocked-bg);--access-border:#4a9292}.access-state--locked{--access-fg:var(--access-locked-fg);--access-bg:var(--access-locked-bg);--access-border:#a69f91}.book-status{border:1px solid var(--access-border);color:var(--access-fg);background:var(--access-bg);letter-spacing:.08em;padding:7px 10px;font-size:10px;font-weight:700;position:absolute;top:18px;left:18px;box-shadow:0 5px 14px #122c2d1a}.book-flip-hint{border:1px solid color-mix(in srgb, var(--book-color) 42%, var(--line));color:var(--ink);background:color-mix(in srgb, var(--paper) 92%, transparent);letter-spacing:.06em;align-items:center;gap:7px;padding:7px 9px;font-size:9px;font-weight:750;display:inline-flex;position:absolute;bottom:16px;right:18px;box-shadow:0 4px 12px #122c2d14}.book-flip-hint i{color:var(--book-color);font-size:13px;font-style:normal}.book-flip-hint-touch{display:none}.book-card-body{flex-direction:column;padding:24px 26px 22px;display:flex}.book-card-flip-back{z-index:1;border:1px solid var(--line);color:var(--muted);background:var(--paper);font:inherit;cursor:pointer;padding:6px 8px;font-size:9px;font-weight:700;position:absolute;top:16px;right:16px}.book-card-flip-back span{color:var(--book-color);margin-left:4px}.book-card-flip-back:hover,.book-card-flip-back:focus-visible{border-color:var(--book-color);color:var(--ink)}.book-eyebrow{color:var(--book-color);letter-spacing:.11em;margin:0 64px 9px 0;font-size:10px;font-weight:800}.book-card h3{min-height:58px;font-family:var(--serif);margin:0;font-size:23px;font-weight:600;line-height:1.35}.book-description{min-height:0;color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:10px 0 14px;font-size:13px;line-height:1.9;display:-webkit-box;overflow:hidden}.book-date-meta{color:var(--muted);flex-wrap:wrap;gap:7px 14px;margin:-2px 0 10px;font-size:9px;line-height:1.5;display:flex}.book-date-meta time{color:var(--ink-soft);font-variant-numeric:tabular-nums}.book-meta{flex-wrap:wrap;gap:8px;display:flex}.book-meta span{border:1px solid var(--line);color:var(--muted);padding:5px 8px;font-size:9px}.book-meta .book-access-meta{border-color:var(--access-border);color:var(--access-fg);background:var(--access-bg);font-weight:700}.book-enter{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:13px;font-size:13px;font-weight:700;display:flex}.book-enter i{color:#fff;background:var(--ink);width:34px;height:34px;transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);border-radius:50%;place-items:center;font-style:normal;display:grid}@media (hover:hover) and (pointer:fine){.button:hover:not(:disabled){transform:translateY(-1px)}.book-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.book-enter:hover i{background:var(--book-color);transform:translate(2px)}}@media (hover:none),(pointer:coarse){.book-flip-hint-desktop{display:none}.book-flip-hint-touch{display:inline}}.reading-guide{width:min(1380px,100% - 64px);color:var(--white);background:var(--ink);grid-template-columns:.8fr 1.2fr;gap:8vw;margin:0 auto 112px;padding:72px 6vw;display:grid}.guide-title{align-items:flex-start;gap:28px;display:flex}.guide-number{color:var(--coral);font-family:var(--serif);font-size:18px;line-height:1.05}.guide-title h2{font-family:var(--serif);margin:16px 0 0;font-size:36px;font-weight:500;line-height:1.4}.reading-guide ol{margin:0;padding:0;list-style:none}.reading-guide li{border-bottom:1px solid #ffffff24;grid-template-columns:52px 1fr;padding:20px 0;display:grid}.reading-guide li:first-child{padding-top:0}.reading-guide li:last-child{border-bottom:0}.reading-guide li>span{color:var(--coral);letter-spacing:.13em;font-size:11px}.reading-guide li strong{font-family:var(--serif);font-size:19px;font-weight:500}.reading-guide li p{color:#ffffff94;margin:7px 0 0;font-size:12px;line-height:1.8}.closing-quote{text-align:center;width:min(960px,100% - 64px);margin:0 auto 122px}.closing-quote>p{height:48px;color:var(--coral);font-family:var(--serif);margin:0;font-size:84px;line-height:1}.closing-quote blockquote{font-family:var(--serif);margin:16px 0 24px;font-size:clamp(32px,4vw,51px);line-height:1.5}.closing-quote span{color:var(--muted);letter-spacing:.23em;font-size:9px;font-weight:700}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.theme-toggle{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;flex:none;align-items:center;padding:0;display:inline-flex}.theme-toggle-label{display:none}.theme-toggle-track{border:1px solid var(--line);background:var(--paper-deep);width:54px;height:30px;box-shadow:inset 0 1px 4px var(--theme-shadow);transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-ui) var(--ease-out);border-radius:999px;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.theme-toggle-thumb{z-index:1;width:22px;height:22px;box-shadow:0 3px 10px var(--theme-shadow);transition:transform var(--duration-ui) var(--ease-in-out);background:#fffefa;border-radius:50%;position:absolute;top:3px;left:3px}html[data-theme=dark] .theme-toggle-thumb{transform:translate(26px)}.theme-toggle-sun,.theme-toggle-moon{z-index:2;transition:color var(--duration-fast) var(--ease-out);place-items:center;font-family:Georgia,serif;font-size:13px;line-height:1;display:grid;position:relative}.theme-toggle-sun{color:#9b6813}.theme-toggle-moon{color:var(--muted)}html[data-theme=dark] .theme-toggle-sun{color:#6f827a}html[data-theme=dark] .theme-toggle-moon{color:#173e3e}.theme-toggle:hover .theme-toggle-track{border-color:var(--aqua)}.theme-toggle:active .theme-toggle-track{transform:scale(.97)}.theme-toggle:focus-visible{outline:2px solid var(--coral);outline-offset:4px;border-radius:999px}