.profile[role="button"] { cursor: pointer; border: 0; color: inherit; text-align: left; }
.profile[role="button"]:hover { background: rgba(255,255,255,.04); border-radius: 8px; }
.auth-modal {
  position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; padding: 20px;
  background: rgba(0,0,0,.62); backdrop-filter: blur(12px);
}
.auth-modal[hidden] { display: none; }
.auth-card {
  width: min(420px, 100%); position: relative; padding: 28px; border: 1px solid rgba(210,174,111,.38);
  border-radius: 16px; background: linear-gradient(145deg, rgba(25,25,26,.97), rgba(10,12,14,.98));
  box-shadow: 0 28px 100px rgba(0,0,0,.6), inset 0 1px rgba(255,255,255,.07);
}
.auth-kicker { color: #c9a66b; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.auth-title { margin: 7px 0 5px; font-size: 24px; letter-spacing: -.03em; }
.auth-subtitle { margin: 0 0 20px; color: #848b95; font-size: 12px; }
.auth-close { position: absolute; top: 13px; right: 13px; border: 0; background: transparent; color: #89919b; cursor: pointer; font-size: 20px; }
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 15px; }
.auth-tab { padding: 9px; border: 1px solid rgba(175,154,121,.18); border-radius: 8px; color: #7e8791; background: rgba(255,255,255,.025); cursor: pointer; }
.auth-tab.active { color: #e7c98e; border-color: rgba(212,177,111,.5); background: rgba(187,141,66,.10); }
.auth-form { display: grid; gap: 11px; }
.auth-form[hidden] { display: none; }
.auth-label { display: grid; gap: 6px; color: #9ea5ad; font-size: 11px; }
.auth-input { width: 100%; padding: 11px 12px; border: 1px solid rgba(154,148,135,.22); border-radius: 8px; outline: none; color: #f1f2f3; background: rgba(255,255,255,.045); }
.auth-input:focus { border-color: rgba(215,179,112,.75); box-shadow: 0 0 0 3px rgba(202,163,93,.10); }
.auth-submit { margin-top: 5px; padding: 11px; border: 1px solid #d0aa6c; border-radius: 8px; color: #18130c; background: linear-gradient(110deg, #a47b42, #e2c38a, #a47b42); cursor: pointer; font-weight: 750; }
.auth-error { min-height: 17px; color: #e98d73; font-size: 11px; }
.projects-modal { position: fixed; inset: 0; z-index: 49; display: grid; place-items: center; padding: 20px; background: rgba(0,0,0,.62); backdrop-filter: blur(12px); }
.projects-modal[hidden] { display: none; }
.projects-card { width: min(560px, 100%); max-height: min(680px, 90vh); overflow: auto; padding: 24px; border: 1px solid rgba(210,174,111,.34); border-radius: 16px; background: linear-gradient(145deg, rgba(25,25,26,.98), rgba(10,12,14,.98)); box-shadow: 0 28px 100px rgba(0,0,0,.6); }
.projects-head { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 18px; }
.project-create { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin-bottom: 17px; }
.project-list { display: grid; gap: 8px; }
.project-item { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid rgba(154,148,135,.17); border-radius: 10px; background: rgba(255,255,255,.035); }
.project-item-copy { min-width: 0; flex: 1; }
.project-item-title { font-weight: 700; }
.project-item-meta { color: #7f8791; font-size: 10px; }
.project-item-action { padding: 7px 9px; border: 1px solid rgba(210,174,111,.35); border-radius: 7px; color: #d7b579; background: transparent; cursor: pointer; font-size: 10px; }
.project-item-action.danger { color: #d68b79; border-color: rgba(214,139,121,.32); }