:root{--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-500:#6b7280;--gray-600:#4b5563;--gray-900:#111827;--red-50:#fef2f2;--red-200:#fecaca;--red-700:#b91c1c;--yellow-50:#fefce8;--letter-A:#9333ea;--letter-B:#2563eb;--letter-C:#ca8a04;--letter-D:#ea580c;--letter-E:#dc2626;--radius:1rem;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--key-h:clamp(48px, 7.2dvh, 64px);color:var(--gray-900);background:var(--green-50);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Geist,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--green-50);touch-action:manipulation;overscroll-behavior:none}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.header{z-index:10;height:64px;padding:0 1rem;padding-top:env(safe-area-inset-top);background:var(--green-800);color:#fff;box-shadow:var(--shadow-lg);justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:.6rem;min-width:0;display:flex}.header-logo{background:var(--green-700);border-radius:999px;flex-shrink:0}.header-title{flex-direction:column;min-width:0;line-height:1.1;display:flex}.brand{letter-spacing:-.025em;font-size:1.15rem;font-weight:800}.header-subtitle{color:var(--green-200);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.rainbow-0{color:#c084fc}.rainbow-1{color:#818cf8}.rainbow-2{color:#60a5fa}.rainbow-3{color:#4ade80}.rainbow-4{color:#fde047}.rainbow-5{color:#fb923c}.rainbow-6{color:#f87171}.header-user{background:#ffffff26;border:0;border-radius:999px;align-items:center;gap:.4rem;max-width:45%;padding:.4rem .7rem;font-size:.85rem;font-weight:500;display:flex}.header-user:active{background:#ffffff40}.header-user-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.screen{width:100%;max-width:480px;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));margin:0 auto}.card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:1.25rem}.card-title{color:var(--green-800);letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:800}.muted{color:var(--gray-600);margin:.25rem 0 1rem;font-size:.9rem}.alert{border-radius:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500}.alert-error{background:var(--red-50);border:1px solid var(--red-200);color:var(--red-700)}.demo-badge{text-align:center;color:var(--gray-500);margin:1rem 0 0;font-size:.75rem}.btn{border:0;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.75rem 1.25rem;font-weight:600;text-decoration:none;transition:background-color .15s,transform 50ms;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-block{width:100%}.btn-large{min-height:56px;font-size:1.1rem}.btn-primary{background:var(--green-700);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover:not(:disabled){background:var(--green-800)}.btn-secondary{color:var(--green-800);border:2px solid var(--green-200);background:#fff}.btn-call{background:var(--green-600);color:#fff;letter-spacing:.02em;box-shadow:var(--shadow);margin:1.25rem 0;font-size:1.25rem}.login{flex-direction:column;display:flex}.field{color:var(--gray-600);flex-direction:column;gap:.35rem;margin-bottom:1rem;font-size:.9rem;font-weight:600;display:flex}.field input{border:2px solid var(--gray-200);background:var(--gray-50);height:52px;color:var(--gray-900);border-radius:.75rem;outline:none;padding:0 1rem;font-size:1.05rem;font-weight:500;transition:border-color .15s}.field input:focus{border-color:var(--green-600);background:#fff}.hint{background:var(--yellow-50);color:var(--gray-600);text-align:center;border-radius:.75rem;margin:1rem 0 0;padding:.6rem .8rem;font-size:.85rem}.hint code{color:var(--green-800);font-weight:700}.keypad{flex-direction:column;gap:.75rem;display:flex}.code-display{background:var(--green-50);border:2px solid var(--green-100);font-variant-numeric:tabular-nums;letter-spacing:.02em;border-radius:.75rem;justify-content:center;align-items:baseline;gap:.15em;padding:.35rem 0;font-size:clamp(2.5rem,9dvh,3.5rem);font-weight:800;line-height:1.1;display:flex}.code-letter.is-empty,.code-digits.is-empty{color:var(--gray-300)}.code-digits{color:var(--gray-900)}.keypad-letters{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.keypad-digits{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.key{height:var(--key-h);background:var(--gray-100);color:var(--gray-900);border:0;border-radius:.75rem;justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;transition:background-color .1s,transform 50ms;display:flex}.key:active{background:var(--gray-200);transform:scale(.95)}.key-muted{background:var(--gray-50);color:var(--gray-500);border:2px solid var(--gray-100)}.key-letter{background:#fff;border:2px solid;font-size:1.5rem}.key-letter.is-selected{border-color:#0000;color:#fff!important}.letter-A{color:var(--letter-A)}.letter-B{color:var(--letter-B)}.letter-C{color:var(--letter-C)}.letter-D{color:var(--letter-D)}.letter-E{color:var(--letter-E)}.key-letter.letter-A.is-selected,.letter-bg-A{background:var(--letter-A)}.key-letter.letter-B.is-selected,.letter-bg-B{background:var(--letter-B)}.key-letter.letter-C.is-selected,.letter-bg-C{background:var(--letter-C)}.key-letter.letter-D.is-selected,.letter-bg-D{background:var(--letter-D)}.key-letter.letter-E.is-selected,.letter-bg-E{background:var(--letter-E)}.stand{flex-direction:column;gap:1rem;display:flex}.stand-head{align-items:center;gap:1rem;display:flex}.stand-badge{color:#fff;min-width:4.5rem;height:4.5rem;box-shadow:var(--shadow);border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;padding:0 .5rem;font-size:1.75rem;font-weight:800;display:flex}.stand-label{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);margin:0;font-size:.75rem;font-weight:600}.stand-name{word-break:break-word;margin:.15rem 0 0;font-size:1.4rem;font-weight:500;line-height:1.2}.stand-name strong{font-weight:800}.toggles{flex-direction:column;gap:.75rem;display:flex}.toggle-row{border:2px solid var(--gray-200);background:var(--gray-50);text-align:left;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:72px;padding:.75rem 1rem;transition:background-color .2s,border-color .2s;display:flex}.toggle-row.is-on{background:var(--green-50);border-color:var(--green-300)}.toggle-row.is-pending{opacity:.6;cursor:progress}.toggle-label{flex-direction:column;font-size:1.05rem;font-weight:600;display:flex}.toggle-state{text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500);font-size:.8rem;font-weight:700}.is-on .toggle-state{color:var(--green-700)}.toggle-track{background:var(--gray-300);border-radius:999px;flex-shrink:0;width:64px;height:36px;transition:background-color .2s;position:relative}.is-on .toggle-track{background:var(--green-600)}.toggle-thumb{width:30px;height:30px;box-shadow:var(--shadow);background:#fff;border-radius:999px;transition:transform .2s;position:absolute;top:3px;left:3px}.is-on .toggle-thumb{transform:translate(28px)}