/* Tea Festival · Mapa virtual. Estilos con prefijo #tf-app para no chocar con el tema. */
:root{color-scheme: light;
  --tf-green:#1f5228; --tf-green-2:#2c6a36; --tf-green-ink:#173f1f;
  --tf-yellow:#f6ce0e; --tf-pink:#ee5ca0; --tf-orange:#f6901e; --tf-brown:#634119;
  --tf-cream:#f8f3d9; --tf-paper:#fffaee; --tf-sand:#eadfbf; --tf-line:rgba(31,82,40,.16);
  --tf-ink:#1d2a1e; --tf-muted:#58614f; --tf-glass:rgba(255,250,236,.80); --tf-glass-2:rgba(255,250,236,.92);
  --tf-shadow:0 22px 50px -24px rgba(52,36,10,.55), 0 2px 6px rgba(52,36,10,.10);
  --tf-display:"Fraunces", "Hornbill", Georgia, "Times New Roman", serif;
  --tf-body:"Montserrat", "Gotham", "Helvetica Neue", Arial, sans-serif;
  --tf-r:20px; --tf-fs:1;
  --tf-top: env(safe-area-inset-top, 0px); --tf-bot: env(safe-area-inset-bottom, 0px);}
#tf-app{position:relative;height:var(--tf-h,100%);min-height:520px;overflow:hidden;background:var(--tf-cream);color:var(--tf-ink);
  font-family:var(--tf-body);font-size:calc(15px * var(--tf-fs));line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
#tf-app *,#tf-app *::before,#tf-app *::after{box-sizing:border-box}
#tf-app button{font:inherit;color:inherit;cursor:pointer;white-space:normal;text-align:inherit;text-transform:none;letter-spacing:inherit;line-height:inherit;
  background:none;border:0;border-radius:0;padding:0;margin:0;width:auto;min-height:0;box-shadow:none;transition:none;-webkit-appearance:none;appearance:none;user-select:auto;text-decoration:none}
#tf-app a{text-decoration:none}
#tf-app a:hover,#tf-app a:focus{text-decoration:none}
#tf-app input,#tf-app select,#tf-app textarea{font:inherit;margin:0;transition:none;box-shadow:none;letter-spacing:normal;text-transform:none}
#tf-app label{line-height:inherit;vertical-align:baseline;font-weight:inherit;text-transform:none;letter-spacing:inherit}
#tf-app b,#tf-app strong{font-weight:700}
#tf-app img{max-width:none;border:0}
#tf-app ul,#tf-app ol{margin:0;padding:0}
#tf-app svg{width:18px;height:18px}
#tf-app [tabindex="-1"]:focus,#tf-app .tf-panel:focus,#tf-app .tf-dialog:focus,#tf-app .tf-stage:focus:not(:focus-visible){outline:none}
#tf-app :focus-visible{outline:3px solid var(--tf-pink);outline-offset:2px;border-radius:10px}
#tf-app h1,#tf-app h2,#tf-app h3{font-family:var(--tf-display);font-variation-settings:"SOFT" 100;margin:0;padding:0;text-wrap:balance;letter-spacing:-.01em;line-height:1.05;font-weight:800;text-transform:none;color:inherit}
#tf-app p{margin:0}
#tf-app .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#tf-app .tf-skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--tf-green);color:var(--tf-yellow);padding:10px 14px;border-radius:12px;font-weight:700;text-decoration:none}
#tf-app .tf-skip:focus{top:12px}
#tf-app .tf-stage{position:absolute;inset:0;overflow:hidden;perspective:1300px;perspective-origin:50% 30%;touch-action:none;cursor:grab;
  background:radial-gradient(120% 90% at 50% 40%, #fbf6e3 0%, #f3e8c6 70%, #eadbb0 100%)}
#tf-app .tf-stage.dragging{cursor:grabbing}
#tf-app .tf-sky{position:absolute;left:0;right:0;top:0;height:46%;opacity:0;pointer-events:none;transition:opacity .9s ease;
  background:linear-gradient(180deg,#bfe0e9 0%,#e7f0dc 55%,rgba(243,232,198,0) 100%)}
#tf-app .tf-sky::before,#tf-app .tf-sky::after{content:"";position:absolute;bottom:22%;height:46%;border-radius:50% 50% 0 0;background:#7da36a;opacity:.55}
#tf-app .tf-sky::before{left:-8%;width:60%;transform:skewX(-8deg)}
#tf-app .tf-sky::after{right:-6%;width:52%;background:#5e8a52;opacity:.5;height:38%}
#tf-app.is-3d .tf-sky{opacity:1}
#tf-app .tf-plane{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:50% 62%;will-change:transform}
#tf-app .tf-world{position:absolute;left:0;top:0;width:2400px;height:3064px;transform-origin:0 0;will-change:transform;transform-style:preserve-3d}
#tf-app .tf-world img.tf-map,#tf-app .tf-world img.tf-map-ph{position:absolute;inset:0;width:100%;height:100%;user-select:none;-webkit-user-drag:none;pointer-events:none}
#tf-app .tf-map-ph{filter:blur(6px) saturate(1.05)}
#tf-app .tf-map{transition:opacity .6s ease}
#tf-app .tf-world::after{content:"";position:absolute;inset:-2px;pointer-events:none;box-shadow:inset 0 0 120px rgba(99,65,25,.18)}
#tf-app .tf-clouds{position:absolute;inset:0;pointer-events:none;overflow:hidden;mix-blend-mode:multiply}
#tf-app .tf-cloud{position:absolute;width:900px;height:520px;border-radius:50%;background:radial-gradient(closest-side, rgba(70,58,30,.16), rgba(70,58,30,0));filter:blur(8px);animation:tf-drift 70s linear infinite}
#tf-app .tf-cloud:nth-child(2){width:700px;height:420px;top:1200px;animation-duration:95s;animation-delay:-40s}
#tf-app .tf-cloud:nth-child(3){width:1100px;height:600px;top:2200px;animation-duration:120s;animation-delay:-80s}
@keyframes tf-drift{from{transform:translate(-1200px,-80px)}to{transform:translate(3200px,140px)}}
#tf-app .tf-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(130% 100% at 50% 45%, rgba(0,0,0,0) 60%, rgba(70,46,12,.20) 100%)}
#tf-app .tf-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
#tf-app .tf-route path{fill:none;stroke-linecap:round;stroke-linejoin:round}
#tf-app .tf-route .casing{stroke:var(--tf-paper);opacity:.95}
#tf-app .tf-route .leg{stroke:var(--tf-pink)}
#tf-app .tf-route .leg.done{stroke:var(--tf-green)}
#tf-app .tf-route .leg.back{stroke:var(--tf-brown);opacity:.65}
#tf-app .tf-walker{transform-box:fill-box}
#tf-app .tf-markers{position:absolute;inset:0;transform-style:preserve-3d}
#tf-app .tf-mk,#tf-app .tf-cl{position:absolute;width:0;height:0;padding:0;border:0;background:none;transform-style:preserve-3d}
#tf-app .tf-mk-s,#tf-app .tf-cl-s{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;transform:translateZ(var(--lift,0px)) rotateX(calc(var(--tilt,0deg) * -1)) scale(var(--ms,1))}
#tf-app .tf-mk-in{position:absolute;left:-20px;top:-20px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  transform-origin:50% 50%;transform:scale(1);
  transition:transform .35s cubic-bezier(.3,1.6,.5,1), opacity .3s ease, filter .3s ease;
  box-shadow:0 2px 0 rgba(0,0,0,.18), 0 6px 10px -4px rgba(40,26,6,.45)}
#tf-app .tf-mk-in::after{content:"";position:absolute;inset:-8px;border-radius:50%}
#tf-app .tf-mk-n{font:italic 800 17px/1 var(--tf-body);letter-spacing:-.04em;transform:translateX(-1px)}
#tf-app .tf-mk[data-cat="stop"] .tf-mk-in{background:var(--tf-green);color:var(--tf-yellow)}
#tf-app .tf-mk[data-cat="exp"] .tf-mk-in{background:var(--tf-orange);color:var(--tf-green)}
#tf-app .tf-mk[data-cat="sig"] .tf-mk-in{background:var(--tf-pink);color:var(--tf-green)}
#tf-app .tf-mk:hover .tf-mk-in,#tf-app .tf-mk:focus-visible .tf-mk-in{transform:scale(1.18) translateY(-3px);
  box-shadow:0 3px 0 rgba(0,0,0,.18), 0 14px 18px -6px rgba(40,26,6,.5);z-index:3}
