.tee{--tee-ink:#161a12;--tee-muted:#5d6556;--tee-line:#161a121f;--tee-lime:#d6f25c;--tee-stage:#171b14;--tee-paper:#f4f5ef;min-height:100vh;color:var(--tee-ink);background:radial-gradient(880px 420px at 100% -8%,#d6f25c73,#0000 58%),radial-gradient(640px 380px at 0 18%,#161a120d,#0000 52%),linear-gradient(#f7f6f1 0%,#e6ebdf 100%)}.tee h1,.tee h2,.tee h3,.tee b,.tee strong,.tee dd,.tee button,.tee-signup,.tee-input{font-family:var(--font-kalameh-strong), var(--font-kalameh), Tahoma, sans-serif}.tee-top{z-index:6;border-bottom:1px solid var(--tee-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f5efdb;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.15rem;display:flex;position:sticky;top:0}.tee-signup{background:var(--tee-lime);color:var(--tee-ink);border-radius:999px;justify-content:center;align-items:center;padding:.42rem .9rem;font-size:.86rem;font-weight:700;line-height:1.2;display:inline-flex}.tee-signup:focus-visible{outline:3px solid var(--tee-ink);outline-offset:3px}.tee-brand{letter-spacing:-.04em;font-size:1.35rem;font-weight:800}.tee-brand span{color:#5d7a00}.tee-wrap{width:min(1120px,100% - 1.5rem);margin:1.1rem auto 6.5rem}.tee-grid{gap:1rem;display:grid}.tee-form,.tee-stage,.tee-suggest,.tee-plans,.tee-macros{border-radius:28px}.tee-form{border:1px solid var(--tee-line);background:#fff;padding:1.2rem 1.05rem 1.1rem;box-shadow:0 18px 44px #161a120f}.tee-kicker,.tee-stage-kicker{letter-spacing:.01em;margin:0;font-size:.78rem;font-weight:700}.tee-kicker{color:#5d7a00}.tee-form h1{letter-spacing:-.03em;margin:.35rem 0 0;font-size:clamp(1.7rem,4vw,2.45rem);line-height:1.25}.tee-lead,.tee-plan-head p,.tee-macros p,.tee-foot p{color:var(--tee-muted);line-height:1.75}.tee-lead{margin:.7rem 0 1.1rem;font-size:.98rem}.tee-alert{color:#8c2b22;background:#fff1ee;border-radius:16px;margin-bottom:1rem;padding:.75rem .9rem;line-height:1.7}.tee-block{border:0;margin:.15rem 0 0;padding:0}.tee-block legend{margin-bottom:.55rem;padding:0;font-weight:700}.tee-sex{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.tee-choice,.tee-act,.tee-plan,.tee-keep,.tee-submit{font:inherit;cursor:pointer}.tee-choice,.tee-act{position:relative}.tee-choice input,.tee-act input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.tee-choice{border:1px solid var(--tee-line);background:#f7f8f4;border-radius:18px;place-items:center;min-height:3.3rem;font-size:1.05rem;display:grid}.tee-choice.is-on{background:var(--tee-stage);color:#f4f6ee;border-color:var(--tee-stage)}.tee-metrics,.tee-pair{gap:.7rem;display:grid}.tee-metrics{margin-top:.2rem}.tee-pair{align-items:end;margin:1rem 0}.tee-field{align-content:end;gap:.35rem;display:grid}.tee-field>span{justify-content:flex-start;align-items:baseline;gap:.4rem;font-size:.92rem;font-weight:700;display:flex}.tee-field>span em{color:var(--tee-muted);font-size:.75rem;font-style:normal;font-weight:600}.tee-input{border:1px solid var(--tee-line);text-align:right;font-variant-numeric:tabular-nums;background:#fff;border-radius:18px;outline:none;width:100%;min-height:3.4rem;padding:.75rem .9rem;font-size:1.2rem;font-weight:700}.tee-input:focus{border-color:#161a1273;box-shadow:0 0 0 4px #d6f25c73}.tee-input::placeholder{color:#b7bfb0;font-weight:600}.tee-groups{gap:.85rem;display:grid}.tee-group-head{flex-wrap:wrap;align-items:baseline;gap:.35rem .7rem;margin-bottom:.4rem;display:flex}.tee-group-head span{color:var(--tee-muted);font-size:.8rem}.tee-act{border:1px solid var(--tee-line);text-align:right;background:#fff;border-radius:18px;align-items:center;width:100%;margin-bottom:.45rem;padding:.75rem .85rem;display:flex}.tee-act span{gap:.12rem;display:grid}.tee-act small{color:var(--tee-muted);font-size:.8rem;line-height:1.5}.tee-act.is-on{background:var(--tee-stage);border-color:var(--tee-stage);color:#f4f6ee}.tee-act.is-on small{color:#f4f6eeb3}.tee-plan:focus-visible,.tee-keep:focus-visible,.tee-submit:focus-visible,.tee-brand:focus-visible{outline:3px solid var(--tee-ink);outline-offset:3px}.tee-choice:has(input:focus-visible){outline:3px solid var(--tee-ink);outline-offset:3px}.tee-act:has(input:focus-visible){outline:3px solid var(--tee-ink);outline-offset:3px}.tee-submit{background:var(--tee-lime);width:100%;color:var(--tee-ink);border:0;border-radius:999px;margin-top:.4rem;padding:.95rem 1.2rem;font-size:1.05rem;box-shadow:0 12px 28px #a8c42859}.tee-submit:hover{filter:brightness(1.03)}.tee-stage{background:var(--tee-stage);color:#f3f5ef;padding:1.15rem 1rem 1.2rem;box-shadow:0 22px 50px #161a1229}.tee-stage-kicker{color:var(--tee-lime)}.tee-rows{gap:.25rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.tee-rows li{border-top:1px solid #f3f5ef1a;grid-template-rows:auto auto;grid-template-columns:2.7rem minmax(0,1fr) auto;align-items:center;column-gap:.7rem;padding:.7rem .15rem;display:grid}.tee-stage.is-ready .tee-rows li{animation:.56s cubic-bezier(.23,1,.32,1) both tee-rise}.tee-stage.is-ready .tee-rows li:nth-child(2){animation-delay:.14s}.tee-stage.is-ready .tee-rows li:nth-child(3){animation-delay:.28s}.tee-rows li>span{color:#f3f5ef7a;grid-row:1/span 2;font-size:.78rem}.tee-rows li>div em{color:#f3f5ef75;letter-spacing:.04em;margin-top:.1rem;font-size:.72rem;font-style:normal;display:block}.tee-rows b{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(1.35rem,4vw,1.85rem);line-height:1}.tee-rows small{color:#f3f5ef9e;grid-column:2/span 2;font-size:.78rem}.tee-rows li.is-total{background:#d6f25c1a;border:0;border-radius:20px;margin-top:.25rem;padding:.9rem .7rem}.tee-rows li.is-total b{color:var(--tee-lime);font-size:clamp(1.7rem,5vw,2.35rem)}.tee-rows .tone-low{color:#efc15a}.tee-rows .tone-ok{color:var(--tee-lime)}.tee-rows .tone-high{color:#ffb067}.tee-rows .tone-very{color:#ff8f7c}.tee-split{margin-top:.85rem}.tee-split-bar{background:#f3f5ef14;border-radius:999px;height:14px;display:flex;overflow:hidden}.tee-split-bar i{min-width:0;transition:flex-grow .64s cubic-bezier(.23,1,.32,1);display:block}.tee-split-bar .is-rest,.tee-split-bar .is-move{background:#f3f5ef38}.tee-stage.is-ready .tee-split-bar .is-rest{background:#f4f6ee}.tee-stage.is-ready .tee-split-bar .is-move{background:var(--tee-lime)}.tee-split-key{color:#f3f5ef9e;justify-content:space-between;gap:.75rem;margin-top:.4rem;font-size:.75rem;display:flex}.tee-scale{border-radius:999px;height:12px;margin-top:1rem;display:flex;position:relative}.tee-scale span{height:100%;display:block}.tee-scale span:nth-child(2){background:#efc15a;border-radius:0 999px 999px 0;flex:3.5}.tee-scale span:nth-child(3){background:#c6e36a;flex:6.5}.tee-scale span:nth-child(4){background:#ef9a4a;flex:5}.tee-scale span:nth-child(5){background:#e36a55;border-radius:999px 0 0 999px;flex:10}.tee-scale i{z-index:1;background:var(--tee-stage);width:18px;height:18px;box-shadow:0 0 0 1px var(--tee-stage);border:3px solid #f4f6ee;border-radius:50%;position:absolute;top:50%;transform:translate(50%,-50%)}.tee-scale-key{color:#f3f5ef8c;justify-content:space-between;margin-top:.4rem;font-size:.72rem;display:flex}.tee-note{color:#f3f5efc7;margin:.75rem 0 0;font-size:.9rem;line-height:1.75}.tee-after{gap:.9rem;margin-top:.9rem;display:grid}.tee-suggest{background:linear-gradient(135deg, #d6f25c2e, transparent 42%), var(--tee-stage);color:#f4f6ee;padding:1.25rem 1.15rem 1.35rem}.tee-suggest p{color:var(--tee-lime);margin:0;font-size:.8rem;font-weight:700}.tee-suggest h2{margin:.4rem 0 0;font-size:clamp(1.15rem,2.4vw,1.45rem);line-height:1.7}.tee-plans,.tee-macros{border:1px solid var(--tee-line);background:#fff;padding:1.15rem 1rem}.tee-plans header h2,.tee-macros h2,.tee-plan-head h3{margin:0;font-size:1.15rem}.tee-plans header p,.tee-plan-head p{margin:.35rem 0 0;font-size:.88rem}.tee-keep{border:1px solid var(--tee-line);text-align:right;background:#f7f8f4;border-radius:20px;justify-content:space-between;align-items:center;gap:.8rem;width:100%;margin-top:1rem;padding:.95rem 1rem;display:flex}.tee-keep span{gap:.15rem;display:grid}.tee-keep small,.tee-plan small{color:var(--tee-muted);font-size:.8rem;line-height:1.55}.tee-keep b,.tee-plan b{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:1.35rem}.tee-keep em,.tee-plan em{background:var(--tee-lime);color:var(--tee-ink);border-radius:999px;margin-inline-start:.4rem;padding:.08rem .45rem;font-size:.72rem;font-style:normal;display:inline-block}.tee-keep.is-on,.tee-plan.is-on{border-color:var(--tee-stage);box-shadow:inset 0 0 0 1.5px var(--tee-stage);background:#f3f8e4}.tee-plan-block{margin-top:1.15rem}.tee-plan-grid{gap:.6rem;margin-top:.7rem;display:grid}.tee-plan{border:1px solid var(--tee-line);text-align:right;background:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem .9rem .85rem;display:flex}.tee-plan-copy{gap:.12rem;min-width:0;display:grid}.tee-plan strong{font-size:.92rem}.tee-plan .is-muted{color:#a33b32;max-width:7.5rem;font-size:.82rem;line-height:1.45}.tee-plan:disabled{cursor:not-allowed;opacity:.72;background:#f6f6f4}.tee-macros header p{color:var(--tee-muted);margin:.3rem 0 0}.tee-macros dl{grid-template-columns:1fr 1fr;gap:.6rem;margin:.95rem 0 .4rem;display:grid}.tee-macros dl div:last-child{grid-column:1/-1}.tee-macros dl div{background:var(--tee-paper);border-radius:18px;padding:.8rem .75rem}.tee-macros dt{color:var(--tee-muted);font-size:.78rem}.tee-macros dd{font-variant-numeric:tabular-nums;margin:.25rem 0 0;font-size:1.2rem;font-weight:700}.tee-macros dd small{color:var(--tee-muted);margin-inline-start:.3rem;font-size:.72rem;font-weight:600}.tee-macros>p,.tee-foot{font-size:.86rem}.tee-foot p{margin:.35rem 0 0}@keyframes tee-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:719px){.tee-wrap{width:min(1120px,100% - 1rem);margin-top:.7rem}.tee-form,.tee-stage,.tee-suggest,.tee-plans,.tee-macros{border-radius:18px}.tee-form{padding:.85rem .8rem .8rem}.tee-form h1{font-size:1.28rem}.tee-lead{margin:.35rem 0 .7rem;font-size:.84rem;line-height:1.6}.tee-choice{border-radius:14px;min-height:2.55rem;font-size:.95rem}.tee-input{border-radius:14px;min-height:2.65rem;padding:.5rem .75rem;font-size:1.05rem}.tee-pair{margin:.65rem 0}.tee-groups{gap:.5rem}.tee-act{border-radius:14px;margin-bottom:.3rem;padding:.5rem .7rem}.tee-act small{font-size:.72rem;line-height:1.35}.tee-submit{padding:.72rem 1rem;font-size:.95rem}.tee-stage{padding:.8rem .75rem .85rem}.tee-rows{gap:0;margin-top:.4rem}.tee-rows li{column-gap:.4rem;padding:.38rem 0}.tee-rows li>div em{display:none}.tee-rows b{font-size:1.15rem}.tee-rows small{font-size:.68rem}.tee-rows li.is-total{border-radius:14px;margin-top:.15rem;padding:.5rem .55rem}.tee-rows li.is-total b{font-size:1.4rem}.tee-split{margin-top:.5rem}.tee-split-bar{height:8px}.tee-scale{height:8px;margin-top:.55rem}.tee-scale i{border-width:2px;width:14px;height:14px}.tee-note{margin-top:.35rem;font-size:.76rem;line-height:1.5}.tee-after{gap:.5rem;margin-top:.5rem}.tee-suggest,.tee-plans,.tee-macros{padding:.75rem .75rem .8rem}.tee-suggest h2{font-size:.92rem;line-height:1.55}.tee-plans header h2,.tee-macros h2,.tee-plan-head h3{font-size:.95rem}.tee-keep{border-radius:14px;margin-top:.55rem;padding:.55rem .65rem}.tee-plan-block{margin-top:.7rem}.tee-plan-grid{gap:.35rem;margin-top:.4rem}.tee-plan{border-radius:14px;gap:.45rem;padding:.5rem .65rem}.tee-plan strong{font-size:.8rem}.tee-keep b,.tee-plan b{font-size:1.02rem}.tee-keep small,.tee-plan small{font-size:.7rem;line-height:1.35}.tee-macros dl{gap:.35rem;margin-top:.55rem}.tee-macros dl div{border-radius:12px;padding:.45rem .5rem}.tee-macros dd{font-size:.95rem}.tee-macros>p,.tee-foot{font-size:.74rem;line-height:1.5}}@media (min-width:720px){.tee-form,.tee-stage{padding:1.45rem 1.4rem 1.35rem}.tee-metrics,.tee-pair{grid-template-columns:1fr 1fr}.tee-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tee-macros dl{grid-template-columns:repeat(5,minmax(0,1fr))}.tee-macros dl div:last-child{grid-column:auto}.tee-plans,.tee-macros,.tee-suggest{padding-inline:1.3rem}}@media (min-width:980px){.tee-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start}.tee-stage{position:sticky;top:5rem}}@media (prefers-reduced-motion:reduce){.tee-stage.is-ready .tee-rows li,.tee-split-bar i{transition:none;animation:none}}@media (hover:hover) and (pointer:fine){.tee-choice:hover,.tee-act:hover,.tee-plan:hover:not(:disabled),.tee-keep:hover{border-color:#161a1259}}
