.hero{isolation:isolate;justify-content:center;overflow:hidden}.hero__wordmark{z-index:4;top:clamp(1.5rem,4vh,2.75rem);left:var(--gutter);font-family:var(--display);letter-spacing:.06em;color:var(--text);font-size:1.0625rem;font-weight:700;position:absolute}.hero__wordmark:after{content:"";background:var(--accent);vertical-align:.06em;border-radius:50%;width:.42em;height:.42em;margin-left:.32em;display:inline-block}.hero__content{z-index:4;will-change:transform;max-width:min(56vw,46rem);position:relative}.hero__title{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;max-width:13ch;margin:0 0 clamp(1.5rem,3.5vh,2.25rem);font-size:clamp(2.8rem,7.4vw,7.2rem);font-weight:700;line-height:.94}.hero__title .line{margin-bottom:-.14em;padding-bottom:.14em;overflow:hidden}.js .hero__title{opacity:0}.js .hero__title.is-ready{opacity:1}.hero__lead{max-width:38ch;color:var(--text);margin-bottom:clamp(1.75rem,4vh,2.5rem)}.hero__cta{background:var(--accent);color:var(--bg);box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent);will-change:transform;border-radius:999px;align-self:flex-start;padding:.95rem 1.9rem;font-size:1.0625rem;font-weight:600;text-decoration:none;transition:box-shadow .26s;display:inline-block}.hero__cta:hover{box-shadow:0 0 40px 0 color-mix(in srgb, var(--accent) 55%, transparent)}.hero__hint{z-index:4;left:var(--gutter);background:color-mix(in srgb, var(--text) 20%, transparent);width:1px;height:clamp(44px,7vh,68px);animation:3.2s ease-in-out infinite hint-pulse;position:absolute;bottom:clamp(1.25rem,3.5vh,2.25rem);overflow:hidden}.hero__hintLine{background:var(--accent);height:42%;box-shadow:0 0 10px color-mix(in srgb, var(--accent) 80%, transparent);animation:2.6s cubic-bezier(.6,.05,.3,1) infinite hint-fall;position:absolute;inset:0 0 auto}@keyframes hint-fall{0%{transform:translateY(-110%)}65%,to{transform:translateY(250%)}}@keyframes hint-pulse{0%,to{opacity:.4}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.hero__hint{opacity:.8;animation:none}.hero__hintLine{animation:none;transform:translateY(60%)}}@media (width<=799px) and (height>=500px){.hero{justify-content:flex-end;padding-bottom:clamp(5rem,12vh,7rem)}.hero__content{max-width:none}.hero__title{max-width:12ch;font-size:clamp(2.6rem,11.5vw,4rem)}}@media (height<=499px) and (aspect-ratio>=9/10){.hero{padding-top:3.6rem;padding-bottom:1rem}.hero__title{max-width:16ch;margin-bottom:.8rem;font-size:clamp(2rem,11.5svh,3.4rem)}.hero__lead{max-width:46ch;margin-bottom:1rem}.hero__cta{padding:.8rem 1.7rem}.hero__hint{display:none}}.problem{justify-content:flex-start;min-height:190svh}.problem__text{max-width:min(44vw,34rem);position:sticky;top:32svh}.problem__title{letter-spacing:-.03em;margin-bottom:clamp(1.1rem,2.5vh,1.6rem);font-size:clamp(2.6rem,6.2vw,6rem);font-weight:700;line-height:.95}.problem__lead{max-width:30ch;color:var(--text);font-size:clamp(1.125rem,1.5vw,1.4rem)}.problem__hint{color:var(--note);margin-top:clamp(1.4rem,3vh,2rem);font-size:1.125rem}.problem__hint:before{content:"";vertical-align:.3em;background:var(--accent);width:1.6rem;height:1px;margin-right:.6rem;display:inline-block}@media (pointer:coarse){.problem__hint{display:none}}.problem__list{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;list-style:none;position:absolute;overflow:hidden}.is-grabbing,.is-grabbing *{-webkit-user-select:none;user-select:none}@media (width<=799px) and (height>=500px),(aspect-ratio<=9/10){.problem{min-height:180svh}.problem__text{max-width:none;margin-top:58svh;top:58svh}.problem__title{font-size:clamp(2.2rem,9vw,3.4rem)}}.herz{min-height:340svh;position:relative}.herz__stick{height:100svh;padding:12svh var(--gutter) 0;pointer-events:none;justify-content:center;align-items:flex-start;display:flex;position:sticky;top:0}.herz__line{letter-spacing:-.03em;text-align:center;will-change:transform, opacity;max-width:14ch;font-size:clamp(2.3rem,6vw,5.6rem);font-weight:700;line-height:.96}@media (width<=799px) and (height>=500px),(aspect-ratio<=9/10){.herz__stick{padding-top:13svh}.herz__line{font-size:clamp(2.2rem,10vw,3.6rem)}}.panel{background:color-mix(in srgb, var(--bg) 74%, transparent);border:1px solid color-mix(in srgb, var(--text) 9%, transparent);border-radius:20px}.js [data-reveal]{will-change:transform, opacity}.mail{min-height:330svh;position:relative}.mail__stick{min-height:100svh;padding:clamp(4.5rem, 9vh, 6rem) var(--gutter) clamp(1.5rem, 4vh, 3rem);flex-direction:column;justify-content:center;gap:clamp(1rem,2.4vh,1.8rem);display:flex;position:sticky;top:0}.mail__head{max-width:min(56vw,46rem)}.mail__title{letter-spacing:-.03em;margin-bottom:clamp(.7rem,1.6vh,1.1rem);font-size:clamp(2.4rem,5vw,4.6rem);font-weight:700}.mail__lead{max-width:52ch}.mail__cols{grid-template-columns:1fr 1fr;align-items:stretch;gap:clamp(1rem,2vw,2rem);display:grid}.mail__card{padding:clamp(1.1rem,1.8vw,1.7rem) clamp(1.2rem,2vw,2rem) clamp(1.3rem,2vw,1.9rem);position:relative}.mail__label{font-family:var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--note);margin-bottom:.9rem;font-size:.9375rem;font-weight:600}.mail__card--after .mail__label{color:var(--accent)}.mail__text{line-height:1.55;position:relative}.mail__text p+p{margin-top:.8em}.mail__layer{position:absolute;inset:0 0 auto}.mail__layer p+p{margin-top:.8em}.mail__layer--ghost{opacity:.42;filter:blur(2.5px);will-change:opacity}.mail__word,.mail__char{will-change:transform, opacity}.mail__caret{background:var(--accent);width:2px;height:1.3em;box-shadow:0 0 10px var(--accent);will-change:transform, opacity;position:absolute;top:0;left:0}.mail__count{font-family:var(--display);letter-spacing:-.015em;color:var(--text);font-size:clamp(1.35rem,1.9vw,1.8rem);font-weight:700;line-height:1.15;position:absolute;bottom:clamp(1.3rem,2vw,1.9rem);left:clamp(1.2rem,2vw,2rem);right:clamp(1.2rem,2vw,2rem)}.mail__count strong{color:var(--accent);font-weight:700}.mail__count span{text-wrap:balance;display:block}.mail__note{color:var(--note);max-width:60ch;font-size:1.125rem}@media (height<=820px) and (width>=800px){.mail__title{font-size:clamp(2rem,3.6vw,3rem)}.mail__stick{gap:.5rem;padding-top:2.6rem;padding-bottom:.8rem}.mail__note{display:none}.mail__lead{margin-bottom:0}.mail__card{padding:.7rem clamp(1.2rem,2vw,2rem) .9rem}.mail__title,.mail__label{margin-bottom:.5rem}.mail__text{line-height:1.45}.mail__count{font-size:clamp(1.2rem,1.6vw,1.5rem);bottom:1rem}}.kann{padding:clamp(5rem, 14vh, 9rem) var(--gutter) 24svh;position:relative}.kann__head{text-align:center;max-width:38rem;margin:0 auto 12svh}.kann__title{letter-spacing:-.03em;margin-bottom:1.1rem;font-size:clamp(2.3rem,4.6vw,4.2rem);font-weight:700}.kann__talk{flex-direction:column;gap:9svh;max-width:36rem;margin:0 auto;padding:0;list-style:none;display:flex}.kann__line{will-change:transform, opacity;max-width:28rem;padding:1rem 1.3rem 1.1rem 2.9rem;position:relative}.kann__line--can{border-bottom-left-radius:6px;align-self:flex-start}.kann__line--cannot{border-bottom-right-radius:6px;align-self:flex-end}.kann__tag{letter-spacing:.07em;text-transform:uppercase;margin-bottom:.25rem;font-size:.875rem;display:block}.kann__line--can .kann__tag{color:var(--accent)}.kann__line--cannot .kann__tag{color:var(--note)}.kann__line:before{content:"";position:absolute;top:1.45rem;left:1.25rem}.kann__line--can:before{background:var(--accent);width:.62rem;height:.62rem;box-shadow:0 0 12px color-mix(in srgb, var(--accent) 70%, transparent);border-radius:50%}.kann__line--cannot:before{background:var(--muted);width:.9rem;height:2px;top:1.7rem;left:1.1rem}.vorlagen{min-height:135svh}.vorlagen__text,.regeln__text{max-width:min(40vw,32rem)}.vorlagen__title,.regeln__title{letter-spacing:-.03em;margin-bottom:1.3rem;font-size:clamp(2.2rem,4.2vw,3.9rem);font-weight:700}.vorlagen__title [data-branch]{color:var(--accent)}.vorlagen__list{counter-reset:v;margin:1.8rem 0 0;padding:0;list-style:none}.vorlagen__list li{counter-increment:v;border-top:1px solid color-mix(in srgb, var(--text) 12%, transparent);font-family:var(--display);align-items:baseline;gap:.9rem;padding:.55rem 0;font-size:1.25rem;font-weight:600;display:flex}.vorlagen__list li:before{content:counter(v);color:var(--accent);font-family:var(--body);font-variant-numeric:tabular-nums;font-size:.9375rem}.regeln{justify-content:flex-start;min-height:340svh;padding-top:0;padding-bottom:8svh}.regeln__text{width:100%;max-width:none;position:sticky;top:66svh}.regeln__title{margin-bottom:1.1rem;font-size:clamp(1.9rem,3.2vw,3rem)}.regeln__list{grid-template-columns:1fr 1fr 1.5fr;gap:0 clamp(1.5rem,3vw,3rem);max-width:62rem;margin:0;padding:0;list-style:none;display:grid}.regeln__list li{font-family:var(--display);letter-spacing:-.015em;border-top:1px solid color-mix(in srgb, var(--text) 18%, transparent);padding:1rem 0;font-size:clamp(1.3rem,1.9vw,1.75rem);font-weight:600;line-height:1.15}.regeln__rule{font-family:var(--display);color:var(--text);margin-top:1.1rem;font-size:clamp(1.25rem,1.6vw,1.5rem);font-weight:700}.regeln__rule:before{content:"";vertical-align:.32em;background:var(--accent);width:1.4rem;height:2px;margin-right:.6rem;display:inline-block}.regeln__note{color:var(--text);max-width:60ch;margin-top:.4rem}.angebote{padding:clamp(5rem, 14vh, 9rem) var(--gutter) 16svh;position:relative}.angebote__head{align-items:flex-end;max-width:min(56vw,44rem);min-height:22svh;margin-bottom:clamp(2.4rem,7vh,4.5rem);display:flex}.angebote__title{letter-spacing:-.03em;font-size:clamp(2.4rem,5vw,4.6rem);font-weight:700}.angebote__cards,.ablauf{max-width:min(64vw,60rem)}.angebote__cards{grid-template-columns:1fr 1fr;gap:clamp(1rem,1.6vw,1.6rem);display:grid}.offer{grid-column:1/-1}.offer.offer--stack{grid-template:"name""stats""text"1fr"price"/1fr;grid-column:auto}.offer.offer--stack .offer__text{align-self:start}.offer__facts{align-content:start}.offer.offer--stack .offer__name{min-height:1.96em}.offer{background:color-mix(in srgb, var(--bg) 82%, transparent);grid-template-columns:minmax(11rem,.9fr) 1.6fr;grid-template-areas:"name text""stats text""price text";column-gap:clamp(1.5rem,3vw,3rem);padding:clamp(1.4rem,2vw,2rem);display:grid}.offer__name{grid-area:name}.offer__text{grid-area:text;align-self:center}.offer__price{grid-area:price}.offer__name{letter-spacing:-.015em;font-size:clamp(1.4rem,1.9vw,1.8rem);font-weight:700}.offer__facts{grid-area:stats;gap:.35rem;margin:1.2rem 0 1.3rem;padding:0;list-style:none;display:grid}.offer__facts li{align-items:baseline;gap:.45rem;line-height:1.3;display:flex}.offer__facts strong{font-family:var(--display);color:var(--accent);font-variant-numeric:tabular-nums;min-width:1.1ch;font-size:1.6rem;font-weight:700;line-height:1}.offer__text{flex:1}.offer__price{border-top:1px solid color-mix(in srgb, var(--text) 14%, transparent);font-family:var(--display);margin-top:1.5rem;padding-top:1rem;font-size:1.35rem;font-weight:700;line-height:1.25}.offer__price span{font-family:var(--body);color:var(--text);margin-top:.3rem;font-size:1rem;font-weight:400;display:block}.angebote__note{background:color-mix(in srgb, var(--bg) 82%, transparent);border-radius:14px;margin-top:clamp(1rem,1.6vw,1.6rem);padding:.7rem 1.1rem;display:inline-block}.ablauf{margin-top:clamp(4rem,12vh,7rem)}.ablauf__title{letter-spacing:-.02em;margin-bottom:1.6rem;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700}.ablauf__steps{counter-reset:a;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,1.6vw,1.6rem);margin:0;padding:0;list-style:none;display:grid}.ablauf__steps li{counter-increment:a;background:color-mix(in srgb, var(--bg) 82%, transparent);padding:1.3rem 1.5rem 1.5rem}.ablauf__steps li:before{content:counter(a);font-family:var(--display);color:var(--accent);margin-bottom:.5rem;font-weight:700;display:block}.ablauf__steps h4{font-family:var(--display);margin:0 0 .4rem;font-size:1.2rem;font-weight:700;line-height:1.15}.demo{min-height:360svh;position:relative}.demo__stick{min-height:100svh;padding:clamp(4.5rem, 9vh, 7rem) var(--gutter);flex-direction:column;justify-content:center;display:flex;position:sticky;top:0}.demo__text{max-width:min(42vw,35rem)}.demo__title{letter-spacing:-.03em;margin-bottom:1.2rem;font-size:clamp(2.2rem,4.2vw,3.9rem);font-weight:700}.demo__about{max-width:44ch}.demo__caption{color:var(--note);will-change:opacity;margin-top:1.6rem;font-size:1.125rem}.js .demo__caption{opacity:0}.kontakt__text{max-width:min(44vw,36rem)}.kontakt__title{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2.4rem,4.8vw,4.4rem);font-weight:700}.kontakt__lead{margin-bottom:2.2rem;font-size:1.3rem}.kontakt__way{border-top:1px solid color-mix(in srgb, var(--text) 14%, transparent);align-items:baseline;gap:1.2rem;padding:.45rem 0;display:flex}.kontakt__key{width:5.5rem;color:var(--note);letter-spacing:.06em;text-transform:uppercase;font-size:.9375rem}.kontakt__phone{white-space:nowrap;font-family:var(--display);color:var(--accent);padding:.45rem 0;font-size:clamp(1.6rem,2.6vw,2.3rem);font-weight:700;text-decoration:none;display:inline-block}.kontakt__phone:hover{text-decoration:underline}.kontakt__mail{color:var(--text);overflow-wrap:anywhere;padding:.6rem 0;display:inline-block}.kontakt__foot{color:var(--note);max-width:40ch;margin-top:2.4rem;font-size:1.125rem}.kontakt__legal{flex-wrap:wrap;gap:0 1.6rem;margin-top:.9rem;display:flex}.kontakt__legal a{color:var(--text);padding:.55rem 0;display:inline-block}@media (width>=800px) and (aspect-ratio>=9/10),(height<=499px) and (aspect-ratio>=9/10){.vorlagen__text,.regeln__text,.demo__text,.kontakt__text,.ablauf__title{isolation:isolate;position:relative}.regeln__text{position:sticky}.vorlagen__text:before,.regeln__text:before,.demo__text:before,.kontakt__text:before,.ablauf__title:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--bg) 80%, transparent) 46%, transparent 100%);pointer-events:none;position:absolute;inset:-38% -48% -42% -60%}.regeln__text:before{background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--bg) 80%, transparent) 24%, color-mix(in srgb, var(--bg) 80%, transparent) 76%, transparent);inset:-30% -4% -40% -5%}.ablauf__title{width:fit-content}.ablauf__title:before{opacity:.7;inset:-45% -14% -50% -16%}}@media (width<=799px) and (height>=500px),(aspect-ratio<=9/10){.panel,.offer,.angebote__note,.ablauf__steps li{background:color-mix(in srgb, var(--bg) 93%, transparent)}.mail__head,.kann__head,.angebote__head,.ablauf__title,.mail__note{background:color-mix(in srgb, var(--bg) 93%, transparent);border-radius:20px;padding:1.2rem 1.2rem 1.3rem}.ablauf__title{margin-bottom:1rem}.mail{min-height:0}.mail__stick{min-height:0;padding-top:46svh;padding-bottom:12svh;position:static}.mail__head{max-width:none}.mail__title{font-size:clamp(2.2rem,9vw,3.4rem)}.mail__cols{grid-template-columns:1fr;gap:14svh}.mail__count{margin-top:1.3rem;position:static}.kann{padding-top:46svh}.kann__head{text-align:left;margin-bottom:8svh}.kann__title{font-size:clamp(2.1rem,8.4vw,3.2rem)}.kann__line{max-width:92%}.vorlagen{justify-content:flex-end;min-height:150svh;padding-top:0;padding-bottom:52svh}.vorlagen__text{position:sticky;bottom:4.6rem}.regeln{min-height:320svh}.regeln__text{padding-top:1.1rem;padding-bottom:1.2rem;top:40svh}.regeln__title{margin-bottom:.5rem;font-size:clamp(1.8rem,7vw,2.6rem)}.regeln__list li{padding:.45rem 0;font-size:1.15rem}.regeln__rule{margin-top:.7rem;font-size:1.2rem}.regeln__note{margin-top:.3rem;font-size:1.125rem}.regeln__list{grid-template-columns:1fr}.vorlagen__text,.regeln__text,.demo__text,.kontakt__text{max-width:none}.vorlagen__text,.regeln__text,.kontakt__text{background:color-mix(in srgb, var(--bg) 93%, transparent);border-radius:20px;padding:1.4rem 1.2rem 1.6rem}.vorlagen__title,.regeln__title,.demo__title{font-size:clamp(2rem,8vw,3rem)}@media (height<=800px){.vorlagen__text{padding:1rem 1.1rem 1.1rem}.vorlagen__title{margin-bottom:.5rem;font-size:clamp(1.7rem,6.4vw,2.2rem)}.vorlagen__lead{line-height:1.45}.vorlagen__list li{padding:.5rem 0;font-size:1.125rem}}.angebote{padding-top:44svh}.angebote__head{max-width:none;min-height:0}.angebote__title{font-size:clamp(2.2rem,9vw,3.4rem)}.angebote__cards,.ablauf{max-width:none}.ablauf__steps,.angebote__cards{grid-template-columns:1fr}.offer.offer--stack .offer__name{min-height:0}.offer,.offer.offer--stack{grid-column:1/-1;grid-template-columns:1fr;grid-template-areas:"name""stats""text""price"}.demo__stick{justify-content:flex-end;padding-bottom:5svh}.demo__text{background:color-mix(in srgb, var(--bg) 93%, transparent);border-radius:20px;padding:1.3rem 1.2rem 1.4rem}.kontakt{justify-content:flex-end;padding-top:56svh}.kontakt__title{font-size:clamp(2.2rem,9vw,3.4rem)}.kontakt__way{gap:.8rem}.kontakt__key{width:4.2rem}.kontakt__phone{font-size:clamp(1.35rem,6vw,1.8rem)}}@media (height<=499px) and (aspect-ratio>=9/10){.mail{min-height:0}.mail__stick{justify-content:flex-start;min-height:0;padding-top:16svh;padding-bottom:16svh;position:static}.mail__head,.mail__cols,.mail__note{max-width:58vw}.mail__title{font-size:clamp(1.9rem,9svh,2.6rem)}.mail__cols{grid-template-columns:1fr;gap:30svh}.mail__count{margin-top:1.3rem;position:static}.mail__note{display:block}.regeln__text{flex-direction:column;justify-content:center;width:44vw;max-width:44vw;min-height:100svh;padding:.6rem 0;display:flex;top:0}.regeln__text:before{background:radial-gradient(closest-side, color-mix(in srgb, var(--bg) 84%, transparent) 60%, transparent 100%);inset:-4% -12% -4% -30%}.regeln__title{margin-bottom:.5rem;font-size:1.6rem}.regeln__list{grid-template-columns:1fr}.regeln__list li{padding:.32rem 0;font-size:1.125rem}.regeln__rule{margin-top:.5rem;font-size:1.125rem}.regeln__note{margin-top:.2rem;line-height:1.4}.angebote__cards,.ablauf{max-width:60vw}.angebote__cards{grid-template-columns:1fr}.offer.offer--stack .offer__name{min-height:0}.offer.offer--stack{grid-column:1/-1}.demo__stick{padding-top:.8rem;padding-bottom:.8rem}.demo__text{max-width:50vw}.demo__title{margin-bottom:.5rem;font-size:clamp(1.5rem,7.4svh,2rem)}.demo__about{max-width:none;line-height:1.42}.demo__caption{margin-top:.5rem;line-height:1.35}}@media (width<=767px) and (height>=500px){.regeln{justify-content:flex-end;padding-bottom:4.6rem}.regeln__text{top:auto;bottom:4.6rem}}@media (width<=767px) and (height>=500px) and (height<=740px){.regeln__text{padding:.9rem 1.1rem 1rem}.regeln__title{margin-bottom:.35rem;font-size:1.6rem}.regeln__list li{padding:.32rem 0;font-size:1.1rem}.regeln__rule{margin-top:.5rem;font-size:1.1rem}.regeln__note{line-height:1.45}}@media (height>=500px) and (height<=820px) and (width>=800px) and (aspect-ratio>=9/10){.regeln__text{top:58svh}}.branch{z-index:50;--edge:clamp(.9rem, 3vh, 2.1rem);--side:var(--gutter);top:var(--edge);right:var(--side);font-size:.9375rem;line-height:1;position:fixed}.branch:before{content:"";z-index:-1;top:calc(-1 * var(--edge));right:calc(-1 * var(--side));width:100vw;height:calc(100% + var(--edge) + .9rem);background:linear-gradient(to bottom, color-mix(in srgb, var(--bg) 62%, transparent), color-mix(in srgb, var(--bg) 42%, transparent) 62%, transparent);pointer-events:none;position:absolute}.js .branch{opacity:0;visibility:hidden;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .4s,visibility 0s .55s;transform:translateY(-160%)}.js .branch.is-visible{opacity:1;visibility:visible;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .4s,visibility;transform:none}.branch__tip{width:max-content;max-width:min(20rem,80vw);color:var(--text);background:color-mix(in srgb, var(--bg) 97%, transparent);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);opacity:0;pointer-events:none;border-radius:12px;padding:.55rem .9rem;font-size:.9375rem;line-height:1.35;transition:opacity .6s,transform .6s;position:absolute;top:calc(100% + .6rem);right:.4rem;transform:translateY(-6px);box-shadow:0 10px 30px #0000008c}.branch.is-tipping .branch__tip{opacity:1;transform:none}.branch__options{background:color-mix(in srgb, var(--bg) 93%, transparent);border:1px solid color-mix(in srgb, var(--text) 12%, transparent);border-radius:999px;align-items:center;gap:.15rem;padding:.3rem;display:flex}.branch__hint{color:var(--note);padding:0 .5rem 0 .8rem}.branch button{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:2.25rem;padding:0 .85rem;transition:background-color .25s,color .25s}.branch button[aria-checked=true]{background:var(--accent);color:#14161b;font-weight:600}.branch button[aria-checked=false]:hover{background:color-mix(in srgb, var(--text) 10%, transparent)}.branch__toggle{display:none}.is-switching [data-branch],.is-switching [data-branch-list],.is-switching [data-kann],.is-switching .mail__text{opacity:0}[data-branch],[data-branch-list],[data-kann],.mail__text{transition:opacity .22s}@media (width<=799px),(aspect-ratio<=9/10),(height<=499px){.branch__tip{max-width:min(22rem, calc(100vw - 2 * var(--side)));border-radius:999px;align-items:center;padding:0 1.1rem;display:flex;inset:0 0 0 auto;transform:none}.branch.is-tipping .branch__toggle{opacity:0}.branch__toggle{transition:opacity .35s}.branch{--edge:.8rem;--side:.9rem}.branch .branch__toggle{background:color-mix(in srgb, var(--bg) 86%, transparent);border:1px solid color-mix(in srgb, var(--text) 14%, transparent);align-items:center;gap:.35rem;min-height:2.75rem;padding:0 1rem;display:inline-flex}.branch__toggle .branch__hint{padding:0}.branch__current{color:var(--accent);font-weight:600}.branch__current:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:.4em;height:.4em;margin-left:.5em;display:inline-block;transform:translateY(-.15em)rotate(45deg)}.branch__options{background:color-mix(in srgb, var(--bg) 96%, transparent);border-radius:18px;flex-direction:column;align-items:stretch;min-width:11rem;display:none;position:absolute;top:calc(100% + .4rem);right:0}.branch__options .branch__hint{display:none}.branch.is-open .branch__options{display:flex}.branch__options button{text-align:left;min-height:2.75rem}}@media (width<=767px),(height<=499px){.branch{top:auto;bottom:calc(var(--edge) + env(safe-area-inset-bottom,0px))}.js .branch{transform:translateY(160%)}.branch:before{display:none}.branch .branch__toggle{background:color-mix(in srgb, var(--bg) 95%, transparent)}.branch__options{top:auto;bottom:calc(100% + .4rem)}}@media (prefers-reduced-motion:reduce){.branch__tip{display:none}.js .branch,.js .branch.is-visible{transition:opacity .2s}}