body { font: 16px/1.5 system-ui, sans-serif; margin: 0; background: #fff; color: #1d2a36; }
#unlock { max-width: 34rem; margin: 8vh auto; padding: 0 16px; }
#unlock h1 { color: #183F36; }
#unlock label { display: block; margin: 10px 0; }
#unlock input[type=password], #unlock input[type=text], #unlock input[type=email] { display: block; width: 100%; padding: 8px; font-size: 16px; box-sizing: border-box; }
#unlock button { background: #183F36; color: #fff; border: 0; border-radius: 6px; padding: 10px 18px; font-size: 16px; margin: 8px 8px 0 0; }
#unlock .code { font: 600 20px ui-monospace, monospace; letter-spacing: 1px; padding: 12px; background: #f0efec; border-radius: 6px; }
#installBox { background: #eef4f1; border-radius: 8px; padding: 4px 16px 14px; margin-bottom: 8px; }
#installBox[hidden] { display: none; }
#log { font-size: 12px; white-space: pre-wrap; color: #445; }
/* an advisor sees no developer log or test controls; ?debug shows them (shim.js) */
html:not(.cf-debug) #log, html:not(.cf-debug) .cf-test-controls { display: none; }
#trialBar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; background: #f9eeda; color: #5a3d00; padding: 8px 16px; font-size: 14px; display: flex; gap: 16px; flex-wrap: wrap; align-items: center; }
#trialBar[hidden] { display: none; }
#trialBar label { font-weight: 600; }