.tea-lesson{--tea-ink:#211b16;--muted:#655947;--tea-paper:#f3eddd;--tea-gold:#c3a56b;--tea-green:#344f34;padding:24px max(20px,calc((100vw - 1240px)/2)) calc(140px + env(safe-area-inset-bottom));min-height:90svh;font-size:16px;line-height:1.6;color-scheme:light}.tea-lesson *{box-sizing:border-box}.tea-lesson a,.tea-lesson button{touch-action:manipulation}.tea-lesson button{font:inherit;cursor:pointer;min-height:46px;border:1px solid #8f7858;background:#faf6ec;border-radius:4px;padding:10px 15px;line-height:1.4}.tea-lesson button:disabled{opacity:.43;cursor:default}.tea-lesson a:focus-visible,.tea-lesson button:focus-visible,.tea-lesson input:focus-visible{outline:3px solid #6e8547}.tea-lesson a{color:inherit}.tea-lesson small{font-size:12px;letter-spacing:.08em}.tea-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;border-bottom:1px solid #c6b99d;padding-bottom:16px}.tea-nav a{text-decoration:none}.tea-nav>span{color:#6c6048}.tea-nav>div{display:flex;gap:4px}.tea-nav button{font-size:14px;padding:7px 11px;min-height:44px;border-color:transparent;background:none}.tea-nav button[aria-pressed=true]{border-color:#a7946d}.tea-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 0 18px;gap:18px}.tea-heading h1{font-size:clamp(26px,3.4vw,42px);line-height:1.2;margin:8px 0}.tea-heading p{margin:0;color:#655947}.tea-heading>b{white-space:nowrap;font-size:14px;font-weight:400}.tea-progress{display:flex;border-top:1px solid #cabda0;border-bottom:1px solid #cabda0}.tea-progress>span{flex:1;font-size:14px;padding:12px 8px;color:#786f5d;display:flex;align-items:center;gap:9px;border-bottom:3px solid transparent}.tea-progress>span[data-current=true]{color:#283f27;border-color:#344f34}.tea-progress>span[data-done=true]{color:#455941}.tea-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.9fr);align-items:start}.tea-scene{position:relative;aspect-ratio:1/1;overflow:hidden;background:#493c2d;border-radius:6px;isolation:isolate;box-shadow:0 16px 35px #2d211719}.tea-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.tea-scene:after{content:"";inset:0;background:linear-gradient(0deg,#21150966,transparent 50%);z-index:-1}.tea-cast,.tea-scene:after{position:absolute;pointer-events:none}.tea-cast{left:0;top:-9%;width:100%;aspect-ratio:1/1}.tea-character{position:absolute;inset:0}.tea-character img{position:absolute;max-width:none;object-fit:contain}.tea-character .tea-art-pending{position:absolute;top:24%;width:36%;height:24%;background:#332b2199;border:1px dashed #d6c194;color:#f9edd8}.tea-jasper .tea-art-pending{left:6%}.tea-xiaobai .tea-art-pending{right:5%}.tea-cast-labels{position:absolute;left:4%;right:4%;top:57%;display:flex;justify-content:space-between;color:#faf0da;gap:10px;font-size:11px;letter-spacing:.07em}.tea-instruction{background:#fbf7ee;border:1px solid #d4c6a8;border-top:3px solid var(--tea-gold);padding:24px;border-radius:4px;min-width:0}.tea-master-line{font-family:Georgia,serif;font-size:22px;line-height:1.6;min-height:88px;margin:14px 0 18px}.tea-companion{font-size:14px;padding:12px 0;border-top:1px solid #dacbb0;color:#68563c}.tea-companion strong{font-weight:500;margin-right:8px}.tea-actions{display:flex;flex-direction:column}.tea-actions>p{margin:0;font-size:14px}.tea-actions>button,.tea-memory button{background:var(--tea-green);color:white;border-color:var(--tea-green)}.tea-tool-description{font-size:16px;padding:12px 14px;background:#ece5d4;border-left:2px solid #b5955c}.tea-controls{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #d8ccb5;padding-top:18px;margin-top:24px}.tea-controls button{padding:10px 12px}.tea-controls .tea-next{background:#2d3e2a;border-color:#2d3e2a;color:#fff}.tea-entry{position:absolute;left:12%;right:12%;bottom:5%;gap:12px}.tea-cushion,.tea-entry{display:flex;flex-direction:column;align-items:center}.tea-cushion{background:#f3ead4eb!important;min-width:180px;color:#3e2d20}.tea-cushion img{height:54px;max-width:140px;object-fit:contain}.tea-cushion .tea-art-pending{min-height:25px;font-size:11px}.tea-demonstration{padding:8px 14px;background:#f3ead4ef;font-size:14px;margin:0;color:#34271b}.tea-tools{position:absolute;left:4%;right:4%;bottom:5%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.tea-tools button{position:relative;display:flex;flex-direction:column;align-items:center;background:#f8f0ddf2;border-color:#c3a877;padding:10px 3px;min-width:0}.tea-tools img{width:100%;height:72px;object-fit:contain}.tea-tools strong{font-size:14px;font-weight:500;margin-top:5px}.tea-tools small{font-size:10px;letter-spacing:.02em}.tea-tools button[data-selected=true]{border-color:#244b28;box-shadow:0 0 0 2px #526845}.tea-known{position:absolute;right:4px;top:0;font-size:14px;color:#284b27}.tea-tools .tea-art-pending{font-size:10px;min-height:72px;padding:3px}.tea-tools .tea-art-pending small{font-size:8px}.tea-art-pending{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#a48d63;font-size:14px;line-height:1.5;padding:14px}.tea-pending-notice{border:1px dashed #a98b58;padding:10px 14px;font-size:14px;background:#ece2ce}.tea-operating-area{position:absolute;bottom:4%;left:18%;right:18%;display:flex;flex-direction:column;align-items:center;color:#f8edda}.tea-bowl{position:relative;width:min(210px,70%);aspect-ratio:1/1;touch-action:none;user-select:none;background:#eee4cd;border-radius:50%;box-shadow:0 12px 26px #110b0699}.tea-bowl-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .35s}.tea-bowl>.tea-art-pending{position:absolute;inset:0;color:#75613d}.tea-liquid{position:absolute;left:24%;right:24%;top:28%;bottom:28%;background:radial-gradient(ellipse,#91a653,#4b6a34);border-radius:50%;pointer-events:none;transition:opacity .3s}.tea-foam{position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(circle at 28% 32%,#d8e6a8 0 1px,transparent 2px),radial-gradient(circle at 70% 64%,#cedf9a 0 1px,transparent 2px),radial-gradient(circle at 40% 80%,#e2e9b6 0 2px,transparent 3px);background-size:9px 10px,11px 9px,15px 13px;transition:opacity .2s}.tea-active-whisk{height:80%;width:45%;object-fit:contain;left:27%;top:0;transform:translateY(var(--whisk-y,0))}.tea-active-whisk,.tea-front-marker{position:absolute;pointer-events:none}.tea-front-marker{inset:0;display:flex;align-items:end;justify-content:center;color:#a98034;font-size:22px;padding:2%;transition:transform .35s}.tea-orientation{font-size:12px;text-align:center;margin:8px 0 0;line-height:1.4;background:#33261bd9;padding:5px 9px}.tea-orientation span{display:block;font-size:14px}.tea-foam-meter{margin-top:10px;text-align:center;font-size:12px}.tea-foam-meter progress{display:block;width:100%;height:8px;accent-color:#bccf89}.tea-alternative{display:flex;gap:8px;flex-wrap:wrap}.tea-alternative button{flex:1;font-size:14px}.tea-alternative small{width:100%;text-align:center}.tea-prep-sequence{display:flex;gap:12px;justify-content:space-between}.tea-prep-sequence span{font-size:12px;border-bottom:2px solid #c9bda2;padding:2px 8px}.tea-prep-sequence span[data-current=true]{color:#31462b;border-color:#31462b}.tea-slider{display:flex;flex-direction:column;font-size:14px;gap:8px}.tea-slider input{width:100%;accent-color:#345431;min-height:36px}.tea-hint{border:1px solid #d1c098;padding:12px 14px;margin-top:18px;font-size:14px}.tea-hint p{margin:6px 0 0}.tea-information{margin-top:24px;border-top:1px solid #c7b99a;padding-top:16px;font-size:14px;max-width:900px}.tea-information summary{cursor:pointer;min-height:44px;line-height:1.7}.tea-information p{font-size:16px}.tea-information li{margin:8px 0;overflow-wrap:anywhere}.tea-memory{position:absolute;left:8%;right:8%;bottom:6%;background:#f5edd9f2;color:#362b1e;text-align:center;border:1px solid #c1a16a}.tea-memory h2{font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.4}.tea-memory p{font-size:14px;margin:10px 0}.tea-memory .tea-memory-note{font-size:12px}.tea-locked{padding:80px 24px 150px;text-align:center;background:#eee7d5;color:#352b21}.tea-locked h1{font:400 clamp(30px,6vw,64px)/1.2 Georgia,serif}.tea-locked a{display:inline-block;color:inherit;margin:20px;padding:12px;border:1px solid #ad9367}@media(max-width:760px){.tea-lesson{padding:16px 16px calc(145px + env(safe-area-inset-bottom))}.tea-heading{padding:20px 0 14px}.tea-heading small{font-size:10px;letter-spacing:.045em}.tea-heading>b{font-size:12px}.tea-heading p{font-size:14px}.tea-heading h1{font-size:27px}.tea-progress>span{font-size:12px;line-height:1.5;padding:9px 3px;display:flex;flex-direction:column;gap:2px;text-align:center}.tea-nav a,.tea-nav>span{font-size:10px}.tea-nav{gap:6px}.tea-workspace{grid-template-columns:1fr;gap:16px}.tea-scene{aspect-ratio:.96/1}.tea-instruction{padding:20px}.tea-master-line{font-size:21px;min-height:0}.tea-cast-labels{top:54%;font-size:9px}.tea-tools img{height:52px}.tea-tools strong{font-size:12px}.tea-tools small{font-size:8px}.tea-tools button{padding:8px 2px}.tea-operating-area{bottom:3%;left:15%;right:15%}.tea-bowl{width:125px}.tea-foam-meter,.tea-orientation{font-size:10px}.tea-tools .tea-art-pending{min-height:50px}.tea-memory{padding:12px}.tea-memory h2{font-size:20px;margin:9px 0}.tea-memory p{margin:6px 0}.tea-cushion{font-size:14px!important;min-height:72px}.tea-cushion img{height:36px}.tea-demonstration{font-size:12px;line-height:1.4}.tea-entry{bottom:4%;left:8%;right:8%}}@media(prefers-reduced-motion:reduce){.tea-lesson *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.tea-cast{aspect-ratio:1286/1223}.tea-character{inset:auto;top:18%;width:50%;aspect-ratio:1/1}.tea-character.tea-jasper{left:0}.tea-character.tea-xiaobai{left:50%}.tea-character .cat-character-art,.tea-character .cat-living-motion{position:absolute;inset:0;display:block}.tea-character .tea-art-pending{top:4%;width:76%;height:60%;left:12%;right:auto}.tea-character img{height:auto}.tea-character .cat-normalized-character,.tea-powder{object-fit:contain}.tea-powder{position:absolute;left:35%;top:38%;width:30%;height:25%;pointer-events:none}.tea-active-whisk{transform:translateY(var(--whisk-y,0)) rotate(180deg)}.tea-asset-review h1{font:400 28px/1.4 Georgia,serif}.tea-reference-pair{display:flex;gap:20px;background:#dad0bb;padding:16px}.tea-reference-pair figure{margin:0;width:50%;max-width:300px}.tea-reference-pair img{width:100%;height:auto;object-fit:contain}.tea-candidate-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:24px}.tea-candidate-grid article{border:1px solid #bda57a;padding:16px;min-width:0}.tea-candidate-grid h2{font-size:20px;overflow-wrap:anywhere}.tea-candidate-grid strong{font-size:12px;color:#80591d}.tea-candidate-surfaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.tea-candidate-surfaces figure{margin:0}.tea-candidate-surfaces img{width:100%;height:auto}.tea-candidate-surfaces figcaption{font-size:12px;text-align:center;background:#e5d8bc;color:#48371f;padding:5px}.tea-review-white{background:#fff}.tea-review-dark{background:#101012}.tea-review-room{background:#6d604b url(/api/cat-room/travel/kyoto/background?scene=ryokan) 50%/cover}.tea-pending-notice a{display:inline-block;min-height:36px;padding:5px 0;text-decoration:underline}.tea-lesson{--tea-ink:#282723;--muted:#756a59;--tea-paper:#f3eee5;--tea-gold:#b89966;--tea-green:#263e35;background:var(--tea-paper);padding:24px max(22px,calc((100vw - 1180px)/2)) calc(120px + env(safe-area-inset-bottom));color:var(--tea-ink)}.tea-lesson button{border-radius:9px;border-color:#b899663d;background:#fffdf8;min-height:48px;transition:background-color .2s,border-color .2s;color:var(--tea-ink)}.tea-lesson button:disabled{opacity:.4}.tea-lesson a:focus-visible,.tea-lesson button:focus-visible,.tea-lesson input:focus-visible{outline:2px solid #9a7b45;outline-offset:4px}.tea-nav{gap:16px;min-height:58px;border-color:#b8996636;letter-spacing:.08em;padding-bottom:15px}.tea-nav>a{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:12px;text-decoration:none}.tea-nav>span{font-size:10px;color:#756a59;letter-spacing:.13em;text-align:center}.tea-nav>div{gap:2px}.tea-nav button{border-radius:20px;background:transparent;min-height:38px;padding:7px 10px;font-size:12px;color:#756a59}.tea-nav button[aria-pressed=true]{border-color:#b899665c;color:#282723}.tea-heading{position:relative;isolation:isolate;padding:42px 0 28px;gap:22px;overflow:hidden}.tea-heading>b,.tea-heading>div:not(.journey-ambient){position:relative;z-index:1}.tea-heading .journey-ambient{inset:-70% 0 -20% 50%;opacity:.7}.tea-heading small{font-size:10px;letter-spacing:.17em;color:#756a59}.tea-heading h1{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(30px,4vw,46px);font-weight:400;line-height:1.3;margin:11px 0 12px;max-width:740px}.tea-heading p{color:#756a59;font-size:14px;line-height:1.75}.tea-heading>b{font-family:Georgia,serif;font-size:16px;color:#79633e}.tea-progress{border-color:#b8996633;margin-bottom:22px;gap:10px}.tea-progress>span{font-size:12px;gap:8px;padding:13px 3px;color:#756a59;border-bottom-width:2px}.tea-progress>span small{font-size:10px;letter-spacing:.02em}.tea-progress>span[data-current=true]{border-color:#b89966;color:#263e35}.tea-progress>span[data-done=true]{color:#4e694f}.tea-pending-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:0 0 24px;padding:12px 0;border:0;border-bottom:1px solid #b8996633;background:none;color:#756a59;font-size:12px;line-height:1.7}.tea-pending-notice>a{display:inline-flex;align-items:center;gap:8px;color:#66563f;text-decoration:none;min-height:36px;white-space:nowrap;font-size:12px}.tea-workspace{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:24px}.tea-scene{border-radius:14px;background:#463d31;box-shadow:0 20px 46px #3a2e1914;outline:1px solid #b8996633;outline-offset:5px}.tea-scene:after{background:linear-gradient(0deg,#241a146b,transparent 50%)}.tea-character .tea-art-pending{border:1px solid #c5ac713b;border-radius:50% 50% 10px 10px;background:linear-gradient(180deg,#eee5d00d,#2f2a2259);font-size:15px;color:#f4ebd7;font-family:Georgia,serif}.tea-character .tea-art-pending small{font:9px/1.5 Arial,sans-serif;letter-spacing:.07em;margin-top:7px;color:#e3d1ab}.tea-cast-labels{letter-spacing:.1em}.tea-instruction{padding:25px;border-color:#b899662e;border-top:1px solid #b8996657;background:#fffdf7;border-radius:14px;box-shadow:0 12px 38px #4d3f2110}.tea-instruction>small{color:#9a7e4e;font-size:10px;letter-spacing:.15em}.tea-master-line{font:400 21px/1.7 Georgia,"Noto Serif TC",serif;min-height:0;margin:17px 0 23px}.tea-companion{color:#756a59;border-color:#b899662c;font-size:12px;line-height:1.75}.tea-actions{gap:11px}.tea-actions>button,.tea-memory button{background:#263e35;border-color:#263e35;color:#fff9ec}.tea-actions>p{font-size:12px;color:#756a59}.tea-controls{border-color:#b8996633;gap:7px;margin-top:26px;padding-top:19px}.tea-controls button{display:inline-flex;justify-content:center;align-items:center;gap:3px;min-height:46px;font-size:11px;padding:10px 8px;flex:1;white-space:nowrap}.tea-controls .journey-arrow{width:15px;height:15px}.tea-tool-description{background:#f3eee5;border-left-color:#b89966;border-radius:0 8px 8px 0;font-size:14px;line-height:1.75}.tea-tools button{border-radius:8px;border:1px solid #cab89263;background:#fff8e8ef}.tea-tools button[data-selected=true]{box-shadow:0 0 0 1px #b89966;border-color:#b89966}.tea-cushion{border-radius:10px}.tea-cushion>img{filter:none}.tea-demonstration{border-radius:8px;line-height:1.75}.tea-bowl{box-shadow:0 13px 28px #1710086b}.tea-orientation{border-radius:7px;background:#3d3026b8;font-size:11px}.tea-foam-meter{letter-spacing:.09em}.tea-foam-meter progress{height:5px}.tea-prep-sequence{gap:8px}.tea-prep-sequence span{border-color:#b8996640;color:#756a59}.tea-prep-sequence span[data-current=true]{border-color:#b89966}.tea-alternative button{font-size:13px}.tea-alternative small{font-size:10px;color:#756a59}.tea-hint{border-color:#b8996640;border-radius:9px;background:#f7f2e8;font-size:13px}.tea-hint strong{font-size:10px;color:#79633e;letter-spacing:.12em}.tea-slider{font-size:12px;color:#756a59}.tea-slider input{accent-color:#89774b}.tea-memory{background:#fcf7e9f2;border-color:#b899665e;border-radius:10px;padding:20px;color:#403629}.tea-memory small{font-size:9px;letter-spacing:.12em}.tea-memory h2{font-size:clamp(19px,2.2vw,25px);line-height:1.6}.tea-memory p{color:#756a59;font-size:12px}.tea-memory .tea-memory-note{font-size:10px;line-height:1.6}.tea-bottom-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid #b8996633;padding:16px 0;margin:32px 0 0}.tea-bottom-nav>a{display:inline-flex;align-items:center;gap:9px;min-height:44px;text-decoration:none;font-size:12px;color:#786a54}.tea-information{padding-top:0;border:0;margin-top:14px;max-width:850px;color:#756a59;font-size:12px}.tea-information summary{font-size:12px;letter-spacing:.04em;line-height:2;padding:10px 0}.tea-information p{font-size:12px;line-height:1.85}.tea-information li{font-size:12px}.tea-reference-pair{background:#eee6d8;border:1px solid #b8996633;border-radius:12px}.tea-candidate-grid article{border-color:#b8996640;border-radius:10px}.tea-candidate-grid h2{font-size:16px}.tea-candidate-surfaces figure{overflow:hidden;border-radius:7px}.tea-locked{background:#f3eee5;color:#282723;padding:24px max(22px,calc((100vw - 1180px)/2)) calc(100px + env(safe-area-inset-bottom));text-align:left;min-height:85svh}.tea-locked-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #b8996633;padding-bottom:16px}.tea-locked-nav>a{display:inline-flex;align-items:center;gap:10px;border:0;padding:0;margin:0;font-size:12px;min-height:44px;text-decoration:none}.tea-locked-nav>span{font-size:10px;letter-spacing:.13em;color:#756a59}.tea-locked-scene{position:relative;isolation:isolate;max-width:900px;margin:0 auto;padding:clamp(75px,12vw,150px) 22px;text-align:center;overflow:hidden}.tea-locked-scene>:not(.journey-ambient){position:relative;z-index:1}.tea-locked-scene>small{font-size:10px;letter-spacing:.18em;color:#756a59}.tea-locked-scene h1{font:400 clamp(32px,5vw,52px)/1.3 Georgia,"Noto Serif TC",serif;margin:17px 0 23px}.tea-locked-scene p{font-size:14px;color:#756a59;line-height:1.8;margin:0 0 6px}.tea-locked-scene strong{display:block;margin-top:28px;font-size:10px;font-weight:400;letter-spacing:.19em;color:#79633e}.tea-locked-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #b8996633;padding-top:18px;color:#756a59;font-size:10px;letter-spacing:.06em}.tea-locked-footer>a{border:0;padding:8px 0;margin:0;min-height:40px;text-decoration:none;font-size:11px}@media(max-width:760px){.tea-lesson{padding:16px 20px calc(125px + env(safe-area-inset-bottom))}.tea-nav{gap:10px;min-height:50px}.tea-nav>a{font-size:11px;gap:5px}.tea-nav>a>.journey-arrow{width:18px}.tea-nav>span{max-width:100px;font-size:8px;line-height:1.8;letter-spacing:.08em}.tea-nav button{min-height:38px;padding:5px 8px;font-size:11px}.tea-heading{padding:33px 0 25px;gap:14px;align-items:start}.tea-heading h1{font-size:30px;line-height:1.35}.tea-heading small{font-size:8px;letter-spacing:.12em}.tea-heading p{font-size:12px;line-height:1.8}.tea-heading>b{font-size:12px;margin-top:6px}.tea-progress{gap:4px;margin-bottom:18px}.tea-progress>span{padding:12px 2px;font-size:10px;gap:4px;line-height:1.65}.tea-progress>span small{font-size:9px}.tea-pending-notice{font-size:11px;padding:7px 0 15px;gap:5px;margin-bottom:22px}.tea-pending-notice>a{font-size:11px;min-height:40px}.tea-workspace{grid-template-columns:1fr;gap:24px}.tea-instruction,.tea-scene{border-radius:12px}.tea-instruction{padding:22px}.tea-master-line{font-size:20px;line-height:1.8}.tea-controls button{min-height:48px;font-size:11px;padding:10px 7px}.tea-tools{gap:4px}.tea-tools strong{font-size:11px}.tea-tools small{font-size:7px}.tea-tools img{height:46px}.tea-memory{left:6%;right:6%;padding:13px;bottom:4%}.tea-memory h2{font-size:18px;margin:7px 0}.tea-memory p{font-size:10px;margin:6px 0}.tea-memory button{font-size:12px;min-height:44px;padding:8px 13px}.tea-bottom-nav{margin-top:26px;gap:10px}.tea-bottom-nav>a{font-size:11px;gap:5px}.tea-bottom-nav .journey-arrow{width:17px}.tea-locked{padding:16px 20px 110px}.tea-locked-nav>span{font-size:8px}.tea-locked-scene{padding:100px 0}.tea-locked-scene p{font-size:12px}.tea-locked-footer{align-items:flex-start;font-size:8px}}.tea-locked-scene>.journey-paw{display:block;width:28px;height:28px;margin:0 auto 20px}.tea-lesson{position:relative;isolation:isolate;padding-inline:max(20px,calc((100vw - 1080px)/2))}.tea-heading{padding:30px 0 22px}.tea-heading h1{font-size:clamp(28px,4vw,42px)}.tea-progress{position:relative;gap:16px;border:0;margin-bottom:10px}.tea-progress>span{position:relative;border:0;flex-wrap:wrap;padding-bottom:15px;column-gap:7px;row-gap:2px}.tea-progress>span:after{content:"";position:absolute;height:1px;background:#b899664d;left:0;right:0;bottom:5px}.tea-progress>span[data-current=true]:after{height:2px;background:#79633e}.tea-progress>span .journey-paw{width:17px;height:17px;flex:none;opacity:.4}.tea-progress>span[data-current=true] .journey-paw,.tea-progress>span[data-done=true] .journey-paw{opacity:1;color:#79633e}.tea-pending-notice{margin-bottom:18px;font-size:11px}.tea-workspace{display:flex;flex-direction:column;gap:0;max-width:840px;margin-inline:auto}.tea-workspace>.tea-scene{width:100%;aspect-ratio:1/1;border:0;border-radius:3px;outline:0;box-shadow:none;overflow:hidden;background:#332c23}.tea-scene:after{background:linear-gradient(180deg,#171a1470,transparent 34%,transparent 66%,#231c1499)}.tea-teacher-voice{position:absolute;z-index:4;left:7%;right:7%;top:5%;padding:16px 20px;border-left:1px solid #d9c69b99;background:linear-gradient(90deg,#1e2a21e8,#1e2a21d9 85%,#1e2a2100);color:#fff6e7}.tea-teacher-voice>small{display:block;font-size:10px;letter-spacing:.14em;color:#dcc79f}.tea-teacher-voice .tea-master-line{font:400 clamp(18px,2.4vw,25px)/1.65 Georgia,"Noto Serif TC",serif;margin:9px 0 0;color:#fff6e7;min-height:2.9em}.tea-teacher-voice .tea-companion{border:0;padding:0;margin:7px 0 0;color:#ebdfc8;font-size:12px}.tea-lesson[data-feedback=direction] .tea-teacher-voice,.tea-lesson[data-feedback=order] .tea-teacher-voice,.tea-lesson[data-feedback=tool-error] .tea-teacher-voice,.tea-lesson[data-feedback=whisk] .tea-teacher-voice{border-left-color:#f0c982}.tea-preview-cast{position:absolute;inset:0;pointer-events:none;z-index:1}.tea-preview-character{position:absolute;aspect-ratio:1/1;will-change:auto}.tea-preview-character>img{width:100%;height:100%;max-width:none;object-fit:contain}.tea-preview-character[data-demonstrate=true]{animation:teaGentleGreeting 1.5s ease-in-out 1}.tea-preview-image-error{position:absolute;inset:25% 12%;display:grid;place-items:center;font-size:12px;color:#fff4db;background:#243429c9;text-align:center;padding:12px}.tea-cast-labels{z-index:3;top:auto;bottom:20%;left:9%;right:9%;font-size:10px;letter-spacing:.08em;text-shadow:0 1px 6px #130e08;pointer-events:none}.tea-arrival-curtain{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}.tea-arrival-curtain>i{position:absolute;inset:0 auto 0 0;width:50%;background:repeating-linear-gradient(0deg,transparent 0 16%,#a494703d 16% 16.5%),repeating-linear-gradient(90deg,#e8ddc9 0 32%,#ae9a766b 32% 33%);border-right:5px solid #736246;animation:teaDoorLeft 1.1s cubic-bezier(.23,.75,.2,1) both}.tea-arrival-curtain>i+i{left:auto;right:0;border-right:0;border-left:5px solid #736246;animation-name:teaDoorRight}.tea-entry{z-index:3;bottom:3%;gap:7px;left:9%;right:9%}.tea-cushion{min-width:170px;min-height:64px;flex-direction:row;gap:8px;padding:7px 18px!important;background:#f3ead4f5!important;border-radius:6px!important;font-size:12px!important}.tea-cushion img{width:50px;height:36px;max-width:50px}.tea-demonstration{font-size:11px;line-height:1.65;padding:8px 11px;background:#f4eddff0;color:#3b3428;border-radius:3px;max-width:590px}.tea-tools{z-index:3;bottom:3%;gap:8px}.tea-tools button{padding:8px 3px;border-radius:5px;background:#f9f2e5f5}.tea-tools img{height:64px}.tea-tools strong{font-size:12px}.tea-tools small{font-size:8px}.tea-operating-area{z-index:3;bottom:2%;left:21%;right:21%;pointer-events:none}.tea-bowl{pointer-events:auto;width:clamp(118px,20vw,160px)}.tea-orientation{padding:4px 8px;font-size:10px;max-width:100%;line-height:1.45}.tea-orientation span{font-size:10px}.tea-foam-meter{margin-top:7px;width:90%;font-size:10px;background:#253323bd;padding:5px 12px;border-radius:4px}.tea-foam-meter progress{margin-top:4px}.tea-workspace>.tea-instruction{width:100%;padding:24px 0 0;border:0;border-radius:0;box-shadow:none;background:none}.tea-instruction .tea-tool-description{margin-bottom:18px}.tea-actions{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.tea-actions>button{flex:1 1 230px;max-width:440px;min-height:52px;padding:12px 20px}.tea-actions>p{width:100%;text-align:center}.tea-prep-sequence{width:100%;justify-content:center;margin-bottom:8px;gap:20px}.tea-prep-sequence span{padding-inline:4px}.tea-alternative{width:min(500px,100%);gap:12px;margin-inline:auto}.tea-alternative button{min-height:52px}.tea-actions>.tea-slider{width:min(440px,100%);margin-inline:auto}.tea-actions>small{width:100%;text-align:center;font-size:10px;color:#756a59}.tea-controls{gap:12px;margin-top:20px;padding-top:16px}.tea-controls button{min-height:48px;border-radius:3px;background:none;border-color:transparent;font-size:12px}.tea-controls .tea-next{background:#263e35;color:#fff8eb;border-color:#263e35}.tea-hint{border-radius:3px;background:transparent}.tea-memory{z-index:3;bottom:3%;left:7%;right:7%;padding:18px;border:0;border-radius:3px;background:#f7f0e0f5}.tea-memory>.journey-paw{width:20px;height:20px;color:#79633e;margin:0 auto 7px}.tea-memory h2{font-size:22px;margin:7px 0}.tea-memory button{min-height:44px}.tea-bottom-nav,.tea-information{max-width:840px;margin-inline:auto}@keyframes teaDoorLeft{to{transform:translateX(-102%)}}@keyframes teaDoorRight{to{transform:translateX(102%)}}@keyframes teaGentleGreeting{0%,to{transform:rotate(0)}40%,65%{transform:rotate(-5deg)}}@media(max-width:620px){.tea-lesson{padding:12px 17px calc(100px + env(safe-area-inset-bottom))}.tea-heading{padding:26px 0 20px}.tea-heading h1{font-size:28px}.tea-heading p{font-size:12px}.tea-progress{gap:8px}.tea-progress>span{font-size:10px;flex-direction:column;gap:4px;padding-top:6px;align-items:center}.tea-progress>span small{display:none}.tea-progress>span .journey-paw{width:17px;height:17px}.tea-pending-notice{font-size:10px;margin-bottom:15px;gap:0}.tea-pending-notice>a{font-size:10px;min-height:32px}.tea-workspace{margin-inline:-17px;max-width:none;width:calc(100% + 34px)}.tea-workspace>.tea-scene{border-radius:0;aspect-ratio:1/1}.tea-teacher-voice{left:5%;right:5%;top:4%;padding:9px 12px}.tea-teacher-voice>small{font-size:8px;letter-spacing:.1em}.tea-teacher-voice .tea-master-line{font-size:16px;line-height:1.6;margin-top:5px;min-height:3em}.tea-teacher-voice .tea-companion{font-size:10px;margin-top:3px}.tea-cast-labels{bottom:22%;left:7%;right:7%;font-size:8px}.tea-entry{left:5%;right:5%;bottom:3%;gap:5px}.tea-cushion{min-width:0;min-height:45px!important;font-size:11px!important;padding:6px 12px!important}.tea-cushion img{width:32px;height:27px}.tea-demonstration{font-size:10px;line-height:1.5;padding:5px 9px}.tea-tools{left:3%;right:3%;bottom:3%;gap:4px}.tea-tools button{padding:5px 2px;min-height:68px}.tea-tools img{height:36px}.tea-tools strong{font-size:10px;margin-top:1px}.tea-tools small{font-size:6px}.tea-operating-area{left:18%;right:18%;bottom:2%}.tea-bowl{width:106px}.tea-orientation{font-size:8px;margin-top:4px;padding:3px 7px}.tea-orientation span{font-size:8px}.tea-foam-meter{font-size:8px;max-width:150px;padding:3px 8px;margin-top:4px}.tea-workspace>.tea-instruction{padding:19px 17px 0}.tea-actions{gap:9px}.tea-actions>button{flex-basis:130px;font-size:12px;padding:11px 12px;min-height:48px}.tea-alternative button{min-height:48px}.tea-controls{gap:5px;margin-top:16px;padding-top:13px}.tea-controls button{font-size:10px;padding-inline:5px;min-height:46px}.tea-prep-sequence{gap:14px;margin-bottom:3px}.tea-slider{font-size:11px}.tea-memory{padding:9px 12px;bottom:3%;left:5%;right:5%}.tea-memory>.journey-paw{width:15px;height:15px;margin-bottom:2px}.tea-memory h2{font-size:17px;margin:4px 0}.tea-memory p{font-size:10px;margin:4px 0}.tea-memory button{font-size:11px;min-height:42px;padding:7px 12px}}@media(prefers-reduced-motion:reduce){.tea-arrival-curtain{display:none}.tea-preview-character[data-demonstrate=true]{animation:none}.tea-bowl-image,.tea-foam,.tea-front-marker,.tea-liquid{transition:none}}.gcs-travel .tea-lesson .tea-teacher-voice .tea-master-line{color:var(--travel-ink,#253329)}.gcs-travel .tea-lesson .tea-teacher-voice .tea-companion,.gcs-travel .tea-lesson .tea-teacher-voice>small{color:var(--travel-muted,#665d50)}.gcs-travel .tea-lesson .tea-orientation{color:#fff6e7;background:#3d3026;font-size:12px}.gcs-travel .tea-lesson .tea-orientation span{font-size:12px}.gcs-travel .tea-lesson .tea-foam-meter{color:#fff6e7;background:#253323;font-size:12px}.tea-pose-cast{position:absolute;inset:0;pointer-events:none;z-index:1}.tea-pose-character{position:absolute;aspect-ratio:1/1}.tea-pose-character>img{width:100%;height:100%;max-width:none;object-fit:contain}.tea-pose-character[data-demonstrate=true]{animation:teaGentleGreeting 1.5s ease-in-out 1}.tea-pose-image-error{position:absolute;inset:25% 12%;display:grid;place-items:center;font-size:12px;color:#fff4db;background:#243429e6;text-align:center;padding:12px}.gcs-travel .tea-pose-cast{transform:translateY(-5%)}.gcs-travel .tea-lesson[data-art-status=preview-reviewed-poses] .tea-cast-labels{top:25%;bottom:auto}@media(prefers-reduced-motion:reduce){.tea-pose-character[data-demonstrate=true]{animation:none}}.gcs-travel .tea-lesson .tea-controls{position:static;bottom:auto;box-shadow:none;flex-wrap:wrap}.gcs-travel .tea-lesson .tea-controls button{white-space:normal;min-height:48px;line-height:1.5;flex:1 1 90px}.gcs-travel .tea-lesson .tea-action-feedback{font-size:16px;line-height:1.7;color:#73411d;background:#f5e5d0;border-left:3px solid #98622a;padding:12px;margin:12px 0}.gcs-travel .tea-lesson .tea-prep-sequence{flex-wrap:wrap;gap:8px 14px;justify-content:flex-start}.gcs-travel .tea-lesson .tea-prep-sequence span{font-size:13px;line-height:1.6}.gcs-travel .tea-lesson .tea-hint,.gcs-travel .tea-lesson .tea-tool-description{font-size:16px;line-height:1.8}.gcs-travel .tea-lesson .tea-progress>span:last-child{display:flex}.gcs-travel .tea-lesson .tea-actions>small{font-size:13px;line-height:1.6}@media(max-width:760px){.gcs-travel .tea-lesson .tea-alternative button{flex:1 1 130px;min-height:48px;font-size:15px;line-height:1.5}.gcs-travel .tea-lesson .tea-slider{font-size:14px}.gcs-travel .tea-lesson .tea-progress>span{font-size:11px}.gcs-travel .tea-lesson .tea-master-line{font-size:19px;line-height:1.7}}