:root{color-scheme:light dark;font-family:Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#0f172a;color:#0b0f19}body{margin:0;padding:0;min-height:100vh}.display-body{background-color:#0f172a;color:#f8fafc}.overlay{position:fixed;top:0;left:0;width:100%;padding:1rem;pointer-events:none;z-index:10}.overlay__inner{background:#0f172aa6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1rem;padding:1.25rem 1.5rem;max-width:28rem;border:1px solid rgba(148,163,184,.35)}.overlay__inner h1{margin:0 0 .25rem;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600}.overlay__inner p{margin:.25rem 0;color:#e2e8f0}.overlay__code{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:.1em}.overlay__status{font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:#e2e8f0e6;margin-top:.75rem}.controller-body{background:radial-gradient(circle at top,#fdfcfe,#f5f3ff 60%,#ede9fe);color:#111827;display:flex;align-items:center;justify-content:center}.controller{width:min(480px,92vw);padding:2rem;border-radius:1.5rem;background:#ffffffd1;box-shadow:0 20px 50px #0f172a1a,0 5px 15px #0f172a0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.controller__header h1{margin:0;font-size:1.75rem;letter-spacing:.08em;text-transform:uppercase}.controller__header p{margin:.5rem 0 1.5rem;color:#4b5563}.controller__form{display:flex;flex-direction:column;gap:.75rem}.controller__form label{font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;color:#1f2937}.controller__input{padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(30,64,175,.2);font-size:1rem;letter-spacing:.08em;text-transform:lowercase;background:#ffffffe6;color:#111827}.controller__input:focus{outline:2px solid rgba(37,99,235,.35);outline-offset:2px}.controller__button{padding:.85rem 1rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,#818cf8,#ec4899);color:#fff;font-size:1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.controller__button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #4f46e54d}.controller__status{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(148,163,184,.35)}.controller__status dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin:0}.controller__status dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#4b5563}.controller__status dd{margin:.25rem 0 0;font-size:1rem;font-weight:600;color:#111827}