:root{--color-primary-100: #ffc107;--color-primary-200: #ffc83b;--color-primary-300: #ffce58;--color-primary-400: #ffd572;--color-primary-500: #ffdc8a;--color-primary-600: #ffe3a2;--color-surface-100: #121212;--color-surface-200: #282828;--color-surface-300: #3f3f3f;--color-surface-400: #575757;--color-surface-500: #717171;--color-surface-600: #8b8b8b;--color-surface-mixed-100: #272116;--color-surface-mixed-200: #3c362b;--color-surface-mixed-300: #514c42;--color-surface-mixed-400: #68635a;--color-surface-mixed-500: #7f7b73;--color-surface-mixed-600: #98948e;--color-text-100: #ffffff;--color-text-200: #f2f2f2;--color-text-900: #000000}html{height:100%}body{height:100%;margin:0}*{box-sizing:border-box}form{padding:10px;display:flex;flex-direction:column;gap:10px}form .input-container{display:flex;flex-direction:column;gap:10px}form .input-container label{font-size:12px;color:var(--color-text-100);font-family:Helvetica,Arial,sans-serif}form .input-container input{padding:10px;border:1px solid var(--color-surface-500);border-radius:8px;background-color:var(--color-text-200);color:var(--color-text-900)}form .input-container input:disabled{background-color:var(--color-surface-500);color:var(--color-text-100)}