/* Three Times Reader Accounts: one Library overlay, native input behavior. */
.tta-entry{appearance:none!important;-webkit-appearance:none!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#228b22!important;font:inherit!important;font-size:10px!important;letter-spacing:.06em!important;cursor:pointer!important;padding:8px 5px!important;margin-left:auto!important;margin-right:12px!important;white-space:nowrap!important;-webkit-tap-highlight-color:transparent!important}
.tta-entry:focus-visible,.tta-page button:focus-visible,.tta-page input:focus-visible{outline:2px solid #111;outline-offset:2px}
.tta-page[hidden],.ttl-inner[hidden]{display:none!important}
.tta-page{max-width:560px;margin:0 auto;font-family:inherit;color:#111;background:#fff;min-height:60vh}
.tta-page *{box-sizing:border-box}
.tta-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}
.tta-header h2{font-size:17px;font-weight:500;letter-spacing:.08em;margin:0}
.tta-back{appearance:none;border:0;background:transparent;color:#111;font-size:28px;font-weight:300;width:44px;height:44px;cursor:pointer;line-height:1}
.tta-switch{display:flex;gap:24px;margin-bottom:28px}
.tta-switch button{background:transparent;border:0;box-shadow:none;padding:8px 0;color:#777;font-size:11px;letter-spacing:.08em;cursor:pointer;-webkit-tap-highlight-color:transparent}
.tta-switch button.tta-current{color:#111;border-bottom:1px solid #111}
.tta-fields label{display:block;font-size:11px;letter-spacing:.08em;margin-bottom:9px}
.tta-fields input{display:block;width:100%;margin:0 0 20px;padding:14px;border:1px solid #dedede!important;border-radius:0!important;background:#fff!important;color:#111!important;box-shadow:none!important;-webkit-box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;transform:none!important;filter:none!important;font-family:inherit;font-size:16px!important;line-height:1.3;pointer-events:auto!important;touch-action:auto!important;-webkit-user-select:text!important;user-select:text!important}
.tta-fields input:focus{outline:none!important;border-color:#111!important;box-shadow:none!important}
.tta-submit{display:block;width:100%;background:#111!important;color:white!important;border:1px solid #111!important;box-shadow:none!important;padding:15px;font:inherit;font-size:12px;letter-spacing:.1em;cursor:pointer}
.tta-submit:disabled{opacity:.5;cursor:wait}
.tta-feedback{font-size:13px;line-height:1.5;color:#b32d2e;min-height:18px;margin:5px 0 15px}
.tta-note{font-size:12px;line-height:1.75;color:#777;margin:24px 0}
.tta-username{font-size:23px;margin:10px 0 26px}
.tta-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:420px){.tta-entry{font-size:9px!important;letter-spacing:0!important;margin-right:4px!important}}

/* Account settings share the existing typography, controls, and tap targets. */
.tta-settings-controls{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 26px}
.tta-settings-link,.tta-settings-cancel{appearance:none!important;background:transparent!important;color:#111!important;border:1px solid #dedede!important;box-shadow:none!important;font:inherit!important;font-size:11px!important;letter-spacing:.07em!important;padding:12px 14px!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent!important}
.tta-settings-cancel{display:block;margin:16px 0 25px;width:100%}
.tta-profile-notice{border-left:2px solid #228b22;margin:12px 0 18px;padding:10px 13px;font-size:13px;line-height:1.5;color:#111}
.tta-reset-line{margin:14px 0 25px;font-size:11px;letter-spacing:.06em}
.tta-reset-line a{color:#555;text-decoration:underline;text-underline-offset:3px}
.tta-settings-form .tta-note{margin:0 0 20px}
@media(max-width:420px){.tta-settings-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tta-settings-link{padding:12px 6px!important;font-size:10px!important}}
