:root{
  --author-panel:rgba(16,18,27,.92);
  --author-border:rgba(205,196,255,.15);
}
body.author-page{
  min-height:100vh;background:
    radial-gradient(circle at 18% 0,rgba(99,77,168,.16),transparent 34%),
    linear-gradient(180deg,#0c0e15,#10121a 48%,#0b0d13);
}
.author-shell{max-width:1120px;margin:0 auto;padding:22px 18px 64px}
.author-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:28px}
.author-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.author-brand img{width:34px;height:34px}
.author-brand span{display:grid;line-height:1.05}
.author-brand small{color:var(--muted);font-size:10px;letter-spacing:.08em}
.author-profile-hero{
  display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);
  gap:18px;align-items:stretch
}
.author-profile-copy,.author-support-card,.author-profile-state{
  border:1px solid var(--author-border);border-radius:22px;background:var(--author-panel);
  box-shadow:0 22px 60px rgba(0,0,0,.2)
}
.author-profile-copy{padding:28px}
.author-profile-copy h1{margin:5px 0 2px;font-size:clamp(30px,5vw,52px);line-height:1.05}
.author-profile-id{margin:0;color:#aaa4cc;font-size:13px}
.author-profile-bio{max-width:720px;margin:22px 0 0;color:#e6e3f0;font-size:15px;line-height:1.8;white-space:pre-wrap}
.author-profile-summary{margin-top:22px;color:var(--muted);font-size:12px}
.author-support-card{padding:22px;align-self:stretch}
.author-support-card h2{margin:5px 0 8px;font-size:21px}
.author-support-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.author-support-actions{display:grid;gap:8px;margin-top:18px}
.author-support-actions a{text-align:center;text-decoration:none}
.author-works{margin-top:34px}
.author-works-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}
.author-works-head h2{margin:4px 0 0}
.author-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.author-work-card{
  display:grid;grid-template-columns:150px minmax(0,1fr);min-width:0;overflow:hidden;
  border:1px solid var(--author-border);border-radius:18px;background:rgba(16,18,27,.82)
}
.author-work-cover{display:block;min-height:190px;background:#090b11}
.author-work-cover img{display:block;width:100%;height:100%;object-fit:cover}
.author-work-copy{min-width:0;padding:15px}
.author-work-copy h2{margin:7px 0 5px;font-size:18px}
.author-work-copy h2 a{color:inherit;text-decoration:none}
.author-work-copy p{display:-webkit-box;margin:0;color:var(--muted);font-size:12px;line-height:1.65;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.author-work-meta,.author-work-tags{display:flex;flex-wrap:wrap;gap:5px}
.author-work-meta span,.author-work-tags span{
  display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border-radius:999px;
  border:1px solid rgba(205,196,255,.14);background:rgba(205,196,255,.06);
  color:#d4cdef;font-size:9px;font-weight:700
}
.author-work-tags{margin-top:10px}
.author-profile-state{padding:34px}
.author-profile-state h1{margin:5px 0 10px}
.author-profile-state p{max-width:620px;color:var(--muted);line-height:1.7}
.author-profile-state .primary{display:inline-flex;margin-top:8px;text-decoration:none}
@media(max-width:820px){
  .author-shell{padding:15px 12px 44px}
  .author-profile-hero{grid-template-columns:1fr}
  .author-profile-copy{padding:20px}
  .author-support-card{padding:18px}
  .author-work-grid{grid-template-columns:1fr}
  .author-directory-grid{grid-template-columns:1fr}
  .author-work-card{grid-template-columns:118px minmax(0,1fr)}
  .author-work-cover{min-height:160px}
}
@media(max-width:520px){
  .author-topbar{margin-bottom:18px}
  .author-topbar-actions{gap:4px}
  .author-topbar-actions .text-button{padding-left:8px;padding-right:8px}
  .author-profile-copy,.author-support-card,.author-profile-state{border-radius:17px}
  .author-profile-copy h1{font-size:32px}
  .author-profile-bio{font-size:14px}
  .author-works-head{align-items:flex-start;flex-direction:column}
  .author-work-card{grid-template-columns:104px minmax(0,1fr)}
  .author-work-cover{min-height:148px}
  .author-work-copy{padding:12px}
  .author-work-copy h2{font-size:15px}
  .author-work-tags{display:none}
}

.author-topbar-actions{display:flex;align-items:center;gap:8px}
.author-directory-hero{
  border:1px solid var(--author-border);border-radius:22px;background:var(--author-panel);
  box-shadow:0 22px 60px rgba(0,0,0,.2);padding:28px
}
.author-directory-hero h1{margin:5px 0 10px;font-size:clamp(32px,5vw,52px);line-height:1.05}
.author-directory-hero p{max-width:760px;margin:0;color:#e6e3f0;font-size:15px;line-height:1.8}
.author-directory{margin-top:34px}
.author-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.author-directory-card{
  min-width:0;padding:20px;border:1px solid var(--author-border);border-radius:18px;
  background:rgba(16,18,27,.82)
}
.author-directory-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.author-directory-card h2{margin:5px 0 2px;font-size:22px}
.author-directory-card h2 a{color:inherit;text-decoration:none}
.author-directory-count{
  flex:0 0 auto;padding:5px 9px;border:1px solid rgba(205,196,255,.14);
  border-radius:999px;background:rgba(205,196,255,.06);color:#d4cdef;font-size:10px;font-weight:800
}
.author-directory-bio{
  display:-webkit-box;min-height:48px;margin:16px 0 0;color:var(--muted);font-size:13px;
  line-height:1.65;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical
}
.author-directory-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}
.author-directory-actions .primary{display:inline-flex;text-decoration:none}
.author-directory-support{color:var(--muted);font-size:10px}
.author-state-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.author-state-actions .primary,.author-state-actions .secondary{display:inline-flex;text-decoration:none}