#tf-app .tf-mk:focus-visible{outline:none}
#tf-app .tf-mk:focus-visible .tf-mk-in{outline:3px solid var(--tf-ink);outline-offset:3px}
#tf-app .tf-mk.is-off .tf-mk-in{opacity:0;transform:scale(.2);pointer-events:none}
#tf-app .tf-mk.is-hidden{visibility:hidden}
#tf-app .tf-mk{transition:visibility 0s}
#tf-app .tf-mk.is-off{visibility:hidden;transition:visibility 0s linear .3s}
#tf-app .tf-mk.is-sel .tf-mk-in{transform:scale(1.3);box-shadow:0 0 0 4px var(--tf-paper),0 0 0 7px var(--tf-ink),0 16px 22px -8px rgba(40,26,6,.55)}
#tf-app .tf-mk.is-sel .tf-mk-in::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:3px solid var(--tf-pink);animation:tf-pulse 1.6s ease-out infinite}
@keyframes tf-pulse{from{transform:scale(1);opacity:.9}to{transform:scale(1.9);opacity:0}}
#tf-app .tf-mk.in-route .tf-mk-in{box-shadow:0 0 0 3px var(--tf-yellow),0 0 0 5px var(--tf-green),0 10px 14px -6px rgba(40,26,6,.5)}
#tf-app .tf-mk-badge{position:absolute;right:-9px;top:-9px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--tf-yellow);color:var(--tf-green);
  font:800 11px/20px var(--tf-body);text-align:center;box-shadow:0 0 0 2px var(--tf-green);display:none}
#tf-app .tf-mk.in-route .tf-mk-badge{display:block}
#tf-app .tf-mk-stamp{position:absolute;inset:-5px;border-radius:50%;display:none;place-items:center;background:rgba(255,250,238,.9);border:2.5px dashed var(--tf-green);transform:rotate(-14deg)}
#tf-app .tf-mk-stamp svg{width:22px;height:22px}
#tf-app .tf-mk.is-visited .tf-mk-stamp{display:grid;animation:tf-stamp .55s cubic-bezier(.2,1.8,.4,1) both}
@keyframes tf-stamp{0%{transform:rotate(-40deg) scale(2.2);opacity:0}100%{transform:rotate(-14deg) scale(1);opacity:1}}
#tf-app .tf-mk.is-home .tf-mk-in{box-shadow:0 0 0 3px var(--tf-paper),0 0 0 6px var(--tf-yellow),0 8px 14px -6px rgba(40,26,6,.5)}
#tf-app .tf-cl-in{position:absolute;left:-23px;top:-23px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  transform:scale(1);background:conic-gradient(var(--g));
  box-shadow:0 0 0 3px var(--tf-paper),0 10px 16px -6px rgba(40,26,6,.55);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
#tf-app .tf-cl-in span{width:32px;height:32px;border-radius:50%;background:var(--tf-paper);display:grid;place-items:center;font:800 13px/1 var(--tf-body);color:var(--tf-green)}
#tf-app .tf-cl:hover .tf-cl-in{transform:scale(1.12)}
#tf-app .tf-glass{background:var(--tf-glass);-webkit-backdrop-filter:blur(16px) saturate(1.25);backdrop-filter:blur(16px) saturate(1.25);
  border:1px solid rgba(255,255,255,.55);box-shadow:var(--tf-shadow);border-radius:var(--tf-r)}
#tf-app .tf-top{position:absolute;z-index:60;left:14px;right:14px;top:calc(12px + var(--tf-top));display:flex;align-items:center;gap:10px;pointer-events:none}
#tf-app .tf-top > *{pointer-events:auto}
#tf-app .tf-brand{display:flex;align-items:center;gap:12px;padding:8px 16px 8px 10px;border-radius:18px;color:var(--tf-green);text-decoration:none;transition:transform .25s cubic-bezier(.3,1.5,.5,1), box-shadow .25s}
#tf-app .tf-brand:hover{transform:translateY(-2px);box-shadow:0 26px 50px -24px rgba(52,36,10,.6), 0 2px 6px rgba(52,36,10,.12)}
#tf-app .tf-brand svg{width:84px;height:auto;display:block}
#tf-app .tf-brand-t{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap}
#tf-app .tf-brand-t b{font:italic 800 calc(17px*var(--tf-fs))/1.1 var(--tf-display);color:var(--tf-green);font-variation-settings:"SOFT" 100}
#tf-app .tf-brand-t small{font-size:calc(11px*var(--tf-fs));letter-spacing:.12em;text-transform:uppercase;color:var(--tf-orange);font-weight:700}
#tf-app .tf-top-actions{margin-left:auto;display:flex;gap:8px;align-items:center}
#tf-app .tf-pill{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:0;border-radius:999px;padding:10px 16px;font-weight:700;font-size:calc(13.5px*var(--tf-fs));
  background:var(--tf-glass-2);color:var(--tf-green);box-shadow:0 6px 18px -10px rgba(52,36,10,.6), inset 0 0 0 1px var(--tf-line);transition:transform .2s ease, background .2s ease}
#tf-app .tf-pill:hover{transform:translateY(-1px);background:#fff}
#tf-app .tf-pill svg{width:18px;height:18px;flex:none}
#tf-app .tf-pill.is-on{background:var(--tf-green);color:var(--tf-yellow)}
#tf-app .tf-count{min-width:22px;height:22px;border-radius:11px;padding:0 6px;background:var(--tf-pink);color:#fff;font-size:12px;line-height:22px;text-align:center}
#tf-app .tf-iconbtn{width:46px;height:46px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--tf-glass-2);color:var(--tf-green);
  box-shadow:0 6px 18px -10px rgba(52,36,10,.6), inset 0 0 0 1px var(--tf-line);transition:transform .2s, background .2s}
#tf-app .tf-iconbtn:hover{transform:translateY(-1px);background:#fff}
#tf-app .tf-iconbtn svg{width:22px;height:22px}
#tf-app .tf-iconbtn.is-on{background:var(--tf-green);color:var(--tf-yellow)}
#tf-app .tf-controls{position:absolute;z-index:25;right:14px;bottom:calc(16px + var(--tf-bot));display:flex;flex-direction:column;gap:8px;transition:right .45s cubic-bezier(.2,.8,.2,1)}
#tf-app.route-open .tf-controls{right:426px}
#tf-app .tf-ctl-group{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--tf-glass-2);box-shadow:0 8px 22px -12px rgba(52,36,10,.6), inset 0 0 0 1px var(--tf-line)}
#tf-app .tf-ctl-group button{width:46px;height:44px;border:0;background:none;display:grid;place-items:center;color:var(--tf-green)}
#tf-app .tf-ctl-group button + button{border-top:1px solid var(--tf-line)}
#tf-app .tf-ctl-group button:hover{background:#fff}
#tf-app .tf-ctl-group svg{width:20px;height:20px}
#tf-app .tf-ctl-3d{font:800 13px/1 var(--tf-body)!important;letter-spacing:.02em}
#tf-app.is-3d .tf-ctl-3d{background:var(--tf-green)!important;color:var(--tf-yellow)!important}
#tf-app .tf-scale{position:absolute;z-index:20;left:50%;bottom:calc(16px + var(--tf-bot));transform:translateX(-50%);font-size:11px;font-weight:700;color:var(--tf-brown);
  background:var(--tf-glass);padding:4px 10px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--tf-line);display:flex;align-items:center;gap:8px;pointer-events:none}
#tf-app .tf-scale i{display:block;height:6px;border:2px solid var(--tf-brown);border-top:0}
#tf-app .tf-panel{position:absolute;z-index:24;top:calc(84px + var(--tf-top));bottom:14px;width:400px;max-width:calc(100% - 28px);display:flex;flex-direction:column;overflow:hidden;
  transition:transform .5s cubic-bezier(.2,.8,.2,1), opacity .35s ease}
