@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=JetBrains+Mono:wght@500&family=Poppins:wght@600&display=swap";:root{--brand-000: #FFFFFF;--brand-050: #FBFAF9;--brand-100: #F7F5F2;--brand-200: #F4F2EE;--brand-300: #EDE9E2;--brand-400: #DDD5C8;--brand-500: #C3B5A0;--brand-600: #7E7261;--brand-700: #534A3D;--brand-800: #372D23;--brand-900: #272420;--gray-000: #FFFFFF;--gray-050: #F9F9F9;--gray-100: #EFEFEF;--gray-200: #DAD8D8;--gray-300: #CBCBCB;--gray-400: #A8A3A3;--gray-500: #807A7A;--gray-600: #4F4A4A;--gray-700: #373737;--gray-800: #232323;--gray-900: #141414;--red-000: #F9EFEF;--red-050: #F6E4E4;--red-100: #F8D6D8;--red-200: #F5C7C8;--red-300: #EC9395;--red-400: #E2787A;--red-500: #BE3739;--red-600: #AC1E21;--red-700: #8E141C;--red-800: #6C1315;--red-900: #4C1011;--green-000: #F6FBF1;--green-050: #EDF2E7;--green-100: #E0EBD6;--green-200: #CEE2C5;--green-300: #ADCDA2;--green-400: #8FB884;--green-500: #4B9B4E;--green-600: #3E7440;--green-700: #325332;--green-800: #313E2F;--green-900: #1E261D;--teal-000: #F0FAF8;--teal-050: #E8F1EF;--teal-100: #D7EAE6;--teal-200: #C3E4DE;--teal-300: #ADDCD4;--teal-400: #7CD0C1;--teal-500: #40BFA9;--teal-600: #0E816C;--teal-700: #0B6555;--teal-800: #1C4A48;--teal-900: #153231;--blue-000: #ECF2F9;--blue-050: #E4ECF6;--blue-100: #D9E4F2;--blue-200: #C2D6EB;--blue-300: #9EBFE1;--blue-400: #88AFD7;--blue-500: #538BC5;--blue-600: #2F5D8D;--blue-700: #203F60;--blue-800: #112A46;--blue-900: #0D2035;--yellow-000: #F9F7ED;--yellow-050: #F7F5E2;--yellow-100: #F6F1CB;--yellow-200: #F5EDBC;--yellow-300: #E9D996;--yellow-400: #D8C06E;--yellow-500: #CE9E24;--yellow-600: #8F6619;--yellow-700: #6D4D13;--yellow-800: #4A350D;--yellow-900: #342509;--magenta-000: #FAEFF5;--magenta-050: #F8E9F1;--magenta-100: #F7DAEA;--magenta-200: #F2C0DE;--magenta-300: #EE9CD1;--magenta-400: #E774BF;--magenta-500: #BE3790;--magenta-600: #A6307E;--magenta-700: #8B1865;--magenta-800: #69164E;--magenta-900: #491237;--background: var(--brand-050);--foreground: var(--gray-800);--card: var(--brand-000);--card-foreground: var(--gray-800);--card-border: var(--brand-200);--border: var(--brand-300);--primary: var(--brand-600);--primary-foreground: var(--brand-050);--secondary: var(--brand-200);--secondary-foreground: var(--gray-700);--muted: var(--brand-200);--muted-foreground: var(--gray-500);--accent: var(--brand-200);--accent-foreground: var(--gray-700);--accent-border: var(--brand-300);--input: var(--brand-300);--destructive: var(--red-500);--destructive-foreground: var(--gray-000);--answer: var(--green-600);--answer-foreground: var(--gray-000);--warning: var(--yellow-100);--warning-foreground: var(--yellow-700);--ring: var(--brand-600);--font-display: "Poppins", "Avenir Next", "Segoe UI", sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--radius: .625rem;--spacing: .25rem;--shadow-xs: 0 1px 3px 0 #0000000a;--shadow-sm: 0 1px 3px 0 #0000000f, 0 1px 2px -1px #0000000f;--shadow: 0 2px 6px -1px #0000000f, 0 1px 3px -1px #0000000f;--shadow-md: 0 4px 8px -2px #00000014, 0 2px 4px -2px #0000000a;--shadow-lg: 0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;font-family:var(--font-sans);color:var(--foreground);background:var(--background);color-scheme:light dark;font-synthesis:none}@media(prefers-color-scheme:dark){:root{--background: var(--gray-900);--foreground: var(--gray-100);--card: var(--gray-800);--card-foreground: var(--gray-100);--card-border: var(--gray-700);--border: var(--gray-700);--primary: var(--brand-400);--primary-foreground: var(--gray-900);--secondary: var(--gray-700);--secondary-foreground: var(--gray-100);--muted: var(--gray-700);--muted-foreground: var(--gray-400);--accent: var(--gray-700);--accent-foreground: var(--gray-100);--accent-border: var(--gray-700);--input: var(--gray-700);--destructive: var(--red-500);--destructive-foreground: var(--gray-000);--warning: var(--yellow-800);--warning-foreground: var(--yellow-100);--ring: var(--brand-400)}}*{box-sizing:border-box}body{margin:0;min-width:280px;min-height:400px;color:var(--foreground);background:var(--background)}button,input{font:inherit}#remote-audio{display:none}.phone{position:relative;width:min(100%,360px);min-height:400px;margin:0 auto;padding:80px 24px 24px;display:flex;flex-direction:column;justify-content:flex-start;gap:16px;color:var(--card-foreground);background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.brand{position:absolute;top:24px;left:24px;width:28px;height:28px;color:var(--foreground)}h1{margin:0;font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.25;text-align:center}.remote,.detail{margin:0;color:var(--secondary-foreground);text-align:center}.remote{font-family:var(--font-mono);font-size:19px;font-weight:500}.warning{margin:0;padding:12px;color:var(--warning-foreground);background:var(--warning);border:1px solid var(--warning-foreground);border-radius:var(--radius);font-size:13px}input{width:100%;padding:12px;color:var(--card-foreground);background:var(--card);border:1px solid var(--input);border-radius:var(--radius);font-family:var(--font-mono);font-size:18px;font-weight:500;text-align:center}input::placeholder{color:var(--secondary-foreground);font-family:var(--font-sans);font-weight:400;opacity:1}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}button{min-height:48px;padding:12px 16px;color:var(--secondary-foreground);background:var(--secondary);border:0;border-radius:var(--radius);cursor:pointer;font-weight:600}.key{color:var(--secondary-foreground);background:var(--secondary);font-family:var(--font-mono);font-size:18px;font-weight:500}.primary{color:var(--primary-foreground);background:var(--primary)}.answer{color:var(--answer-foreground);background:var(--answer)}.danger{color:var(--destructive-foreground);background:var(--destructive)}button:focus-visible,input:focus-visible{outline:3px solid var(--ring);outline-offset:4px}