: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){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-session .avatar-badge,.app-garden .avatar-badge{top:var(--s-5);left:var(--s-5);z-index:2;position:absolute}.app-session{padding:0 clamp(160px,18vw,260px)}.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%}.app-garden .scene3d{border-radius:var(--r-card);box-shadow:var(--shadow-card);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);border-radius:var(--r-card);background:var(--leaf-soft);width:min(880px,92vw);max-height:70vh;padding:var(--s-4);box-shadow:var(--shadow-card);flex-wrap:wrap;display:flex;overflow-y:auto}.app-garden .garden-fallback .gd-plant-holder{aspect-ratio:2/3;width:clamp(90px,20vw,150px);height:auto}.garden-title{color:var(--leaf-title);font-size:var(--fs-title);letter-spacing:.01em;margin:0;font-weight:600}.garden-signpost{justify-content:center;align-items:center;gap:var(--s-2);aspect-ratio:3/4;background:url(/assets/images/UI/UI_Wegweiser_beide1.webp) 50%/contain no-repeat;flex-direction:column;width:min(300px,82vw);padding:8% 6% 20%;display:flex}.app-garden .garden-way{min-width:64px;min-height:64px;box-shadow:none;cursor:pointer;color:var(--ink);padding:var(--s-2) var(--s-4);background:0 0;border:none;font-size:20px;font-weight:600;transition:transform .12s}.app-garden .garden-way:active{transform:translateY(2px)}@media (prefers-reduced-motion:reduce){.app-garden .garden-way{transition:none}}