#tf-app .tf-explore{left:14px}
#tf-app .tf-routep{right:14px;width:400px}
#tf-app [hidden]{display:none!important}
#tf-app .tf-panel[aria-hidden="true"]{pointer-events:none;opacity:0;visibility:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1), opacity .35s ease, visibility 0s linear .5s}
#tf-app .tf-explore[aria-hidden="true"]{transform:translateX(-24px)}
#tf-app .tf-routep[aria-hidden="true"]{transform:translateX(24px)}
#tf-app .tf-panel-h{padding:18px 18px 12px;display:flex;align-items:flex-start;gap:10px}
#tf-app .tf-panel-h h2{font-size:calc(26px*var(--tf-fs));color:var(--tf-green);font-style:italic;font-weight:900}
#tf-app .tf-panel-h p{font-size:calc(12.5px*var(--tf-fs));color:var(--tf-muted);margin-top:4px}
#tf-app .tf-panel-h .tf-x{margin-left:auto;flex:none}
#tf-app .tf-panel-b{flex:1;overflow:auto;padding:0 18px 18px;overscroll-behavior:contain}
#tf-app .tf-x{width:38px;height:38px;border-radius:50%;border:0;background:rgba(31,82,40,.08);display:grid;place-items:center;color:var(--tf-green)}
#tf-app .tf-x:hover{background:rgba(31,82,40,.16)}
#tf-app .tf-x svg{width:18px;height:18px}
#tf-app .tf-search{position:relative;margin-bottom:14px}
#tf-app .tf-search svg{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--tf-muted)}
#tf-app .tf-search input{width:100%;height:46px;border-radius:14px;border:1.5px solid var(--tf-line);background:#fff;padding:0 14px 0 42px;font:inherit;font-size:calc(14px*var(--tf-fs));color:var(--tf-ink)}
#tf-app .tf-search input:focus{outline:none;border-color:var(--tf-green);box-shadow:0 0 0 3px rgba(246,206,14,.5)}
#tf-app .tf-label{font-size:calc(11px*var(--tf-fs));letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--tf-brown);margin:16px 0 8px}
#tf-app .tf-cats{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
#tf-app .tf-cat{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;text-align:left;white-space:normal;border:1.5px solid var(--tf-line);background:#fff;border-radius:14px;padding:10px 12px;transition:border-color .2s, background .2s, transform .2s}
#tf-app .tf-cat:hover{transform:translateY(-1px)}
#tf-app .tf-cat-ico{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center}
#tf-app .tf-cat-ico svg{width:20px;height:20px}
#tf-app .tf-cat b{display:block;font:italic 800 calc(15px*var(--tf-fs))/1.15 var(--tf-display);color:var(--tf-green)}
#tf-app .tf-cat small{display:block;font-size:calc(11.5px*var(--tf-fs));color:var(--tf-muted);line-height:1.3}
#tf-app .tf-cat > span:nth-child(2){min-width:0}
#tf-app .tf-cat .n{min-width:26px;height:26px;padding:0 7px;border-radius:13px;background:rgba(31,82,40,.07);display:grid;place-items:center;font-weight:800;font-size:12px;color:var(--tf-muted);font-variant-numeric:tabular-nums}
#tf-app .tf-cat[aria-pressed="true"]{border-color:var(--tf-green);background:#f2f6e9;box-shadow:inset 0 0 0 1px var(--tf-green)}
#tf-app .tf-cat[aria-pressed="true"] .n{color:var(--tf-yellow);background:var(--tf-green)}
#tf-app .c-stop{background:var(--tf-green);color:var(--tf-yellow)}
#tf-app .c-exp{background:var(--tf-orange);color:var(--tf-green)}
#tf-app .c-sig{background:var(--tf-pink);color:var(--tf-green)}
#tf-app .tf-chips{display:flex;flex-wrap:wrap;gap:6px}
#tf-app .tf-chip{border:1.5px solid var(--tf-line);background:#fff;border-radius:999px;padding:7px 12px;font-size:calc(12.5px*var(--tf-fs));font-weight:700;color:var(--tf-green);display:inline-flex;gap:6px;align-items:center}
#tf-app .tf-chip small{color:var(--tf-muted);font-weight:700;font-variant-numeric:tabular-nums}
#tf-app .tf-chip[aria-pressed="true"]{background:var(--tf-green);border-color:var(--tf-green);color:var(--tf-yellow)}
#tf-app .tf-chip[aria-pressed="true"] small{color:var(--tf-cream)}
#tf-app .tf-toggle{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:calc(13px*var(--tf-fs));font-weight:600;color:var(--tf-ink)}
#tf-app .tf-toggle input{appearance:none;width:42px;height:24px;border-radius:12px;background:#d9d1b9;position:relative;flex:none;cursor:pointer;transition:background .2s}
#tf-app .tf-toggle input::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .25s cubic-bezier(.3,1.5,.5,1)}
#tf-app .tf-toggle input:checked{background:var(--tf-green)}
#tf-app .tf-toggle input:checked::after{transform:translateX(18px)}
#tf-app .tf-results-h{display:flex;align-items:center;justify-content:space-between;margin:18px 0 8px}
#tf-app .tf-results-h b{font-size:calc(13px*var(--tf-fs))}
#tf-app .tf-link{border:0;background:none;padding:4px 0;color:var(--tf-pink);font-weight:800;font-size:calc(12.5px*var(--tf-fs));text-decoration:underline;text-underline-offset:3px}
#tf-app .tf-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
#tf-app .tf-row{display:flex;align-items:center;gap:8px;min-width:0;padding:8px;border-radius:14px;background:rgba(255,255,255,.7);border:1px solid transparent;transition:background .2s, border-color .2s}
#tf-app .tf-row:hover{background:#fff;border-color:var(--tf-line)}
#tf-app .tf-row-main{flex:1;min-width:0;display:flex;gap:10px;align-items:center;border:0;background:none;text-align:left;padding:0;overflow:hidden;white-space:normal}
#tf-app .tf-row-go{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;color:var(--tf-green);background:rgba(31,82,40,.07);margin-left:auto;transition:transform .2s, background .2s}
#tf-app .tf-row-go svg{width:16px;height:16px}
#tf-app .tf-row:hover .tf-row-go{background:var(--tf-green);color:var(--tf-yellow);transform:translateX(2px)}
#tf-app .tf-num{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;font:italic 800 14px/1 var(--tf-body);letter-spacing:-.04em}
#tf-app .tf-num.stop{background:var(--tf-green);color:var(--tf-yellow)}
#tf-app .tf-num.exp{background:var(--tf-orange);color:var(--tf-green)}
#tf-app .tf-num.sig{background:var(--tf-pink);color:var(--tf-green)}
#tf-app .tf-row-t{min-width:0;flex:1}
#tf-app .tf-row-t b{display:block;font-weight:700;font-size:calc(13.5px*var(--tf-fs));line-height:1.25;color:var(--tf-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tf-app .tf-row-t small{display:block;font-size:calc(11.5px*var(--tf-fs));color:var(--tf-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tf-app .tf-add{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--tf-green);background:#fff;color:var(--tf-green);display:grid;place-items:center;flex:none}
#tf-app .tf-add svg{width:16px;height:16px}
#tf-app .tf-add[aria-pressed="true"]{background:var(--tf-green);color:var(--tf-yellow)}
#tf-app .tf-add:disabled{opacity:.45;cursor:default;border-style:dashed}
#tf-app .tf-add.is-past{border-color:transparent;background:rgba(31,82,40,.08);opacity:1}
#tf-app .tf-empty{padding:24px 8px;text-align:center;color:var(--tf-muted);font-size:calc(13px*var(--tf-fs))}
#tf-app .tf-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:2px 0 14px}
#tf-app .tf-slot{aspect-ratio:1;max-width:100%;border-radius:14px;border:2px solid var(--tf-pink);background:#fff;display:grid;place-items:center;position:relative;font:italic 800 13px/1 var(--tf-body);color:rgba(238,92,160,.6)}
#tf-app .tf-slot.filled{border-style:solid;color:var(--tf-green)}
#tf-app .tf-slot.stamped{background:var(--tf-green);border-color:var(--tf-green);color:var(--tf-yellow)}
#tf-app .tf-slot.stamped::after{content:"";position:absolute;inset:4px;border-radius:10px;border:1.5px dashed rgba(246,206,14,.7)}
#tf-app .tf-slot svg{width:22px;height:22px}
#tf-app .tf-sum{display:flex;gap:10px;margin-bottom:12px}
#tf-app .tf-sum div{flex:1;background:#fff;border-radius:14px;padding:10px 12px;border:1px solid var(--tf-line)}
#tf-app .tf-sum small{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--tf-brown);font-weight:800}
#tf-app .tf-sum b{font:italic 800 calc(20px*var(--tf-fs))/1.2 var(--tf-display);color:var(--tf-green);font-variant-numeric:tabular-nums}
#tf-app .tf-steps{list-style:none;margin:0;padding:0;position:relative}
#tf-app .tf-step{position:relative;padding-left:44px}
#tf-app .tf-step::before{content:"";position:absolute;left:16px;top:0;bottom:0;border-left:2.5px dashed rgba(238,92,160,.55)}
#tf-app .tf-step:first-child::before{top:18px}
#tf-app .tf-step:last-child::before{bottom:calc(100% - 18px)}
#tf-app .tf-step-dot svg{width:15px;height:15px}
#tf-app .tf-step-dot{position:absolute;left:2px;top:6px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:italic 800 13px/1 var(--tf-body);background:var(--tf-yellow);color:var(--tf-green);box-shadow:0 0 0 3px var(--tf-paper)}
#tf-app .tf-step.home .tf-step-dot{background:var(--tf-green);color:var(--tf-yellow)}
#tf-app .tf-step.visited .tf-step-dot{background:var(--tf-green);color:var(--tf-yellow)}
#tf-app .tf-leg{display:flex;align-items:center;gap:6px;font-size:calc(11.5px*var(--tf-fs));font-weight:700;color:var(--tf-brown);padding:6px 0 6px}
#tf-app .tf-leg svg{width:15px;height:15px}
#tf-app .tf-card{background:#fff;border-radius:16px;border:1px solid var(--tf-line);padding:10px 12px;margin-bottom:2px}
#tf-app .tf-card-t{display:flex;gap:8px;align-items:flex-start}
#tf-app .tf-card-t b{font-size:calc(14px*var(--tf-fs));line-height:1.25;display:block}
#tf-app .tf-card-t small{display:block;font-size:calc(11.5px*var(--tf-fs));color:var(--tf-muted)}
#tf-app .tf-card-a{display:flex;gap:6px;align-items:center;margin-top:8px;flex-wrap:wrap}
#tf-app .tf-check{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--tf-green);border-radius:999px;padding:6px 12px 6px 6px;background:#fff;color:var(--tf-green);font-weight:800;font-size:calc(12px*var(--tf-fs))}
#tf-app .tf-check i{width:22px;height:22px;border-radius:50%;border:2px solid var(--tf-green);display:grid;place-items:center}
#tf-app .tf-check i svg{width:13px;height:13px;opacity:0}
#tf-app .tf-check[aria-pressed="true"]{background:var(--tf-green);color:var(--tf-yellow)}
#tf-app .tf-check[aria-pressed="true"] i{background:var(--tf-yellow);border-color:var(--tf-yellow)}
#tf-app .tf-check[aria-pressed="true"] i svg{opacity:1;color:var(--tf-green)}
#tf-app .tf-mini{width:32px;height:32px;border-radius:10px;border:1px solid var(--tf-line);background:#fff;display:grid;place-items:center;color:var(--tf-green)}
#tf-app .tf-mini:disabled{opacity:.35;cursor:default}
#tf-app .tf-mini svg{width:15px;height:15px}
#tf-app .tf-mini.go{width:auto;padding:0 10px;font-size:12px;font-weight:800;gap:4px;display:inline-flex}
#tf-app .tf-route-foot{padding:14px 18px 18px;border-top:1px solid var(--tf-line);display:grid;gap:8px;background:rgba(255,250,238,.6)}
#tf-app .tf-route-empty{padding:6px 0 0}
#tf-app .tf-route-empty p{font-size:calc(13.5px*var(--tf-fs));color:var(--tf-muted);margin-bottom:12px}
#tf-app .tf-sugg{display:grid;gap:8px}
#tf-app .tf-sugg button{display:flex;gap:12px;align-items:center;text-align:left;border:1.5px solid var(--tf-line);background:#fff;border-radius:16px;padding:10px 12px}
#tf-app .tf-sugg button:hover{border-color:var(--tf-green)}
#tf-app .tf-sugg b{display:block;font:italic 800 calc(15px*var(--tf-fs))/1.2 var(--tf-display);color:var(--tf-green)}
#tf-app .tf-sugg small{display:block;font-size:calc(11.5px*var(--tf-fs));color:var(--tf-muted)}
#tf-app .tf-sugg i{width:40px;height:40px;border-radius:12px;flex:none;display:grid;place-items:center}
#tf-app .tf-sugg i svg{width:22px;height:22px}
#tf-app .tf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:14px;border:0;font-weight:800;font-size:calc(14px*var(--tf-fs));text-decoration:none;transition:transform .15s ease, background .2s, box-shadow .2s;text-align:center}
#tf-app .tf-btn:active{transform:scale(.98)}
#tf-app .tf-btn svg{width:18px;height:18px;flex:none}
#tf-app .tf-btn-p{background:var(--tf-green);color:var(--tf-yellow);box-shadow:0 8px 18px -10px rgba(31,82,40,.9)}
#tf-app .tf-btn-p:hover{background:var(--tf-green-2)}
#tf-app .tf-btn-y{background:var(--tf-yellow);color:var(--tf-green);box-shadow:0 8px 18px -10px rgba(140,110,0,.9)}
#tf-app .tf-btn-y:hover{background:#ffd923}
#tf-app .tf-btn-o{background:#fff;color:var(--tf-green);box-shadow:inset 0 0 0 1.5px var(--tf-green)}
#tf-app .tf-btn-o:hover{background:#f4f8ec}
#tf-app .tf-btn-k{background:var(--tf-pink);color:#fff}
#tf-app .tf-btn:disabled{opacity:.5;cursor:not-allowed}
#tf-app .tf-btn-row{display:flex;gap:8px}
#tf-app .tf-btn-row > *{flex:1}
#tf-app .tf-btn-lg{min-height:56px;font-size:calc(15.5px*var(--tf-fs));border-radius:16px;width:100%}
#tf-app .tf-banner{display:flex;gap:12px;align-items:flex-start;border-radius:16px;padding:12px 14px;margin:0 0 12px;background:rgba(31,82,40,.06);border:1px solid var(--tf-line);color:var(--tf-ink)}
#tf-app .tf-banner > svg{width:22px;height:22px;flex:none;margin-top:1px;color:var(--tf-green)}
#tf-app .tf-banner b{display:block;font:italic 800 calc(15.5px*var(--tf-fs))/1.2 var(--tf-display);color:var(--tf-green);margin-bottom:2px}
#tf-app .tf-banner p{font-size:calc(12.5px*var(--tf-fs));color:var(--tf-muted);line-height:1.4}
#tf-app .tf-banner.limit{background:rgba(246,206,14,.22);border-color:rgba(214,170,0,.55)}
#tf-app .tf-banner.limit > svg{color:var(--tf-brown)}
#tf-app .tf-banner.ok{background:var(--tf-green);border-color:var(--tf-green)}
#tf-app .tf-banner.ok > svg,#tf-app .tf-banner.ok b{color:var(--tf-yellow)}
#tf-app .tf-banner.ok p{color:#e6efdc}
#tf-app .tf-banner.done{background:var(--tf-pink);border-color:var(--tf-pink)}
#tf-app .tf-banner.done > svg,#tf-app .tf-banner.done b,#tf-app .tf-banner.done p{color:#fff}
#tf-app .tf-slot.locked.filled{border-color:var(--tf-green)}
#tf-app .tf-pop-info{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:rgba(246,206,14,.2);font-size:calc(12.5px*var(--tf-fs));font-weight:700;color:var(--tf-brown)}
#tf-app .tf-pop-info svg{width:18px;height:18px;flex:none}
#tf-app .tf-swap{display:grid;gap:8px;padding:12px;border-radius:14px;background:#fff;border:1px solid var(--tf-line)}
#tf-app .tf-swap > b{font-size:calc(12.5px*var(--tf-fs));color:var(--tf-green)}
#tf-app .tf-swap-l{display:grid;gap:6px}
#tf-app .tf-swap-l button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:7px 10px 7px 7px;border-radius:12px;border:1.5px solid var(--tf-line);background:var(--tf-paper);font-size:calc(13px*var(--tf-fs));font-weight:700;color:var(--tf-ink);transition:border-color .2s, background .2s}
#tf-app .tf-swap-l button:hover{border-color:var(--tf-pink);background:#fff}
#tf-app .tf-swap-l .tf-num{width:28px;height:28px;font-size:11.5px}
#tf-app .tf-swap-l span:not(.tf-num){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tf-app .tf-swap-l svg{width:16px;height:16px;color:var(--tf-pink);flex:none}
#tf-app .tf-row.is-past .tf-row-t b{color:var(--tf-muted)}
#tf-app .tf-confirm{display:grid;gap:14px}
#tf-app .tf-confirm > p{font-size:calc(14px*var(--tf-fs));color:var(--tf-ink)}
#tf-app .tf-confirm-l{list-style:none;margin:0;padding:0;display:grid;gap:6px}
#tf-app .tf-confirm-l li{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--tf-line);border-radius:14px;padding:8px 12px 8px 8px}
#tf-app .tf-confirm-l li > span:nth-child(2){flex:1;min-width:0}
#tf-app .tf-confirm-l b{display:block;font-size:calc(14px*var(--tf-fs))}
#tf-app .tf-confirm-l small{display:block;font-size:calc(11.5px*var(--tf-fs));color:var(--tf-muted)}
#tf-app .tf-confirm-l i{font:italic 800 13px/1 var(--tf-body);color:var(--tf-pink)}
#tf-app .tf-done-bonus{display:flex;gap:10px;align-items:flex-start;text-align:left;width:100%;padding:12px 14px;border-radius:14px;background:rgba(246,206,14,.25);color:var(--tf-green);font-weight:700;font-size:calc(13.5px*var(--tf-fs))}
#tf-app .tf-done-bonus svg{width:20px;height:20px;flex:none}
#tf-app .tf-done-mail{font-size:calc(12.5px*var(--tf-fs));color:var(--tf-muted)}
#tf-app .tf-pop{position:absolute;z-index:40;left:0;top:0;width:350px;max-width:calc(100% - 28px);padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;opacity:0;pointer-events:none;
  transform:translateY(10px) scale(.97);transition:opacity .28s ease, transform .35s cubic-bezier(.2,1.2,.3,1)}
