:root{--himmel: #dfe6dc;--text: #2b2a28;--flaeche: rgba(255, 255, 255, .86);--petrol: #4fb4c7;--bernstein: #e9b36a;--gruen: #7cc59a;--text-leise: #6b6862;--text-sehr-leise: #8d8982;--flaeche-hoch: rgba(43, 42, 40, .06)}:root[data-stimmung=morgen]{--himmel: #efe3d6}:root[data-stimmung=abend]{--himmel: #c9b3a6}:root[data-stimmung=nacht]{--himmel: #1b2233}body{background:var(--himmel)}.kopf{top:16px;left:16px;padding:12px 18px 14px;border-radius:18px;background:#ffffffd6;box-shadow:var(--schatten);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bedienhinweis{top:16px;right:16px;padding:9px 16px;border-radius:999px;background:#ffffffd6;box-shadow:var(--schatten);color:var(--tinte)}@media(max-width:760px){.kopf{top:10px;left:10px;padding:10px 14px 12px}}.sl-zusatz:empty{display:none}.geraete-liste{display:grid;gap:4px;margin:0;padding:0;list-style:none}.geraet{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:14px;background:#141a2909}.geraet-icon{position:relative;display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:11px;background:#fff;color:var(--schiefer)}.geraet-icon .icon{width:18px;height:18px}.geraet-farbe{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border:2px solid #fff;border-radius:50%}.geraet-text{display:grid;flex:1;min-width:0;gap:1px}.geraet-text strong{font-size:14.5px;font-weight:600;color:var(--tinte)}.geraet-stand,.geraet-bereich{font-size:13px;color:var(--schiefer);font-variant-numeric:tabular-nums}.geraet-knopf,.geraet-schritt{flex:none;border:1px solid var(--linie);background:#fff;color:var(--tinte);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.geraet-knopf{padding:6px 11px;border-radius:999px;font-size:12.5px}.geraet-knopf:hover:not([aria-disabled=true]),.geraet-schritt:hover:not([aria-disabled=true]){border-color:#141a2940}.geraet-knopf[aria-disabled=true],.geraet-schritt[aria-disabled=true]{opacity:.45;cursor:default}.geraet-knopf:focus-visible,.geraet-schritt:focus-visible,.schalter:focus-visible{outline:2px solid var(--haupt);outline-offset:2px}.geraet-regler{display:flex;flex:none;align-items:center;gap:6px}.geraet-schritt{display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:50%;font-size:16px;line-height:1}.geraet-schritt .icon{width:16px;height:16px}.geraet-soll{min-width:50px;font-size:14px;font-weight:650;text-align:center;font-variant-numeric:tabular-nums;color:var(--tinte)}.schalter{position:relative;flex:none;width:40px;height:24px;padding:0;border:0;border-radius:999px;background:#141a292e;cursor:pointer;transition:background-color .2s ease}.schalter-knopf{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.schalter[aria-checked=true]{background:var(--haupt)}.schalter[aria-checked=true] .schalter-knopf{transform:translate(16px)}.figur-etikett{pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:4px}.personenschild{--kontur: #131313;position:relative;pointer-events:auto;display:flex;flex-direction:column;align-items:center;max-width:480px;padding:0;border:0;background:none;color:#fff;font-family:Geist,system-ui,sans-serif;line-height:1;white-space:nowrap;cursor:pointer;transition:transform .15s ease-out}.personenschild .name,.personenschild .aufgabe{padding:2px 4px;filter:drop-shadow(3px 0 0 var(--kontur)) drop-shadow(-3px 0 0 var(--kontur)) drop-shadow(0 3px 0 var(--kontur)) drop-shadow(0 -3px 0 var(--kontur)) drop-shadow(3px 4px 0 var(--kontur))}.personenschild .name{font-size:25px;font-weight:800;letter-spacing:.02em}.personenschild .taetigkeit{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin-top:2px}.personenschild .aufgabe{min-width:0;font-size:15px;font-weight:700;line-height:1.15;overflow:hidden;text-overflow:ellipsis;filter:drop-shadow(2px 0 0 var(--kontur)) drop-shadow(-2px 0 0 var(--kontur)) drop-shadow(0 2px 0 var(--kontur)) drop-shadow(0 -2px 0 var(--kontur)) drop-shadow(2px 3px 0 var(--kontur))}.personenschild .aufgabe:empty{display:none}.personenschild .marke{flex:none;padding:2px 7px 3px;border-radius:999px;background:var(--kontur);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.personenschild .marke[hidden]{display:none}.personenschild:hover{transform:translateY(-2px)}.personenschild:focus-visible{outline:2px solid var(--petrol);outline-offset:2px}.personenschild.aktiv .name{color:#c9f1f8}.personenschild[data-status=arbeitet] .aufgabe,.personenschild[data-status=arbeitet] .marke{color:var(--petrol)}.personenschild[data-status=fragt] .aufgabe,.personenschild[data-status=fragt] .marke{color:var(--bernstein)}.sprechblase{--blase: #fffdf7;--kontur: #131313;position:relative;pointer-events:none;max-width:270px;margin-bottom:15px;padding:9px 16px 10px;border:3px solid var(--kontur);border-radius:24px;background:var(--blase);text-align:center;text-wrap:balance;color:#131313;font-family:Geist,system-ui,sans-serif;font-size:16px;font-weight:700;line-height:1.22;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.82));transform-origin:38% calc(100% + 18px);animation:blase-rein .42s cubic-bezier(.34,1.7,.6,1)}.sprechblase:before,.sprechblase:after{content:"";position:absolute;clip-path:polygon(0 0,100% 0,16% 100%)}.sprechblase:before{top:100%;left:32%;width:27px;height:21px;background:var(--kontur)}.sprechblase:after{top:calc(100% - 1px);left:calc(32% + 5px);width:17px;height:13px;background:var(--blase)}.sprechblase.auftrag{--blase: var(--petrol);color:#061114}.sprechblase.fertig{--blase: var(--gruen);color:#0a1910}.sprechblase.frage{--blase: var(--bernstein);color:#1d1406}.sprechblase.denkt{display:flex;gap:6px;margin-bottom:31px;padding:13px 19px;border-radius:999px;animation:blase-rein .42s cubic-bezier(.34,1.7,.6,1),blase-schweben 2.6s ease-in-out .42s infinite}.sprechblase.denkt i{width:9px;height:9px;border-radius:50%;background:var(--kontur);animation:denk-punkt 1.1s ease-in-out infinite}.sprechblase.denkt i:nth-child(2){animation-delay:.15s}.sprechblase.denkt i:nth-child(3){animation-delay:.3s}.sprechblase[hidden]{display:none}.sprechblase.denkt:before,.sprechblase.denkt:after{clip-path:none;border:3px solid var(--kontur);border-radius:50%;background:var(--blase)}.sprechblase.denkt:before{top:calc(100% + 5px);left:42%;width:15px;height:15px}.sprechblase.denkt:after{top:calc(100% + 21px);left:36%;width:9px;height:9px}@keyframes blase-rein{0%{opacity:0;transform:scale(.35) rotate(-7deg)}45%{opacity:1}}@keyframes blase-schweben{50%{transform:translateY(-3px)}}@keyframes denk-punkt{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.lampenkarte{position:fixed;z-index:6;width:min(304px,calc(100vw - 32px));padding:14px 16px 16px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;border-radius:16px;background:var(--flaeche);border:1px solid var(--linie);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 24px 60px #0000002e;color:var(--text);font-family:Geist,system-ui,sans-serif;animation:karte-auf .18s ease-out}.lampenkarte[hidden]{display:none}@keyframes karte-auf{0%{opacity:0;transform:translateY(6px) scale(.98)}}.lampenkarte button{font:inherit;cursor:pointer}.lampenkarte button:focus-visible{outline:2px solid var(--petrol);outline-offset:3px}.lk-kopf{display:flex;align-items:center;gap:12px}.lk-farbe{width:30px;height:30px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px var(--linie);transition:background .3s}.lk-namen{min-width:0;flex:1}.lk-namen h2{margin:0;font:600 16px/1.2 Geist,system-ui,sans-serif;text-wrap:balance}.lk-unter{margin:2px 0 0;font-size:12px;color:var(--text-sehr-leise);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lk-zu{width:32px;height:32px;flex:none;display:grid;place-items:center;border:0;border-radius:50%;background:var(--flaeche-hoch);color:var(--text-leise)}.lk-zu:hover{color:var(--text)}.lk-schalter{display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;color:var(--text);font-size:14px;font-weight:600;justify-self:start}.lk-spur{width:42px;height:24px;padding:3px;border-radius:999px;background:#2b2a2829;transition:background .2s}.lk-knopf{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.lk-schalter[aria-checked=true] .lk-spur{background:var(--petrol)}.lk-schalter[aria-checked=true] .lk-knopf{transform:translate(18px)}.lk-regler{display:grid;gap:6px;font-size:13px;color:var(--text-leise)}.lk-zeile{display:flex;justify-content:space-between}.lk-zeile output{color:var(--text);font-variant-numeric:tabular-nums}.lk-regler input{width:100%;margin:0;accent-color:var(--petrol)}.lk-regler input:focus{outline:none}.lk-regler input:focus-visible{outline:2px solid var(--petrol);outline-offset:4px}.lk-weiss{appearance:none;height:8px;border-radius:999px;background:linear-gradient(90deg,#ffa757,#ffe4c8,#f4f6ff,#c9dcff)}.lk-weiss::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000059}.lk-farben{display:flex;flex-wrap:wrap;gap:6px}.lk-tupfer{width:24px;height:24px;padding:0;border:0;border-radius:50%;background:var(--f);box-shadow:inset 0 0 0 1px #2b2a282e;transition:transform .15s}.lk-tupfer[hidden]{display:none}.lk-tupfer:hover{transform:scale(1.12)}@media(prefers-reduced-motion:reduce){.lampenkarte,.sprechblase,.sprechblase.denkt,.sprechblase.denkt i{animation:none}}@media(min-width:761px){.kopf{width:316px}}.vorfuehrung{margin-top:12px;padding-top:10px;border-top:1px solid var(--linie);pointer-events:auto}.vorfuehrung[hidden]{display:none}.vorfuehrung summary{display:flex;align-items:center;justify-content:space-between;min-height:28px;font-size:13px;font-weight:600;color:var(--tinte);list-style:none;cursor:pointer}.vorfuehrung summary::-webkit-details-marker{display:none}.vorfuehrung summary:after{content:"";width:7px;height:7px;margin-right:4px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}.vorfuehrung[open] summary:after{transform:translateY(2px) rotate(-135deg)}.vorfuehrung summary:focus-visible,.vf-knoepfe button:focus-visible,.vf-zurueck:focus-visible{outline:2px solid var(--haupt);outline-offset:2px;border-radius:8px}.vf-inhalt{display:grid;gap:10px;margin-top:8px}.vf-gruppe{display:grid;gap:5px}.vf-titel{font-size:12px;font-weight:500;color:var(--schiefer)}.vf-knoepfe{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.vf-wetter{grid-template-columns:repeat(3,1fr)}.vf-knoepfe button{min-height:30px;padding:0 6px;border:1px solid var(--linie);border-radius:999px;background:#fff;color:var(--tinte);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.vf-knoepfe button:hover{border-color:#141a2940}.vf-knoepfe button[aria-pressed=true]{border-color:var(--tinte);background:var(--tinte);color:#fff;font-weight:600}.vf-zurueck{justify-self:start;padding:4px 0;border:0;background:none;color:var(--haupt);font:inherit;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.handy{position:fixed;left:16px;bottom:92px;display:flex;flex-direction:column;width:316px;border:5px solid #1b2130;border-radius:30px;background:#fff;box-shadow:var(--schatten-gross);overflow:hidden}.handy[hidden]{display:none}.handy-kopf{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:0;border-bottom:1px solid var(--linie);background:#f6f7f9;color:var(--tinte);font:inherit;text-align:left;cursor:pointer}.handy.ist-zu .handy-kopf{border-bottom:0}.handy-kopf:focus-visible,.handy-wunsch:focus-visible{outline:2px solid var(--haupt);outline-offset:-2px}.handy-bild{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--petrol);color:#fff;font-size:14px;font-weight:700}.handy-wer{display:grid;flex:1;line-height:1.25}.handy-wer strong{font-size:14px;font-weight:650}.handy-wer small{font-size:12px;color:var(--schiefer)}.handy-pfeil svg{width:16px;height:16px;color:var(--schiefer);transition:transform .2s ease}.handy.ist-zu .handy-pfeil svg{transform:rotate(180deg)}.handy-verlauf{display:flex;flex-direction:column;gap:6px;max-height:120px;margin:0;padding:12px 12px 0;overflow-y:auto;list-style:none}.handy-verlauf:empty{display:none}.handy-leer{margin:0;padding:14px 16px 0;font-size:13px;line-height:1.45;color:var(--schiefer)}.handy-verlauf:not(:empty)+.handy-leer{display:none}.handy-zeile{display:flex}.handy-zeile.eigen{justify-content:flex-end}.handy-blase{max-width:85%;margin:0;padding:8px 12px;border-radius:16px 16px 16px 4px;background:#eef1f5;color:var(--tinte);font-size:13.5px;line-height:1.4}.handy-zeile.eigen .handy-blase{border-radius:16px 16px 4px;background:var(--haupt);color:#fff}.handy-denkt{display:inline-flex;gap:4px;padding:11px 13px;border-radius:16px 16px 16px 4px;background:#eef1f5}.handy-denkt i{width:6px;height:6px;border-radius:50%;background:var(--schiefer);animation:denk-punkt 1s ease-in-out infinite}.handy-denkt i:nth-child(2){animation-delay:.15s}.handy-denkt i:nth-child(3){animation-delay:.3s}.handy-wuensche{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px}.handy-wunsch{min-height:40px;padding:8px;border:1px solid var(--linie);border-radius:14px;background:#fff;color:var(--tinte);font:inherit;font-size:13px;font-weight:600;line-height:1.25;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.handy-wunsch:hover{border-color:#141a2940;background:#f6f7f9}.handy-spur{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .2s ease}.handy-spur.ist-aktiv{opacity:1}.spur-linie{fill:none;stroke:var(--petrol);stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--petrol))}.spur-punkt{fill:#fff;stroke:var(--petrol);stroke-width:3;filter:drop-shadow(0 0 8px var(--petrol))}@media(max-width:760px){.handy{left:10px;right:10px;bottom:76px;width:auto}.handy.ist-zu{right:auto}}@media(prefers-reduced-motion:reduce){.handy-denkt i{animation:none}}.nicht-stoeren{padding:6px 12px 7px;border:3px solid #131313;border-radius:10px;background:#fffdf7;color:#c2185b;font-size:15px;font-weight:800;white-space:nowrap;pointer-events:none;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.82));transform-origin:50% -8px;animation:schild-schwingen .38s ease-in-out infinite alternate}@keyframes schild-schwingen{0%{rotate:-6deg}to{rotate:6deg}}@media(prefers-reduced-motion:reduce){.nicht-stoeren{animation:none}}