@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;500;600;700&family=DM+Mono:wght@400&display=swap";
:root{--amber:#c9956c;--amber-soft:#e8c4b8;--amber-pale:#fbf0e4;--amber-hover:#c9956c1f;--rose:#d4917a;--rose-pale:#f5e4de;--sage:#8faf8e;--sage-deep:#3d5a3e;--sage-pale:#e4f0e3;--mist:#b8a9c9;--mist-pale:#eee9f5;--cream:#fdf6ec;--cream-warm:#f5e6d0;--soil:#5c3d2e;--soil-light:#8b6355;--text-dark:#3a2e26;--text-mid:#5e4a3c;--text-soft:#8a6e60;--font-serif:"Noto Serif TC", "Georgia", serif;--font-lora:"Noto Serif TC", "Georgia", serif;--font-display:"Noto Serif TC", "Georgia", serif;--font-mono:"DM Mono", "Courier New", monospace;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:clamp(26px, 4vw, 36px);--text-4xl:clamp(32px, 5vw, 48px);--leading-tight:1.35;--leading-normal:1.7;--leading-loose:1.95;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:50px;--shadow-sm:0 2px 8px #5c3d2e0f;--shadow-md:0 8px 24px #5c3d2e14;--shadow-lg:0 20px 50px #5c3d2e1a;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-base:.3s;--duration-slow:.6s;--nav-height:64px;--max-width:760px;--max-width-wide:980px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--cream);color:var(--text-dark);font-family:var(--font-serif);padding-top:var(--nav-height);cursor:none;font-size:16px;line-height:1.8}.cursor{background:var(--amber);pointer-events:none;z-index:99999;width:10px;height:10px;transition:width var(--duration-base), height var(--duration-base), opacity var(--duration-base);mix-blend-mode:multiply;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.cursor-ring{border:1.5px solid var(--amber);pointer-events:none;z-index:99998;opacity:.4;border-radius:50%;width:32px;height:32px;position:fixed;transform:translate(-50%,-50%)}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.container-wide{width:100%;max-width:var(--max-width-wide);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.eyebrow{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--amber);margin-bottom:12px;font-size:10px;display:block}.title-xl{font-family:var(--font-serif);font-size:var(--text-4xl);font-weight:var(--fw-light);letter-spacing:.04em;line-height:var(--leading-tight);color:var(--soil)}.title-lg{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:var(--fw-regular);letter-spacing:.02em;color:var(--soil);line-height:1.4}.title-md{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--fw-medium);color:var(--soil);line-height:1.5}.body-lg{font-size:var(--text-lg);color:var(--text-mid);line-height:var(--leading-loose)}.body-md{font-size:var(--text-base);color:var(--text-mid);line-height:var(--leading-normal)}.body-sm{font-size:var(--text-sm);color:var(--text-soft);line-height:var(--leading-normal)}.mono-sm{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em}.btn{border-radius:var(--radius-pill);font-family:var(--font-serif);letter-spacing:.03em;cursor:pointer;transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), background var(--duration-fast);border:none;align-items:center;gap:8px;font-size:14px;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--amber), var(--rose));color:#fff;padding:13px 28px;box-shadow:0 4px 16px #c9956c4d}.btn-secondary{color:var(--sage-deep);border:1.5px solid var(--sage);background:0 0;padding:12px 24px}.btn-secondary:hover{background:var(--sage-pale);transform:translateY(-1px)}.btn-ghost{color:var(--text-mid);background:0 0;border:1px solid #c9956c33;padding:10px 20px}.btn-ghost:hover{background:var(--amber-pale);color:var(--soil)}.btn-danger{background:var(--soil);color:var(--cream);padding:10px 20px}.btn-danger:hover{background:var(--text-dark);transform:translateY(-1px)}.card{border-radius:var(--radius-md);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base);background:#fff;border:1.5px solid #c9956c1a;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:#c9956c40;transform:translateY(-4px)}.card-amber{background:linear-gradient(145deg, var(--amber-pale), #f0d8bc)}.card-sage{background:linear-gradient(145deg, var(--sage-pale), #c4dfbb)}.card-rose{background:linear-gradient(145deg, var(--rose-pale), #efcabc)}.card-mist{background:linear-gradient(145deg, var(--mist-pale), #d8cfea)}.alert{border-radius:var(--radius-sm);gap:12px;padding:14px 18px;font-size:13px;line-height:1.7;display:flex}.alert-amber{background:var(--amber-pale);border-left:3px solid var(--amber);color:var(--soil)}.alert-sage{background:var(--sage-pale);border-left:3px solid var(--sage);color:var(--sage-deep)}.alert-rose{background:var(--rose-pale);border-left:3px solid var(--rose);color:#7a3020}.alert-mist{background:var(--mist-pale);border-left:3px solid var(--mist);color:#4a3b5c}.tag{font-family:var(--font-mono);letter-spacing:.05em;border-radius:var(--radius-pill);padding:3px 10px;font-size:10px;display:inline-block}.tag-amber{background:var(--amber-pale);color:var(--amber)}.tag-sage{background:var(--sage-pale);color:var(--sage-deep)}.tag-rose{background:var(--rose-pale);color:var(--rose)}.tag-mist{background:var(--mist-pale);color:var(--mist)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.highlight-block{border-left:4px solid var(--amber);border-radius:var(--radius-sm);background:#fffbeb;margin:24px 0;padding:16px 18px;font-size:14px;line-height:1.8}.collapsible-section{border-bottom:1px solid #c9956c1f}.collapsible-trigger{cursor:pointer;width:100%;font-family:var(--font-serif);text-align:left;background:0 0;border:none;align-items:center;gap:14px;padding:18px 0;display:flex}.collapsible-content{padding-bottom:24px;font-size:15px;line-height:1.9}.content-gate{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:900;background:#5c3d2ecc;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ripple{animation:rippleOut .7s var(--ease-out) forwards;pointer-events:none;z-index:9990;background:#c9956c2e;border-radius:50%;position:fixed;transform:scale(0)}@keyframes rippleOut{to{opacity:0;transform:scale(8)}}::selection{color:var(--soil);background:#c9956c40}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--amber-soft);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--amber)}@media (max-width:768px){body{font-size:15px}.container,.container-wide{padding-left:20px;padding-right:20px}}@media (max-width:480px){body{font-size:14px}.btn{font-size:13px}}p{color:var(--text-mid);font-size:14px;line-height:1.85}article p,.article-body p{font-size:15px;line-height:1.95}li{color:var(--text-mid);font-size:14px;line-height:1.85}.tag,.mono-sm{font-size:inherit;color:inherit}:root{--amber:#c9956c;--amber-soft:#e8c4a0;--amber-pale:#fbf0e4;--rose:#d4917a;--rose-pale:#fdf0ec;--sage:#8faf8e;--sage-deep:#3d5a3e;--sage-pale:#e4f0e3;--mist:#b8a9c9;--mist-pale:#eee9f5;--cream:#fdf6ec;--cream-warm:#f5e6d0;--soil:#5c3d2e;--text-dark:#3a2416;--text-mid:#5e4a3c;--text-soft:#8a6e60;--font-serif:"Noto Serif TC", "Georgia", serif;--font-lora:"Lora", "Noto Serif TC", serif;--font-mono:"DM Mono", "Courier New", monospace}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.healing-card{border:1.5px solid #c9956c14;border-radius:16px;padding:28px 26px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:block}.healing-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #00000014}.action-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px #00000012}.portal-card{will-change:transform;transition:transform .35s,box-shadow .35s}.portal-card:hover{transform:translateY(-7px)rotate(-.3deg);box-shadow:0 20px 50px #0000001a}.btn-primary{will-change:transform;transition:transform .25s,box-shadow .25s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #c9956c6b!important}.btn-outline:hover{transform:translateY(-2px);background:var(--sage-pale)!important}.nav-link{transition:all .2s}.nav-link:hover{color:var(--soil)!important;background:#c9956c1f!important}.next-step-card{will-change:transform;transition:transform .2s,box-shadow .2s}.next-step-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000014}.library-card{will-change:transform;transition:box-shadow .25s,transform .25s}.library-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000014}*{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,a{min-width:44px;min-height:44px}@media (max-width:768px){.desktop-nav,.right-area{display:none!important}.hamburger{display:flex!important}nav{height:56px!important;padding:0 16px!important}}@media (max-width:600px){h1{font-size:clamp(26px,8vw,40px)!important}.breathe-circle{width:44px!important;height:44px!important}.cta-group{flex-direction:column!important;width:100%!important}.cta-group a{text-align:center!important;justify-content:center!important;width:100%!important}.portal-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.portal-card{padding:20px 16px!important}}@media (max-width:360px){.portal-grid{grid-template-columns:1fr!important}}@media (max-width:600px){.onboarding-grid{grid-template-columns:1fr!important;gap:10px!important}.onboarding-btn{text-align:left!important;flex-direction:row!important;align-items:center!important;gap:14px!important;padding:16px 20px!important}.onboarding-emoji{flex-shrink:0!important;margin-bottom:0!important;font-size:28px!important}.library-filter-row{flex-direction:column!important;gap:10px!important}.library-tags{-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;padding-bottom:4px!important;overflow-x:auto!important}.library-card-actions{flex-wrap:wrap!important}.footer-grid{grid-template-columns:1fr!important;gap:32px!important}.footer-hotlines{flex-direction:column!important;gap:12px!important}.bingo-grid{grid-template-columns:1fr!important}}.skip-link{z-index:9999;background:var(--soil);color:var(--cream);font-size:14px;font-family:var(--font-serif);border-radius:0 0 8px 8px;padding:8px 16px;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:16px}.skip-link:focus{top:0}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}canvas{display:none}}@media (prefers-contrast:high){:root{--amber:#8b5e00;--soil:#1a0a00;--text-mid:#2a1a10}}.mobile-menu{background:var(--cream);z-index:100;-webkit-overflow-scrolling:touch;padding-top:80px;position:fixed;inset:0;overflow-y:auto}.mobile-menu-inner{padding:1rem 1.5rem 6rem}