/* Simple account dialog that follows iamnotu's paper, ink and gold theme. */
.premium-dialog {
  position: fixed;
  inset: 0;
  width: min(460px, calc(100vw - 28px));
  max-width: none;
  max-height: min(90vh, 760px);
  max-height: min(90dvh, 760px);
  margin: auto;
  padding: clamp(20px, 5vw, 30px);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--line-dark, #a8a69e);
  border-radius: 0;
  background: var(--surface, #fbfaf8);
  color: var(--ink, #171715);
  box-shadow: 0 20px 70px rgba(23, 23, 21, .2);
  color-scheme: light;
}
.premium-dialog[open] { animation: account-dialog-in .18s ease-out both; }
.premium-dialog::backdrop { background: rgba(23, 23, 21, .48); }
@keyframes account-dialog-in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
.premium-dialog__top { min-height: 42px; padding-bottom: 10px; border-bottom: 1px solid var(--line, #d9d7d0); }
.premium-dialog__top .eyebrow { color: var(--accent, #a7885c); font-size: 9px; letter-spacing: .14em; }
.premium-dialog__close { width: 40px; height: 40px; border: 1px solid var(--line, #d9d7d0); border-radius: 0; background: transparent; color: var(--ink, #171715); font-size: 22px; line-height: 1; }
.premium-dialog__close:hover { border-color: var(--accent, #a7885c); background: #f3eee5; }
.premium-dialog__title, .premium-account-panel h2 { margin: 20px 0 8px; color: var(--ink, #171715); font-family: var(--serif, Georgia, 'Times New Roman', serif); font-size: clamp(27px, 6vw, 36px); font-weight: 400; letter-spacing: -.045em; line-height: 1.12; }
.premium-dialog__intro, .premium-account-panel > p:not(.eyebrow):not(.premium-account-email) { margin: 0; color: var(--muted, #77766f); font-size: 12px; line-height: 1.65; }
.premium-auth-modes { grid-template-columns: 1fr 1fr; gap: 4px; margin-top: 20px; padding: 4px; border: 1px solid var(--line, #d9d7d0); border-radius: 0; background: var(--paper, #f3f2ef); }
.premium-auth-modes button { min-height: 44px; padding: 0 8px; border: 1px solid transparent; border-radius: 0; background: transparent; color: var(--muted, #77766f); font-size: 9px; letter-spacing: .07em; }
.premium-auth-modes button[aria-selected="true"] { border-color: var(--ink, #171715); background: var(--ink, #171715); color: #fff; box-shadow: none; }
.premium-dialog__form { margin-top: 16px; gap: 7px; }
.premium-dialog__form label { margin-top: 4px; color: var(--ink-soft, #3e3e3a); font-size: 10px; letter-spacing: .025em; }
.premium-dialog__form input { min-height: 46px; border-color: var(--line, #d9d7d0); border-radius: 0; background: #fff; font-size: 13px; }
.premium-dialog__form input:focus { border-color: var(--accent, #a7885c); box-shadow: 0 0 0 2px rgba(167, 136, 92, .14); }
.premium-dialog__form .button { width: 100%; min-height: 46px; justify-content: space-between; margin-top: 6px; border-radius: 0; font-size: 9px; }
.premium-forgot-link { min-height: 36px; margin-top: 8px; color: var(--ink-soft, #3e3e3a); font-size: 10px; text-decoration-color: var(--accent, #a7885c); }
.premium-auth-feedback, .premium-verification-note { margin: 12px 0 0; padding: 11px 12px; border: 1px solid #d9c8a9; border-radius: 0; background: #f6f1e8; color: #51442e; font-size: 11px; line-height: 1.55; }
.premium-verification-note { margin-top: 12px; }
.premium-account-email { overflow-wrap: anywhere; }
.premium-dialog :is(ins.adsbygoogle, iframe[src*="googlesyndication"], iframe[src*="doubleclick"], iframe[src*="monetag"], [data-ad-slot], [data-ad-container]) { display: none !important; }
.premium-dialog :is(button, input, a) { touch-action: manipulation; }
.premium-dialog :is(button, input, a):focus-visible { outline: 2px solid var(--accent, #a7885c); outline-offset: 2px; }
.profile-trigger__image { display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
.profile-trigger__initial { display: grid; width: 100%; height: 100%; place-items: center; border-radius: inherit; background: #f0eade; color: #5a4930; font: 600 14px/1 var(--serif, Georgia, serif); }
.profile-trigger--signed-in { overflow: hidden; padding: 0; border-color: #c9b58f; }
.premium-profile-form { padding-top: 15px; border-top: 1px solid var(--line, #d9d7d0); }
.premium-profile-photo-row { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 7px 12px; align-items: center; }
.premium-profile-photo { display: grid; width: 56px; height: 56px; grid-row: span 2; place-items: center; overflow: hidden; border: 1px solid #cfbc98; border-radius: 50%; background: #f0eade; color: #5a4930; font: 600 20px/1 var(--serif, Georgia, serif); }
.premium-profile-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.premium-profile-photo-control { align-self: end; margin: 0 !important; color: var(--ink, #171715) !important; font-size: 11px !important; }
.premium-profile-photo-control small { display: block; margin-top: 3px; color: var(--muted, #77766f); font-size: 9px; font-weight: 400; }
.premium-profile-file { grid-column: 2; width: 100%; min-height: 38px !important; padding: 7px !important; font-size: 9px !important; }
.premium-profile-hint, .premium-profile-lock-note { margin: 4px 0 0; color: var(--muted, #77766f); font-size: 10px; line-height: 1.5; }
.premium-profile-lock-note { padding: 8px 10px; border: 1px solid #d9c8a9; background: #f6f1e8; color: #51442e; }
.premium-profile-username { display: flex; align-items: center; border: 1px solid var(--line, #d9d7d0); background: #fff; }
.premium-profile-username:focus-within { border-color: var(--accent, #a7885c); box-shadow: 0 0 0 2px rgba(167, 136, 92, .14); }
.premium-profile-username > span { padding-left: 12px; color: var(--muted, #77766f); font-size: 13px; }
.premium-dialog__form .premium-profile-username input { min-width: 0; border: 0; box-shadow: none; }
.premium-dialog__form textarea { width: 100%; min-height: 74px; padding: 11px 12px; border: 1px solid var(--line, #d9d7d0); border-radius: 0; background: #fff; color: var(--ink, #171715); font: inherit; font-size: 12px; resize: vertical; }
.premium-dialog__form textarea:focus { border-color: var(--accent, #a7885c); outline: 0; box-shadow: 0 0 0 2px rgba(167, 136, 92, .14); }
.premium-dialog__form input[readonly] { background: #f3f2ef; color: var(--muted, #77766f); }
.premium-profile-status { min-height: 0; margin: 0; color: #8a3830; font-size: 10px; line-height: 1.5; }
.premium-profile-status:empty { display: none; }
.premium-profile-view { justify-self: start; color: var(--ink-soft, #3e3e3a); font-size: 10px; text-decoration-color: var(--accent, #a7885c); text-underline-offset: 3px; }
@media (max-width: 640px) {
  .premium-dialog { width: calc(100vw - 24px); max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); padding: 19px 17px calc(18px + env(safe-area-inset-bottom)); }
  .premium-dialog__title, .premium-account-panel h2 { margin-top: 16px; font-size: 29px; }
  .premium-dialog__intro { font-size: 11px; }
  .premium-auth-modes { margin-top: 16px; }
  .premium-auth-modes button { min-height: 43px; font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) { .premium-dialog[open] { animation: none; } }
.premium-avatar-crop{display:grid;justify-items:center;gap:10px;margin:9px 0 2px;padding:12px;border:1px solid var(--line,#d9d7d0);background:#f6f4ef}.premium-avatar-crop[hidden]{display:none}.premium-avatar-crop>p{justify-self:stretch;margin:0;color:var(--muted,#77766f);font-size:10px;line-height:1.5}.premium-avatar-crop canvas{display:block;width:min(100%,240px);height:auto;aspect-ratio:1;border:2px solid #c1a473;border-radius:50%;background:#eeeae2;box-shadow:0 0 0 4px rgba(193,164,115,.13);touch-action:none;cursor:grab}.premium-avatar-crop canvas:active{cursor:grabbing}.premium-avatar-crop__zoom{display:grid;grid-template-columns:auto minmax(120px,1fr);align-items:center;gap:12px;width:min(100%,280px);margin:0!important;color:var(--ink-soft,#3e3e3a)!important;font-size:10px!important}.premium-dialog__form .premium-avatar-crop__zoom input[type=range]{width:100%;min-height:24px!important;padding:0!important;border:0!important;background:transparent;accent-color:#a7885c;box-shadow:none!important}.premium-avatar-crop__actions{display:flex;justify-content:flex-end;gap:7px;width:100%}.premium-avatar-crop__actions button{min-height:35px;padding:0 12px;border:1px solid var(--line-dark,#a8a69e);background:transparent;color:var(--ink,#171715);font:700 9px/1 var(--sans,Arial,sans-serif);cursor:pointer}.premium-avatar-crop__actions button:last-child{border-color:var(--ink,#171715);background:var(--ink,#171715);color:#fff}.premium-avatar-crop__actions button:disabled{opacity:.55;cursor:wait}