/* Shared account controls; the scene supplies tavern tokens without the blog layout. */
.guest-button{
  color:var(--ink,var(--tavern-ink));background:var(--surface,var(--tavern-surface));
  border:1px solid var(--line,var(--tavern-line));border-radius:7px;padding:8px 15px;
  font:inherit;font-size:13px;min-height:var(--tavern-control-height,44px);cursor:pointer;
  max-width:100%;white-space:normal;overflow-wrap:anywhere;
}
.guest-button:hover{background:var(--soft,var(--tavern-soft));color:var(--ink,var(--tavern-ink))}
#guest-dialog{
  color:var(--ink,var(--tavern-ink));background:var(--surface,var(--tavern-surface));
  border:1px solid var(--line,var(--tavern-line));border-radius:14px;padding:36px;
  width:min(460px,calc(100% - 32px));max-height:85vh;overflow:auto;
  box-shadow:0 25px 100px #100c0870;font:inherit;
}
#guest-dialog::backdrop{background:#17130ed1;backdrop-filter:blur(5px)}
#guest-dialog [hidden],.toast[hidden]{display:none!important}
#guest-dialog h2{margin:0 24px 20px 0;font-size:25px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}
#guest-dialog h3{font-size:18px;font-weight:500}
#guest-dialog p{color:var(--muted,var(--tavern-muted));line-height:1.7;overflow-wrap:anywhere}
#guest-dialog .dialog-close{position:absolute;right:12px;top:10px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:inherit;font-size:25px}
#guest-dialog form{display:grid;gap:10px}
#guest-dialog label{font-size:13px;color:var(--ink,var(--tavern-ink))}
#guest-dialog input,#guest-dialog textarea{
  box-sizing:border-box;width:100%;border:1px solid var(--line,var(--tavern-line));
  background:var(--paper,var(--tavern-paper));color:var(--ink,var(--tavern-ink));
  border-radius:6px;padding:12px;min-height:44px;font:inherit;
}
#guest-dialog textarea{resize:vertical}
#guest-dialog button{font:inherit;color:var(--ink,var(--tavern-ink));min-height:44px;cursor:pointer}
#guest-dialog .button,#guest-dialog .small-button{
  padding:10px 14px;border:1px solid var(--line,var(--tavern-line));border-radius:7px;
  background:var(--soft,var(--tavern-soft));color:var(--ink,var(--tavern-ink));font-size:13px;
}
#guest-dialog .button{margin-top:8px}
#guest-dialog button:hover{background:var(--soft,var(--tavern-soft))}
#guest-dialog button:disabled{opacity:.55;cursor:wait}
#guest-dialog .auth-toggle,#guest-dialog .logout{font-size:13px;margin-top:20px;color:var(--muted,var(--tavern-muted));background:transparent;border:0;padding:8px 0;text-align:left}
#guest-dialog .form-error{color:var(--plum,var(--tavern-accent));font-size:13px;margin:0}
#guest-dialog .member-card{text-align:center;background:var(--soft,var(--tavern-soft));padding:14px;border-radius:10px;margin-bottom:20px}
#guest-dialog .member-card .flower-seal{font-size:30px;color:var(--plum,var(--tavern-accent))}
#guest-dialog .member-card h3{margin:0}
#guest-dialog .member-card p{font-size:13px;margin:4px 0}
#guest-dialog .shelf-title{margin:26px 0 10px}
#guest-dialog .saved-list{display:grid;gap:6px}
#guest-dialog a{color:var(--green,var(--tavern-accent));white-space:normal;overflow-wrap:anywhere}
#guest-dialog .saved-list a{border-bottom:1px dashed var(--line,var(--tavern-line));padding:10px 0;font-size:13px}
#guest-dialog .account-desk{display:block;padding:14px 0;border-top:1px dashed var(--line,var(--tavern-line));margin-top:20px;font-size:13px}
#guest-dialog .account-history{border-top:1px solid var(--line,var(--tavern-line));padding:14px 0}
#guest-dialog .account-history summary{cursor:pointer;font-size:13px;color:var(--ink,var(--tavern-ink));min-height:44px;line-height:1.7;padding:10px 0}
#guest-dialog .account-history form{margin-top:15px}
#guest-dialog .history-item{padding:14px 0;border-bottom:1px dashed var(--line,var(--tavern-line));font-size:13px;overflow-wrap:anywhere}
#guest-dialog .history-item small{display:block;color:var(--muted,var(--tavern-muted));margin-top:5px}
#guest-dialog .pager{display:flex;gap:12px;justify-content:center;align-items:center;margin:20px 0;font-size:13px}
.guest-button:focus-visible,#guest-dialog a:focus-visible,#guest-dialog button:focus-visible,#guest-dialog input:focus-visible,#guest-dialog textarea:focus-visible,#guest-dialog summary:focus-visible{outline:3px solid var(--tavern-focus,var(--plum));outline-offset:3px}
.toast{
  position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;
  color:var(--surface,var(--tavern-surface));background:var(--ink,var(--tavern-ink));
  padding:12px 20px;border-radius:10px;box-shadow:0 8px 30px #0003;
  font:inherit;font-size:13px;line-height:1.5;max-width:calc(100% - 32px);width:max-content;overflow-wrap:anywhere;
}
@media(max-width:600px){#guest-dialog{padding:30px 22px}.guest-button{font-size:12px;padding:8px 12px}}