.hb{--hb-radius:14px;--hb-shadow:0 10px 30px rgba(42,31,16,0.1);--hb-focus:0 0 0 3px rgba(99,122,94,0.45);color:var(--brown);font-synthesis-style:none}.hb :focus-visible{outline:3px solid var(--sage);outline-offset:3px}.hb-container{max-width:1100px;margin:0 auto;padding:0 1.1rem}.hb-container--narrow{max-width:760px}.hb-section{padding:3.5rem 0}.hb-hero,.hb-section{scroll-margin-top:7.5rem}.hb{overflow-wrap:break-word}.hb-section--cream{background:linear-gradient(180deg,var(--cream) 0,var(--cream2) 100%)}.hb-section--sage{background:var(--sage-d);color:var(--cream)}.hb-pretitle{font-family:var(--font-lato),system-ui,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--sage);margin:0 0 .75rem}.hb-pretitle--light{color:var(--sage-xl)}.hb-h1,.hb-h2{font-family:var(--font-playfair),Georgia,serif;font-weight:900;color:var(--sage-d);line-height:1.1;margin:0 0 1rem}.hb-h1{font-size:clamp(1.9rem,5vw,2.8rem)}.hb-h2{font-size:clamp(1.7rem,4vw,2.6rem)}.hb-h1 em,.hb-h2 em,.hb-hero-title em,.hb-success-title em{font-style:italic;font-weight:400;color:var(--sage)}.hb-h2--light{color:var(--cream)}.hb-h2--light em{color:var(--sage-xl)}.hb-lead{max-width:640px;font-size:1rem;line-height:1.7;color:var(--muted);margin:0 0 2rem}.hb-lead--light{color:rgba(253,250,248,.8)}.hb-muted{color:var(--muted);font-weight:400}.hb-label{display:block;font-size:.78rem;margin:0 0 .5rem}.hb-btn,.hb-label{font-family:var(--font-lato),system-ui,sans-serif;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--sage-d)}.hb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.4rem;border-radius:999px;border:1.5px solid var(--sage);background:transparent;font-size:.82rem;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,transform .2s,box-shadow .2s}.hb-btn:hover:not(:disabled){background:var(--sage-bg)}@media (hover:hover){.hb-btn:hover:not(:disabled){transform:translateY(-1px)}.hb-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(42,31,16,.18)}.hb-heart:hover:not(:disabled){transform:scale(1.06)}}.hb-btn:disabled{opacity:.5;cursor:not-allowed}.hb-btn--primary{background:var(--sage-d);border-color:var(--sage-d);color:var(--cream)}.hb-btn--primary:hover:not(:disabled){background:var(--sage);box-shadow:var(--hb-shadow)}.hb-btn--cream{background:#f7f2e8;border-color:#f7f2e8;color:var(--sage-d)}.hb-btn--cream:hover:not(:disabled){background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25)}.hb-btn--outline-light{border-color:rgba(255,255,255,.45);color:#fff}.hb-btn--outline-light:hover:not(:disabled){background:rgba(255,255,255,.12)}.hb-btn--ghost{border-color:var(--border)}.hb-btn--small{min-height:44px;padding:.5rem 1rem;font-size:.74rem}.hb-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer}.hb-icon-btn:hover{background:var(--sage-bg);color:var(--sage-d)}.hb-link-btn{background:none;border:none;padding:.25rem .1rem;min-height:44px;color:var(--sage-d);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.hb-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1.75rem}.hb-actions--center{justify-content:center}.hb-hero{position:relative;padding:7.5rem 1.1rem 3rem;background:radial-gradient(circle at 12% 18%,rgba(196,212,191,.35),transparent 42%),radial-gradient(circle at 88% 85%,rgba(228,217,198,.55),transparent 40%),var(--cream);color:var(--brown);text-align:center;overflow:hidden;border-bottom:1px solid var(--border)}.hb-hero-inner{max-width:860px;margin:0 auto;flex-direction:column}.hb-hero-inner,.hb-hero-logo{display:flex;align-items:center}.hb-hero-logo{width:84px;height:84px;border-radius:50%;background:#fff;justify-content:center;margin-bottom:1.1rem;box-shadow:0 10px 30px rgba(42,31,16,.12)}.hb-hero-title{font-family:var(--font-playfair),Georgia,serif;font-size:clamp(2.4rem,8vw,4.8rem);font-weight:900;line-height:1.05;color:var(--sage-d);margin:0 0 1rem}.hb-hero-title em{color:var(--sage)}.hb-hero-lead{font-family:var(--font-playfair),Georgia,serif;font-style:italic;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6;color:var(--muted);max-width:600px;margin:0 0 1.75rem}.hb-hero-ctas{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;width:100%;max-width:420px}.hb-btn--big{min-height:56px;font-size:.92rem;padding:.9rem 1.2rem;box-shadow:0 12px 28px rgba(61,82,57,.22)}@media (min-width:400px){.hb-btn--big{padding-inline:1.8rem}}.hb-btn--game{background:var(--brown);border-color:var(--brown);color:var(--cream)}.hb-btn--game:hover:not(:disabled){background:#7a5330;border-color:#7a5330}.hb-hero-note{font-family:var(--font-lato),system-ui,sans-serif;font-size:.92rem;line-height:1.5;color:var(--muted);max-width:460px;margin:1rem 0 2rem}.hb-hero-note strong{color:var(--sage-d)}.hb-hero-facts{display:grid;grid-template-columns:1fr;gap:.75rem;width:100%;max-width:720px;margin:0 0 1.25rem}.hb-hero-facts>div{background:#fff;border:1px solid var(--border);border-radius:var(--hb-radius);padding:.85rem 1rem;text-align:left}.hb-hero-facts dt{display:flex;align-items:center;gap:.4rem;font-family:var(--font-lato),system-ui,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--sage);margin-bottom:.25rem}.hb-hero-facts dd{margin:0;font-family:var(--font-playfair),Georgia,serif;font-size:1.05rem;color:var(--sage-d)}.hb-hero-link{display:inline-flex;align-items:center;min-height:44px;font-family:var(--font-lato),system-ui,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--sage-d);text-decoration:none;padding:.6rem .4rem;border-bottom:1px solid transparent}.hb-hero-link:hover{border-bottom-color:var(--sage)}@media (min-width:640px){.hb-hero{padding-top:9.5rem;padding-bottom:4rem}.hb-hero-ctas{flex-direction:row;justify-content:center;max-width:none;width:auto}.hb-hero-facts{grid-template-columns:repeat(3,1fr)}}.hb-how{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:0;counter-reset:none}.hb-how-step{position:relative;padding:1.25rem 0 1.5rem;border-top:1px solid var(--sage-l)}.hb-how-no{display:block;font-style:italic;font-weight:400;font-size:2.6rem;line-height:1;color:var(--sage-l);margin-bottom:.6rem;letter-spacing:-.02em}.hb-how-no,.hb-how-step h3{font-family:var(--font-playfair),Georgia,serif}.hb-how-step h3{font-size:1.35rem;font-weight:700;color:var(--sage-d);margin:0 0 .5rem}.hb-how-step p{margin:0;line-height:1.65;color:var(--muted);font-size:.95rem;max-width:34ch}.hb-section--how{padding-bottom:1.5rem}@media (min-width:768px){.hb-how{grid-template-columns:repeat(3,1fr);gap:2.5rem}.hb-how-step{padding-top:1.5rem}.hb-how-no{font-size:3.2rem}}.hb-kreator{scroll-margin-top:120px}.hb-progress{margin-bottom:1.5rem}.hb-progress-bar{height:6px;border-radius:3px;background:var(--cream3);overflow:hidden}.hb-progress-bar span{display:block;height:100%;background:var(--sage);transition:width .4s ease}.hb-steps{list-style:none;margin:.75rem 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.25rem}.hb-steps>li{min-width:0}.hb-step{width:100%;min-height:44px;display:flex;flex-direction:column;align-items:center;gap:.3rem;background:none;border:none;padding:.25rem 0;cursor:pointer;color:var(--muted);font-family:var(--font-lato),system-ui,sans-serif;font-size:.6rem;letter-spacing:.3px;text-transform:uppercase}.hb-step:disabled{cursor:default}.hb-step-dot{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--border);background:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:var(--muted)}.hb-step[data-state=done] .hb-step-dot{background:var(--sage);border-color:var(--sage);color:#fff}.hb-step[data-state=active] .hb-step-dot{border-color:var(--sage-d);color:var(--sage-d);box-shadow:var(--hb-focus)}.hb-step[data-state=active]{color:var(--sage-d);font-weight:700}.hb-step-label{display:none;max-width:100%;text-align:center;overflow-wrap:anywhere}@media (min-width:640px){.hb-step-label{display:block}}.hb-restored{margin:0 0 1rem;padding:.6rem 1rem;border-radius:var(--hb-radius);background:var(--sage-bg);font-size:.9rem}.hb-kreator-grid{display:grid;gap:1.5rem}.hb-form{background:var(--white);border:1px solid var(--border);border-radius:var(--hb-radius);padding:1.5rem 1.1rem;box-shadow:var(--hb-shadow)}.hb-step-title{font-family:var(--font-playfair),Georgia,serif;font-size:1.5rem;color:var(--sage-d);margin:0 0 1.25rem}.hb-fieldset{border:none;padding:0;margin:0;min-width:0}.hb-legend{font-family:var(--font-lato),system-ui,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--sage-d);padding:0;margin-bottom:.75rem}.hb-field{margin-top:1.25rem}.hb-field>label{display:block;font-weight:700;color:var(--sage-d);margin-bottom:.4rem}.hb-field output{font-weight:400;color:var(--sage)}.hb-form input[type=text],.hb-form textarea{width:100%;min-height:48px;padding:.7rem .9rem;border:1.5px solid var(--border);border-radius:10px;background:#fff;color:var(--brown);font:inherit;font-size:1rem;line-height:1.5}.hb-form textarea{resize:vertical}.hb-form input[type=text]:focus-visible,.hb-form textarea:focus-visible{outline:none;border-color:var(--sage);box-shadow:var(--hb-focus)}.hb-form input[aria-invalid=true],.hb-form textarea[aria-invalid=true]{border-color:#b33a4a}.hb-help{font-size:.88rem;line-height:1.5;margin:.35rem 0 0}.hb-counter,.hb-help{display:block;color:var(--muted)}.hb-counter{text-align:right;font-size:.75rem;margin-top:.25rem}.hb-counter[data-over=true]{color:#b33a4a;font-weight:700}.hb-error{color:#9a2d3b;font-size:.88rem;margin:.4rem 0 0}.hb-error[hidden]{display:none}.hb-error--block{padding:.75rem 1rem;border-radius:10px;background:rgba(179,58,74,.08);border:1px solid rgba(179,58,74,.3);margin:1rem 0 0}.hb-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}@media (min-width:480px){.hb-tiles{grid-template-columns:repeat(3,1fr)}}.hb-tile{position:relative;display:flex;align-items:center;gap:.6rem;min-height:56px;padding:.6rem .8rem;border:1.5px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}.hb-tile input{position:absolute;opacity:0;width:1px;height:1px}.hb-tile-swatch{width:26px;height:26px;border-radius:50%;background:var(--tile-color);box-shadow:inset 0 0 0 2px rgba(255,255,255,.6);flex-shrink:0}.hb-tile-label{font-weight:700;color:var(--sage-d);font-size:.95rem}.hb-tile[data-checked=true]{border-color:var(--sage-d);background:var(--sage-bg);box-shadow:inset 0 0 0 1px var(--sage-d)}.hb-tile:has(input:focus-visible){box-shadow:var(--hb-focus)}.hb-chips{display:none;flex-wrap:wrap;gap:.5rem}.hb-additions-select{margin-bottom:.75rem}.hb-select{width:100%;min-height:48px;padding:.6rem 2.6rem .6rem .9rem;font:inherit;font-size:1rem;color:var(--sage-d);background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23637a5e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right .9rem center;border:1.5px solid var(--border);border-radius:14px;appearance:none;-webkit-appearance:none}.hb-select:disabled{opacity:.6}.hb-select:focus-visible{outline:3px solid var(--sage-xl);outline-offset:2px;border-color:var(--sage)}@media (min-width:640px){.hb-chips{display:flex}.hb-additions-select{display:none}}.hb-chip{position:relative;display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:.45rem .9rem;border:1.5px solid var(--border);border-radius:999px;background:#fff;color:var(--sage-d);font-size:.92rem;cursor:pointer;transition:border-color .2s,background .2s}.hb-chip input{position:absolute;opacity:0;width:1px;height:1px}.hb-chip[data-checked=true]{background:var(--sage-d);border-color:var(--sage-d);color:var(--cream)}.hb-chip-icon{width:28px;height:28px;margin-left:-.35rem;border-radius:50%;background:#f3ede1;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(99,122,94,.15)}.hb-chip[data-checked=true] .hb-chip-icon{box-shadow:none}.hb-chip[data-disabled=true]{opacity:.45;cursor:not-allowed}.hb-chip:has(input:focus-visible){box-shadow:var(--hb-focus)}.hb-inline{display:flex;gap:.5rem;align-items:stretch}.hb-inline input{flex:1;min-width:0}.hb-additions{margin-top:1.25rem}.hb-additions-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.hb-addition{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name remove" "amount remove";gap:.35rem .5rem;align-items:center;padding:.6rem .75rem;border:1px solid var(--border);border-radius:12px;background:var(--cream)}.hb-addition-name{grid-area:name;font-weight:700;color:var(--sage-d)}.hb-addition input{grid-area:amount;min-height:44px!important}.hb-addition .hb-icon-btn{grid-area:remove}@media (min-width:560px){.hb-addition{grid-template-columns:1fr 1fr auto;grid-template-areas:"name amount remove"}}.hb-form input[type=range]{width:100%;min-height:44px;accent-color:var(--sage-d);cursor:pointer}.hb-range-scale{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}.hb-segment{display:flex;flex-wrap:wrap;gap:.5rem;border:none;padding:0;margin:0;min-width:0}.hb-segment .hb-label{width:100%}.hb-segment-item{position:relative;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.5rem 1rem;border:1.5px solid var(--border);border-radius:999px;background:#fff;color:var(--sage-d);font-size:.9rem;font-weight:700;cursor:pointer}.hb-segment-item input{position:absolute;opacity:0;width:1px;height:1px}.hb-segment-item:has(input:checked){background:var(--sage-d);border-color:var(--sage-d);color:var(--cream)}.hb-segment-item:has(input:focus-visible){box-shadow:var(--hb-focus)}.hb-swatch{width:18px;height:18px;border-radius:50%;border:2px solid}.hb-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;min-height:160px;padding:1.5rem;border:2px dashed var(--sage-l);border-radius:var(--hb-radius);background:var(--cream);color:var(--sage-d);font-weight:700;cursor:pointer;text-align:center}.hb-upload small{font-weight:400;color:var(--muted)}.hb-upload input{position:absolute;opacity:0;width:1px;height:1px}.hb-upload:has(input:focus-visible){box-shadow:var(--hb-focus)}.hb-upload[data-busy=true]{opacity:.7;cursor:progress}.hb-photo{display:flex;flex-direction:column;align-items:center;gap:1rem}.hb-polaroid{display:inline-flex;flex-direction:column;width:min(260px,100%);padding:12px 12px 10px;background:var(--white);box-shadow:0 8px 20px rgba(42,31,16,.18);transform:rotate(-2deg)}.hb-polaroid img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.hb-polaroid-caption{font-family:var(--font-playfair),Georgia,serif;font-size:.85rem;text-align:center;color:var(--sage-d);padding-top:10px}.hb-spin{animation:hb-spin 1s linear infinite}@keyframes hb-spin{to{transform:rotate(1turn)}}.hb-consents{display:grid;gap:.6rem}.hb-check{display:flex;gap:.7rem;align-items:flex-start;min-height:44px;padding:.5rem .6rem;border-radius:10px;border:1px solid var(--border);background:#fff;cursor:pointer;line-height:1.45;font-size:.92rem}.hb-check input{flex-shrink:0;width:22px;height:22px;margin-top:.15rem;accent-color:var(--sage-d)}.hb-check a{color:var(--sage-d);text-decoration:underline;text-underline-offset:3px}.hb-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.hb-rodo{margin-top:1.25rem;padding:.75rem 1rem;border-radius:10px;background:var(--cream);border:1px solid var(--border);font-size:.88rem;line-height:1.55;color:var(--muted)}.hb-rodo summary{cursor:pointer;font-weight:700;color:var(--sage-d);min-height:44px;display:flex;align-items:center}.hb-rodo a{color:var(--sage-d);text-decoration:underline}.hb-preview{display:flex;flex-direction:column;gap:.75rem}.hb-preview-card{position:relative;display:grid;grid-template-columns:1fr;gap:.5rem;align-items:center;text-align:center;padding:1.25rem 1.25rem 1.4rem;background:#f3ede1;border:1px solid rgba(92,61,30,.12);border-radius:var(--hb-radius);box-shadow:var(--hb-shadow);overflow:hidden;isolation:isolate}.hb-preview-card:before{inset:8px;border:1.5px solid rgba(217,168,108,.55);border-radius:calc(var(--hb-radius) - 6px)}.hb-preview-card:after,.hb-preview-card:before{content:"";position:absolute;pointer-events:none}.hb-preview-card:after{inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23g)'/></svg>");opacity:.07;mix-blend-mode:multiply;z-index:1}.hb-preview-art{position:relative;min-width:0;max-width:220px;margin:0 auto}.hb-preview-mug{width:100%;height:auto}.hb-preview-body{position:relative;min-width:0}.hb-preview-kicker{font-family:var(--font-lato),system-ui,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--sage);margin:0 0 .4rem}.hb-preview-kicker-ext{display:none}@media (min-width:400px){.hb-preview-kicker-ext{display:inline}}.hb-preview-name{font-weight:900;font-size:1.35rem;line-height:1.15;color:var(--sage-d);margin:0;overflow-wrap:anywhere;text-wrap:balance}.hb-preview-author,.hb-preview-name{font-family:var(--font-playfair),Georgia,serif}.hb-preview-author{font-style:italic;font-size:.95rem;color:var(--brown);opacity:.85;margin:.2rem 0 .75rem}.hb-preview-additions{min-height:1.6rem}.hb-preview-additions .hb-mug-chips{justify-content:center}.hb-preview-empty{margin:0;font-family:var(--font-playfair),Georgia,serif;font-style:italic;font-size:.85rem;color:var(--muted)}.hb-preview-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.55rem .75rem;margin:.85rem 0 0;padding-top:.7rem;border-top:1px solid rgba(92,61,30,.14);text-align:left}.hb-preview-meta>div{min-width:0}.hb-preview-meta dt{font-size:.56rem;letter-spacing:1.8px;color:var(--sage);margin-bottom:.15rem}.hb-preview-meta dd,.hb-preview-meta dt{font-family:var(--font-lato),system-ui,sans-serif;text-transform:uppercase;font-weight:700}.hb-preview-meta dd{margin:0;font-size:.74rem;letter-spacing:.8px;line-height:1.3;color:var(--brown);overflow-wrap:anywhere}.hb-preview-share{align-self:stretch}.hb-share-panel{margin-top:1.5rem}@media (min-width:900px){.hb-kreator-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:start}.hb-form{padding:2rem}.hb-preview{position:sticky;top:128px}.hb-preview-art{max-width:250px}}.hb-closed{text-align:center;padding:2.25rem 1.25rem;background:var(--white);border:1px solid var(--border);border-radius:var(--hb-radius);box-shadow:var(--hb-shadow);max-width:560px;margin:0 auto}.hb-closed-title{font-family:var(--font-playfair),Georgia,serif;font-size:clamp(1.6rem,4vw,2.1rem);font-weight:900;color:var(--sage-d);margin:.25rem 0 .75rem}.hb-closed-title em{font-style:italic;font-weight:400;color:var(--sage)}.hb-closed p:not(.hb-pretitle){margin:0 auto 1.25rem;max-width:44ch;line-height:1.6;color:var(--muted)}.hb-success{text-align:center;padding:2rem 1.25rem;background:var(--white);border:1px solid var(--border);border-radius:var(--hb-radius);box-shadow:var(--hb-shadow);margin-bottom:2rem;line-height:1.6}.hb-success-no{display:inline-flex;align-items:center;justify-content:center;min-width:80px;height:80px;padding:0 1rem;border-radius:40px;background:var(--sage-d);color:var(--cream);font-size:2rem;font-weight:900;margin-bottom:1rem}.hb-success-no,.hb-success-title{font-family:var(--font-playfair),Georgia,serif}.hb-success-title{font-size:1.8rem;color:var(--sage-d);margin:0 0 .75rem}.hb-mug{line-height:0}.hb-mug,.hb-mug svg{display:block;width:100%;height:auto}.hb-mug svg{overflow:visible}.hb-mug-steam path{animation:hb-mug-steam 3.4s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}.hb-mug-steam-2{animation-delay:.6s}.hb-mug-steam-3{animation-delay:1.2s}@keyframes hb-mug-steam{0%{opacity:0;transform:translateY(8px) scaleY(.92)}35%{opacity:.85}to{opacity:0;transform:translateY(-12px) scaleY(1.04)}}.hb-mug-tea{transition:cy .6s ease,rx .6s ease,ry .6s ease,fill .4s ease}.hb-mug-tea-fill{transition:y .6s ease,height .6s ease,fill .4s ease}.hb-mug-add--drop{animation:hb-mug-drop .75s cubic-bezier(.3,1.4,.5,1) both;transform-box:fill-box;transform-origin:50% 50%}@keyframes hb-mug-drop{0%{transform:translateY(-70px) rotate(-22deg) scale(.85);opacity:0}55%{opacity:1}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}.hb-mug-icon{display:inline-flex;flex:none;line-height:0;vertical-align:middle}.hb-mug-icon svg{display:block}.hb-mug-chips{display:flex;flex-wrap:wrap;gap:.35rem}.hb-mug-chip{position:relative;display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem .2rem .3rem;border-radius:999px;background:var(--white);border:1px solid rgba(217,168,108,.75);font-family:var(--font-lato),system-ui,sans-serif;font-size:.74rem;font-weight:700;line-height:1.2;color:var(--sage-d);white-space:nowrap;max-width:100%}.hb-mug-chip-label{overflow:hidden;text-overflow:ellipsis}.hb-mug-chip--compact{padding:.15rem;gap:0}.hb-mug-chip--more{padding:.2rem .55rem;background:var(--sage-xl);border-color:transparent;font-size:.72rem}.hb-mug-chips--compact{gap:.25rem}.hb-mug-chip-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){.hb-mug-add--drop,.hb-mug-steam path{animation:none!important}.hb-mug-tea,.hb-mug-tea-fill{transition:none!important}}.hb-share{padding:1.5rem 1.1rem;background:var(--white);border:1px solid var(--border);border-radius:var(--hb-radius);box-shadow:var(--hb-shadow)}.hb-share-title{font-family:var(--font-playfair),Georgia,serif;font-size:1.4rem;color:var(--sage-d);margin:0 0 .4rem}.hb-share-lead{color:var(--muted);line-height:1.6;margin:0 0 1.25rem;font-size:.95rem}.hb-share-controls{display:grid;gap:1rem;margin-bottom:1.25rem}.hb-share-preview{position:relative;width:min(440px,100%,calc(70vh * .8));width:min(440px,100%,calc(70dvh * .8));margin:0 auto;background:var(--cream2);border-radius:12px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 18px 40px rgba(42,31,16,.2)}.hb-share-preview[data-format=story]{width:min(360px,100%,calc(70vh * .5625));width:min(360px,100%,calc(70dvh * .5625))}.hb-share-preview img{display:block;width:100%;height:auto}.hb-share-loading{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px;color:var(--muted);font-style:italic}.hb-share-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1.25rem}@media (max-width:479px){.hb-form .hb-actions .hb-btn,.hb-share-actions .hb-btn{flex:1 1 auto}}.hb-share-status{text-align:center;color:var(--sage-d);font-size:.9rem;min-height:1.4em;margin:.75rem 0 0}.hb-gallery-note{display:inline-flex;align-items:flex-start;gap:.4rem;padding:.55rem .9rem;border-radius:14px;background:var(--sage-bg);color:var(--sage-d);font-size:.85rem;line-height:1.45;margin:0 0 1.5rem}.hb-gallery-note>svg{flex:none;margin-top:.2em}.hb-gallery-empty{text-align:center;max-width:460px;margin:0 auto;padding:2rem 1rem;color:var(--muted);font-family:var(--font-playfair),Georgia,serif;font-style:italic;font-size:1.1rem;line-height:1.6}.hb-gallery-empty-mug{max-width:160px;margin:0 auto 1rem}.hb-gallery-empty .hb-btn{margin-top:1rem;font-style:normal}.hb-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}@media (min-width:480px){.hb-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.hb-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}@media (min-width:1000px){.hb-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.hb-card{position:relative;display:flex;flex-direction:column;background:#f3ede1;border:1px solid rgba(92,61,30,.12);border-radius:var(--hb-radius);overflow:hidden;isolation:isolate;box-shadow:var(--hb-shadow);transition:transform .25s,box-shadow .25s}.hb-card:before{inset:8px;z-index:2;border:1.5px solid rgba(217,168,108,.55);border-radius:calc(var(--hb-radius) - 6px)}.hb-card:after,.hb-card:before{content:"";position:absolute;pointer-events:none}.hb-card:after{inset:0;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23g)'/></svg>");opacity:.07;mix-blend-mode:multiply}.hb-card-main{display:block;flex:1 1 auto;width:100%;padding:0;border:none;background:none;text-align:left;cursor:pointer;color:inherit;font:inherit}.hb-card-no{position:absolute;top:.9rem;left:.9rem;z-index:3;padding:.2rem .55rem;border-radius:999px;background:rgba(253,250,244,.92);color:var(--sage-d);font-family:var(--font-playfair),Georgia,serif;font-weight:700;font-size:.85rem}.hb-card-photo{display:flex;align-items:center;justify-content:center;aspect-ratio:1;overflow:hidden;padding:1.1rem 1.1rem 0}.hb-card-photo .hb-mug,.hb-card-photo .hb-photo-art{width:100%}.hb-photo-art{position:relative;display:block;width:100%;aspect-ratio:1}.hb-photo-art-circle{position:absolute;inset:6%;border-radius:50%;background:#c4d4bf}.hb-photo-art-circle:after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(217,168,108,.85);transform:translate(2.4%,-2%)}.hb-photo-art-frame{position:absolute;left:15.6%;top:13.5%;width:63.5%;aspect-ratio:1.11/1.215;background:#fdfaf4;transform:rotate(-3deg);box-shadow:10px 12px 0 rgba(47,64,48,.22)}.hb-photo-art .hb-photo-art-frame img{position:absolute;left:4.95%;top:4.5%;width:90.1%;height:82.3%;object-fit:cover;display:block}.hb-photo-art .hb-mug.hb-photo-art-stamp{position:absolute;left:60%;top:56%;width:42%;filter:drop-shadow(0 4px 6px rgba(47,64,48,.18))}.hb-card-body{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem 1.1rem .4rem;text-align:center}.hb-card-kicker{font-family:var(--font-lato),system-ui,sans-serif;font-size:.58rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--sage);margin-bottom:.2rem}.hb-card-name{font-size:1.25rem;font-weight:900;color:var(--sage-d);line-height:1.15;overflow-wrap:anywhere;text-wrap:balance}.hb-card-author,.hb-card-name{font-family:var(--font-playfair),Georgia,serif}.hb-card-author{font-style:italic;font-size:.9rem;color:var(--brown);opacity:.85;margin-bottom:.45rem}.hb-card-body .hb-mug-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;width:100%;margin-top:.1rem}.hb-card-body .hb-mug-chip{min-width:0;justify-content:flex-start}.hb-card-body .hb-mug-chip-label{white-space:nowrap}.hb-card-body .hb-mug-chip--more{grid-column:1/-1;justify-content:center;padding:.1rem 0 0;background:none;border:none;font-family:var(--font-playfair),Georgia,serif;font-style:italic;font-weight:400;font-size:.85rem;color:var(--muted)}.hb-heart{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:.4rem .9rem;border-radius:999px;border:1.5px solid var(--border);background:#fff;color:#9a2d3b;font-family:var(--font-lato),system-ui,sans-serif;font-weight:700;font-size:.85rem;cursor:pointer;transition:transform .15s,background .2s}.hb-card .hb-heart{align-self:flex-end;margin:.2rem 1.1rem 1.1rem}.hb-heart:hover:not(:disabled){background:rgba(179,58,74,.08)}.hb-heart[data-liked=true]{background:rgba(179,58,74,.1);border-color:rgba(179,58,74,.4);animation:hb-pop .35s ease}.hb-heart:disabled{cursor:default}.hb-heart--large{padding:.6rem 1.2rem}@keyframes hb-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.hb-dialog{margin:auto;width:min(760px,calc(100vw - 2rem));max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overscroll-behavior:contain;padding:0;border:none;border-radius:var(--hb-radius);background:var(--white);color:var(--brown);box-shadow:0 30px 80px rgba(0,0,0,.4);overflow:auto}.hb-dialog::backdrop{background:rgba(42,31,16,.6);backdrop-filter:blur(4px)}body:has(.hb-dialog[open]){overflow:hidden}.hb-dialog-card{position:relative;display:grid}.hb-dialog-close{position:absolute;top:.6rem;right:.6rem;z-index:2;width:44px;height:44px;border-radius:50%;border:none;background:rgba(253,250,244,.92);color:var(--sage-d);cursor:pointer}.hb-dialog-close,.hb-dialog-media{display:flex;align-items:center;justify-content:center}.hb-dialog-media{background:var(--cream2);aspect-ratio:4/3;overflow:hidden}.hb-dialog-media .hb-mug{width:55%}.hb-dialog-media .hb-photo-art{width:68%}.hb-dialog-media .hb-photo-art-frame{box-shadow:14px 16px 0 rgba(47,64,48,.22)}.hb-dialog-body{padding:1.25rem 1.1rem 1.5rem}.hb-dialog-title{font-size:1.6rem;color:var(--sage-d);margin:0;line-height:1.2}.hb-dialog-author,.hb-dialog-title{font-family:var(--font-playfair),Georgia,serif}.hb-dialog-author{font-style:italic;color:var(--muted);margin:.2rem 0 1.25rem}.hb-recipe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem;margin:0}.hb-recipe-wide{grid-column:1/-1}.hb-recipe-fact dd{font-family:var(--font-playfair),Georgia,serif;font-size:1.05rem;color:var(--sage-d);line-height:1.3}@media (min-width:480px){.hb-recipe{grid-template-columns:repeat(3,minmax(0,1fr))}}.hb-recipe dt{display:flex;align-items:center;gap:.3rem;font-family:var(--font-lato),system-ui,sans-serif;font-size:.68rem;letter-spacing:2px;text-transform:uppercase;color:var(--sage);font-weight:700;margin-bottom:.25rem}.hb-recipe dd{margin:0;line-height:1.6}.hb-recipe-additions{list-style:none;margin:0;padding:0;display:grid;gap:.2rem}.hb-pre{white-space:pre-wrap}.hb-story{font-family:var(--font-playfair),Georgia,serif;font-style:italic}.hb-dialog-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}@media (min-width:640px){.hb-dialog-card{grid-template-columns:1fr 1.2fr}.hb-dialog-media{display:block;aspect-ratio:auto;min-height:100%;overflow:visible;padding:2.5rem 1.25rem 1.5rem}.hb-dialog-media .hb-mug,.hb-dialog-media .hb-photo-art{position:sticky;top:2.5rem;width:100%;max-width:300px;margin:0 auto}.hb-dialog-body{padding:1.75rem 1.5rem}}.hb-game-frame{--tg-play-height:max(70dvh,480px);border-radius:var(--hb-radius);overflow:hidden;background:var(--cream);color:var(--brown);box-shadow:0 20px 50px rgba(0,0,0,.3)}@media (max-height:520px) and (orientation:landscape){.hb-game-frame{--tg-play-height:max(calc(100dvh - 2rem),320px)}}.hb-rules{margin:.5rem 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:0 2.5rem}.hb-rule{padding:1.1rem 0 1.35rem;border-top:1px solid var(--sage-l);min-width:0}.hb-rule dt{font-family:var(--font-playfair),Georgia,serif;font-size:1.15rem;font-weight:700;color:var(--sage-d);margin:0 0 .4rem}.hb-rule dd{margin:0;font-size:.95rem;line-height:1.65;color:var(--muted);overflow-wrap:anywhere;max-width:40ch}.hb-rule strong{color:var(--sage-d);font-weight:700}@media (min-width:700px){.hb-rules{grid-template-columns:repeat(2,minmax(0,1fr))}}.hb-doc{padding:7rem 0 4rem;line-height:1.7}.hb-doc section{margin-top:2rem}.hb-doc h2{font-family:var(--font-playfair),Georgia,serif;font-size:1.35rem;color:var(--sage-d);margin:0 0 .6rem}.hb-doc ol{padding-left:1.4rem;margin:0}.hb-doc li+li{margin-top:.5rem}.hb-doc a:not(.hb-btn){color:var(--sage-d);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.hb-doc li{overflow-wrap:anywhere}.hb-doc-note{padding:.75rem 1rem;border-radius:10px;background:rgba(201,179,107,.18);border:1px solid rgba(201,179,107,.5);font-size:.9rem}.hb-fill{background:#f6e7a8;color:var(--brown);padding:0 .3rem;border-radius:4px;font-weight:700}@media (prefers-reduced-motion:reduce){.hb-drop,.hb-heart[data-liked=true],.hb-spin,.hb-steam path{animation:none!important}.hb-btn,.hb-card,.hb-progress-bar span,.hb-tea,.hb-tea-surface{transition:none!important}.hb-btn:hover:not(:disabled),.hb-card:hover,.hb-heart:hover:not(:disabled){transform:none}}