.hippie-help-teaser{display:flex;align-items:center;gap:12px;padding:13px 16px;border:2px solid #7ecdc8;border-radius:19px;background:#e5fbf5;margin:18px 0;color:#075474;min-width:0}.hippie-help-teaser>div{min-width:0}.hippie-help-teaser strong{display:block;font:800 16px/1.3 system-ui}.hippie-help-teaser a{display:inline-flex;align-items:center;min-height:44px;font:800 13px/1.4 system-ui;color:#075474;text-decoration:underline;text-underline-offset:3px}.help-mini{flex:none;width:58px;height:58px;background:url(hippie-aufbau-abbau.webp) 0 0/400% 200% no-repeat}
.hippie-help-window{box-sizing:border-box;width:min(940px,calc(100% - 28px));max-height:calc(100dvh - 28px);margin:auto;border:3px solid #08718d;border-radius:25px;padding:0;background:#fffdf2;color:#123e58;overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 70px #06344d50;font:15px/1.55 system-ui}.hippie-help-window::backdrop{background:#06344dcc;backdrop-filter:blur(4px)}.help-window-head{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:20px 22px;background:#00a7f5;border-bottom:6px solid #ffda22;position:static;max-width:none;margin:0}.help-window-head p{font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.7px;margin:0 0 5px}.help-window-head h2{font:900 clamp(23px,3vw,31px)/1.15 system-ui;letter-spacing:-.6px;margin:0 0 6px}.help-window-head span{font-size:12px}.hippie-help-window button{font:800 13px/1.35 system-ui;min-height:44px;border:2px solid #08718d;border-radius:12px;padding:10px 13px;background:white;color:#075474;cursor:pointer;white-space:normal}.help-window-head button{flex:none;background:#ffda22}.help-step-nav{display:flex;gap:8px;padding:16px 20px;flex-wrap:wrap;background:#eefaff}.help-step-nav button{flex:1}.help-step-nav button[aria-pressed=true]{background:#ffda22;border-color:#966b00}.help-workspace{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:24px;padding:20px 24px 26px}.help-workspace>*{min-width:0}.help-mascot-stage{align-self:start;text-align:center;background:#dcfaf1;border-radius:22px;padding:12px 15px}.help-mascot-viewport{position:relative;overflow:hidden;width:100%;max-width:260px;aspect-ratio:1;margin:auto}.help-mascot-viewport img{position:absolute;left:0;top:0;width:400%!important;height:200%!important;max-width:none!important;max-height:none!important;object-fit:fill!important;background:transparent!important;translate:0 0;border:0!important;border-radius:0!important;transform:none!important}.help-mascot-stage[data-help-mode=pack] img{translate:0 -50%}.help-mascot-stage[data-help-mode=return] img{translate:-75% -50%}.help-mascot-stage.is-acting[data-help-mode=build] img{animation:hippie-help-unroll 3.2s steps(1,end) 2 both}.help-mascot-stage.is-acting[data-help-mode=pack] img{animation:hippie-help-roll 3.2s steps(1,end) 2 both}.help-mascot-stage.is-paused img{animation-play-state:paused!important}.help-mascot-stage strong{display:block;font-size:18px}.help-mascot-stage p{font-size:12px}.help-animation-controls{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.help-animation-controls button{font-size:12px;padding:8px 10px}.help-workspace h3{font:900 24px/1.2 system-ui;margin:0 0 12px}.help-workspace p{margin:12px 0}.help-workspace ul{padding-left:20px}.help-workspace li+li{margin-top:9px}.help-video-load{width:100%;background:#ffda22!important}.help-provider-note,.help-status{font-size:12px;color:#37596a}.help-video-frame{aspect-ratio:9/16;max-width:310px;margin:14px auto;background:#06344d;border-radius:14px;overflow:hidden}.help-video-frame iframe{display:block;width:100%;height:100%;border:0}.help-video-area>a{display:inline-flex;min-height:44px;align-items:center;font-size:13px;font-weight:700}.help-return-checklist label{display:flex;align-items:start;gap:10px;padding:12px 0;border-bottom:1px solid #bddbd9;min-height:44px;font-size:14px}.help-return-checklist input{width:21px;height:21px;margin-top:2px;flex:none;accent-color:#08718d}.help-return-checklist p{font-size:12px}.help-contact{padding:14px;background:#fff1c5;border-radius:13px}.hippie-help-window :is(a,button,input):focus-visible{outline:3px solid #bc3c22;outline-offset:3px}.hippie-help-window [hidden]{display:none!important}.help-fallback{max-width:900px;margin:auto;padding:30px 20px}.help-fallback h1{font-size:clamp(32px,6vw,48px);margin:20px 0}.help-fallback section{padding:22px 0;border-bottom:1px solid #b7d9de}.help-fallback h2{font-size:27px}.help-fallback a{display:inline-flex;align-items:center;min-height:44px;font-weight:800}
@keyframes hippie-help-unroll{0%{translate:0 0}25%{translate:-25% 0}50%{translate:-50% 0}75%,100%{translate:-75% 0}}@keyframes hippie-help-roll{0%{translate:0 -50%}25%{translate:-25% -50%}50%{translate:-50% -50%}75%,100%{translate:-75% -50%}}
@media(max-width:650px){.hippie-help-window{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:18px}.help-window-head{padding:16px 14px;gap:8px}.help-window-head h2{font-size:23px}.help-window-head button{padding:8px;font-size:12px}.help-step-nav{padding:12px 10px;gap:5px}.help-step-nav button{padding:8px 6px;font-size:12px}.help-workspace{grid-template-columns:1fr;padding:14px;gap:18px}.help-mascot-stage{display:grid;grid-template-columns:100px 1fr;gap:0 10px;text-align:left;align-items:center;padding:10px}.help-mascot-viewport{grid-row:1/4}.help-mascot-stage strong{font-size:16px}.help-mascot-stage p{margin:5px 0}.help-animation-controls{justify-content:start}.help-mascot-stage .help-animation-controls button{min-height:44px;font-size:11px}.help-video-frame{max-width:230px}.help-mini{width:48px;height:48px}.hippie-help-teaser{padding:10px;gap:9px}}
@media(prefers-reduced-motion:reduce){.help-mascot-stage img{animation:none!important}.help-mascot-stage[data-help-mode=build] img{translate:-75% 0}.help-mascot-stage[data-help-mode=pack] img{translate:-75% -50%}}
.help-mascot-stage.is-offscreen img{animation-play-state:paused!important}.help-mascot-stage.is-done[data-help-mode=build] img{translate:-75% 0}.help-mascot-stage.is-done[data-help-mode=pack] img{translate:-75% -50%}