#tf-app .tf-pop{visibility:hidden}
#tf-app .tf-pop.is-open{opacity:1;pointer-events:auto;transform:none;visibility:visible}
#tf-app .tf-pop-band{height:8px}
#tf-app .tf-pop[data-cat="stop"] .tf-pop-band{background:var(--tf-green)}
#tf-app .tf-pop[data-cat="exp"] .tf-pop-band{background:var(--tf-orange)}
#tf-app .tf-pop[data-cat="sig"] .tf-pop-band{background:var(--tf-pink)}
#tf-app .tf-pop-in{padding:16px 18px 18px;display:grid;gap:12px}
#tf-app .tf-pop-h{display:flex;gap:12px;align-items:center}
#tf-app .tf-pop-h .tf-num{width:44px;height:44px;font-size:18px}
#tf-app .tf-pop-kind{font-size:calc(11px*var(--tf-fs));letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--tf-brown)}
#tf-app .tf-pop-h .tf-x{margin-left:auto}
#tf-app .tf-pop h3:focus{outline:none}
#tf-app .tf-pop h3{font-size:calc(25px*var(--tf-fs));color:var(--tf-green);font-weight:900}
#tf-app .tf-pop-addr{display:flex;gap:8px;align-items:flex-start;font-weight:700;font-size:calc(13px*var(--tf-fs))}
#tf-app .tf-pop-addr svg{width:17px;height:17px;flex:none;margin-top:1px;color:var(--tf-pink)}
#tf-app .tf-pop-near{display:flex;flex-wrap:wrap;gap:6px}
#tf-app .tf-tag{display:inline-flex;align-items:center;gap:5px;font-size:calc(11.5px*var(--tf-fs));font-weight:700;color:var(--tf-green);background:rgba(31,82,40,.08);padding:5px 10px;border-radius:999px}
#tf-app .tf-tag svg{width:13px;height:13px}
#tf-app .tf-pop-d{font-size:calc(13.5px*var(--tf-fs));color:var(--tf-ink)}
#tf-app .tf-pop-xp{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:rgba(238,92,160,.08);border-left:3px solid var(--tf-pink)}
#tf-app .tf-pop-xp svg{width:18px;height:18px;flex:none;margin-top:1px;color:var(--tf-pink)}
#tf-app .tf-pop-xp p{margin:0;font-size:calc(13.5px*var(--tf-fs));line-height:1.45;color:var(--tf-ink)}
#tf-app .tf-pop-xp b{color:var(--tf-green);font-weight:800}
#tf-app .tf-pop-promise{font:italic 600 calc(13px*var(--tf-fs))/1.4 var(--tf-display);color:var(--tf-brown);padding:10px 12px;border-radius:12px;background:rgba(246,206,14,.16);border-left:3px solid var(--tf-yellow)}
#tf-app .tf-pop-actions{display:grid;gap:8px}
#tf-app .tf-pop-actions .tf-btn-row .tf-btn{min-height:44px;font-size:calc(13px*var(--tf-fs))}
#tf-app .tf-pop-note{font-size:calc(12px*var(--tf-fs));color:var(--tf-muted);text-align:center}
#tf-app .tf-switch{display:flex;gap:6px}
#tf-app .tf-lock{position:absolute;inset:0;z-index:50;display:grid;grid-template-columns:1fr minmax(380px,450px);align-items:stretch}
#tf-app .tf-lock-veil{position:absolute;inset:0;background:radial-gradient(70% 60% at 38% 50%, rgba(248,243,217,.35), rgba(248,243,217,.78));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#tf-app .tf-lock-msg{position:relative;align-self:center;justify-self:center;text-align:center;max-width:460px;padding:24px;display:grid;justify-items:center;gap:14px}
#tf-app .tf-lock-badge{width:120px;height:120px;border-radius:50%;background:var(--tf-green);display:grid;place-items:center;color:var(--tf-yellow);
  box-shadow:0 0 0 8px rgba(255,250,238,.85),0 0 0 10px var(--tf-yellow),0 30px 50px -20px rgba(31,82,40,.7);position:relative}
