/* SiO live integration */
html.sio-page-scroll-locked,
body.sio-page-scroll-locked{overflow:hidden!important;overscroll-behavior:none!important}
body.sio-page-scroll-locked{position:fixed!important;left:0!important;right:0!important;width:100%!important}
#menu{display:none!important}
.quick-dock{overflow:visible!important}
.sio-live-dock{position:relative!important;width:64px!important;min-width:64px!important;height:50px!important;border-radius:18px 18px 11px 11px!important;background:linear-gradient(180deg,#15536d,#062637)!important;box-shadow:0 0 22px rgba(78,211,255,.3),inset 0 -9px 14px rgba(0,0,0,.32)!important}
.sio-live-dock .quick-dock-icon{position:absolute;left:50%;bottom:7px;display:grid;width:34px;height:31px;place-items:center;border:2px solid #58cbed;border-radius:14px 14px 10px 10px;color:#07557a;background:linear-gradient(145deg,#fff,#9de7fa);box-shadow:0 0 12px rgba(105,226,255,.55);font-size:9px;font-weight:900;transform:translateX(-50%);animation:sioLiveCharge 2.8s ease-in-out infinite}
.sio-live-dock .quick-dock-charge{position:absolute;right:5px;bottom:4px;color:#7fe9ff;font-size:8px;letter-spacing:1px;animation:sioLiveCells 1.2s ease-in-out infinite}
.sio-live-idle-countdown{position:absolute;z-index:8;left:50%;bottom:calc(100% + 8px);min-width:74px;padding:4px 8px;border:1px solid rgba(126,235,255,.58);border-radius:999px;color:#eaffff;background:rgba(5,24,36,.94);box-shadow:0 10px 22px rgba(0,0,0,.34),0 0 18px rgba(89,217,255,.25);font-size:10px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-align:center;transform:translateX(-50%);pointer-events:none}.sio-live-idle-countdown[hidden]{display:none!important}.sio-live-dock.is-idle-countdown{filter:brightness(1.1)}.sio-live-dock.is-idle-countdown .quick-dock-icon{animation:sioLiveCharge 1.2s ease-in-out infinite,sioLiveCountdownPulse .9s ease-in-out infinite}
@keyframes sioLiveCharge{50%{transform:translateX(-50%) translateY(-2px);filter:brightness(1.18)}}@keyframes sioLiveCells{50%{opacity:.35}}
@keyframes sioLiveCountdownPulse{50%{box-shadow:0 0 18px rgba(126,235,255,.9),0 0 30px rgba(83,214,255,.42)}}
.sio-live-dock.is-away .quick-dock-icon{opacity:0}.sio-live-dock.is-undocking{animation:sioLiveUndock .36s ease both}.sio-live-dock.is-docking{animation:sioLiveDock .5s ease both}
@keyframes sioLiveUndock{35%{transform:translateY(4px) scale(.94)}100%{transform:translateY(-13px) scale(.3);opacity:.25}}@keyframes sioLiveDock{0%{transform:translateY(-13px) scale(.3);opacity:.25}70%{transform:translateY(3px) scale(.95)}100%{transform:none;opacity:1}}
.sio-live-menu,.sio-onboarding{position:fixed;z-index:2147482600;color:#effaff;background:linear-gradient(145deg,rgba(6,38,56,.98),rgba(10,67,89,.97));border:1px solid rgba(115,220,255,.42);box-shadow:0 25px 70px rgba(0,0,0,.48);backdrop-filter:blur(22px)}
.sio-live-menu{position:absolute;z-index:20;right:100%;left:auto;top:50%;bottom:auto;box-sizing:border-box;width:330px;max-width:calc(100vw - 24px);height:auto;max-height:none;padding:16px;border-radius:19px;transform:translateY(-50%);overflow:visible;scrollbar-gutter:auto}
.sio-live-menu::before{display:none}
.sio-live-menu[hidden],.sio-onboarding[hidden],.sio-live-menu [hidden]{display:none!important}
.sio-live-head{position:relative;display:flex;align-items:center;gap:11px;min-height:48px;padding:0 42px 12px 0;border-bottom:1px solid rgba(130,220,255,.18)}.sio-live-avatar{display:grid;width:44px;height:44px;place-items:center;border-radius:15px;color:#07557a;background:linear-gradient(145deg,#fff,#8ddff5);font-weight:900}.sio-live-head div{flex:1;min-width:0}.sio-live-head b,.sio-live-head small{display:block;min-width:0;overflow:visible;text-overflow:clip;white-space:normal}.sio-live-head b{font-size:15px;line-height:1.15}.sio-live-head small{margin-top:4px;color:#a9cfdd;font-size:10px}.sio-live-close{flex:0 0 31px;width:31px;height:31px;border:1px solid rgba(130,220,255,.25);border-radius:9px;color:#fff;background:rgba(255,255,255,.06);cursor:pointer}.sio-live-head .sio-live-close{position:absolute;top:0;right:0}
.sio-live-actions{display:grid;gap:8px;margin-top:13px}.sio-live-actions button{display:flex;min-width:0;align-items:center;gap:11px;width:100%;padding:11px;border:1px solid rgba(130,220,255,.19);border-radius:12px;color:#effaff;background:rgba(255,255,255,.05);text-align:left;cursor:pointer}.sio-live-actions button:hover{border-color:#65d8fa;background:rgba(48,177,220,.18)}.sio-live-actions i{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border-radius:10px;background:rgba(63,190,235,.18);font-style:normal;font-size:10px;font-weight:800}.sio-live-actions span{display:flex;min-width:0;flex-direction:column}.sio-live-actions span>b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sio-live-actions small{display:block;min-width:0;margin-top:2px;color:#a8cbd9;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.sio-progress-list{display:grid;gap:8px;margin-top:13px}.sio-progress{padding:11px;border-radius:12px;background:rgba(0,0,0,.14)}.sio-progress-head{display:flex;justify-content:space-between;font-size:10px}.sio-progress-bar{height:5px;margin-top:7px;border-radius:5px;background:rgba(255,255,255,.1);overflow:hidden}.sio-progress-bar i{display:block;height:100%;background:#53d1f4}
.sio-done-section{margin-top:12px;border:1px solid rgba(130,220,255,.16);border-radius:13px;background:rgba(0,0,0,.12);overflow:hidden}.sio-done-section summary{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;color:var(--start-scheme-text);font-size:11px;font-weight:800;cursor:pointer;list-style:none}.sio-done-section summary::-webkit-details-marker{display:none}.sio-done-section summary::after{content:"⌄";margin-left:8px;color:var(--start-scheme-muted);transition:transform .18s}.sio-done-section[open] summary::after{transform:rotate(180deg)}.sio-done-section summary b{margin-left:auto;color:var(--start-scheme-muted);font-size:10px}.sio-done-actions{margin:0;padding:0 8px 9px}.sio-done-actions button{padding:9px!important;opacity:.9}.sio-done-actions button i{background:rgba(80,220,160,.2)}
.sio-onboarding{position:fixed;top:86px;left:20px;width:min(390px,calc(100vw - 40px));padding:18px;border-radius:9px 20px 20px 20px}.sio-onboarding::before{content:"";position:absolute;left:-9px;top:23px;width:18px;height:18px;border-left:1px solid var(--start-scheme-border);border-bottom:1px solid var(--start-scheme-border);background:var(--start-scheme-strong);transform:rotate(45deg)}.sio-onboarding h2{margin:0 38px 8px 0;font-size:22px}.sio-onboarding p{margin:0;color:#c5dce5;line-height:1.5}.sio-onboarding-options{display:grid;gap:8px;margin-top:16px}.sio-onboarding-options button{padding:11px;border:1px solid rgba(116,219,255,.3);border-radius:11px;color:#fff;background:rgba(44,167,213,.14);cursor:pointer;text-align:left}.sio-onboarding-options button:hover{background:rgba(44,167,213,.3)}
.sio-onboarding{border-color:var(--start-scheme-border);color:var(--start-scheme-text);background:var(--start-scheme-strong)}.sio-onboarding p{color:var(--start-scheme-muted)}.sio-onboarding-options button{border-color:var(--start-scheme-border);color:var(--start-scheme-text);background:rgba(var(--start-scheme-rgb),.28)}
.sio-live-traveler{position:fixed;z-index:2147482700;width:54px;height:54px;filter:drop-shadow(0 9px 12px rgba(0,0,0,.34));opacity:0;transform:scale(.25);transition:left .32s cubic-bezier(.2,.8,.2,1),top .32s cubic-bezier(.2,.8,.2,1),opacity .18s,transform .28s cubic-bezier(.2,.9,.2,1.25);pointer-events:none}.sio-live-traveler[hidden]{display:none}.sio-live-traveler.is-visible{opacity:1;transform:scale(1)}.sio-live-traveler::after{content:"";position:absolute;z-index:-1;inset:10px;border-radius:50%;background:rgba(80,214,250,.3);filter:blur(8px);animation:sioTravelerGlow 2.2s ease-in-out infinite}
.sio-live-traveler.is-warping-in{animation:sioTravelerWarpIn .34s ease both}.sio-live-traveler.is-warping-home{animation:sioTravelerWarpHome .28s ease both}
.sio-traveler-keyboard{position:absolute;left:50%;bottom:-7px;display:none;grid-template-columns:repeat(3,7px);gap:2px;width:31px;padding:4px 5px 5px;border:1px solid rgba(121,229,255,.56);border-radius:8px;background:linear-gradient(180deg,rgba(6,40,58,.92),rgba(2,18,29,.96));box-shadow:0 8px 18px rgba(0,0,0,.3),0 0 15px rgba(74,217,255,.3);transform:translateX(-50%) perspective(70px) rotateX(18deg)}
.sio-live-traveler.is-summary-typing{z-index:2147483605;width:62px;height:70px;filter:drop-shadow(0 10px 15px rgba(0,0,0,.36))}
.sio-live-traveler.is-summary-typing .sio-traveler-keyboard{display:grid}
.sio-traveler-keyboard i{display:block;width:7px;height:4px;border-radius:2px;background:rgba(185,247,255,.43);box-shadow:0 0 4px rgba(98,227,255,.2);animation:sioTravelerKeyTap 1.05s ease-in-out infinite}
.sio-traveler-keyboard i:nth-child(2){animation-delay:.08s}.sio-traveler-keyboard i:nth-child(3){animation-delay:.16s}.sio-traveler-keyboard i:nth-child(4){animation-delay:.24s}.sio-traveler-keyboard i:nth-child(5){animation-delay:.32s}.sio-traveler-keyboard i:nth-child(6){animation-delay:.4s}.sio-traveler-keyboard i:nth-child(7){animation-delay:.48s}.sio-traveler-keyboard i:nth-child(8){animation-delay:.56s}.sio-traveler-keyboard i:nth-child(9){animation-delay:.64s}
.sio-live-traveler.is-summary-typing .sio-avatar{animation:sioTravelerTypingBob 2.4s ease-in-out infinite}
.sio-live-traveler.is-summary-typing .sio-avatar .sio-body{animation:sioTravelerTypingLean 1.35s ease-in-out infinite!important}
.sio-warp{position:fixed;z-index:2147483650;left:0;top:0;width:16px;height:16px;border:1px solid rgba(155,240,255,.9);border-radius:50%;background:radial-gradient(circle,rgba(180,250,255,.92),rgba(65,211,255,.28) 42%,transparent 72%);box-shadow:0 0 18px rgba(83,222,255,.9),0 0 42px rgba(83,222,255,.45);pointer-events:none;transform:translate(-50%,-50%) scale(.35);animation:sioWarpBurst .7s ease-out forwards}
.sio-warp::before,.sio-warp::after{content:"";position:absolute;inset:-13px;border:2px solid rgba(116,228,255,.38);border-radius:50%;animation:sioWarpRing .7s ease-out forwards}.sio-warp::after{inset:-25px;animation-delay:.08s}.sio-warp.home{background:radial-gradient(circle,rgba(223,254,255,.96),rgba(59,199,255,.32) 40%,transparent 70%)}.sio-warp.out{animation-duration:.55s}
@keyframes sioTravelerGlow{50%{transform:scale(1.35);opacity:.5}}
@keyframes sioTravelerWarpIn{0%{opacity:0;filter:brightness(3) blur(7px);transform:scale(.18) rotate(-8deg)}70%{opacity:1;filter:brightness(1.45);transform:scale(1.08)}100%{filter:none;transform:scale(1)}}
@keyframes sioTravelerWarpHome{0%{opacity:1;filter:none;transform:scale(1)}100%{opacity:0;filter:brightness(3) blur(8px);transform:scale(.15) rotate(8deg)}}
@keyframes sioWarpBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}18%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(2.6)}}
@keyframes sioWarpRing{0%{opacity:.8;transform:scale(.35)}100%{opacity:0;transform:scale(1.25)}}
@keyframes sioTravelerKeyTap{0%,100%{transform:translateY(0);background:rgba(185,247,255,.38)}42%{transform:translateY(1.7px);background:#f3feff;box-shadow:0 0 8px rgba(127,235,255,.95)}}
@keyframes sioTravelerTypingBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes sioTravelerTypingLean{0%,100%{transform:translateY(0) rotate(0)}42%{transform:translateY(1px) rotate(-2deg)}68%{transform:translateY(0) rotate(2deg)}}
.sio-intro-form{display:grid;gap:8px}.sio-intro-form input{width:100%;height:43px;padding:0 12px;border:1px solid var(--start-scheme-border);border-radius:10px;color:var(--start-scheme-text);background:rgba(var(--start-scheme-rgb),.36);outline:none}.sio-intro-form input::placeholder{color:rgba(239,250,255,.82);opacity:1}.sio-intro-loading{display:block;padding:13px;border-radius:11px;color:var(--start-scheme-muted);background:rgba(var(--start-scheme-rgb),.2)}.sio-location-entry[hidden]{display:none}.sio-intro-location-results{display:grid;gap:6px;margin-top:1px}.sio-location-suggestion{display:flex!important;align-items:center;justify-content:space-between;gap:10px;min-height:38px!important;padding:8px 10px!important;border:1px solid rgba(94,218,255,.45)!important;border-radius:11px!important;background:rgba(var(--start-scheme-rgb),.34)!important;color:var(--start-scheme-text)!important;text-align:left!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 6px 16px rgba(0,0,0,.12)!important}.sio-location-suggestion span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sio-location-suggestion small{flex:0 0 auto;color:#7ee8ff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.sio-location-suggestion:hover{border-color:#7ee8ff!important;background:rgba(var(--start-scheme-rgb),.52)!important;transform:translateY(-1px)}
.sio-onboarding,.sio-onboarding *{box-sizing:border-box}.sio-onboarding .sio-onboarding-options,.sio-onboarding .sio-intro-form{min-width:0}.sio-onboarding .sio-intro-form input{max-width:100%}.sio-location-suggestion{max-width:100%;overflow:hidden}.sio-location-suggestion span{overflow-wrap:anywhere}.sio-location-suggestion small{white-space:nowrap}
@media(max-width:520px){.sio-location-suggestion{display:grid!important;grid-template-columns:1fr;align-items:start}.sio-location-suggestion span{white-space:normal}.sio-location-suggestion small{justify-self:start;margin-top:2px}}
.sio-intro-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sio-intro-themes button{display:flex!important;align-items:center;gap:7px;padding:8px!important}.sio-intro-themes i{width:23px;height:23px;border:1px solid rgba(255,255,255,.25);border-radius:7px}.sio-intro-themes [data-dashboard-theme=dark] i,.sio-intro-themes [data-intro-theme=dark] i{background:#030303}.sio-intro-themes [data-dashboard-theme=light] i,.sio-intro-themes [data-intro-theme=light] i{background:#eef7fb}.sio-intro-themes [data-dashboard-theme=blue] i,.sio-intro-themes [data-intro-theme=blue] i{background:#247eb4}.sio-intro-themes [data-dashboard-theme=green] i,.sio-intro-themes [data-intro-theme=green] i{background:#267b58}.sio-intro-themes [data-dashboard-theme=purple] i,.sio-intro-themes [data-intro-theme=purple] i{background:#7b439a}.sio-intro-themes [data-dashboard-theme=pink] i,.sio-intro-themes [data-intro-theme=pink] i{background:#b65387}.sio-intro-themes button.is-active,.sio-intro-search button.is-active{border-color:#7ee5ff!important;box-shadow:0 0 0 2px rgba(82,210,247,.17)}
.sio-intro-search{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.sio-intro-size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sio-intro-size-grid button,.sio-intro-topic,.sio-intro-provider{border:1px solid var(--start-scheme-border)!important;border-radius:12px!important;color:var(--start-scheme-text)!important;background:rgba(var(--start-scheme-rgb),.16)!important;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.sio-intro-size-grid button{display:flex!important;min-width:0;flex-direction:column;align-items:center;gap:5px;padding:8px 5px!important;text-align:center}.sio-intro-size-grid button.is-active,.sio-intro-topic.is-active,.sio-intro-provider.is-active{border-color:#7ee5ff!important;background:rgba(35,164,211,.34)!important;box-shadow:0 0 0 2px rgba(82,210,247,.17),inset 0 1px rgba(255,255,255,.12)}
.sio-intro-size-grid strong{font-size:11px}.sio-intro-size-grid small{color:var(--start-scheme-muted);font-size:8px;line-height:1.25}.sio-intro-size-preview{display:flex;align-items:end;justify-content:center;gap:3px;height:28px}.sio-intro-size-preview i{display:block;border-radius:7px;background:linear-gradient(145deg,#4fd8ff,#237fa9);box-shadow:0 5px 12px rgba(0,0,0,.18)}.sio-intro-size-preview-compact i{width:13px;height:13px}.sio-intro-size-preview-standard i{width:17px;height:17px}.sio-intro-size-preview-large i{width:22px;height:22px}
.sio-intro-news{display:grid;gap:10px}.sio-intro-news-scroll{display:grid;gap:9px;max-height:300px;overflow:auto;padding:2px 4px 2px 0;scrollbar-width:thin}.sio-intro-news-card{display:grid;gap:8px;padding:10px;border:1px solid rgba(126,220,255,.18);border-radius:14px;background:rgba(var(--start-scheme-rgb),.11);box-shadow:inset 0 1px rgba(255,255,255,.07)}.sio-intro-news-card.is-active{border-color:#7ee5ff;background:rgba(35,164,211,.22);box-shadow:0 0 0 2px rgba(82,210,247,.1),inset 0 1px rgba(255,255,255,.12)}.sio-intro-topic,.sio-intro-provider{display:flex!important;align-items:center;gap:8px;cursor:pointer}.sio-intro-topic{min-height:38px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.sio-intro-topic input,.sio-intro-provider input{width:15px;height:15px;accent-color:#20b8e9}.sio-intro-topic span{display:flex;min-width:0;flex-direction:column}.sio-intro-topic b{font-size:12px}.sio-intro-topic small{margin-top:2px;color:var(--start-scheme-muted);font-size:9px}.sio-intro-feed-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sio-intro-provider{min-height:31px;padding:6px 7px!important;border:1px solid rgba(126,220,255,.18)!important;border-radius:10px!important;color:var(--start-scheme-text)!important;background:rgba(var(--start-scheme-rgb),.13)!important;font-size:9px;font-weight:750;box-shadow:inset 0 1px rgba(255,255,255,.06)}.sio-intro-provider.is-active{border-color:rgba(126,229,255,.72)!important;background:rgba(35,164,211,.32)!important}.sio-intro-news-card:not(.is-active) .sio-intro-feed-list{display:none}
.sio-onboarding.is-intro-news{max-width:calc(100vw - 24px)}.sio-onboarding.is-intro-news .sio-intro-news-scroll{max-height:min(520px,52vh);padding-right:8px}.sio-onboarding.is-intro-news .sio-intro-provider{font-size:10px}.sio-onboarding.is-intro-done{max-width:calc(100vw - 24px)}.sio-intro-done-panel{display:grid;gap:9px;padding:12px;border:1px solid rgba(126,220,255,.2);border-radius:15px;background:rgba(var(--start-scheme-rgb),.14);box-shadow:inset 0 1px rgba(255,255,255,.08)}.sio-intro-done-panel p{margin:0!important;color:var(--start-scheme-muted);font-size:12px;line-height:1.45}.sio-intro-done-panel.is-tour{background:rgba(var(--start-scheme-rgb),.09)}.sio-onboarding-options .sio-intro-done-panel button{min-height:54px;font-size:15px;text-align:center!important}.sio-onboarding-options .sio-intro-finish{min-height:48px;text-align:center!important}
.sio-chat-panel{--sio-chat-font-scale:1;position:absolute;z-index:18;left:50%;bottom:calc(100% + 12px);width:min(720px,calc(100vw - 28px));max-height:min(300px,calc(100vh - 90px));border:1px solid var(--start-scheme-border);border-radius:20px;color:var(--start-scheme-text);background:var(--start-scheme-strong);box-shadow:0 24px 65px rgba(0,0,0,.42);backdrop-filter:blur(24px);transform:translateX(-50%);overflow:hidden;font-family:"Segoe UI",Arial,sans-serif}.sio-chat-panel[hidden]{display:none}.sio-chat-panel::after{content:"";position:absolute;left:22px;bottom:-9px;width:18px;height:18px;border-right:1px solid var(--start-scheme-border);border-bottom:1px solid var(--start-scheme-border);background:var(--start-scheme-strong);transform:rotate(45deg)}
.sio-chat-panel>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--start-scheme-border)}.sio-chat-panel>header>div:first-child{display:flex;flex-direction:column}.sio-chat-panel>header b{font-size:15px}.sio-chat-panel>header small{margin-top:2px;color:var(--start-scheme-muted);font-size:9px}.sio-chat-panel>header>div:last-child{display:flex;gap:6px}.sio-chat-panel>header button{width:30px;height:30px;padding:0;border:1px solid var(--start-scheme-border);border-radius:9px;color:var(--start-scheme-text);background:rgba(var(--start-scheme-rgb),.2);cursor:pointer}
.sio-chat-log{display:flex;flex-direction:column;gap:9px;min-height:70px;max-height:135px;padding:12px 14px;overflow-y:auto;scrollbar-gutter:stable}.sio-chat-empty{align-self:center;margin:auto;padding:10px;color:var(--start-scheme-muted);font-size:calc(11px * var(--sio-chat-font-scale,1));text-align:center}.sio-chat-message{max-width:82%;padding:9px 11px;border:1px solid var(--start-scheme-border);border-radius:13px;background:rgba(var(--start-scheme-rgb),.2)}.sio-chat-message.user{align-self:flex-end;border-bottom-right-radius:4px;background:rgba(var(--start-scheme-rgb),.48)}.sio-chat-message.assistant{align-self:flex-start;border-bottom-left-radius:4px}.sio-chat-message b{display:block;margin-bottom:4px;color:var(--start-scheme-muted);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.sio-chat-message p{margin:0;font-size:calc(12px * var(--sio-chat-font-scale,1));line-height:1.45;white-space:pre-wrap}.sio-chat-message a{color:#7ee8ff;font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;overflow-wrap:anywhere}.sio-chat-message a:hover{color:#fff;text-shadow:0 0 9px rgba(126,232,255,.55)}
.sio-chat-usage{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px;align-items:center;margin:10px 14px 0;padding:8px 10px;border:1px solid rgba(71,215,255,.22);border-radius:12px;background:rgba(71,215,255,.08);box-shadow:inset 0 1px rgba(255,255,255,.06)}.sio-chat-usage[hidden]{display:none}.sio-chat-usage span{display:block;color:#7ee8ff;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.sio-chat-usage b{display:block;margin-top:1px;color:#fff;font-size:11px}.sio-chat-usage small{display:block;margin-top:1px;color:rgba(232,249,255,.66);font-size:9px;font-weight:700}.sio-chat-usage>i{display:block;height:8px;border-radius:999px;background:rgba(255,255,255,.11);box-shadow:inset 0 1px 2px rgba(0,0,0,.28);overflow:hidden}.sio-chat-usage>i>em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#47d7ff,#57e69a);box-shadow:0 0 12px rgba(71,215,255,.45);transition:width .25s ease}
.sio-chat-panel form{display:flex;align-items:flex-end;gap:8px;padding:11px 14px;border-top:1px solid var(--start-scheme-border)}.sio-chat-panel textarea{flex:1;min-height:44px;max-height:110px;padding:10px 12px;border:1px solid var(--start-scheme-border);border-radius:11px;color:var(--start-scheme-text);background:rgba(var(--start-scheme-rgb),.22);font-size:calc(12px * var(--sio-chat-font-scale,1));outline:none;resize:vertical}.sio-chat-panel textarea::placeholder{color:var(--start-scheme-muted)}.sio-chat-panel form>button{display:flex;align-items:center;justify-content:center;min-width:86px;height:44px;padding:0 13px;border:1px solid var(--start-scheme-border);border-radius:11px;color:var(--start-scheme-text);background:rgba(var(--start-scheme-rgb),.55);cursor:pointer}.sio-chat-panel form.is-loading>button span{display:none}.sio-chat-panel form.is-loading>button i{display:block;width:17px;height:17px;border:2px solid rgba(255,255,255,.28);border-top-color:currentColor;border-radius:50%;animation:sioChatSpin .7s linear infinite}.sio-chat-panel form:not(.is-loading)>button i{display:none}.sio-chat-panel>footer{padding:0 14px 10px;color:var(--start-scheme-muted);font-size:8px}
@keyframes sioChatSpin{to{transform:rotate(360deg)}}
.sio-settings-open #mySidenav{width:min(520px,calc(100vw - 16px))!important;max-width:none!important;right:8px!important;top:8px!important;bottom:76px!important;height:auto!important;padding:18px!important;border:1px solid rgba(116,220,255,.38)!important;border-radius:22px!important;background:rgba(7,31,43,.97)!important;box-shadow:0 25px 80px rgba(0,0,0,.48)!important;overflow:auto!important}
#mySidenav .menu_part{margin:10px 0!important;padding:15px!important;border:1px solid rgba(123,214,247,.14)!important;border-radius:15px!important;background:rgba(255,255,255,.035)!important}
#mySidenav .menu_label{font-size:15px!important;font-weight:800!important;color:#8fe2ff!important}
.sio-dashboard-settings{display:block;width:100%;margin:10px 0;padding:12px;border:1px solid rgba(112,218,255,.38);border-radius:12px;color:#fff;background:linear-gradient(135deg,rgba(20,114,151,.75),rgba(31,168,207,.55));cursor:pointer}
.sio-dashboard-overlay{position:fixed;z-index:2147483500;inset:0;background:#061a25}.sio-dashboard-overlay[hidden]{display:none}.sio-dashboard-overlay iframe{width:100%;height:100%;border:0}.sio-dashboard-overlay>button{position:absolute;z-index:3;right:16px;top:16px;width:39px;height:39px;border:1px solid rgba(119,220,255,.45);border-radius:12px;color:#fff;background:rgba(6,41,58,.9);cursor:pointer;font-size:22px}
#link_ul{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px!important;padding:0!important}
#link_ul .link_li,#link_ul .link_li_plus{position:relative!important;margin:0!important;list-style:none!important}
#link_ul .link,#link_ul .link_plus{border:1px solid rgba(255,255,255,.34)!important;border-radius:14px!important;background:rgba(255,255,255,.7)!important;box-shadow:0 12px 28px rgba(0,0,0,.17)!important;backdrop-filter:blur(9px)}
.sio-favorite-more{position:absolute;z-index:9;right:7px;top:6px;width:22px;height:26px;padding:0;border:1px solid rgba(255,255,255,.24);border-radius:8px;color:var(--start-scheme-text,#fff);background:rgba(3,22,31,.62);box-shadow:0 3px 9px rgba(0,0,0,.24);font-size:19px;line-height:21px;cursor:pointer;opacity:0;transform:translateY(-2px);transition:opacity .18s .1s,transform .18s .1s,background .18s}
.link_li:hover .sio-favorite-more,.link_li:focus-within .sio-favorite-more{opacity:1;transform:none;transition-delay:1.65s}
.sio-favorite-more:hover,.sio-favorite-more:focus-visible{background:rgba(0,0,0,.26)}
.sio-favorite-menu{position:absolute;z-index:20;right:3px;top:34px;display:none;width:132px;padding:5px;border:1px solid rgba(120,216,250,.3);border-radius:11px;color:#eefaff;background:rgba(6,36,51,.98);box-shadow:0 12px 32px rgba(0,0,0,.36);backdrop-filter:blur(16px)}
.sio-favorite-menu.is-open{display:grid;gap:3px}.sio-favorite-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:0;border-radius:8px;color:inherit;background:transparent;text-align:left;cursor:pointer}.sio-favorite-menu button:hover{background:rgba(73,190,232,.2)}.sio-favorite-menu span{font-size:11px}
.sio-favorite-menu.has-affiliate{width:166px}
.sio-favorite-affiliate-note{position:relative;margin:3px 2px 1px;padding:7px 7px 6px;border-top:1px solid rgba(255,255,255,.12);color:rgba(238,250,255,.82);font-size:11px;line-height:1.2}
.sio-favorite-affiliate-term{position:relative;display:inline-flex;align-items:center;gap:6px;cursor:help}
.sio-favorite-affiliate-term b{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:13px;line-height:1}
.sio-favorite-affiliate-term::after{content:attr(data-affiliate-tip);position:absolute;right:-8px;bottom:calc(100% + 9px);display:none;width:238px;padding:10px 11px;border:1px solid rgba(120,216,250,.36);border-radius:10px;background:rgba(3,24,34,.98);box-shadow:0 12px 30px rgba(0,0,0,.38);color:#eefaff;font-size:11px;font-weight:600;line-height:1.45;white-space:normal;z-index:40}
.sio-favorite-affiliate-term::before{content:"";position:absolute;right:18px;bottom:calc(100% + 3px);display:none;width:10px;height:10px;background:rgba(3,24,34,.98);border-right:1px solid rgba(120,216,250,.36);border-bottom:1px solid rgba(120,216,250,.36);transform:rotate(45deg);z-index:41}
.sio-favorite-affiliate-term:hover::after,.sio-favorite-affiliate-term:hover::before,.sio-favorite-affiliate-term:focus-visible::after,.sio-favorite-affiliate-term:focus-visible::before{display:block}
.sio-home-brand-menu{position:fixed;z-index:2147483300;display:grid;width:250px;gap:7px;padding:8px;border:1px solid rgba(120,216,250,.34);border-radius:13px;color:#eefaff;background:rgba(6,36,51,.98);box-shadow:0 16px 36px rgba(0,0,0,.38),0 0 22px rgba(73,190,232,.12);backdrop-filter:blur(16px);opacity:0;transform:translateY(-4px) scale(.98);transition:opacity .14s ease,transform .14s ease}
.sio-home-brand-menu[hidden]{display:none!important}.sio-home-brand-menu.is-open{opacity:1;transform:none}.sio-home-brand-menu::before{content:"";position:absolute;left:24px;top:-6px;width:11px;height:11px;border-left:1px solid rgba(120,216,250,.34);border-top:1px solid rgba(120,216,250,.34);background:rgba(6,36,51,.98);transform:rotate(45deg)}
.sio-home-brand-menu-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 3px 2px 7px}
.sio-home-brand-menu strong{font-size:12px;line-height:1.2;color:#fff}
.sio-home-brand-menu button{position:relative;z-index:1;color:inherit;cursor:pointer}
.sio-home-brand-menu-close{display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid rgba(164,224,244,.24);border-radius:8px;background:rgba(5,19,29,.5);font-size:18px;line-height:1;color:#dff8ff}
.sio-home-brand-menu-close:hover,.sio-home-brand-menu-close:focus-visible{background:rgba(73,190,232,.2);outline:none}
.sio-home-brand-menu-primary{display:grid;gap:3px;width:100%;padding:10px 11px;border:1px solid rgba(120,216,250,.42);border-radius:10px;background:linear-gradient(135deg,rgba(17,119,155,.9),rgba(12,76,115,.86));text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.sio-home-brand-menu-primary:hover,.sio-home-brand-menu-primary:focus-visible{background:linear-gradient(135deg,rgba(28,145,185,.96),rgba(15,90,135,.92));outline:none}.sio-home-brand-menu-primary span{font-size:12px;font-weight:850}.sio-home-brand-menu-primary small{color:#c8e8f2;font-size:10px;line-height:1.25}
.link_li.is-move-ready .link{outline:2px solid #72dcff;box-shadow:0 0 0 5px rgba(70,197,243,.18),0 15px 32px rgba(0,0,0,.25)!important;animation:sioFavoriteReady 1s ease-in-out infinite}.link_li.is-move-ready{cursor:grab}.link_li.is-move-ready:active{cursor:grabbing}
.sio-favorite-drag-ghost{position:fixed;z-index:2147483600;pointer-events:none;opacity:.92;transform:scale(1.06) rotate(1deg);filter:drop-shadow(0 18px 22px rgba(0,0,0,.4));transition:none!important}.sio-drag-placeholder{opacity:.18}.sio-drag-placeholder .link{outline:2px dashed rgba(107,218,255,.72)}
@keyframes sioFavoriteReady{50%{filter:brightness(1.15)}}
#link_ul .div_hover>a{display:block;width:100%;height:100%;text-decoration:none}
#link_ul .link span{display:block;max-width:calc(100% - 8px);margin:5px 4px 0;padding:0;color:inherit;line-height:1.2;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#link_ul .div_hover,#link_ul .div_hover:hover,#link_ul .div_hover_plus,#link_ul .div_hover_plus:hover{background:transparent!important;box-shadow:none!important}
#link_ul .div_hover .link,#link_ul .div_hover_plus .link_plus{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease}
#link_ul .link_li:hover .link,#link_ul .link_li_plus:hover .link_plus{transform:translateY(-3px) scale(1.025);border-color:rgba(126,224,255,.72)!important;box-shadow:0 15px 32px rgba(0,0,0,.25),0 0 0 2px rgba(91,207,247,.14)!important;filter:brightness(1.08)}
#link_ul .link_li[data-favorite-tooltip]::after{content:attr(data-favorite-tooltip);position:absolute;z-index:30;left:50%;bottom:calc(100% + 9px);max-width:460px;padding:6px 9px;border:1px solid rgba(255,255,255,.16);border-radius:7px;color:#fff;background:rgba(5,12,18,.92);box-shadow:0 8px 18px rgba(0,0,0,.32);font:600 12px/1.2 "Segoe UI",Arial,sans-serif;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .14s ease,transform .14s ease}
#link_ul .link_li[data-favorite-tooltip]::before{content:"";position:absolute;z-index:31;left:50%;bottom:calc(100% + 4px);width:9px;height:9px;background:rgba(5,12,18,.92);border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);opacity:0;pointer-events:none;transform:translateX(-50%) rotate(45deg);transition:opacity .14s ease}
#link_ul .link_li[data-favorite-tooltip]:hover::after,#link_ul .link_li[data-favorite-tooltip]:focus-within::after{opacity:1;transform:translate(-50%,0)}
#link_ul .link_li[data-favorite-tooltip]:hover::before,#link_ul .link_li[data-favorite-tooltip]:focus-within::before{opacity:1}
@media(max-width:680px){.sio-onboarding{top:64px;left:10px;width:calc(100vw - 20px)}.sio-settings-open #mySidenav{width:calc(100vw - 12px)!important;right:6px!important}.sio-favorite-more{opacity:1;transform:none;transition-delay:0s}}

/* Integriertes Live-Dashboard */
.sio-dashboard-host{position:fixed;z-index:99960;top:0;left:0;width:100%;height:78px;overflow:hidden;pointer-events:none;transition:height .38s cubic-bezier(.2,.8,.2,1),background .25s}
.sio-dashboard-host iframe{display:block;width:100%;height:100%;border:0;background:transparent;pointer-events:auto}
.sio-dashboard-save-state{position:fixed;z-index:2147483605;left:50%;right:auto;top:88px;padding:8px 14px;border:1px solid rgba(126,232,255,.5);border-radius:999px;color:#eaffff;background:rgba(5,29,42,.96);box-shadow:0 14px 32px rgba(0,0,0,.34),0 0 22px rgba(89,217,255,.22);font:800 11px/1.1 "Segoe UI",Arial,sans-serif;letter-spacing:.02em;pointer-events:none;opacity:0;transform:translate(-50%,-4px);transition:opacity .18s ease,transform .18s ease}.sio-dashboard-save-state:not([hidden]){opacity:1;transform:translate(-50%,0)}.sio-dashboard-save-state.is-saving::before{content:"";display:inline-block;width:9px;height:9px;margin-right:7px;border:2px solid rgba(255,255,255,.25);border-top-color:#8fefff;border-radius:50%;vertical-align:-1px;animation:sioDashboardSaveSpin .7s linear infinite}.sio-dashboard-save-state.is-saved::before{content:"✓";display:inline-block;margin-right:7px;color:#83ffbc;font-weight:950}.sio-dashboard-host:not(.is-open) .sio-dashboard-save-state{position:absolute;z-index:12;top:10px;left:50%;right:auto}
.sio-dashboard-host.is-open{z-index:2147483000;height:100vh;background:rgba(3,16,24,.2);pointer-events:auto}
.sio-dashboard-host.is-previewing:not(.is-open){z-index:2147482990;height:min(680px,80vh)!important;overflow:visible;pointer-events:none}
.sio-dashboard-host.is-previewing:not(.is-open) iframe{pointer-events:auto}
.sio-dashboard-live-open #startpage-hero{filter:none;transition:filter .3s}
.sio-dashboard-live-open #toolbox.quick-dock,.sio-dashboard-live-open .dock-panel{z-index:2147483501!important}
.sio-daily-summary-bubble{position:fixed;z-index:2147483600;left:50%;top:72px;width:min(1040px,calc(100vw - 24px));max-height:min(88vh,calc(100vh - 190px));overflow:hidden;padding:15px;border:1px solid rgba(119,220,255,.34);border-radius:22px;color:#eaf9ff;background:linear-gradient(150deg,rgba(4,13,24,.96),rgba(6,26,40,.92) 55%,rgba(22,11,40,.9));box-shadow:0 26px 70px rgba(0,0,0,.46),0 0 42px rgba(75,209,255,.12);backdrop-filter:blur(22px);transform:translateX(-50%);animation:sioDailyBubbleIn .26s cubic-bezier(.2,.8,.2,1)}
.sio-daily-summary-bubble::before{content:"";position:absolute;left:46px;top:-7px;width:14px;height:14px;border-left:1px solid rgba(119,220,255,.28);border-top:1px solid rgba(119,220,255,.28);background:rgba(4,13,24,.96);transform:rotate(45deg)}
.sio-daily-close{position:absolute;right:12px;top:12px;width:28px;height:28px;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#d9f6ff;background:rgba(255,255,255,.05);cursor:pointer}
.sio-daily-close:hover{border-color:rgba(116,222,255,.62);background:rgba(116,222,255,.14)}
.sio-daily-head{display:flex;align-items:center;gap:13px;min-height:66px;padding:0 34px 0 68px}.sio-daily-traveler-slot{position:absolute;left:14px;top:11px;width:56px;height:66px;border-radius:18px;background:linear-gradient(145deg,rgba(55,199,244,.08),rgba(151,107,255,.05));box-shadow:inset 0 0 18px rgba(116,222,255,.08);overflow:visible}.sio-daily-traveler-slot .sio-live-face{position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);filter:drop-shadow(0 7px 10px rgba(0,0,0,.36)) drop-shadow(0 0 10px rgba(85,222,255,.26));animation:sioDailySlotFloat 3.2s ease-in-out infinite}.sio-daily-traveler-slot.is-arriving .sio-live-face{animation:sioDailySlotArrive .42s cubic-bezier(.2,.9,.2,1.2) both}.sio-daily-head small{display:block;color:#8deaff;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.sio-daily-head h2{margin:2px 0 0;color:#fff;font:900 22px/1.15 "Segoe UI",Arial,sans-serif;letter-spacing:0}
.sio-daily-scroll{max-height:calc(min(88vh,calc(100vh - 190px)) - 98px);overflow:auto;padding-right:4px;scrollbar-gutter:stable}.sio-daily-grid{display:grid;grid-template-columns:1.05fr 1fr 1.2fr 1.05fr;gap:10px;margin-top:13px}.sio-daily-grid article{min-width:0;max-height:340px;overflow:auto;padding:12px;border:1px solid rgba(129,218,255,.16);border-radius:16px;background:rgba(255,255,255,.045)}.sio-daily-grid h3{margin:0 0 9px;color:#9defff;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.sio-daily-list,.sio-daily-news-list{display:grid;gap:8px}.sio-daily-row,.sio-daily-news-item,.sio-daily-market{position:relative;min-width:0;padding:9px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(0,0,0,.16)}.sio-daily-row strong,.sio-daily-news-item strong,.sio-daily-market strong{display:block;color:#fff;font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sio-daily-row span,.sio-daily-news-item span,.sio-daily-market span{display:block;margin-top:3px;color:#b9ddea;font-size:11px}.sio-daily-empty{margin:0;color:#b8d7e2;font-size:12px;line-height:1.45}
.sio-daily-weather-main{display:flex;align-items:flex-end;gap:9px;margin-bottom:7px}.sio-daily-weather-main strong{color:#fff;font-size:30px;line-height:1}.sio-daily-weather-main span{color:#b9dfea;font-size:12px}.sio-daily-grid p{margin:0;color:#d6edf5;font-size:12px;line-height:1.45}
.sio-daily-news-item em{display:none;position:absolute;z-index:2;left:8px;right:8px;top:calc(100% + 6px);padding:9px;border:1px solid rgba(126,222,255,.26);border-radius:12px;color:#eaf9ff;background:rgba(3,12,22,.98);box-shadow:0 14px 32px rgba(0,0,0,.35);font-style:normal;font-size:11px;line-height:1.4}.sio-daily-news-item:hover,.sio-daily-news-item:focus{border-color:rgba(126,222,255,.46)}.sio-daily-news-item:hover em,.sio-daily-news-item:focus em{display:block}
.sio-daily-market-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sio-daily-market b{position:absolute;right:8px;bottom:8px;font-size:10px}.sio-daily-market.is-up b{color:#69f5b3}.sio-daily-market.is-down b{color:#ff8e9e}.sio-daily-market.is-flat b{color:#d0e9f3}.sio-daily-loading{display:grid;grid-template-columns:1.05fr 1fr 1.2fr 1.05fr;gap:10px;margin-top:13px}.sio-daily-loading article{padding:12px;border:1px solid rgba(129,218,255,.16);border-radius:16px;background:rgba(255,255,255,.045)}.sio-daily-loading h3{margin:0 0 10px;color:#9defff;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.sio-daily-loading p{height:12px;margin:8px 0;border-radius:99px;background:linear-gradient(90deg,rgba(116,222,255,.1),rgba(116,222,255,.28),rgba(116,222,255,.1));background-size:220% 100%;animation:sioDailyLoading 1.2s ease-in-out infinite}.sio-daily-loading p:nth-child(3){width:72%}.sio-daily-summary-bubble.is-loading .sio-daily-head h2::after{content:"";display:inline-block;width:1.15em;text-align:left;animation:sioDailyDots 1.2s steps(4,end) infinite}
@keyframes sioDailyLoading{50%{background-position:100% 0}}@keyframes sioDailyDots{0%{content:""}25%{content:"."}50%{content:".."}75%,100%{content:"..."}}
@keyframes sioDashboardSaveSpin{to{transform:rotate(360deg)}}
@keyframes sioDailySlotArrive{from{opacity:0;filter:brightness(3) blur(4px);transform:translate(-50%,-50%) scale(.35) rotate(-10deg)}to{opacity:1;filter:drop-shadow(0 7px 10px rgba(0,0,0,.36)) drop-shadow(0 0 10px rgba(85,222,255,.26));transform:translate(-50%,-50%) scale(1) rotate(0)}}
@keyframes sioDailySlotFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-3px)}}
@keyframes sioDailyBubbleIn{from{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.985)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
@media(max-width:980px){.sio-daily-grid,.sio-daily-loading{grid-template-columns:1fr 1fr}.sio-daily-summary-bubble{top:68px}}
@media(max-width:680px){.sio-daily-summary-bubble{top:64px;width:calc(100vw - 14px);max-height:calc(100vh - 76px);padding:10px;border-radius:16px}.sio-daily-scroll{max-height:calc(100vh - 154px)}.sio-daily-grid,.sio-daily-loading{grid-template-columns:1fr}.sio-daily-head{padding-left:58px}.sio-daily-head h2{font-size:16px}.sio-daily-market-grid{grid-template-columns:1fr}}

/* Helferleiste dauerhaft unten */
#toolbox.quick-dock{left:50%!important;top:auto!important;bottom:10px!important;flex-direction:row!important;max-width:calc(100vw - 24px);transform:translateX(-50%)!important;overflow:visible!important;border-radius:22px!important}
#toolbox.quick-dock.weather-forecast-open{left:50%!important}
#toolbox .quick-dock-btn:hover{transform:translateY(-3px)!important}
#toolbox .quick-dock-btn em{left:50%!important;top:auto!important;bottom:52px!important;transform:translateX(-50%)!important}
.dock-panel{left:50%!important;top:auto!important;bottom:76px!important;transform:translateX(-50%)!important}

/* SiO ist eine Figur, kein Textquadrat */
.sio-live-face{display:block;width:100%;height:100%;overflow:visible}
.sio-live-head{transform-origin:center;animation:sioLiveNod 5.4s ease-in-out infinite}
.sio-live-eyes{transform-origin:center;animation:sioLiveBlink 5.8s infinite}
.sio-live-halo{animation:sioLiveHalo 2.8s ease-in-out infinite}
.sio-live-dock .quick-dock-icon{width:39px!important;height:39px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}
.sio-live-avatar{width:50px!important;height:50px!important;padding:2px;border:0!important;border-radius:0!important;background:transparent!important}
.sio-settings-face{display:block;width:48px;height:48px}
@keyframes sioLiveBlink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.08)}}
@keyframes sioLiveNod{0%,72%,100%{transform:none}80%{transform:rotate(3deg) translateY(1px)}88%{transform:rotate(-2deg)}}
@keyframes sioLiveHalo{50%{opacity:.55;transform:scaleX(.88)}}

/* Neuer Konfigurationsbereich auf Basis der V2-Navigation */
.sio-settings-workspace{position:sticky;z-index:5;top:-18px;margin:-18px -18px 14px;padding:17px 18px 12px;border-bottom:1px solid rgba(119,218,255,.2);background:linear-gradient(180deg,rgba(5,29,42,.995),rgba(7,37,52,.96));backdrop-filter:blur(20px)}
.sio-settings-workspace-head{display:flex;align-items:center;gap:11px;padding-right:40px}
.sio-settings-workspace-head div{display:flex;flex-direction:column}.sio-settings-workspace-head small{color:#8fc7d9;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.sio-settings-workspace-head strong{margin-top:2px;color:#fff;font-size:21px}
.sio-settings-tabs{display:flex;gap:6px;margin-top:13px;overflow-x:auto;padding-bottom:3px}
.sio-settings-tab{flex:0 0 auto;padding:8px 10px;border:1px solid rgba(119,218,255,.18);border-radius:10px;color:#b9dbe6;background:rgba(255,255,255,.035);cursor:pointer}
.sio-settings-tab:hover,.sio-settings-tab.is-active{border-color:#67d8f8;color:#fff;background:rgba(45,174,217,.23)}
.sio-settings-dashboard{margin-left:auto;color:#8fe7ff}
.sio-settings-filter-hidden{display:none!important}
.sio-settings-open #mySidenav>div:not(.sio-settings-workspace):first-of-type{display:none}
.sio-settings-open #mySidenav .closeBtn{position:sticky!important;z-index:8;top:0;float:right;margin:2px 2px -38px 0}

@media(max-width:680px){
  .sio-dashboard-host{height:70px}
  #toolbox.quick-dock{max-width:calc(100vw - 12px);overflow-x:auto!important}
  .dock-panel{left:8px!important;right:8px!important;bottom:72px!important;transform:none!important}
  .sio-settings-tabs{margin-right:-10px}
}

/* Präzisere Favoriten-Interaktion ohne alte weiße Hoverfläche. */
#link_ul .link_li,#link_ul .link_li_plus{display:flex!important;align-items:flex-start!important;justify-content:center!important}
#link_ul .link_li_plus .div_hover_plus{box-sizing:border-box!important}
#link_ul .sio-favorite-more{color:#fff!important;background:rgba(4,25,35,.78)!important;border-color:rgba(255,255,255,.42)!important}
.start-dashboard-theme-light #link_ul .sio-favorite-more{color:#173441!important;background:rgba(255,255,255,.88)!important;border-color:rgba(23,52,65,.28)!important}
#link_ul .sio-favorite-more:hover{filter:brightness(1.18)}

/* Erster Besuch: SiO winkt an seiner Station, statt ungefragt den Dialog zu öffnen. */
.sio-first-invite{position:absolute;z-index:22;left:0;bottom:calc(100% + 11px);display:flex;align-items:center;gap:11px;width:min(460px,calc(100vw - 42px));padding:10px 42px 10px 14px;border:1px solid rgba(126,232,255,.46);border-radius:14px 14px 14px 5px;color:var(--start-scheme-text);background:linear-gradient(135deg,var(--start-scheme-strong),rgba(20,93,116,.94));box-shadow:0 15px 40px rgba(0,0,0,.34),0 0 0 1px rgba(91,220,255,.08);backdrop-filter:blur(18px);text-align:left;cursor:pointer;white-space:normal;overflow:visible;isolation:isolate;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease}
.sio-first-invite:hover,.sio-first-invite:focus-visible{border-color:rgba(126,232,255,.9);box-shadow:0 18px 46px rgba(0,0,0,.38),0 0 0 3px rgba(91,220,255,.14);filter:brightness(1.08);outline:none;transform:translateY(-1px)}.sio-first-invite[hidden]{display:none}.sio-first-invite-copy{position:relative;z-index:2;display:flex;min-width:0;align-items:baseline;gap:8px;flex:1;padding:0!important}.sio-first-invite-copy>b{flex:0 0 auto;margin-right:0;font-size:15px;line-height:1.25}.sio-first-invite-copy>span{display:block;min-width:0;padding-right:0;font-size:12.5px;line-height:1.32;overflow-wrap:anywhere}.sio-first-invite-copy strong{font-size:15px;line-height:1.25}.sio-first-invite>em{position:relative;z-index:2;display:grid;place-items:center;flex:0 0 auto;min-width:76px;height:31px;padding:0 13px;border:1px solid rgba(155,255,216,.55);border-radius:999px;color:#06251a;background:linear-gradient(135deg,#66efb0,#42d889);box-shadow:0 8px 18px rgba(28,219,134,.24),inset 0 1px rgba(255,255,255,.32);font-size:12px;font-style:normal;font-weight:900}.sio-first-invite>i{position:absolute;right:9px;top:9px;z-index:3;display:grid;place-items:center;width:18px;height:18px;border:0;border-radius:999px;color:rgba(255,255,255,.52);background:rgba(255,255,255,.04);font-size:12px;font-style:normal;font-weight:800;line-height:1;cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease}.sio-first-invite>i:hover,.sio-first-invite>i:focus-visible{color:#fff;background:rgba(255,255,255,.13);outline:none;transform:scale(1.06)}.sio-first-invite::before{content:"";position:absolute;z-index:1;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 31%,rgba(120,235,255,.13) 45%,rgba(255,255,255,.16) 50%,rgba(95,255,188,.18) 56%,transparent 70%);clip-path:inset(0 round 14px 14px 14px 5px);transform:translateX(-72%);animation:sioFirstInviteAuroraSweep 3.8s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}.sio-first-invite::after{content:"";position:absolute;z-index:0;left:17px;bottom:-7px;width:13px;height:13px;border-right:1px solid rgba(126,232,255,.46);border-bottom:1px solid rgba(126,232,255,.46);background:var(--start-scheme-strong);transform:rotate(45deg)}
.sio-first-invite:not(.sio-cloud-pin-reminder){left:10px;bottom:calc(100% + 6px);align-items:flex-start;width:min(480px,calc(100vw - 48px));padding:13px 40px 13px 17px;border:1px solid rgba(0,234,255,.86);border-radius:17px 17px 17px 7px;color:#f4fbff;background:linear-gradient(135deg,rgba(11,20,48,.96),rgba(22,16,67,.94) 56%,rgba(11,35,72,.95));box-shadow:0 14px 34px rgba(0,0,0,.38),0 0 0 1px rgba(97,218,255,.18),0 0 22px rgba(0,174,255,.36),inset 0 1px rgba(255,255,255,.08);cursor:pointer;animation:sioFirstTooltipIn .34s cubic-bezier(.2,.8,.2,1) both}
.sio-first-invite:not(.sio-cloud-pin-reminder):hover,.sio-first-invite:not(.sio-cloud-pin-reminder):focus-visible{border-color:rgba(79,226,255,1);box-shadow:0 20px 54px rgba(0,0,0,.46),0 0 0 3px rgba(0,174,255,.18),0 0 34px rgba(0,174,255,.55);filter:none;transform:translateY(-2px)}
.sio-first-invite:not(.sio-cloud-pin-reminder) .sio-first-invite-copy{display:grid;gap:7px;align-items:start;padding:0!important}
.sio-first-invite:not(.sio-cloud-pin-reminder) .sio-first-invite-copy>b{display:block;color:#fff;font-size:18px;font-weight:900;line-height:1.16;letter-spacing:0}
.sio-first-invite:not(.sio-cloud-pin-reminder) .sio-first-invite-copy>span{max-width:410px;color:rgba(244,251,255,.94);font-size:15px;font-weight:500;line-height:1.3;letter-spacing:0}
.sio-first-invite:not(.sio-cloud-pin-reminder) .sio-first-invite-copy em{color:inherit;font-style:normal;font-weight:950;white-space:nowrap}
.sio-first-invite:not(.sio-cloud-pin-reminder) .sio-first-invite-copy strong{color:#43e4ff;font-size:inherit;font-weight:950;text-shadow:0 0 16px rgba(67,228,255,.42)}
.sio-first-invite:not(.sio-cloud-pin-reminder)>i{right:12px;top:11px;width:23px;height:23px;border-radius:8px;color:rgba(221,234,255,.72);background:rgba(255,255,255,.055);font-size:17px}
.sio-first-invite:not(.sio-cloud-pin-reminder)>i:hover,.sio-first-invite:not(.sio-cloud-pin-reminder)>i:focus-visible{color:#fff;background:rgba(255,255,255,.13)}
.sio-first-invite:not(.sio-cloud-pin-reminder)::before{background:linear-gradient(120deg,transparent 22%,rgba(81,223,255,.1) 43%,rgba(255,255,255,.16) 50%,rgba(110,129,255,.1) 59%,transparent 78%);clip-path:inset(0 round 20px);animation:sioFirstInviteAuroraSweep 4.2s ease-in-out infinite}
.sio-first-invite:not(.sio-cloud-pin-reminder)::after{left:19px;bottom:-10px;width:18px;height:18px;border:0;border-right:1px solid rgba(0,234,255,.75);border-bottom:1px solid rgba(0,234,255,.75);background:linear-gradient(135deg,rgba(12,23,54,.96),rgba(13,31,64,.96));box-shadow:7px 7px 16px rgba(0,174,255,.24);transform:rotate(45deg)}
@keyframes sioFirstTooltipIn{from{opacity:0;transform:translateY(9px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.sio-first-invite.sio-cloud-pin-reminder{z-index:24;display:grid!important;grid-template-columns:auto 1fr;gap:3px 8px;width:min(470px,calc(100vw - 42px));padding:12px 14px 13px;cursor:default}
.sio-first-invite.sio-cloud-pin-reminder>b{grid-column:1/2;margin-right:0;white-space:nowrap}
.sio-first-invite.sio-cloud-pin-reminder>span{grid-column:2/3;padding-right:26px}
.sio-cloud-pin-reminder__actions{position:relative;z-index:2;grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}
.sio-cloud-pin-reminder__actions button{border:1px solid rgba(185,238,255,.3);border-radius:999px;background:rgba(var(--start-scheme-rgb),.2);color:var(--start-scheme-text);font:inherit;font-size:11px;font-weight:850;line-height:1.1;padding:7px 10px;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.08);transition:transform .16s ease,background .16s ease,border-color .16s ease}
.sio-cloud-pin-reminder__actions button:first-child{border-color:rgba(137,231,255,.68);background:linear-gradient(135deg,rgba(79,217,255,.92),rgba(127,109,255,.86));color:#061722}
.sio-cloud-pin-reminder__actions button:hover,.sio-cloud-pin-reminder__actions button:focus-visible{border-color:rgba(137,231,255,.8);background:rgba(var(--start-scheme-rgb),.32);outline:none;transform:translateY(-1px)}
@keyframes sioFirstInviteAuroraSweep{0%,42%{transform:translateX(-72%);opacity:0}58%{opacity:1}100%{transform:translateX(72%);opacity:0}}
.sio-live-dock.is-first-wave .sio-avatar .sio-body{animation:sioFirstWave 1.1s ease-in-out infinite}.sio-live-traveler.is-waving{filter:drop-shadow(0 9px 12px rgba(0,0,0,.34)) brightness(1.14);animation:sioTravelerHelloWave .82s ease-in-out 3}.sio-live-traveler.is-waving .sio-avatar{animation:sioTravelerHelloBounce .82s ease-in-out 3}.sio-live-traveler.is-waving .sio-avatar .sio-body{animation:sioFirstWave .82s ease-in-out 3!important}
.sio-live-traveler.is-welcome-wave{overflow:visible;filter:drop-shadow(0 12px 16px rgba(0,0,0,.34));animation:sioWelcomeTravelerCalm 2.6s ease both}
.sio-live-traveler.is-welcome-wave::before{display:none}
.sio-live-traveler.is-welcome-wave::after{content:"👋";position:absolute;z-index:3;right:-35px;top:-20px;font-size:34px;line-height:1;background:transparent!important;border:0!important;box-shadow:none!important;filter:drop-shadow(0 5px 7px rgba(0,0,0,.42));transform-origin:10% 90%;animation:sioWelcomeHand .62s ease-in-out 6;pointer-events:none}
.sio-live-traveler.is-welcome-wave .sio-avatar{transform-origin:50% 56%;filter:drop-shadow(0 0 9px rgba(92,222,255,.34));animation:sioWelcomeAvatarNod 1.3s ease-in-out 2}
.sio-live-traveler.is-welcome-wave .sio-avatar .sio-glow{display:none!important}
.sio-live-traveler.is-welcome-wave .sio-avatar .sio-body{transform-origin:50% 72%;animation:sioWelcomeBodyWave .72s ease-in-out 4!important}
.sio-live-traveler.is-welcome-wave .sio-avatar .sio-halo,.sio-live-traveler.is-welcome-wave .sio-avatar .sio-live-halo{animation:sioWelcomeHaloPop 1.3s ease-in-out 2!important}
@keyframes sioWelcomeTravelerCalm{0%{opacity:.2;transform:scale(.92) translateY(4px)}18%{opacity:1;transform:scale(1.03) translateY(-2px)}34%,100%{opacity:1;transform:scale(1) translateY(0)}}
@keyframes sioWelcomeAvatarNod{0%,100%{transform:none}45%{transform:translateY(-3px)}}
@keyframes sioWelcomeBodyWave{0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-5deg)}}
@keyframes sioWelcomeHand{0%,100%{transform:rotate(-26deg) translate(0,0) scale(1)}50%{transform:rotate(24deg) translate(3px,-4px) scale(1.08)}}
@keyframes sioWelcomePulse{0%,100%{opacity:.16;transform:scale(.88)}50%{opacity:.45;transform:scale(1.06)}}
@keyframes sioWelcomeHaloPop{0%,100%{transform:scaleX(1);opacity:1}45%{transform:scaleX(1.08);opacity:.82}}
@keyframes sioFirstWave{0%,100%{transform:rotate(0) translateY(0)}20%{transform:rotate(-13deg) translateY(-2px)}42%{transform:rotate(12deg) translateY(0)}64%{transform:rotate(-9deg) translateY(-1px)}82%{transform:rotate(7deg)}}
@keyframes sioTravelerHelloWave{0%,100%{transform:scale(1)}25%{transform:scale(1.08) rotate(-3deg)}50%{transform:scale(1.04) rotate(3deg)}75%{transform:scale(1.08) rotate(-2deg)}}
@keyframes sioTravelerHelloBounce{0%,100%{transform:translateY(0)}35%{transform:translateY(-5px)}70%{transform:translateY(1px)}}

/* Persönliche Einführung: eindeutige Buttons, Ortstext und eigene Dashboard-Farbe. */
.sio-onboarding-options>button,.sio-intro-form button,.sio-intro-choice-row button{min-height:42px;font-weight:700;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.sio-onboarding-options .sio-intro-primary,.sio-onboarding-options .sio-intro-continue,.sio-intro-choice-row .sio-intro-continue,.sio-intro-form button[type=submit]{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px;border-color:rgba(92,255,151,.85)!important;background:linear-gradient(135deg,rgba(35,185,102,.95),rgba(17,131,76,.92))!important;box-shadow:0 10px 26px rgba(20,150,80,.3),inset 0 1px rgba(255,255,255,.18)!important;color:#f7fff9!important;font-weight:900!important;text-align:center!important}
.sio-onboarding-options .sio-intro-primary:hover,.sio-onboarding-options .sio-intro-continue:hover,.sio-intro-choice-row .sio-intro-continue:hover,.sio-intro-form button[type=submit]:hover{background:linear-gradient(135deg,rgba(48,205,116,.98),rgba(25,151,85,.95))!important;transform:translateY(-1px)}
.sio-intro-done-panel.is-tour .sio-intro-primary{border-color:rgba(118,227,255,.9)!important;background:linear-gradient(135deg,rgba(24,155,204,.9),rgba(25,91,185,.9))!important;box-shadow:0 10px 26px rgba(0,130,184,.28),inset 0 1px rgba(255,255,255,.18)!important;color:#f4fbff!important}
.sio-intro-done-panel.is-tour .sio-intro-primary:hover{background:linear-gradient(135deg,rgba(45,180,225,.96),rgba(38,112,210,.95))!important;transform:translateY(-1px)}
.sio-onboarding-options .sio-intro-muted,.sio-onboarding-options .sio-intro-neutral,.sio-intro-choice-row .sio-intro-neutral{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px;border-color:rgba(185,224,238,.35)!important;background:rgba(255,255,255,.045)!important;color:var(--start-scheme-text)!important}
.sio-onboarding-options .sio-intro-muted:hover,.sio-onboarding-options .sio-intro-neutral:hover,.sio-intro-choice-row .sio-intro-neutral:hover{background:rgba(var(--start-scheme-rgb),.22)!important}
.sio-onboarding-options .sio-intro-homepage{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px;border-color:rgba(128,255,174,.8)!important;background:linear-gradient(135deg,rgba(35,178,96,.92),rgba(20,129,72,.9))!important;box-shadow:0 10px 25px rgba(20,150,80,.32),inset 0 1px rgba(255,255,255,.18)!important;color:#f4fff8!important;font-weight:900!important;text-align:center!important}
.sio-onboarding-options .sio-intro-homepage{letter-spacing:.01em}
.sio-onboarding-options .sio-intro-homepage-welcome{margin-top:0!important}
.sio-intro-btn-icon{display:block;flex:0 0 22px;width:22px;height:22px;fill:currentColor}
.sio-intro-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:10px 10px 0;color:rgba(220,238,248,.45);font-size:11px;font-weight:900;letter-spacing:.12em;text-align:center}
.sio-intro-divider i{height:1px;background:rgba(220,238,248,.18)}
.sio-onboarding-options .sio-intro-homepage-link{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px;margin-top:2px!important;padding:8px!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important;color:#4aa3ff!important;text-align:center!important}
.sio-onboarding-options .sio-intro-homepage-link:hover{background:rgba(74,163,255,.08)!important;color:#77bbff!important}
.sio-intro-homepage-link .sio-home-guide-icon{width:23px;height:23px;filter:drop-shadow(0 0 8px rgba(74,163,255,.36))}
.sio-intro-homepage-link span{display:block;font-weight:900;line-height:1.2}
.sio-home-guide-icon{display:block;flex:0 0 22px;width:22px;height:22px;fill:currentColor;filter:drop-shadow(0 0 7px rgba(197,255,230,.42))}
.sio-intro-homepage .sio-home-guide-icon{flex-basis:24px;width:24px;height:24px;opacity:.98}
.sio-intro-homepage span{display:block}
.sio-live-actions .sio-home-action-icon{background:rgba(36,174,99,.24);border:1px solid rgba(130,255,180,.28);box-shadow:inset 0 1px rgba(255,255,255,.12)}
.sio-live-actions .sio-home-action-icon .sio-home-guide-icon{width:22px;height:22px;opacity:.96}
.sio-onboarding-options .sio-intro-homepage:hover{background:linear-gradient(135deg,rgba(48,205,116,.96),rgba(27,151,84,.94))!important;transform:translateY(-1px)}
.sio-intro-back{margin-top:4px!important;border-color:transparent!important;background:transparent!important;color:var(--start-scheme-muted)!important;box-shadow:none!important}
.sio-location-proposal{padding:12px 13px;border:1px solid var(--start-scheme-border);border-radius:12px;background:rgba(var(--start-scheme-rgb),.16)}
.sio-location-proposal small,.sio-location-proposal strong{display:block}.sio-location-proposal small{color:var(--start-scheme-muted);font-size:9px;font-weight:800;letter-spacing:.14em}.sio-location-proposal strong{margin-top:5px;font-size:16px}
.sio-intro-choice-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sio-intro-form label{display:grid;gap:6px;color:var(--start-scheme-muted);font-size:10px}
.sio-intro-themes{grid-template-columns:repeat(4,minmax(0,1fr))}
.sio-intro-themes button{min-width:0;flex-direction:column;justify-content:center;gap:5px;padding:7px 3px!important;text-align:center;background:rgba(var(--start-scheme-rgb),.16)!important;border-color:var(--start-scheme-border)!important}
.sio-intro-themes button span{display:block;width:100%;min-width:0;overflow-wrap:anywhere;font-size:9px;line-height:1.15}
.sio-intro-themes i{display:block;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 5px 13px rgba(0,0,0,.18)}.sio-intro-themes [data-dashboard-theme=grey] i,.sio-intro-themes [data-intro-theme=grey] i{background:#5c646a}.sio-intro-themes [data-dashboard-theme=custom] i,.sio-intro-themes [data-intro-theme=custom] i{background:conic-gradient(from 25deg,#31d8ff,#64e88a,#ffd95c,#ff71b6,#8f67ff,#31d8ff)}
.sio-intro-custom{display:grid;grid-template-columns:1fr 1.05fr;gap:9px;padding:11px;border:1px solid var(--start-scheme-border);border-radius:12px;background:rgba(var(--start-scheme-rgb),.15)}.sio-intro-custom[hidden]{display:none}.sio-intro-custom label{display:grid;gap:6px;color:var(--start-scheme-muted);font-size:10px}.sio-intro-custom output{float:right;color:var(--start-scheme-text)}
.sio-custom-color-picker{position:relative;display:flex!important;min-height:86px;align-items:center;justify-content:center;gap:7px;border:1px solid var(--start-scheme-border);border-radius:13px;background:rgba(var(--start-scheme-rgb),.22);cursor:pointer;text-align:center;overflow:hidden}.sio-custom-color-picker:hover{border-color:#7ee5ff;background:rgba(var(--start-scheme-rgb),.34)}.sio-custom-color-picker strong{display:block;color:var(--start-scheme-text);font-size:11px}.sio-custom-color-picker input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.sio-custom-palette{display:block;width:38px;height:38px;border:1px solid rgba(255,255,255,.32);border-radius:12px;background:conic-gradient(from 20deg,#00c8ff,#8be66a,#ffd84b,#ff69b4,#8f65ff,#00c8ff);box-shadow:inset 0 0 0 5px rgba(255,255,255,.11),0 8px 18px rgba(0,0,0,.22)}.sio-custom-color-preview{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:7px;padding:10px;border:1px solid var(--start-scheme-border);border-radius:13px;background:rgba(var(--start-scheme-rgb),.2)}.sio-custom-color-preview i{grid-row:1/3;width:34px;height:34px;border:1px solid rgba(255,255,255,.38);border-radius:10px;box-shadow:inset 0 1px rgba(255,255,255,.28),0 6px 14px rgba(0,0,0,.18)}.sio-custom-color-preview span{color:var(--start-scheme-muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.sio-custom-color-preview b{color:var(--start-scheme-text);font-size:12px}.sio-custom-opacity{grid-column:1/-1}
.sio-intro-search{grid-template-columns:repeat(3,1fr)}

/* Frag SiO als kompakte, hochwertige Sprechblase direkt über seiner Station. */
.sio-chat-panel{left:0;bottom:calc(100% + 12px);width:min(650px,calc(100vw - 26px));max-height:min(430px,calc(100vh - 120px));border-radius:20px 20px 20px 7px;transform:none;background:linear-gradient(145deg,var(--start-scheme-strong),rgba(var(--start-scheme-rgb),.92))}
.sio-chat-panel::after{left:18px}.sio-chat-panel>header{justify-content:flex-start;padding:14px 16px}.sio-chat-avatar{flex:0 0 45px;width:45px;height:45px}.sio-chat-panel>header>div:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column}.sio-chat-panel>header>div:last-child{flex:0 0 auto}
.sio-chat-panel>header b{font-size:17px}.sio-chat-panel>header small{max-width:390px;font-size:10px;line-height:1.35}.sio-chat-log{min-height:96px;max-height:205px;padding:14px 16px}.sio-chat-message{max-width:78%;padding:10px 12px}.sio-chat-panel form{padding:12px 16px;background:rgba(0,0,0,.08)}.sio-chat-panel textarea{min-height:48px;border-radius:14px;resize:none}.sio-chat-panel form>button{min-width:104px;height:48px;border-radius:14px;font-weight:750;background:rgba(var(--start-scheme-rgb),.72)}.sio-chat-panel>footer{padding:0 16px 11px}

@media(max-width:680px){
  .sio-first-invite{left:0;width:min(390px,calc(100vw - 30px))}
  .sio-first-invite:not(.sio-cloud-pin-reminder){left:5px;bottom:calc(100% + 6px);width:min(292px,calc(100vw - 34px));padding:12px 36px 12px 14px;border-radius:15px 15px 15px 6px}
  .sio-first-invite:not(.sio-cloud-pin-reminder) .sio-first-invite-copy>b{font-size:16px}
  .sio-first-invite:not(.sio-cloud-pin-reminder) .sio-first-invite-copy>span{font-size:13.5px}
  .sio-intro-themes,.sio-intro-search{grid-template-columns:1fr 1fr}
  .sio-chat-panel{left:8px;right:8px;width:auto}
}

/* Live-Layout 2026: Dashboard, Branding, Suche und SiO */
#datetime{display:none!important}
.sio-dashboard-host{top:0!important;height:62px!important}
.sio-dashboard-host.is-open{height:100vh!important}
.dashboard-embedded .dashboard-shell{top:0!important}
.live-brand{position:fixed;z-index:99961;top:13px;left:clamp(18px,4.2vw,78px);display:inline-flex;align-items:center;gap:9px;color:#fff;font-family:"Segoe UI",Arial,sans-serif;font-size:23px;font-weight:950;letter-spacing:-.055em;text-decoration:none;text-shadow:0 2px 8px rgba(0,0,0,.62),0 0 18px rgba(0,42,60,.35);transform-origin:left center;transition:filter .24s ease,transform .24s ease;overflow:visible}
.live-brand:hover{filter:drop-shadow(0 0 12px rgba(85,224,255,.42));transform:scale(1.025)}
.live-brand::before,.live-brand::after{content:"";position:absolute;z-index:3;left:2px;right:-9px;top:50%;height:24px;pointer-events:none;opacity:0;filter:drop-shadow(0 0 5px rgba(105,234,255,.75));transform:translateY(-50%) scaleX(.18);transform-origin:left center}
.live-brand::before{background:linear-gradient(102deg,transparent 0 6%,rgba(180,250,255,.95) 7% 8%,transparent 9% 17%,rgba(57,218,255,.8) 18% 20%,transparent 21% 33%,rgba(230,255,255,.92) 34% 35.5%,transparent 36.5% 52%,rgba(77,226,255,.82) 53% 55%,transparent 56% 71%,rgba(215,255,255,.9) 72% 73%,transparent 74% 100%);clip-path:polygon(0 46%,8% 41%,15% 55%,24% 34%,33% 47%,42% 29%,51% 49%,61% 38%,70% 53%,82% 35%,91% 47%,100% 42%,100% 61%,91% 56%,82% 70%,70% 58%,61% 64%,51% 58%,42% 72%,33% 57%,24% 70%,15% 62%,8% 58%,0 63%)}
.live-brand::after{top:54%;height:16px;background:linear-gradient(96deg,transparent 0 11%,rgba(97,229,255,.72) 12% 14%,transparent 15% 37%,rgba(240,255,255,.85) 38% 39%,transparent 40% 63%,rgba(72,218,255,.68) 64% 66%,transparent 67% 100%);clip-path:polygon(0 58%,10% 48%,19% 65%,31% 42%,44% 60%,56% 38%,68% 55%,78% 47%,88% 61%,100% 51%,100% 66%,88% 74%,78% 60%,68% 68%,56% 53%,44% 75%,31% 55%,19% 77%,10% 60%,0 72%)}
.live-brand:hover::before{animation:sioBrandElectric 1.05s ease-in-out infinite}
.live-brand:hover::after{animation:sioBrandElectric .82s ease-in-out .12s infinite}
.live-brand-word{position:relative;display:inline-block;color:#fff}
.live-brand-word::before{content:"";position:absolute;z-index:2;left:-4px;right:-4px;top:20%;height:62%;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(117,234,255,.18),rgba(255,255,255,.32),rgba(98,227,255,.16),transparent);opacity:0;pointer-events:none;filter:blur(.2px) drop-shadow(0 0 8px rgba(96,229,255,.55));transform:translateX(-18%) scaleX(.35)}
.live-brand:hover .live-brand-word::before{animation:sioBrandWordCurrent .95s ease-in-out infinite}
.live-brand:has(.morph-logo)::before,.live-brand:has(.morph-logo)::after,.live-brand:has(.morph-logo) .live-brand-word::before{display:none!important}
.morph-logo{position:relative;display:grid;width:52px;height:52px;place-items:center;flex:0 0 52px;border-radius:50%;filter:drop-shadow(0 5px 13px rgba(0,0,0,.42));animation:morphLogoPulse 9.6s ease-in-out infinite;contain:layout paint}
.morph-logo-svg{display:block;width:100%;height:100%;overflow:visible}
.morph-logo-aura{fill:rgba(82,220,255,.13);filter:url(#morphLogoGlow);animation:morphLogoAura 9.6s ease-in-out infinite}
.morph-logo-core{fill:url(#morphLogoCore);stroke:rgba(166,244,255,.66);stroke-width:1.5}
.morph-logo-state{transform-box:view-box;transform-origin:32px 32px;will-change:opacity,transform}
.morph-logo-house{opacity:1;animation:morphLogoHouse 9.6s ease-in-out infinite}
.morph-logo-orbit{opacity:0;animation:morphLogoOrbit 9.6s ease-in-out infinite}
.morph-logo-face{opacity:0;animation:morphLogoFace 9.6s ease-in-out infinite}
.morph-logo-roof,.morph-logo-home,.morph-logo-door{fill:none;stroke:url(#morphLogoRoof);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(118,235,255,.35))}
.morph-logo-door{stroke-width:2.5;opacity:.9}
.morph-logo-orbit{transform:rotate(-16deg)}
.morph-logo-orbit-ring{fill:none;stroke-linecap:round;transform-box:view-box;transform-origin:32px 32px}
.morph-logo-orbit-main{stroke:rgba(166,246,255,.78);stroke-width:1.8;stroke-dasharray:72 22;animation:morphLogoOrbitSpin 5.8s linear infinite}
.morph-logo-orbit-soft{stroke:rgba(68,218,255,.38);stroke-width:1.15;stroke-dasharray:38 18;animation:morphLogoOrbitSpin 8.4s linear infinite reverse}
.morph-logo-comet{fill:#eefcff;filter:drop-shadow(0 0 7px rgba(120,236,255,.95));transform-box:view-box;transform-origin:32px 32px;animation:morphLogoComet 2.9s linear infinite}
.morph-logo-eye{fill:#eafdff;filter:drop-shadow(0 0 5px rgba(97,228,255,.88));transform-box:fill-box;transform-origin:center}
.morph-logo-mouth,.morph-logo-halo{fill:none;stroke:#dffbff;stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(101,232,255,.72))}
.morph-logo-halo{stroke-width:1.55;opacity:.76}
.live-brand:hover .morph-logo{animation:morphLogoHoverHold 1.8s ease-in-out infinite;filter:drop-shadow(0 0 17px rgba(93,230,255,.62)) drop-shadow(0 7px 13px rgba(0,0,0,.42))}
.live-brand:hover .morph-logo-house,.live-brand:hover .morph-logo-orbit{animation:none;opacity:0}
.live-brand:hover .morph-logo-face{animation:none;opacity:1;transform:scale(1)}
.live-brand:hover .morph-logo-aura{animation:none;fill:rgba(92,225,255,.22)}
.live-brand:hover .morph-logo-eye{animation:morphLogoBlink 2.2s ease-in-out infinite}
@keyframes morphLogoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@keyframes morphLogoAura{0%,100%{opacity:.78}42%,70%{opacity:1}}
@keyframes morphLogoHouse{0%,25%,100%{opacity:1;transform:scale(1)}34%,82%{opacity:0;transform:scale(.82) translateY(1px)}}
@keyframes morphLogoOrbit{0%,25%,76%,100%{opacity:0;transform:rotate(-16deg) scale(.88)}36%,58%{opacity:1;transform:rotate(-16deg) scale(1)}}
@keyframes morphLogoFace{0%,56%,100%{opacity:0;transform:scale(.88)}67%,84%{opacity:1;transform:scale(1)}}
@keyframes morphLogoOrbitSpin{to{stroke-dashoffset:-94;transform:rotate(360deg)}}
@keyframes morphLogoComet{to{transform:rotate(360deg)}}
@keyframes morphLogoHoverHold{0%,100%{transform:scale(1.03)}50%{transform:scale(1.07)}}
@keyframes morphLogoBlink{0%,88%,100%{transform:scaleY(1)}92%,95%{transform:scaleY(.12)}}
@media(prefers-reduced-motion:reduce){.morph-logo,.morph-logo-aura,.morph-logo-house,.morph-logo-orbit,.morph-logo-face,.morph-logo-orbit-main,.morph-logo-orbit-soft,.morph-logo-comet,.live-brand:hover .morph-logo-eye{animation:none!important}.morph-logo-house{opacity:1!important;transform:none!important}.morph-logo-orbit{opacity:.72!important;transform:rotate(-16deg)!important}.morph-logo-face{opacity:.82!important;transform:none!important}.morph-logo-comet{transform:rotate(32deg)!important}}
.morph-logo{width:54px;height:54px;flex-basis:54px;filter:drop-shadow(0 6px 13px rgba(0,0,0,.44));animation:morphLogoPulse 10.5s ease-in-out infinite}
.morph-logo-aura{fill:rgba(62,213,255,.18);filter:url(#morphLogoGlow);animation:morphLogoAura 10.5s ease-in-out infinite}
.morph-logo-house{animation:morphLogoHouseToSio 10.5s ease-in-out infinite}
.morph-logo-warp{opacity:0;animation:morphLogoWarpBridge 10.5s ease-in-out infinite}
.morph-logo-orbit,.morph-logo-orbit-ring,.morph-logo-comet{display:none!important}
.morph-logo-face{opacity:0;animation:morphLogoSioReveal 10.5s ease-in-out infinite}
.morph-logo-house-plate{fill:rgba(5,47,70,.84);stroke:rgba(137,240,255,.5);stroke-width:1.45;filter:drop-shadow(0 0 9px rgba(62,218,255,.28))}
.morph-logo-roof,.morph-logo-home,.morph-logo-door{stroke-width:3.35;filter:drop-shadow(0 0 6px rgba(131,239,255,.5))}
.morph-logo-warp-line{fill:none;stroke:#bffaff;stroke-width:2;stroke-linecap:round;stroke-dasharray:12 12;filter:drop-shadow(0 0 7px rgba(93,230,255,.85));animation:morphLogoWarpDash 1.1s linear infinite}
.morph-logo-warp-b{stroke:#55dcff;stroke-width:2.4;animation-duration:.9s}.morph-logo-warp-c{stroke:rgba(240,255,255,.72);stroke-width:1.45;animation-duration:1.3s}
.morph-logo-warp-spark{fill:#f4ffff;filter:drop-shadow(0 0 9px rgba(99,231,255,1));animation:morphLogoSparkTravel 1.3s ease-in-out infinite}
.morph-logo-sio-body{fill:url(#morphLogoCore);stroke:#7ef0ff;stroke-width:1.85;filter:drop-shadow(0 0 9px rgba(47,210,255,.5))}
.morph-logo-sio-inner{fill:rgba(255,255,255,.16)}
.morph-logo-sio-shine{fill:#fff;opacity:.34}
.morph-logo-sio-ear-left,.morph-logo-sio-ear-right{fill:none;stroke:#64e8ff;stroke-width:2.2;stroke-linecap:round}
.morph-logo-eye{fill:url(#morphLogoEye);filter:drop-shadow(0 0 5px rgba(92,230,255,.9));transform-box:fill-box;transform-origin:center}
.morph-logo-eye-shine{fill:#fff;opacity:.92}
.morph-logo-mouth{stroke:#063d77;stroke-width:2.25}
.morph-logo-halo{stroke:#a4f8ff;stroke-width:1.9;opacity:.9;filter:drop-shadow(0 0 6px rgba(94,226,255,.8))}
.live-brand:hover .morph-logo{animation:morphLogoHoverHold 1.8s ease-in-out infinite;filter:drop-shadow(0 0 17px rgba(93,230,255,.62)) drop-shadow(0 7px 13px rgba(0,0,0,.42))}
.live-brand:hover .morph-logo-house,.live-brand:hover .morph-logo-warp{animation:none;opacity:0}
.live-brand:hover .morph-logo-face{animation:none;opacity:1;transform:scale(1)}
.live-brand:hover .morph-logo-eye{animation:morphLogoBlink 2.2s ease-in-out infinite}
@keyframes morphLogoHouseToSio{0%,38%,100%{opacity:1;transform:scale(1)}43%,80%{opacity:0;transform:scale(.82) translateY(.5px);filter:blur(.25px)}}
@keyframes morphLogoWarpBridge{0%,38%,48%,100%{opacity:0;transform:scale(.92)}41%,44%{opacity:.95;transform:scale(1.03)}}
@keyframes morphLogoSioReveal{0%,43%,100%{opacity:0;transform:scale(.86) translateY(.5px)}50%,78%{opacity:1;transform:scale(1)}}
@keyframes morphLogoWarpDash{to{stroke-dashoffset:-24}}
@keyframes morphLogoSparkTravel{0%,100%{transform:translateX(-22px);opacity:0}35%{opacity:1}70%{transform:translateX(16px);opacity:.95}86%{transform:translateX(21px);opacity:0}}
@media(prefers-reduced-motion:reduce){.morph-logo,.morph-logo-aura,.morph-logo-house,.morph-logo-warp,.morph-logo-face,.morph-logo-warp-line,.morph-logo-warp-spark,.live-brand:hover .morph-logo-eye{animation:none!important}.morph-logo-house{opacity:.86!important;transform:none!important}.morph-logo-warp{opacity:0!important}.morph-logo-face{opacity:1!important;transform:none!important}}
.live-brand:has(.morph-logo) .live-brand-word::before{display:block!important;z-index:2;left:-12px;right:-12px;height:150%;top:-25%;background:linear-gradient(90deg,transparent 0%,rgba(232,255,255,.98) 8%,rgba(54,221,255,.35) 11%,transparent 18%,rgba(130,241,255,.25) 27%,rgba(255,255,255,.96) 32%,transparent 39%,rgba(62,225,255,.35) 52%,rgba(245,255,255,.98) 58%,transparent 66%,rgba(111,238,255,.28) 77%,rgba(255,255,255,.9) 84%,transparent 100%);clip-path:polygon(0 50%,7% 18%,14% 66%,23% 10%,32% 58%,42% 5%,51% 72%,61% 20%,70% 63%,80% 12%,91% 56%,100% 30%,100% 58%,91% 82%,80% 36%,70% 86%,61% 49%,51% 95%,42% 33%,32% 88%,23% 39%,14% 92%,7% 44%,0 75%);filter:drop-shadow(0 0 8px rgba(255,255,255,.8)) drop-shadow(0 0 16px rgba(72,226,255,.95));mix-blend-mode:screen}
.live-brand:has(.morph-logo) .live-brand-word::after{content:"";position:absolute;z-index:1;left:-18px;right:-18px;top:-38%;height:180%;opacity:0;pointer-events:none;background:radial-gradient(circle at 9% 54%,rgba(255,255,255,1) 0 3px,transparent 4px),radial-gradient(circle at 36% 34%,rgba(88,230,255,.95) 0 2.5px,transparent 4px),radial-gradient(circle at 62% 73%,rgba(255,255,255,.95) 0 2.8px,transparent 4px),radial-gradient(circle at 86% 39%,rgba(83,226,255,.95) 0 2.6px,transparent 4px),linear-gradient(90deg,transparent 0%,rgba(230,255,255,.88) 10%,rgba(68,224,255,.28) 14%,transparent 24%,rgba(255,255,255,.94) 39%,rgba(58,222,255,.3) 43%,transparent 57%,rgba(235,255,255,.9) 72%,rgba(74,226,255,.26) 76%,transparent 90%);clip-path:polygon(0 44%,10% 44%,16% 4%,25% 72%,35% 26%,45% 49%,52% 1%,61% 84%,72% 30%,82% 62%,90% 12%,100% 55%,100% 76%,90% 39%,82% 87%,72% 52%,61% 100%,52% 32%,45% 75%,35% 47%,25% 96%,16% 33%,10% 73%,0 73%);filter:drop-shadow(0 0 12px rgba(255,255,255,.9)) drop-shadow(0 0 24px rgba(72,226,255,.95));mix-blend-mode:screen;transform:translateX(-18%) scaleX(.2);transform-origin:left center}
.live-brand:has(.morph-logo):hover .live-brand-word::before{animation:sioBrandWordCurrent .82s ease-in-out infinite}
.live-brand:has(.morph-logo):hover .live-brand-word::after{animation:brandCurrentRail 1.15s cubic-bezier(.2,.8,.2,1) infinite}
.morph-logo{width:56px;height:56px;flex-basis:56px;perspective:240px;animation:houseLogoBreath 5.8s ease-in-out infinite}
.morph-logo-svg{transform-origin:32px 34px;animation:houseLogoFloat 8.8s cubic-bezier(.45,0,.25,1) infinite;will-change:transform}
.morph-logo-aura{fill:rgba(63,220,255,.18);stroke:rgba(206,252,255,.28);stroke-width:1;animation:houseLogoAura 5.8s ease-in-out infinite}
.morph-logo-house{opacity:1!important;animation:houseLogoAssemble 8.8s cubic-bezier(.45,0,.25,1) infinite;will-change:transform,filter}
.morph-logo-face,.morph-logo-warp,.morph-logo-orbit,.morph-logo-orbit-ring,.morph-logo-comet{display:none!important}
.morph-logo-house-plate{fill:rgba(4,38,58,.92);stroke:rgba(172,249,255,.72);stroke-width:1.7;filter:drop-shadow(0 0 10px rgba(66,221,255,.34))}
.morph-logo-roof,.morph-logo-home,.morph-logo-door{stroke-width:3.45;filter:drop-shadow(0 0 7px rgba(151,244,255,.55))}
.morph-logo-cube{fill:#dffcff;stroke:#61e4ff;stroke-width:.55;filter:drop-shadow(0 0 5px rgba(98,231,255,.75));transform-box:fill-box;transform-origin:center;animation:houseLogoCubeDance 8.8s cubic-bezier(.45,0,.25,1) infinite}
.cube-b{animation-delay:.08s}.cube-c{animation-delay:.16s}.cube-d{animation-delay:.24s}
.live-brand:hover .morph-logo{filter:drop-shadow(0 6px 13px rgba(0,0,0,.44))}
.live-brand:hover .morph-logo-svg,.live-brand:hover .morph-logo-house,.live-brand:hover .morph-logo-cube{animation-play-state:paused}
@keyframes houseLogoBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes houseLogoAura{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes houseLogoFloat{0%,100%{transform:translateY(0) rotate(0deg) scale(1)}28%{transform:translateY(-1px) rotate(-4deg) scale(1.04)}46%{transform:translateY(0) rotate(0deg) scale(.92)}62%{transform:translateY(-1px) rotate(5deg) scale(1.07)}82%{transform:translateY(0) rotate(0deg) scale(1)}}
@keyframes houseLogoAssemble{0%,36%,100%{transform:scale(1);filter:none}45%{transform:scale(.88) rotate(-3deg);filter:blur(.18px)}58%{transform:scale(1.08) rotate(4deg)}72%{transform:scale(.98) rotate(0deg)}}
@keyframes houseLogoCubeDance{0%,34%,100%{opacity:.15;transform:translate(0,0) scale(.55) rotate(0deg)}44%{opacity:.95;transform:translate(-5px,-5px) scale(1) rotate(45deg)}58%{opacity:.8;transform:translate(4px,3px) scale(.85) rotate(90deg)}74%{opacity:.18;transform:translate(0,0) scale(.55) rotate(135deg)}}
@keyframes houseLogoHoverPulse{0%,100%{transform:scale(1.05)}45%{transform:scale(1.15)}70%{transform:scale(1.02)}}
@keyframes houseLogoHoverSpin{0%,100%{transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(1.04)}35%{transform:rotateY(31deg) rotateX(6deg) rotateZ(-9deg) scale(1.16)}62%{transform:rotateY(-24deg) rotateX(-4deg) rotateZ(7deg) scale(.98)}}
@keyframes houseLogoHoverCube{0%,100%{transform:scale(1);filter:none}45%{transform:scale(.9) rotate(3deg);filter:drop-shadow(0 0 10px rgba(142,244,255,.65))}70%{transform:scale(1.08) rotate(-2deg)}}
@keyframes houseLogoHoverFragments{0%,100%{opacity:.32;transform:translate(0,0) scale(.65) rotate(0deg)}42%{opacity:1;transform:translate(8px,-8px) scale(1.25) rotate(160deg)}70%{opacity:.85;transform:translate(-5px,6px) scale(.95) rotate(240deg)}}
@keyframes brandCurrentRail{0%,100%{opacity:0;transform:translateX(-22%) scaleX(.22)}13%{opacity:1;transform:translateX(-8%) scaleX(1.05)}31%{opacity:.8;transform:translateX(2%) scaleX(1.18)}49%{opacity:1;transform:translateX(10%) scaleX(1.05)}72%{opacity:.35;transform:translateX(20%) scaleX(1.15)}}
@media(prefers-reduced-motion:reduce){.live-brand:has(.morph-logo) .live-brand-word::before,.live-brand:has(.morph-logo) .live-brand-word::after,.morph-logo,.morph-logo-svg,.morph-logo-aura,.morph-logo-house,.morph-logo-cube{animation:none!important}.morph-logo-face,.morph-logo-warp{display:none!important}.morph-logo-house{opacity:1!important;transform:none!important}.morph-logo-cube{opacity:.35!important}.live-brand:has(.morph-logo) .live-brand-word::after{opacity:0!important}}
.live-brand-word span{color:#86dcf8}
.live-brand-orbit{position:relative;display:grid;width:50px;height:50px;place-items:center;flex:0 0 50px;border-radius:50%;filter:drop-shadow(0 5px 12px rgba(0,0,0,.42));animation:sioBrandPulse 3.8s ease-in-out infinite}
.live-brand-orbit::before,.live-brand-orbit::after{content:"";position:absolute;z-index:4;inset:5px;border-radius:50%;pointer-events:none;opacity:0;filter:drop-shadow(0 0 6px rgba(150,245,255,.85))}
.live-brand-orbit::before{border-top:2px solid rgba(235,255,255,.95);border-right:2px solid rgba(60,221,255,.78);transform:rotate(-28deg) scale(.86)}
.live-brand-orbit::after{inset:9px;border-bottom:2px solid rgba(205,250,255,.85);border-left:2px solid rgba(70,223,255,.72);transform:rotate(34deg) scale(.72)}
.live-brand:hover .live-brand-orbit::before{animation:sioBrandIconSpark .7s ease-in-out infinite}
.live-brand:hover .live-brand-orbit::after{animation:sioBrandIconSpark .9s ease-in-out .16s infinite reverse}
.live-brand-orbit svg{display:block;width:100%;height:100%;overflow:visible}
.brand-orbit-glow{fill:rgba(80,216,255,.18);filter:url(#sioBrandGlow)}
.brand-orbit-core{fill:url(#sioBrandCore);stroke:rgba(175,247,255,.72);stroke-width:1.7}
.brand-orbit-inner{fill:none;stroke:rgba(255,255,255,.12);stroke-width:1.1}
.brand-orbit-ring{transform-box:view-box;transform-origin:32px 32px;fill:none;stroke:rgba(177,246,255,.8);stroke-width:1.65;stroke-linecap:round;opacity:.82;will-change:transform,opacity}
.brand-orbit-ring-a{transform:rotate(-18deg);animation:sioBrandOrbitA 18s linear infinite}
.brand-orbit-ring-b{stroke:rgba(105,222,255,.52);stroke-width:1.35;transform:rotate(58deg);animation:sioBrandOrbitB 24s linear infinite reverse}
.brand-orbit-ring-c{stroke:rgba(238,255,255,.36);stroke-dasharray:18 10;stroke-width:1.05;transform:rotate(104deg);animation:sioBrandOrbitC 31s linear infinite}
.live-brand-orbit text{fill:#fff;font:950 32px/1 "Segoe UI",Arial,sans-serif;letter-spacing:-.09em;paint-order:stroke;stroke:rgba(0,30,45,.48);stroke-width:1.65px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55))}
.live-brand:hover .live-brand-orbit{filter:drop-shadow(0 0 15px rgba(80,224,255,.58)) drop-shadow(0 6px 12px rgba(0,0,0,.35))}
@keyframes sioBrandPulse{0%,100%{transform:scale(1);opacity:.96}50%{transform:scale(1.035);opacity:1}}
@keyframes sioBrandOrbitA{to{transform:rotate(342deg)}}
@keyframes sioBrandOrbitB{to{transform:rotate(418deg)}}
@keyframes sioBrandOrbitC{to{transform:rotate(464deg)}}
@keyframes sioBrandElectric{0%,100%{opacity:0;transform:translateY(-50%) scaleX(.18)}18%{opacity:.95;transform:translateY(-50%) scaleX(1)}34%{opacity:.38;transform:translateY(-50%) scaleX(.82)}55%{opacity:.9;transform:translateY(-50%) scaleX(1.02)}80%{opacity:.12;transform:translateY(-50%) scaleX(.94)}}
@keyframes sioBrandWordCurrent{0%,100%{opacity:0;transform:translateX(-18%) scaleX(.35)}22%{opacity:.8;transform:translateX(0) scaleX(1)}48%{opacity:.22;transform:translateX(12%) scaleX(.92)}68%{opacity:.7;transform:translateX(4%) scaleX(1)}}
@keyframes sioBrandIconSpark{0%,100%{opacity:0;transform:rotate(-28deg) scale(.72)}35%{opacity:.95;transform:rotate(18deg) scale(1)}62%{opacity:.32;transform:rotate(46deg) scale(.9)}}
@media(prefers-reduced-motion:reduce){.live-brand,.live-brand-orbit,.brand-orbit-ring,.live-brand::before,.live-brand::after,.live-brand-word::before,.live-brand-orbit::before,.live-brand-orbit::after{animation:none!important;transition:none!important}.live-brand:hover{transform:none}.live-brand:hover::before,.live-brand:hover::after,.live-brand:hover .live-brand-word::before,.live-brand:hover .live-brand-orbit::before,.live-brand:hover .live-brand-orbit::after{opacity:0!important}}
.sio-dashboard-live-open .live-brand{opacity:0;pointer-events:none}

/* Markenlogo final: Schriftzug bleibt ruhig, die Bewegung sitzt nur im Haus. */
.live-brand:has(.morph-logo)::before,.live-brand:has(.morph-logo)::after,.live-brand:has(.morph-logo) .live-brand-word::before,.live-brand:has(.morph-logo) .live-brand-word::after{content:none!important;display:none!important;animation:none!important;opacity:0!important}
.live-brand:has(.morph-logo) .live-brand-word{position:relative;isolation:auto}
.live-brand.logo-scene-mix .morph-logo-svg{animation:houseLogoCalmFloat 8.5s ease-in-out infinite}
.live-brand.logo-scene-mix .morph-logo-house{animation:houseLogoCalmGlow 8.5s ease-in-out infinite}
.live-brand.logo-scene-mix .morph-logo-cube{animation:houseLogoCalmCubes 8.5s ease-in-out infinite}
.live-brand.logo-scene-spin .morph-logo-svg{animation:houseLogoSceneSpin 1.8s cubic-bezier(.25,.8,.25,1) infinite}
.live-brand.logo-scene-cube .morph-logo-cube{animation:houseLogoCubeBurst 1.6s cubic-bezier(.22,.9,.18,1) infinite}
.live-brand.logo-scene-pop .morph-logo-house{animation:houseLogoScenePop 1.35s cubic-bezier(.22,.9,.18,1) infinite}
.live-brand.logo-scene-wiggle .morph-logo-svg{animation:houseLogoSceneWiggle 1.4s ease-in-out infinite}
.live-brand:hover .morph-logo{filter:drop-shadow(0 0 13px rgba(93,230,255,.38)) drop-shadow(0 7px 13px rgba(0,0,0,.42))}
.live-brand:hover .morph-logo-svg,.live-brand:hover .morph-logo-house,.live-brand:hover .morph-logo-cube{animation-play-state:running}
@keyframes houseLogoCalmFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1.5px) scale(1.018)}}
@keyframes houseLogoCalmGlow{0%,100%{transform:scale(1);filter:none}50%{transform:scale(1.015);filter:drop-shadow(0 0 7px rgba(140,242,255,.32))}}
@keyframes houseLogoCalmCubes{0%,100%{opacity:.14;transform:translate(0,0) scale(.58)}50%{opacity:.28;transform:translate(0,-1px) scale(.66)}}
@keyframes houseLogoSceneMix{0%,11%,100%{transform:translateY(0) rotate(0deg) scale(1)}16%{transform:translateY(-1px) rotate(-5deg) scale(1.05)}22%{transform:translateY(0) rotate(0deg) scale(1)}38%{transform:perspective(160px) rotateY(0deg) scale(1)}46%{transform:perspective(160px) rotateY(178deg) scale(1.04)}54%{transform:perspective(160px) rotateY(360deg) scale(1)}68%{transform:scale(1)}73%{transform:scale(.9) rotate(-2deg)}78%{transform:scale(1.09) rotate(2deg)}84%{transform:scale(1)}}
@keyframes houseLogoHouseMix{0%,30%,100%{transform:scale(1);filter:none}35%{transform:scale(.92) rotate(-2deg);filter:drop-shadow(0 0 9px rgba(147,244,255,.45))}42%{transform:scale(1.08) rotate(2deg)}50%{transform:scale(1)}70%{transform:scale(1)}75%{transform:scale(.86);filter:blur(.12px)}82%{transform:scale(1.06);filter:none}}
@keyframes houseLogoCubeMix{0%,28%,58%,100%{opacity:.18;transform:translate(0,0) scale(.58) rotate(0deg)}34%{opacity:1;transform:translate(-6px,-6px) scale(1.1) rotate(90deg)}43%{opacity:.86;transform:translate(5px,3px) scale(.9) rotate(180deg)}76%{opacity:.98;transform:translate(7px,-7px) scale(1.18) rotate(190deg)}84%{opacity:.4;transform:translate(-3px,4px) scale(.8) rotate(290deg)}}
@keyframes houseLogoSceneSpin{0%,100%{transform:perspective(170px) rotateY(0deg) scale(1)}50%{transform:perspective(170px) rotateY(180deg) scale(1.06)}}
@keyframes houseLogoCubeBurst{0%,100%{opacity:.2;transform:translate(0,0) scale(.6) rotate(0deg)}45%{opacity:1;transform:translate(8px,-8px) scale(1.25) rotate(190deg)}75%{opacity:.75;transform:translate(-5px,5px) scale(.86) rotate(270deg)}}
@keyframes houseLogoScenePop{0%,100%{transform:scale(1)}38%{transform:scale(.86) rotate(-2deg)}62%{transform:scale(1.12) rotate(2deg)}}
@keyframes houseLogoSceneWiggle{0%,100%{transform:rotate(0deg) scale(1)}25%{transform:rotate(-7deg) scale(1.04)}52%{transform:rotate(5deg) scale(.98)}76%{transform:rotate(-2deg) scale(1.02)}}
@media(prefers-reduced-motion:reduce){.live-brand.logo-scene-mix .morph-logo-svg,.live-brand.logo-scene-mix .morph-logo-house,.live-brand.logo-scene-mix .morph-logo-cube,.live-brand.logo-scene-spin .morph-logo-svg,.live-brand.logo-scene-cube .morph-logo-cube,.live-brand.logo-scene-pop .morph-logo-house,.live-brand.logo-scene-wiggle .morph-logo-svg{animation:none!important}}

#searchbar_div{display:block!important}
.sio-search-row{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;width:min(760px,calc(100vw - 32px));margin:0 auto}
.sio-search-row #searchbar_form{flex:1;min-width:0}
.sio-search-row #searchbar{width:100%!important;max-width:none!important}
.sio-search-row #searchbar_form{position:relative}
.sio-search-row #reset_button{position:absolute!important;z-index:3;right:10px;top:50%;display:grid;place-items:center;width:28px;height:28px;margin:0!important;padding:0;border:0;border-radius:50%;color:var(--start-scheme-text,#fff);background:rgba(0,0,0,.12);font-family:Arial,sans-serif;font-size:21px;font-weight:400;line-height:1;transform:translateY(-50%);text-shadow:0 1px 3px rgba(0,0,0,.45);cursor:pointer}
.sio-search-row #reset_button:hover,.sio-search-row #reset_button:focus-visible{background:rgba(255,255,255,.22);outline:1px solid rgba(255,255,255,.38)}
.sio-search-row.is-chat-open{display:grid;grid-template-columns:minmax(0,1fr) 51px minmax(0,760px) minmax(0,1fr);grid-template-rows:auto auto;align-items:start;justify-content:stretch;column-gap:9px;width:min(1180px,calc(100vw - 48px));padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.sio-search-row.is-chat-open #sio_live_dock{grid-column:2;grid-row:2;margin-top:10px}
.sio-search-row.is-chat-open #searchbar_form{grid-column:3;grid-row:2;margin-top:10px}
.sio-search-row.is-chat-open #searchbar{height:46px!important;padding-left:42px!important;border-color:rgba(126,225,255,.46)!important;border-radius:16px!important;background-color:rgba(var(--start-scheme-rgb),var(--start-search-alpha,.8))!important;box-shadow:0 12px 30px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.1)!important;backdrop-filter:blur(14px)!important}
.sio-chat-open .sio-search-row #searchbar::placeholder{color:var(--start-scheme-muted)!important}
.sio-search-row.is-chat-open .sio-chat-panel{position:relative!important;grid-column:1 / -1;grid-row:1;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-height:none!important;margin:0!important;padding:0!important;border:1px solid rgba(126,220,255,.22);border-radius:20px;color:var(--start-scheme-text);background:linear-gradient(145deg,rgba(var(--start-scheme-rgb),.5),rgba(3,18,27,.28));box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08);transform:none;overflow:hidden;backdrop-filter:blur(22px);transform-origin:top center}
.sio-search-row.is-chat-open .sio-chat-panel.is-chat-opening{animation:sioChatDashboardOpen .42s cubic-bezier(.2,.8,.2,1) both}
.sio-search-row.is-chat-open .sio-chat-panel.is-chat-closing{animation:sioChatDashboardClose .32s cubic-bezier(.4,0,.2,1) both}
.sio-chat-opening #searchbar_div{animation:sioChatDashboardSearchIn .42s cubic-bezier(.2,.8,.2,1) both}
.sio-chat-closing #searchbar_div{animation:none!important}
body.sio-chat-opening #div_link_ul{animation:sioChatDashboardFavoritesIn .48s cubic-bezier(.2,.8,.2,1) both}
body.sio-chat-closing #div_link_ul{animation:none!important}
.sio-search-row.is-chat-open .sio-chat-panel::after{display:none}
.sio-search-row.is-chat-open .sio-chat-panel>header{min-height:44px;padding:9px 11px;border-bottom:1px solid rgba(126,220,255,.14);background:rgba(255,255,255,.035)}
.sio-search-row.is-chat-open .sio-chat-avatar{flex:0 0 30px;width:30px;height:30px}
.sio-search-row.is-chat-open .sio-chat-panel>header b{font-size:13px}
.sio-search-row.is-chat-open .sio-chat-panel>header small{font-size:9px;line-height:1.25}
.sio-search-row.is-chat-open .sio-chat-panel>header button{width:27px;height:27px;border-radius:9px}
.sio-chat-panel>header .sio-chat-font-controls,.sio-chat-panel>header .sio-chat-actions{display:flex;align-items:center;gap:6px}
.sio-chat-panel>header .sio-chat-font-controls{margin-left:auto;padding:3px;border:1px solid rgba(126,220,255,.18);border-radius:12px;background:rgba(255,255,255,.045)}
.sio-chat-font-controls output{min-width:44px;color:rgba(235,251,255,.88);font-size:11px;font-weight:800;text-align:center}
.sio-chat-panel [data-sio-tip]{position:relative}
.sio-chat-panel [data-sio-tip]::after{content:attr(data-sio-tip);position:absolute;z-index:20;right:0;top:calc(100% + 8px);max-width:210px;padding:7px 9px;border:1px solid rgba(126,220,255,.28);border-radius:10px;color:#f7fdff;background:rgba(3,18,27,.94);box-shadow:0 14px 34px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.04) inset;font-size:11px;font-weight:750;line-height:1.25;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-3px);transition:opacity .16s ease,transform .16s ease}
.sio-chat-panel [data-sio-tip]::before{content:"";position:absolute;z-index:21;right:10px;top:calc(100% + 3px);width:9px;height:9px;border-left:1px solid rgba(126,220,255,.28);border-top:1px solid rgba(126,220,255,.28);background:rgba(3,18,27,.94);opacity:0;pointer-events:none;transform:rotate(45deg) translateY(-3px);transition:opacity .16s ease,transform .16s ease}
.sio-chat-panel [data-sio-tip]:hover::after,.sio-chat-panel [data-sio-tip]:focus-visible::after,.sio-chat-panel [data-sio-tip]:hover::before,.sio-chat-panel [data-sio-tip]:focus-visible::before{opacity:1;transform:translateY(0)}
.sio-chat-panel [data-sio-tip]:hover::before,.sio-chat-panel [data-sio-tip]:focus-visible::before{transform:rotate(45deg) translateY(0)}
.sio-search-row.is-chat-open .sio-chat-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:470px}
.sio-search-row.is-chat-open .sio-chat-sidebar{display:flex;flex-direction:column;gap:10px;padding:12px;border-right:1px solid rgba(126,220,255,.14);background:linear-gradient(180deg,rgba(4,22,33,.26),rgba(255,255,255,.035));overflow:hidden}
.sio-search-row.is-chat-open .sio-chat-sidebar-head{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px}
.sio-search-row.is-chat-open .sio-chat-sidebar-new{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(71,215,255,.5);border-radius:14px;color:#eaffff;background:rgba(71,215,255,.18);box-shadow:0 10px 24px rgba(0,0,0,.24),0 0 18px rgba(71,215,255,.16);font-size:26px;font-weight:850;line-height:1;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.sio-search-row.is-chat-open .sio-chat-sidebar-new:hover,.sio-search-row.is-chat-open .sio-chat-sidebar-new:focus-visible{border-color:rgba(99,235,255,.86);background:rgba(71,215,255,.26);box-shadow:0 14px 30px rgba(0,0,0,.3),0 0 24px rgba(71,215,255,.28);transform:translateY(-1px) scale(1.02);outline:0}
.sio-search-row.is-chat-open .sio-chat-sidebar>div:first-child b{display:block;color:#fff;font-size:12px;letter-spacing:.04em}
.sio-search-row.is-chat-open .sio-chat-sidebar>div:first-child span{display:block;margin-top:2px;color:rgba(232,249,255,.62);font-size:9px}
.sio-search-row.is-chat-open .sio-chat-threads{display:flex;flex:1;min-height:0;flex-direction:column;gap:7px;overflow-y:auto;overscroll-behavior:contain}
.sio-search-row.is-chat-open .sio-chat-thread{display:block;width:100%;padding:9px 10px;border:1px solid rgba(126,220,255,.14);border-radius:12px;color:rgba(245,253,255,.86);background:rgba(255,255,255,.045);text-align:left;cursor:pointer}
.sio-search-row.is-chat-open .sio-chat-thread:hover,.sio-search-row.is-chat-open .sio-chat-thread.is-active{border-color:rgba(52,211,255,.55);background:rgba(52,211,255,.13)}
.sio-search-row.is-chat-open .sio-chat-thread b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.sio-search-row.is-chat-open .sio-chat-thread span{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(232,249,255,.58);font-size:8px}
.sio-chat-thread-menu{position:fixed;z-index:2147483647;min-width:178px;padding:5px;border:1px solid rgba(126,220,255,.24);border-radius:12px;color:#effaff;background:rgba(5,18,29,.96);box-shadow:0 18px 42px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(18px)}
.sio-chat-thread-menu[hidden]{display:none}
.sio-chat-thread-menu button{display:flex;align-items:center;width:100%;min-height:34px;padding:8px 10px;border:0;border-radius:9px;color:#ffd6dc;background:transparent;font-size:12px;font-weight:800;text-align:left;cursor:pointer}
.sio-chat-thread-menu button:hover,.sio-chat-thread-menu button:focus-visible{outline:0;color:#fff;background:rgba(255,94,122,.18)}
.sio-search-row.is-chat-open .sio-chat-main{display:flex;min-width:0;min-height:0;flex-direction:column}
.sio-search-row.is-chat-open .sio-chat-log{min-height:360px;max-height:min(590px,62vh);padding:13px 14px;gap:8px;overscroll-behavior:contain}
.sio-search-row.is-chat-open .sio-chat-empty{padding:5px;font-size:calc(11px * var(--sio-chat-font-scale,1))}
.sio-chat-message,.sio-chat-message p,.sio-chat-panel textarea{text-align:left}
.sio-search-row.is-chat-open .sio-chat-message{max-width:86%;padding:7px 9px;border-radius:11px;text-align:left}
.sio-search-row.is-chat-open .sio-chat-message b{margin-bottom:2px;font-size:7px}
.sio-search-row.is-chat-open .sio-chat-message p{font-size:calc(12px * var(--sio-chat-font-scale,1));line-height:1.42}
.sio-search-row.is-chat-open .sio-chat-panel form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;padding:9px 11px;border-top:1px solid rgba(126,220,255,.14);background:rgba(0,0,0,.08)}
.sio-search-row.is-chat-open .sio-chat-panel textarea{min-height:38px;max-height:76px;padding:9px 10px;border-radius:12px;font-size:calc(12px * var(--sio-chat-font-scale,1));resize:none}
.sio-search-row.is-chat-open .sio-chat-panel form>button{min-width:74px;height:38px;border-radius:12px;font-size:12px}
.sio-search-row.is-chat-open .sio-chat-main>footer{padding:0 11px 8px;font-size:8px;opacity:.8}
.sio-search-row.is-chat-open .sio-live-menu{grid-column:2}
body.sio-chat-open #div_link_ul,.sio-dashboard-live-open #div_link_ul,.sio-daily-summary-open #div_link_ul{position:fixed!important;z-index:2147483400!important;left:50%!important;right:auto!important;top:var(--sio-focus-favorites-top,calc(var(--dashboard-panel-bottom,620px) + 78px))!important;bottom:auto!important;display:flex!important;width:min(760px,calc(100vw - 28px))!important;max-height:112px;margin:0!important;padding:0!important;justify-content:center!important;gap:8px!important;opacity:1;filter:none;pointer-events:auto;transform:translateX(-50%) scale(.82)!important;transform-origin:50% 0;transition:top .24s ease,opacity .2s,filter .2s,transform .2s}
body.sio-chat-open #div_link_ul .div_hover,body.sio-chat-open #div_link_ul .div_hover_plus,.sio-dashboard-live-open #div_link_ul .div_hover,.sio-dashboard-live-open #div_link_ul .div_hover_plus,.sio-daily-summary-open #div_link_ul .div_hover,.sio-daily-summary-open #div_link_ul .div_hover_plus{width:76px!important;height:76px!important;margin:0 3px 8px!important}
body.sio-chat-open #div_link_ul .link,body.sio-chat-open #div_link_ul .link_plus,.sio-dashboard-live-open #div_link_ul .link,.sio-dashboard-live-open #div_link_ul .link_plus,.sio-daily-summary-open #div_link_ul .link,.sio-daily-summary-open #div_link_ul .link_plus{width:64px!important;height:64px!important;margin:0 auto!important;border-radius:14px!important}
body.sio-chat-open #div_link_ul .link img,.sio-dashboard-live-open #div_link_ul .link img,.sio-daily-summary-open #div_link_ul .link img{max-width:24px!important;max-height:24px!important}
body.sio-chat-open #div_link_ul .link span,.sio-dashboard-live-open #div_link_ul .link span,.sio-daily-summary-open #div_link_ul .link span{margin-top:4px!important;font-size:8.5px!important}
html.sio-chat-open-root,html.sio-chat-open-root body{overflow:hidden!important}
body.sio-chat-open{position:fixed!important;top:calc(var(--sio-chat-scroll-y,0px) * -1)!important;left:0!important;right:0!important;width:100%!important;overflow:hidden!important}
body.sio-chat-open #searchbar_div{position:fixed!important;z-index:2147483502!important;top:clamp(34px,6vh,72px)!important;left:0!important;right:0!important;width:100%!important}
body.sio-chat-open .sio-search-row.is-chat-open{width:min(1180px,calc(100vw - 48px))}
body.sio-chat-open .sio-search-row.is-chat-open #searchbar_form{width:100%;justify-self:stretch}
body.sio-chat-open::before{content:"";position:fixed;z-index:2147483200;inset:0;background:linear-gradient(180deg,rgba(3,16,24,.28),rgba(3,16,24,.08));pointer-events:none;backdrop-filter:blur(1px)}
body.sio-chat-opening::before{animation:sioChatDashboardBackdropIn .38s ease both}
body.sio-chat-closing::before{animation:sioChatDashboardBackdropOut .3s ease both}
@keyframes sioChatDashboardOpen{0%{opacity:0;clip-path:inset(0 0 100% 0 round 20px);filter:blur(1.5px)}34%{opacity:1}100%{opacity:1;clip-path:inset(0 0 0 0 round 20px);filter:none}}
@keyframes sioChatDashboardClose{0%{opacity:1;clip-path:inset(0 0 0 0 round 20px);filter:none}100%{opacity:0;clip-path:inset(0 0 100% 0 round 20px);filter:blur(1px)}}
@keyframes sioChatDashboardSearchIn{0%{opacity:.72;transform:translateY(-28px)}100%{opacity:1;transform:translateY(0)}}
@keyframes sioChatDashboardSearchOut{0%{opacity:1;transform:translateY(0)}100%{opacity:.72;transform:translateY(-20px)}}
@keyframes sioChatDashboardFavoritesIn{0%{opacity:0;transform:translateX(-50%) translateY(-12px) scale(.82)!important}100%{opacity:1;transform:translateX(-50%) translateY(0) scale(.82)!important}}
@keyframes sioChatDashboardFavoritesOut{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(.82)!important}100%{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.82)!important}}
@keyframes sioChatDashboardBackdropIn{from{opacity:0}to{opacity:1}}
@keyframes sioChatDashboardBackdropOut{from{opacity:1}to{opacity:0}}
.sio-live-dock{position:relative!important;display:block!important;flex:0 0 54px;width:54px!important;min-width:54px!important;height:54px!important;padding:0!important;border:1px solid rgba(113,223,255,.66)!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(13,79,105,.97),rgba(4,36,52,.99))!important;box-shadow:inset 0 -8px 13px rgba(0,0,0,.34),0 7px 20px rgba(0,0,0,.22)!important;cursor:pointer;overflow:visible}
.sio-dock-energy-ring{position:absolute;z-index:0;inset:-5px;border-radius:20px;background:conic-gradient(from -90deg,rgba(94,226,255,.96) calc(var(--sio-idle-charge,0)*1%),rgba(94,226,255,.11) 0,rgba(94,226,255,.07) 100%);box-shadow:0 0 0 1px rgba(126,232,255,.18),0 0 18px rgba(74,218,255,.18);opacity:.78;transition:background .35s ease,opacity .25s ease,filter .25s ease;pointer-events:none}
.sio-dock-energy-ring::after{content:"";position:absolute;inset:3px;border-radius:16px;background:linear-gradient(180deg,rgba(4,30,43,.95),rgba(3,19,29,.94));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.sio-live-dock.is-idle-charging .sio-dock-energy-ring{filter:drop-shadow(0 0 8px rgba(85,226,255,.46));animation:sioIdleRingPulse 2.1s ease-in-out infinite}
.sio-live-dock.is-idle-full .sio-dock-energy-ring{opacity:1;filter:drop-shadow(0 0 12px rgba(104,238,255,.76));animation:sioIdleRingFull 1.25s ease-in-out infinite}
.sio-live-dock.is-scene-away .sio-dock-energy-ring,body.sio-dock-empty .sio-live-dock .sio-dock-energy-ring{opacity:.18;filter:none;animation:none}
.sio-dock-cavity{position:absolute;z-index:1;left:50%;bottom:7px;width:42px;height:40px;border:0;border-radius:14px;background:radial-gradient(circle at 50% 52%,rgba(80,211,250,.12),rgba(1,20,31,.48) 70%);box-shadow:inset 0 5px 9px rgba(0,0,0,.32);transform:translateX(-50%)}
.sio-dock-cavity::after{display:none}
.sio-live-dock .quick-dock-icon{z-index:2;left:48%!important;bottom:7px!important;width:40px!important;height:40px!important;transform:translateX(-50%)!important}
.sio-live-dock .quick-dock-icon::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:20px;height:20px;border:1px solid rgba(126,235,255,.64);border-radius:50%;background:radial-gradient(circle,rgba(103,226,255,.32) 0,rgba(62,190,235,.1) 44%,transparent 66%);box-shadow:0 0 12px rgba(93,222,255,.42),inset 0 0 10px rgba(93,222,255,.22);transform:translate(-50%,-50%);animation:sioDockPulseRing 2.45s ease-out infinite}
.sio-live-dock .quick-dock-icon::after{content:"";position:absolute;z-index:-2;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:rgba(103,226,255,.5);box-shadow:0 0 16px rgba(93,222,255,.72);transform:translate(-50%,-50%);animation:sioDockCorePulse 2.45s ease-in-out infinite}
.sio-live-dock .quick-dock-charge{display:none!important}
.sio-live-dock .quick-dock-charge::before,.sio-live-dock .quick-dock-charge::after,.sio-live-dock .quick-dock-charge i{display:none!important}
.sio-live-dock .sio-guide-dot,.sio-live-dock.is-guide-pending .sio-guide-dot{display:none!important}
.sio-live-dock.is-guide-pending .quick-dock-icon::before{animation-duration:1.9s;border-color:rgba(157,244,255,.86);box-shadow:0 0 16px rgba(93,222,255,.58),inset 0 0 12px rgba(93,222,255,.28)}
@keyframes sioDockPulseRing{0%{opacity:.76;transform:translate(-50%,-50%) scale(.62)}58%{opacity:.28;transform:translate(-50%,-50%) scale(1.72)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.05)}}
@keyframes sioDockCorePulse{0%,100%{opacity:.42;transform:translate(-50%,-50%) scale(.75)}50%{opacity:.82;transform:translate(-50%,-50%) scale(1.12)}}
@keyframes sioDockCell{0%,100%{opacity:.28;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}
@keyframes sioIdleRingPulse{0%,100%{opacity:.68;transform:scale(1)}50%{opacity:.96;transform:scale(1.025)}}
@keyframes sioIdleRingFull{0%,100%{box-shadow:0 0 0 1px rgba(126,232,255,.2),0 0 18px rgba(74,218,255,.2);transform:scale(1)}50%{box-shadow:0 0 0 1px rgba(162,247,255,.44),0 0 26px rgba(74,218,255,.58);transform:scale(1.035)}}
.sio-live-dock.is-scene-away .quick-dock-icon,body.sio-dock-empty .sio-live-dock .quick-dock-icon{opacity:0!important;transform:translateX(-50%) scale(.25)!important;filter:brightness(3);pointer-events:none}
.sio-live-dock.is-scene-away .quick-dock-icon::before,.sio-live-dock.is-scene-away .quick-dock-icon::after,body.sio-dock-empty .sio-live-dock .quick-dock-icon::before,body.sio-dock-empty .sio-live-dock .quick-dock-icon::after{animation-play-state:paused;opacity:0!important}
.sio-live-dock.is-scene-away .sio-dock-cavity,body.sio-dock-empty .sio-live-dock .sio-dock-cavity{box-shadow:inset 0 5px 10px rgba(0,0,0,.55),0 0 12px rgba(58,191,236,.28)}.sio-live-dock.is-scene-away .sio-dock-cavity::before,body.sio-dock-empty .sio-live-dock .sio-dock-cavity::before{content:"LEER";position:absolute;left:50%;top:13px;color:#86dff8;font-size:6px;font-weight:800;letter-spacing:.12em;transform:translateX(-50%)}
.sio-test-bar{position:fixed;z-index:2147483600;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;max-width:calc(100vw - 24px);padding:7px 9px;border:1px solid rgba(126,220,255,.28);border-radius:18px;color:#eafaff;background:linear-gradient(145deg,rgba(5,31,45,.78),rgba(4,16,24,.62));box-shadow:0 16px 42px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(18px);overflow-x:auto;scrollbar-width:thin;transition:max-width .22s ease,padding .22s ease,background .22s ease}
.sio-test-bar::-webkit-scrollbar{height:5px}.sio-test-bar::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(113,223,255,.38)}
.sio-test-tools{display:flex;align-items:center;gap:6px}
.sio-test-toggle{order:99;display:flex!important;align-items:center;gap:7px;background:rgba(65,214,255,.12)!important}
.sio-test-toggle span{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sio-test-toggle b{font-size:13px;line-height:1;transition:transform .18s ease}
.sio-test-bar.is-collapsed{max-width:148px;overflow:hidden;background:linear-gradient(145deg,rgba(5,31,45,.82),rgba(4,16,24,.7))}
.sio-test-bar.is-collapsed .sio-test-tools{display:none}
.sio-test-bar.is-collapsed .sio-test-toggle b{transform:rotate(180deg)}
.sio-test-bar button{flex:0 0 auto;height:30px;padding:0 10px;border:1px solid rgba(126,220,255,.24);border-radius:12px;color:#eafaff;background:rgba(255,255,255,.07);font-size:11px;font-weight:750;cursor:pointer;white-space:nowrap}
.sio-test-bar button:hover,.sio-test-bar button:focus-visible{border-color:rgba(65,214,255,.72);background:rgba(65,214,255,.16);outline:none}
.sio-test-bar button.is-warning{border-color:rgba(255,213,114,.46);background:rgba(255,185,54,.13)}
.sio-test-bar button.is-danger{border-color:rgba(255,145,145,.36);background:rgba(255,90,90,.1)}
.sio-test-bar i{flex:0 0 1px;width:1px;height:20px;background:rgba(126,220,255,.2)}

.sio-dashboard-live-open #searchbar_div,.sio-daily-summary-open #searchbar_div{position:fixed!important;z-index:2147483502!important;top:calc(var(--dashboard-panel-bottom,620px) + 12px)!important;left:0!important;right:0!important;width:100%!important;transition:top .35s cubic-bezier(.2,.8,.2,1)}
.sio-daily-summary-open #searchbar_div{z-index:2147483000!important}
.sio-daily-summary-open #div_link_ul{z-index:2147482990!important}
.sio-dashboard-live-open .sio-search-row,.sio-daily-summary-open .sio-search-row{width:min(760px,calc(100vw - 28px));padding:5px 7px;border:1px solid rgba(126,220,255,.2);border-radius:18px;background:rgba(5,29,42,.26);box-shadow:0 12px 30px rgba(0,0,0,.16);backdrop-filter:blur(8px)}
.sio-dashboard-live-open .sio-live-menu,.sio-daily-summary-open .sio-live-menu{top:auto;bottom:0;transform:none}
.sio-dashboard-live-open .sio-chat-panel,.sio-daily-summary-open .sio-chat-panel{bottom:calc(100% + 9px);max-height:min(390px,48vh)}

/* SiO-Aktivitäten finden sichtbar auf der echten Suchleiste statt. */
.sio-live-scene{--scene-duration:8s;position:absolute;z-index:8;left:66px;top:-41px;width:78px;height:80px;pointer-events:none;opacity:0;filter:brightness(3) blur(5px);transform:scale(.15)}
.sio-live-scene.is-active{opacity:1;filter:none;transform:none;animation:sioSceneWarp .4s ease both}
.sio-live-scene.is-warping-in{animation:sioSceneWarp .4s ease both}.sio-live-scene.is-warping-home{animation:sioSceneWarpHome .26s ease both}
.sio-live-scene.is-playcanvas-scene{width:310px;height:142px;top:-106px;background:transparent}.sio-playcanvas-canvas{display:block;width:310px;height:142px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.32));pointer-events:none}
.sio-live-scene.is-playcanvas-scene[data-scene="ball-play"]{left:64px;right:18px;width:auto;height:178px;top:-142px}.sio-live-scene.is-playcanvas-scene[data-scene="ball-play"] .sio-playcanvas-canvas{width:100%;height:178px}
.sio-live-scene.is-playcanvas-scene[data-scene="visitor-sio"]{left:84px;width:260px;height:190px;top:-158px}.sio-live-scene.is-playcanvas-scene[data-scene="visitor-sio"] .sio-playcanvas-canvas{width:260px;height:190px;filter:drop-shadow(0 14px 18px rgba(0,0,0,.36)) drop-shadow(0 0 14px rgba(70,218,255,.18))}
.sio-live-scene.is-playcanvas-scene[data-scene="cuddle-sio"]{left:84px;width:270px;height:198px;top:-166px}.sio-live-scene.is-playcanvas-scene[data-scene="cuddle-sio"] .sio-playcanvas-canvas{width:270px;height:198px;filter:drop-shadow(0 16px 18px rgba(0,0,0,.34)) drop-shadow(0 0 16px rgba(128,234,255,.2))}
.sio-live-scene-figure{position:absolute;left:5px;top:0;display:block;width:46px;height:46px;filter:drop-shadow(0 7px 7px rgba(0,0,0,.35));transform-origin:50% 85%}
.sio-live-scene-prop{position:absolute;z-index:3;left:42px;top:19px;width:31px;height:31px;font-size:26px;font-style:normal;line-height:1;filter:drop-shadow(0 4px 3px rgba(0,0,0,.3));transform-origin:18% 78%}
.sio-live-scene small{position:absolute;left:4px;top:49px;width:max-content;max-width:190px;padding:4px 7px;border:1px solid rgba(118,221,255,.38);border-radius:8px;color:#eafaff;background:rgba(5,38,54,.88);box-shadow:0 6px 18px rgba(0,0,0,.28);font-size:9px;white-space:nowrap}
.sio-live-scene[data-scene="clean"]{animation:sioSceneWarp .4s ease both,sioLiveCleanTravel 8.6s .35s ease-in-out both}.sio-live-scene[data-scene="clean"] .sio-live-scene-prop::before{content:"🧹"}.sio-live-scene[data-scene="clean"] .sio-live-scene-prop{animation:sioLiveBroom .75s .45s ease-in-out 11}.sio-live-scene[data-scene="clean"] .sio-live-scene-figure{animation:sioLiveCleaningBody .75s .45s ease-in-out 11}
.sio-live-scene[data-scene="wave"]{left:62px;top:-42px}.sio-live-scene[data-scene="wave"] .sio-live-scene-prop::before{content:"👋"}.sio-live-scene[data-scene="wave"] .sio-live-scene-prop{left:40px;top:11px;animation:sioLiveWaveHand .72s .38s ease-in-out 7}.sio-live-scene[data-scene="wave"] .sio-live-scene-figure{animation:sioLiveWaveBody 1.4s .25s ease-in-out 4}
.sio-live-scene[data-scene="welcome"]{left:62px;top:-42px}.sio-live-scene[data-scene="welcome"] .sio-live-scene-prop::before{content:"👋"}.sio-live-scene[data-scene="welcome"] .sio-live-scene-prop{left:40px;top:11px;animation:sioLiveWaveHand .72s .38s ease-in-out 7}.sio-live-scene[data-scene="welcome"] .sio-live-scene-figure{animation:sioLiveWaveBody 1.4s .25s ease-in-out 4}
.sio-live-scene.is-first-welcome small{display:none}
.sio-live-scene[data-scene="news"]{left:39%}.sio-live-scene[data-scene="news"] .sio-live-scene-prop::before{content:"📰"}.sio-live-scene[data-scene="news"] .sio-live-scene-prop{animation:sioLiveRead 2.4s ease-in-out infinite}
.sio-live-scene[data-scene="sun"]{left:67%}.sio-live-scene[data-scene="sun"] .sio-live-scene-prop::before{content:"⛱️"}.sio-live-scene[data-scene="sun"] .sio-live-scene-figure{animation:sioLiveRelax 3.4s ease-in-out infinite}
.sio-live-scene[data-scene="rain"]{animation:sioSceneWarp .4s ease both,sioLiveRainTravel 8.6s .35s linear both}.sio-live-scene[data-scene="rain"] .sio-live-scene-prop::before{content:"☂️"}.sio-live-scene[data-scene="rain"] .sio-live-scene-figure{animation:sioLiveWalk .52s ease-in-out infinite}
.sio-live-scene[data-scene="rain-delight"]{left:54px;top:-76px;width:176px;height:124px;animation:sioSceneWarp .4s ease both,sioRainJoyTravel 10.5s .35s cubic-bezier(.42,0,.25,1) infinite}.sio-live-scene[data-scene="rain-delight"] .sio-live-scene-prop{display:none}.sio-live-scene[data-scene="rain-delight"] .sio-live-scene-figure{z-index:4;left:34px;top:47px;width:50px;height:50px;animation:sioRainJoyBody 1.8s ease-in-out infinite}.sio-live-scene[data-scene="rain-delight"] small{left:16px;top:96px}.sio-live-rain{display:none}.sio-live-puddle,.sio-live-splash,.sio-live-umbrella-svg{display:none}.sio-live-scene[data-scene="rain-delight"] .sio-live-umbrella-svg{position:absolute;z-index:6;left:21px;top:15px;display:block;width:76px;height:52px;transform-origin:48% 82%;filter:drop-shadow(0 7px 7px rgba(0,0,0,.3));animation:sioRainUmbrella 1.25s ease-in-out infinite}.sio-live-umbrella-svg::before{content:"";position:absolute;left:4px;top:0;width:68px;height:34px;border:1px solid rgba(178,250,255,.68);border-radius:70px 70px 18px 18px;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.9),rgba(123,235,255,.78) 21%,rgba(29,151,221,.9) 55%,rgba(11,73,128,.96) 100%);box-shadow:inset 0 4px 10px rgba(255,255,255,.26),0 0 18px rgba(76,222,255,.34)}.sio-live-umbrella-svg::after{content:"";position:absolute;left:14px;top:26px;width:47px;height:10px;border-radius:0 0 50% 50%;background:repeating-radial-gradient(ellipse at 50% 0,rgba(5,43,76,.28) 0 8px,transparent 9px 15px);opacity:.58}.sio-live-umbrella-svg i{position:absolute;left:37px;top:28px;width:3px;height:27px;border-radius:99px;background:linear-gradient(#d9fbff,#78dfff);box-shadow:0 0 8px rgba(110,232,255,.6)}.sio-live-umbrella-svg b{position:absolute;left:35px;top:50px;width:15px;height:12px;border-right:3px solid #9ff2ff;border-bottom:3px solid #9ff2ff;border-radius:0 0 12px 0}.sio-live-scene[data-scene="rain-delight"] .sio-live-rain{position:absolute;z-index:1;display:block;inset:-18px -8px 12px -10px;overflow:hidden}.sio-live-scene[data-scene="rain-delight"] .sio-live-rain i{position:absolute;top:-18px;width:2px;height:18px;border-radius:99px;background:linear-gradient(180deg,transparent,#bdf8ff);opacity:.72;transform:rotate(15deg);animation:sioRainDrop .82s linear infinite}.sio-live-scene[data-scene="rain-delight"] .sio-live-rain i:nth-child(1){left:8px;animation-delay:.05s}.sio-live-scene[data-scene="rain-delight"] .sio-live-rain i:nth-child(2){left:25px;animation-delay:.22s}.sio-live-scene[data-scene="rain-delight"] .sio-live-rain i:nth-child(3){left:43px;animation-delay:.39s}.sio-live-scene[data-scene="rain-delight"] .sio-live-rain i:nth-child(4){left:62px;animation-delay:.12s}.sio-live-scene[data-scene="rain-delight"] .sio-live-rain i:nth-child(5){left:83px;animation-delay:.31s}.sio-live-scene[data-scene="rain-delight"] .sio-live-rain i:nth-child(6){left:103px;animation-delay:.48s}.sio-live-scene[data-scene="rain-delight"] .sio-live-rain i:nth-child(7){left:124px;animation-delay:.18s}.sio-live-scene[data-scene="rain-delight"] .sio-live-rain i:nth-child(8){left:148px;animation-delay:.57s}.sio-live-scene[data-scene="rain-delight"] .sio-live-puddle{position:absolute;z-index:2;display:block;top:91px;width:46px;height:10px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(152,239,255,.7),rgba(50,174,221,.3) 55%,transparent 72%);box-shadow:0 0 12px rgba(82,222,255,.32);transform:scaleX(.72);opacity:.65}.sio-live-scene[data-scene="rain-delight"] .sio-live-puddle.one{left:28px;animation:sioPuddlePulse 1.8s ease-in-out infinite}.sio-live-scene[data-scene="rain-delight"] .sio-live-puddle.two{left:102px;animation:sioPuddlePulse 1.8s .72s ease-in-out infinite}.sio-live-scene[data-scene="rain-delight"] .sio-live-splash{position:absolute;z-index:5;left:38px;top:70px;display:block;width:76px;height:36px;animation:sioSplashMove 1.8s ease-in-out infinite}.sio-live-scene[data-scene="rain-delight"] .sio-live-splash i{position:absolute;left:30px;bottom:0;width:6px;height:6px;border-radius:50%;background:#aef6ff;box-shadow:0 0 8px rgba(120,235,255,.6);opacity:0;animation:sioSplashDrop 1.8s ease-out infinite}.sio-live-scene[data-scene="rain-delight"] .sio-live-splash i:nth-child(1){--sx:-27px;--sy:-18px;animation-delay:.15s}.sio-live-scene[data-scene="rain-delight"] .sio-live-splash i:nth-child(2){--sx:-12px;--sy:-27px;animation-delay:.18s}.sio-live-scene[data-scene="rain-delight"] .sio-live-splash i:nth-child(3){--sx:12px;--sy:-25px;animation-delay:.2s}.sio-live-scene[data-scene="rain-delight"] .sio-live-splash i:nth-child(4){--sx:28px;--sy:-15px;animation-delay:.23s}.sio-live-scene[data-scene="rain-delight"] .sio-live-splash i:nth-child(5){--sx:-36px;--sy:-10px;animation-delay:.28s}.sio-live-scene[data-scene="rain-delight"] .sio-live-splash i:nth-child(6){--sx:36px;--sy:-11px;animation-delay:.31s}
.sio-live-scene[data-scene="ball-play"]{left:64px;right:24px;top:-108px;width:auto;height:146px;animation:sioSceneWarp .4s ease both}.sio-live-scene[data-scene="ball-play"] small,.sio-live-scene[data-scene="ball-play"] .sio-live-scene-prop{display:none}.sio-live-scene[data-scene="ball-play"] .sio-live-scene-figure{z-index:5;left:8px;top:64px;width:50px;height:50px;animation:sioBallSioPlay 6.8s .35s cubic-bezier(.42,0,.22,1) infinite}.sio-live-ball-lane{position:absolute;z-index:0;left:12px;right:12px;top:106px;height:10px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(8,20,28,.3),transparent 66%);filter:blur(1px);opacity:.65}.sio-live-ball{position:absolute;z-index:6;left:54px;top:70px;width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff3a7 0 13%,#ffe054 18%,#d8a908 63%,#8d6800 100%);box-shadow:0 5px 9px rgba(0,0,0,.35),0 0 10px rgba(255,217,54,.44);animation:sioBallFlight 6.8s .35s cubic-bezier(.36,0,.25,1) infinite}.sio-live-ball::before{content:"";position:absolute;inset:3px;border-radius:50%;border-top:1px solid rgba(255,255,255,.55);transform:rotate(-25deg)}.sio-live-ball-shadow{position:absolute;z-index:1;left:55px;top:106px;width:28px;height:7px;border-radius:50%;background:rgba(0,0,0,.28);filter:blur(2px);animation:sioBallShadow 6.8s .35s cubic-bezier(.36,0,.25,1) infinite}.sio-live-ball-trail{position:absolute;z-index:4;inset:0}.sio-live-ball-trail i{position:absolute;width:18px;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,rgba(130,238,255,.8),transparent);filter:blur(.2px);opacity:0;animation:sioBallTrail 6.8s .35s linear infinite}.sio-live-ball-trail i:nth-child(1){top:76px;animation-delay:.46s}.sio-live-ball-trail i:nth-child(2){top:66px;animation-delay:.54s}.sio-live-ball-trail i:nth-child(3){top:84px;animation-delay:.61s}.sio-live-ball-warp{position:absolute;z-index:3;top:72px;width:18px;height:18px;border:1px solid rgba(155,240,255,.92);border-radius:50%;background:radial-gradient(circle,rgba(223,254,255,.96),rgba(65,211,255,.3) 42%,transparent 72%);box-shadow:0 0 18px rgba(83,222,255,.9),0 0 42px rgba(83,222,255,.42);opacity:0;transform:translate(-50%,-50%) scale(.25);animation:sioBallWarpPulse 6.8s .35s ease-out infinite}.sio-live-ball-warp::before,.sio-live-ball-warp::after{content:"";position:absolute;inset:-12px;border:2px solid rgba(116,228,255,.42);border-radius:50%;transform:scale(1);opacity:.9}.sio-live-ball-warp::after{inset:-23px;opacity:.55}.sio-live-ball-warp-left{left:32px}.sio-live-ball-warp-right{left:calc(100% - 42px);animation-name:sioBallWarpPulseRight}.sio-live-ball-sparks{position:absolute;z-index:7;inset:0}.sio-live-ball-sparks i{position:absolute;width:5px;height:5px;border-radius:50%;background:#c9fbff;box-shadow:0 0 10px rgba(99,226,255,.9);opacity:0;animation:sioBallSpark 6.8s .35s ease-out infinite}.sio-live-ball-sparks i:nth-child(1){left:28px;top:75px;--sx:-18px;--sy:-15px}.sio-live-ball-sparks i:nth-child(2){left:39px;top:67px;--sx:16px;--sy:-18px}.sio-live-ball-sparks i:nth-child(3){left:calc(100% - 45px);top:75px;--sx:-18px;--sy:-16px;animation-name:sioBallSparkRight}.sio-live-ball-sparks i:nth-child(4){left:calc(100% - 35px);top:67px;--sx:18px;--sy:-19px;animation-name:sioBallSparkRight}
.sio-live-scene.is-idle-action[data-scene="rain"]{animation:sioSceneWarp .4s ease both,sioLiveRainTravel 10.5s .35s linear infinite}
.sio-live-scene.is-idle-action[data-scene="rain-delight"]{animation:sioSceneWarp .4s ease both,sioRainJoyTravel 10.5s .35s cubic-bezier(.42,0,.25,1) infinite}
.sio-live-scene.is-idle-action[data-scene="sun"]{left:67%;top:-44px}
@keyframes sioSceneWarp{from{opacity:0;filter:brightness(3) blur(5px);transform:scale(.12)}65%{opacity:1;filter:brightness(1.5);transform:scale(1.12)}to{filter:none;transform:none}}
@keyframes sioSceneWarpHome{from{opacity:1;filter:none;transform:scale(1)}to{opacity:0;filter:brightness(3) blur(7px);transform:scale(.15)}}
@keyframes sioLiveCleanTravel{0%,100%{left:66px;top:-41px}30%{left:30%;top:-41px}58%{left:59%;top:-41px}82%{left:calc(100% - 92px);top:-41px}}
@keyframes sioLiveRainTravel{0%{left:66px;top:-41px}88%{left:calc(100% - 92px);top:-41px}100%{left:66px;top:-41px}}
@keyframes sioLiveBroom{0%,100%{transform:rotate(-38deg) translate(-4px,-3px)}50%{transform:rotate(48deg) translate(8px,7px)}}
@keyframes sioLiveCleaningBody{0%,100%{transform:rotate(-4deg) translateX(-2px)}50%{transform:rotate(4deg) translateX(3px)}}
@keyframes sioLiveWaveHand{0%,100%{transform:rotate(-18deg) translate(-1px,0) scale(1)}50%{transform:rotate(24deg) translate(3px,-3px) scale(1.08)}}
@keyframes sioLiveWaveBody{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-4px) rotate(-3deg)}}
@keyframes sioLiveRead{50%{transform:rotate(-6deg) scale(1.08)}}
@keyframes sioLiveRelax{50%{transform:translateY(5px) rotate(-8deg)}}
@keyframes sioLiveWalk{50%{transform:translateY(-4px) rotate(2deg)}}
@keyframes sioRainJoyTravel{0%{left:54px;top:-76px}16%{left:18%;top:-79px}30%{left:31%;top:-72px}44%{left:45%;top:-82px}58%{left:58%;top:-73px}74%{left:calc(100% - 210px);top:-78px}88%{left:42%;top:-74px}100%{left:54px;top:-76px}}
@keyframes sioRainJoyBody{0%,100%{transform:translateY(0) rotate(-3deg) scale(1)}16%{transform:translateY(-5px) rotate(4deg) scale(1.03)}30%{transform:translateY(4px) rotate(-6deg) scale(.98,1.04)}44%{transform:translateY(-8px) rotate(7deg) scale(1.04)}56%{transform:translateY(-4px) rotate(0) scaleX(.78) scaleY(1.04)}64%{transform:translateY(-5px) rotate(-4deg) scaleX(-.92) scaleY(1.02)}72%{transform:translateY(-2px) rotate(4deg) scaleX(-1) scaleY(1)}82%{transform:translateY(1px) rotate(-3deg) scale(.99,1.02)}90%{transform:translateY(-3px) rotate(3deg) scale(1.02)}}
@keyframes sioRainUmbrella{0%,100%{transform:rotate(-5deg) translate(-3px,0)}35%{transform:rotate(8deg) translate(4px,-4px)}65%{transform:rotate(-10deg) translate(-1px,-2px)}}
@keyframes sioRainDrop{to{transform:translate(15px,92px) rotate(15deg);opacity:0}}
@keyframes sioPuddlePulse{0%,100%{opacity:.45;transform:scaleX(.62) scaleY(.8)}42%{opacity:.9;transform:scaleX(1.08) scaleY(1.05)}}
@keyframes sioSplashDrop{0%,48%{opacity:0;transform:translate(0,0) scale(.7)}56%{opacity:1}100%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.2)}}
@keyframes sioSplashMove{0%,100%{transform:translateX(0)}35%{transform:translateX(18px)}68%{transform:translateX(46px)}}
@keyframes sioBallSioPlay{0%,4%{left:8px;top:64px;opacity:1;filter:drop-shadow(0 7px 7px rgba(0,0,0,.35));transform:translateY(0) rotate(0) scale(1)}7%{left:25px;top:61px;transform:translateY(-4px) rotate(-9deg) scale(1.05)}10%{left:39px;top:66px;transform:translateY(2px) rotate(11deg) scale(.97,1.05)}13%{left:27px;top:70px;opacity:0;filter:brightness(3) blur(5px);transform:scale(.15)}18%{left:calc(100% - 58px);top:70px;opacity:0;filter:brightness(3) blur(5px);transform:scale(.15)}22%{left:calc(100% - 66px);top:62px;opacity:1;filter:brightness(1.45) drop-shadow(0 0 10px rgba(83,222,255,.45));transform:scale(1.1)}23%,41%{left:calc(100% - 66px);top:62px;opacity:1;filter:drop-shadow(0 7px 7px rgba(0,0,0,.35));transform:translateY(0) rotate(0) scale(1)}45%{left:calc(100% - 84px);top:60px;transform:translateY(-4px) rotate(10deg) scale(1.05)}49%{left:calc(100% - 98px);top:67px;transform:translateY(2px) rotate(-11deg) scale(.97,1.05)}52%{left:calc(100% - 48px);top:70px;opacity:0;filter:brightness(3) blur(5px);transform:scale(.15)}57%{left:28px;top:70px;opacity:0;filter:brightness(3) blur(5px);transform:scale(.15)}61%{left:8px;top:64px;opacity:1;filter:brightness(1.45) drop-shadow(0 0 10px rgba(83,222,255,.45));transform:scale(1.08)}62%,100%{left:8px;top:64px;opacity:1;filter:drop-shadow(0 7px 7px rgba(0,0,0,.35));transform:translateY(0) rotate(0) scale(1)}}
@keyframes sioBallFlight{0%,9%{left:54px;top:74px;transform:scale(1) rotate(0)}22%{left:34%;top:43px;transform:scale(1.06) rotate(210deg)}39%{left:calc(100% - 78px);top:70px;transform:scale(.96) rotate(520deg)}47%{left:calc(100% - 62px);top:72px;transform:scale(1) rotate(650deg)}60%{left:64%;top:43px;transform:scale(1.06) rotate(880deg)}78%{left:68px;top:74px;transform:scale(.96) rotate(1200deg)}86%,100%{left:54px;top:74px;transform:scale(1) rotate(1360deg)}}
@keyframes sioBallShadow{0%,9%{left:56px;top:108px;opacity:.32;transform:scaleX(.8)}22%{left:34%;top:108px;opacity:.1;transform:scaleX(.42)}39%,47%{left:calc(100% - 74px);top:108px;opacity:.34;transform:scaleX(.9)}60%{left:64%;top:108px;opacity:.1;transform:scaleX(.42)}78%{left:68px;top:108px;opacity:.35;transform:scaleX(.9)}86%,100%{left:56px;top:108px;opacity:.28;transform:scaleX(.75)}}
@keyframes sioBallTrail{0%,9%,45%,86%,100%{opacity:0;left:54px;transform:translateX(0) scaleX(.4)}17%{opacity:.8;left:22%;transform:translateX(-12px) scaleX(1.25)}33%{opacity:.48;left:calc(100% - 130px);transform:translateX(-16px) scaleX(1.55)}55%{opacity:.76;left:62%;transform:translateX(12px) scaleX(1.3) rotate(180deg)}72%{opacity:.48;left:116px;transform:translateX(15px) scaleX(1.55) rotate(180deg)}}
@keyframes sioBallWarpPulse{0%,10%,55%,100%{opacity:0;transform:translate(-50%,-50%) scale(.2)}12%{opacity:1;transform:translate(-50%,-50%) scale(.9)}16%{opacity:0;transform:translate(-50%,-50%) scale(2.3)}57%{opacity:1;transform:translate(-50%,-50%) scale(.85)}61%{opacity:0;transform:translate(-50%,-50%) scale(2.2)}}@keyframes sioBallWarpPulseRight{0%,17%,49%,100%{opacity:0;transform:translate(-50%,-50%) scale(.2)}20%{opacity:1;transform:translate(-50%,-50%) scale(.9)}24%{opacity:0;transform:translate(-50%,-50%) scale(2.3)}51%{opacity:1;transform:translate(-50%,-50%) scale(.85)}55%{opacity:0;transform:translate(-50%,-50%) scale(2.2)}}
@keyframes sioBallSpark{0%,9%,55%,100%{opacity:0;transform:translate(0,0) scale(.4)}12%,57%{opacity:1}18%,64%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.1)}}@keyframes sioBallSparkRight{0%,18%,49%,100%{opacity:0;transform:translate(0,0) scale(.4)}21%,51%{opacity:1}28%,58%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.1)}}

/* Das alte lange Seitenmenü bleibt als Datenquelle erhalten, ist aber nicht mehr sichtbar. */
#mySidenav{display:none!important}
.sio-modern-settings{position:fixed;z-index:2147482500;top:12px;right:12px;width:min(420px,calc(100vw - 24px));max-height:calc(100vh - 24px);border:1px solid rgba(101,212,250,.45);border-radius:22px;color:#eefaff;background:linear-gradient(160deg,rgba(var(--start-scheme-rgb,4,34,49),var(--start-tool-alpha,.92)),rgba(var(--start-scheme-rgb,4,48,65),var(--start-tool-alpha,.92)));box-shadow:0 25px 80px rgba(0,0,0,.5);font-family:"Segoe UI",Arial,sans-serif;overflow:hidden;backdrop-filter:blur(24px)}
.sio-modern-settings[hidden]{display:none}
.sio-modern-settings>header{display:flex;align-items:center;justify-content:space-between;padding:22px 18px 14px}
.sio-modern-settings>header small{display:block;color:#9fc9d8;font-size:12px}.sio-modern-settings>header h2{margin:7px 0 0;color:#fff;font-size:25px}
.sio-modern-settings>header button{width:34px;height:34px;border:1px solid rgba(151,222,248,.28);border-radius:10px;color:#fff;background:rgba(255,255,255,.06);cursor:pointer}
.sio-settings-scroll{max-height:calc(100vh - 102px);padding:0 18px 20px;overflow:auto}
.sio-modern-settings section{margin:0 0 17px;padding:0;border:0;background:transparent}
.sio-modern-settings .sio-settings-card{margin-bottom:14px;padding:14px;border:1px solid rgba(105,205,241,.18);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(25,102,129,.055));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.sio-settings-card-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:13px;padding-bottom:11px;border-bottom:1px solid rgba(126,210,239,.13)}
.sio-settings-card-icon{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border:1px solid rgba(107,215,250,.3);border-radius:10px;color:#bcefff;background:rgba(31,151,191,.15);font-size:13px;font-weight:800}
.sio-settings-card-head>div{min-width:0;flex:1}.sio-settings-card-head h3{margin:0!important;color:#fff!important;font-size:15px!important;font-weight:750!important}.sio-settings-card-head p{margin:3px 0 0;color:#8fb5c3;font-size:10px;line-height:1.35}
.sio-cloud-info{display:grid;flex:0 0 24px;width:24px;height:24px;margin-left:auto;place-items:center;border:1px solid rgba(111,224,255,.38);border-radius:50%;color:#bff5ff;background:rgba(34,137,174,.16);font-size:13px;font-weight:900;line-height:1;cursor:help;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.sio-cloud-info:hover,.sio-cloud-info:focus-visible{border-color:#72e4ff;color:#fff;background:rgba(35,171,219,.28);outline:none;box-shadow:0 0 0 3px rgba(99,220,255,.12),inset 0 1px rgba(255,255,255,.12)}
.sio-settings-fields{display:grid;gap:12px}
.sio-modern-settings section>label,.sio-setting-grid label{display:block;color:#bfd9e3;font-size:12px}
.sio-modern-settings select{width:100%;height:41px;margin-top:7px;padding:0 12px;border:1px solid rgba(107,206,240,.35);border-radius:10px;color:#fff;background:#124b61;outline:none}
.sio-modern-settings section>label+label{margin-top:14px}
.sio-modern-settings h3{margin:0 0 9px;color:#bcd7e2;font-size:12px;font-weight:500}
.sio-setting-grid{display:grid;gap:7px}.sio-setting-grid.two{grid-template-columns:1fr 1fr}.sio-setting-grid.three{grid-template-columns:repeat(3,1fr)}
.sio-setting-grid button{min-height:40px;padding:8px;border:1px solid rgba(104,213,249,.4);border-radius:10px;color:#eaf9ff;background:rgba(38,112,139,.2);cursor:pointer}.sio-setting-grid button:hover{background:rgba(40,151,190,.34)}
.sio-background-actions{display:grid;grid-template-columns:1fr 1fr 1fr 44px;gap:7px}
.sio-background-actions button{min-height:40px;padding:8px;border:1px solid rgba(104,213,249,.4);border-radius:10px;color:#eaf9ff;background:rgba(38,112,139,.2);cursor:pointer;font-weight:750}
.sio-background-actions button:hover{background:rgba(40,151,190,.34)}
.sio-background-actions button.is-active{border-color:#65dfff;color:#fff;background:linear-gradient(135deg,rgba(31,184,232,.48),rgba(72,219,255,.18));box-shadow:0 0 0 2px rgba(74,210,255,.12),inset 0 1px rgba(255,255,255,.18)}
.sio-background-actions .sio-background-reload{display:grid;min-width:44px;padding:0;place-items:center;border-color:rgba(114,226,255,.58);border-radius:50%;background:rgba(42,164,210,.22);font-size:20px;line-height:1}
.sio-background-actions .sio-background-reload:hover{background:rgba(56,190,236,.36);transform:rotate(22deg)}
.sio-setting-switches{display:grid;gap:8px}.sio-setting-switches label{display:flex!important;align-items:center;justify-content:space-between;padding:11px;border:1px solid rgba(108,204,238,.18);border-radius:12px;background:rgba(255,255,255,.035)}
.sio-setting-switches label span{display:flex;flex-direction:column}.sio-setting-switches label b{color:#fff;font-size:13px}.sio-setting-switches label small{margin-top:3px;color:#8fb8c7;font-size:10px}.sio-setting-switches input{width:19px;height:19px;accent-color:#20b8e9}
.sio-setting-switches .sio-cloud-flip-row{gap:14px;cursor:pointer}.sio-setting-switches .sio-cloud-flip-row>span:first-child{min-width:0}
.sio-setting-switches .sio-cloud-device-row{margin-top:2px;padding-top:12px;border-top:1px solid rgba(108,204,238,.12);background:linear-gradient(145deg,rgba(51,147,185,.07),rgba(255,255,255,.025))}
.sio-setting-switches .sio-cloud-device-row small{color:#a5c8d4}
.sio-modern-cloud-card:not(.is-cloud-active) .sio-cloud-device-row{opacity:.88}
.sio-modern-cloud-card.is-cloud-device-sync .sio-cloud-device-row{border-color:rgba(114,228,255,.3);background:linear-gradient(145deg,rgba(36,174,221,.14),rgba(255,255,255,.035))}
.sio-cloud-flip{position:relative!important;display:grid!important;grid-template-columns:48px 42px!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;min-width:98px!important;height:34px!important;padding:0!important;border:0!important;background:transparent!important}
.sio-cloud-flip input{position:absolute!important;inset:0!important;width:48px!important;height:34px!important;margin:0!important;opacity:0!important;cursor:pointer!important;z-index:2!important}
.sio-cloud-flip i{position:relative!important;display:block!important;width:48px!important;height:26px!important;border:1px solid rgba(133,198,215,.36)!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(11,39,53,.95),rgba(14,65,82,.8))!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.03)!important;transition:border-color .18s,background .18s,box-shadow .18s!important}
.sio-cloud-flip i::before{content:""!important;position:absolute!important;left:3px!important;top:3px!important;width:18px!important;height:18px!important;border-radius:50%!important;background:linear-gradient(145deg,#dcebf0,#86a7b2)!important;box-shadow:0 2px 6px rgba(0,0,0,.35)!important;transition:transform .2s ease,background .18s,box-shadow .18s!important}
.sio-cloud-flip em{display:block!important;color:#9fc6d6!important;font-style:normal!important;font-size:11px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.sio-cloud-flip input:checked+i{border-color:#69e2ff!important;background:linear-gradient(180deg,rgba(31,180,226,.95),rgba(14,107,143,.86))!important;box-shadow:0 0 16px rgba(80,220,255,.22),inset 0 1px rgba(255,255,255,.2)!important}
.sio-cloud-flip input:checked+i::before{transform:translateX(22px)!important;background:linear-gradient(145deg,#ffffff,#bdf5ff)!important;box-shadow:0 0 13px rgba(126,235,255,.72),0 2px 6px rgba(0,0,0,.32)!important}
.sio-cloud-flip input:checked~em{color:#72e4ff!important}
.sio-cloud-flip input:focus-visible+i{outline:2px solid rgba(126,232,255,.78)!important;outline-offset:3px!important}
.sio-modern-cloud-card.is-cloud-active{border-color:rgba(94,218,255,.35);background:linear-gradient(145deg,rgba(31,153,193,.12),rgba(255,255,255,.045))}
.sio-modern-cloud-card.is-cloud-warning{border-color:rgba(255,198,92,.45);background:linear-gradient(145deg,rgba(179,121,28,.12),rgba(255,255,255,.035))}
.sio-modern-cloud-card.is-cloud-pending .sio-cloud-modern-state b{color:#ffe2a0}
.sio-cloud-modern-state{display:flex;align-items:center;justify-content:space-between;margin-top:2px;padding:10px 11px;border:1px solid rgba(108,204,238,.18);border-radius:12px;background:rgba(0,0,0,.1)}
.sio-cloud-modern-state span{color:#91bccb;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.sio-cloud-modern-state b{color:#75e5ff;font-size:13px}
.sio-cloud-modern-note{margin:8px 2px 0;color:#9fc6d6;font-size:10px;line-height:1.35}
.sio-cloud-fingerprint{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-top:10px;padding:9px 11px;border:1px solid rgba(108,204,238,.14);border-radius:12px;background:rgba(0,0,0,.08)}
.sio-cloud-fingerprint span{color:#91bccb;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.sio-cloud-fingerprint code{display:block;min-width:0;color:#dff9ff;background:transparent;font:700 11px/1.2 "Segoe UI",Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.sio-cloud-modern-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
.sio-cloud-modern-actions button{min-height:38px;padding:8px;border:1px solid rgba(104,213,249,.35);border-radius:10px;color:#eaf9ff;background:rgba(38,112,139,.22);font-weight:800;cursor:pointer}
.sio-cloud-modern-actions button:hover:not(:disabled),.sio-cloud-modern-actions button.is-active{border-color:#65dfff;background:rgba(31,171,221,.34)}
.sio-cloud-modern-actions button:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.4)}
.sio-inline-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px!important;padding:9px 10px;border:1px solid rgba(108,204,238,.16);border-radius:10px;background:rgba(255,255,255,.025)}.sio-inline-toggle input{flex:0 0 auto;width:18px;height:18px;accent-color:#20b8e9}.sio-inline-toggle span{min-width:0}.sio-inline-toggle b{display:block;color:#fff;font-size:12px}.sio-inline-toggle small{display:block;margin-top:2px;color:#8fb5c3;font-size:10px;line-height:1.35}
.sio-modern-sliders{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding-top:13px;border-top:1px dashed rgba(124,211,241,.16)}.sio-modern-sliders>label{display:block;min-width:0;padding:10px;border:1px solid rgba(107,202,235,.13);border-radius:10px;color:#d7edf5;background:rgba(0,0,0,.09);font-size:11px}.sio-modern-sliders>label b,.sio-modern-sliders>label small{display:block}.sio-modern-sliders>label b{font-size:11px}.sio-modern-sliders>label small{min-height:26px;margin-top:3px;color:#7fa8b7;font-size:9px;line-height:1.35}.sio-modern-sliders .slider_size{width:100%!important;margin:12px 0 3px!important}
.sio-modern-sliders>label.is-dashboard-opacity-controlled{border-color:rgba(145,174,184,.12);color:#79939d;background:rgba(0,0,0,.16);filter:saturate(.25)}
.sio-modern-sliders>label.is-dashboard-opacity-controlled small{color:#718993}
.sio-modern-sliders>label.is-dashboard-opacity-controlled .slider_size{opacity:.35;pointer-events:none}
.sio-setting-primary,.sio-setting-reset{width:100%;min-height:48px;border-radius:11px;cursor:pointer}.sio-setting-primary{border:1px solid #62d8ff;color:#fff;background:#0d8cba;font-size:16px}.sio-setting-reset{margin-top:9px;border:1px solid rgba(255,144,144,.25);color:#ffdada;background:rgba(142,43,43,.14)}
.sio-setting-note{margin:14px 0 0;color:#8eb3c1;font-size:10px}
.sio-color-scheme{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.sio-color-scheme button{display:flex;min-width:0;align-items:center;gap:8px;padding:9px 8px;border:1px solid rgba(104,213,249,.22);border-radius:11px;color:#d9eef6;background:rgba(255,255,255,.035);text-align:left;cursor:pointer}
.sio-color-scheme button>i{flex:0 0 25px;width:25px;height:25px;border:1px solid rgba(255,255,255,.24);border-radius:8px;box-shadow:inset 0 0 10px rgba(255,255,255,.08)}
.sio-color-scheme button:nth-child(1)>i{background:linear-gradient(135deg,#fff,#dceaf0)}
.sio-color-scheme button:nth-child(2)>i{background:linear-gradient(135deg,#071c28,#15506a)}
.sio-color-scheme button:nth-child(3)>i{background:conic-gradient(from 45deg,#268fc7,#36a76d,#8b50bf,#dc75ae,#268fc7)}
.sio-color-scheme button span,.sio-color-scheme button small{display:block;min-width:0}.sio-color-scheme button span{font-size:10px;font-weight:750}.sio-color-scheme button small{margin-top:2px;color:#83aab9;font-size:8px;font-weight:400;line-height:1.25}
.sio-color-scheme button.is-active{border-color:#5ed6ff;background:rgba(38,169,220,.2);box-shadow:0 0 0 2px rgba(60,193,240,.1)}.sio-color-scheme button.is-active small{color:#b8e8f8}
.sio-dashboard-color-entry{display:flex;width:100%;align-items:center;gap:10px;padding:12px;border:1px solid rgba(104,213,249,.28);border-radius:13px;color:#d9eef6;background:rgba(255,255,255,.045);text-align:left;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.08);transition:background .18s,border-color .18s,transform .18s}.sio-dashboard-color-entry:hover{border-color:#5ed6ff;background:rgba(38,169,220,.18);transform:translateY(-1px)}.sio-dashboard-color-entry i{flex:0 0 32px;width:32px;height:32px;border:1px solid rgba(255,255,255,.3);border-radius:11px;background:conic-gradient(from 45deg,#268fc7,#36a76d,#8b50bf,#dc75ae,#268fc7);box-shadow:inset 0 0 0 5px rgba(255,255,255,.1),0 8px 18px rgba(0,0,0,.2)}.sio-dashboard-color-entry span,.sio-dashboard-color-entry small{display:block}.sio-dashboard-color-entry span{font-size:12px;font-weight:800}.sio-dashboard-color-entry small{margin-top:3px;color:#9fc6d6;font-size:9px;font-weight:500}
.sio-dashboard-config-entry{display:flex;width:100%;align-items:center;gap:10px;margin-bottom:11px;padding:12px;border:1px solid rgba(104,213,249,.3);border-radius:13px;color:#e8f8ff;background:linear-gradient(135deg,rgba(34,142,188,.2),rgba(255,255,255,.045));text-align:left;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.08);transition:background .18s,border-color .18s,transform .18s}.sio-dashboard-config-entry:hover{border-color:#6ee4ff;background:rgba(38,169,220,.2);transform:translateY(-1px)}.sio-dashboard-config-entry i{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border:1px solid rgba(126,232,255,.4);border-radius:11px;color:#8deeff;background:rgba(126,232,255,.1);font-style:normal;font-weight:900}.sio-dashboard-config-entry span,.sio-dashboard-config-entry small{display:block}.sio-dashboard-config-entry span{font-size:12px;font-weight:850}.sio-dashboard-config-entry small{margin-top:3px;color:#9fc6d6;font-size:9px;font-weight:500;line-height:1.3}.sio-dashboard-theme-editor.is-compact .sio-intro-themes{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sio-dashboard-theme-editor.is-compact .sio-intro-themes button{justify-content:center;min-height:46px;padding:7px!important}.sio-dashboard-theme-editor.is-compact .sio-intro-themes button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.sio-dashboard-theme-editor.is-compact .sio-intro-themes i{width:30px;height:30px;border-radius:10px}.sio-dashboard-theme-editor.is-compact .sio-intro-custom{margin-top:10px;grid-template-columns:82px 1fr}.sio-dashboard-theme-editor.is-compact .sio-custom-color-picker{min-height:66px}.sio-dashboard-theme-editor.is-compact .sio-custom-color-picker strong{display:none}.sio-dashboard-theme-editor.is-compact .sio-custom-palette{width:34px;height:34px}.sio-dashboard-theme-editor.is-compact .sio-custom-color-preview{min-height:66px}.sio-dashboard-theme-editor.is-compact .sio-custom-opacity{grid-column:1/-1}
.sio-dashboard-theme-editor>.sio-custom-opacity{display:grid;gap:6px;margin-top:10px;padding:11px;border:1px solid var(--start-scheme-border);border-radius:12px;background:rgba(var(--start-scheme-rgb),.15);color:var(--start-scheme-muted);font-size:10px}.sio-dashboard-theme-editor>.sio-custom-opacity output{float:right;color:var(--start-scheme-text)}

/* Drei browserähnliche, responsive Favoritenformate. */
#div_link_ul.favorite-size-compact .div_hover,#div_link_ul.favorite-size-compact .div_hover_plus{width:76px!important;height:76px!important;margin:0 3px 8px!important}
#div_link_ul.favorite-size-compact .link,#div_link_ul.favorite-size-compact .link_plus{width:64px!important;height:64px!important;margin:0 auto!important}
#div_link_ul.favorite-size-compact .link img{max-width:24px!important;max-height:24px!important}
#div_link_ul.favorite-size-compact .link span{font-size:8.5px!important}
#div_link_ul.favorite-size-standard .div_hover,#div_link_ul.favorite-size-standard .div_hover_plus{width:96px!important;height:96px!important;margin:0 5px 12px!important}
#div_link_ul.favorite-size-standard .link,#div_link_ul.favorite-size-standard .link_plus{width:88px!important;height:82px!important;margin:0 auto!important;padding-left:0!important}
#div_link_ul.favorite-size-standard .link img{max-width:30px!important;max-height:30px!important}
#div_link_ul.favorite-size-standard .link span{font-size:11px!important}
#div_link_ul.favorite-size-large .div_hover,#div_link_ul.favorite-size-large .div_hover_plus{width:112px!important;height:112px!important;margin:0 7px 14px!important}
#div_link_ul.favorite-size-large .link,#div_link_ul.favorite-size-large .link_plus{width:108px!important;height:98px!important;margin:0 auto!important;padding-left:0!important}
#div_link_ul.favorite-size-large .link img{max-width:38px!important;max-height:38px!important}
#div_link_ul.favorite-size-large .link span{font-size:12px!important}
#div_link_ul[class*="favorite-size-"] .link,#div_link_ul[class*="favorite-size-"] .link_plus{box-sizing:border-box;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px}
#div_link_ul[class*="favorite-size-"] .div_hover_plus{display:flex!important;align-items:flex-start!important;justify-content:center!important}
#div_link_ul[class*="favorite-size-"] .link_li_plus{order:9999;display:flex!important;align-items:flex-start!important;justify-content:center!important}
body.start-shape-angular #searchbar,body.start-shape-angular #div_link_ul .link,body.start-shape-angular #div_link_ul .link_plus{border-radius:0!important}
body.start-shape-rounded #searchbar,body.start-shape-rounded #div_link_ul .link,body.start-shape-rounded #div_link_ul .link_plus{border-radius:14px!important}
body.start-shape-round #searchbar{border-radius:999px!important}
body.start-shape-round #div_link_ul .link,body.start-shape-round #div_link_ul .link_plus{border-radius:26px!important}
body.sio-chat-open #div_link_ul[class*="favorite-size-"] .div_hover,body.sio-chat-open #div_link_ul[class*="favorite-size-"] .div_hover_plus,.sio-dashboard-live-open #div_link_ul[class*="favorite-size-"] .div_hover,.sio-dashboard-live-open #div_link_ul[class*="favorite-size-"] .div_hover_plus,.sio-daily-summary-open #div_link_ul[class*="favorite-size-"] .div_hover,.sio-daily-summary-open #div_link_ul[class*="favorite-size-"] .div_hover_plus{width:76px!important;height:76px!important;margin:0 3px 8px!important}
body.sio-chat-open #div_link_ul[class*="favorite-size-"] .link,body.sio-chat-open #div_link_ul[class*="favorite-size-"] .link_plus,.sio-dashboard-live-open #div_link_ul[class*="favorite-size-"] .link,.sio-dashboard-live-open #div_link_ul[class*="favorite-size-"] .link_plus,.sio-daily-summary-open #div_link_ul[class*="favorite-size-"] .link,.sio-daily-summary-open #div_link_ul[class*="favorite-size-"] .link_plus{width:64px!important;height:64px!important;margin:0 auto!important}
body.sio-chat-open #div_link_ul[class*="favorite-size-"] .link img,.sio-dashboard-live-open #div_link_ul[class*="favorite-size-"] .link img,.sio-daily-summary-open #div_link_ul[class*="favorite-size-"] .link img{max-width:24px!important;max-height:24px!important}
body.sio-chat-open #div_link_ul[class*="favorite-size-"] .link span,.sio-dashboard-live-open #div_link_ul[class*="favorite-size-"] .link span,.sio-daily-summary-open #div_link_ul[class*="favorite-size-"] .link span{margin-top:4px!important;font-size:8.5px!important}

/* Frag SiO: letzter Antwortblock darf nicht an der Eingabe kleben */
.sio-search-row.is-chat-open .sio-chat-log{
  padding-bottom:28px!important;
  scroll-padding-bottom:28px!important;
}
.sio-search-row.is-chat-open .sio-chat-message:last-child{
  margin-bottom:10px!important;
}
.sio-search-row.is-chat-open .sio-chat-message p{
  margin:0!important;
  padding-bottom:1px!important;
  line-height:1.62!important;
}
.sio-search-row.is-chat-open .sio-chat-message.assistant{
  max-width:min(860px,82%)!important;
}
.sio-search-row.is-chat-open .sio-chat-message.assistant p br+br{
  display:block;
  content:"";
  margin-top:9px;
}
.sio-search-row.is-chat-open .sio-chat-panel form{
  position:relative;
  z-index:2;
}

body.start-scheme-dashboard #searchbar{height:46px!important;padding-left:42px!important;border:1px solid var(--start-scheme-border-solid,rgb(var(--start-scheme-rgb)))!important;outline:0!important;border-radius:18px!important;color:var(--start-scheme-text)!important;background-color:rgba(var(--start-scheme-rgb),var(--start-search-alpha,.8))!important;background-repeat:no-repeat!important;background-position:14px center!important;background-size:20px 20px!important;box-shadow:0 12px 30px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.1)!important;backdrop-filter:blur(14px)!important}
body.start-scheme-dashboard #searchbar::placeholder{color:var(--start-scheme-muted)!important}
body.start-scheme-dashboard #div_link_ul .link,body.start-scheme-dashboard #div_link_ul .link_plus{border:1px solid var(--start-scheme-border-solid,rgb(var(--start-scheme-rgb)))!important;color:var(--start-scheme-text)!important;background-color:rgba(var(--start-scheme-rgb),var(--start-favorite-alpha,.8))!important;box-shadow:0 10px 24px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.09)}
body.start-scheme-dashboard #div_link_ul .link,body.start-scheme-dashboard #div_link_ul .link_plus{border-color:var(--start-scheme-border-solid,rgb(var(--start-scheme-rgb)))!important}
body.start-scheme-dashboard #searchbar:hover,body.start-scheme-dashboard #searchbar:focus,body.start-scheme-dashboard #searchbar:focus-visible,body.start-scheme-dashboard #searchbar:active{border-width:2px!important;border-color:rgba(126,224,255,.82)!important;outline:0!important}
body.start-scheme-dashboard #div_link_ul .link_li:hover .link,body.start-scheme-dashboard #div_link_ul .link_li_plus:hover .link_plus{border-width:2px!important;border-color:rgba(126,224,255,.82)!important}
body.start-scheme-dashboard #div_link_ul .link span,body.start-scheme-dashboard #div_link_ul .link_plus{color:var(--start-scheme-text)!important}
.is-dashboard-opacity-controlled .slider-search-opa,.is-dashboard-opacity-controlled .slider-book-opa{pointer-events:none!important;filter:grayscale(1);opacity:.42!important;cursor:not-allowed!important}
.is-dashboard-opacity-controlled .slider-search-opa *,.is-dashboard-opacity-controlled .slider-book-opa *{pointer-events:none!important;cursor:not-allowed!important}
body.start-scheme-dark #div_link_ul .link,body.start-scheme-dark #div_link_ul .link_plus{border-color:rgba(255,255,255,.2)!important;color:#fff!important;background:rgba(15,23,28,.8)!important}
body.start-scheme-dark #div_link_ul .link span{color:#fff!important}
body.start-scheme-light #div_link_ul .link,body.start-scheme-light #div_link_ul .link_plus{color:#173441!important;background:rgba(255,255,255,.76)!important}
#toolbox.quick-dock{border-color:var(--start-scheme-border-solid,rgb(var(--start-scheme-rgb)))!important;background:rgba(var(--start-scheme-rgb),var(--start-tool-alpha,.86))!important;box-shadow:0 16px 38px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.09)!important;backdrop-filter:blur(18px)!important}
#toolbox .quick-dock-btn{border-color:var(--start-scheme-border)!important;color:var(--start-scheme-text)!important;background:rgba(var(--start-scheme-rgb),.34)!important;text-shadow:none}
#toolbox .quick-dock-btn:hover{background:var(--start-scheme-strong)!important}
.sio-live-dock{border-color:var(--start-scheme-border-solid,rgb(var(--start-scheme-rgb)))!important;background:linear-gradient(180deg,var(--start-scheme-strong),var(--start-scheme-surface))!important}
.sio-dock-cavity{border:0;background:radial-gradient(circle at 50% 52%,rgba(255,255,255,.12),rgba(var(--start-scheme-rgb),.42) 70%)}
.sio-live-menu{border-color:var(--start-scheme-border);color:var(--start-scheme-text);background:var(--start-scheme-strong)}
.sio-live-menu::before{border-color:var(--start-scheme-border);background:var(--start-scheme-strong)}
.sio-live-menu .sio-live-actions button{border-color:var(--start-scheme-border);color:var(--start-scheme-text);background:rgba(var(--start-scheme-rgb),.28)}

/* Gemeinsame Darstellung: Favoriten-Auswahl steuert Favoriten UND Suchleiste. */
body.start-shape-angular #searchbar,body.start-shape-angular #div_link_ul .link,body.start-shape-angular #div_link_ul .link_plus{border-radius:0!important}
body.start-shape-rounded #searchbar,body.start-shape-rounded #div_link_ul .link,body.start-shape-rounded #div_link_ul .link_plus{border-radius:14px!important}
body.start-shape-round #searchbar{border-radius:999px!important}
body.start-shape-round #div_link_ul .link,body.start-shape-round #div_link_ul .link_plus{border-radius:26px!important}
.sio-live-menu .sio-live-head small,.sio-live-menu .sio-live-actions small{color:var(--start-scheme-muted)}
.start-dashboard-theme-light .sio-live-close{color:#173441;border-color:rgba(23,52,65,.24)}

/* Beim geöffneten Dashboard bleiben Suche und Favoriten kompakt erreichbar. */

@media(max-width:720px){
  .live-brand{top:72px;left:14px;gap:8px;font-size:17px}
  .live-brand-orbit{width:40px;height:40px;flex-basis:40px}
  .morph-logo{width:42px;height:42px;flex-basis:42px}
  .sio-search-row{width:calc(100vw - 20px);gap:6px}
  .sio-live-dock{flex-basis:50px;width:50px!important;min-width:50px!important;height:50px!important;border-radius:15px!important}
  .sio-live-dock .quick-dock-icon{width:37px!important;height:37px!important}
  .sio-test-bar{right:8px;bottom:8px;max-width:calc(100vw - 16px)}
  .sio-test-bar.is-collapsed{right:8px;max-width:142px}
  .sio-live-menu{position:fixed;right:10px;left:10px;top:auto;bottom:74px;width:auto;height:auto;max-height:none;transform:none;overflow:visible}
  .sio-live-menu::before{display:none}
  .sio-setting-grid.three{grid-template-columns:1fr}
  .sio-background-actions{grid-template-columns:1fr 1fr 44px}
  .sio-background-actions [data-setting-action="save-bg"]{grid-column:1 / span 2}
  .sio-modern-sliders{grid-template-columns:1fr}
  .sio-live-scene[data-scene="news"]{left:31%}.sio-live-scene[data-scene="sun"]{left:57%}
  .sio-live-scene small{display:none}
  .sio-color-scheme{grid-template-columns:1fr}
  .sio-chat-panel{position:fixed;left:10px;right:10px;top:76px;bottom:auto;width:auto;max-height:calc(100vh - 155px);transform:none}.sio-chat-panel::after{display:none}.sio-chat-log{max-height:calc(100vh - 330px)}.sio-chat-panel form>button{min-width:68px}
}

@media(max-width:720px){
  .sio-search-row.is-chat-open{grid-template-columns:46px minmax(0,1fr);width:calc(100vw - 20px);padding:0;border-radius:0}
  .sio-search-row.is-chat-open #sio_live_dock{grid-column:1}
  .sio-search-row.is-chat-open #searchbar_form{grid-column:2}
  .sio-search-row.is-chat-open .sio-chat-panel{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-height:none!important;margin-top:6px;transform:none!important}
  .sio-search-row.is-chat-open .sio-chat-panel::after{display:none!important}
  .sio-search-row.is-chat-open .sio-chat-shell{grid-template-columns:1fr;min-height:0}
  .sio-search-row.is-chat-open .sio-chat-sidebar{max-height:112px;border-right:0;border-bottom:1px solid rgba(126,220,255,.14)}
  .sio-search-row.is-chat-open .sio-chat-log{min-height:160px;max-height:31vh}
  .sio-search-row.is-chat-open .sio-chat-panel>header small{display:none}
  .sio-search-row.is-chat-open .sio-chat-panel form{grid-template-columns:1fr}
  .sio-search-row.is-chat-open .sio-chat-panel form>button{width:100%;min-width:0}
}

/* Testmenü v2: kompaktes, nicht störendes Panel links unten. */
.sio-test-bar{left:12px!important;right:auto!important;bottom:12px!important;display:block!important;width:min(390px,calc(100vw - 24px))!important;max-width:min(390px,calc(100vw - 24px))!important;max-height:min(72vh,620px)!important;padding:0!important;border:1px solid rgba(126,220,255,.32)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(5,31,45,.86),rgba(4,16,24,.72))!important;box-shadow:0 18px 44px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.1)!important;overflow:visible!important}
.sio-test-toggle{position:relative!important;z-index:2!important;order:0!important;display:flex!important;width:100%!important;height:42px!important;align-items:center!important;justify-content:space-between!important;padding:0 14px!important;border:0!important;border-radius:17px!important;background:rgba(65,214,255,.14)!important}
.sio-test-toggle span{font-size:11px!important}.sio-test-toggle b{transform:rotate(180deg)}
.sio-test-tools{display:flex!important;max-height:calc(min(72vh,620px) - 54px)!important;flex-direction:column!important;gap:10px!important;padding:10px!important;overflow:auto!important;scrollbar-width:thin}
.sio-test-tools::-webkit-scrollbar{width:6px}.sio-test-tools::-webkit-scrollbar-thumb{border-radius:8px;background:rgba(113,223,255,.42)}
.sio-test-group{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:10px!important;border-radius:14px!important}
.sio-test-group em{grid-column:1/-1;padding:0 0 3px!important}
.sio-test-bar button:not(.sio-test-toggle){width:100%!important;height:31px!important;margin:0!important;overflow:hidden;text-overflow:ellipsis}
.sio-test-bar.is-collapsed{width:142px!important;max-width:142px!important;background:linear-gradient(145deg,rgba(5,31,45,.9),rgba(4,16,24,.78))!important}
.sio-test-bar.is-collapsed .sio-test-tools{display:none!important}
.sio-test-bar.is-collapsed .sio-test-toggle{width:142px!important}
.sio-test-bar.is-collapsed .sio-test-toggle b{transform:rotate(0deg)}
@media(max-width:720px){.sio-test-bar{left:8px!important;right:auto!important;bottom:8px!important;width:min(360px,calc(100vw - 16px))!important;max-width:min(360px,calc(100vw - 16px))!important}.sio-test-group{grid-template-columns:1fr!important}.sio-test-bar.is-collapsed{width:138px!important;max-width:138px!important}.sio-test-bar.is-collapsed .sio-test-toggle{width:138px!important}}

/* SiO Fun-Aktivitäten: zusätzliche Mini-Szenen für geladene Idle-Aktionen. */
.sio-test-group{display:flex;align-items:center;gap:6px;padding:3px 6px;border:1px solid rgba(126,220,255,.14);border-radius:14px;background:rgba(255,255,255,.035)}.sio-test-group em{padding:0 3px;color:#9fefff;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sio-test-group.is-fun{border-color:rgba(111,232,255,.32);background:rgba(40,178,220,.08)}
.sio-live-scene[data-scene="dog-walk"],.sio-live-scene[data-scene="paper-plane"],.sio-live-scene[data-scene="boomerang"],.sio-live-scene[data-scene="watering"],.sio-live-scene[data-scene="plums"],.sio-live-scene[data-scene="escooter"],.sio-live-scene[data-scene="tennis"],.sio-live-scene[data-scene="pingpong"],.sio-live-scene[data-scene="console-game"],.sio-live-scene[data-scene="tv-night"],.sio-live-scene[data-scene="cinema"],.sio-live-scene[data-scene="phone-scroll"]{left:64px;right:24px;top:-116px;width:auto;height:150px;animation:sioSceneWarp .4s ease both}.sio-live-scene[data-scene="dog-walk"] small,.sio-live-scene[data-scene="paper-plane"] small,.sio-live-scene[data-scene="boomerang"] small,.sio-live-scene[data-scene="watering"] small,.sio-live-scene[data-scene="plums"] small,.sio-live-scene[data-scene="escooter"] small,.sio-live-scene[data-scene="tennis"] small,.sio-live-scene[data-scene="pingpong"] small,.sio-live-scene[data-scene="console-game"] small,.sio-live-scene[data-scene="tv-night"] small,.sio-live-scene[data-scene="cinema"] small,.sio-live-scene[data-scene="phone-scroll"] small{display:none}
.sio-fun-ground{position:absolute;z-index:0;left:4px;right:8px;top:112px;height:10px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(4,20,28,.28),transparent 68%);filter:blur(1px)}.sio-fun-prop{position:absolute;z-index:4;display:block;filter:drop-shadow(0 6px 7px rgba(0,0,0,.28))}.sio-fun-prop::before{display:block;font-size:28px;line-height:1}.sio-fun-particles{position:absolute;inset:0;pointer-events:none}.sio-fun-particles i{position:absolute;width:5px;height:5px;border-radius:50%;background:#bff7ff;box-shadow:0 0 9px rgba(102,230,255,.75);opacity:0}
.sio-live-scene[data-scene="dog-walk"] .sio-live-scene-figure{left:28px;top:66px;animation:sioFunWalk 8s ease-in-out infinite}.sio-live-scene[data-scene="dog-walk"] .one{left:84px;top:81px;animation:sioDogWalk 8s ease-in-out infinite}.sio-live-scene[data-scene="dog-walk"] .one::before{content:"🐶"}.sio-live-scene[data-scene="dog-walk"] .two{left:62px;top:84px;width:45px;height:2px;background:rgba(180,245,255,.75);transform-origin:left center;animation:sioLeash 8s ease-in-out infinite}.sio-live-scene[data-scene="dog-walk"] .two::before{content:""}
.sio-live-scene[data-scene="paper-plane"] .sio-live-scene-figure{left:20px;top:74px;animation:sioFunThrow 7.5s ease-in-out infinite}.sio-live-scene[data-scene="paper-plane"] .one{left:88px;top:52px;animation:sioPaperPlaneOrbit 5.8s linear infinite}.sio-live-scene[data-scene="paper-plane"] .one::before{content:"✈";font-size:30px;color:#eafcff;text-shadow:0 0 10px #7be9ff}.sio-live-scene[data-scene="boomerang"] .sio-live-scene-figure{left:22px;top:72px;animation:sioFunThrow 5.4s ease-in-out infinite}.sio-live-scene[data-scene="boomerang"] .one{left:80px;top:55px;animation:sioBoomerang 3.8s cubic-bezier(.42,0,.22,1) infinite}.sio-live-scene[data-scene="boomerang"] .one::before{content:"⌒";font-size:45px;color:#ffc56e;text-shadow:0 0 9px rgba(255,197,110,.5)}
.sio-live-scene[data-scene="watering"] .sio-live-scene-figure{left:44px;top:66px;animation:sioWaterBody 5.6s ease-in-out infinite}.sio-live-scene[data-scene="watering"] .one{left:104px;top:84px}.sio-live-scene[data-scene="watering"] .one::before{content:"🌷"}.sio-live-scene[data-scene="watering"] .two{left:78px;top:66px;animation:sioWaterCan 5.6s ease-in-out infinite}.sio-live-scene[data-scene="watering"] .two::before{content:"🚿"}.sio-live-scene[data-scene="watering"] .sio-fun-particles i{animation:sioWaterDrops 1.4s ease-out infinite}.sio-live-scene[data-scene="watering"] .sio-fun-particles i:nth-child(1){left:99px;top:78px}.sio-live-scene[data-scene="watering"] .sio-fun-particles i:nth-child(2){left:112px;top:82px;animation-delay:.2s}.sio-live-scene[data-scene="watering"] .sio-fun-particles i:nth-child(3){left:120px;top:76px;animation-delay:.38s}
.sio-live-scene[data-scene="plums"] .sio-live-scene-figure{left:56px;top:72px;animation:sioPlumPick 8.4s ease-in-out infinite}.sio-live-scene[data-scene="plums"] .one{left:112px;top:18px}.sio-live-scene[data-scene="plums"] .one::before{content:"🌳";font-size:70px}.sio-live-scene[data-scene="plums"] .two{left:43px;top:96px}.sio-live-scene[data-scene="plums"] .two::before{content:"🧺"}.sio-live-scene[data-scene="plums"] .three{left:104px;top:48px;animation:sioPlumDrop 8.4s ease-in-out infinite}.sio-live-scene[data-scene="plums"] .three::before{content:"🟣";font-size:16px}.sio-live-scene[data-scene="escooter"] .sio-live-scene-figure{left:18px;top:63px;animation:sioScooterRide 6.8s ease-in-out infinite}.sio-live-scene[data-scene="escooter"] .one{left:16px;top:95px;animation:sioScooterRide 6.8s ease-in-out infinite}.sio-live-scene[data-scene="escooter"] .one::before{content:"🛴";font-size:34px}
.sio-live-scene[data-scene="tennis"] .sio-live-scene-figure{left:16px;top:68px;animation:sioTennisWarp 5.6s ease-in-out infinite}.sio-live-scene[data-scene="tennis"] .one{left:55px;top:55px;animation:sioTennisBall 5.6s ease-in-out infinite}.sio-live-scene[data-scene="tennis"] .one::before{content:"🎾";font-size:17px}.sio-live-scene[data-scene="tennis"] .two{left:42px;top:66px;animation:sioRacket 5.6s ease-in-out infinite}.sio-live-scene[data-scene="tennis"] .two::before{content:"◖";font-size:34px;color:#eafcff}.sio-live-scene[data-scene="pingpong"] .sio-live-scene-figure{left:20px;top:69px;animation:sioTennisWarp 4.8s ease-in-out infinite}.sio-live-scene[data-scene="pingpong"] .one{left:74px;top:84px;width:120px;height:18px;border-radius:8px;background:linear-gradient(180deg,#2eb7df,#12627e)}.sio-live-scene[data-scene="pingpong"] .one::before{content:"";position:absolute;left:57px;top:-11px;width:2px;height:29px;background:#dffaff}.sio-live-scene[data-scene="pingpong"] .two{left:56px;top:59px;animation:sioPingBall 4.8s ease-in-out infinite}.sio-live-scene[data-scene="pingpong"] .two::before{content:"●";font-size:15px;color:#fff}
.sio-live-scene[data-scene="console-game"] .sio-live-scene-figure,.sio-live-scene[data-scene="tv-night"] .sio-live-scene-figure{left:72px;top:76px;animation:sioCouchSit 4s ease-in-out infinite}.sio-live-scene[data-scene="console-game"] .one,.sio-live-scene[data-scene="tv-night"] .one{left:20px;top:42px;width:90px;height:50px;border:2px solid rgba(180,245,255,.65);border-radius:12px;background:linear-gradient(135deg,#071c28,#145d7a)}.sio-live-scene[data-scene="console-game"] .one::before{content:"";position:absolute;inset:10px;background:linear-gradient(90deg,#53e6ff,#8dff9f,#ffd35c);border-radius:7px;animation:sioTvFlicker 1.8s linear infinite}.sio-live-scene[data-scene="console-game"] .two{left:100px;top:93px}.sio-live-scene[data-scene="console-game"] .two::before{content:"🎮";font-size:24px}.sio-live-scene[data-scene="tv-night"] .one::before{content:"";position:absolute;inset:10px;background:radial-gradient(circle,#fff2a6,#ff785e 45%,#201020 70%);border-radius:7px;animation:sioTvFlicker 2.2s linear infinite}.sio-live-scene[data-scene="tv-night"] .two{left:121px;top:91px}.sio-live-scene[data-scene="tv-night"] .two::before{content:"🥤"}.sio-live-scene[data-scene="tv-night"] .three{left:145px;top:92px}.sio-live-scene[data-scene="tv-night"] .three::before{content:"🍿"}
.sio-live-scene[data-scene="cinema"] .sio-live-scene-figure{left:105px;top:81px;animation:sioCinemaSit 5s ease-in-out infinite}.sio-live-scene[data-scene="cinema"] .one{left:16px;top:30px;width:160px;height:68px;border:2px solid rgba(220,250,255,.72);border-radius:10px;background:linear-gradient(135deg,#07111d,#173d55)}.sio-live-scene[data-scene="cinema"] .one::before{content:"";position:absolute;inset:12px;background:linear-gradient(120deg,#fff,#7ee9ff 40%,#233);border-radius:6px;animation:sioMovie 3s ease-in-out infinite}.sio-live-scene[data-scene="cinema"] .two{left:74px;top:104px}.sio-live-scene[data-scene="cinema"] .two::before{content:"🍿"}.sio-live-scene[data-scene="phone-scroll"] .sio-live-scene-figure{left:78px;top:70px;animation:sioPhoneBody 5.6s ease-in-out infinite}.sio-live-scene[data-scene="phone-scroll"] .one{left:119px;top:71px;width:20px;height:34px;border:2px solid #aef6ff;border-radius:6px;background:linear-gradient(180deg,#041520,#12617c);animation:sioPhoneScroll 1.8s ease-in-out infinite}.sio-live-scene[data-scene="phone-scroll"] .one::before{content:"";position:absolute;left:4px;right:4px;top:7px;height:3px;background:#5de8ff;box-shadow:0 7px #8dffbc,0 14px #ffd45d}
@keyframes sioFunWalk{0%,100%{transform:translateX(0)}50%{transform:translateX(72px) translateY(-3px)}}@keyframes sioDogWalk{0%,100%{transform:translateX(0)}50%{transform:translateX(76px) translateY(2px)}}@keyframes sioLeash{0%,100%{width:45px;transform:rotate(7deg)}50%{width:50px;transform:translateX(70px) rotate(-8deg)}}@keyframes sioFunThrow{0%,100%{transform:rotate(0)}16%,55%{transform:rotate(-12deg) translateY(-4px)}}@keyframes sioPaperPlaneOrbit{0%{transform:translate(0,0) rotate(0)}25%{transform:translate(95px,-30px) rotate(45deg)}50%{transform:translate(190px,4px) rotate(125deg)}75%{transform:translate(80px,36px) rotate(230deg)}100%{transform:translate(0,0) rotate(360deg)}}@keyframes sioBoomerang{0%{transform:translate(0,0) rotate(-30deg)}38%{transform:translate(180px,-28px) rotate(180deg)}72%{transform:translate(35px,30px) rotate(330deg)}100%{transform:translate(0,0) rotate(420deg)}}@keyframes sioWaterBody{0%,100%{transform:rotate(0)}45%{transform:rotate(-8deg)}}@keyframes sioWaterCan{0%,100%{transform:rotate(0)}45%,72%{transform:rotate(24deg)}}@keyframes sioWaterDrops{0%{opacity:0;transform:translate(0,0) scale(.5)}30%{opacity:.9}100%{opacity:0;transform:translate(12px,24px) scale(.2)}}@keyframes sioPlumPick{0%,100%{transform:translate(0,0)}30%{transform:translate(42px,-24px) rotate(-8deg)}58%{transform:translate(-10px,10px) rotate(7deg)}}@keyframes sioPlumDrop{0%,30%{opacity:1;transform:translate(0,0)}45%,100%{opacity:1;transform:translate(-55px,49px)}}@keyframes sioScooterRide{0%,100%{transform:translateX(0) rotate(0)}45%{transform:translateX(180px) rotate(2deg)}55%{transform:translateX(180px) rotate(-2deg)}}@keyframes sioTennisWarp{0%,45%,100%{left:16px;filter:none;transform:scale(1)}50%{left:16px;filter:brightness(3) blur(4px);transform:scale(.18)}55%,90%{left:calc(100% - 76px);filter:none;transform:scale(1)}}@keyframes sioTennisBall{0%,100%{transform:translate(0,0)}45%{transform:translate(calc(100vw - 270px),-22px)}90%{transform:translate(0,12px)}}@keyframes sioRacket{0%,45%,100%{transform:rotate(-30deg)}55%,90%{transform:translateX(calc(100vw - 270px)) rotate(28deg)}}@keyframes sioPingBall{0%,100%{transform:translate(0,0)}50%{transform:translate(130px,-14px)}}@keyframes sioCouchSit{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(2px) rotate(3deg)}}@keyframes sioTvFlicker{50%{filter:brightness(1.5);transform:scale(1.02)}}@keyframes sioCinemaSit{50%{transform:translateY(2px)}}@keyframes sioMovie{50%{filter:brightness(1.35);transform:scale(1.02)}}@keyframes sioPhoneBody{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(4deg)}}@keyframes sioPhoneScroll{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

/* Sonnenpause: SiO setzt sich unter den Schirm, zieht Sonnenbrille auf und schlürft am Cocktail. */
.sio-live-scene[data-scene="sun"]{left:58%;top:-90px;width:160px;height:132px;animation:sioSceneWarp .4s ease both}
.sio-live-scene[data-scene="sun"] .sio-live-scene-prop{display:none}
.sio-live-scene[data-scene="sun"] .sio-live-scene-figure{z-index:5;left:52px;top:57px;width:50px;height:50px;animation:sioSunSitAndSip 7.2s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] small{left:30px;top:108px}
.sio-sun-glow{position:absolute;z-index:0;left:15px;top:4px;display:block;width:118px;height:112px;border-radius:50%;background:radial-gradient(circle,rgba(255,224,112,.28),rgba(255,185,50,.08) 46%,transparent 72%);animation:sioSunGlowPulse 4s ease-in-out infinite}
.sio-sun-parasol{position:absolute;z-index:6;left:9px;top:7px;display:block;width:92px;height:84px;transform-origin:55% 95%;animation:sioSunParasolSettle 7.2s .35s ease-in-out infinite}
.sio-sun-parasol::before{content:"";position:absolute;left:0;top:0;width:90px;height:42px;border:1px solid rgba(255,246,190,.75);border-radius:92px 92px 18px 18px;background:conic-gradient(from 210deg at 50% 100%,#27bfe9 0 18deg,#fff1a8 18deg 36deg,#ff8c5e 36deg 54deg,#fff1a8 54deg 72deg,#27bfe9 72deg 90deg,#fff1a8 90deg 108deg,#ff8c5e 108deg 126deg,#fff1a8 126deg 144deg,#27bfe9 144deg 180deg);box-shadow:inset 0 4px 10px rgba(255,255,255,.32),0 8px 16px rgba(0,0,0,.24),0 0 22px rgba(255,216,88,.2)}
.sio-sun-parasol::after{content:"";position:absolute;left:45px;top:38px;width:3px;height:49px;border-radius:99px;background:linear-gradient(#fff5b8,#8deeff);box-shadow:0 0 8px rgba(110,232,255,.5);transform:rotate(5deg);transform-origin:top}
.sio-sun-parasol i{position:absolute;left:23px;top:39px;width:58px;height:9px;border-radius:0 0 50% 50%;background:repeating-radial-gradient(ellipse at 50% 0,rgba(80,50,0,.18) 0 8px,transparent 9px 15px);opacity:.55}
.sio-sun-parasol b{position:absolute;left:63px;top:82px;width:22px;height:5px;border-radius:99px;background:rgba(4,28,38,.28);filter:blur(1px)}
.sio-sun-chair{position:absolute;z-index:3;left:45px;top:90px;display:block;width:70px;height:18px;border-radius:10px;background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(54,199,235,.24));box-shadow:0 8px 12px rgba(0,0,0,.2);transform:skewX(-12deg)}
.sio-sun-glasses{position:absolute;z-index:8;left:65px;top:70px;display:block;width:27px;height:9px;opacity:0;animation:sioSunGlassesOn 7.2s .35s ease-in-out infinite}
.sio-sun-glasses i{position:absolute;top:0;width:10px;height:7px;border-radius:2px 2px 5px 5px;background:linear-gradient(135deg,#051722,#177797);box-shadow:inset 0 1px rgba(255,255,255,.32),0 0 5px rgba(81,222,255,.45)}
.sio-sun-glasses i:first-child{left:0}.sio-sun-glasses i:nth-child(2){right:0}.sio-sun-glasses b{position:absolute;left:9px;top:3px;width:9px;height:2px;border-radius:99px;background:#05202d}
.sio-sun-cocktail{position:absolute;z-index:7;left:100px;top:76px;display:block;width:28px;height:36px;opacity:0;animation:sioSunCocktailAppear 7.2s .35s ease-in-out infinite}
.sio-sun-cocktail::before{content:"";position:absolute;left:5px;top:8px;width:17px;height:20px;clip-path:polygon(0 0,100% 0,78% 100%,22% 100%);border:1px solid rgba(255,255,255,.55);border-radius:2px;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,161,74,.9) 42%,rgba(255,89,132,.82));box-shadow:0 5px 9px rgba(0,0,0,.22),0 0 10px rgba(255,130,80,.24)}
.sio-sun-cocktail::after{content:"";position:absolute;left:13px;top:27px;width:2px;height:9px;background:#dffaff}.sio-sun-cocktail i{position:absolute;left:18px;top:0;width:11px;height:11px;border-radius:50%;background:#ffd94e;box-shadow:0 0 8px rgba(255,220,68,.5)}
.sio-sun-cocktail b{position:absolute;left:0;top:2px;width:18px;height:2px;border-radius:99px;background:#dffaff;transform:rotate(-38deg);transform-origin:right center}
@keyframes sioSunSitAndSip{0%,10%{transform:translateY(0) rotate(0) scale(1)}18%{transform:translateY(5px) rotate(-7deg) scale(1.03,.93)}28%{transform:translateY(5px) rotate(-7deg) scale(1)}36%{transform:translateY(4px) rotate(-5deg) scale(1)}46%{transform:translateY(3px) rotate(-9deg) scale(1.02)}56%{transform:translateY(5px) rotate(-6deg) scale(1)}68%{transform:translateY(4px) rotate(-8deg) scale(1.015)}82%{transform:translateY(5px) rotate(-6deg) scale(1)}100%{transform:translateY(5px) rotate(-7deg) scale(1)}}
@keyframes sioSunParasolSettle{0%{opacity:0;transform:translateY(-12px) rotate(-14deg) scale(.7)}14%{opacity:1;transform:translateY(0) rotate(4deg) scale(1.05)}28%,100%{opacity:1;transform:translateY(0) rotate(-2deg) scale(1)}58%{transform:translateY(-2px) rotate(2deg) scale(1.01)}}
@keyframes sioSunGlassesOn{0%,24%{opacity:0;transform:translateY(-8px) scale(.75)}34%,100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sioSunCocktailAppear{0%,38%{opacity:0;transform:translateY(8px) scale(.75)}48%,100%{opacity:1;transform:translateY(0) scale(1)}58%,72%,90%{transform:translateY(-1px) rotate(-3deg)}64%,80%,96%{transform:translateY(1px) rotate(2deg)}}
@keyframes sioSunGlowPulse{0%,100%{opacity:.62;transform:scale(.96)}50%{opacity:.9;transform:scale(1.04)}}

/* Sonnenpause v2: SiO geht zum Strand, legt sich hin und schaut ruhig aufs Wasser. */
.sio-live-scene[data-scene="sun"]{left:52%;top:-112px;width:228px;height:154px}
.sio-live-scene[data-scene="sun"] .sio-live-scene-figure{left:10px;top:74px;width:50px;height:50px;transform-origin:50% 72%;animation:sioSunWalkLieWatch 9.8s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] small{display:none}
.sio-sun-beach{position:absolute;z-index:1;left:20px;right:8px;top:100px;height:36px;border-radius:54% 44% 18px 18px;background:radial-gradient(ellipse at 32% 40%,rgba(255,238,176,.92),rgba(225,171,93,.78) 55%,rgba(170,119,72,.24) 78%,transparent 80%);box-shadow:0 12px 18px rgba(0,0,0,.16);opacity:.92}
.sio-sun-beach::before,.sio-sun-beach::after{content:"";position:absolute;border-radius:50%;background:rgba(122,84,46,.18)}.sio-sun-beach::before{left:38px;top:18px;width:5px;height:3px}.sio-sun-beach::after{right:46px;top:14px;width:7px;height:4px}
.sio-sun-sea{position:absolute;z-index:0;left:74px;right:0;top:70px;height:50px;border-radius:55% 45% 48% 36%;overflow:hidden;background:linear-gradient(180deg,rgba(98,229,255,.42),rgba(26,139,203,.34) 52%,rgba(255,255,255,.18) 72%,transparent);filter:drop-shadow(0 6px 10px rgba(0,0,0,.16));opacity:.95}
.sio-sun-sea::after{content:"";position:absolute;left:-20%;right:-20%;bottom:2px;height:17px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.84),rgba(165,245,255,.52) 34%,transparent 72%);animation:sioSunShoreFoam 3.8s ease-in-out infinite}
.sio-sun-sea i{position:absolute;left:-30%;width:82%;height:15px;border-top:2px solid rgba(229,255,255,.82);border-radius:50%;opacity:.72;animation:sioSunWave 4.8s linear infinite}.sio-sun-sea i:nth-child(1){top:9px;animation-delay:0s}.sio-sun-sea i:nth-child(2){top:21px;animation-delay:-1.6s;opacity:.55}.sio-sun-sea i:nth-child(3){top:33px;animation-delay:-3.1s;opacity:.45}
.sio-sun-glow{left:58px;top:10px;width:138px;height:126px;opacity:.7}
.sio-sun-parasol{left:26px;top:24px;transform-origin:55% 95%;animation:sioSunParasolBeach 9.8s .35s ease-in-out infinite}
.sio-sun-chair{left:74px;top:105px;width:82px;height:18px;opacity:0;animation:sioSunTowelAppear 9.8s .35s ease-in-out infinite;background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(54,199,235,.23) 35%,rgba(255,241,170,.3));transform:skewX(-14deg) rotate(-3deg)}
.sio-sun-glasses{left:0;top:0;width:25px;height:8px;transform-origin:50% 50%;animation:sioSunGlassesBeach 9.8s .35s ease-in-out infinite}
.sio-sun-cocktail{left:158px;top:86px;animation:sioSunCocktailBeach 9.8s .35s ease-in-out infinite}
@keyframes sioSunWalkLieWatch{0%,7%{left:10px;top:74px;opacity:1;transform:translateY(0) rotate(0) scale(1)}14%{left:34px;top:70px;transform:translateY(-3px) rotate(-5deg) scale(1.03)}22%{left:62px;top:76px;transform:translateY(2px) rotate(5deg) scale(.99,1.04)}31%{left:86px;top:72px;transform:translateY(-3px) rotate(-4deg) scale(1.02)}39%{left:108px;top:78px;transform:translateY(1px) rotate(3deg) scale(1)}48%{left:119px;top:82px;transform:rotate(-24deg) scale(1.02)}58%,100%{left:123px;top:91px;transform:rotate(-76deg) scale(1.04,.96)}70%{left:123px;top:90px;transform:rotate(-75deg) scale(1.045,.955)}84%{left:123px;top:91px;transform:rotate(-77deg) scale(1.035,.965)}}
@keyframes sioSunGlassesBeach{0%,43%{opacity:0;left:126px;top:88px;transform:rotate(-18deg) scale(.55)}52%{opacity:1;left:129px;top:84px;transform:rotate(-73deg) scale(.9)}58%,100%{opacity:1;left:132px;top:86px;transform:rotate(-76deg) scale(.96)}}
@keyframes sioSunParasolBeach{0%{opacity:0;transform:translateY(-10px) rotate(-18deg) scale(.7)}18%{opacity:.95;transform:translateY(0) rotate(3deg) scale(1.03)}34%,100%{opacity:.95;transform:translateY(0) rotate(-3deg) scale(1)}65%{transform:translateY(-2px) rotate(1deg) scale(1.01)}}
@keyframes sioSunTowelAppear{0%,35%{opacity:0;transform:translateY(8px) skewX(-14deg) rotate(-3deg) scale(.8)}48%,100%{opacity:1;transform:translateY(0) skewX(-14deg) rotate(-3deg) scale(1)}}
@keyframes sioSunCocktailBeach{0%,55%{opacity:0;transform:translateY(7px) scale(.75)}65%,100%{opacity:.95;transform:translateY(0) scale(1)}78%,92%{transform:translateY(-1px) rotate(-2deg)}85%,98%{transform:translateY(1px) rotate(2deg)}}
@keyframes sioSunWave{to{transform:translateX(170%)}}
@keyframes sioSunShoreFoam{0%,100%{transform:translateX(-12%) scaleX(.86);opacity:.56}50%{transform:translateX(10%) scaleX(1.12);opacity:.9}}

/* Sonnenpause v3: SiO baut Liege und Schirm am Strand auf, dann schaut er aufs Meer. */
.sio-live-scene[data-scene="sun"]{left:50%;top:-124px;width:246px;height:166px}
.sio-live-scene[data-scene="sun"] .sio-live-scene-figure{z-index:7;left:8px;top:78px;width:50px;height:50px;transform-origin:50% 74%;animation:sioSunWalkBuildLounge 11.8s .35s ease-in-out infinite}
.sio-sun-glow{left:46px;top:12px;width:150px;height:136px;opacity:.58}
.sio-sun-beach{z-index:1;left:32px;right:12px;top:105px;height:38px;border-radius:58% 42% 18px 18px;background:radial-gradient(ellipse at 34% 42%,rgba(255,238,176,.96),rgba(225,171,93,.82) 58%,rgba(170,119,72,.28) 79%,transparent 82%)}
.sio-sun-sea{z-index:0;left:132px;right:2px;top:50px;height:55px;border-radius:58% 42% 42% 38%;background:linear-gradient(180deg,rgba(76,217,252,.34),rgba(22,129,199,.28) 55%,rgba(255,255,255,.1) 76%,transparent);opacity:.82;filter:drop-shadow(0 5px 8px rgba(0,0,0,.12))}
.sio-sun-sea::after{bottom:-2px;height:14px;opacity:.7}
.sio-sun-parasol{z-index:6;left:34px;top:19px;opacity:0;animation:sioSunBuildParasol 11.8s .35s ease-in-out infinite}
.sio-sun-chair{z-index:5;left:92px;top:100px;width:98px;height:25px;border-radius:15px 28px 16px 18px;opacity:0;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,244,183,.74) 28%,rgba(64,209,238,.5) 29%,rgba(64,209,238,.44) 45%,rgba(255,244,183,.74) 46%,rgba(255,244,183,.78));box-shadow:0 8px 13px rgba(0,0,0,.24);transform-origin:18% 50%;animation:sioSunBuildLounger 11.8s .35s ease-in-out infinite}
.sio-sun-chair::before{content:"";position:absolute;left:6px;top:-13px;width:34px;height:22px;border-radius:12px 16px 4px 10px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,241,170,.78));box-shadow:inset 0 -2px rgba(16,116,154,.16);transform:rotate(-16deg)}
.sio-sun-chair::after{content:"";position:absolute;left:22px;right:15px;bottom:-8px;height:7px;border-radius:50%;background:rgba(4,28,38,.24);filter:blur(2px)}
.sio-sun-glasses{z-index:8;width:24px;height:8px;animation:sioSunGlassesOnLounge 11.8s .35s ease-in-out infinite}
.sio-sun-cocktail{z-index:8;left:191px;top:88px;animation:sioSunCocktailLounge 11.8s .35s ease-in-out infinite}
@keyframes sioSunWalkBuildLounge{0%,7%{left:8px;top:78px;transform:translateY(0) rotate(0) scale(1)}13%{left:31px;top:75px;transform:translateY(-3px) rotate(-4deg) scale(1.03)}20%{left:55px;top:80px;transform:translateY(2px) rotate(5deg) scale(.99,1.04)}27%{left:78px;top:76px;transform:translateY(-3px) rotate(-3deg) scale(1.02)}34%{left:92px;top:82px;transform:rotate(7deg) scale(1)}40%{left:88px;top:89px;transform:rotate(18deg) scale(.98,1.02)}47%{left:104px;top:86px;transform:rotate(-10deg) scale(1.02)}54%{left:116px;top:91px;transform:rotate(12deg) scale(1)}63%{left:119px;top:91px;transform:rotate(-22deg) scale(1.02)}72%,100%{left:126px;top:90px;transform:rotate(-72deg) scale(1.03,.96)}83%{left:126px;top:89px;transform:rotate(-71deg) scale(1.04,.955)}93%{left:126px;top:90px;transform:rotate(-73deg) scale(1.025,.965)}}
@keyframes sioSunBuildLounger{0%,28%{opacity:0;transform:translate(-20px,8px) rotate(-24deg) scale(.55,.16)}38%{opacity:1;transform:translate(-8px,2px) rotate(-8deg) scale(.86,.7)}48%,100%{opacity:1;transform:translate(0,0) rotate(-3deg) scale(1)}}
@keyframes sioSunBuildParasol{0%,39%{opacity:0;transform:translateY(-10px) rotate(-18deg) scale(.65)}50%{opacity:.96;transform:translateY(0) rotate(5deg) scale(1.05)}60%,100%{opacity:.96;transform:translateY(0) rotate(-3deg) scale(1)}78%{transform:translateY(-2px) rotate(1deg) scale(1.01)}}
@keyframes sioSunGlassesOnLounge{0%,58%{opacity:0;left:132px;top:83px;transform:rotate(-18deg) scale(.55)}68%{opacity:1;left:136px;top:83px;transform:rotate(-70deg) scale(.92)}72%,100%{opacity:1;left:138px;top:85px;transform:rotate(-72deg) scale(.96)}}
@keyframes sioSunCocktailLounge{0%,60%{opacity:0;transform:translateY(8px) scale(.72)}70%,100%{opacity:.95;transform:translateY(0) scale(1)}80%,94%{transform:translateY(-1px) rotate(-2deg)}87%,99%{transform:translateY(1px) rotate(2deg)}}

/* Sonnenpause v4: Brille sitzt an SiO, Wasser nur als schmale Brandungslinien. */
.sio-live-scene[data-scene="sun"] .sio-sun-glasses{display:none!important}
.sio-live-scene[data-scene="sun"] .sio-live-scene-figure::after{content:"";position:absolute;z-index:20;left:15px;top:19px;width:21px;height:8px;border-radius:4px;opacity:0;background:linear-gradient(90deg,#061926 0 38%,transparent 38% 44%,#061926 44% 100%);box-shadow:inset 0 1px rgba(255,255,255,.32),0 0 5px rgba(81,222,255,.5);animation:sioSunAvatarGlasses 11.8s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] .sio-live-scene-figure::before{content:"";position:absolute;z-index:21;left:24px;top:22px;width:4px;height:2px;border-radius:99px;opacity:0;background:#88eeff;animation:sioSunAvatarGlassesBridge 11.8s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] .sio-sun-sea{left:145px;right:7px;top:62px;height:42px;border-radius:0;background:transparent;overflow:visible;filter:none;opacity:.9}
.sio-live-scene[data-scene="sun"] .sio-sun-sea::after{left:-2px;right:-4px;bottom:0;height:8px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(235,255,255,.9),rgba(159,241,255,.45),transparent);filter:blur(.4px);animation:sioSunFoamLine 3.6s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] .sio-sun-sea i{left:-14px;width:86px;height:14px;border-top:2px solid rgba(185,247,255,.78);border-radius:50%;background:transparent;opacity:.72;animation:sioSunWaveLine 4.5s linear infinite}
.sio-live-scene[data-scene="sun"] .sio-sun-sea i:nth-child(1){top:5px;animation-delay:0s}.sio-live-scene[data-scene="sun"] .sio-sun-sea i:nth-child(2){top:17px;animation-delay:-1.4s;opacity:.52}.sio-live-scene[data-scene="sun"] .sio-sun-sea i:nth-child(3){top:28px;animation-delay:-2.9s;opacity:.42}
@keyframes sioSunAvatarGlasses{0%,58%{opacity:0;transform:translateY(-2px) rotate(0) scale(.7)}68%,100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@keyframes sioSunAvatarGlassesBridge{0%,58%{opacity:0}68%,100%{opacity:1}}
@keyframes sioSunWaveLine{0%{transform:translateX(-34px) scaleX(.78);opacity:0}18%{opacity:.72}100%{transform:translateX(58px) scaleX(1.08);opacity:0}}
@keyframes sioSunFoamLine{0%,100%{transform:translateX(-8px) scaleX(.72);opacity:.38}50%{transform:translateX(10px) scaleX(1.08);opacity:.86}}

/* Sonnenpause v5: langer Ruheloop mit gelegentlichem Nippen. */
.sio-live-scene[data-scene="sun"] .sio-live-scene-figure{animation:sioSunLongBeachRest 24s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] .sio-sun-parasol{animation:sioSunParasolLongRest 24s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] .sio-sun-chair{animation:sioSunLoungerLongRest 24s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] .sio-sun-cocktail{animation:sioSunDrinkLongRest 24s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] .sio-live-scene-figure::after{animation:sioSunAvatarGlassesLong 24s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] .sio-live-scene-figure::before{animation:sioSunAvatarGlassesBridgeLong 24s .35s ease-in-out infinite}
@keyframes sioSunLongBeachRest{0%,3%{left:8px;top:78px;transform:translateY(0) rotate(0) scale(1)}8%{left:36px;top:75px;transform:translateY(-3px) rotate(-4deg) scale(1.03)}14%{left:68px;top:80px;transform:translateY(2px) rotate(5deg) scale(.99,1.04)}20%{left:95px;top:82px;transform:rotate(8deg) scale(1)}26%{left:112px;top:91px;transform:rotate(-18deg) scale(1.02)}32%,100%{left:126px;top:90px;transform:rotate(-72deg) scale(1.03,.96)}42%{left:126px;top:89px;transform:rotate(-71deg) scale(1.04,.955)}56%{left:126px;top:90px;transform:rotate(-73deg) scale(1.025,.965)}72%{left:126px;top:89px;transform:rotate(-71deg) scale(1.04,.955)}86%{left:126px;top:90px;transform:rotate(-73deg) scale(1.025,.965)}}
@keyframes sioSunParasolLongRest{0%,18%{opacity:0;transform:translateY(-10px) rotate(-18deg) scale(.65)}25%{opacity:.96;transform:translateY(0) rotate(5deg) scale(1.05)}30%,100%{opacity:.96;transform:translateY(0) rotate(-3deg) scale(1)}55%{transform:translateY(-2px) rotate(1deg) scale(1.01)}80%{transform:translateY(-1px) rotate(-1deg) scale(1)}}
@keyframes sioSunLoungerLongRest{0%,14%{opacity:0;transform:translate(-20px,8px) rotate(-24deg) scale(.55,.16)}22%{opacity:1;transform:translate(-8px,2px) rotate(-8deg) scale(.86,.7)}28%,100%{opacity:1;transform:translate(0,0) rotate(-3deg) scale(1)}}
@keyframes sioSunDrinkLongRest{0%,34%{opacity:0;transform:translateY(8px) scale(.72)}40%,100%{opacity:.95;transform:translateY(0) scale(1)}48%,50%{transform:translate(-22px,-7px) rotate(-14deg) scale(.98)}52%,54%{transform:translate(-19px,-5px) rotate(-10deg) scale(1)}58%{transform:translateY(0) scale(1)}76%,78%{transform:translate(-22px,-7px) rotate(-14deg) scale(.98)}80%,82%{transform:translate(-19px,-5px) rotate(-10deg) scale(1)}86%,100%{transform:translateY(0) scale(1)}}
@keyframes sioSunAvatarGlassesLong{0%,28%{opacity:0;transform:translateY(-2px) rotate(0) scale(.7)}34%,100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@keyframes sioSunAvatarGlassesBridgeLong{0%,28%{opacity:0}34%,100%{opacity:1}}

/* Sonnenpause v6: Warp zum Strand, erst liegen + nippen, dann schwimmen und fröhlich zurück. */
.sio-live-scene[data-scene="sun"] .sio-live-scene-figure{animation:sioSunLoungeSwimReturn 28s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] .sio-sun-parasol{opacity:.96;animation:sioSunParasolCalm 28s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] .sio-sun-chair{opacity:1;animation:sioSunLoungerSteady 28s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] .sio-sun-cocktail{opacity:.95;animation:sioSunDrinkFirstThenRest 28s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] .sio-sun-sea{animation:sioSunSeaFocus 28s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] .sio-live-scene-figure::after{animation:sioSunSwimGlasses 28s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] .sio-live-scene-figure::before{animation:sioSunSwimGlassesBridge 28s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] .sio-sun-sea::before{content:"";position:absolute;left:18px;top:14px;width:42px;height:16px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(218,255,255,.82),rgba(114,235,255,.36) 45%,transparent 72%);opacity:0;filter:blur(.2px);animation:sioSunSwimSplash 28s .35s ease-in-out infinite}
.sio-sun-ring{position:absolute;z-index:9;left:169px;top:66px;width:35px;height:25px;border:6px solid rgba(255,245,154,.95);border-top-color:#ff8e66;border-right-color:#58d9ff;border-bottom-color:#fff19d;border-left-color:#ff6f99;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.22),0 0 10px rgba(255,233,120,.25);opacity:0;transform:rotate(-12deg) scale(.55);animation:sioSunGrabSwimRing 28s .35s ease-in-out infinite}
.sio-sun-ring::before,.sio-sun-ring::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.55)}.sio-sun-ring::before{left:2px;top:2px;width:7px;height:3px}.sio-sun-ring::after{right:3px;bottom:2px;width:6px;height:3px}
@keyframes sioSunLoungeSwimReturn{0%,18%{left:126px;top:90px;transform:rotate(-72deg) scale(1.03,.96)}10%{left:126px;top:89px;transform:rotate(-71deg) scale(1.04,.955)}22%{left:126px;top:90px;transform:rotate(-73deg) scale(1.025,.965)}28%{left:132px;top:86px;transform:rotate(-35deg) scale(1.02)}34%{left:153px;top:75px;transform:rotate(-5deg) scale(1)}40%{left:176px;top:61px;transform:rotate(4deg) scale(.9)}47%{left:184px;top:55px;transform:rotate(-8deg) scale(.72,.58)}56%{left:169px;top:56px;transform:translateY(-5px) rotate(7deg) scale(.78,.62)}64%{left:187px;top:54px;transform:translateY(3px) rotate(-8deg) scale(.76,.6)}72%{left:171px;top:56px;transform:translateY(-4px) rotate(8deg) scale(.78,.62)}78%{left:156px;top:67px;transform:rotate(7deg) scale(.9)}85%{left:136px;top:82px;transform:rotate(-18deg) scale(1)}92%,100%{left:126px;top:90px;transform:rotate(-72deg) scale(1.03,.96)}}
@keyframes sioSunDrinkFirstThenRest{0%,7%,100%{opacity:.95;transform:translateY(0) scale(1)}11%,13%{transform:translate(-22px,-7px) rotate(-14deg) scale(.98)}15%,17%{transform:translate(-19px,-5px) rotate(-10deg) scale(1)}20%{transform:translateY(0) scale(1)}30%,84%{opacity:.55;transform:translateY(1px) scale(.94)}92%{opacity:.95;transform:translateY(0) scale(1)}}
@keyframes sioSunSwimGlasses{0%,28%{opacity:1;transform:translateY(0) rotate(0) scale(1)}34%,82%{opacity:0;transform:translateY(2px) scale(.55)}90%,100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sioSunSwimGlassesBridge{0%,28%{opacity:1}34%,82%{opacity:0}90%,100%{opacity:1}}
@keyframes sioSunParasolCalm{0%,100%{transform:translateY(0) rotate(-3deg) scale(1)}48%{transform:translateY(-2px) rotate(1deg) scale(1.01)}}
@keyframes sioSunLoungerSteady{0%,100%{transform:translate(0,0) rotate(-3deg) scale(1)}30%,84%{transform:translate(0,0) rotate(-3deg) scale(1)}}
@keyframes sioSunSeaFocus{0%,30%,88%,100%{opacity:.82}42%,78%{opacity:1}}
@keyframes sioSunSwimSplash{0%,39%,82%,100%{opacity:0;transform:translateX(-4px) scale(.45)}46%{opacity:.86;transform:translateX(10px) scale(1)}56%{opacity:.55;transform:translateX(-6px) scale(.8)}65%{opacity:.9;transform:translateX(14px) scale(1.12)}74%{opacity:.6;transform:translateX(-2px) scale(.85)}}
@keyframes sioSunGrabSwimRing{0%,24%{opacity:0;left:178px;top:89px;transform:rotate(-18deg) scale(.45)}28%{opacity:1;left:163px;top:82px;transform:rotate(-20deg) scale(.72)}33%{opacity:1;left:147px;top:79px;transform:rotate(-4deg) scale(.82)}39%{opacity:1;left:171px;top:63px;transform:rotate(7deg) scale(.78)}47%{opacity:1;left:178px;top:55px;transform:rotate(-8deg) scale(.62,.5)}56%{opacity:1;left:162px;top:56px;transform:translateY(-5px) rotate(7deg) scale(.68,.52)}64%{opacity:1;left:180px;top:54px;transform:translateY(3px) rotate(-8deg) scale(.66,.5)}72%{opacity:1;left:164px;top:56px;transform:translateY(-4px) rotate(8deg) scale(.68,.52)}79%{opacity:.9;left:151px;top:68px;transform:rotate(5deg) scale(.76)}86%,100%{opacity:0;left:134px;top:84px;transform:rotate(-20deg) scale(.5)}}

/* Sonnenpause v7: Strand erscheint zuerst, SiO warpt nach 2s hinein. Ohne Rettungsring. */
.sio-sun-ring{display:none!important}
.sio-live-scene[data-scene="sun"] .sio-live-scene-figure{animation:sioSunWarpBeachSwim 30s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] .sio-sun-parasol{animation:sioSunOpenParasolAfterWarp 30s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] .sio-sun-chair{animation:sioSunLoungerReadyAfterWarp 30s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] .sio-sun-cocktail{animation:sioSunCocktailAfterWarp 30s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] .sio-live-scene-figure::after{animation:sioSunGlassesAfterWarp 30s .35s ease-in-out infinite}
.sio-live-scene[data-scene="sun"] .sio-live-scene-figure::before{animation:sioSunGlassesBridgeAfterWarp 30s .35s ease-in-out infinite}
.sio-live-scene.is-active[data-scene="sun"]{animation:sioSunSceneFadeIn .35s ease both}
@keyframes sioSunWarpBeachSwim{0%,6.5%{opacity:0;left:126px;top:90px;filter:brightness(3) blur(5px);transform:rotate(-72deg) scale(.15)}7.5%{opacity:1;filter:brightness(1.6) blur(0);left:126px;top:90px;transform:rotate(-72deg) scale(1.12,.98)}10%,26%{opacity:1;filter:none;left:126px;top:90px;transform:rotate(-72deg) scale(1.03,.96)}17%{left:126px;top:89px;transform:rotate(-71deg) scale(1.04,.955)}28%{left:132px;top:86px;transform:rotate(-35deg) scale(1.02)}35%{left:153px;top:75px;transform:rotate(-5deg) scale(1)}42%{left:176px;top:61px;transform:rotate(4deg) scale(.9)}49%{left:184px;top:55px;transform:rotate(-8deg) scale(.72,.58)}58%{left:169px;top:56px;transform:translateY(-5px) rotate(7deg) scale(.78,.62)}66%{left:187px;top:54px;transform:translateY(3px) rotate(-8deg) scale(.76,.6)}74%{left:171px;top:56px;transform:translateY(-4px) rotate(8deg) scale(.78,.62)}80%{left:156px;top:67px;transform:rotate(7deg) scale(.9)}87%{left:136px;top:82px;transform:rotate(-18deg) scale(1)}93%,100%{left:126px;top:90px;transform:rotate(-72deg) scale(1.03,.96)}}
@keyframes sioSunOpenParasolAfterWarp{0%,8%{opacity:0;transform:translateY(-10px) rotate(-18deg) scale(.65)}14%{opacity:.96;transform:translateY(0) rotate(5deg) scale(1.05)}20%,100%{opacity:.96;transform:translateY(0) rotate(-3deg) scale(1)}52%{transform:translateY(-2px) rotate(1deg) scale(1.01)}}
@keyframes sioSunLoungerReadyAfterWarp{0%,5%{opacity:0;transform:translate(-12px,7px) rotate(-18deg) scale(.6,.2)}10%{opacity:1;transform:translate(-5px,2px) rotate(-8deg) scale(.86,.7)}16%,100%{opacity:1;transform:translate(0,0) rotate(-3deg) scale(1)}}
@keyframes sioSunCocktailAfterWarp{0%,13%{opacity:0;transform:translateY(8px) scale(.72)}18%,100%{opacity:.95;transform:translateY(0) scale(1)}23%,25%{transform:translate(-22px,-7px) rotate(-14deg) scale(.98)}27%,29%{transform:translate(-19px,-5px) rotate(-10deg) scale(1)}32%{transform:translateY(0) scale(1)}}
@keyframes sioSunGlassesAfterWarp{0%,10%{opacity:0;transform:translateY(-2px) rotate(0) scale(.7)}15%,100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}36%,82%{opacity:0;transform:translateY(2px) scale(.55)}90%,100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sioSunGlassesBridgeAfterWarp{0%,10%{opacity:0}15%,35%{opacity:1}36%,82%{opacity:0}90%,100%{opacity:1}}
@keyframes sioSunSceneFadeIn{from{opacity:0;filter:blur(2px);transform:scale(.98)}to{opacity:1;filter:none;transform:none}}

/* Sonnenpause v8: Einmaliges Intro + gekoppelter Strand-Alltag als Loop. */
.sio-live-scene[data-scene="sun"] .sio-live-scene-figure{animation:sioSunBeachIntroOnce 11s .35s ease-in-out both}
.sio-live-scene[data-scene="sun"] .sio-sun-parasol{animation:sioSunParasolIntroOnce 11s .35s ease-in-out both}
.sio-live-scene[data-scene="sun"] .sio-sun-chair{animation:sioSunLoungerIntroOnce 11s .35s ease-in-out both}
.sio-live-scene[data-scene="sun"] .sio-sun-cocktail{animation:sioSunCocktailIntroOnce 11s .35s ease-in-out both}
.sio-live-scene[data-scene="sun"] .sio-live-scene-figure::after{animation:sioSunGlassesIntroOnce 11s .35s ease-in-out both}
.sio-live-scene[data-scene="sun"] .sio-live-scene-figure::before{animation:sioSunGlassesBridgeIntroOnce 11s .35s ease-in-out both}
.sio-live-scene[data-scene="sun"] .sio-sun-sea::before{animation:none;opacity:0}
.sio-live-scene[data-scene="sun"].is-sun-loop .sio-live-scene-figure{animation:sioSunBeachLifeLoop 24s ease-in-out infinite}
.sio-live-scene[data-scene="sun"].is-sun-loop .sio-sun-parasol{animation:sioSunParasolLifeLoop 24s ease-in-out infinite}
.sio-live-scene[data-scene="sun"].is-sun-loop .sio-sun-chair{animation:sioSunLoungerLifeLoop 24s ease-in-out infinite}
.sio-live-scene[data-scene="sun"].is-sun-loop .sio-sun-cocktail{animation:sioSunCocktailLifeLoop 24s ease-in-out infinite}
.sio-live-scene[data-scene="sun"].is-sun-loop .sio-live-scene-figure::after{animation:sioSunGlassesLifeLoop 24s ease-in-out infinite}
.sio-live-scene[data-scene="sun"].is-sun-loop .sio-live-scene-figure::before{animation:sioSunGlassesBridgeLifeLoop 24s ease-in-out infinite}
.sio-live-scene[data-scene="sun"].is-sun-loop .sio-sun-sea::before{animation:sioSunSwimSplashLifeLoop 24s ease-in-out infinite}
@keyframes sioSunBeachIntroOnce{0%,17%{opacity:0;left:126px;top:90px;filter:brightness(3) blur(5px);transform:rotate(-72deg) scale(.15)}21%{opacity:1;filter:brightness(1.6) blur(0);left:126px;top:90px;transform:rotate(-72deg) scale(1.12,.98)}27%{opacity:1;filter:none;left:126px;top:90px;transform:rotate(-72deg) scale(1.03,.96)}38%{left:122px;top:84px;transform:rotate(-28deg) scale(1.02)}50%{left:115px;top:84px;transform:rotate(10deg) scale(1)}60%{left:126px;top:90px;transform:rotate(-50deg) scale(1.02)}70%,100%{left:126px;top:90px;filter:none;opacity:1;transform:rotate(-72deg) scale(1.03,.96)}85%{left:126px;top:89px;transform:rotate(-71deg) scale(1.04,.955)}}
@keyframes sioSunParasolIntroOnce{0%,31%{opacity:0;transform:translateY(-10px) rotate(-18deg) scale(.65)}43%{opacity:.96;transform:translateY(0) rotate(7deg) scale(1.08)}55%,100%{opacity:.96;transform:translateY(0) rotate(-3deg) scale(1)}}
@keyframes sioSunLoungerIntroOnce{0%,20%{opacity:0;transform:translate(-12px,7px) rotate(-18deg) scale(.6,.2)}31%{opacity:1;transform:translate(-5px,2px) rotate(-8deg) scale(.86,.7)}42%,100%{opacity:1;transform:translate(0,0) rotate(-3deg) scale(1)}}
@keyframes sioSunCocktailIntroOnce{0%,56%{opacity:0;transform:translateY(8px) scale(.72)}66%,100%{opacity:.95;transform:translateY(0) scale(1)}74%,77%{transform:translate(-22px,-7px) rotate(-14deg) scale(.98)}80%,83%{transform:translate(-19px,-5px) rotate(-10deg) scale(1)}88%,100%{transform:translateY(0) scale(1)}}
@keyframes sioSunGlassesIntroOnce{0%,49%{opacity:0;transform:translateY(-2px) scale(.7)}58%,100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sioSunGlassesBridgeIntroOnce{0%,49%{opacity:0}58%,100%{opacity:1}}
@keyframes sioSunBeachLifeLoop{0%,24%{left:126px;top:90px;transform:rotate(-72deg) scale(1.03,.96)}12%{left:126px;top:89px;transform:rotate(-71deg) scale(1.04,.955)}27%{left:132px;top:86px;transform:rotate(-35deg) scale(1.02)}36%{left:154px;top:75px;transform:rotate(-5deg) scale(1)}45%{left:178px;top:60px;transform:rotate(4deg) scale(.9)}55%{left:184px;top:55px;transform:rotate(-8deg) scale(.72,.58)}64%{left:169px;top:56px;transform:translateY(-5px) rotate(7deg) scale(.78,.62)}72%{left:187px;top:54px;transform:translateY(3px) rotate(-8deg) scale(.76,.6)}79%{left:171px;top:56px;transform:translateY(-4px) rotate(8deg) scale(.78,.62)}86%{left:154px;top:68px;transform:rotate(7deg) scale(.9)}94%{left:136px;top:82px;transform:rotate(-18deg) scale(1)}100%{left:126px;top:90px;transform:rotate(-72deg) scale(1.03,.96)}}
@keyframes sioSunCocktailLifeLoop{0%,100%{opacity:.95;transform:translateY(0) scale(1)}8%,11%{transform:translate(-22px,-7px) rotate(-14deg) scale(.98)}14%,16%{transform:translate(-19px,-5px) rotate(-10deg) scale(1)}25%,88%{opacity:.58;transform:translateY(1px) scale(.94)}94%,100%{opacity:.95;transform:translateY(0) scale(1)}}
@keyframes sioSunGlassesLifeLoop{0%,25%{opacity:1;transform:translateY(0) scale(1)}31%,87%{opacity:0;transform:translateY(2px) scale(.55)}94%,100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sioSunGlassesBridgeLifeLoop{0%,25%{opacity:1}31%,87%{opacity:0}94%,100%{opacity:1}}
@keyframes sioSunParasolLifeLoop{0%,100%{opacity:.96;transform:translateY(0) rotate(-3deg) scale(1)}46%{transform:translateY(-2px) rotate(1deg) scale(1.01)}}
@keyframes sioSunLoungerLifeLoop{0%,100%{opacity:1;transform:translate(0,0) rotate(-3deg) scale(1)}}
@keyframes sioSunSwimSplashLifeLoop{0%,41%,87%,100%{opacity:0;transform:translateX(-4px) scale(.45)}50%{opacity:.86;transform:translateX(10px) scale(1)}61%{opacity:.55;transform:translateX(-6px) scale(.8)}70%{opacity:.9;transform:translateX(14px) scale(1.12)}80%{opacity:.6;transform:translateX(-2px) scale(.85)}}

/* Landingpad v5: nur Lauflichtpunkte aus den vier Ecken in die Mitte. */
.sio-dock-cavity::before{content:""!important;position:absolute!important;inset:5px!important;width:auto!important;height:auto!important;border-radius:12px!important;background:radial-gradient(circle,#f4ffff 0 2px,rgba(94,232,255,.92) 2.6px,rgba(94,232,255,.28) 4px,transparent 5px),radial-gradient(circle,#f4ffff 0 2px,rgba(94,232,255,.92) 2.6px,rgba(94,232,255,.28) 4px,transparent 5px),radial-gradient(circle,#f4ffff 0 2px,rgba(94,232,255,.92) 2.6px,rgba(94,232,255,.28) 4px,transparent 5px),radial-gradient(circle,#f4ffff 0 2px,rgba(94,232,255,.92) 2.6px,rgba(94,232,255,.28) 4px,transparent 5px)!important;background-size:10px 10px,10px 10px,10px 10px,10px 10px!important;background-repeat:no-repeat!important;background-position:0 0,100% 0,0 100%,100% 100%!important;box-shadow:none!important;filter:drop-shadow(0 0 6px rgba(110,236,255,.95))!important;transform:none!important;clip-path:none!important;animation:sioLandingRunLightsClean 1.05s cubic-bezier(.35,0,.22,1) infinite!important}
.sio-live-dock.is-fun-recall .sio-dock-cavity::before{animation:sioLandingRunLightsClean .52s cubic-bezier(.35,0,.22,1) infinite!important;filter:drop-shadow(0 0 10px rgba(205,252,255,1))!important}
@keyframes sioLandingRunLightsClean{0%{background-position:0 0,100% 0,0 100%,100% 100%;opacity:.38}18%{opacity:1}74%{background-position:50% 50%,50% 50%,50% 50%,50% 50%;opacity:1}100%{background-position:50% 50%,50% 50%,50% 50%,50% 50%;opacity:.16}}

/* Landingpad v6: fokussierendes Lauflicht-Tunnelmuster zur Mitte. */
.sio-dock-cavity::before{content:""!important;position:absolute!important;inset:2px!important;width:auto!important;height:auto!important;border-radius:13px!important;background:conic-gradient(from 218deg,transparent 0 42deg,rgba(105,232,255,.22) 48deg,rgba(238,255,255,.95) 54deg,rgba(96,225,255,.55) 61deg,transparent 70deg 138deg,rgba(102,230,255,.12) 145deg,rgba(220,252,255,.78) 151deg,rgba(96,225,255,.42) 158deg,transparent 168deg 360deg)!important;-webkit-mask:repeating-radial-gradient(circle at 50% 50%,transparent 0 5px,#000 6px 7px,transparent 8px 12px)!important;mask:repeating-radial-gradient(circle at 50% 50%,transparent 0 5px,#000 6px 7px,transparent 8px 12px)!important;box-shadow:none!important;filter:drop-shadow(0 0 6px rgba(116,235,255,.98))!important;transform-origin:50% 50%!important;clip-path:none!important;animation:sioLandingTunnelFocus 1.35s linear infinite!important;opacity:.92!important}
.sio-dock-cavity::after{content:""!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;width:10px!important;height:10px!important;border-radius:50%!important;background:radial-gradient(circle,#f6ffff 0 22%,rgba(116,235,255,.92) 34%,rgba(62,202,255,.28) 62%,transparent 74%)!important;box-shadow:0 0 14px rgba(133,241,255,1),0 0 30px rgba(77,221,255,.72)!important;transform:translate(-50%,-50%)!important;animation:sioLandingTunnelCore 1.35s ease-in-out infinite!important}
.sio-live-dock.is-fun-recall .sio-dock-cavity::before{animation:sioLandingTunnelFocus .68s linear infinite!important;filter:drop-shadow(0 0 10px rgba(205,252,255,1))!important;opacity:1!important}
.sio-live-dock.is-fun-recall .sio-dock-cavity::after{animation:sioLandingTunnelCore .68s ease-in-out infinite!important}
@keyframes sioLandingTunnelFocus{0%{transform:rotate(0deg) scale(1.26);opacity:.18}18%{opacity:.92}70%{transform:rotate(178deg) scale(.78);opacity:1}100%{transform:rotate(255deg) scale(.56);opacity:.12}}
@keyframes sioLandingTunnelCore{0%,100%{transform:translate(-50%,-50%) scale(.86);opacity:.72}50%{transform:translate(-50%,-50%) scale(1.22);opacity:1}}

/* Landingpad v7: starker Rückruf-Puls, der sichtbar nach innen läuft. */
.sio-dock-cavity::before{content:""!important;position:absolute!important;inset:-3px!important;width:auto!important;height:auto!important;border-radius:16px!important;background:radial-gradient(circle at 50% 50%,transparent 0 22%,rgba(170,250,255,.24) 25%,rgba(245,255,255,.98) 28%,rgba(86,224,255,.66) 31%,transparent 36%,transparent 100%)!important;box-shadow:none!important;filter:drop-shadow(0 0 10px rgba(100,231,255,.95)) drop-shadow(0 0 18px rgba(44,194,255,.55))!important;-webkit-mask:none!important;mask:none!important;transform-origin:50% 50%!important;clip-path:none!important;animation:sioLandingPulseIn 1.28s cubic-bezier(.22,.78,.22,1) infinite!important;opacity:1!important}
.sio-dock-cavity::after{content:""!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;width:11px!important;height:11px!important;border-radius:50%!important;background:radial-gradient(circle,#ffffff 0 18%,#cfffff 30%,rgba(86,224,255,.88) 48%,rgba(42,184,255,.2) 72%,transparent 76%)!important;box-shadow:0 0 16px rgba(164,248,255,1),0 0 34px rgba(58,210,255,.82),0 0 48px rgba(58,210,255,.34)!important;transform:translate(-50%,-50%)!important;animation:sioLandingPulseCore 1.28s ease-in-out infinite!important}
.sio-live-dock.is-fun-recall .sio-dock-cavity::before{animation:sioLandingPulseIn .72s cubic-bezier(.22,.78,.22,1) infinite!important;filter:drop-shadow(0 0 13px rgba(205,252,255,1)) drop-shadow(0 0 25px rgba(69,220,255,.82))!important}
.sio-live-dock.is-fun-recall .sio-dock-cavity::after{animation:sioLandingPulseCore .72s ease-in-out infinite!important}
@keyframes sioLandingPulseIn{0%{transform:scale(1.42);opacity:0}14%{opacity:1}62%{transform:scale(.58);opacity:1}100%{transform:scale(.34);opacity:0}}
@keyframes sioLandingPulseCore{0%,100%{transform:translate(-50%,-50%) scale(.82);opacity:.78}48%{transform:translate(-50%,-50%) scale(1.38);opacity:1}72%{transform:translate(-50%,-50%) scale(1.05);opacity:.94}}

/* Landingpad v8: Zusatzsignal nur bei laufender SiO-Aktion, als invertierter Ladepuls. */
.sio-live-dock:not(.is-fun-recall) .sio-dock-cavity::before,
.sio-live-dock:not(.is-fun-recall) .sio-dock-cavity::after{display:none!important;content:none!important;animation:none!important}
.sio-live-dock.is-fun-recall .sio-dock-cavity::before{content:""!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;width:48px!important;height:48px!important;inset:auto!important;border-radius:50%!important;background:radial-gradient(circle,transparent 0 42%,rgba(194,252,255,.2) 48%,rgba(245,255,255,.98) 53%,rgba(76,219,255,.72) 59%,transparent 66%)!important;box-shadow:none!important;filter:drop-shadow(0 0 10px rgba(105,232,255,.92)) drop-shadow(0 0 22px rgba(48,204,255,.62))!important;-webkit-mask:none!important;mask:none!important;clip-path:none!important;transform:translate(-50%,-50%) scale(1.18)!important;transform-origin:50% 50%!important;animation:sioDockPulseInverted .96s cubic-bezier(.2,.78,.2,1) infinite!important;opacity:1!important}
.sio-live-dock.is-fun-recall .sio-dock-cavity::after{content:""!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;width:9px!important;height:9px!important;border-radius:50%!important;background:#efffff!important;box-shadow:0 0 14px rgba(150,246,255,1),0 0 30px rgba(70,218,255,.78)!important;transform:translate(-50%,-50%)!important;animation:sioDockRecallCore .96s ease-in-out infinite!important}
@keyframes sioDockPulseInverted{0%{transform:translate(-50%,-50%) scale(1.38);opacity:0}16%{opacity:1}68%{transform:translate(-50%,-50%) scale(.34);opacity:1}100%{transform:translate(-50%,-50%) scale(.22);opacity:0}}
@keyframes sioDockRecallCore{0%,100%{transform:translate(-50%,-50%) scale(.78);opacity:.78}56%{transform:translate(-50%,-50%) scale(1.22);opacity:1}}

/* Landingpad v9: Rückruf-Zusatzeffekt deaktiviert. */
.sio-live-dock .sio-dock-cavity::before,
.sio-live-dock .sio-dock-cavity::after{display:none!important;content:none!important;animation:none!important}

/* Landingpad v10: Ladestation vollständig beruhigt, keine überlagernden Daueranimationen. */
.sio-live-dock,
.sio-live-dock .quick-dock-icon,
.sio-live-dock .sio-dock-energy-ring{animation:none!important}
.sio-live-dock .quick-dock-icon::before,
.sio-live-dock .quick-dock-icon::after,
.sio-live-dock .sio-dock-energy-ring::before{display:none!important;content:none!important;animation:none!important}
.sio-live-dock.is-idle-charging .sio-dock-energy-ring,
.sio-live-dock.is-idle-full .sio-dock-energy-ring,
.sio-live-dock.is-fun-recall .sio-dock-energy-ring{animation:none!important}

/* Rollback: Ladestation zurück auf den Stand vor den Rückruf-/Landingpad-Experimenten. */
.sio-live-dock{position:relative!important;display:block!important;flex:0 0 54px!important;width:54px!important;min-width:54px!important;height:54px!important;padding:0!important;border:1px solid rgba(113,223,255,.66)!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(13,79,105,.97),rgba(4,36,52,.99))!important;box-shadow:inset 0 -8px 13px rgba(0,0,0,.34),0 7px 20px rgba(0,0,0,.22)!important;cursor:pointer;overflow:visible;animation:none!important}
.sio-dock-energy-ring{position:absolute!important;z-index:0!important;inset:-5px!important;border-radius:20px!important;background:conic-gradient(from -90deg,rgba(94,226,255,.96) calc(var(--sio-idle-charge,0)*1%),rgba(94,226,255,.11) 0,rgba(94,226,255,.07) 100%)!important;box-shadow:0 0 0 1px rgba(126,232,255,.18),0 0 18px rgba(74,218,255,.18)!important;opacity:.78!important;transition:background .35s ease,opacity .25s ease,filter .25s ease!important;pointer-events:none!important}
.sio-dock-energy-ring::before{display:none!important;content:none!important}
.sio-dock-energy-ring::after{content:""!important;position:absolute!important;inset:3px!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(4,30,43,.95),rgba(3,19,29,.94))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important}
.sio-live-dock.is-idle-charging .sio-dock-energy-ring{filter:drop-shadow(0 0 8px rgba(85,226,255,.46))!important;animation:sioIdleRingPulse 2.1s ease-in-out infinite!important}
.sio-live-dock.is-idle-full .sio-dock-energy-ring{opacity:1!important;filter:drop-shadow(0 0 12px rgba(104,238,255,.76))!important;animation:sioIdleRingFull 1.25s ease-in-out infinite!important}
.sio-live-dock.is-scene-away .sio-dock-energy-ring,body.sio-dock-empty .sio-live-dock .sio-dock-energy-ring{opacity:.18!important;filter:none!important;animation:none!important}
.sio-dock-cavity{position:absolute!important;z-index:1!important;left:50%!important;top:auto!important;bottom:7px!important;width:42px!important;height:40px!important;border:0!important;border-radius:14px!important;background:radial-gradient(circle at 50% 52%,rgba(80,211,250,.12),rgba(1,20,31,.48) 70%)!important;box-shadow:inset 0 5px 9px rgba(0,0,0,.32)!important;transform:translateX(-50%)!important;overflow:visible!important}
.sio-dock-cavity::before{display:none!important;content:none!important;animation:none!important}
.sio-dock-cavity::after{display:none!important;content:none!important;animation:none!important}
.sio-live-dock .quick-dock-icon{z-index:2!important;left:48%!important;bottom:7px!important;width:40px!important;height:40px!important;transform:translateX(-50%)!important;animation:none!important}
.sio-live-dock .quick-dock-icon::before{content:""!important;display:block!important;position:absolute!important;z-index:-1!important;left:50%!important;top:50%!important;width:20px!important;height:20px!important;border:1px solid rgba(126,235,255,.64)!important;border-radius:50%!important;background:radial-gradient(circle,rgba(103,226,255,.32) 0,rgba(62,190,235,.1) 44%,transparent 66%)!important;box-shadow:0 0 12px rgba(93,222,255,.42),inset 0 0 10px rgba(93,222,255,.22)!important;transform:translate(-50%,-50%)!important;animation:sioDockPulseRing 2.45s ease-out infinite!important}
.sio-live-dock .quick-dock-icon::after{content:""!important;display:block!important;position:absolute!important;z-index:-2!important;left:50%!important;top:50%!important;width:9px!important;height:9px!important;border-radius:50%!important;background:rgba(103,226,255,.5)!important;box-shadow:0 0 16px rgba(93,222,255,.72)!important;transform:translate(-50%,-50%)!important;animation:sioDockCorePulse 2.45s ease-in-out infinite!important}
.sio-live-dock.is-scene-away .quick-dock-icon,body.sio-dock-empty .sio-live-dock .quick-dock-icon{opacity:0!important;transform:translateX(-50%) scale(.25)!important;filter:brightness(3)!important;pointer-events:none!important}
.sio-live-dock.is-scene-away .quick-dock-icon::before,.sio-live-dock.is-scene-away .quick-dock-icon::after,body.sio-dock-empty .sio-live-dock .quick-dock-icon::before,body.sio-dock-empty .sio-live-dock .quick-dock-icon::after{animation-play-state:paused!important;opacity:0!important}
.sio-live-dock.is-scene-away .sio-dock-cavity,body.sio-dock-empty .sio-live-dock .sio-dock-cavity{box-shadow:inset 0 5px 10px rgba(0,0,0,.55),0 0 12px rgba(58,191,236,.28)!important}
.sio-live-dock.is-scene-away .sio-dock-cavity::before,body.sio-dock-empty .sio-live-dock .sio-dock-cavity::before{content:"LEER"!important;display:block!important;position:absolute!important;left:50%!important;top:13px!important;color:#86dff8!important;font-size:6px!important;font-weight:800!important;letter-spacing:.12em!important;background:none!important;filter:none!important;transform:translateX(-50%)!important;animation:none!important}
.sio-live-dock.is-fun-recall{border-color:rgba(113,223,255,.66)!important;box-shadow:inset 0 -8px 13px rgba(0,0,0,.34),0 7px 20px rgba(0,0,0,.22)!important;filter:none!important}
.sio-live-dock.is-fun-recall .sio-dock-energy-ring{background:conic-gradient(from -90deg,rgba(94,226,255,.96) calc(var(--sio-idle-charge,0)*1%),rgba(94,226,255,.11) 0,rgba(94,226,255,.07) 100%)!important}
.sio-live-dock.is-fun-recall .sio-dock-cavity::before,
.sio-live-dock.is-fun-recall .sio-dock-cavity::after{display:none!important;content:none!important;background:none!important;box-shadow:none!important;filter:none!important;animation:none!important}

/* Regen-Fun: Szene klar oberhalb der Suchleiste platzieren. */
.sio-live-scene[data-scene="rain-delight"],
.sio-live-scene.is-idle-action[data-scene="rain-delight"]{top:-116px!important}

/* Sonnen-Fun: Strand-Szene klar oberhalb der Suchleiste platzieren und Text zeigen. */
.sio-live-scene[data-scene="sun"],
.sio-live-scene.is-idle-action[data-scene="sun"]{top:-148px!important}
.sio-live-scene[data-scene="sun"] small{display:block!important;left:22px!important;top:130px!important;max-width:210px!important;padding:5px 9px!important;border:1px solid rgba(126,232,255,.42)!important;border-radius:10px!important;color:#f4fdff!important;background:rgba(3,27,39,.82)!important;box-shadow:0 8px 20px rgba(0,0,0,.28),0 0 14px rgba(65,218,255,.22)!important;font-size:11px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.01em!important;white-space:normal!important;text-align:center!important;text-shadow:0 1px 2px rgba(0,0,0,.75)!important}

/* Einheitliche lesbare Text-Badges für alle Fun-Aktivitäten. */
.sio-live-scene[data-scene="ball-play"] small,
.sio-live-scene[data-scene="dog-walk"] small,
.sio-live-scene[data-scene="paper-plane"] small,
.sio-live-scene[data-scene="boomerang"] small,
.sio-live-scene[data-scene="watering"] small,
.sio-live-scene[data-scene="plums"] small,
.sio-live-scene[data-scene="escooter"] small,
.sio-live-scene[data-scene="tennis"] small,
.sio-live-scene[data-scene="pingpong"] small,
.sio-live-scene[data-scene="console-game"] small,
.sio-live-scene[data-scene="tv-night"] small,
.sio-live-scene[data-scene="cinema"] small,
.sio-live-scene[data-scene="phone-scroll"] small{display:block!important;left:18px!important;top:112px!important;max-width:230px!important;padding:5px 9px!important;border:1px solid rgba(126,232,255,.42)!important;border-radius:10px!important;color:#f4fdff!important;background:rgba(3,27,39,.82)!important;box-shadow:0 8px 20px rgba(0,0,0,.28),0 0 14px rgba(65,218,255,.22)!important;font-size:11px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.01em!important;white-space:normal!important;text-align:center!important;text-shadow:0 1px 2px rgba(0,0,0,.75)!important}
.sio-cloud-restore-entry{display:flex!important;align-items:center;gap:11px;width:100%;margin-top:10px;padding:12px!important;border:1px solid rgba(94,218,255,.56)!important;border-radius:14px!important;color:var(--start-scheme-text)!important;background:linear-gradient(135deg,rgba(48,171,217,.34),rgba(var(--start-scheme-rgb),.22))!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 10px 22px rgba(0,0,0,.14)!important;text-align:left!important;cursor:pointer}.sio-cloud-restore-entry[hidden]{display:none!important}.sio-cloud-restore-entry i{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:rgba(80,204,245,.22);color:#8ceeff;font-style:normal;font-size:19px;font-weight:900;box-shadow:0 0 16px rgba(94,218,255,.26)}.sio-cloud-restore-entry span{display:flex;flex-direction:column;gap:2px;min-width:0}.sio-cloud-restore-entry b{font-size:13px}.sio-cloud-restore-entry small{color:var(--start-scheme-muted);font-size:10px;line-height:1.35}.sio-cloud-restore-entry:hover{border-color:#8ceeff!important;background:linear-gradient(135deg,rgba(65,197,245,.48),rgba(var(--start-scheme-rgb),.3))!important;transform:translateY(-1px)}
.cloud-save-hint.is-restore{line-height:1.45}.cloud-save-hint.is-restore button{display:block;width:100%;margin-top:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.35);border-radius:10px;color:#fff;background:rgba(0,95,150,.42);font-weight:800;cursor:pointer}.cloud-save-hint.is-restore button:hover{background:rgba(0,145,205,.58)}
.sio-live-scene[data-scene="ball-play"] small{left:calc(50% - 58px)!important;top:118px!important}

/* Fun-Aktivitäten v2: mehr Suchleistenbreite für Gassi, Papierflieger und Boomerang. */
.sio-live-scene[data-scene="dog-walk"],
.sio-live-scene[data-scene="paper-plane"],
.sio-live-scene[data-scene="boomerang"]{left:64px!important;right:24px!important;width:auto!important;height:154px!important;top:-122px!important}
.sio-live-scene[data-scene="dog-walk"] .sio-live-scene-figure{left:12px!important;top:70px!important;animation:sioDogWideSio 14s ease-in-out infinite!important}
.sio-live-scene[data-scene="dog-walk"] .one{left:62px!important;top:86px!important;animation:sioDogWideDog 14s ease-in-out infinite!important}
.sio-live-scene[data-scene="dog-walk"] .two{left:45px!important;top:90px!important;width:54px!important;height:2px!important;background:rgba(184,247,255,.78)!important;transform-origin:left center!important;animation:sioDogWideLeash 14s ease-in-out infinite!important}
.sio-live-scene[data-scene="paper-plane"] .sio-live-scene-figure{left:16px!important;top:75px!important;animation:sioPaperWideSio 9.6s ease-in-out infinite!important}
.sio-live-scene[data-scene="paper-plane"] .one{left:60px!important;top:64px!important;width:34px!important;height:22px!important;animation:sioPaperWidePlane 9.6s cubic-bezier(.42,0,.22,1) infinite!important;filter:drop-shadow(0 6px 7px rgba(0,0,0,.26)) drop-shadow(0 0 9px rgba(126,235,255,.55))!important}
.sio-live-scene[data-scene="paper-plane"] .one::before{content:""!important;display:block!important;width:0!important;height:0!important;border-top:10px solid transparent!important;border-bottom:10px solid transparent!important;border-left:35px solid #effcff!important;filter:none!important;text-shadow:none!important}
.sio-live-scene[data-scene="paper-plane"] .one::after{content:""!important;position:absolute!important;left:6px!important;top:9px!important;width:27px!important;height:1px!important;background:rgba(61,176,213,.55)!important;transform:rotate(-16deg)!important}
.sio-live-scene[data-scene="boomerang"] .sio-live-scene-figure{left:16px!important;top:74px!important;animation:sioBoomWideSio 8.8s ease-in-out infinite!important}
.sio-live-scene[data-scene="boomerang"] .one{left:62px!important;top:70px!important;width:42px!important;height:28px!important;animation:sioBoomWideFlight 8.8s cubic-bezier(.36,0,.22,1) infinite!important}
.sio-live-scene[data-scene="boomerang"] .one::before{content:""!important;display:block!important;width:34px!important;height:18px!important;border-top:7px solid #ffc86f!important;border-left:7px solid #ffc86f!important;border-right:0!important;border-bottom:0!important;border-radius:80% 16% 70% 18%!important;background:transparent!important;box-shadow:0 0 9px rgba(255,197,110,.5)!important;transform:rotate(25deg)!important}
@keyframes sioDogWideSio{0%,100%{left:12px;transform:scaleX(1) translateY(0)}43%{left:calc(100% - 105px);transform:scaleX(1) translateY(-2px)}50%{left:calc(100% - 105px);transform:scaleX(-1) translateY(0)}93%{left:12px;transform:scaleX(-1) translateY(-2px)}}
@keyframes sioDogWideDog{0%,100%{left:62px;transform:scaleX(1) translateY(1px)}43%{left:calc(100% - 55px);transform:scaleX(1) translateY(3px)}50%{left:calc(100% - 55px);transform:scaleX(-1) translateY(1px)}93%{left:62px;transform:scaleX(-1) translateY(3px)}}
@keyframes sioDogWideLeash{0%,100%{left:45px;width:54px;transform:rotate(8deg)}43%{left:calc(100% - 92px);width:58px;transform:rotate(-7deg)}50%{left:calc(100% - 92px);width:58px;transform:rotate(187deg)}93%{left:45px;width:54px;transform:rotate(172deg)}}
@keyframes sioPaperWideSio{0%,100%{left:16px;transform:scaleX(1) rotate(0)}10%{left:16px;transform:scaleX(1) rotate(-13deg) translateY(-4px)}42%{left:16px;transform:scaleX(1) rotate(0)}48%{left:calc(100% - 76px);transform:scaleX(-1) rotate(0);filter:brightness(2.6) blur(2px)}58%{left:calc(100% - 76px);transform:scaleX(-1) rotate(12deg) translateY(-4px);filter:none}88%{left:calc(100% - 76px);transform:scaleX(-1) rotate(0)}}
@keyframes sioPaperWidePlane{0%,8%{left:58px;top:72px;opacity:0;transform:rotate(-12deg) scale(.45)}15%{opacity:1}36%{left:calc(100% - 68px);top:28px;transform:rotate(18deg) scale(1)}45%{left:calc(100% - 92px);top:78px;transform:rotate(165deg) scale(.72);opacity:.92}50%,57%{left:calc(100% - 88px);top:78px;opacity:0;transform:rotate(180deg) scale(.35)}64%{opacity:1}82%{left:62px;top:31px;transform:rotate(202deg) scale(1)}94%{left:58px;top:72px;transform:rotate(350deg) scale(.66);opacity:.95}100%{left:58px;top:72px;opacity:0;transform:rotate(360deg) scale(.45)}}
@keyframes sioBoomWideSio{0%,100%{left:16px;transform:scaleX(1) rotate(0)}10%{left:16px;transform:scaleX(1) rotate(-14deg) translateY(-4px)}48%{left:16px;transform:scaleX(1)}55%{left:calc(100% - 78px);transform:scaleX(-1);filter:brightness(2.4) blur(2px)}78%{left:calc(100% - 78px);transform:scaleX(-1) rotate(10deg)}}
@keyframes sioBoomWideFlight{0%,8%{left:62px;top:76px;opacity:0;transform:rotate(-40deg) scale(.5)}14%{opacity:1}34%{left:calc(100% - 88px);top:18px;transform:rotate(260deg) scale(1.05)}52%{left:calc(100% - 42px);top:76px;transform:rotate(520deg) scale(.9)}72%{left:calc(100% - 112px);top:113px;transform:rotate(760deg) scale(.9)}92%{left:64px;top:78px;transform:rotate(1040deg) scale(.72);opacity:1}100%{left:62px;top:76px;transform:rotate(1080deg) scale(.45);opacity:0}}

/* Gassi-Fix: Bewegung per Transform, damit SiO und Hund trotz fixer Startposition gemeinsam laufen. */
.sio-live-scene[data-scene="dog-walk"] .sio-live-scene-figure{animation:sioDogWideSioTransform 14s ease-in-out infinite!important}
.sio-live-scene[data-scene="dog-walk"] .one{animation:sioDogWideDogTransform 14s ease-in-out infinite!important}
.sio-live-scene[data-scene="dog-walk"] .two{animation:sioDogWideLeashTransform 14s ease-in-out infinite!important}
@keyframes sioDogWideSioTransform{0%,100%{transform:translateX(0) scaleX(1) translateY(0)}43%{transform:translateX(min(620px,calc(100vw - 245px))) scaleX(1) translateY(-2px)}50%{transform:translateX(min(620px,calc(100vw - 245px))) scaleX(-1) translateY(0)}93%{transform:translateX(0) scaleX(-1) translateY(-2px)}}
@keyframes sioDogWideDogTransform{0%,100%{transform:translateX(0) scaleX(1) translateY(1px)}43%{transform:translateX(min(620px,calc(100vw - 245px))) scaleX(1) translateY(3px)}50%{transform:translateX(min(620px,calc(100vw - 245px))) scaleX(-1) translateY(1px)}93%{transform:translateX(0) scaleX(-1) translateY(3px)}}
@keyframes sioDogWideLeashTransform{0%,100%{width:54px;transform:translateX(0) rotate(8deg)}43%{width:58px;transform:translateX(min(620px,calc(100vw - 245px))) rotate(8deg)}50%{width:58px;transform:translateX(min(620px,calc(100vw - 245px))) rotate(8deg)}93%{width:54px;transform:translateX(0) rotate(8deg)}}

/* Papierflieger v3: SiO steht mittig, der Flieger nutzt die komplette Suchleistenbreite. */
.sio-live-scene[data-scene="paper-plane"] .sio-live-scene-figure{left:50%!important;top:76px!important;animation:sioPaperCenterThrow 8.8s ease-in-out infinite!important}
.sio-live-scene[data-scene="paper-plane"] .one{left:50%!important;top:58px!important;animation:sioPaperFullRoute 8.8s cubic-bezier(.42,0,.22,1) infinite!important}
.sio-live-scene[data-scene="paper-plane"] small{left:calc(50% - 88px)!important;top:118px!important}
@keyframes sioPaperCenterThrow{0%,100%{transform:translateX(-50%) scaleX(1) rotate(0)}7%{transform:translateX(-50%) scaleX(1) rotate(-15deg) translateY(-5px)}23%{transform:translateX(-50%) scaleX(1) rotate(0)}28%{transform:translateX(-50%) scaleX(-1) rotate(0)}43%{transform:translateX(-50%) scaleX(-1) rotate(14deg) translateY(-5px)}58%{transform:translateX(-50%) scaleX(-1) rotate(0)}64%{transform:translateX(-50%) scaleX(1) rotate(0)}}
@keyframes sioPaperFullRoute{0%,6%{left:50%;top:72px;opacity:0;transform:translateX(-50%) rotate(-10deg) scale(.45)}10%{opacity:1}28%{left:calc(100% - 38px);top:28px;transform:translateX(-50%) rotate(18deg) scale(1)}38%{left:50%;top:72px;opacity:0;transform:translateX(-50%) rotate(175deg) scale(.42)}42%{left:50%;top:72px;opacity:0;transform:translateX(-50%) rotate(190deg) scale(.45)}47%{opacity:1}66%{left:38px;top:28px;transform:translateX(-50%) rotate(198deg) scale(1)}78%{left:50%;top:72px;opacity:0;transform:translateX(-50%) rotate(355deg) scale(.42)}83%{left:50%;top:72px;opacity:0;transform:translateX(-50%) rotate(-10deg) scale(.45)}88%{opacity:1}100%{left:calc(100% - 38px);top:28px;transform:translateX(-50%) rotate(18deg) scale(1)}}

/* Papierflieger v4: Flugroute ohne left-Animation, damit nichts durch !important blockiert. */
.sio-live-scene[data-scene="paper-plane"] .one{left:50%!important;top:72px!important;animation:sioPaperFullRouteTransform 8.8s cubic-bezier(.42,0,.22,1) infinite!important}
@keyframes sioPaperFullRouteTransform{0%,6%{opacity:0;transform:translateX(-50%) translateY(0) rotate(-10deg) scale(.45)}10%{opacity:1}28%{opacity:1;transform:translateX(calc(-50% + min(520px,calc(50vw - 120px)))) translateY(-44px) rotate(18deg) scale(1)}38%{opacity:0;transform:translateX(-50%) translateY(0) rotate(175deg) scale(.42)}42%{opacity:0;transform:translateX(-50%) translateY(0) rotate(190deg) scale(.45)}47%{opacity:1}66%{opacity:1;transform:translateX(calc(-50% - min(520px,calc(50vw - 120px)))) translateY(-44px) rotate(198deg) scale(1)}78%{opacity:0;transform:translateX(-50%) translateY(0) rotate(355deg) scale(.42)}83%{opacity:0;transform:translateX(-50%) translateY(0) rotate(-10deg) scale(.45)}88%{opacity:1}100%{opacity:1;transform:translateX(calc(-50% + min(520px,calc(50vw - 120px)))) translateY(-44px) rotate(18deg) scale(1)}}

/* Papierflieger v5: einmal werfen, danach dauerhaft über die Leiste fliegen. */
.sio-live-scene[data-scene="paper-plane"] .sio-live-scene-figure{left:50%!important;top:76px!important;animation:sioPaperOneThrow 8.8s ease-in-out infinite!important}
.sio-live-scene[data-scene="paper-plane"] .one{left:50%!important;top:50px!important;animation:sioPaperContinuousFlight 8.8s cubic-bezier(.42,0,.22,1) infinite!important}
@keyframes sioPaperOneThrow{0%,100%{transform:translateX(-50%) scaleX(1) rotate(0)}6%{transform:translateX(-50%) scaleX(1) rotate(-15deg) translateY(-5px)}12%,92%{transform:translateX(-50%) scaleX(1) rotate(0)}}
@keyframes sioPaperContinuousFlight{0%{opacity:0;transform:translateX(-50%) translateY(24px) rotate(-10deg) scale(.45)}8%{opacity:1;transform:translateX(-50%) translateY(0) rotate(-4deg) scale(.82)}28%{opacity:1;transform:translateX(calc(-50% + min(540px,calc(50vw - 105px)))) translateY(-34px) rotate(16deg) scale(1)}50%{opacity:1;transform:translateX(calc(-50% + min(130px,calc(18vw)))) translateY(-68px) rotate(96deg) scale(.95)}72%{opacity:1;transform:translateX(calc(-50% - min(540px,calc(50vw - 105px)))) translateY(-34px) rotate(198deg) scale(1)}88%{opacity:1;transform:translateX(calc(-50% - min(130px,calc(18vw)))) translateY(-2px) rotate(282deg) scale(.9)}100%{opacity:1;transform:translateX(calc(-50% + min(540px,calc(50vw - 105px)))) translateY(-34px) rotate(376deg) scale(1)}}

/* Boomerang v2: SiO mittig, Flug rechts -> links -> zurück, dann erneuter Wurf. */
.sio-live-scene[data-scene="boomerang"] .sio-live-scene-figure{left:50%!important;top:76px!important;animation:sioBoomCenterThrow 7.6s ease-in-out infinite!important}
.sio-live-scene[data-scene="boomerang"] .one{left:50%!important;top:62px!important;animation:sioBoomCenterRoute 7.6s cubic-bezier(.36,0,.22,1) infinite!important}
.sio-live-scene[data-scene="boomerang"] small{left:calc(50% - 72px)!important;top:118px!important}
@keyframes sioBoomCenterThrow{0%,100%{transform:translateX(-50%) scaleX(1) rotate(0)}7%{transform:translateX(-50%) scaleX(1) rotate(-16deg) translateY(-5px)}20%,82%{transform:translateX(-50%) scaleX(1) rotate(0)}88%{transform:translateX(-50%) scaleX(1) rotate(10deg) translateY(-3px)}}
@keyframes sioBoomCenterRoute{0%,6%{opacity:0;transform:translateX(-50%) translateY(8px) rotate(-35deg) scale(.5)}11%{opacity:1}28%{transform:translateX(calc(-50% + min(540px,calc(50vw - 105px)))) translateY(-38px) rotate(300deg) scale(1.05)}48%{transform:translateX(calc(-50% + min(120px,calc(16vw)))) translateY(-78px) rotate(620deg) scale(.92)}68%{transform:translateX(calc(-50% - min(540px,calc(50vw - 105px)))) translateY(-34px) rotate(920deg) scale(1.02)}86%{transform:translateX(calc(-50% - min(90px,calc(13vw)))) translateY(-8px) rotate(1180deg) scale(.86);opacity:1}96%{transform:translateX(-50%) translateY(8px) rotate(1360deg) scale(.55);opacity:0}100%{transform:translateX(-50%) translateY(8px) rotate(1400deg) scale(.5);opacity:0}}

/* Blumen gießen v2: Wasser holen, fünf Blumen ablaufen, wiederholen. */
.sio-live-scene[data-scene="watering"]{left:64px!important;right:24px!important;width:auto!important;height:154px!important;top:-122px!important}
.sio-live-scene[data-scene="watering"] .sio-live-scene-figure{left:34px!important;top:72px!important;animation:sioWaterRoute 18s ease-in-out infinite!important}
.sio-live-scene[data-scene="watering"] .one{left:24px!important;top:92px!important;width:28px!important;height:20px!important;border-radius:8px;background:linear-gradient(180deg,#6fe8ff,#18759a)!important;box-shadow:inset 0 2px rgba(255,255,255,.32),0 0 12px rgba(76,220,255,.35)!important}
.sio-live-scene[data-scene="watering"] .one::before{content:""!important;position:absolute!important;left:6px!important;top:-8px!important;width:16px!important;height:9px!important;border:2px solid #aef7ff!important;border-bottom:0!important;border-radius:12px 12px 0 0!important;background:transparent!important}
.sio-live-scene[data-scene="watering"] .two{left:66px!important;top:72px!important;width:24px!important;height:18px!important;border:2px solid #8cecff!important;border-radius:8px 8px 7px 7px!important;background:linear-gradient(145deg,#49dfff,#0d6688)!important;box-shadow:0 0 10px rgba(85,225,255,.38)!important;transform-origin:25% 75%!important;animation:sioWaterCanRoute 18s ease-in-out infinite!important}
.sio-live-scene[data-scene="watering"] .two::before{content:""!important;position:absolute!important;left:15px!important;top:4px!important;width:16px!important;height:4px!important;border-radius:99px!important;background:#aef7ff!important;transform:rotate(-20deg)!important}
.sio-live-scene[data-scene="watering"] .two::after{content:""!important;position:absolute!important;left:-8px!important;top:2px!important;width:10px!important;height:11px!important;border:2px solid #aef7ff!important;border-right:0!important;border-radius:10px 0 0 10px!important}
.sio-live-scene[data-scene="watering"] .three,.sio-live-scene[data-scene="watering"] .four{display:block!important}
.sio-live-scene[data-scene="watering"] .one,.sio-live-scene[data-scene="watering"] .two,.sio-live-scene[data-scene="watering"] .three,.sio-live-scene[data-scene="watering"] .four{filter:drop-shadow(0 6px 7px rgba(0,0,0,.28))}
.sio-live-scene[data-scene="watering"] .three{left:22%!important;top:101px!important}.sio-live-scene[data-scene="watering"] .three::before{content:"🌷  🌼"!important;font-size:24px!important}
.sio-live-scene[data-scene="watering"] .four{left:51%!important;top:101px!important}.sio-live-scene[data-scene="watering"] .four::before{content:"🌸  🌻  🌹"!important;font-size:24px!important}
.sio-live-scene[data-scene="watering"] .sio-fun-particles i{background:#aef6ff!important;box-shadow:0 0 9px rgba(102,230,255,.75)!important;animation:sioWaterRouteDrops 18s ease-out infinite!important}
.sio-live-scene[data-scene="watering"] .sio-fun-particles i:nth-child(1){left:23%!important;top:82px!important;animation-delay:0s!important}.sio-live-scene[data-scene="watering"] .sio-fun-particles i:nth-child(2){left:35%!important;top:82px!important;animation-delay:.2s!important}.sio-live-scene[data-scene="watering"] .sio-fun-particles i:nth-child(3){left:54%!important;top:82px!important;animation-delay:.4s!important}.sio-live-scene[data-scene="watering"] .sio-fun-particles i:nth-child(4){left:78%!important;top:82px!important;animation-delay:.6s!important}
.sio-live-scene[data-scene="watering"] small{left:calc(50% - 75px)!important;top:118px!important}
@keyframes sioWaterRoute{0%,100%{transform:translateX(0) scaleX(1)}8%{transform:translateX(-12px) scaleX(-1)}16%{transform:translateX(0) scaleX(1)}26%{transform:translateX(calc(22vw - 90px)) scaleX(1)}38%{transform:translateX(calc(34vw - 92px)) scaleX(1)}50%{transform:translateX(calc(52vw - 112px)) scaleX(1)}62%{transform:translateX(calc(66vw - 118px)) scaleX(1)}74%{transform:translateX(calc(80vw - 130px)) scaleX(1)}84%{transform:translateX(-12px) scaleX(-1)}92%{transform:translateX(0) scaleX(1)}}
@keyframes sioWaterCanRoute{0%,16%,84%,100%{transform:translateX(0) rotate(0);opacity:1}26%{transform:translateX(calc(22vw - 90px)) rotate(24deg)}38%{transform:translateX(calc(34vw - 92px)) rotate(24deg)}50%{transform:translateX(calc(52vw - 112px)) rotate(24deg)}62%{transform:translateX(calc(66vw - 118px)) rotate(24deg)}74%{transform:translateX(calc(80vw - 130px)) rotate(24deg)}}
@keyframes sioWaterRouteDrops{0%,18%,82%,100%{opacity:0;transform:translate(0,0) scale(.4)}25%,37%,49%,61%,73%{opacity:.9;transform:translate(5px,10px) scale(.9)}30%,42%,54%,66%,78%{opacity:0;transform:translate(12px,28px) scale(.2)}}

/* Pflaumen pflücken v2: Baum zu Baum, kleiner Korb, in großen Korb kippen. */
.sio-live-scene[data-scene="plums"]{left:64px!important;right:24px!important;width:auto!important;height:160px!important;top:-128px!important}
.sio-live-scene[data-scene="plums"] .sio-live-scene-figure{left:26px!important;top:78px!important;animation:sioPlumRoute 20s ease-in-out infinite!important}
.sio-live-scene[data-scene="plums"] .one{left:14%!important;top:26px!important;animation:none!important}.sio-live-scene[data-scene="plums"] .one::before{content:"🌳"!important;font-size:54px!important}
.sio-live-scene[data-scene="plums"] .two{left:34px!important;top:103px!important;animation:sioSmallBasketRoute 20s ease-in-out infinite!important}.sio-live-scene[data-scene="plums"] .two::before{content:"🧺"!important;font-size:24px!important}
.sio-live-scene[data-scene="plums"] .three{left:calc(100% - 78px)!important;top:96px!important;animation:sioBigBasketPulse 20s ease-in-out infinite!important}.sio-live-scene[data-scene="plums"] .three::before{content:"🧺"!important;font-size:42px!important}
.sio-live-scene[data-scene="plums"] .four{display:block!important;left:37%!important;top:30px!important}.sio-live-scene[data-scene="plums"] .four::before{content:"🌳   🌳   🌳"!important;font-size:50px!important;white-space:nowrap!important}
.sio-live-scene[data-scene="plums"] .sio-fun-particles i{width:13px!important;height:13px!important;background:#7e35c9!important;box-shadow:0 0 9px rgba(177,102,255,.72)!important;animation:sioPlumCollect 20s ease-in-out infinite!important}
.sio-live-scene[data-scene="plums"] .sio-fun-particles i:nth-child(1){left:16%!important;top:54px!important;animation-delay:0s!important}
.sio-live-scene[data-scene="plums"] .sio-fun-particles i:nth-child(2){left:39%!important;top:56px!important;animation-delay:.15s!important}
.sio-live-scene[data-scene="plums"] .sio-fun-particles i:nth-child(3){left:58%!important;top:55px!important;animation-delay:.3s!important}
.sio-live-scene[data-scene="plums"] .sio-fun-particles i:nth-child(4){left:76%!important;top:56px!important;animation-delay:.45s!important}
.sio-live-scene[data-scene="plums"] small{left:calc(50% - 76px)!important;top:124px!important}
@keyframes sioPlumRoute{0%,100%{transform:translateX(0) scaleX(1)}10%{transform:translateX(calc(14vw - 62px)) scaleX(1) translateY(-10px) rotate(-6deg)}22%{transform:translateX(calc(34vw - 82px)) scaleX(1) translateY(-12px) rotate(-6deg)}34%{transform:translateX(calc(52vw - 92px)) scaleX(1) translateY(-12px) rotate(-5deg)}46%{transform:translateX(calc(70vw - 102px)) scaleX(1) translateY(-12px) rotate(-5deg)}58%{transform:translateX(calc(100vw - 230px)) scaleX(1) translateY(0)}68%{transform:translateX(calc(100vw - 230px)) scaleX(1) rotate(14deg)}78%{transform:translateX(0) scaleX(-1)}90%{transform:translateX(0) scaleX(1)}}
@keyframes sioSmallBasketRoute{0%,100%{transform:translateX(0) rotate(0);opacity:1}10%{transform:translateX(calc(14vw - 62px)) rotate(-4deg)}22%{transform:translateX(calc(34vw - 82px)) rotate(-4deg)}34%{transform:translateX(calc(52vw - 92px)) rotate(-4deg)}46%{transform:translateX(calc(70vw - 102px)) rotate(-4deg)}58%{transform:translateX(calc(100vw - 230px)) rotate(0)}66%{transform:translateX(calc(100vw - 220px)) rotate(42deg);opacity:1}72%{transform:translateX(calc(100vw - 220px)) rotate(42deg);opacity:.35}78%{transform:translateX(0) rotate(0);opacity:1}}
@keyframes sioBigBasketPulse{0%,55%,100%{transform:scale(1)}66%{transform:scale(1.18) rotate(-3deg)}72%{transform:scale(1.06)}}
@keyframes sioPlumCollect{0%,8%,100%{opacity:1;transform:translate(0,0) scale(1)}14%,22%{opacity:0;transform:translate(-18px,48px) scale(.35)}28%,34%{opacity:0;transform:translate(-18px,48px) scale(.35)}40%,46%{opacity:0;transform:translate(-18px,48px) scale(.35)}52%,58%{opacity:0;transform:translate(-18px,48px) scale(.35)}63%{opacity:1;transform:translate(calc(100vw - 250px),50px) scale(.7)}70%{opacity:0;transform:translate(calc(100vw - 210px),62px) scale(.25)}78%{opacity:1;transform:translate(0,0) scale(1)}}

/* E-Scooter v2: von rechts nach links, Sprung über Rampe in der Mitte. */
.sio-live-scene[data-scene="escooter"]{left:64px!important;right:24px!important;width:auto!important;height:154px!important;top:-122px!important}
.sio-live-scene[data-scene="escooter"] .sio-live-scene-figure{left:calc(100% - 72px)!important;top:70px!important;animation:sioScooterJumpRide 7.2s cubic-bezier(.42,0,.22,1) infinite!important}
.sio-live-scene[data-scene="escooter"] .one{left:calc(100% - 76px)!important;top:101px!important;animation:sioScooterJumpRide 7.2s cubic-bezier(.42,0,.22,1) infinite!important}
.sio-live-scene[data-scene="escooter"] .one::before{content:"🛴"!important;font-size:34px!important;display:block!important;transform:scaleX(-1)!important}
.sio-live-scene[data-scene="escooter"] .two{display:block!important;left:calc(50% - 28px)!important;top:102px!important;width:58px!important;height:18px!important;border-radius:5px 5px 9px 9px!important;background:linear-gradient(135deg,transparent 0 27%,rgba(91,224,255,.82) 28% 60%,rgba(9,73,98,.92) 61% 100%)!important;box-shadow:0 7px 12px rgba(0,0,0,.24),0 0 10px rgba(83,224,255,.22)!important}
.sio-live-scene[data-scene="escooter"] .two::before{content:""!important}
.sio-live-scene[data-scene="escooter"] small{left:calc(50% - 70px)!important;top:120px!important}
@keyframes sioScooterJumpRide{0%{transform:translateX(0) translateY(0) rotate(0);opacity:0}7%{opacity:1}34%{transform:translateX(calc(-50vw + 122px)) translateY(0) rotate(0)}45%{transform:translateX(calc(-50vw + 72px)) translateY(-34px) rotate(-10deg)}56%{transform:translateX(calc(-50vw + 22px)) translateY(0) rotate(3deg)}88%{transform:translateX(calc(-100vw + 215px)) translateY(0) rotate(0);opacity:1}96%{transform:translateX(calc(-100vw + 190px)) translateY(0) rotate(0);opacity:0}100%{transform:translateX(0) translateY(0) rotate(0);opacity:0}}

/* Tennis v2: Schläger bleibt bei SiO, Ball fliegt zwischen links und rechts. */
.sio-live-scene[data-scene="tennis"]{left:64px!important;right:24px!important;width:auto!important;height:154px!important;top:-122px!important}
.sio-live-scene[data-scene="tennis"] .sio-live-scene-figure{left:18px!important;top:72px!important;animation:sioTennisSioStable 6.4s ease-in-out infinite!important}
.sio-live-scene[data-scene="tennis"] .one{left:64px!important;top:58px!important;animation:sioTennisBallStable 6.4s ease-in-out infinite!important}
.sio-live-scene[data-scene="tennis"] .two{left:42px!important;top:72px!important;animation:sioTennisRacketStable 6.4s ease-in-out infinite!important}
.sio-live-scene[data-scene="tennis"] .two::before{content:"◖"!important;font-size:34px!important;color:#eafcff!important;text-shadow:0 0 8px rgba(126,235,255,.65)!important}
.sio-live-scene[data-scene="tennis"] small{left:calc(50% - 58px)!important;top:118px!important}
@keyframes sioTennisSioStable{0%,42%,100%{transform:translateX(0) scaleX(1);filter:none}48%{transform:translateX(0) scale(.2);filter:brightness(3) blur(4px)}54%,88%{transform:translateX(calc(100vw - 260px)) scaleX(-1);filter:none}94%{transform:translateX(calc(100vw - 260px)) scale(.2);filter:brightness(3) blur(4px)}}
@keyframes sioTennisRacketStable{0%,42%,100%{transform:translateX(0) rotate(-28deg);filter:none}10%{transform:translateX(0) rotate(24deg)}48%{transform:translateX(0) scale(.2);filter:brightness(3) blur(4px)}54%,88%{transform:translateX(calc(100vw - 260px)) rotate(28deg);filter:none}66%{transform:translateX(calc(100vw - 260px)) rotate(-24deg)}94%{transform:translateX(calc(100vw - 260px)) scale(.2);filter:brightness(3) blur(4px)}}
@keyframes sioTennisBallStable{0%,100%{transform:translate(0,0) scale(1)}42%{transform:translate(calc(100vw - 295px),-24px) scale(1)}54%{transform:translate(calc(100vw - 295px),-24px) scale(1)}88%{transform:translate(0,10px) scale(1)}}

/* Tischtennis v2: Platte mittig, SiO portet nur links/rechts an der Platte. */
.sio-live-scene[data-scene="pingpong"]{left:64px!important;right:24px!important;width:auto!important;height:154px!important;top:-122px!important}
.sio-live-scene[data-scene="pingpong"] .one{left:calc(50% - 70px)!important;top:86px!important;width:140px!important;height:20px!important;border-radius:9px!important;background:linear-gradient(180deg,#37c6ec,#135f7b)!important;box-shadow:0 8px 14px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.25)!important;animation:none!important}
.sio-live-scene[data-scene="pingpong"] .one::before{content:""!important;position:absolute!important;left:69px!important;top:-11px!important;width:2px!important;height:31px!important;background:#dffaff!important;box-shadow:0 0 8px rgba(126,235,255,.5)!important}
.sio-live-scene[data-scene="pingpong"] .sio-live-scene-figure{left:calc(50% - 122px)!important;top:68px!important;animation:sioPingSioTable 5.4s ease-in-out infinite!important}
.sio-live-scene[data-scene="pingpong"] .two{left:calc(50% - 42px)!important;top:62px!important;animation:sioPingBallTable 5.4s ease-in-out infinite!important}
.sio-live-scene[data-scene="pingpong"] .two::before{content:"●"!important;font-size:15px!important;color:#fff!important;text-shadow:0 0 8px rgba(255,255,255,.8)!important}
.sio-live-scene[data-scene="pingpong"] small{left:calc(50% - 74px)!important;top:118px!important}
@keyframes sioPingSioTable{0%,42%,100%{transform:translateX(0) scaleX(1);filter:none}48%{transform:translateX(0) scale(.18);filter:brightness(3) blur(4px)}54%,88%{transform:translateX(192px) scaleX(-1);filter:none}94%{transform:translateX(192px) scale(.18);filter:brightness(3) blur(4px)}}
@keyframes sioPingBallTable{0%,100%{transform:translate(0,0)}25%{transform:translate(84px,-17px)}50%{transform:translate(162px,0)}75%{transform:translate(84px,-18px)}}

/* Konsole v2: SiO links, TV rechts in Seiten-/Frontansicht, Konsole davor. */
.sio-live-scene[data-scene="console-game"]{left:64px!important;right:24px!important;width:auto!important;height:154px!important;top:-122px!important}
.sio-live-scene[data-scene="console-game"] .sio-live-scene-figure{left:36px!important;top:77px!important;animation:sioConsoleHappyPlay 3.2s ease-in-out infinite!important}
.sio-live-scene[data-scene="console-game"] .one{left:calc(100% - 160px)!important;top:38px!important;width:112px!important;height:66px!important;border:2px solid rgba(180,245,255,.68)!important;border-radius:8px!important;background:linear-gradient(90deg,#082131 0 78%,#03121b 79% 100%)!important;box-shadow:10px 8px 16px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.18)!important;transform:skewY(-3deg)!important;animation:none!important}
.sio-live-scene[data-scene="console-game"] .one::before{content:""!important;position:absolute!important;left:8px!important;right:18px!important;top:8px!important;bottom:8px!important;border-radius:6px!important;background:linear-gradient(120deg,#3be7ff,#7aff9d 38%,#ffe06a 64%,#ff6ea8)!important;box-shadow:inset 0 0 12px rgba(255,255,255,.28)!important;animation:sioConsoleScreen 1.55s linear infinite!important}
.sio-live-scene[data-scene="console-game"] .one::after{content:""!important;position:absolute!important;right:-12px!important;top:9px!important;width:13px!important;height:56px!important;border-radius:0 7px 7px 0!important;background:linear-gradient(180deg,#061923,#02090e)!important}
.sio-live-scene[data-scene="console-game"] .two{left:calc(100% - 122px)!important;top:106px!important;width:42px!important;height:14px!important;border-radius:7px!important;background:linear-gradient(180deg,#111b25,#03070a)!important;box-shadow:0 5px 9px rgba(0,0,0,.32),0 0 9px rgba(85,225,255,.22)!important;animation:sioConsolePulse 1.7s ease-in-out infinite!important}
.sio-live-scene[data-scene="console-game"] .two::before{content:""!important;position:absolute!important;left:7px!important;top:4px!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#4ce7ff!important;box-shadow:16px 0 #8dff9f,28px 0 #ffde65!important}
.sio-live-scene[data-scene="console-game"] .three{display:block!important;left:78px!important;top:96px!important;width:34px!important;height:17px!important;border-radius:10px!important;background:linear-gradient(180deg,#172736,#050b12)!important;box-shadow:0 5px 9px rgba(0,0,0,.28)!important;animation:sioControllerBounce 3.2s ease-in-out infinite!important}
.sio-live-scene[data-scene="console-game"] .three::before{content:""!important;position:absolute!important;left:7px!important;top:5px!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#63e9ff!important;box-shadow:17px 0 #ff7eaa!important}
.sio-live-scene[data-scene="console-game"] small{left:calc(50% - 72px)!important;top:120px!important}
@keyframes sioConsoleHappyPlay{0%,100%{transform:translateY(0) rotate(-4deg) scale(1)}25%{transform:translateY(-4px) rotate(5deg) scale(1.04)}50%{transform:translateY(1px) rotate(-2deg) scale(.98)}75%{transform:translateY(-3px) rotate(4deg) scale(1.03)}}
@keyframes sioConsoleScreen{0%,100%{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(65deg) brightness(1.25)}}
@keyframes sioConsolePulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px);filter:brightness(1.25)}}
@keyframes sioControllerBounce{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-3px) rotate(7deg)}}

/* TV-Abend v2: SiO links, seitlicher TV rechts, Popcorn + Cola-Loop. */
.sio-live-scene[data-scene="tv-night"]{left:64px!important;right:24px!important;width:auto!important;height:154px!important;top:-122px!important}
.sio-live-scene[data-scene="tv-night"] .sio-live-scene-figure{left:38px!important;top:78px!important;animation:sioTvSnackSio 7.2s ease-in-out infinite!important}
.sio-live-scene[data-scene="tv-night"] .one{left:calc(100% - 160px)!important;top:39px!important;width:112px!important;height:66px!important;border:2px solid rgba(180,245,255,.6)!important;border-radius:8px!important;background:linear-gradient(90deg,#081b27 0 78%,#020b11 79% 100%)!important;box-shadow:10px 8px 16px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.14)!important;transform:skewY(-3deg)!important;animation:none!important}
.sio-live-scene[data-scene="tv-night"] .one::before{content:""!important;position:absolute!important;left:8px!important;right:18px!important;top:8px!important;bottom:8px!important;border-radius:6px!important;background:radial-gradient(circle at 50% 45%,#fff2a6,#ff7a5e 42%,#221026 72%)!important;box-shadow:inset 0 0 16px rgba(255,255,255,.18)!important;animation:sioTvNightFlicker 2.1s steps(4,end) infinite!important}
.sio-live-scene[data-scene="tv-night"] .one::after{content:""!important;position:absolute!important;right:-12px!important;top:9px!important;width:13px!important;height:56px!important;border-radius:0 7px 7px 0!important;background:linear-gradient(180deg,#061923,#02090e)!important}
.sio-live-scene[data-scene="tv-night"] .two{left:86px!important;top:98px!important;animation:sioTvColaSip 7.2s ease-in-out infinite!important}
.sio-live-scene[data-scene="tv-night"] .two::before{content:"🥤"!important;font-size:25px!important}
.sio-live-scene[data-scene="tv-night"] .three{left:58px!important;top:99px!important;animation:sioTvPopcornGrab 7.2s ease-in-out infinite!important}
.sio-live-scene[data-scene="tv-night"] .three::before{content:"🍿"!important;font-size:25px!important}
.sio-live-scene[data-scene="tv-night"] small{left:calc(50% - 68px)!important;top:120px!important}
@keyframes sioTvSnackSio{0%,100%{transform:translateY(0) rotate(-4deg)}18%{transform:translateY(-2px) rotate(5deg)}32%{transform:translateY(0) rotate(-3deg)}56%{transform:translateY(-3px) rotate(7deg)}72%{transform:translateY(1px) rotate(-2deg)}}
@keyframes sioTvColaSip{0%,42%,100%{transform:translate(0,0) rotate(0)}52%,62%{transform:translate(-23px,-16px) rotate(-18deg) scale(.96)}70%{transform:translate(0,0) rotate(0)}}
@keyframes sioTvPopcornGrab{0%,12%,42%,100%{transform:translate(0,0) rotate(0)}20%,29%{transform:translate(-15px,-12px) rotate(12deg) scale(.96)}36%{transform:translate(0,0) rotate(0)}}
@keyframes sioTvNightFlicker{0%,100%{filter:brightness(1) saturate(1)}25%{filter:brightness(1.18) saturate(1.15)}50%{filter:brightness(.88) saturate(.95)}75%{filter:brightness(1.25) saturate(1.2)}}

/* Blumen gießen v3: SiO bleibt auf der Startseite und geht jede Blume einzeln ab. */
.sio-live-scene[data-scene="watering"]{
  left:64px!important;
  right:24px!important;
  width:auto!important;
  height:154px!important;
  top:-122px!important;
  overflow:hidden!important;
}
.sio-live-scene[data-scene="watering"] .sio-live-scene-figure{
  left:6%!important;
  top:71px!important;
  animation:sioWaterFlowerWalkV3 22s ease-in-out infinite!important;
  z-index:8!important;
}
.sio-live-scene[data-scene="watering"] .one{
  left:10px!important;
  top:96px!important;
  width:30px!important;
  height:19px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#6fe8ff,#176e92)!important;
  box-shadow:inset 0 2px rgba(255,255,255,.32),0 0 12px rgba(76,220,255,.35)!important;
}
.sio-live-scene[data-scene="watering"] .one::before{
  content:""!important;
  position:absolute!important;
  left:6px!important;
  top:-8px!important;
  width:17px!important;
  height:9px!important;
  border:2px solid #aef7ff!important;
  border-bottom:0!important;
  border-radius:12px 12px 0 0!important;
  background:transparent!important;
}
.sio-live-scene[data-scene="watering"] .two{
  left:calc(6% + 38px)!important;
  top:75px!important;
  width:25px!important;
  height:18px!important;
  border:2px solid #8cecff!important;
  border-radius:8px 8px 7px 7px!important;
  background:linear-gradient(145deg,#49dfff,#0d6688)!important;
  box-shadow:0 0 10px rgba(85,225,255,.38)!important;
  transform-origin:25% 75%!important;
  animation:sioWaterCanWalkV3 22s ease-in-out infinite!important;
  z-index:9!important;
}
.sio-live-scene[data-scene="watering"] .two::before{
  content:""!important;
  position:absolute!important;
  left:15px!important;
  top:4px!important;
  width:17px!important;
  height:4px!important;
  border-radius:99px!important;
  background:#aef7ff!important;
  transform:rotate(-20deg)!important;
}
.sio-live-scene[data-scene="watering"] .two::after{
  content:""!important;
  position:absolute!important;
  left:-8px!important;
  top:2px!important;
  width:10px!important;
  height:11px!important;
  border:2px solid #aef7ff!important;
  border-right:0!important;
  border-radius:10px 0 0 10px!important;
}
.sio-water-flower{
  position:absolute;
  top:105px;
  width:20px;
  height:28px;
  z-index:5;
  filter:drop-shadow(0 5px 5px rgba(0,0,0,.25));
}
.sio-water-flower::before{
  content:"";
  position:absolute;
  left:9px;
  top:10px;
  width:3px;
  height:18px;
  border-radius:2px;
  background:linear-gradient(#6dff9d,#23874a);
}
.sio-water-flower::after{
  content:"";
  position:absolute;
  left:4px;
  top:0;
  width:13px;
  height:13px;
  border-radius:50%;
  background:#ff7dc7;
  box-shadow:-6px 3px 0 #ffd45c,6px 3px 0 #8f7dff,0 7px 0 #ffffff,0 3px 0 3px #fff6a6;
  animation:sioWaterFlowerHappyV3 22s ease-in-out infinite;
}
.sio-water-flower.f1{left:10%}.sio-water-flower.f2{left:25%}.sio-water-flower.f3{left:40%}.sio-water-flower.f4{left:55%}.sio-water-flower.f5{left:70%}
.sio-live-scene[data-scene="watering"] .sio-fun-particles i{
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#aef6ff!important;
  box-shadow:0 0 9px rgba(102,230,255,.75)!important;
  top:88px!important;
  opacity:0;
  animation:sioWaterDropSingleV3 22s ease-out infinite!important;
}
.sio-live-scene[data-scene="watering"] .sio-fun-particles i:nth-child(1){left:12%!important;animation-delay:0s!important}
.sio-live-scene[data-scene="watering"] .sio-fun-particles i:nth-child(2){left:27%!important;animation-delay:4s!important}
.sio-live-scene[data-scene="watering"] .sio-fun-particles i:nth-child(3){left:42%!important;animation-delay:8s!important}
.sio-live-scene[data-scene="watering"] .sio-fun-particles i:nth-child(4){left:57%!important;animation-delay:12s!important}
.sio-live-scene[data-scene="watering"] .sio-fun-particles i:nth-child(5){left:72%!important;animation-delay:16s!important}
.sio-live-scene[data-scene="watering"] small{left:calc(50% - 78px)!important;top:121px!important}
@keyframes sioWaterFlowerWalkV3{
  0%,100%{left:6%;transform:translateY(0) scaleX(1) rotate(0)}
  8%,14%{left:8%;transform:translateY(-2px) scaleX(1) rotate(-5deg)}
  22%,28%{left:23%;transform:translateY(-2px) scaleX(1) rotate(-5deg)}
  36%,42%{left:38%;transform:translateY(-2px) scaleX(1) rotate(-5deg)}
  50%,56%{left:53%;transform:translateY(-2px) scaleX(1) rotate(-5deg)}
  64%,70%{left:68%;transform:translateY(-2px) scaleX(1) rotate(-5deg)}
  82%{left:68%;transform:translateY(0) scaleX(-1) rotate(0)}
  92%{left:6%;transform:translateY(0) scaleX(-1) rotate(0)}
}
@keyframes sioWaterCanWalkV3{
  0%,100%{left:calc(6% + 38px);transform:rotate(0);opacity:1}
  8%,14%{left:calc(8% + 38px);transform:rotate(25deg)}
  22%,28%{left:calc(23% + 38px);transform:rotate(25deg)}
  36%,42%{left:calc(38% + 38px);transform:rotate(25deg)}
  50%,56%{left:calc(53% + 38px);transform:rotate(25deg)}
  64%,70%{left:calc(68% + 38px);transform:rotate(25deg)}
  82%{left:calc(68% + 38px);transform:rotate(0)}
  92%{left:calc(6% + 38px);transform:rotate(0)}
}
@keyframes sioWaterDropSingleV3{
  0%,5%,100%{opacity:0;transform:translate(0,0) scale(.4)}
  8%{opacity:.95;transform:translate(7px,10px) scale(.9)}
  12%{opacity:0;transform:translate(13px,31px) scale(.22)}
}
@keyframes sioWaterFlowerHappyV3{
  0%,6%,16%,20%,30%,34%,44%,48%,58%,62%,72%,100%{transform:translateY(0) scale(1)}
  10%,24%,38%,52%,66%{transform:translateY(-2px) scale(1.08)}
}

/* Fun-Aktivitäten v4: kompakter, innerhalb der Suchleistenbreite und ruhiger animiert. */
.sio-live-scene[data-scene="plums"],
.sio-live-scene[data-scene="escooter"],
.sio-live-scene[data-scene="pingpong"],
.sio-live-scene[data-scene="console-game"],
.sio-live-scene[data-scene="tv-night"],
.sio-live-scene[data-scene="phone-scroll"]{
  left:64px!important;
  right:24px!important;
  width:auto!important;
  height:160px!important;
  top:-128px!important;
  overflow:hidden!important;
}

.sio-live-scene[data-scene="plums"] .sio-live-scene-figure{
  left:7%!important;
  top:78px!important;
  animation:sioPlumRouteV4 24s ease-in-out infinite!important;
}
.sio-plum-tree{
  position:absolute;
  top:30px;
  width:50px;
  height:64px;
  z-index:4;
  filter:drop-shadow(0 8px 8px rgba(0,0,0,.24));
}
.sio-plum-tree::before{
  content:"";
  position:absolute;
  left:21px;
  top:30px;
  width:9px;
  height:33px;
  border-radius:8px;
  background:linear-gradient(180deg,#a56732,#5d351d);
}
.sio-plum-tree::after{
  content:"";
  position:absolute;
  left:2px;
  top:0;
  width:46px;
  height:42px;
  border-radius:48% 52% 45% 55%;
  background:
    radial-gradient(circle at 28% 36%,#8d43d5 0 3px,transparent 4px),
    radial-gradient(circle at 60% 28%,#7d34c3 0 3px,transparent 4px),
    radial-gradient(circle at 70% 58%,#a85dff 0 3px,transparent 4px),
    linear-gradient(135deg,#39b765,#166c3f);
  box-shadow:inset 0 8px 14px rgba(255,255,255,.15),0 0 16px rgba(60,220,150,.14);
}
.sio-plum-tree.t1{left:10%}
.sio-plum-tree.t2{left:27%}
.sio-plum-tree.t3{left:44%}
.sio-plum-tree.t4{left:61%}
.sio-live-scene[data-scene="plums"] .two{
  left:calc(7% + 34px)!important;
  top:104px!important;
  width:28px!important;
  height:18px!important;
  border-radius:6px 6px 12px 12px!important;
  background:linear-gradient(180deg,#d6a95a,#8f5f27)!important;
  border:2px solid rgba(255,232,175,.75)!important;
  animation:sioPlumSmallBasketV4 24s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="plums"] .two::before{
  content:""!important;
  position:absolute!important;
  left:5px!important;
  top:-10px!important;
  width:14px!important;
  height:10px!important;
  border:2px solid rgba(255,232,175,.8)!important;
  border-bottom:0!important;
  border-radius:14px 14px 0 0!important;
}
.sio-big-basket{
  position:absolute;
  left:80%;
  top:96px;
  width:48px;
  height:31px;
  border-radius:8px 8px 16px 16px;
  background:
    radial-gradient(circle at 24% 28%,#8b39d2 0 4px,transparent 5px),
    radial-gradient(circle at 50% 35%,#b066ff 0 4px,transparent 5px),
    radial-gradient(circle at 72% 30%,#7d35c4 0 4px,transparent 5px),
    linear-gradient(180deg,#dfb25d,#8b5a24);
  border:2px solid rgba(255,232,175,.78);
  box-shadow:0 8px 14px rgba(0,0,0,.28),0 0 16px rgba(172,97,255,.2);
  animation:sioBigBasketV4 24s ease-in-out infinite;
  z-index:5;
}
.sio-live-scene[data-scene="plums"] .sio-fun-particles i{
  width:11px!important;
  height:11px!important;
  border-radius:50%!important;
  background:#9042d8!important;
  box-shadow:0 0 10px rgba(179,102,255,.7)!important;
  animation:sioPlumDropV4 24s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="plums"] .sio-fun-particles i:nth-child(1){left:13%!important;top:55px!important;animation-delay:0s!important}
.sio-live-scene[data-scene="plums"] .sio-fun-particles i:nth-child(2){left:30%!important;top:55px!important;animation-delay:.1s!important}
.sio-live-scene[data-scene="plums"] .sio-fun-particles i:nth-child(3){left:47%!important;top:55px!important;animation-delay:.2s!important}
.sio-live-scene[data-scene="plums"] .sio-fun-particles i:nth-child(4){left:64%!important;top:55px!important;animation-delay:.3s!important}
.sio-live-scene[data-scene="plums"] small{left:calc(50% - 82px)!important;top:125px!important}

.sio-live-scene[data-scene="escooter"] .sio-live-scene-figure{
  left:72%!important;
  top:70px!important;
  animation:sioScooterInsideRideV4 8s cubic-bezier(.43,0,.2,1) infinite!important;
}
.sio-live-scene[data-scene="escooter"] .one{
  left:72%!important;
  top:102px!important;
  animation:sioScooterInsideRideV4 8s cubic-bezier(.43,0,.2,1) infinite!important;
}
.sio-live-scene[data-scene="escooter"] .one::before{
  content:""!important;
  display:block!important;
  width:42px!important;
  height:18px!important;
  border-bottom:4px solid #73efff!important;
  border-left:3px solid #73efff!important;
  border-radius:0 0 10px 10px!important;
  box-shadow:10px 8px 0 -5px #dffcff,30px 8px 0 -5px #dffcff,0 0 12px rgba(105,235,255,.35)!important;
  transform:scaleX(-1)!important;
}
.sio-live-scene[data-scene="escooter"] .two{
  display:block!important;
  left:calc(50% - 30px)!important;
  top:104px!important;
  width:60px!important;
  height:18px!important;
  border-radius:4px 4px 10px 10px!important;
  background:linear-gradient(135deg,transparent 0 30%,rgba(97,229,255,.86) 31% 64%,rgba(7,63,88,.94) 65% 100%)!important;
  box-shadow:0 7px 14px rgba(0,0,0,.25),0 0 12px rgba(83,224,255,.25)!important;
}
.sio-live-scene[data-scene="escooter"] .two::before{content:""!important}

.sio-live-scene[data-scene="pingpong"] .sio-live-scene-figure{
  left:calc(50% - 132px)!important;
  top:69px!important;
  animation:sioPingLeftV4 5.8s ease-in-out infinite!important;
}
.sio-ping-partner{
  position:absolute;
  left:calc(50% + 91px);
  top:69px;
  width:42px;
  height:42px;
  z-index:8;
  animation:sioPingRightV4 5.8s ease-in-out infinite;
}
.sio-ping-partner .sio-avatar-scene{width:42px;height:42px}
.sio-live-scene[data-scene="pingpong"] .one{
  left:calc(50% - 72px)!important;
  top:88px!important;
  width:144px!important;
  height:19px!important;
}
.sio-live-scene[data-scene="pingpong"] .two{
  left:calc(50% - 48px)!important;
  top:64px!important;
  animation:sioPingBallV4 5.8s ease-in-out infinite!important;
}

.sio-live-scene[data-scene="console-game"] .sio-live-scene-figure{
  left:calc(50% - 126px)!important;
  top:78px!important;
  animation:sioConsoleCalmCelebrateV4 9.6s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="console-game"] .one{
  left:calc(50% + 10px)!important;
  top:42px!important;
  width:118px!important;
  height:68px!important;
}
.sio-live-scene[data-scene="console-game"] .two{
  left:calc(50% + 51px)!important;
  top:112px!important;
}
.sio-live-scene[data-scene="console-game"] .three{
  left:calc(50% - 84px)!important;
  top:98px!important;
  animation:sioControllerCalmV4 9.6s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="console-game"] .four{
  display:block!important;
  left:calc(50% - 147px)!important;
  top:101px!important;
  width:85px!important;
  height:24px!important;
  border-radius:16px 16px 8px 8px!important;
  background:linear-gradient(180deg,#22445c,#0b1e2c)!important;
  box-shadow:0 8px 15px rgba(0,0,0,.28)!important;
}
.sio-live-scene[data-scene="console-game"] .four::before{content:""!important}

.sio-live-scene[data-scene="tv-night"] .sio-live-scene-figure{
  left:calc(50% - 126px)!important;
  top:78px!important;
  animation:sioTvCalmSitV4 12s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="tv-night"] .one{
  left:calc(50% + 8px)!important;
  top:43px!important;
  width:118px!important;
  height:68px!important;
}
.sio-live-scene[data-scene="tv-night"] .two{
  left:calc(50% - 73px)!important;
  top:101px!important;
  animation:sioTvColaOccasionalV4 12s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="tv-night"] .three{
  left:calc(50% - 103px)!important;
  top:102px!important;
  animation:sioTvPopcornOccasionalV4 12s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="tv-night"] .four{
  display:block!important;
  left:calc(50% - 151px)!important;
  top:101px!important;
  width:89px!important;
  height:25px!important;
  border-radius:16px 16px 8px 8px!important;
  background:linear-gradient(180deg,#274a61,#0b1c29)!important;
  box-shadow:0 8px 15px rgba(0,0,0,.28)!important;
}
.sio-live-scene[data-scene="tv-night"] .four::before{content:""!important}

.sio-live-scene[data-scene="phone-scroll"] .sio-live-scene-figure{
  left:calc(50% - 54px)!important;
  top:75px!important;
  animation:sioPhoneReactV4 8.5s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="phone-scroll"] .one{
  left:calc(50% + 4px)!important;
  top:76px!important;
  width:24px!important;
  height:38px!important;
  border:2px solid #aef6ff!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#041520,#12617c)!important;
  box-shadow:0 0 14px rgba(80,225,255,.28)!important;
  animation:sioPhoneGlowV4 8.5s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="phone-scroll"] .one::before{
  content:""!important;
  position:absolute!important;
  left:5px!important;
  right:5px!important;
  top:8px!important;
  height:4px!important;
  border-radius:4px!important;
  background:#5de8ff!important;
  box-shadow:0 8px #8dffbc,0 16px #ffd45d!important;
}
.sio-live-scene[data-scene="phone-scroll"] .two,
.sio-live-scene[data-scene="phone-scroll"] .three,
.sio-live-scene[data-scene="phone-scroll"] .four{
  display:block!important;
  width:18px!important;
  height:14px!important;
  border-radius:8px 8px 8px 2px!important;
  background:rgba(105,231,255,.85)!important;
  box-shadow:0 0 12px rgba(92,229,255,.35)!important;
  animation:sioPhoneBubbleV4 8.5s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="phone-scroll"] .two{left:calc(50% + 36px)!important;top:47px!important;animation-delay:.2s!important}
.sio-live-scene[data-scene="phone-scroll"] .three{left:calc(50% - 15px)!important;top:42px!important;animation-delay:2.4s!important}
.sio-live-scene[data-scene="phone-scroll"] .four{left:calc(50% + 55px)!important;top:68px!important;animation-delay:4.8s!important}
.sio-live-scene[data-scene="phone-scroll"] small{left:calc(50% - 83px)!important;top:123px!important}

@keyframes sioPlumRouteV4{
  0%,100%{left:7%;transform:translateY(0) scaleX(1)}
  8%,13%{left:9%;transform:translateY(-3px) rotate(-4deg)}
  24%,29%{left:26%;transform:translateY(-3px) rotate(4deg)}
  40%,45%{left:43%;transform:translateY(-3px) rotate(-4deg)}
  56%,61%{left:60%;transform:translateY(-3px) rotate(4deg)}
  73%,81%{left:77%;transform:translateY(1px) rotate(-5deg)}
  91%{left:7%;transform:translateY(0) scaleX(-1)}
}
@keyframes sioPlumSmallBasketV4{
  0%,100%{left:calc(7% + 34px)}
  8%,13%{left:calc(9% + 34px)}
  24%,29%{left:calc(26% + 34px)}
  40%,45%{left:calc(43% + 34px)}
  56%,61%{left:calc(60% + 34px)}
  73%,81%{left:calc(77% + 34px);transform:rotate(-14deg)}
  91%{left:calc(7% + 34px)}
}
@keyframes sioBigBasketV4{
  0%,70%,100%{transform:scale(1)}
  76%,81%{transform:scale(1.08)}
}
@keyframes sioPlumDropV4{
  0%,7%,14%,100%{opacity:0;transform:translateY(0) scale(.6)}
  9%,11%{opacity:1;transform:translateY(18px) scale(1)}
  13%{opacity:0;transform:translateY(42px) scale(.4)}
}
@keyframes sioScooterInsideRideV4{
  0%,100%{left:72%;transform:translateY(0) scaleX(1)}
  38%{left:49%;transform:translateY(0) scaleX(1)}
  48%{left:43%;transform:translateY(-26px) rotate(-5deg) scaleX(1)}
  58%{left:35%;transform:translateY(0) scaleX(1)}
  86%{left:11%;transform:translateY(0) scaleX(1)}
  94%{left:11%;transform:translateY(0) scaleX(-1)}
}
@keyframes sioPingLeftV4{
  0%,44%,100%{transform:translateY(0) rotate(0)}
  12%,58%{transform:translateY(-3px) rotate(-7deg)}
}
@keyframes sioPingRightV4{
  0%,35%,100%{transform:translateY(0) rotate(0)}
  28%,76%{transform:translateY(-3px) rotate(7deg)}
}
@keyframes sioPingBallV4{
  0%,100%{left:calc(50% - 52px);top:63px}
  25%{left:calc(50% + 42px);top:54px}
  50%{left:calc(50% + 52px);top:64px}
  75%{left:calc(50% - 42px);top:55px}
}
@keyframes sioConsoleCalmCelebrateV4{
  0%,12%,30%,42%,61%,78%,100%{transform:translateY(0) rotate(0) scale(1)}
  18%{transform:translateY(-4px) rotate(-5deg) scale(1.03)}
  47%{transform:translateY(-3px) rotate(5deg) scale(1.025)}
  84%{transform:translateY(-5px) rotate(-3deg) scale(1.035)}
}
@keyframes sioControllerCalmV4{
  0%,100%{transform:translateY(0)}
  18%,47%,84%{transform:translateY(-2px)}
}
@keyframes sioTvCalmSitV4{
  0%,100%{transform:translateY(0)}
  20%,58%{transform:translateY(-1px)}
}
@keyframes sioTvColaOccasionalV4{
  0%,45%,68%,100%{transform:translate(0,0) rotate(0)}
  53%,60%{transform:translate(-18px,-18px) rotate(-18deg)}
}
@keyframes sioTvPopcornOccasionalV4{
  0%,12%,32%,100%{transform:translate(0,0) rotate(0)}
  18%,25%{transform:translate(-13px,-15px) rotate(12deg)}
}
@keyframes sioPhoneReactV4{
  0%,100%{transform:translateY(0) rotate(0)}
  18%{transform:translateY(-3px) rotate(-4deg)}
  52%{transform:translateY(-2px) rotate(4deg)}
  74%{transform:translateY(-4px) scale(1.03)}
}
@keyframes sioPhoneGlowV4{
  0%,100%{filter:brightness(1);transform:translateY(0)}
  28%,62%{filter:brightness(1.35);transform:translateY(-2px)}
}
@keyframes sioPhoneBubbleV4{
  0%,18%,100%{opacity:0;transform:translateY(10px) scale(.65)}
  30%,60%{opacity:1;transform:translateY(0) scale(1)}
  78%{opacity:0;transform:translateY(-15px) scale(.8)}
}

/* Fun-Aktivitäten v5: Bewegungen stabil per transform, damit nichts aus der Suchleistenbühne springt. */
.sio-live-scene[data-scene="watering"],
.sio-live-scene[data-scene="plums"],
.sio-live-scene[data-scene="escooter"],
.sio-live-scene[data-scene="tennis"],
.sio-live-scene[data-scene="pingpong"],
.sio-live-scene[data-scene="console-game"],
.sio-live-scene[data-scene="tv-night"]{
  left:64px!important;
  right:24px!important;
  width:auto!important;
  height:160px!important;
  top:-128px!important;
  overflow:hidden!important;
}

.sio-live-scene[data-scene="watering"] .sio-live-scene-figure{
  left:8%!important;
  top:72px!important;
  animation:sioWaterWalkV5 20s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="watering"] .two{
  left:calc(8% + 38px)!important;
  top:76px!important;
  animation:sioWaterCanV5 20s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="watering"] .sio-fun-particles i:nth-child(1){animation-delay:1.25s!important}
.sio-live-scene[data-scene="watering"] .sio-fun-particles i:nth-child(2){animation-delay:5.25s!important}
.sio-live-scene[data-scene="watering"] .sio-fun-particles i:nth-child(3){animation-delay:9.25s!important}
.sio-live-scene[data-scene="watering"] .sio-fun-particles i:nth-child(4){animation-delay:13.25s!important}
.sio-live-scene[data-scene="watering"] .sio-fun-particles i:nth-child(5){animation-delay:17.25s!important}

.sio-live-scene[data-scene="plums"] .sio-live-scene-figure{
  left:9%!important;
  top:78px!important;
  animation:sioPlumWalkV5 24s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="plums"] .two{
  left:calc(9% + 34px)!important;
  top:104px!important;
  animation:sioPlumBasketV5 24s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="plums"] .sio-fun-particles i{
  animation:sioPlumDropV5 24s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="plums"] .sio-fun-particles i:nth-child(1){animation-delay:1.8s!important}
.sio-live-scene[data-scene="plums"] .sio-fun-particles i:nth-child(2){animation-delay:6.2s!important}
.sio-live-scene[data-scene="plums"] .sio-fun-particles i:nth-child(3){animation-delay:10.6s!important}
.sio-live-scene[data-scene="plums"] .sio-fun-particles i:nth-child(4){animation-delay:15s!important}

.sio-live-scene[data-scene="escooter"] .sio-live-scene-figure{
  left:11%!important;
  top:70px!important;
  animation:sioScooterRideV5 7.8s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="escooter"] .one{
  left:11%!important;
  top:102px!important;
  animation:sioScooterDeckV5 7.8s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="escooter"] .two{
  left:calc(50% - 30px)!important;
  top:105px!important;
}

.sio-live-scene[data-scene="tennis"] .sio-live-scene-figure{
  left:12%!important;
  top:72px!important;
  animation:sioTennisPlayerV5 6.8s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="tennis"] .one{
  left:15%!important;
  top:60px!important;
  animation:sioTennisBallV5 6.8s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="tennis"] .two{
  left:15%!important;
  top:75px!important;
  animation:sioTennisRacketV5 6.8s ease-in-out infinite!important;
}

.sio-live-scene[data-scene="pingpong"] .sio-live-scene-figure{
  left:calc(50% - 132px)!important;
  top:69px!important;
  animation:sioPingLeftV5 5.4s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="pingpong"] .sio-ping-partner{
  left:calc(50% + 91px)!important;
  top:69px!important;
  animation:sioPingRightV5 5.4s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="pingpong"] .two{
  left:calc(50% - 52px)!important;
  top:64px!important;
  animation:sioPingBallV5 5.4s ease-in-out infinite!important;
  z-index:10!important;
}

.sio-live-scene[data-scene="console-game"] .sio-live-scene-figure,
.sio-live-scene[data-scene="tv-night"] .sio-live-scene-figure{
  left:calc(50% - 132px)!important;
  top:72px!important;
  z-index:12!important;
}
.sio-live-scene[data-scene="console-game"] .four,
.sio-live-scene[data-scene="tv-night"] .four{
  left:calc(50% - 154px)!important;
  top:103px!important;
  height:20px!important;
  z-index:4!important;
}
.sio-live-scene[data-scene="console-game"] .one,
.sio-live-scene[data-scene="tv-night"] .one{
  left:calc(50% + 2px)!important;
  top:39px!important;
  width:126px!important;
  height:72px!important;
  z-index:7!important;
}
.sio-live-scene[data-scene="console-game"] .two{
  left:calc(50% + 46px)!important;
  top:112px!important;
}
.sio-live-scene[data-scene="console-game"] .three{
  left:calc(50% - 98px)!important;
  top:99px!important;
}
.sio-live-scene[data-scene="console-game"] .sio-live-scene-figure{
  animation:sioConsoleVisibleHappyV5 10s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="tv-night"] .two{
  left:calc(50% - 79px)!important;
  top:101px!important;
}
.sio-live-scene[data-scene="tv-night"] .three{
  left:calc(50% - 107px)!important;
  top:102px!important;
}
.sio-live-scene[data-scene="tv-night"] .sio-live-scene-figure{
  animation:sioTvVisibleSitV5 12s ease-in-out infinite!important;
}

@keyframes sioWaterWalkV5{
  0%,100%{transform:translateX(0) translateY(0) rotate(0)}
  8%,14%{transform:translateX(0) translateY(-2px) rotate(-5deg)}
  22%,28%{transform:translateX(clamp(90px,15vw,170px)) translateY(-2px) rotate(-5deg)}
  36%,42%{transform:translateX(clamp(170px,30vw,330px)) translateY(-2px) rotate(-5deg)}
  50%,56%{transform:translateX(clamp(250px,45vw,490px)) translateY(-2px) rotate(-5deg)}
  64%,70%{transform:translateX(clamp(320px,58vw,620px)) translateY(-2px) rotate(-5deg)}
  82%{transform:translateX(clamp(320px,58vw,620px)) scaleX(-1)}
  92%{transform:translateX(0) scaleX(-1)}
}
@keyframes sioWaterCanV5{
  0%,100%{transform:translateX(0) rotate(0)}
  8%,14%{transform:translateX(0) rotate(25deg)}
  22%,28%{transform:translateX(clamp(90px,15vw,170px)) rotate(25deg)}
  36%,42%{transform:translateX(clamp(170px,30vw,330px)) rotate(25deg)}
  50%,56%{transform:translateX(clamp(250px,45vw,490px)) rotate(25deg)}
  64%,70%{transform:translateX(clamp(320px,58vw,620px)) rotate(25deg)}
  82%{transform:translateX(clamp(320px,58vw,620px)) rotate(0)}
  92%{transform:translateX(0) rotate(0)}
}
@keyframes sioPlumWalkV5{
  0%,100%{transform:translateX(0) translateY(0)}
  8%,14%{transform:translateX(0) translateY(-3px) rotate(-4deg)}
  24%,30%{transform:translateX(clamp(105px,17vw,185px)) translateY(-3px) rotate(4deg)}
  40%,46%{transform:translateX(clamp(205px,34vw,370px)) translateY(-3px) rotate(-4deg)}
  56%,62%{transform:translateX(clamp(305px,51vw,555px)) translateY(-3px) rotate(4deg)}
  74%,82%{transform:translateX(clamp(380px,63vw,670px)) translateY(1px) rotate(-5deg)}
  92%{transform:translateX(0) scaleX(-1)}
}
@keyframes sioPlumBasketV5{
  0%,100%{transform:translateX(0)}
  8%,14%{transform:translateX(0)}
  24%,30%{transform:translateX(clamp(105px,17vw,185px))}
  40%,46%{transform:translateX(clamp(205px,34vw,370px))}
  56%,62%{transform:translateX(clamp(305px,51vw,555px))}
  74%,82%{transform:translateX(clamp(380px,63vw,670px)) rotate(-14deg)}
  92%{transform:translateX(0)}
}
@keyframes sioPlumDropV5{
  0%,7%,14%,100%{opacity:0;transform:translateY(0) scale(.6)}
  9%,11%{opacity:1;transform:translateY(20px) scale(1)}
  13%{opacity:0;transform:translateY(44px) scale(.4)}
}
@keyframes sioScooterRideV5{
  0%,100%{transform:translateX(0) translateY(0)}
  38%{transform:translateX(clamp(180px,34vw,360px)) translateY(0)}
  48%{transform:translateX(clamp(230px,42vw,455px)) translateY(-26px) rotate(-5deg)}
  58%{transform:translateX(clamp(280px,50vw,540px)) translateY(0)}
  86%{transform:translateX(clamp(360px,63vw,650px)) translateY(0)}
  94%{transform:translateX(clamp(360px,63vw,650px)) translateY(0) scaleX(-1)}
}
@keyframes sioScooterDeckV5{
  0%,100%{transform:translateX(0) translateY(0)}
  38%{transform:translateX(clamp(180px,34vw,360px)) translateY(0)}
  48%{transform:translateX(clamp(230px,42vw,455px)) translateY(-26px) rotate(-5deg)}
  58%{transform:translateX(clamp(280px,50vw,540px)) translateY(0)}
  86%{transform:translateX(clamp(360px,63vw,650px)) translateY(0)}
  94%{transform:translateX(clamp(360px,63vw,650px)) translateY(0) scaleX(-1)}
}
@keyframes sioTennisPlayerV5{
  0%,42%,100%{transform:translateX(0) scaleX(1);filter:none}
  48%{transform:translateX(0) scale(.2);filter:brightness(3) blur(4px)}
  54%,88%{transform:translateX(clamp(320px,58vw,630px)) scaleX(-1);filter:none}
  94%{transform:translateX(clamp(320px,58vw,630px)) scale(.2);filter:brightness(3) blur(4px)}
}
@keyframes sioTennisRacketV5{
  0%,42%,100%{transform:translateX(0) rotate(-28deg);filter:none}
  12%{transform:translateX(0) rotate(23deg)}
  48%{transform:translateX(0) scale(.2);filter:brightness(3) blur(4px)}
  54%,88%{transform:translateX(clamp(320px,58vw,630px)) rotate(28deg);filter:none}
  68%{transform:translateX(clamp(320px,58vw,630px)) rotate(-24deg)}
  94%{transform:translateX(clamp(320px,58vw,630px)) scale(.2);filter:brightness(3) blur(4px)}
}
@keyframes sioTennisBallV5{
  0%,100%{transform:translate(0,0)}
  42%,54%{transform:translate(clamp(320px,56vw,615px),-24px)}
  88%{transform:translate(0,10px)}
}
@keyframes sioPingLeftV5{
  0%,44%,100%{transform:translateY(0) rotate(0)}
  12%,58%{transform:translateY(-3px) rotate(-7deg)}
}
@keyframes sioPingRightV5{
  0%,35%,100%{transform:translateY(0) rotate(0)}
  28%,76%{transform:translateY(-3px) rotate(7deg)}
}
@keyframes sioPingBallV5{
  0%,100%{transform:translate(0,0)}
  25%{transform:translate(100px,-12px)}
  50%{transform:translate(210px,0)}
  75%{transform:translate(100px,-12px)}
}
@keyframes sioConsoleVisibleHappyV5{
  0%,14%,32%,48%,66%,82%,100%{transform:translateY(0) rotate(0) scale(1)}
  20%{transform:translateY(-5px) rotate(-5deg) scale(1.04)}
  54%{transform:translateY(-3px) rotate(5deg) scale(1.025)}
  88%{transform:translateY(-5px) rotate(-3deg) scale(1.035)}
}
@keyframes sioTvVisibleSitV5{
  0%,100%{transform:translateY(0) rotate(0)}
  18%,56%{transform:translateY(-1px) rotate(-2deg)}
}

/* SiO Fun-Aktivität: Sterne gucken */
.sio-live-scene[data-scene="stargazing"]{
  left:64px!important;
  right:24px!important;
  top:-132px!important;
  width:auto!important;
  height:164px!important;
  overflow:visible!important;
  animation:sioSceneWarp .4s ease both!important;
}
.sio-live-scene[data-scene="stargazing"] .sio-star-sky{
  position:absolute;
  z-index:0;
  left:calc(50% - 170px);
  top:8px;
  width:340px;
  height:116px;
  border:1px solid rgba(120,225,255,.18);
  border-radius:28px 28px 42px 42px;
  background:radial-gradient(circle at 18% 28%,rgba(255,255,255,.92) 0 1px,transparent 2px),radial-gradient(circle at 33% 18%,rgba(142,238,255,.8) 0 1px,transparent 2px),radial-gradient(circle at 51% 33%,rgba(255,255,255,.9) 0 1px,transparent 2px),radial-gradient(circle at 70% 22%,rgba(142,238,255,.9) 0 1px,transparent 2px),radial-gradient(circle at 84% 42%,rgba(255,255,255,.8) 0 1px,transparent 2px),linear-gradient(180deg,rgba(3,16,38,.9),rgba(9,51,78,.6) 65%,rgba(12,82,103,.14));
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 12px 24px rgba(0,0,0,.22),0 0 26px rgba(74,214,255,.16);
  opacity:.96;
}
.sio-live-scene[data-scene="stargazing"] .sio-star-sky::before{
  content:"";
  position:absolute;
  right:54px;
  top:20px;
  width:28px;
  height:28px;
  border-radius:50%;
  background:radial-gradient(circle at 34% 32%,#fff9c5,#d9f6ff 56%,rgba(121,225,255,.18) 72%);
  box-shadow:0 0 18px rgba(205,247,255,.55);
  animation:sioStarsMoonGlow 5.8s ease-in-out infinite;
}
.sio-live-scene[data-scene="stargazing"] .sio-star-sky::after{
  content:"";
  position:absolute;
  left:54px;
  top:32px;
  width:68px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,rgba(208,249,255,.95),transparent);
  box-shadow:0 0 12px rgba(126,232,255,.9);
  transform:rotate(-18deg);
  opacity:0;
  animation:sioStarsShooting 6.6s ease-in-out infinite;
}
.sio-live-scene[data-scene="stargazing"] .sio-fun-ground{
  left:calc(50% - 155px)!important;
  right:auto!important;
  top:119px!important;
  width:310px!important;
  height:16px!important;
  background:radial-gradient(ellipse at center,rgba(4,14,23,.42),rgba(17,99,121,.18) 58%,transparent 74%)!important;
}
.sio-live-scene[data-scene="stargazing"] .sio-live-scene-figure{
  z-index:5;
  left:calc(50% - 82px)!important;
  top:78px!important;
  width:48px!important;
  height:48px!important;
  animation:sioStarsSioLook 4.8s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="stargazing"] .one{
  left:calc(50% - 18px)!important;
  top:78px!important;
  width:76px!important;
  height:19px!important;
  border-radius:12px!important;
  background:linear-gradient(90deg,#defcff,#76ddff 42%,#0c5f85 43%,#06283e)!important;
  box-shadow:0 7px 12px rgba(0,0,0,.32),0 0 14px rgba(96,224,255,.34)!important;
  transform:rotate(-21deg)!important;
  transform-origin:20% 50%!important;
  animation:sioStarsTelescope 5.4s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="stargazing"] .one::before{
  content:""!important;
  position:absolute!important;
  right:-9px!important;
  top:1px!important;
  width:20px!important;
  height:17px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 35% 38%,#fff,#9ef2ff 44%,#1f91b8 76%)!important;
  box-shadow:0 0 14px rgba(126,235,255,.64)!important;
}
.sio-live-scene[data-scene="stargazing"] .one::after{
  content:""!important;
  position:absolute!important;
  left:20px!important;
  top:18px!important;
  width:42px!important;
  height:35px!important;
  background:linear-gradient(72deg,transparent 0 47%,rgba(193,246,255,.86) 48% 52%,transparent 53%),linear-gradient(-42deg,transparent 0 47%,rgba(193,246,255,.86) 48% 52%,transparent 53%)!important;
  opacity:.72!important;
}
.sio-live-scene[data-scene="stargazing"] .two{
  left:calc(50% - 96px)!important;
  top:101px!important;
  width:72px!important;
  height:19px!important;
  border-radius:50% 50% 46% 46%!important;
  background:linear-gradient(180deg,#315d7a,#112f43)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 8px 10px rgba(0,0,0,.24)!important;
  transform:rotate(-5deg)!important;
}
.sio-live-scene[data-scene="stargazing"] .two::before,.sio-live-scene[data-scene="stargazing"] .three::before,.sio-live-scene[data-scene="stargazing"] .four::before{content:""!important}
.sio-live-scene[data-scene="stargazing"] .three{
  left:calc(50% + 58px)!important;
  top:101px!important;
  width:42px!important;
  height:12px!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,rgba(99,232,255,.9),rgba(255,232,150,.85),rgba(255,120,180,.7))!important;
  box-shadow:0 0 11px rgba(106,224,255,.35)!important;
  opacity:.88!important;
  animation:sioStarsConstellation 4.8s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="stargazing"] .four{
  left:calc(50% + 94px)!important;
  top:64px!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 0 9px #bff8ff,16px 18px 0 -2px #bff8ff,-22px 24px 0 -2px #fff,32px 5px 0 -3px #fff!important;
  animation:sioStarsTwinkle 2.7s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="stargazing"] .sio-fun-particles i{
  width:4px!important;
  height:4px!important;
  background:#eaffff!important;
  box-shadow:0 0 10px rgba(177,247,255,.95)!important;
  opacity:.3!important;
  animation:sioStarsTwinkle 3.2s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="stargazing"] .sio-fun-particles i:nth-child(1){left:calc(50% - 136px)!important;top:35px!important;animation-delay:.1s!important}
.sio-live-scene[data-scene="stargazing"] .sio-fun-particles i:nth-child(2){left:calc(50% - 64px)!important;top:23px!important;animation-delay:.7s!important}
.sio-live-scene[data-scene="stargazing"] .sio-fun-particles i:nth-child(3){left:50%!important;top:45px!important;animation-delay:1.1s!important}
.sio-live-scene[data-scene="stargazing"] .sio-fun-particles i:nth-child(4){left:calc(50% + 42px)!important;top:26px!important;animation-delay:1.6s!important}
.sio-live-scene[data-scene="stargazing"] .sio-fun-particles i:nth-child(5){left:calc(50% + 122px)!important;top:48px!important;animation-delay:2.1s!important}
.sio-live-scene[data-scene="stargazing"] .sio-fun-particles i:nth-child(6){left:calc(50% + 4px)!important;top:16px!important;animation-delay:2.6s!important}
.sio-live-scene[data-scene="stargazing"] small{
  z-index:8;
  left:calc(50% - 61px)!important;
  top:126px!important;
  display:block!important;
  color:#f0fcff!important;
  background:rgba(3,24,39,.92)!important;
  border-color:rgba(129,229,255,.55)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
}
@keyframes sioStarsSioLook{0%,100%{transform:translateY(0) rotate(0deg)}28%{transform:translateY(-2px) rotate(-4deg)}58%{transform:translateY(1px) rotate(3deg)}}
@keyframes sioStarsTelescope{0%,100%{transform:rotate(-21deg) translateY(0)}45%{transform:rotate(-24deg) translateY(-2px)}72%{transform:rotate(-18deg) translateY(1px)}}
@keyframes sioStarsMoonGlow{0%,100%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.18);transform:scale(1.04)}}
@keyframes sioStarsShooting{0%,68%,100%{opacity:0;transform:translate(0,0) rotate(-18deg) scaleX(.72)}74%{opacity:1}84%{opacity:0;transform:translate(168px,62px) rotate(-18deg) scaleX(1.2)}}
@keyframes sioStarsTwinkle{0%,100%{opacity:.28;transform:scale(.82)}48%{opacity:1;transform:scale(1.15)}}
@keyframes sioStarsConstellation{0%,100%{opacity:.58;filter:brightness(1)}50%{opacity:1;filter:brightness(1.28)}}

/* Modernes Favoriten-Hinzufügen-Fenster */
.sio-favorite-dialog-shell.ui-dialog{
  z-index:2147483300!important;
  box-sizing:border-box!important;
  padding:0!important;
  border:1px solid rgba(0,220,255,.75)!important;
  border-radius:22px!important;
  color:#f4fdff!important;
  background:rgba(5,10,14,.82)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.42),0 0 22px rgba(0,220,255,.2)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  overflow:visible!important;
  animation:sioFavoriteDialogIn .21s ease-out both;
}
.sio-favorite-dialog-shell.ui-dialog.is-closing{animation:sioFavoriteDialogOut .18s ease-in both}
.sio-favorite-dialog-shell .ui-dialog-titlebar{display:none!important}
.sio-favorite-dialog-shell .ui-dialog-content{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:0!important;
  padding:28px 36px 32px!important;
  border:0!important;
  color:#f4fdff!important;
  background:transparent!important;
  overflow:visible!important;
}
.sio-favorite-dialog-shell .live-bookmark-dialog-close{display:none!important}
.sio-favorite-dialog-card{display:grid!important;grid-template-columns:minmax(210px,.72fr) minmax(280px,1.45fr);gap:20px 34px;align-items:center}
.sio-favorite-dialog-pointer{
  position:absolute;
  left:34px;
  top:-13px;
  width:26px;
  height:26px;
  border-left:1px solid rgba(0,220,255,.75);
  border-top:1px solid rgba(0,220,255,.75);
  border-radius:6px 0 0 0;
  background:rgba(5,10,14,.82);
  box-shadow:-7px -7px 16px rgba(0,220,255,.13);
  transform:rotate(45deg);
}
.sio-favorite-dialog-head h2{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  color:#fff;
  font-size:26px;
  font-weight:900;
  line-height:1.16;
  letter-spacing:-.02em;
  text-shadow:0 2px 8px rgba(0,0,0,.46);
}
.sio-favorite-dialog-head h2 span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:14px;
  color:#1bdcff;
  background:rgba(0,220,255,.12);
  box-shadow:0 0 18px rgba(0,220,255,.22);
  font-size:25px;
  text-shadow:0 0 12px rgba(0,220,255,.74);
}
.sio-favorite-dialog-head p{
  margin:13px 0 0 50px;
  color:rgba(246,253,255,.74);
  font-size:18px;
  line-height:1.34;
}
.sio-favorite-input-wrap{
  position:relative;
  display:flex!important;
  align-items:center;
  gap:14px;
  min-width:0;
  height:70px;
  margin:0!important;
  padding:0 22px;
  border:1px solid rgba(0,220,255,.72);
  border-radius:14px;
  background:rgba(0,0,0,.32);
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 0 0 rgba(0,220,255,0);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.sio-favorite-input-wrap:focus-within{
  border-color:rgba(97,239,255,.98);
  background:rgba(0,0,0,.42);
  box-shadow:0 0 0 3px rgba(0,220,255,.13),0 0 24px rgba(0,220,255,.24),inset 0 1px rgba(255,255,255,.08);
}
.sio-favorite-input-wrap>span{
  flex:0 0 auto;
  color:rgba(226,248,255,.72);
  font-size:24px;
  filter:drop-shadow(0 0 7px rgba(0,220,255,.25));
}
.sio-favorite-input-wrap input{
  display:block!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:#fff!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:none!important;
  font-size:24px!important;
  font-weight:600!important;
  line-height:1!important;
}
.sio-favorite-input-wrap input::placeholder{color:rgba(235,245,249,.45)!important;font-weight:500}
.sio-favorite-dialog-actions{
  grid-column:1 / -1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-top:6px;
}
.sio-favorite-cancel,
.sio-favorite-save{
  appearance:none!important;
  border:0!important;
  font:inherit!important;
  cursor:pointer;
}
.sio-favorite-cancel{
  padding:12px 8px!important;
  color:rgba(244,252,255,.62)!important;
  background:transparent!important;
  font-size:19px!important;
  font-weight:750!important;
  transition:color .18s ease,transform .18s ease;
}
.sio-favorite-cancel:hover,
.sio-favorite-cancel:focus-visible{
  color:#fff!important;
  outline:none!important;
  transform:translateY(-1px);
}
.sio-favorite-save{
  min-width:220px;
  min-height:68px;
  padding:0 28px!important;
  border:1px solid rgba(110,240,255,.86)!important;
  border-radius:15px!important;
  color:#edffff!important;
  background:linear-gradient(180deg,rgba(14,174,214,.88),rgba(4,111,148,.92))!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 0 28px rgba(0,220,255,.32),0 14px 34px rgba(0,0,0,.26)!important;
  font-size:23px!important;
  font-weight:900!important;
  transition:box-shadow .18s ease,filter .18s ease,transform .18s ease;
}
.sio-favorite-save:hover,
.sio-favorite-save:focus-visible{
  outline:none!important;
  filter:brightness(1.12)!important;
  transform:translateY(-1px);
  box-shadow:0 0 0 1px rgba(255,255,255,.14) inset,0 0 40px rgba(0,220,255,.52),0 17px 38px rgba(0,0,0,.3)!important;
}
@keyframes sioFavoriteDialogIn{from{opacity:0;transform:translateY(-12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sioFavoriteDialogOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.985)}}
@media(max-width:780px){
  .sio-favorite-dialog-shell.ui-dialog{width:calc(100vw - 28px)!important;left:14px!important}
  .sio-favorite-dialog-shell .ui-dialog-content{padding:22px 18px 20px!important}
  .sio-favorite-dialog-card{grid-template-columns:1fr;gap:16px}
  .sio-favorite-dialog-head h2{font-size:22px}.sio-favorite-dialog-head p{margin-left:0;font-size:15px}
  .sio-favorite-input-wrap{height:56px}.sio-favorite-input-wrap input{font-size:17px!important}
  .sio-favorite-dialog-actions{align-items:stretch}.sio-favorite-save{min-width:0;min-height:52px;font-size:17px!important}.sio-favorite-cancel{font-size:15px!important}
}

/* Favoriten-Dialog v2: ruhiger, flacher, professioneller. */
.sio-favorite-dialog-shell.ui-dialog{
  max-width:min(760px,calc(100vw - 32px))!important;
  border-radius:18px!important;
  border-color:rgba(65,214,255,.48)!important;
  background:rgba(5,10,14,.78)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.38),0 0 18px rgba(0,220,255,.13)!important;
}
.sio-favorite-dialog-shell .ui-dialog-content{
  padding:16px 18px 17px!important;
}
.sio-favorite-dialog-card{
  position:relative;
  grid-template-columns:184px minmax(300px,1fr) 112px!important;
  gap:12px 14px!important;
  align-items:center!important;
}
.sio-favorite-dialog-pointer{
  left:28px!important;
  top:-9px!important;
  width:18px!important;
  height:18px!important;
  border-color:rgba(65,214,255,.44)!important;
  box-shadow:-4px -4px 11px rgba(0,220,255,.08)!important;
}
.sio-favorite-close{
  position:absolute;
  z-index:4;
  right:-5px;
  top:-7px;
  width:26px;
  height:26px;
  border:1px solid rgba(170,230,245,.28);
  border-radius:10px;
  color:rgba(240,252,255,.82);
  background:rgba(255,255,255,.045);
  box-shadow:none;
  font-size:17px;
  line-height:1;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.sio-favorite-close:hover,
.sio-favorite-close:focus-visible{
  color:#fff;
  border-color:rgba(92,222,255,.55);
  background:rgba(92,222,255,.1);
  outline:none;
  transform:translateY(-1px);
}
.sio-favorite-dialog-head h2{
  display:block;
  margin:0!important;
  font-size:18px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  text-shadow:0 1px 6px rgba(0,0,0,.34)!important;
}
.sio-favorite-dialog-head h2 span{display:none!important}
.sio-favorite-dialog-head p{
  display:none!important;
}
.sio-favorite-input-wrap{
  height:42px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  border-color:rgba(65,214,255,.54)!important;
  background:rgba(0,0,0,.24)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}
.sio-favorite-input-wrap:focus-within{
  border-color:rgba(97,239,255,.86)!important;
  box-shadow:0 0 0 3px rgba(0,220,255,.1),0 0 18px rgba(0,220,255,.16),inset 0 1px rgba(255,255,255,.06)!important;
}
.sio-favorite-input-wrap>span{
  font-size:16px!important;
  opacity:.72;
  filter:none!important;
}
.sio-favorite-input-wrap input{
  font-size:14px!important;
  font-weight:650!important;
}
.sio-favorite-dialog-actions{
  grid-column:auto!important;
  justify-content:flex-end!important;
  margin:0!important;
}
.sio-favorite-cancel{display:none!important}
.sio-favorite-save{
  min-width:112px!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  border-color:rgba(107,230,255,.66)!important;
  background:linear-gradient(180deg,rgba(20,150,184,.86),rgba(8,96,124,.92))!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 0 18px rgba(0,220,255,.18),0 10px 24px rgba(0,0,0,.22)!important;
  font-size:14px!important;
  font-weight:850!important;
}
.sio-favorite-save:hover,
.sio-favorite-save:focus-visible{
  box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 0 26px rgba(0,220,255,.28),0 12px 28px rgba(0,0,0,.26)!important;
}
@media(max-width:780px){
  .sio-favorite-dialog-card{grid-template-columns:1fr!important;gap:12px!important;align-items:stretch!important}
  .sio-favorite-dialog-head p{max-width:none}
  .sio-favorite-dialog-actions{justify-content:stretch!important}
  .sio-favorite-save{width:100%!important}
}

/* SiO-Zuhause: Wenn SiO unterwegs ist, bleibt ein klares Home-Icon als Rückkehrpunkt sichtbar. */
body.sio-dock-empty .sio-live-dock .sio-dock-cavity,
.sio-live-dock.is-scene-away .sio-dock-cavity{
  background:linear-gradient(180deg,rgba(4,32,48,.96),rgba(1,16,28,.98))!important;
  border:1px solid rgba(90,220,255,.28)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),inset 0 -8px 15px rgba(0,0,0,.38),0 0 18px rgba(50,203,255,.26)!important;
}
body.sio-dock-empty .sio-live-dock .sio-dock-cavity::before,
.sio-live-dock.is-scene-away .sio-dock-cavity::before,
.sio-live-dock.is-fun-recall .sio-dock-cavity::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:29px!important;
  height:29px!important;
  color:#49ddff!important;
  background:currentColor!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' d='M3.8 11.2 12 4.4l8.2 6.8M6.2 10.4v8.4c0 .7.5 1.2 1.2 1.2h3.2v-5.2h2.8V20h3.2c.7 0 1.2-.5 1.2-1.2v-8.4'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' d='M3.8 11.2 12 4.4l8.2 6.8M6.2 10.4v8.4c0 .7.5 1.2 1.2 1.2h3.2v-5.2h2.8V20h3.2c.7 0 1.2-.5 1.2-1.2v-8.4'/%3E%3C/svg%3E") center/contain no-repeat!important;
  filter:drop-shadow(0 0 7px rgba(73,221,255,.9)) drop-shadow(0 0 15px rgba(73,221,255,.4))!important;
  transform:translate(-50%,-50%)!important;
  animation:sioHomeIconPulse 2.3s ease-in-out infinite!important;
  opacity:1!important;
}
body.sio-dock-empty .sio-live-dock .sio-dock-cavity::after,
.sio-live-dock.is-scene-away .sio-dock-cavity::after,
.sio-live-dock.is-fun-recall .sio-dock-cavity::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-7px!important;
  border:1px solid rgba(73,221,255,.26)!important;
  border-radius:18px!important;
  background:transparent!important;
  box-shadow:0 0 18px rgba(73,221,255,.18),inset 0 0 12px rgba(73,221,255,.08)!important;
  transform:none!important;
  animation:sioHomePadPulse 2.3s ease-in-out infinite!important;
}
.sio-live-dock.is-fun-recall::after{
  content:"RÜCKRUF";
  position:absolute;
  left:50%;
  top:calc(100% + 7px);
  z-index:5;
  padding:5px 11px 6px;
  border:1px solid rgba(108,226,255,.56);
  border-radius:11px;
  color:#eaffff;
  background:linear-gradient(180deg,rgba(7,38,58,.94),rgba(4,19,30,.96));
  box-shadow:0 10px 18px rgba(0,0,0,.28),0 0 16px rgba(68,212,255,.24);
  font-size:10px;
  font-weight:950;
  letter-spacing:.08em;
  transform:translateX(-50%);
  pointer-events:none;
}
@keyframes sioHomeIconPulse{
  0%,100%{opacity:.86;filter:drop-shadow(0 0 7px rgba(73,221,255,.78)) drop-shadow(0 0 15px rgba(73,221,255,.32));transform:translate(-50%,-50%) scale(.96)}
  50%{opacity:1;filter:drop-shadow(0 0 10px rgba(119,239,255,1)) drop-shadow(0 0 24px rgba(73,221,255,.62));transform:translate(-50%,-50%) scale(1.05)}
}
@keyframes sioHomePadPulse{
  0%,100%{opacity:.5;transform:scale(.98)}
  50%{opacity:1;transform:scale(1.04)}
}

/* Fun-Aktionen: Konsole/TV-Requisiten sichtbar vor SiO, nicht hinter Sofa/Panel versteckt. */
.sio-live-scene[data-scene="console-game"] .sio-live-scene-figure,
.sio-live-scene[data-scene="tv-night"] .sio-live-scene-figure{
  z-index:7!important;
  left:116px!important;
  top:72px!important;
}
.sio-live-scene[data-scene="console-game"] .one,
.sio-live-scene[data-scene="tv-night"] .one{
  z-index:3!important;
  left:18px!important;
  top:38px!important;
  width:104px!important;
  height:58px!important;
}
.sio-live-scene[data-scene="console-game"] .two{
  z-index:9!important;
  left:136px!important;
  top:82px!important;
  animation:sioConsolePadInHands 4.4s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="console-game"] .two::before{font-size:26px!important}
.sio-live-scene[data-scene="tv-night"] .two{
  z-index:9!important;
  left:154px!important;
  top:76px!important;
  animation:sioSnackSip 6.8s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="tv-night"] .three{
  z-index:9!important;
  left:126px!important;
  top:93px!important;
  animation:sioSnackPopcorn 7.4s 1.1s ease-in-out infinite!important;
}
.sio-live-scene[data-scene="tv-night"] .two::before,
.sio-live-scene[data-scene="tv-night"] .three::before{font-size:25px!important}
@keyframes sioConsolePadInHands{
  0%,100%{transform:translateY(0) rotate(-4deg)}
  35%{transform:translateY(-4px) rotate(6deg)}
  70%{transform:translateY(1px) rotate(-8deg)}
}
@keyframes sioSnackSip{
  0%,34%,100%{transform:translate(0,0) rotate(0)}
  42%,48%{transform:translate(-18px,-10px) rotate(-12deg)}
  56%{transform:translate(0,0) rotate(0)}
}
@keyframes sioSnackPopcorn{
  0%,46%,100%{transform:translate(0,0) rotate(0)}
  54%,59%{transform:translate(-16px,-13px) rotate(10deg)}
  67%{transform:translate(0,0) rotate(0)}
}

/* Echte Suchleiste: jQuery-UI und alte Inline-Styles duerfen den Rand nicht ueberschreiben. */
input#searchbar.ui-autocomplete-input,
body.start-scheme-dashboard input#searchbar.ui-autocomplete-input{
  border:1px solid var(--start-scheme-border-solid,rgb(var(--start-scheme-rgb)))!important;
  outline:0!important;
  box-shadow:0 12px 30px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.1)!important;
}
input#searchbar.ui-autocomplete-input:hover,
input#searchbar.ui-autocomplete-input:focus,
input#searchbar.ui-autocomplete-input:focus-visible,
input#searchbar.ui-autocomplete-input:active{
  border:2px solid rgba(126,224,255,.86)!important;
  outline:0!important;
}
body.start-scheme-dashboard #div_link_ul .link,
body.start-scheme-dashboard #div_link_ul .link_plus,
body.start-scheme-dashboard #toolbox.quick-dock,
body.start-scheme-dashboard .sio-live-dock{
  border-color:var(--start-scheme-border-solid,rgb(var(--start-scheme-rgb)))!important;
}
body.start-scheme-dashboard #toolbox.quick-dock:hover,
body.start-scheme-dashboard .sio-live-dock:hover{
  border-color:rgba(126,224,255,.86)!important;
}
#toolbox .quick-dock-btn.is-open{border-color:rgba(126,224,255,.9)!important;background:var(--start-scheme-strong)!important;box-shadow:0 0 0 2px rgba(126,224,255,.16),0 12px 28px rgba(0,0,0,.28)!important;transform:translateY(-3px)!important}
.sio-google-suggest-menu.ui-autocomplete{border:1px solid rgba(126,224,255,.36)!important;border-radius:16px!important;background:rgba(5,18,30,.96)!important;box-shadow:0 18px 42px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.05) inset!important;backdrop-filter:blur(18px)!important;overflow:hidden!important}
.sio-google-suggest-menu .ui-menu-item{margin:0!important}
.sio-google-suggest-menu .ui-menu-item-wrapper{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.sio-google-suggest-menu .ui-menu-item-wrapper.ui-state-active,
.sio-google-suggest-menu .ui-menu-item-wrapper.ui-state-focus,
.sio-google-suggest-menu .ui-menu-item-wrapper:hover,
.sio-google-suggest-menu .ui-menu-item[aria-selected="true"] .ui-menu-item-wrapper{background:linear-gradient(135deg,rgba(52,211,255,.28),rgba(71,215,255,.13))!important;box-shadow:inset 4px 0 0 rgba(126,224,255,.95),inset 0 0 0 1px rgba(126,224,255,.32)!important;color:#fff!important}
.sio-google-suggest-menu .ui-menu-item-wrapper.ui-state-active .smart-suggest-item,
.sio-google-suggest-menu .ui-menu-item-wrapper.ui-state-focus .smart-suggest-item,
.sio-google-suggest-menu .ui-menu-item-wrapper:hover .smart-suggest-item,
.sio-google-suggest-menu .ui-menu-item[aria-selected="true"] .smart-suggest-item{color:#fff!important;filter:brightness(1.12);transform:translateX(3px)}
.sio-google-suggest-menu .smart-suggest-item{transition:transform .16s ease,filter .16s ease,color .16s ease}