html,body,#root{height:100%;margin:0;padding:0;overscroll-behavior:none;touch-action:none}body{background-color:#f3a54b}html.admin-mode,html.admin-mode body,html.admin-mode #root{overscroll-behavior:auto;touch-action:auto;height:auto}html.admin-mode .AdminRoot{display:grid;grid-template-columns:260px 1fr;grid-template-rows:auto 1fr;min-height:100vh;background:#f6f7fb}html.admin-mode .AdminSidebar{background:#0b1220;color:#fff;padding:16px}html.admin-mode .AdminContent{display:grid;grid-template-rows:auto 1fr}html.admin-mode .AdminHeader{position:sticky;top:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:12px 16px;background:#fffc}html.admin-mode .AdminBody{padding:16px}html.admin-mode .Card{background:#fff;border-radius:12px;box-shadow:0 6px 38px #1018280f;padding:16px}html.admin-mode .AppBackground,html.admin-mode .tiles-scroll{display:none}.App{position:relative;min-height:100vh;width:100vw;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;display:flex;flex-direction:column}.AppBackground{position:absolute;top:0;bottom:0;left:0;right:0;background:url(/mannMitLuftballons.JPG) center center / cover no-repeat;pointer-events:none;touch-action:none;z-index:0}.tiles-scroll{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:448px;padding:24px 16px;height:100dvh;overflow-y:auto;display:flex;flex-direction:column;gap:40px;box-sizing:border-box;z-index:0;-webkit-overflow-scrolling:touch}.tiles-scroll>:first-child{margin-top:80px}@media (max-width: 480px){.tiles-scroll{max-width:100%;padding:24px 8px;gap:28px}}.tile{background:#f3eade61;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:18px;padding:32px 20px;box-sizing:border-box;box-shadow:0 10px 28px #22225430,0 2px 8px #0000001c,0 .5px 1.5px #fff9 inset;transition:box-shadow .22s cubic-bezier(.34,1.56,.64,1),transform .16s cubic-bezier(.34,1.56,.64,1);will-change:transform,box-shadow;position:relative;z-index:1}.tile:hover{background:#e9eeea77;box-shadow:0 18px 54px #22225447,0 7px 30px #0000002b,0 .5px 1.5px #ffffffd9 inset;transform:translateY(-7px) scale(1.03) perspective(600px) rotateX(2deg);z-index:2}.tile h1{color:#632111;margin:0;padding:20px;width:80%}.tile textArea{opacity:.8;resize:none;width:80%;padding:0;background-color:#eee8dd;box-shadow:1cap 5px 2px 2px gray}.button-modern{background:linear-gradient(120deg,#eeb20c,#faf5ef);color:#fff;padding:14px 32px;font-size:1.1rem;font-weight:600;border:none;border-radius:30px;box-shadow:0 4px 18px #3250c833,0 1.5px 4px #00000017;cursor:pointer;transition:background .15s,box-shadow .2s,transform .12s;outline:none;letter-spacing:.02em}.button-modern:hover,.button-modern:focus{background:linear-gradient(120deg,#dee5f0,#f3a348);box-shadow:0 8px 24px #3250c83d,0 2px 8px #00000021;position:relative}.button-modern:hover{background:linear-gradient(120deg,#dee5f0,#f3a348);box-shadow:0 8px 24px #3250c83d,0 2px 8px #00000021;position:relative}.button-modern:disabled{background:linear-gradient(120deg,#b7b7b7,#d9d9d9);color:#ffffffd1;box-shadow:0 2px 8px #00000014,inset 0 1px #ffffff2e;cursor:not-allowed;opacity:.6;transform:none}.button-modern:disabled:hover,.button-modern:disabled:focus{background:linear-gradient(120deg,#b7b7b7,#d9d9d9);box-shadow:0 2px 8px #00000014,inset 0 1px #ffffff2e;transform:none}.button-back{background:linear-gradient(120deg,#eeb20c,#faf5ef);color:#fff;padding:14px 32px;font-size:1.1rem;font-weight:600;border:none;border-radius:30px;box-shadow:0 4px 18px #3250c833,0 1.5px 4px #00000017;cursor:pointer;transition:background .15s,box-shadow .2s,transform .12s;outline:none;letter-spacing:.02em}.button-back:hover,.button-back:focus{background:linear-gradient(120deg,#dee5f0,#f3a348);box-shadow:0 8px 24px #3250c83d,0 2px 8px #00000021;position:relative}.button-back:hover{background:linear-gradient(120deg,#dee5f0,#f3a348);box-shadow:0 8px 24px #3250c83d,0 2px 8px #00000021;position:relative}.hr-notch{border:none;height:1px;background:#e0e5ef;border-radius:8px;box-shadow:inset 0 2px 6px #505a822e,0 1px 1.5px #7882960f}