*,:before,:after{box-sizing:border-box}html{scrollbar-gutter:stable}.app-shell{flex-direction:column;min-height:100dvh;display:flex}body{-webkit-font-smoothing:antialiased;background-color:var(--bg);color:var(--text-primary);font-family:var(--font-sans);margin:0;transition:background-color .3s,color .3s}button{font-family:inherit}.flow-screen{flex-direction:column;min-height:230px;display:flex}.flow-screen__title{font-family:var(--font-serif);color:var(--text-primary);text-wrap:balance;margin:0;font-size:28px;font-weight:400;line-height:1.3}.flow-screen__region{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:18px 0 0;font-size:10px}.flow-screen__desc{color:var(--text-muted);min-height:45px;margin:10px 0 0;font-size:14px;line-height:1.6}.flow-screen__action{margin-top:40px}.flow-screen__footnote{color:var(--text-muted);opacity:.8;margin:18px 0 0;font-size:11px;line-height:1.6}.btn-flow{border:none;border-top:.5px solid var(--border);width:100%;color:var(--text-secondary);font-family:var(--font-sans);letter-spacing:.08em;cursor:pointer;text-align:left;background:0 0;padding:20px 0 0;font-size:12px;transition:color .28s;display:block}.btn-flow:hover{color:var(--text-secondary)}.btn-flow:active{opacity:.45}.alt-link{font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:26px;padding:0;font-size:13px;display:block}.alt-link:hover{color:var(--text-secondary)}.hint-line{font-family:var(--font-sans);letter-spacing:.02em;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:40px;padding:0;font-size:12px;line-height:1.6;display:block}.hint-line:hover{color:var(--text-secondary)}.hint-line__ios{color:var(--text-secondary);opacity:.85;margin-top:8px;display:block}.danach{margin-top:40px}.danach-label{color:var(--text-muted);letter-spacing:.02em;margin:0 0 10px;font-size:12px}.danach-words{flex-wrap:wrap;gap:10px 18px;display:flex}.danach-word{font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.danach-word:hover{color:var(--text-primary)}.brueh-parameter{letter-spacing:.02em;color:var(--text-secondary);margin:18px 0 0;font-size:13px;line-height:1.5}.uebersicht-liste{margin-top:24px}.uebersicht-zeile{color:var(--text-secondary);justify-content:space-between;margin:0;padding:8px 0;font-size:14px;display:flex}.uebersicht-label{color:var(--text-secondary)}.uebersicht-zeile--mahlgrad{display:block}.uebersicht-zeile--mahlgrad .uebersicht-zeile-haupt{justify-content:space-between;display:flex}.uebersicht-zeile--mahlgrad .brueh-schritt-hand{text-align:right}.uebersicht-zurueck{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-top:20px;padding:0;font-size:12px;display:block}.uebersicht-zurueck:hover{color:var(--text-secondary)}.brueh-uhr{letter-spacing:.02em;color:var(--text-secondary);margin:0 0 24px;font-size:15px}.brueh-liste{flex-direction:column;gap:22px;display:flex}.brueh-schritt-zeile{scroll-margin-block:40vh;transition:opacity .7s ease-out}.brueh-schritt-zeit{letter-spacing:.02em;color:var(--text-secondary);font-variant-numeric:tabular-nums;margin:0 0 2px;font-size:13px;line-height:1.4}.brueh-schritt-aktion{font-family:var(--font-serif);color:var(--text-primary);margin:0;font-size:21px;font-weight:400;line-height:1.4}.brueh-schritt-hand{color:var(--text-secondary);margin:4px 0 0;font-size:13px;line-height:1.5}.logo-btn{cursor:pointer;text-align:left;background:0 0;border:none;padding:0;transition:opacity .22s}.logo-btn:hover{opacity:.5}.logo-btn:active{opacity:.3}.mood-btn{font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;padding:2px 0;font-size:17px;line-height:1.3;transition:color .2s}.mood-btn:hover{color:var(--text-secondary)}.mood-btn:active{opacity:.6}.divider{border-top:.5px solid var(--border)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.appear{opacity:0;animation:.8s ease-out forwards fade-in}@media (prefers-reduced-motion:reduce){.appear{animation-duration:1ms!important;animation-delay:0s!important}}.region-line{color:var(--text-muted);letter-spacing:.02em;text-align:center;margin:0;padding:0 28px 18px;font-size:12px}:root{--font-serif:"DM Serif Display", Georgia, serif;--font-sans:system-ui, -apple-system, sans-serif;--bg:#0b0a08;--text-primary:#dfd9d0;--text-secondary:#9e9589;--text-muted:#5e5650;--border:#1d1b17;--brueh-opazitaet-kommend:.25;--brueh-opazitaet-giessen:1;--brueh-opazitaet-warten:.5}[data-theme=light]{--bg:#f1ebe2;--text-primary:#1a1714;--text-secondary:#65605a;--text-muted:#968e84;--border:#dbd3c6}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg:#f1ebe2;--text-primary:#1a1714;--text-secondary:#65605a;--text-muted:#968e84;--border:#dbd3c6}}