#tf-app .tf-lock-badge svg{width:54px;height:54px}
#tf-app .tf-lock-badge::after{content:"";position:absolute;inset:-22px;border-radius:50%;border:2px dashed rgba(31,82,40,.35);animation:tf-spin 30s linear infinite}
@keyframes tf-spin{to{transform:rotate(360deg)}}
#tf-app .tf-lock-msg h1{font-size:calc(40px*var(--tf-fs));color:var(--tf-green);font-weight:900}
#tf-app .tf-lock-msg h1 em{color:var(--tf-pink)}
#tf-app .tf-lock-msg p{font-size:calc(15px*var(--tf-fs));color:var(--tf-ink);max-width:36ch}
#tf-app .tf-dates{font:italic 900 calc(22px*var(--tf-fs))/1 var(--tf-display);color:var(--tf-pink);font-variation-settings:"SOFT" 100}
#tf-app .tf-lock-cta{display:none}
#tf-app .tf-reg{position:relative;margin:calc(84px + var(--tf-top)) 14px 14px 0;display:flex;flex-direction:column;overflow:hidden;background:var(--tf-paper);border-radius:24px;box-shadow:var(--tf-shadow)}
#tf-app .tf-reg-art{height:118px;flex:none;background:var(--tf-cream) center 62%/cover no-repeat;position:relative}
#tf-app .tf-reg-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,250,238,0) 40%,var(--tf-paper))}
#tf-app .tf-reg-b{flex:1;overflow:auto;padding:4px 24px 22px;overscroll-behavior:contain}
#tf-app .tf-eyebrow{font-size:calc(11px*var(--tf-fs));letter-spacing:.2em;text-transform:uppercase;color:var(--tf-orange);font-weight:800}
#tf-app .tf-reg h2{font-size:calc(32px*var(--tf-fs));color:var(--tf-green);font-weight:900;margin:6px 0 6px}
#tf-app .tf-reg h2 em{font-style:italic;color:var(--tf-brown);font-weight:700}
#tf-app .tf-reg-lead{font-size:calc(13.5px*var(--tf-fs));color:var(--tf-muted);margin-bottom:16px}
#tf-app .tf-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px}
#tf-app .tf-perk{background:#fff;border-radius:14px;padding:10px 8px;text-align:center;border:1px solid var(--tf-line)}
#tf-app .tf-perk i{width:34px;height:34px;border-radius:50%;margin:0 auto 6px;display:grid;place-items:center}
#tf-app .tf-perk i svg{width:18px;height:18px}
#tf-app .tf-perk b{display:block;font-size:calc(11.5px*var(--tf-fs));line-height:1.25}
#tf-app .tf-form{display:grid;gap:12px}
#tf-app .tf-field{display:grid;gap:5px}
#tf-app .tf-field > label,#tf-app .tf-field > span{font-size:calc(12.5px*var(--tf-fs));font-weight:800;color:var(--tf-green)}
#tf-app .tf-field small.opt{font-weight:600;color:var(--tf-muted)}
#tf-app .tf-field input[type="text"],#tf-app .tf-field input[type="email"],#tf-app .tf-field input[type="tel"],#tf-app .tf-field select{height:48px;border-radius:14px;border:1.5px solid #d9cfb2;background:#fff;padding:0 14px;font:inherit;font-size:calc(14.5px*var(--tf-fs));color:var(--tf-ink);width:100%}
#tf-app .tf-field input:focus,#tf-app .tf-field select:focus{outline:none;border-color:var(--tf-green);box-shadow:0 0 0 3px rgba(246,206,14,.55)}
#tf-app .tf-field[data-err] input,#tf-app .tf-field[data-err] select{border-color:#c2185b}
#tf-app .tf-err{font-size:calc(12px*var(--tf-fs));color:#b0124f;font-weight:700;display:none}
#tf-app .tf-field[data-err] .tf-err{display:block}
#tf-app .tf-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
#tf-app .tf-day{border:1.5px solid #d9cfb2;background:#fff;border-radius:12px;padding:6px 0;display:grid;justify-items:center;line-height:1.1}
#tf-app .tf-day small{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--tf-muted)}
#tf-app .tf-day b{font:italic 900 18px/1.1 var(--tf-display);color:var(--tf-green)}
#tf-app .tf-day[aria-pressed="true"]{background:var(--tf-pink);border-color:var(--tf-pink)}
#tf-app .tf-day[aria-pressed="true"] small,#tf-app .tf-day[aria-pressed="true"] b{color:#fff}
#tf-app .tf-consent{display:flex;gap:10px;align-items:flex-start;font-size:calc(12.5px*var(--tf-fs));color:var(--tf-ink)}
#tf-app .tf-consent input{width:22px;height:22px;flex:none;accent-color:var(--tf-green);margin:0}
#tf-app .tf-reg-alt{text-align:center;font-size:calc(13px*var(--tf-fs));color:var(--tf-muted);margin-top:4px}
#tf-app .tf-otp{display:flex;gap:10px;justify-content:center;margin:6px 0 4px}
#tf-app .tf-otp input{width:58px;height:66px;border-radius:16px;border:2px solid #d9cfb2;background:#fff;text-align:center;font:italic 900 30px/1 var(--tf-display);color:var(--tf-green)}
#tf-app .tf-otp input:focus{outline:none;border-color:var(--tf-green);box-shadow:0 0 0 4px rgba(246,206,14,.6)}
#tf-app .tf-otp.shake{animation:tf-shake .4s}
@keyframes tf-shake{25%{transform:translateX(-8px)}50%{transform:translateX(8px)}75%{transform:translateX(-4px)}}
#tf-app .tf-sent{display:flex;gap:12px;align-items:center;background:#fff;border-radius:16px;border:1px solid var(--tf-line);padding:12px;margin:8px 0 14px}
#tf-app .tf-sent i{width:44px;height:44px;border-radius:12px;background:var(--tf-yellow);color:var(--tf-green);display:grid;place-items:center;flex:none}
#tf-app .tf-sent i svg{width:22px;height:22px}
#tf-app .tf-sent b{display:block;font-size:calc(13.5px*var(--tf-fs))}
#tf-app .tf-sent small{display:block;color:var(--tf-muted);font-size:calc(12px*var(--tf-fs));word-break:break-all}
#tf-app .tf-demo{font-size:calc(12px*var(--tf-fs));background:rgba(238,92,160,.1);color:#9c1b5a;border-radius:12px;padding:10px 12px;font-weight:600}
#tf-app .tf-spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(246,206,14,.35);border-top-color:var(--tf-yellow);animation:tf-spin .8s linear infinite}
#tf-app .tf-tabbar{display:none}
#tf-app .tf-modal{position:absolute;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:rgba(31,40,20,.38);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s ease}
#tf-app .tf-modal.is-open{opacity:1;pointer-events:auto}
#tf-app .tf-dialog{position:relative;width:min(560px,100%);max-height:calc(100% - 20px);overflow:auto;background:var(--tf-paper);border-radius:26px;box-shadow:0 40px 80px -30px rgba(20,14,4,.6);
  transform:translateY(18px) scale(.97);transition:transform .45s cubic-bezier(.2,1.2,.3,1);overscroll-behavior:contain}
