:root{color-scheme:light dark;--grund: #f2f3f9;--flaeche: #ffffff;--tinte: #10132a;--leise: #5b6082;--linie: #e1e3ef;--akzent: #4f3ee6;--auf-akzent: #ffffff;--akzent-zart: #ece9ff;--wichtig: #e2502a;--wichtig-zart: #ffe9e1;--wartet: #1771e6;--wartet-zart: #e1eefe;--gefahr: #d42f3a;--gefahr-zart: #fde4e6;--erfolg: #12a46b;--assistent: linear-gradient(140deg, #3b2bd6 0%, #6d35e8 45%, #b13fd6 80%, #e0508f 100%);--assistent-schein: rgb(109 53 232 / 35%);--schatten: 0 1px 2px rgb(16 19 42 / 6%), 0 10px 30px rgb(16 19 42 / 8%);--schrift: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", sans-serif;--titelschrift: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", sans-serif;--nav-hoehe: 4rem}@media(prefers-color-scheme:dark){:root{--grund: #0b0e1c;--flaeche: #151a2f;--tinte: #eef0fb;--leise: #9ba1c4;--linie: #262c4a;--akzent: #9d8fff;--auf-akzent: #0b0e1c;--akzent-zart: #252158;--wichtig: #ff8a5f;--wichtig-zart: #3d2219;--wartet: #6fb3ff;--wartet-zart: #17294a;--gefahr: #ff7a83;--gefahr-zart: #3e1a20;--erfolg: #4ad39b;--assistent: linear-gradient(140deg, #2a1fa8 0%, #5527c4 45%, #8a2fb0 80%, #b23b78 100%);--assistent-schein: rgb(110 70 255 / 30%);--schatten: 0 1px 2px rgb(0 0 0 / 35%), 0 10px 30px rgb(0 0 0 / 35%)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--grund);color:var(--tinte);font:1rem/1.5 var(--schrift);-webkit-tap-highlight-color:transparent}h1,h2,p{margin:0}h1{font:700 1.75rem/1.2 var(--titelschrift);letter-spacing:-.02em;text-wrap:balance;margin-bottom:1rem}h2{font:600 .8125rem/1.3 var(--schrift);letter-spacing:.06em;text-transform:uppercase;color:var(--leise);margin:2rem 0 .5rem}button,input,select,textarea{font:inherit;color:inherit}button,a.neben{cursor:pointer;touch-action:manipulation}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}input[type=text],input[type=password],input[type=search],input[type=date],select,textarea{width:100%;min-height:3rem;padding:.75rem .875rem;background:var(--flaeche);border:1px solid var(--linie);border-radius:.75rem}textarea{display:block;resize:none;field-sizing:content}::placeholder{color:var(--leise);opacity:1}code{font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:.9em}.unsichtbar{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.leise-text,.hinweis,.zeiten,small{color:var(--leise)}.hinweis,.zeiten,small{font-size:.8125rem}.mitte{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:1rem;padding:1.5rem;text-align:center}.haupt,.neben,.gefahr{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:0 1.25rem;border-radius:.75rem;border:1px solid transparent;font-weight:600;text-decoration:none}.haupt{background:var(--akzent);color:var(--auf-akzent)}.haupt:disabled{opacity:.45;cursor:default}.neben{background:transparent;border-color:var(--linie);color:var(--tinte)}.gefahr{background:var(--gefahr);color:var(--flaeche)}.text{min-height:2.75rem;padding:0 .5rem;background:none;border:0;color:var(--akzent);font-weight:600}.gefahr-text{color:var(--gefahr)}.fehler{padding:.625rem .875rem;border-radius:.75rem;background:var(--gefahr-zart);color:var(--gefahr);font-size:.9375rem}.balken{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem 1rem;margin-bottom:1rem}.anmeldung{min-height:100dvh;display:grid;place-items:center;padding:1.5rem}.anmeldung form{width:min(100%,22rem);display:grid;gap:1rem}.anmeldung h1{margin:.5rem 0 -.75rem}.anmeldung img{border-radius:.875rem}.anmeldung label,.blatt label{display:grid;gap:.375rem;font-size:.875rem;font-weight:600}.rahmen{max-width:44rem;margin:0 auto;padding:0 1rem calc(var(--nav-hoehe) + env(safe-area-inset-bottom) + 2rem)}.kopf{position:sticky;top:0;z-index:2;padding:calc(env(safe-area-inset-top) + .75rem) 0 .75rem;background:linear-gradient(var(--grund) 80%,transparent)}.segment{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:.1875rem;background:color-mix(in srgb,var(--tinte) 7%,transparent);border-radius:.75rem}.segment button{min-height:2.5rem;border:0;border-radius:.5625rem;background:none;color:var(--leise);font-weight:600;font-size:.9375rem}.segment button[aria-pressed=true]{background:var(--flaeche);color:var(--tinte);box-shadow:0 1px 2px #0000001f}main{padding-top:.5rem}.navigation{position:fixed;inset:auto 0 0;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--flaeche) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--linie)}.navigation button{display:grid;justify-items:center;gap:.125rem;min-height:var(--nav-hoehe);padding:.5rem .25rem;border:0;background:none;color:var(--leise);font-size:.6875rem;font-weight:600}.navigation svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.navigation .aktiv{color:var(--akzent)}.datum{color:var(--leise);font-size:.875rem}.gruss{font-size:2.125rem;margin:.125rem 0 .375rem}.satz{font-size:1.0625rem;text-wrap:pretty;max-width:34rem}.kacheln{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1.25rem 0}.kachel{display:grid;gap:.25rem;align-content:start;padding:.75rem .875rem .875rem;text-align:left;background:var(--flaeche);border:1px solid var(--linie);border-radius:1rem}.kachel strong{font:700 2rem/1 var(--titelschrift);font-variant-numeric:tabular-nums}.kachel span{font-size:.8125rem;line-height:1.25;color:var(--leise)}.kachel.wichtig strong{color:var(--wichtig)}.kachel.wartet strong{color:var(--wartet)}.erfassen{display:grid;gap:.75rem;padding:.75rem;background:var(--flaeche);border:1px solid var(--linie);border-radius:1.25rem;box-shadow:var(--schatten)}.erfassen textarea{min-height:4.25rem;padding:.5rem .5rem 0;border:0;background:none;font-size:1.125rem;line-height:1.4}.erfassen textarea:focus-visible{outline:none}.erfassen:focus-within{border-color:var(--akzent)}.erkannt{display:grid;gap:.375rem;padding:0 .25rem}.chips{display:flex;flex-wrap:wrap;gap:.375rem}.chip{position:relative;display:inline-flex;align-items:center;gap:.375rem;min-height:2.5rem;padding:0 .875rem;border:1px solid var(--linie);border-radius:99rem;background:none;color:var(--leise);font-size:.9375rem;font-weight:600;white-space:nowrap}.chip.an{border-color:transparent;background:var(--akzent-zart);color:var(--akzent)}.chip.wichtig.an{background:var(--wichtig-zart);color:var(--wichtig)}.chip.wartet.an{background:var(--wartet-zart);color:var(--wartet)}.chip .zahl{font-weight:400;font-variant-numeric:tabular-nums;opacity:.8}.chip.datum input{position:absolute;inset:0;min-height:0;padding:0;opacity:0;cursor:pointer}.chip.datum:focus-within{outline:2px solid var(--akzent);outline-offset:2px}.sprachstatus:empty{display:none}.sprachstatus{padding:0 .25rem}.aktionen{display:flex;gap:.5rem}.aktionen .haupt{flex:1}.mikro{flex:none;display:grid;place-items:center;width:3.5rem;min-height:3rem;border:1px solid var(--linie);border-radius:.75rem;background:none;color:var(--akzent)}.mikro svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.mikro.hoert{border-color:transparent;background:var(--gefahr);color:var(--flaeche)}@media(prefers-reduced-motion:no-preference){.mikro.hoert{animation:puls 1.4s ease-in-out infinite}}@keyframes puls{50%{box-shadow:0 0 0 .5rem color-mix(in srgb,var(--gefahr) 22%,transparent)}}.liste{list-style:none;margin:0;padding:0;background:var(--flaeche);border:1px solid var(--linie);border-radius:1rem;overflow:hidden}.zeile{display:flex;align-items:flex-start}.zeile+.zeile{border-top:1px solid var(--linie)}.haken{flex:none;display:grid;place-items:center;width:3.25rem;height:3.25rem;border:0;background:none}.haken svg{width:1.5rem;height:1.5rem;border:1.5px solid var(--leise);border-radius:50%;fill:none;stroke:transparent;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.haken[aria-checked=true] svg{background:var(--akzent);border-color:var(--akzent);stroke:var(--auf-akzent)}.inhalt{flex:1;min-width:0;display:grid;gap:.25rem;padding:.875rem .875rem .875rem 0;border:0;background:none;text-align:left}.titel{overflow-wrap:anywhere;line-height:1.35}.erledigt .titel{color:var(--leise);text-decoration:line-through}.meta{display:flex;flex-wrap:wrap;gap:.25rem .375rem}.meta:empty{display:none}.marke{padding:.0625rem .5rem;border-radius:.375rem;background:color-mix(in srgb,var(--tinte) 7%,transparent);font-size:.75rem;font-weight:600}.marke.wichtig{background:var(--wichtig-zart);color:var(--wichtig)}.marke.wartet{background:var(--wartet-zart);color:var(--wartet)}.marke.ueber{background:var(--gefahr-zart);color:var(--gefahr)}.marke.leise{background:none;padding-inline:.125rem;color:var(--leise);font-weight:400}.leer{padding:1.25rem 1rem;border:1px dashed var(--linie);border-radius:1rem;color:var(--leise);text-align:center}.liste+.hinweis{margin-top:.5rem}.werkzeuge{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin-bottom:.75rem}.werkzeuge select{width:auto}.werkzeuge+.chips{margin-bottom:1rem}.karte{display:grid;gap:.5rem;justify-items:start;padding:1rem;margin-bottom:.75rem;background:var(--flaeche);border:1px solid var(--linie);border-radius:1rem}.karte h2{margin:0}.karte .neben{margin-top:.25rem}.blatt{width:min(100%,32rem);max-width:none;max-height:92dvh;margin:auto auto 0;padding:0;border:0;border-radius:1.5rem 1.5rem 0 0;background:var(--grund);color:var(--tinte);overflow-y:auto;overscroll-behavior:contain}.blatt::backdrop{background:#0a0c0e8c}.blatt form{display:grid;gap:1rem;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom))}.blatt header{display:flex;align-items:center;justify-content:space-between}.blatt header h2{margin:0}.schliessen{width:2.75rem;height:2.75rem;margin:-.5rem -.5rem -.5rem 0;border:0;background:none;font-size:1.75rem;line-height:1;color:var(--leise)}.blatt small{font-weight:400}.wahl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0;padding:0;border:0}.wahl legend{padding:0;margin-bottom:.375rem;font-size:.875rem;font-weight:600}.blatt .wahl label{display:flex;align-items:center;justify-content:center;min-height:3rem;border:1px solid var(--linie);border-radius:.75rem;background:var(--flaeche);font-size:1rem;cursor:pointer}.blatt .wahl label.an{border-color:var(--akzent);background:var(--akzent-zart);color:var(--akzent)}.wahl input{position:absolute;opacity:0}.wahl label:has(:focus-visible){outline:2px solid var(--akzent);outline-offset:2px}.blatt .schalter,.karte .schalter{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;font-size:1rem;font-weight:400;cursor:pointer}.schalter input{width:1.375rem;height:1.375rem;accent-color:var(--akzent)}.mit-knopf{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.blatt footer{display:flex;justify-content:space-between;gap:.75rem}.meldungen{position:fixed;inset:auto 0 calc(var(--nav-hoehe) + env(safe-area-inset-bottom) + .75rem);z-index:4;display:grid;justify-content:center;padding:0 1rem;pointer-events:none}.meldung{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-radius:.875rem;background:var(--tinte);color:var(--grund);font-size:.9375rem;box-shadow:var(--schatten);pointer-events:auto}.meldung.schlecht{background:var(--gefahr);color:var(--flaeche)}.meldung button{min-height:2rem;padding:0 .25rem;border:0;background:none;color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:.2em}@media(min-width:56rem){.app{display:grid;grid-template-columns:13rem 1fr}.navigation{position:sticky;inset:0 auto auto;align-self:start;grid-template-columns:1fr;gap:.125rem;height:100dvh;align-content:start;padding:1.5rem .75rem;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:0;border-right:1px solid var(--linie)}.navigation button{grid-auto-flow:column;justify-content:start;align-items:center;gap:.75rem;min-height:2.75rem;padding:0 .75rem;border-radius:.625rem;font-size:.9375rem}.navigation .aktiv{background:var(--akzent-zart)}.rahmen{width:100%;padding:0 2rem 3rem}.kopf{padding-top:1.5rem}.segment{max-width:22rem}.gruss{font-size:2.5rem}.blatt{margin:auto;border-radius:1.5rem}.meldungen{bottom:1.5rem}}@media(prefers-reduced-motion:no-preference){.haken svg,.chip,.segment button{transition:background-color .12s,color .12s,border-color .12s}}.anmeldung .schalter{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;font-size:1rem;font-weight:400;cursor:pointer}.schalter small{display:block;color:var(--leise);font-size:.8125rem}.text.klein{min-height:2rem;margin-top:-.5rem;padding:0;font-size:.875rem;text-align:left}.geraete{width:100%;margin:0;padding:0;list-style:none}.geraete li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.75rem 0;border-top:1px solid var(--linie)}.geraete li:first-child{border-top:0;padding-top:.25rem}.geraete small{display:block;margin-top:.125rem;color:var(--leise);font-size:.8125rem;line-height:1.4}.geraete .neben{margin-top:0}.marke{margin-left:.5rem;padding:.125rem .5rem;border-radius:1rem;background:var(--akzent-zart);color:var(--akzent);font-size:.75rem;font-weight:600;white-space:nowrap}.vorlagen .zeile{flex-wrap:wrap}.vorlage-aktionen{display:flex;flex-wrap:wrap;gap:.5rem;width:100%;padding:0 1rem .85rem 3.25rem}.vorlage-aktionen .neben{font-size:.875rem;padding:.4rem .75rem}.erfassen textarea[readonly]{color:var(--leise)}.entwuerfe{display:grid;gap:.625rem}.entwurf{display:grid;gap:.5rem;min-width:0;margin:0;padding:.75rem;border:1px solid var(--linie);border-radius:.875rem;background:var(--grund)}.entwurf-kopf{display:flex;align-items:center;gap:.5rem}.entwurf-titel{flex:1;min-width:0;font-weight:600;font-size:1.0625rem}.entwurf input[type=text],.erfassen .entwurf .entwurf-titel,.entwurf input[type=date],.erfassen .entwurf textarea{width:100%;min-height:0;padding:.5rem .625rem;border:1px solid var(--linie);border-radius:.5rem;background:var(--flaeche);color:var(--tinte);font:inherit;font-size:1rem}.entwurf .schliessen{flex:none}.entwurf-daten{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.5rem}.entwurf-feld{display:grid;gap:.25rem;font-size:.875rem;color:var(--leise)}.entwurf-feld small{color:var(--tinte)}.rueckfrage{color:var(--wichtig)}.buehne{position:relative;display:grid;gap:.25rem;margin:.25rem 0 1.25rem;padding:1.25rem 1.125rem 1.125rem;border-radius:1.75rem;background:var(--assistent);color:#fff;box-shadow:0 18px 40px -12px var(--assistent-schein);overflow:hidden;isolation:isolate}.buehne:before{content:"";position:absolute;inset:-40% -30% auto auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgb(255 255 255 / 22%),transparent 65%);z-index:-1}.buehne .datum{color:#ffffffc7;font-weight:600}.buehne .gruss{margin:0 0 .375rem;font-size:2.125rem;color:#fff}.buehne .satz{color:#ffffffeb;margin-bottom:.5rem}.lage{list-style:none;margin:0 0 .75rem;padding:0;display:grid;gap:.375rem}.lage li{position:relative;padding:.5rem .75rem .5rem 2rem;border-radius:.875rem;background:#ffffff24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.9688rem;line-height:1.35;text-wrap:pretty}.lage li:before{content:"";position:absolute;left:.8rem;top:.95rem;width:.5rem;height:.5rem;border-radius:50%;background:#fff}.lage .ueber:before{background:#ffb199;box-shadow:0 0 0 3px #ffb19959}.lage .heute:before{background:#ffd36e}.lage .vorlage:before{background:#9fd0ff}.buehne .erfassen{color:var(--tinte);border:0;box-shadow:0 8px 24px #140a3c40}.sprechen{display:grid;justify-items:center;gap:.625rem;padding:.75rem 0 .25rem}.mikro-gross{position:relative;display:grid;place-items:center;width:5.5rem;height:5.5rem;border:0;border-radius:50%;background:var(--assistent);color:#fff;box-shadow:0 10px 28px -6px var(--assistent-schein),inset 0 1px #ffffff4d;transition:transform .15s ease}.mikro-gross:active{transform:scale(.95)}.mikro-gross svg{width:2.25rem;height:2.25rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.mikro-gross.hoert{background:var(--gefahr);box-shadow:0 10px 28px -6px color-mix(in srgb,var(--gefahr) 60%,transparent)}.mikro-gross.hoert svg rect{fill:currentColor;stroke:none}.mikro-gross:disabled{cursor:default}.mikro-gross:before,.mikro-gross:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none}@media(prefers-reduced-motion:no-preference){.mikro-gross:not(.hoert):not(.denkt):after{animation:atmen 3s ease-in-out infinite}.mikro-gross.hoert:before,.mikro-gross.hoert:after{border:2px solid var(--gefahr);animation:welle 1.6s ease-out infinite}.mikro-gross.hoert:after{animation-delay:.8s}.mikro-gross.denkt:after{inset:-6px;border:3px solid transparent;border-top-color:var(--akzent);border-right-color:#e0508f;animation:drehen .9s linear infinite}}@keyframes atmen{50%{box-shadow:0 0 0 10px var(--assistent-schein)}}@keyframes welle{0%{transform:scale(1);opacity:.7}to{transform:scale(1.6);opacity:0}}@keyframes drehen{to{transform:rotate(1turn)}}.sprechen-text{margin:0;text-align:center;font-weight:600;font-size:.9375rem;color:var(--tinte);font-variant-numeric:tabular-nums}.erfassen.mit-mikro textarea{min-height:2.75rem;padding:.625rem .875rem;border-radius:.875rem;background:var(--grund);font-size:1rem}.erfassen.mit-mikro:focus-within{border-color:transparent}.entwuerfe>.hinweis:first-child{display:flex;align-items:center;gap:.5rem;color:var(--tinte);font-size:.9375rem;font-weight:600}.entwuerfe>.hinweis:first-child:before{content:"";flex:none;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--assistent);box-shadow:inset 0 0 0 5px #ffffff59}.entwurf{background:var(--flaeche);border-color:var(--linie);box-shadow:0 1px 0 var(--linie)}.haupt{box-shadow:0 6px 16px -6px color-mix(in srgb,var(--akzent) 70%,transparent)}.haupt[hidden]{display:none}.kachel{border:0;box-shadow:var(--schatten);border-radius:1.25rem}.kachel.wichtig{background:linear-gradient(160deg,var(--flaeche) 40%,var(--wichtig-zart))}.kachel.wartet{background:linear-gradient(160deg,var(--flaeche) 40%,var(--wartet-zart))}.liste{border:0;box-shadow:var(--schatten);border-radius:1.25rem}.karte{border:0!important;box-shadow:var(--schatten)}.navigation .aktiv svg{stroke:var(--akzent)}.segment button[aria-pressed=true]{color:var(--akzent)}