:root{--bg:#fffdf8;--surface:#fff;--ink:#4a453c;--ink-muted:#8a8172;--leaf:#3f9d5a;--leaf-deep:#2f7a45;--leaf-soft:#e7f2ea;--leaf-title:#5a6b4f;--leaf-hover:#45a862;--leaf-border-soft:#a7cbaf;--rose-soft:#e0b6bf;--leaf-ring:#3f9d5a59;--sand:#d8cfbc;--sand-soft:#e4dccb;--sun-bg:#fff4d6;--sun-border:#e8c874;--sun-ink:#6b5313;--berry:#d9534f;--syllable-color-black:#000;--syllable-color-blue:#1d4ed8;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--r-key:16px;--r-tile:20px;--r-card:28px;--r-pill:999px;--fs-label:17px;--fs-body:19px;--fs-title:26px;--shadow-card:0 10px 30px #4a453c17;--shadow-tile:0 2px 8px #4a453c12;--shadow-press:0 6px 0 var(--leaf-deep);--focus-ring:3px solid #1d4ed8;--focus-offset:3px;--ease:.18s ease}.app-shell{background:var(--bg);min-height:100vh;color:var(--ink);font-family:drbuch-webfont,sans-serif}.app-shell button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.app-shell [tabindex]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.app-shell:not(.app-session):not(.app-garden):not(.app-anmeldung){padding:var(--s-5);flex-direction:column;justify-content:center;align-items:center;display:flex}.app-loading,.app-error{color:var(--ink-muted);font-size:var(--fs-body);text-align:center}.app-error{color:var(--berry);margin:0 0 var(--s-4)}.app-session,.app-garden{justify-content:center;align-items:center;gap:var(--s-5);flex-direction:column;display:flex;position:relative}.app-garden{min-height:100vh;min-height:100dvh;position:relative;overflow:hidden}.app-session .avatar-badge,.app-garden .avatar-badge{top:var(--s-5);left:var(--s-5);z-index:2;position:absolute}.app-garden .avatar-badge{top:var(--ga-pad);left:var(--ga-pad);width:var(--ga-avatar);height:var(--ga-avatar)}.app-session{padding-left:clamp(160px,18vw,260px);padding-right:24px}.session-flower{pointer-events:none;z-index:1;width:clamp(160px,18vw,260px);position:fixed;top:0;bottom:0;left:0}.session-flower .scene3d{width:100%;height:100%}.session-flower .scene3d canvas{width:100%;height:100%;display:block}.session-flower .scene3d-fallback{justify-content:center;align-items:flex-end;display:flex}.scene3d-fallback .gd-plant-holder{max-width:100%;height:100%}@media (max-width:480px) and (orientation:portrait){.session-flower{width:auto;height:196px;inset:auto 0 0}.session-flower .scene3d{width:130px}.app-session{padding:0 12px 196px}}@media (orientation:landscape) and (max-height:500px){.session-flower{width:118px}.app-session{padding-left:118px;padding-right:12px}}@media (min-width:700px) and (orientation:portrait){.session-flower{width:176px}.app-session{padding-left:176px;padding-right:24px}}:root{--ga-pad:14px;--ga-avatar:64px;--ga-signh:104px;--ga-signbottom:10px;--ga-titel:20px}@media (orientation:landscape) and (max-height:500px){:root{--ga-pad:12px;--ga-avatar:56px;--ga-signh:84px;--ga-signbottom:6px;--ga-titel:17px}}@media (orientation:portrait) and (min-width:700px){:root{--ga-pad:24px;--ga-avatar:92px;--ga-signh:168px;--ga-signbottom:14px;--ga-titel:26px}}@media (orientation:landscape) and (min-height:501px) and (max-width:1200px){:root{--ga-pad:24px;--ga-avatar:88px;--ga-signh:138px;--ga-signbottom:10px;--ga-titel:24px}}@media (orientation:landscape) and (min-height:501px) and (min-width:1201px){:root{--ga-pad:32px;--ga-avatar:96px;--ga-signh:150px;--ga-signbottom:10px;--ga-titel:26px}}.app-garden .scene3d{width:100%;height:100%;box-shadow:none;border-radius:0;position:absolute;inset:0;overflow:hidden}.scene3d--garden{background-position:bottom;background-size:cover}.app-garden .scene3d canvas{display:block}.app-garden .garden-fallback{justify-content:center;align-items:flex-end;gap:var(--s-3);padding-bottom:var(--ga-boden,14%);background-repeat:no-repeat;background-size:cover;flex-wrap:nowrap;display:flex;position:absolute;inset:0}.app-garden .garden-fallback .gd-plant-holder{height:var(--ga-fallback-h,34%);aspect-ratio:2/3;width:auto}.garden-title{top:calc(var(--ga-pad) + 4px);z-index:50;color:var(--leaf-title);font-size:var(--ga-titel);letter-spacing:.01em;text-align:center;text-shadow:0 1px #ffffff8c;margin:0;font-weight:600;position:absolute;left:0;right:0}.ga-schild{z-index:70;bottom:var(--ga-signbottom);height:var(--ga-signh);cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;min-width:64px;min-height:64px;padding:0;transition:transform .1s;position:absolute}.ga-schild-links{left:var(--ga-pad);aspect-ratio:1866/1334;background-image:url(/assets/images/UI/UI_Wegweiser_links1_Startseite.webp)}.ga-schild-rechts{right:var(--ga-pad);aspect-ratio:1997/1716;background-image:url(/assets/images/UI/UI_Wegweiser_rechts1_NochEinmal.webp)}@media (hover:hover){.ga-schild:hover{transform:translateY(-2px)}}.ga-schild:active{transform:translateY(3px)}@media (prefers-reduced-motion:reduce){.ga-schild{transition:none}}