#tf-app .tf-modal.is-open .tf-dialog{transform:none}
#tf-app .tf-dialog-h{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:18px 20px 12px;background:var(--tf-paper)}
#tf-app .tf-dialog-h h2{font-size:calc(26px*var(--tf-fs));color:var(--tf-green);font-weight:900;font-style:italic}
#tf-app .tf-dialog-h .tf-x{margin-left:auto}
#tf-app .tf-dialog-b{padding:4px 22px 24px}
#tf-app .tf-dialog.wide{width:min(980px,100%)}
#tf-app .tf-howto{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
#tf-app .tf-how{display:flex;gap:12px;background:#fff;border-radius:18px;padding:14px;border:1px solid var(--tf-line)}
#tf-app .tf-how i{width:48px;height:48px;border-radius:14px;flex:none;display:grid;place-items:center}
#tf-app .tf-how i svg{width:26px;height:26px}
#tf-app .tf-how b{display:block;font:italic 800 calc(16px*var(--tf-fs))/1.2 var(--tf-display);color:var(--tf-green);margin-bottom:3px}
#tf-app .tf-how p{font-size:calc(13px*var(--tf-fs));color:var(--tf-ink)}
#tf-app .tf-keys{margin-top:16px;background:#fff;border-radius:18px;padding:14px 16px;border:1px solid var(--tf-line);font-size:calc(13px*var(--tf-fs))}
#tf-app .tf-keys ul{margin:6px 0 0;padding-left:18px;display:grid;gap:3px}
#tf-app .tf-kbd{display:inline-block;min-width:24px;padding:1px 6px;border-radius:6px;border:1px solid #cfc5a6;border-bottom-width:3px;background:var(--tf-paper);font:700 12px/1.6 var(--tf-body);text-align:center}
#tf-app .tf-a11y-opts{display:grid;gap:10px;margin-top:4px}
#tf-app .tf-a11y-opts .tf-toggle{background:#fff;border-radius:16px;padding:14px;border:1px solid var(--tf-line);margin:0}
#tf-app .tf-a11y-opts .tf-toggle span b{display:block}
#tf-app .tf-a11y-opts .tf-toggle span small{display:block;color:var(--tf-muted);font-weight:500}
#tf-app .tf-pass{border-radius:22px;overflow:hidden;background:var(--tf-green);color:var(--tf-cream);position:relative}
#tf-app .tf-pass-top{padding:20px 22px 14px;display:flex;align-items:center;gap:12px}
#tf-app .tf-pass-top svg{width:96px;height:auto}
#tf-app .tf-pass-top div{margin-left:auto;text-align:right;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--tf-yellow)}
#tf-app .tf-pass-mid{background:var(--tf-paper);color:var(--tf-ink);margin:0 12px;border-radius:18px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;position:relative}
#tf-app .tf-qr{width:150px;height:150px;background:#fff;border-radius:12px;padding:8px;display:grid;place-items:center}
#tf-app .tf-qr svg,#tf-app .tf-qr img{width:100%;height:100%;display:block}
#tf-app .tf-pass-mid b{font:italic 900 calc(22px*var(--tf-fs))/1.1 var(--tf-display);color:var(--tf-green);display:block}
#tf-app .tf-pass-mid small{display:block;font-size:12px;color:var(--tf-muted);margin-top:4px}
#tf-app .tf-code{display:inline-block;margin-top:10px;font:800 16px/1 var(--tf-body);letter-spacing:.12em;background:var(--tf-yellow);color:var(--tf-green);padding:8px 10px;border-radius:10px}
#tf-app .tf-pass-bot{padding:14px 22px 20px;font-size:calc(13px*var(--tf-fs))}
#tf-app .tf-pass-bot b{color:var(--tf-yellow)}
#tf-app .tf-inbox{display:grid;grid-template-columns:260px 1fr;gap:14px;min-height:520px}
#tf-app .tf-inbox-list{display:grid;gap:8px;align-content:start}
#tf-app .tf-mail{display:grid;gap:2px;text-align:left;border:1.5px solid var(--tf-line);background:#fff;border-radius:14px;padding:10px 12px}
#tf-app .tf-mail b{font-size:13px}
#tf-app .tf-mail small{font-size:11.5px;color:var(--tf-muted)}
#tf-app .tf-mail[aria-pressed="true"]{border-color:var(--tf-green);box-shadow:inset 0 0 0 1px var(--tf-green)}
#tf-app .tf-mail .new{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--tf-pink);margin-right:6px}
#tf-app .tf-inbox iframe{width:100%;height:min(70vh,760px);border:0;border-radius:16px;background:#efe8d2;box-shadow:inset 0 0 0 1px var(--tf-line)}
#tf-app .tf-inbox-note{font-size:12px;color:var(--tf-muted);margin-top:4px}
#tf-app .tf-done{text-align:center;display:grid;gap:12px;justify-items:center}
#tf-app .tf-done img.sello{width:min(260px,70%);height:auto;animation:tf-stamp .8s cubic-bezier(.2,1.6,.4,1) both}
#tf-app .tf-done h2{font-size:calc(34px*var(--tf-fs));color:var(--tf-green);font-weight:900}
#tf-app .tf-coupon{width:100%;border-radius:20px;background:var(--tf-pink);color:#fff;padding:18px;display:grid;gap:4px;position:relative;
  -webkit-mask:radial-gradient(14px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(14px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;
          mask:radial-gradient(14px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(14px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat}
#tf-app .tf-coupon b{font:italic 900 calc(46px*var(--tf-fs))/1 var(--tf-display)}
#tf-app .tf-coupon span{font-weight:700}
#tf-app .tf-coupon code{justify-self:center;margin-top:8px;font:800 17px/1 var(--tf-body);letter-spacing:.14em;background:#fff;color:var(--tf-green);padding:9px 14px;border-radius:10px}
#tf-app .tf-share-ph{width:100%;max-width:360px;aspect-ratio:4/5;margin:0 auto;border-radius:18px;background:var(--tf-cream);display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;font-weight:700;color:var(--tf-green);box-shadow:inset 0 0 0 1.5px var(--tf-line)}
#tf-app .tf-share-ph .tf-spinner{width:32px;height:32px;border-color:rgba(31,82,40,.2);border-top-color:var(--tf-green)}
#tf-app .tf-share-img{width:100%;max-width:360px;border-radius:18px;box-shadow:0 20px 40px -20px rgba(20,14,4,.6);display:block;margin:0 auto}
#tf-app .tf-share-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}
#tf-app .tf-caption{width:100%;min-height:110px;border-radius:14px;border:1.5px solid var(--tf-line);padding:12px;font:inherit;font-size:13px;resize:vertical;background:#fff;color:var(--tf-ink);margin-top:12px}
#tf-app .tf-toast{position:absolute;z-index:90;left:50%;top:calc(88px + var(--tf-top));transform:translate(-50%,-20px);opacity:0;pointer-events:none;background:var(--tf-green);color:var(--tf-cream);
  padding:12px 18px;border-radius:16px;font-weight:700;font-size:calc(13.5px*var(--tf-fs));box-shadow:var(--tf-shadow);transition:opacity .3s, transform .4s cubic-bezier(.2,1.3,.3,1);max-width:calc(100% - 32px);display:flex;gap:10px;align-items:center}
#tf-app .tf-toast.is-on{opacity:1;transform:translate(-50%,0)}
#tf-app .tf-toast svg{width:18px;height:18px;color:var(--tf-yellow);flex:none}
#tf-app .tf-tour{position:absolute;inset:0;z-index:95;pointer-events:none;display:none}
#tf-app .tf-tour.is-on{display:block;pointer-events:auto}
#tf-app .tf-tour-hole{position:absolute;border-radius:18px;box-shadow:0 0 0 9999px rgba(24,34,18,.62);transition:all .5s cubic-bezier(.2,.9,.2,1);outline:3px solid var(--tf-yellow);outline-offset:4px}
#tf-app .tf-tour-card{position:absolute;width:min(340px,calc(100% - 28px));background:var(--tf-paper);border-radius:20px;padding:18px;box-shadow:var(--tf-shadow);transition:left .5s cubic-bezier(.2,.9,.2,1), top .5s cubic-bezier(.2,.9,.2,1)}
#tf-app .tf-tour-card small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--tf-orange)}
#tf-app .tf-tour-card h3{font-size:calc(22px*var(--tf-fs));color:var(--tf-green);font-style:italic;font-weight:900;margin:4px 0 6px}
#tf-app .tf-tour-card p{font-size:calc(14px*var(--tf-fs))}
#tf-app .tf-tour-card .tf-btn-row{margin-top:14px}
#tf-app .tf-tour-card .tf-btn{min-height:42px}
#tf-app.hc{--tf-glass:#fffdf6;--tf-glass-2:#fffdf6;--tf-muted:#2f3529;--tf-line:rgba(20,40,20,.45)}
#tf-app.hc .tf-mk-in{box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px #000}
#tf-app.hc .tf-glass{-webkit-backdrop-filter:none;backdrop-filter:none;border:2px solid #1d2a1e}
#tf-app.hc .tf-map{filter:contrast(1.08) saturate(.9)}
#tf-app.rm *,#tf-app.rm *::before,#tf-app.rm *::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
#tf-app.rm .tf-cloud{display:none}
@media (prefers-reduced-motion: reduce){#tf-app .tf-cloud{display:none}}
#tf-app[data-state="locked"] .tf-markers,#tf-app[data-state="locked"] .tf-route,#tf-app[data-state="locked"] .tf-controls,#tf-app[data-state="locked"] .tf-top-actions .tf-needs,#tf-app[data-state="locked"] .tf-panel,#tf-app[data-state="locked"] .tf-scale,#tf-app[data-state="locked"] .tf-tabbar{visibility:hidden}
#tf-app[data-state="locked"] .tf-map{opacity:0}
#tf-app[data-state="locked"] .tf-stage{cursor:default}
@media (max-width: 960px){#tf-app .tf-brand-t{display:none}
#tf-app .tf-brand{padding-right:14px}}
#tf-app:where(.tf-w960) .tf-brand-t{display:none}
#tf-app:where(.tf-w960) .tf-brand{padding-right:14px}
@media (max-width: 760px){#tf-app .tf-brand-t{display:flex}
#tf-app .tf-top{left:10px;right:10px;top:calc(10px + var(--tf-top))}
#tf-app .tf-brand{padding:6px 12px 6px 8px}
#tf-app .tf-brand svg{width:64px}
#tf-app .tf-brand-t b{font-size:calc(14px*var(--tf-fs))}
#tf-app .tf-brand-t small{font-size:9.5px}
#tf-app .tf-top-actions .tf-desk{display:none}
#tf-app .tf-iconbtn{width:42px;height:42px}
#tf-app .tf-tabbar{position:absolute;z-index:45;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);padding:6px 6px calc(6px + var(--tf-bot));
    background:var(--tf-glass-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -10px 30px -18px rgba(52,36,10,.6);border-top:1px solid var(--tf-line)}
#tf-app .tf-tab{border:0;background:none;display:grid;justify-items:center;gap:2px;padding:6px 0;border-radius:14px;font-size:11px;font-weight:800;color:var(--tf-green);position:relative}
#tf-app .tf-tab svg{width:22px;height:22px}
#tf-app .tf-tab[aria-pressed="true"]{background:rgba(31,82,40,.1)}
#tf-app .tf-tab .tf-count{position:absolute;top:2px;left:calc(50% + 6px);min-width:18px;height:18px;line-height:18px;font-size:10px}
#tf-app .tf-controls{bottom:calc(84px + var(--tf-bot));right:10px}
#tf-app.route-open .tf-controls{right:10px}
#tf-app.sheet-open .tf-controls,#tf-app.sheet-open .tf-scale{opacity:0;pointer-events:none}
#tf-app .tf-controls,#tf-app .tf-scale{transition:opacity .25s ease}
#tf-app .tf-scale{bottom:calc(84px + var(--tf-bot));left:16px;transform:none}
#tf-app .tf-panel{left:0!important;right:0!important;width:auto!important;max-width:none!important;top:auto;bottom:calc(64px + var(--tf-bot));max-height:72%;border-radius:24px 24px 0 0}
#tf-app .tf-panel[aria-hidden="true"]{transform:translateY(40px)!important}
#tf-app .tf-panel::before{content:"";display:block;width:44px;height:5px;border-radius:3px;background:rgba(31,82,40,.25);margin:8px auto 0;flex:none}
#tf-app .tf-panel-h{padding-top:10px}
#tf-app .tf-pop{left:0!important;top:auto!important;bottom:calc(64px + var(--tf-bot));width:100%;max-width:none;border-radius:24px 24px 0 0;max-height:74%;overflow:auto;transform:translateY(30px)}
#tf-app .tf-pop.is-open{transform:none}
#tf-app .tf-lock{grid-template-columns:1fr;grid-template-rows:auto 1fr}
#tf-app .tf-lock-msg{padding:calc(74px + var(--tf-top)) 18px 10px;gap:8px}
#tf-app .tf-lock-badge{width:64px;height:64px}
#tf-app .tf-lock-badge svg{width:30px;height:30px}
#tf-app .tf-lock-badge::after{inset:-12px}
#tf-app .tf-lock-msg h1{font-size:calc(25px*var(--tf-fs))}
#tf-app .tf-lock-msg p{display:none}
#tf-app .tf-dates{font-size:calc(17px*var(--tf-fs))}
#tf-app .tf-reg{margin:0;border-radius:24px 24px 0 0}
#tf-app .tf-reg-art{height:86px}
#tf-app .tf-reg-b{padding:2px 18px calc(18px + var(--tf-bot))}
#tf-app .tf-reg h2{font-size:calc(26px*var(--tf-fs))}
#tf-app .tf-perks{grid-template-columns:repeat(3,1fr)}
#tf-app .tf-howto{grid-template-columns:1fr}
#tf-app .tf-modal{padding:0;align-items:end}
#tf-app .tf-dialog{border-radius:24px 24px 0 0;max-height:92%;width:100%}
#tf-app .tf-inbox{grid-template-columns:1fr;min-height:0}
#tf-app .tf-inbox-list{grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);overflow-x:auto}
#tf-app .tf-inbox iframe{height:62vh}
#tf-app .tf-pass-mid{grid-template-columns:1fr;justify-items:center;text-align:center}
#tf-app .tf-toast{top:calc(70px + var(--tf-top))}
#tf-app .tf-otp input{width:54px;height:60px}}
#tf-app:where(.tf-w760) .tf-brand-t{display:flex}
#tf-app:where(.tf-w760) .tf-top{left:10px;right:10px;top:calc(10px + var(--tf-top))}
#tf-app:where(.tf-w760) .tf-brand{padding:6px 12px 6px 8px}
#tf-app:where(.tf-w760) .tf-brand svg{width:64px}
#tf-app:where(.tf-w760) .tf-brand-t b{font-size:calc(14px*var(--tf-fs))}
#tf-app:where(.tf-w760) .tf-brand-t small{font-size:9.5px}
#tf-app:where(.tf-w760) .tf-top-actions .tf-desk{display:none}
#tf-app:where(.tf-w760) .tf-iconbtn{width:42px;height:42px}
#tf-app:where(.tf-w760) .tf-tabbar{position:absolute;z-index:45;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);padding:6px 6px calc(6px + var(--tf-bot));
    background:var(--tf-glass-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -10px 30px -18px rgba(52,36,10,.6);border-top:1px solid var(--tf-line)}
#tf-app:where(.tf-w760) .tf-tab{border:0;background:none;display:grid;justify-items:center;gap:2px;padding:6px 0;border-radius:14px;font-size:11px;font-weight:800;color:var(--tf-green);position:relative}
#tf-app:where(.tf-w760) .tf-tab svg{width:22px;height:22px}
#tf-app:where(.tf-w760) .tf-tab[aria-pressed="true"]{background:rgba(31,82,40,.1)}
#tf-app:where(.tf-w760) .tf-tab .tf-count{position:absolute;top:2px;left:calc(50% + 6px);min-width:18px;height:18px;line-height:18px;font-size:10px}
#tf-app:where(.tf-w760) .tf-controls{bottom:calc(84px + var(--tf-bot));right:10px}
#tf-app:where(.tf-w760).route-open .tf-controls{right:10px}
#tf-app:where(.tf-w760).sheet-open .tf-controls,#tf-app:where(.tf-w760).sheet-open .tf-scale{opacity:0;pointer-events:none}
#tf-app:where(.tf-w760) .tf-controls,#tf-app:where(.tf-w760) .tf-scale{transition:opacity .25s ease}
#tf-app:where(.tf-w760) .tf-scale{bottom:calc(84px + var(--tf-bot));left:16px;transform:none}
#tf-app:where(.tf-w760) .tf-panel{left:0!important;right:0!important;width:auto!important;max-width:none!important;top:auto;bottom:calc(64px + var(--tf-bot));max-height:72%;border-radius:24px 24px 0 0}
#tf-app:where(.tf-w760) .tf-panel[aria-hidden="true"]{transform:translateY(40px)!important}
#tf-app:where(.tf-w760) .tf-panel::before{content:"";display:block;width:44px;height:5px;border-radius:3px;background:rgba(31,82,40,.25);margin:8px auto 0;flex:none}
#tf-app:where(.tf-w760) .tf-panel-h{padding-top:10px}
#tf-app:where(.tf-w760) .tf-pop{left:0!important;top:auto!important;bottom:calc(64px + var(--tf-bot));width:100%;max-width:none;border-radius:24px 24px 0 0;max-height:74%;overflow:auto;transform:translateY(30px)}
#tf-app:where(.tf-w760) .tf-pop.is-open{transform:none}
#tf-app:where(.tf-w760) .tf-lock{grid-template-columns:1fr;grid-template-rows:auto 1fr}
#tf-app:where(.tf-w760) .tf-lock-msg{padding:calc(74px + var(--tf-top)) 18px 10px;gap:8px}
#tf-app:where(.tf-w760) .tf-lock-badge{width:64px;height:64px}
#tf-app:where(.tf-w760) .tf-lock-badge svg{width:30px;height:30px}
#tf-app:where(.tf-w760) .tf-lock-badge::after{inset:-12px}
#tf-app:where(.tf-w760) .tf-lock-msg h1{font-size:calc(25px*var(--tf-fs))}
#tf-app:where(.tf-w760) .tf-lock-msg p{display:none}
#tf-app:where(.tf-w760) .tf-dates{font-size:calc(17px*var(--tf-fs))}
#tf-app:where(.tf-w760) .tf-reg{margin:0;border-radius:24px 24px 0 0}
#tf-app:where(.tf-w760) .tf-reg-art{height:86px}
#tf-app:where(.tf-w760) .tf-reg-b{padding:2px 18px calc(18px + var(--tf-bot))}
#tf-app:where(.tf-w760) .tf-reg h2{font-size:calc(26px*var(--tf-fs))}
#tf-app:where(.tf-w760) .tf-perks{grid-template-columns:repeat(3,1fr)}
#tf-app:where(.tf-w760) .tf-howto{grid-template-columns:1fr}
#tf-app:where(.tf-w760) .tf-modal{padding:0;align-items:end}
#tf-app:where(.tf-w760) .tf-dialog{border-radius:24px 24px 0 0;max-height:92%;width:100%}
#tf-app:where(.tf-w760) .tf-inbox{grid-template-columns:1fr;min-height:0}
#tf-app:where(.tf-w760) .tf-inbox-list{grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);overflow-x:auto}
#tf-app:where(.tf-w760) .tf-inbox iframe{height:62vh}
#tf-app:where(.tf-w760) .tf-pass-mid{grid-template-columns:1fr;justify-items:center;text-align:center}
#tf-app:where(.tf-w760) .tf-toast{top:calc(70px + var(--tf-top))}
#tf-app:where(.tf-w760) .tf-otp input{width:54px;height:60px}
@media (max-width: 380px){#tf-app .tf-brand-t small{display:none}
#tf-app .tf-days{gap:4px}
#tf-app .tf-day b{font-size:16px}}
#tf-app:where(.tf-w380) .tf-brand-t small{display:none}
#tf-app:where(.tf-w380) .tf-days{gap:4px}
#tf-app:where(.tf-w380) .tf-day b{font-size:16px}
#tf-app button{background:none;border:0;padding:0;margin:0;text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0;min-width:0;line-height:inherit;font:inherit;color:inherit;cursor:pointer;text-shadow:none;border-radius:0;width:auto;height:auto;text-align:inherit;text-decoration:none;outline-offset:2px}
#tf-app input,#tf-app select,#tf-app textarea{font:inherit;color:inherit;margin:0;text-transform:none;letter-spacing:normal;max-width:100%;line-height:normal}
#tf-app h1,#tf-app h2,#tf-app h3{text-transform:none;padding:0;border:0;background:none}
#tf-app ul,#tf-app ol{margin:0}
#tf-app label{margin:0;padding:0;text-transform:none;letter-spacing:normal;font-weight:inherit}
#tf-app a{box-shadow:none}
#tf-app img{border:0;border-radius:0;box-shadow:none}
#tf-app .tf-lang{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:rgba(255,250,238,.86);
  box-shadow:inset 0 0 0 1.5px rgba(99,65,25,.22), 0 6px 18px -10px rgba(52,36,10,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
#tf-app .tf-lang-b{min-width:42px;height:36px;padding:0 12px;border-radius:999px;font:800 13px/1 var(--tf-body);letter-spacing:.06em;color:var(--tf-green);transition:background .25s ease,color .25s ease}
#tf-app .tf-lang-b[aria-pressed="true"]{background:var(--tf-green);color:var(--tf-cream);box-shadow:0 2px 6px -2px rgba(31,82,40,.6)}
#tf-app .tf-lang-b:not([aria-pressed="true"]):hover{background:rgba(31,82,40,.08)}
#tf-app .tf-i18n-swap{animation:tf-fadein .35s ease}
@keyframes tf-fadein{from{opacity:.25}to{opacity:1}}
#tf-app:not(.tf-demo) .tf-demo-only{display:none!important}
#tf-app .tf-steps3{display:grid;gap:8px;margin-top:14px}
#tf-app .tf-steps3 > b{font:italic 800 calc(16px*var(--tf-fs))/1.2 var(--tf-display);color:var(--tf-green)}
#tf-app .tf-s3{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--tf-line);border-radius:14px;padding:10px 12px}
#tf-app .tf-s3 i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;background:rgba(31,82,40,.08);color:var(--tf-green);font:italic 800 14px/1 var(--tf-body)}
#tf-app .tf-s3 i svg{width:16px;height:16px}
#tf-app .tf-s3.done i{background:var(--tf-green);color:var(--tf-yellow)}
#tf-app .tf-s3 span{min-width:0}
#tf-app .tf-s3 span b{display:block;font-size:calc(13.5px*var(--tf-fs))}
#tf-app .tf-s3 span small{display:block;font-size:calc(12px*var(--tf-fs));color:var(--tf-muted)}
#tf-app .tf-s3 em{margin-left:auto;font-style:normal;font-size:calc(11.5px*var(--tf-fs));font-weight:800;color:var(--tf-brown);text-align:right;flex:none;max-width:42%}
#tf-app .tf-s3.done em{color:var(--tf-green)}
#tf-app .tf-s3 code{display:inline-block;margin-top:3px;font:800 12px/1 var(--tf-body);letter-spacing:.08em;background:var(--tf-yellow);color:var(--tf-green);padding:4px 6px;border-radius:6px}
#tf-app .tf-sent-tip{font-size:calc(12px*var(--tf-fs));color:var(--tf-muted);margin:-6px 0 12px}
#tf-app .tf-magic{display:grid;justify-items:center;gap:14px;padding:40px 0;text-align:center;font-weight:700;color:var(--tf-green)}
#tf-app .tf-magic .tf-spinner{width:34px;height:34px;border-color:rgba(31,82,40,.2);border-top-color:var(--tf-green)}
#tf-app .tf-reg-alt .tf-link{font-size:inherit}
@media (max-width: 760px){#tf-app .tf-lang-b{height:32px;min-width:36px;padding:0 9px;font-size:12px}
#tf-app .tf-brand-t small{font-size:9px}}
#tf-app:where(.tf-w760) .tf-lang-b{height:32px;min-width:36px;padding:0 9px;font-size:12px}
#tf-app:where(.tf-w760) .tf-brand-t small{font-size:9px}
@media (max-width: 400px){#tf-app .tf-brand svg{width:54px}
#tf-app .tf-brand-t b{font-size:calc(13px*var(--tf-fs))}
#tf-app .tf-brand{padding:6px 10px 6px 8px;gap:8px}}
#tf-app:where(.tf-w400) .tf-brand svg{width:54px}
#tf-app:where(.tf-w400) .tf-brand-t b{font-size:calc(13px*var(--tf-fs))}
#tf-app:where(.tf-w400) .tf-brand{padding:6px 10px 6px 8px;gap:8px}