.ot-account{width:calc(100% - 32px);margin-inline:auto;box-sizing:border-box;max-width:1040px;padding-top:40px;padding-bottom:64px}.ot-account nav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}.ot-account a{color:#7044e9;text-decoration:underline;text-underline-offset:4px}.ot-account-panel{max-width:700px;margin:auto;padding:clamp(22px,5vw,48px);background:#fff;border:1px solid #e6e1f1;border-radius:24px;box-shadow:0 18px 60px #2c18580a}.ot-account h1{font-size:clamp(28px,5vw,44px);line-height:1.13;letter-spacing:-.04em;margin:16px 0}.ot-account p{font-size:16px;line-height:1.65;color:#555166;overflow-wrap:anywhere;white-space:pre-line}.ot-account form{display:grid;gap:12px;margin:24px 0}.ot-account label{font-weight:650}.ot-account input{min-width:0;width:100%;box-sizing:border-box;padding:14px;border:1px solid #b7abc9;border-radius:10px;font:inherit;font-size:16px;min-height:48px}.ot-account button{padding:14px 20px;min-height:48px;border:1px solid transparent;border-radius:12px;background:#7044e9;color:white;font:inherit;font-weight:650;cursor:pointer;white-space:normal;overflow-wrap:anywhere}.ot-account .ot-account-secondary{background:#f4f0fe;border-color:#e1d8fa;color:#6034d5}.ot-account :is(a,button,input,summary):focus-visible{outline:3px solid #b49af5;outline-offset:4px}.ot-account details{margin-top:22px;padding:18px;background:#f7f4fd;border-radius:14px}.ot-account summary{cursor:pointer;font-weight:650;min-height:30px}.ot-account .ot-account-notice{font-size:14px;margin-top:28px;color:#686174}.ot-account-alert{padding:12px 16px;border-radius:12px;background:#fff3ec}.ot-account-history article{border-bottom:1px solid #e6e1f1;padding:10px 0 22px}.ot-account-history article>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.ot-account-history article form{margin:8px 0}.ot-account small{color:#686174}@media(max-width:420px){.ot-account{padding-top:24px}.ot-account-panel{padding:20px;border-radius:18px}.ot-account nav a{font-size:14px;min-height:32px}}

/* V9.9: compact private history; full requirements remain available without JavaScript. */
.ot-account .ot-account-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere;font-size:20px;line-height:1.4;margin:0 0 12px;font-weight:650;letter-spacing:-.02em}
.ot-account-history article{padding:24px 0}.ot-account .ot-account-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 18px;border-radius:var(--ot-control-radius,12px);background:var(--ot-action-bg,#633ad5);color:#fff;text-decoration:none;font-weight:650;line-height:1.4;box-sizing:border-box;overflow-wrap:anywhere}
.ot-account .ot-account-primary:hover{background:var(--ot-action-hover,#4f2aa9)}
.ot-account-history .ot-account-record-actions{display:block;margin-top:16px}.ot-account-history details{margin-top:14px;padding:12px 16px}.ot-account-history summary{display:flex;align-items:center;min-height:44px}.ot-account-history summary::before{content:'+';margin-right:10px}.ot-account-history details[open]>summary::before{content:'−'}
.ot-account .ot-account-remove{background:transparent;border:1px solid #e6e1f1}.ot-account-remove summary{font-size:14px;color:#686174}.ot-account-remove form{align-items:start}.ot-account-remove form a{display:inline-flex;align-items:center;min-height:44px;justify-self:start}
.ot-account .ot-account-full-need p,.ot-account .ot-account-need p{white-space:pre-wrap}.ot-account .ot-account-empty{padding:16px 0}.ot-account-success{padding:12px 16px;background:#f4f0fe;border-radius:12px}.ot-account-recovery{margin-top:24px}.ot-account-recovery>a{display:inline-flex;align-items:center;min-height:48px}.ot-account :is(input,button,a,summary){scroll-margin-block:100px}.ot-account-history small{display:block;line-height:1.6}