:root{--paper:#f3efe4;--paper2:#eae2d2;--ink:#20382f;--muted:#6f756b;--green:#274e3d;--red:#a44a36;--line:#cec6b5;--white:#fffdf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Serif SC,Songti SC,STSong,serif;overflow-x:hidden}body:before{content:"";opacity:.22;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:fixed;inset:0}.skip{background:var(--ink);color:#fff;z-index:100;padding:12px 18px;text-decoration:none;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}button,a{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:#274e3d26}button{cursor:pointer}a:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #d59648}.topbar{z-index:5;border-bottom:1px solid #274e3d21;justify-content:space-between;align-items:center;height:76px;padding:0 5vw;display:flex;position:absolute;top:0;left:0;right:0}.brand{color:var(--ink);letter-spacing:.12em;align-items:center;gap:11px;font-weight:700;text-decoration:none;display:flex}.brand small{letter-spacing:.16em;color:var(--muted);margin-top:3px;font-family:Arial,sans-serif;font-size:9px;display:block}.seal{background:var(--red);color:#fff;width:35px;height:35px;box-shadow:inset 0 0 0 3px var(--red),inset 0 0 0 4px #ffffff59;border-radius:2px;place-items:center;font-size:20px;display:grid}nav{gap:38px;display:flex}nav a{color:var(--ink);font-size:14px;text-decoration:none;position:relative}nav a:after{content:"";background:var(--red);height:1px;transition:right .2s;position:absolute;bottom:-8px;left:0;right:100%}nav a:hover:after{right:0}.progress-button{border:1px solid var(--ink);color:var(--ink);background:0 0;align-items:center;gap:7px;padding:9px 13px;display:flex}.progress-button:hover{background:var(--ink);color:#fff}.progress-button b{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font:10px Arial;display:grid}.saved-panel{z-index:20;background:var(--white);border-top:3px solid var(--red);overscroll-behavior:contain;width:min(330px,92vw);padding:22px;position:fixed;top:70px;right:4vw;box-shadow:0 18px 50px #1f2d2333}.saved-panel>div:first-child{justify-content:space-between;align-items:center;display:flex}.saved-panel>div:first-child button{color:var(--ink);background:0 0;border:0;padding:8px}.saved-panel p{color:var(--muted);font-size:13px}.chips{flex-wrap:wrap;gap:7px;display:flex}.chips button{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:7px 10px}.empty{color:var(--muted);background:var(--paper);align-items:center;gap:10px;padding:15px;font-size:13px;display:flex!important}.reset{color:#884436;background:0 0;border:0;align-items:center;gap:7px;margin-top:18px;padding:7px 0;font-size:12px;display:flex}.hero{background:radial-gradient(circle at 73% 43%,#fffc,transparent 25%),linear-gradient(110deg,var(--paper) 58%,#e7e0d1 58%);align-items:center;height:100vh;min-height:720px;max-height:880px;padding:150px max(7vw,40px) 80px;display:flex;position:relative}.hero-copy{z-index:2;width:52%;position:relative}.eyebrow{letter-spacing:.25em;color:var(--green);text-transform:uppercase;align-items:center;gap:10px;font:600 11px Arial,sans-serif;display:flex}.eyebrow span{background:var(--red);width:35px;height:1px}h1{letter-spacing:.03em;text-wrap:balance;margin:25px 0;font-size:clamp(52px,6.1vw,88px);font-weight:500;line-height:1.14}h1 em{color:var(--green);font-style:normal;position:relative}h1 em:after{content:"";border-top:2px solid var(--red);border-radius:50%;width:90%;height:9px;position:absolute;bottom:-7px;left:2%}.lead{color:#646d64;max-width:520px;font-size:17px;line-height:2}.hero-actions{align-items:center;gap:26px;margin-top:35px;display:flex}.primary{background:var(--green);color:#fff;border:1px solid var(--green);justify-content:center;align-items:center;gap:12px;padding:15px 21px;text-decoration:none;transition:transform .2s,background-color .2s;display:inline-flex}.primary:hover{background:#17392c;transform:translateY(-2px)}.hero-actions span{color:var(--muted);align-items:center;gap:7px;font:11px Arial,sans-serif;display:flex}.hero-art{width:48%;height:500px;position:relative}.sun{opacity:.5;background:#d9cfb7;border-radius:50%;width:320px;height:320px;position:absolute;top:20px;left:15%}.hero-art>p{color:#274e3d21;margin:0;font-size:140px;line-height:.7;position:absolute;top:4%;right:8%}.hero-art>p small{letter-spacing:1em;font:12px Arial}.cup{background:linear-gradient(160deg,#355849,#1c3b2e);border-radius:8px 8px 110px 110px;width:235px;height:96px;position:absolute;bottom:85px;left:22%;transform:rotate(-2deg);box-shadow:0 25px 35px #20382f40}.cup:after{content:"";border:17px solid #2c4d3e;border-left:0;border-radius:0 50% 50% 0;width:66px;height:55px;position:absolute;top:4px;right:-65px}.cup i{background:#ede7d8;border:7px solid #355849;border-radius:50%;height:28px;position:absolute;top:-12px;left:15px;right:15px}.cup span:before,.cup span:after{content:"";border-left:1px solid #274e3d66;border-radius:50%;width:32px;height:110px;position:absolute;bottom:75px}.cup span:before{left:75px;transform:rotate(-12deg)}.cup span:after{left:130px;transform:rotate(14deg)}.mist{border-top:1px solid #274e3d33;border-radius:50%;width:390px;height:80px;position:absolute;bottom:35px;left:3%}.m2{width:300px;bottom:4px;left:35%}.leaf{background:var(--green);color:#0000;border-radius:100% 0;width:42px;height:20px;position:absolute;transform:rotate(22deg);box-shadow:18px 8px 0 -4px #69806e}.l1{top:100px;left:10%}.l2{bottom:90px;right:9%;transform:rotate(160deg)}.scroll-cue{color:var(--muted);letter-spacing:.22em;flex-direction:column;align-items:center;gap:9px;font:9px Arial;display:flex;position:absolute;bottom:20px;left:50%}.scroll-cue i{background:var(--red);width:1px;height:35px}.section{padding:110px max(7vw,40px)}.section-head{justify-content:space-between;align-items:end;margin-bottom:65px;display:flex}.section-head h2{letter-spacing:.08em;margin:12px 0 0;font-size:50px;font-weight:500}.section-head>p{max-width:430px;color:var(--muted);font-size:14px;line-height:1.9}.timeline{background:#eee8dc}.timeline-list{max-width:1080px;margin:auto}.stage{grid-template-columns:90px 1fr;display:grid;position:relative}.stage-marker{letter-spacing:.1em;color:var(--red);flex-direction:column;align-items:center;font:11px Arial;display:flex}.stage-marker span{border:1px solid var(--red);background:#eee8dc;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.stage-marker i{background:var(--line);flex:1;width:1px}.stage:last-child .stage-marker i{background:linear-gradient(var(--line),transparent)}.stage-card{border-top:1px solid var(--line);background:#fffdf794;margin-bottom:25px;padding:27px 33px 30px;transition:transform .2s,background-color .2s;position:relative}.stage-card:hover{background:var(--white);transform:translate(5px)}.stage.is-read .stage-card{border-left:3px solid var(--green)}.stage-meta{align-items:center;gap:15px;display:flex}.stage-meta>span{font-size:25px;font-weight:600}.stage-meta small{color:var(--muted);font:11px Arial}.stage-meta b{color:var(--red);border:1px solid #bd8b7b;border-radius:50%;place-items:center;width:44px;height:44px;margin-left:auto;font-size:11px;font-weight:400;display:grid}.stage-card h3{margin:20px 0 10px;font-size:26px;font-weight:500}.stage-card>p{color:#626b62;font-size:14px;line-height:1.9}.stage-facts{border-top:1px dashed var(--line);grid-template-columns:120px 1fr 120px 1fr;gap:10px;margin-top:20px;padding-top:18px;font-size:12px;display:grid}.stage-facts span{color:var(--red);align-items:center;gap:7px;display:flex}.stage-facts p{color:var(--muted);margin:0}.read-btn{color:var(--green);background:0 0;border:0;align-items:center;gap:8px;margin-top:22px;padding:7px 0;font-size:12px;display:flex}.read-btn:hover{text-decoration:underline}.loading{min-height:200px;color:var(--muted);place-items:center;display:grid}.tea-section{background:var(--paper)}.tea-explorer{max-width:1180px;margin:auto}.tea-tabs{border:1px solid var(--line);border-bottom:0;grid-template-columns:repeat(6,1fr);display:grid}.tea-tabs button{border:0;border-right:1px solid var(--line);color:var(--ink);background:0 0;grid-template-columns:9px auto;justify-content:center;align-items:center;gap:3px 9px;padding:19px 10px;font-size:16px;display:grid}.tea-tabs button:last-child{border-right:0}.tea-tabs button:hover{background:#ebe4d6}.tea-tabs button[aria-selected=true]{background:var(--ink);color:#fff}.tea-tabs i{border-radius:50%;grid-row:1/3;width:7px;height:7px}.tea-tabs small{letter-spacing:.2em;opacity:.55;grid-column:2;font:8px Arial}.tea-detail{border:1px solid var(--line);background:var(--white);grid-template-columns:1.05fr 1.3fr;min-height:520px;display:grid;position:relative;overflow:hidden}.tea-number{color:var(--tea);opacity:.75;font:42px Georgia;position:absolute;top:25px;right:30px}.tea-number span{color:var(--muted);font-size:11px}.tea-visual{background:color-mix(in srgb,var(--tea) 13%,#eee8dc);place-items:center;display:grid;position:relative;overflow:hidden}.tea-visual>span{background:var(--tea);color:#ffffffd9;width:240px;height:240px;box-shadow:0 25px 60px color-mix(in srgb,var(--tea) 30%,transparent);border-radius:50%;place-items:center;font-size:100px;display:grid}.tea-visual>i{border:1px solid var(--tea);opacity:.25;border-radius:50%;width:330px;height:330px;position:absolute}.tea-visual>b{color:var(--tea);letter-spacing:.25em;font-size:12px;line-height:1.6;position:absolute;top:30px;left:30px}.tea-copy{padding:80px 70px 50px}.mini{letter-spacing:.25em;color:var(--red);text-transform:uppercase;font:10px Arial}.tea-copy h3{margin:13px 0 33px;font-size:44px;font-weight:500}.tea-copy h3 small{letter-spacing:.3em;color:var(--muted);margin-left:14px;font:9px Arial}.tea-copy dl{margin:0}.tea-copy dl div{border-top:1px solid var(--line);grid-template-columns:100px 1fr;padding:17px 0;display:grid}.tea-copy dt{color:var(--tea);font-size:12px}.tea-copy dd{color:#606860;margin:0;font-size:13px;line-height:1.8}.save-btn{border:1px solid var(--tea);color:var(--tea);background:0 0;align-items:center;gap:8px;margin-top:18px;padding:11px 15px;display:flex}.save-btn:hover{background:var(--tea);color:#fff}.quiz-section{background:var(--ink);color:#fff;grid-template-columns:.8fr 1.3fr;align-items:center;gap:9vw;display:grid}.eyebrow.light{color:#d2ddcf}.quiz-intro h2{margin:22px 0;font-size:52px;font-weight:400;line-height:1.3}.quiz-intro>p:not(.eyebrow){color:#b7c2b9;font-size:14px;line-height:1.9}.quiz-progress{border-top:1px solid #ffffff2e;margin-top:60px;padding-top:24px}.quiz-progress>span{color:#b7c2b9;font-size:11px}.quiz-progress strong{float:right;font:27px Arial}.quiz-progress strong small{color:#b7c2b9;margin-left:5px;font-size:10px;font-weight:400}.quiz-progress>div{clear:both;background:#ffffff29;height:3px;position:relative;top:13px}.quiz-progress i{background:#d49661;height:100%;transition:width .3s;display:block}.quiz-card{background:var(--white);color:var(--ink);flex-direction:column;min-height:520px;padding:48px 55px;display:flex}.question-meta{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:14px;display:flex}.question-meta span{color:var(--red);font-size:12px}.question-meta small{color:var(--muted);font:11px Arial}.quiz-card h3{margin:30px 0;font-size:27px;font-weight:500;line-height:1.55}.options{gap:11px;display:grid}.options button{text-align:left;border:1px solid var(--line);color:var(--ink);background:0 0;align-items:center;gap:17px;padding:15px;display:flex}.options button:hover:not(:disabled){border-color:var(--green);background:#f0f2eb}.options button b{border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font:11px Arial;display:grid}.options button span{flex:1}.options button.correct{color:#31563a;background:#edf4ec;border-color:#608469}.options button.wrong{color:#8b3c2a;background:#fbefeb;border-color:#b96c59}.feedback{min-height:70px;color:var(--muted);align-items:center;gap:12px;margin-top:auto;padding-top:20px;font-size:12px;display:flex}.feedback strong{color:var(--red);white-space:nowrap}.feedback button{background:var(--green);color:#fff;border:0;gap:7px;margin-left:auto;padding:10px 14px;display:flex}.result{text-align:center;max-width:480px;margin:auto}.result-mark{color:var(--red);justify-content:center;align-items:baseline;display:flex}.result-mark svg{align-self:center;margin-right:13px}.result-mark strong{font:80px Georgia}.result-mark span{font:15px Arial}.result h3{margin:10px 0;font-size:27px}.result>p:not(.mini){color:var(--muted);font-size:14px;line-height:1.9}.result .primary{margin-top:18px}.closing{text-align:center;background:#e9e1d2;padding:110px 20px}.seal.large{width:48px;height:48px;margin:auto}.closing p{color:var(--muted);letter-spacing:.2em;margin:25px;font-size:11px}.closing h2{font-size:38px;font-weight:400;line-height:1.5}.closing a{color:var(--green);border-bottom:1px solid var(--green);align-items:center;gap:8px;padding:8px;text-decoration:none;display:inline-flex}footer{color:#666f66;background:#dcd3c2;align-items:center;gap:30px;padding:25px 5vw;font-size:11px;display:flex}footer span{color:var(--ink);font-weight:700}footer p{flex:1}footer button{color:#7e493d;background:0 0;border:0;text-decoration:underline}@media (max-width:800px){.topbar{height:64px;padding:0 18px;position:absolute}.brand small,nav{display:none}.progress-button{padding:8px;font-size:12px}.hero{background:linear-gradient(160deg,var(--paper) 66%,#e7e0d1 66%);height:auto;min-height:760px;padding:115px 22px 80px;display:block}.hero-copy{width:100%}.hero h1{font-size:49px}.lead{font-size:15px;line-height:1.8}.hero-actions{flex-direction:column;align-items:flex-start;gap:15px}.hero-art{width:100%;height:260px;margin-top:18px}.sun{width:210px;height:210px;left:20%}.cup{bottom:30px;left:15%;transform:scale(.7)rotate(-2deg)}.hero-art>p{font-size:90px;right:0}.scroll-cue{display:none}.section{padding:75px 20px}.section-head{margin-bottom:40px;display:block}.section-head h2{font-size:39px}.section-head>p{font-size:13px}.stage{grid-template-columns:40px 1fr}.stage-marker span{width:30px;height:30px;font-size:9px}.stage-card{padding:22px 18px}.stage-card h3{font-size:21px;line-height:1.5}.stage-facts{grid-template-columns:1fr;gap:7px}.stage-facts p{margin-bottom:8px}.tea-tabs{grid-template-columns:repeat(3,1fr)}.tea-tabs button{border-bottom:1px solid var(--line)}.tea-tabs button:nth-child(3){border-right:0}.tea-detail{grid-template-columns:1fr}.tea-visual{min-height:300px}.tea-visual>span{width:170px;height:170px;font-size:74px}.tea-visual>i{width:230px;height:230px}.tea-number{z-index:2}.tea-copy{padding:40px 24px}.tea-copy h3{font-size:36px}.tea-copy dl div{grid-template-columns:80px 1fr}.quiz-section{grid-template-columns:1fr;gap:50px}.quiz-intro h2{font-size:42px}.quiz-progress{margin-top:35px}.quiz-card{min-height:510px;padding:30px 20px}.feedback{flex-wrap:wrap;align-items:flex-start}.feedback button{justify-content:center;width:100%}.closing h2{font-size:29px}footer{flex-wrap:wrap;align-items:flex-start;gap:8px 20px}footer p{flex-basis:100%;order:3;margin:0;line-height:1.6}.saved-panel{top:63px;right:4%}.tea-tabs button{font-size:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}