body[data-garden-connect] { margin:0; background:#080808; color:#f5f5f5; }
body[data-garden-connect]::before { display:none; }
:root[data-theme=light] body[data-garden-connect] { background:#f5f5f5; color:#171717; }
.garden-connect-page { min-height:100vh; min-height:100dvh; display:grid; place-items:center; padding:32px 20px; box-sizing:border-box; }
.garden-connect-panel { width:min(100%,480px); text-align:center; padding:48px 32px; box-sizing:border-box; border-radius:32px; background:#151515; border:1px solid #ffffff14; font:16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
:root[data-theme=light] .garden-connect-panel { background:#fff; border-color:#00000010; }
.garden-connect-brand { display:flex; justify-content:center; align-items:center; gap:12px; text-align:left; margin-bottom:40px; }
.garden-connect-brand img { width:56px; height:56px; object-fit:contain; }
.garden-connect-brand span { font-size:24px; font-weight:650; letter-spacing:-.6px; }
.garden-connect-brand small { display:block; font-size:11px; font-weight:450; letter-spacing:.3px; opacity:.65; }
.garden-connect-panel h1 { font-size:26px; line-height:1.2; letter-spacing:-.7px; margin:24px 0 12px; color:inherit; }
.garden-connect-panel p { font-size:14px; color:inherit; opacity:.75; margin:0; }
.garden-connect-caption { display:block; margin-top:40px; font-size:12px; opacity:.55; }
:root[data-theme=light] .garden-connect-caption { opacity:.7; }
.garden-connect-progress { display:flex; justify-content:center; gap:7px; height:16px; align-items:center; }
.garden-connect-progress i { width:8px; height:8px; background:#9dccaa; border-radius:50%; animation:garden-connect-pulse 1.4s ease-in-out infinite; }
.garden-connect-progress i:nth-child(2) { animation-delay:.18s; }.garden-connect-progress i:nth-child(3) { animation-delay:.36s; }
@keyframes garden-connect-pulse { 0%,80%,100% { opacity:.3; transform:translateY(0); } 40% { opacity:1; transform:translateY(-4px); } }
.garden-connect-error { margin-top:28px; display:grid; gap:12px; }
.garden-connect-back { display:flex; align-items:center; justify-content:center; min-height:48px; background:#9dccaa; color:#102217; border-radius:24px; text-decoration:none; font-weight:600; }
.garden-connect-error button { border:0; background:none; color:inherit; min-height:44px; font:inherit; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.garden-connect-panel [hidden] { display:none; }
@media(prefers-reduced-motion:reduce) { .garden-connect-progress i { animation:none; } }
:root[data-reduced-motion=true] .garden-connect-progress i { animation:none; }
@media(max-width:390px) { .garden-connect-panel { padding:36px 24px; }.garden-connect-panel h1 { font-size:24px; } }