@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-ext-400-normal-i-8OOpdj.woff2) format("woff2"),url(/assets/nunito-latin-ext-400-normal-CjMJVfGn.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-ext-600-normal-Dd9Zuxh1.woff2) format("woff2"),url(/assets/nunito-latin-ext-600-normal-BKUpuB78.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2) format("woff2"),url(/assets/nunito-latin-ext-700-normal-D4woHhbd.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2) format("woff2"),url(/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff) format("woff")}:root{font-family:Nunito,Avenir Next,Segoe UI,system-ui,sans-serif;color:#332d2b;background:#edf6f3;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #332d2b;--muted: #776d68;--paper: #fffaf0;--blue: #bcdce2;--pink: #e7b1b6;--brown: #765046;--yellow: #deb34d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#edf6f3}button,input{font:inherit}button{color:inherit}button:not(:disabled),a{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid #7d5148;outline-offset:4px}.app-shell{position:relative;width:min(1500px,100%);min-height:100vh;margin:0 auto;padding:0 clamp(1rem,4vw,4.5rem);overflow:hidden;isolation:isolate}.app-shell:before,.app-shell:after{content:"";position:fixed;z-index:-2;border-radius:50%;filter:blur(1px);pointer-events:none}.app-shell:before{width:32rem;height:32rem;left:-16rem;top:-15rem;background:#ffffffbf}.app-shell:after{width:28rem;height:28rem;right:-13rem;bottom:-15rem;background:color-mix(in srgb,var(--tea-color) 16%,transparent);transition:background .5s ease}.ambient-grain{position:fixed;z-index:-1;inset:0;opacity:.18;pointer-events:none;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='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.skip-link{position:fixed;z-index:100;left:1rem;top:-5rem;padding:.75rem 1rem;border-radius:999px;background:var(--ink);color:#fff}.skip-link:focus{top:1rem}.topbar{min-height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgb(51 45 43 / 11%)}.brand{justify-self:start;display:flex;align-items:center;gap:.7rem;color:var(--ink);text-decoration:none;font:800 1.45rem/1 Nunito,Avenir Next,Segoe UI,system-ui,sans-serif;letter-spacing:-.035em}.brand-cat{position:relative;width:40px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--pink);color:var(--brown)}.brand-cat i{position:absolute;top:-2px;width:11px;height:12px;background:var(--pink);clip-path:polygon(50% 0,100% 100%,0 100%)}.brand-cat i:first-child{left:6px;transform:rotate(-15deg)}.brand-cat i:last-child{right:6px;transform:rotate(15deg)}.brand-cat b{position:relative;z-index:1;font-family:Nunito,Avenir Next,Segoe UI,system-ui,sans-serif}.ritual-step{display:flex;align-items:center;gap:.35rem;color:var(--muted)}.step-dot{width:7px;height:7px;border:1px solid rgb(51 45 43 / 25%);border-radius:50%;transition:background .35s ease,transform .35s ease}.step-dot.active{background:var(--tea-color);border-color:var(--tea-color);transform:scale(1.25)}.step-line{width:34px;height:1px;background:#332d2b26}.step-line.active{background:var(--tea-color)}.ritual-step small{margin-left:.5rem;font-size:.66rem;font-weight:700;letter-spacing:.08em}.header-actions{justify-self:end;display:flex;gap:.65rem}.round-action,.language-switch{min-height:42px;border:1px solid rgb(51 45 43 / 13%);border-radius:999px;background:#ffffff78}.round-action{width:42px}.round-action.is-muted{color:#9a918d}.language-switch{display:flex;align-items:center;gap:.35rem;padding:0 .85rem;color:#9a908c;font-size:.7rem;font-weight:700;letter-spacing:.08em}.language-switch .active{color:var(--ink)}.hero-copy{position:relative;z-index:2;max-width:720px;margin:1.6rem auto -.2rem;text-align:center}.hero-copy>p{margin:0 0 .45rem;color:#9a696c;font-size:.66rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.hero-copy h1{margin:0;font:800 clamp(2rem,4.2vw,3.5rem)/1.02 "Nunito","Avenir Next","Segoe UI",system-ui,sans-serif;letter-spacing:-.055em}.hero-copy h1 em{display:inline-block;color:var(--brown);font-style:normal;font-weight:800;transform:rotate(-1.25deg)}.hero-copy>span{display:block;margin-top:.65rem;color:var(--muted);font-size:.82rem}.picker-active .hero-copy,.recommend-active .hero-copy,.tea-selected .hero-copy{display:none}.picker-active .ritual-stage,.recommend-active .ritual-stage,.tea-selected .ritual-stage{margin-top:-.75rem}.ritual-stage{position:relative;width:min(1120px,100%);height:525px;margin:0 auto}.ritual-stage:before,.ritual-stage:after{content:"";position:absolute;left:50%;top:50%;border:1px dashed rgb(51 45 43 / 12%);border-radius:50%;opacity:.35;transform:translate(-50%,-50%);transition:opacity .3s ease;pointer-events:none}.ritual-stage:before{width:590px;height:430px}.ritual-stage:after{width:405px;height:315px;border-style:solid;border-color:color-mix(in srgb,var(--tea-color) 18%,transparent)}.ritual-stage.picker-open:before,.ritual-stage.picker-open:after{opacity:1}.picker-caption{position:absolute;z-index:20;left:50%;top:10px;display:inline-flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:0;transform:translate(-50%,-8px);transition:opacity .25s ease,transform .25s ease}.picker-active .picker-caption{display:none}.picker-caption span{color:#a96f73}.picker-open .picker-caption{opacity:1;transform:translate(-50%)}.picker-recommend{position:absolute;z-index:22;right:1.2rem;top:44%;min-height:42px;display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .9rem;border:1px solid rgb(51 45 43 / 18%);border-radius:999px;background:#fffaf061;box-shadow:none;font-size:.72rem;font-weight:800;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .25s ease,visibility .2s,box-shadow .2s ease}.picker-recommend:before{content:"↗";color:#8d7772;font-size:.85rem}.picker-open .picker-recommend{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.picker-recommend:hover{border-color:#332d2b57;background:#fffaf0b8;transform:translateY(-2px);box-shadow:none}.back-to-start{position:absolute;z-index:22;left:1.2rem;top:8px;min-height:42px;display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .9rem;border:1px solid rgb(51 45 43 / 18%);border-radius:999px;background:#fffaf0c2;box-shadow:0 8px 24px #332d2b14;font-size:.7rem;font-weight:750;transition:transform .2s ease,border-color .2s ease,background .2s ease}.back-to-start span{font-size:1rem;transition:transform .2s ease}.back-to-start:hover{border-color:var(--tea-color);background:var(--paper);transform:translateY(-2px)}.back-to-start:hover span{transform:translate(-3px)}.recommend-panel{position:absolute;z-index:25;right:7.5rem;top:24%;width:min(310px,calc(100% - 1.5rem));padding:1.25rem;border:2px solid var(--ink);border-radius:20px 14px 24px 17px;background:#fff8e9;box-shadow:8px 9px #332d2b26;transform-origin:right bottom;animation:recommend-in-right .3s cubic-bezier(.2,.8,.2,1.2) both}.recommend-panel:before{content:"";position:absolute;right:-10px;top:42%;width:17px;height:17px;border-right:2px solid var(--ink);border-top:2px solid var(--ink);background:#fff8e9;transform:rotate(45deg)}.recommend-close{position:absolute;right:.65rem;top:.55rem;width:33px;height:33px;border:0;background:transparent;font-size:1.4rem}.recommend-kicker{display:block;color:#9a5c60;font-size:.58rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.recommend-panel h2{max-width:245px;margin:.35rem 2rem 1rem 0;font:800 1.45rem/1.08 Nunito,Avenir Next,Segoe UI,system-ui,sans-serif;letter-spacing:-.035em}.mood-options{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.mood-options button{min-height:92px;display:grid;place-items:center;align-content:center;gap:.35rem;padding:.75rem .55rem;border:1.5px solid var(--ink);border-radius:18px 12px 16px 14px;background:#f8c0c0;font-size:.72rem;font-weight:800;line-height:1.15}.mood-options button:last-child{background:#bfe0df;transform:rotate(1deg)}.mood-options button:hover{transform:translateY(-3px) rotate(-1deg)}.mood-options i{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#ffffff8c;font-size:1.1rem;font-style:normal}.recommend-result strong{display:flex;align-items:center;gap:.55rem;font:800 1.2rem/1 Nunito,Avenir Next,Segoe UI,system-ui,sans-serif}.recommend-result strong span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--tea-color) 27%,white);color:var(--tea-color)}.recommend-result p{margin:.7rem 0 1rem;color:var(--muted);font-size:.75rem;line-height:1.5}.recommend-actions{display:grid;grid-template-columns:1fr 1fr;justify-items:center;gap:.55rem .8rem}.recommend-actions .primary-action{grid-column:1 / -1;justify-self:center}.recommend-actions .subtle{color:#958984}.tea-side-panel{position:absolute;z-index:12;top:51%;width:210px;display:flex;align-items:flex-start;gap:.7rem;padding:1rem;border:1px solid rgb(51 45 43 / 12%);border-radius:18px 12px 20px 14px;background:#fffaf0e0;box-shadow:5px 6px color-mix(in srgb,var(--tea-color) 14%,transparent);transform:translateY(-50%);animation:side-note-in .4s cubic-bezier(.2,.8,.2,1.15) both}.pairing-panel{left:1.5%}.moment-panel{right:1.5%;width:240px;animation-delay:.08s}.side-panel-icon{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--tea-color) 30%,white);color:var(--ink);font-weight:800}.tea-side-panel>div{min-width:0}.tea-side-panel small{color:#9a686b;font-size:.54rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tea-side-panel h2{margin:.22rem 0 .65rem;font:800 .95rem/1.18 Nunito,Avenir Next,Segoe UI,system-ui,sans-serif}.tea-side-panel ul{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.tea-side-panel li{color:var(--muted);font-size:.68rem;line-height:1.3}.tea-side-panel li:before{content:"•";margin-right:.4rem;color:var(--tea-color);font-weight:900}.tea-side-panel p{margin:.65rem 0 0;padding-top:.55rem;border-top:1px solid rgb(51 45 43 / 10%);color:#8a7e78;font-size:.54rem;line-height:1.35}.tea-orbit{position:absolute;z-index:9;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s}.picker-open .tea-orbit{opacity:1;visibility:visible}.tea-node{--radius: 225px;position:absolute;z-index:8;left:50%;top:51%;width:118px;height:70px;min-width:118px;min-height:70px;display:grid;place-items:center;padding:.55rem 1rem;border:0;border-radius:0;background:transparent;color:var(--ink);box-shadow:none;font-size:.72rem;font-weight:800;letter-spacing:-.01em;line-height:1.05;pointer-events:none;transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--radius)) rotate(calc(-1 * var(--angle)));transition:color .2s ease}.picker-open .tea-node{pointer-events:auto;animation:node-arrive .5s calc(var(--i) * 45ms) cubic-bezier(.2,.75,.2,1.2) both}.tea-node:nth-child(2n){border-radius:0}.tea-leaf{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-9deg);transform-origin:center;transition:transform .28s cubic-bezier(.2,.75,.2,1.2)}.tea-node:nth-child(2n) .tea-leaf{transform:rotate(10deg) scaleX(-1)}.tea-leaf-surface{fill:#fffaf021;stroke:#463f3b47;stroke-width:.9;transition:fill .2s ease,stroke .2s ease,stroke-width .2s ease}.tea-leaf-veins{fill:none;stroke:#463f3b3b;stroke-width:.8;stroke-linecap:round;opacity:.72}.tea-node span{position:relative;z-index:2;transform:rotate(-9deg);transform-origin:center;transition:transform .28s cubic-bezier(.2,.75,.2,1.2),color .2s ease}.tea-node:nth-child(2n) span{transform:rotate(10deg)}.tea-node:hover{color:var(--ink);background:transparent;box-shadow:none}.tea-node:hover .tea-leaf{transform:rotate(-6deg) scale(1.05)}.tea-node:nth-child(2n):hover .tea-leaf{transform:rotate(7deg) scaleX(-1) scale(1.07)}.tea-node:hover .tea-leaf-surface{fill:#fffaf042;stroke:#463f3b7a}.tea-node:hover span{transform:rotate(-6deg)}.tea-node:nth-child(2n):hover span{transform:rotate(7deg)}.tea-node.selected{color:var(--ink);background:transparent;box-shadow:none}.tea-node.selected .tea-leaf-surface{fill:#fffaf04d;stroke:#463f3b85;stroke-width:1.25}.center-console{position:absolute;z-index:5;left:50%;top:51%;width:390px;height:410px;transform:translate(-50%,-50%);transition:transform .4s cubic-bezier(.2,.75,.2,1)}.picker-open .center-console{transform:translate(-50%,-50%) scale(.72)}.recommend-active .center-console{left:34%;top:50%;transform:translate(-50%,-50%) scale(.72)}.awaiting-choice:not(.picker-open) .center-console{top:40%}.awaiting-choice:not(.picker-open) .mug-button{top:24px}.awaiting-choice:not(.picker-open) .cup-instruction{left:calc(50% + 14px);bottom:14px}.timer-orb{position:absolute;z-index:8;left:50%;top:-28px;width:158px;height:78px;display:grid;place-items:center;overflow:hidden;border:1px solid rgb(51 45 43 / 11%);border-radius:18px;background:#fffaf0eb;box-shadow:0 18px 45px #4a373021;transform:translate(-50%);transition:transform .4s ease,box-shadow .4s ease}.timer-orb:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--tea-color);transform:scaleX(var(--progress));transform-origin:left;transition:transform .4s linear,background .35s ease}.timer-orb svg{display:none}.timer-orb circle{fill:none;stroke-width:2}.orb-track{stroke:#332d2b1a;stroke-dasharray:2 3}.orb-progress{stroke:var(--tea-color);stroke-linecap:round;stroke-dasharray:100;transition:stroke-dashoffset .4s linear,stroke .35s ease}.timer-orb div{position:relative;z-index:1;text-align:center}.timer-orb span{display:block;max-width:126px;overflow:hidden;color:var(--muted);font-size:.54rem;font-weight:700;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.timer-orb output{display:block;font:800 1.58rem/1.08 Nunito,Avenir Next,Segoe UI,system-ui,sans-serif;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.timer-orb .timer-ready{font-size:1.35rem;letter-spacing:-.035em}.status-running .timer-orb{transform:translate(-50%) scale(1.035);box-shadow:0 18px 42px color-mix(in srgb,var(--tea-color) 22%,transparent)}.mug-button{position:absolute;left:50%;top:72px;width:350px;height:350px;padding:0;border:0;background:transparent;transform:translate(-50%)}.mug-button .miau-cup-svg{position:relative;z-index:4;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 24px 17px rgb(64 49 43 / 17%));animation:mug-float 4.2s ease-in-out infinite;transition:filter .4s ease}.mug-button:hover .miau-cup-svg{filter:drop-shadow(0 28px 22px rgb(64 49 43 / 23%))}.cup-shadow-svg{fill:#49342d29}.handle-outline{fill:none;stroke:#664b43;stroke-width:62;stroke-linecap:round}.handle-fill{fill:none;stroke:#a8ced8;stroke-width:46;stroke-linecap:round}.cup-body-svg{fill:#b8d9df;stroke:#664b43;stroke-width:8;stroke-linejoin:round}.brew-fill{fill:var(--tea-color);opacity:.46;transition:fill .4s ease}.brew-level-line{fill:none;stroke:color-mix(in srgb,var(--tea-color) 78%,#5c4038);stroke-width:5;stroke-linecap:round;opacity:.58}.cup-rim-outline{fill:#f7efd9;stroke:#664b43;stroke-width:8}.cup-inside-svg{fill:#dda9ae}.svg-liquid{fill:color-mix(in srgb,var(--tea-color) 70%,#8d5a49);opacity:.88;transform-box:fill-box;transform-origin:center;transition:fill .4s ease}.cup-hearts{fill:#c88f96}.cat-tail-outline{fill:none;stroke:#674b43;stroke-width:48;stroke-linecap:round}.cat-tail-fill{fill:none;stroke:#f4ecd9;stroke-width:33;stroke-linecap:round}.cat-body,.cat-ear{fill:#f7efd9;stroke:#674b43;stroke-width:8;stroke-linejoin:round}.ear-inner{fill:#d9a5a9}.cat-patch{fill:#9d7d73}.cat-eyes{fill:#332d2b;transform-box:fill-box;transform-origin:center;animation:cat-blink 5.2s ease-in-out infinite}.eye-shine{fill:#fff8eb}.cat-nose{fill:#b5797e}.cat-mouth,.whiskers{fill:none;stroke:#332d2b;stroke-width:7;stroke-linecap:round}.whiskers{stroke-width:6}.grain-overlay{fill:url(#pencil-grain);pointer-events:none}.cat-ear-right{transform-box:fill-box;transform-origin:left bottom;animation:ear-twitch 6s ease-in-out infinite}.status-running .svg-liquid{animation:tea-swish 2.2s ease-in-out infinite alternate}.steam-field{position:absolute;z-index:7;left:50%;top:6px;width:150px;height:105px;opacity:0;transform:translate(-50%);transition:opacity .55s ease;pointer-events:none}.steam-field i{position:absolute;bottom:0;width:28px;height:76px;border-left:3px solid rgb(255 255 255 / 86%);border-radius:50%;filter:blur(.4px)}.steam-field i:nth-child(1){left:12%;height:60px}.steam-field i:nth-child(2){left:37%}.steam-field i:nth-child(3){left:62%;height:88px}.steam-field i:nth-child(4){left:86%;height:65px}.status-almost .steam-field,.status-done .steam-field{opacity:1}.status-almost .steam-field i,.status-done .steam-field i{animation:steam-rise 2.4s ease-in-out infinite}.status-almost .steam-field i:nth-child(2),.status-done .steam-field i:nth-child(2){animation-delay:.45s}.status-almost .steam-field i:nth-child(3),.status-done .steam-field i:nth-child(3){animation-delay:.9s}.status-almost .steam-field i:nth-child(4),.status-done .steam-field i:nth-child(4){animation-delay:1.25s}.status-running .mug-button .miau-cup-svg{animation:brew-rock 3s ease-in-out infinite}.status-paused .mug-button .miau-cup-svg{animation-play-state:paused;filter:saturate(.7) drop-shadow(0 22px 14px rgb(64 49 43 / 13%))}.cup-instruction{position:absolute;z-index:9;left:50%;bottom:-10px;display:flex;align-items:center;gap:.45rem;width:max-content;color:var(--muted);font-size:.62rem;font-weight:600;transform:translate(-50%)}.cup-instruction i{color:var(--brown);font-style:normal;animation:nudge-up 1.4s ease-in-out infinite}.picker-open .cup-instruction{opacity:0}.status-running .cup-instruction,.status-paused .cup-instruction{opacity:.65}.tap-ripple{position:absolute;z-index:2;left:50%;top:55%;width:230px;height:230px;border:1px solid var(--tea-color);border-radius:50%;opacity:0;transform:translate(-50%,-50%)}.status-running .tap-ripple{animation:ripple-out 2.6s ease-out infinite}.status-running .ripple-two{animation-delay:1.3s}.heart-pop{position:absolute;z-index:10;color:var(--pink);opacity:0;font-size:1.3rem;pointer-events:none}.heart-a{left:20%;top:28%}.heart-b{right:8%;top:22%}.heart-c{right:18%;top:5%;color:var(--yellow)}.status-done .heart-pop{animation:heart-pop 1.7s ease-in-out infinite alternate}.status-done .heart-b{animation-delay:.25s}.status-done .heart-c{animation-delay:.5s}.status-done .mug-button .miau-cup-svg{animation:happy-wiggle 1.2s cubic-bezier(.2,.8,.2,1) both}.signal{position:absolute;z-index:10;min-width:104px;padding:.65rem .8rem;border:1px solid rgb(51 45 43 / 10%);border-radius:1.1rem;background:#fffaf0c2;box-shadow:0 12px 30px #3c302b12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:signal-out .55s cubic-bezier(.2,.8,.2,1.2) both}.signal:after{content:"";position:absolute;top:50%;width:70px;border-top:1px dashed color-mix(in srgb,var(--tea-color) 45%,transparent)}.signal span{display:block;color:var(--muted);font-size:.55rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.signal strong{display:block;margin-top:.12rem;font:800 1.15rem/1.1 Nunito,Avenir Next,Segoe UI,system-ui,sans-serif}.signal-temp{left:22%;top:34%}.signal-temp:after{left:100%;transform:rotate(11deg);transform-origin:left}.signal-amount{right:20%;top:43%;animation-delay:.08s}.signal-amount:after{right:100%;transform:rotate(-7deg);transform-origin:right}.signal-time{right:9%;top:67%;animation-delay:.16s}.signal-time:after{right:100%;width:120px;transform:rotate(8deg);transform-origin:right}.control-dock{position:relative;z-index:12;width:min(1040px,100%);min-height:94px;display:grid;grid-template-columns:1.15fr auto 1fr;align-items:center;gap:1.5rem;margin:-.2rem auto 1rem;padding:1rem 1.25rem;border:1px solid rgb(51 45 43 / 11%);border-radius:1.5rem;background:#fffaf0c2;box-shadow:0 20px 55px #3c302b17;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-control-dock{display:none}.selected-ritual{min-width:0;display:flex;align-items:center;gap:.75rem}.selected-swatch{flex:0 0 auto;width:10px;height:50px;border-radius:999px;background:var(--tea-color);box-shadow:0 0 0 5px color-mix(in srgb,var(--tea-color) 14%,transparent)}.selected-ritual div{min-width:0}.selected-ritual small{display:block;color:#a36d70;font-size:.55rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.selected-ritual strong{display:block;overflow:hidden;font:800 1.18rem/1.2 Nunito,Avenir Next,Segoe UI,system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap}.selected-ritual p{margin:.2rem 0 0;overflow:hidden;color:var(--muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.ritual-meta{display:flex;gap:.4rem;margin-top:.45rem}.ritual-meta span{padding:.2rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--tea-color) 15%,white);color:#655955;font-size:.58rem;font-weight:800}.main-controls{display:flex;align-items:center;justify-content:center;gap:.65rem}.time-tune{display:flex;align-items:center;gap:.35rem;padding:.25rem;border:1px solid rgb(51 45 43 / 11%);border-radius:999px;background:#ffffff7a}.time-tune button{width:32px;height:32px;border:0;border-radius:50%;background:transparent}.time-tune button:hover{background:#fff}.time-tune span{min-width:45px;text-align:center;font:800 .85rem Nunito,Avenir Next,Segoe UI,system-ui,sans-serif;font-variant-numeric:tabular-nums}.primary-action,.secondary-action{min-height:48px;border-radius:999px;font-size:.75rem;font-weight:700}.primary-action{position:relative;min-width:168px;display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:.65rem 3.2rem;border:1px solid #483c38;background:var(--ink);color:#fffaf3;box-shadow:0 10px 24px #332d2b2b;transition:transform .2s ease,box-shadow .2s ease}.primary-action:hover{transform:translateY(-2px);box-shadow:0 14px 28px #332d2b3b}.primary-action b{position:absolute;right:.8rem;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--pink);color:var(--ink)}.primary-action.compact{min-width:0;justify-content:center;padding:.7rem 1.1rem}.text-action{border:0;background:transparent;color:var(--muted);font-size:.68rem;text-decoration:underline;text-underline-offset:3px}.dock-tools{justify-self:end;text-align:right}.dock-tools button{display:inline-flex;align-items:center;gap:.45rem;min-height:40px;padding:0 .8rem;border:1px solid rgb(51 45 43 / 13%);border-radius:999px;background:#ffffff73;font-size:.72rem;font-weight:650}.dock-tools small{display:block;margin-top:.3rem;color:var(--muted);font-size:.56rem}footer{min-height:56px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid rgb(51 45 43 / 9%);color:var(--muted);font-size:.66rem}footer button{border:0;background:transparent;color:var(--ink);font-weight:650}footer>span:last-child{justify-self:end}.ready-toast{position:fixed;z-index:30;right:1.5rem;bottom:1.5rem;display:flex;align-items:center;gap:.8rem;max-width:350px;padding:.9rem 1.1rem;border:1px solid rgb(51 45 43 / 12%);border-radius:1.2rem;background:var(--paper);box-shadow:0 24px 60px #332d2b38;animation:toast-in .45s ease both}.ready-toast>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--pink);color:#fff}.ready-toast strong{font-family:Nunito,Avenir Next,Segoe UI,system-ui,sans-serif}.ready-toast p{margin:.12rem 0 0;color:var(--muted);font-size:.68rem}.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:1rem;background:#2a232166;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-in .2s ease both}.modal{position:relative;width:min(510px,100%);padding:clamp(1.5rem,5vw,3rem);border:1px solid rgb(51 45 43 / 12%);border-radius:2.5rem .85rem 2.5rem 2.5rem;background:var(--paper);box-shadow:0 32px 90px #2a232142}.modal-close{position:absolute;right:1rem;top:1rem;width:42px;height:42px;border:1px solid rgb(51 45 43 / 12%);border-radius:50%;background:#fff;font-size:1.35rem}.modal-kicker{color:#a36d70;font-size:.63rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.modal h2{margin:.45rem 2.5rem 1rem 0;font:800 clamp(1.8rem,5vw,2.8rem)/1.04 "Nunito","Avenir Next","Segoe UI",system-ui,sans-serif;letter-spacing:-.045em}.modal>p{color:var(--muted);line-height:1.65}.credit-line{margin-top:1.8rem;display:grid;grid-template-columns:1fr auto;gap:.35rem 1rem;padding-top:1rem;border-top:1px solid rgb(51 45 43 / 12%);font-size:.75rem}.credit-line span{grid-column:1 / -1;color:var(--muted)}.credit-line a{color:var(--brown)}.custom-form{display:grid;gap:1rem;margin-top:1.35rem}.custom-form label{display:grid;gap:.4rem;color:var(--muted);font-size:.72rem;font-weight:600}.custom-form input{min-height:48px;width:100%;padding:.65rem .8rem;border:1px solid rgb(51 45 43 / 18%);border-radius:.8rem;background:#fff;color:var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.45rem}.secondary-action{padding:.7rem 1rem;border:1px solid rgb(51 45 43 / 16%);background:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes node-arrive{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(calc(var(--radius) - 35px)) rotate(calc(-1 * var(--angle))) scale(.75)}}@keyframes signal-out{0%{opacity:0;transform:translate(22px) scale(.85)}}@keyframes mug-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes brew-rock{0%,to{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-4px) rotate(1.2deg)}}@keyframes happy-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg) translateY(-6px)}50%{transform:rotate(3deg)}75%{transform:rotate(-2deg) translateY(-3px)}}@keyframes steam-rise{0%{transform:translateY(18px) scaleX(.75);opacity:0}30%{opacity:.9}to{transform:translateY(-25px) scaleX(1.4);opacity:0}}@keyframes liquid-wave{0%{transform:translate(-1.5%) rotate(-1deg)}to{transform:translate(1.5%) rotate(1deg)}}@keyframes tea-swish{0%{transform:translate(-2px) rotate(-1deg) scaleX(.99)}to{transform:translate(2px) rotate(1deg) scaleX(1.01)}}@keyframes cat-blink{0%,45%,50%,to{transform:scaleY(1)}47%,48%{transform:scaleY(.08)}}@keyframes ear-twitch{0%,74%,82%,to{transform:rotate(0)}77%{transform:rotate(8deg)}79%{transform:rotate(-3deg)}}@keyframes note-in{0%{opacity:0;transform:translate(-50%,-10px) rotate(-1deg) scale(.96)}}@keyframes recommend-in-right{0%{opacity:0;transform:translate(85px,75px) scale(.92)}}@keyframes side-note-in{0%{opacity:0;transform:translateY(-46%) scale(.94)}}@keyframes ripple-out{0%{opacity:.42;transform:translate(-50%,-50%) scale(.75)}to{opacity:0;transform:translate(-50%,-50%) scale(1.65)}}@keyframes heart-pop{0%{opacity:.1;transform:translateY(8px) scale(.6) rotate(-8deg)}to{opacity:1;transform:translateY(-15px) scale(1.15) rotate(8deg)}}@keyframes nudge-up{0%,to{transform:translateY(1px)}50%{transform:translateY(-3px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)}}@keyframes fade-in{0%{opacity:0}}@media(max-width:1000px){.tea-node{--radius: 205px;width:108px;height:64px;min-width:108px;min-height:64px}.tea-side-panel{width:185px}.moment-panel{width:210px}.control-dock{grid-template-columns:1fr auto}.dock-tools{display:none}}@media(max-width:780px){.app-shell{padding:0 .85rem}.topbar{min-height:72px;grid-template-columns:1fr auto}.ritual-step{display:none}.brand{font-size:1.25rem}.brand-cat{width:35px}.hero-copy{margin-top:1.2rem}.hero-copy h1{font-size:clamp(2rem,8vw,2.8rem)}.hero-copy>span{padding:0 1.5rem}.ritual-stage{height:540px;margin-top:.25rem}.ritual-stage.tea-chosen:not(.picker-open){height:680px}.ritual-stage:before{width:340px;height:340px;top:52%}.ritual-stage:after{width:260px;height:260px;top:52%}.picker-caption{left:0;top:7px;transform:translateY(-8px)}.picker-open .picker-caption{transform:translateY(0)}.picker-recommend{right:0;top:44%;min-height:40px}.back-to-start{left:0;top:0;min-height:40px}.recommend-panel{right:6rem;top:23%;width:min(270px,calc(100% - 1rem))}.tea-orbit{inset:0;display:block;overflow:visible;padding:0}.tea-node{--radius: 165px;position:absolute;width:98px;height:59px;min-width:98px;min-height:59px;transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--radius)) rotate(calc(-1 * var(--angle)))}.center-console{top:52%;width:330px;height:405px}.recommend-active .center-console{left:18%;top:57%;transform:translate(-50%,-50%) scale(.62)}.tea-chosen:not(.picker-open) .center-console{top:43%}.picker-open .center-console{transform:translate(-50%,-50%) scale(.62)}.timer-orb{top:-25px;width:140px;height:72px}.timer-orb output{font-size:1.48rem}.mug-button{top:73px;width:305px;height:305px}.steam-field{top:18px}.cup-instruction{bottom:2px;max-width:250px;text-align:center}.tea-side-panel{top:auto;bottom:0;width:calc(50% - .35rem);min-height:145px;padding:.75rem;gap:.45rem;transform:none}.pairing-panel{left:0}.moment-panel{right:0}.side-panel-icon{width:25px;height:25px}.tea-side-panel h2{margin-bottom:.45rem;font-size:.78rem}.tea-side-panel li{font-size:.59rem}.tea-side-panel p{font-size:.49rem}.control-dock{grid-template-columns:1fr;gap:.9rem;margin-top:-.3rem;padding:1rem}.selected-ritual{justify-content:center;text-align:left}.selected-ritual p{max-width:270px}.main-controls{flex-wrap:wrap}.primary-action{min-width:176px}footer{margin-top:1.25rem}}@media(min-width:521px)and (max-width:780px){.ritual-stage.tea-chosen:not(.picker-open){height:560px}.tea-chosen:not(.picker-open) .center-console{top:52%}.tea-side-panel{top:51%;bottom:auto;width:126px;min-height:0;padding:.65rem;transform:translateY(-50%)}.pairing-panel{left:0}.moment-panel{right:0;width:146px}.side-panel-icon{display:none}.tea-side-panel h2{font-size:.72rem}.tea-side-panel li{font-size:.55rem}.tea-side-panel p{font-size:.46rem}}@media(max-width:520px){.picker-recommend{right:50%;top:auto;bottom:2px;transform:translate(50%,8px)}.picker-open .picker-recommend{transform:translate(50%)}.ritual-stage.tea-chosen:not(.picker-open){height:930px}.tea-chosen:not(.picker-open) .center-console{top:28%}.desktop-control-dock{display:none}.mobile-control-dock{position:absolute;z-index:16;left:0;top:470px;width:100%;display:grid;margin:0}.tea-side-panel{bottom:18px}.recommend-active .ritual-stage.tea-chosen:not(.picker-open){height:675px}.recommend-active .mobile-control-dock{display:none}}@media(max-width:430px){.language-switch{min-height:38px}.hero-copy>p{font-size:.58rem}.hero-copy>span{font-size:.72rem}.ritual-stage{height:515px}.ritual-stage.tea-chosen:not(.picker-open){height:930px}.tea-node{--radius: 142px;width:86px;height:53px;min-width:86px;min-height:53px;padding:.4rem .65rem;font-size:.58rem}.center-console{top:52%;width:300px;height:370px}.recommend-active .center-console{left:17%;top:62%;transform:translate(-50%,-50%) scale(.58)}.tea-chosen:not(.picker-open) .center-console{top:28%}.picker-open .center-console{transform:translate(-50%,-50%) scale(.58)}.mug-button{width:280px;height:280px}.timer-orb{width:132px;height:68px}.recommend-panel{right:0;top:20%;width:224px;padding:1rem}.selected-ritual p{max-width:220px}.time-tune{width:124px;justify-content:space-between}.main-controls{gap:.45rem}.primary-action{flex:1;min-width:165px}footer>span:first-child{display:none}footer{grid-template-columns:1fr 1fr}footer button{justify-self:start}footer>span:last-child{justify-self:end}.ready-toast{left:1rem;right:1rem;bottom:1rem}.form-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.steam-field,.tap-ripple{display:none}}