:root{font-family:Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at top,#c8ff5533,#06140c 45%,#000);color:#f8fafc;min-height:100%}*{box-sizing:border-box}body{margin:0;min-height:100vh}.surface[data-reveal-zone]{opacity:0;transform:translateY(22px) scale(.985);transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .52s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.surface[data-reveal-zone][data-revealed=true]{opacity:1;transform:translateY(0) scale(1)}.surface[data-reveal-zone] .surface-header,.surface[data-reveal-zone] .surface-header-text,.surface[data-reveal-zone] .surface-title,.surface[data-reveal-zone] .surface-subtitle,.surface[data-reveal-zone] .surface-subtitle--accent,.surface[data-reveal-zone] .secondary,.surface[data-reveal-zone] .instance-list li{opacity:0;transform:translateY(10px);transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .48s cubic-bezier(.22,1,.36,1)}.surface[data-reveal-zone][data-revealed=true] .surface-header{opacity:1;transform:translateY(0);transition-delay:60ms}.surface[data-reveal-zone][data-revealed=true] .surface-header-text{opacity:1;transform:translateY(0);transition-delay:.12s}.surface[data-reveal-zone][data-revealed=true] .surface-title{opacity:1;transform:translateY(0);transition-delay:.2s}.surface[data-reveal-zone][data-revealed=true] .surface-subtitle,.surface[data-reveal-zone][data-revealed=true] .surface-subtitle--accent{opacity:1;transform:translateY(0);transition-delay:.26s}.surface[data-reveal-zone][data-revealed=true] .secondary{opacity:1;transform:translateY(0);transition-delay:.32s}.surface[data-reveal-zone][data-revealed=true] .instance-list li{opacity:1;transform:translateY(0);transition-delay:calc(.32s + var(--item-index, 0) * 80ms)}.app-shell{min-height:100vh;padding:3rem 1.5rem;display:flex;align-items:center;justify-content:center;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#f8fafc;overflow:auto;overscroll-behavior:contain}.route-stage{position:relative;width:100%;max-width:960px;display:flex;justify-content:center}.route-stage>*{animation:route-fade .36s ease forwards}.onboarding-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:flex-start;padding:clamp(3rem,5vh,4.5rem) 1rem;overflow-y:auto;overscroll-behavior:contain;min-height:100vh;z-index:20}.onboarding-backdrop{position:absolute;inset:0;background:radial-gradient(circle at top,#a2ff5e38,#000000d9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.onboarding-content{position:relative;width:min(860px,calc(100% - 2rem));margin-block:clamp(2rem,8vh,3.5rem);border-radius:32px;padding:clamp(2.5rem,3vw,3.5rem);border:1px solid rgba(162,255,94,.25);background:linear-gradient(145deg,#05120deb,#020806eb);box-shadow:0 40px 120px #0420138c,inset 0 0 0 1px #a2ff5e14;display:flex;flex-direction:column;gap:clamp(1.75rem,3vw,2.5rem);overflow:hidden}.onboarding-flare{position:absolute;top:12%;width:clamp(140px,20vw,220px);height:clamp(140px,20vw,220px);border-radius:50%;background:radial-gradient(circle,#bbff7873,#a2ff5e00);filter:blur(0);opacity:0}.onboarding-flare.left{left:-6%}.onboarding-flare.right{right:-6%}.onboarding-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem}.onboarding-logo{width:clamp(44px,12vw,120px);max-width:44px;filter:drop-shadow(0 18px 36px rgba(162,255,94,.22))}.onboarding-hero h1{margin:0;font-size:clamp(2.2rem,4.2vw,3rem);letter-spacing:-.01em;background:linear-gradient(135deg,#f8ffdb,#bfff65);-webkit-background-clip:text;background-clip:text;color:transparent}.onboarding-hero p{max-width:540px;margin:0;color:#e7f7d2d1;font-size:clamp(1.1rem,2.4vw,1.35rem)}.onboarding-highlight{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.onboarding-highlight-item{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:24px;padding:1.2rem 1.4rem;background:linear-gradient(145deg,#112e21a6,#10211b73);border:1px solid rgba(162,255,94,.15);box-shadow:inset 0 0 0 1px #a2ff5e14;display:flex;flex-direction:column;gap:.65rem}.onboarding-highlight-item strong{font-size:1.1rem;color:#e7ffd7}.onboarding-highlight-item span{color:#dff9c8b8;line-height:1.4}.onboarding-callout{display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center}.onboarding-callout p{max-width:560px;margin:0;font-size:clamp(.875rem,2.2vw,1rem);color:#f0fedad6}.onboarding-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.onboarding-primary,.onboarding-secondary{min-width:200px;justify-content:center}.onboarding-primary{background:linear-gradient(135deg,#cfff47,#98f938);color:#0f1a16}.onboarding-secondary{background:#a2ff5e1f;color:#e4ffc3;border:1px solid rgba(162,255,94,.32)}.onboarding-secondary:hover:not(:disabled){background:#a2ff5e29}.onboarding-finished{position:absolute;inset:0}@media(max-width:640px){.onboarding-content{padding:2.25rem 1.5rem;border-radius:24px}.onboarding-highlight{grid-template-columns:1fr}.onboarding-primary,.onboarding-secondary{min-width:0;width:100%}}.surface{width:min(640px,92%);margin:0 auto;background:#06140ce6;border-radius:28px;border:1px solid rgba(162,255,94,.18);box-shadow:0 28px 60px #00000059;padding:2.5rem;display:flex;flex-direction:column;gap:1.75rem}.surface-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;opacity:0;transform:translateY(12px);animation:surface-header-in .52s cubic-bezier(.19,1,.22,1) forwards}.surface-header--instance{align-items:center}.surface-header-text{display:flex;flex-direction:column;gap:.35rem;opacity:0;transform:translateY(10px);animation:surface-stack-in .62s cubic-bezier(.19,1,.22,1) forwards;animation-delay:.12s}.surface-logo{width:32px;height:auto;margin-bottom:.5rem}.surface-logo--inline{margin-bottom:0;margin-right:.75rem}.surface-heading-with-logo{display:flex;align-items:center;gap:.75rem}.surface-title{font-size:2rem;margin:0;letter-spacing:-.01em;opacity:0;transform:translateY(6px);animation:surface-stack-in .64s cubic-bezier(.19,1,.22,1) forwards;animation-delay:.18s}.surface-title--instance{font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.1}.surface-subtitle{margin:0;font-size:.95rem;color:#e2e8f0b8;opacity:0;transform:translateY(6px);animation:surface-stack-in .64s cubic-bezier(.19,1,.22,1) forwards;animation-delay:.22s}.surface-subtitle--accent{margin-top:.35rem;font-size:1rem;color:#e6ffc8d9;animation-delay:.26s}.surface-subtitle--accent span{color:#dcff80;font-weight:600}.helper-text{font-size:.95rem;color:#e2e8f0b3}.helper-text--lead{font-size:1.05rem;color:#ebf5dcc7}.info-block{background:#a2ff5e14;border:1px solid rgba(162,255,94,.2);border-radius:20px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.35rem;color:#dcff80}.breadcrumb{font-size:.9rem;color:#e2e8f0a6;text-decoration:none;margin-bottom:.5rem}.breadcrumb:hover{color:#f8fafc}.link-button,.instance-link{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.6rem;border-radius:999px;background:linear-gradient(135deg,#cfff47,#98f938);color:#0f1a16;font-weight:600;text-decoration:none;box-shadow:0 10px 30px #a2ff5e59;transition:transform .15s ease,box-shadow .15s ease}.link-button:hover,.instance-link:hover{transform:translateY(-1px);box-shadow:0 12px 36px #a2ff5e80}.instance-list{list-style:none;display:flex;flex-direction:column;gap:1rem;padding:0;margin:0}.instance-list li{display:flex;opacity:0;transform:translateY(14px);animation:list-item-in .52s cubic-bezier(.19,1,.22,1) forwards;animation-delay:calc(.16s + var(--item-index, 0) * 80ms)}.instance-link{width:100%;justify-content:space-between;gap:.75rem;background:#a2ff5e14;color:#f4ffb5;border:1px solid rgba(162,255,94,.2);border-radius:20px;padding:1.15rem 1.4rem;box-shadow:none}.instance-link strong{font-size:1.1rem}.instance-link span{font-size:.9rem;color:#e2e8f0b3}.secondary{background:#a2ff5e1f;border:1px solid rgba(162,255,94,.32);color:#d6ff81;padding:.65rem 1.25rem;border-radius:999px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;opacity:0;transform:translateY(10px);animation:surface-stack-in .64s cubic-bezier(.19,1,.22,1) forwards;animation-delay:.28s}.secondary svg{display:block}.admin-icon{display:inline-flex;align-items:center;justify-content:center;padding:.65rem}.secondary:hover{transform:translateY(-1px);background:#a2ff5e38;box-shadow:0 12px 30px #a2ff5e40}.controls{display:flex;gap:1rem;align-items:center;justify-content:flex-start;flex-wrap:wrap}button{background:linear-gradient(135deg,#cfff47,#98f938);border:none;color:#0f1a16;padding:.7rem 1.4rem;border-radius:999px;font-weight:600;cursor:pointer;box-shadow:0 10px 30px #a2ff5e59;transition:transform .15s ease,box-shadow .15s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 36px #a2ff5e80}button:disabled{opacity:.6;cursor:not-allowed}.toggle{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#e2e8f0b3}.qr-panel{display:flex;justify-content:center;align-items:center;min-height:320px;background:#0b1728a6;border-radius:24px;border:1px solid rgba(162,255,94,.15);padding:1.5rem;box-shadow:inset 0 0 0 1px #1c2e1f66}.qr-image{border-radius:16px;border:1px solid rgba(162,255,94,.4);background:#f8fafcfa;padding:.75rem;box-shadow:0 10px 30px #a2ff5e26}.qr-text{width:100%;max-height:260px;overflow:auto;background:#040b0deb;color:#b4ff57;border-radius:12px;padding:1rem;font-family:Fira Code,Courier New,monospace;font-size:.8rem;text-align:left;border:1px solid rgba(162,255,94,.25)}.qr-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:999px;background:#a2ff5e24;color:#cfff47;text-decoration:none;font-weight:600;transition:background .15s ease,color .15s ease}.qr-link:hover{background:#a2ff5e3d;color:#ecff7d}.status{font-size:1rem;color:#e2e8f0b8;display:flex;flex-direction:column;gap:.5rem;text-align:center}.status.error{color:#f87171}.status.success-message{color:#bbf7d0}.form{display:flex;flex-direction:column;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.9rem;color:#e2e8f0bf}.form-field input,.form-field select,.form-field textarea{border-radius:12px;border:1px solid rgba(162,255,94,.2);background:#010804d9;color:#f8fafc;padding:.75rem 1rem;font-size:1rem;transition:border-color .15s ease,box-shadow .15s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#a2ff5e80;box-shadow:0 0 0 3px #a2ff5e26}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.admin-nav{display:flex;gap:.75rem;flex-wrap:wrap}.admin-nav button{background:#a2ff5e14;color:#f8fafc;border:1px solid rgba(162,255,94,.2);padding:.6rem 1.4rem;border-radius:999px}.admin-nav button.active{background:linear-gradient(135deg,#cfff47,#98f938);color:#0f1a16;box-shadow:0 12px 30px #a2ff5e59}.admin-instance-list{display:flex;flex-direction:column;gap:1rem}.admin-instance-card{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;border-radius:20px;background:#a2ff5e0f;border:1px solid rgba(162,255,94,.16)}.admin-instance-card header{display:flex;flex-direction:column;gap:.35rem}.admin-instance-card header strong{font-size:1.15rem}.admin-instance-card header span{color:#e2e8f0b3}.admin-instance-card footer{display:flex;gap:.75rem;flex-wrap:wrap}@media(max-width:960px){.app-shell{padding:2rem 1rem}.surface{padding:2rem 1.5rem;gap:1.5rem}.surface-title{font-size:1.7rem}}@media(max-width:600px){.surface{padding:1.75rem 1.25rem}.controls,.form-actions{flex-direction:column;align-items:stretch}}