/* TENIMPER v51.0 — public reader page */
*{box-sizing:border-box}
html{color-scheme:dark}
body.rp51-page{
  margin:0;min-height:100vh;background:#100b0d;color:#eee1cf;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.rp51-page::before{
  content:"";position:fixed;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 8% 12%,rgba(188,144,79,.08),transparent 26%),
    radial-gradient(circle at 88% 85%,rgba(126,71,70,.06),transparent 30%);
}
.rp51-shell{position:relative;width:min(980px,calc(100vw - 28px));margin:auto;padding:26px 0 60px}
.rp51-back{display:inline-block;margin-bottom:16px;color:#c79658;text-decoration:none}
.rp51-hero,.rp51-panel{
  border:1px solid rgba(188,144,79,.16);border-radius:26px;background:rgba(34,23,27,.88);
  box-shadow:0 24px 68px rgba(0,0,0,.22)
}
.rp51-hero{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;padding:36px}
.rp51-avatar{position:relative;width:140px;height:140px;display:grid;place-items:center;border-radius:50%}
.rp51-avatar img{width:130px;height:130px;object-fit:cover;border-radius:50%}
.rp51-avatar:not(.frame-plain)::before,.rp51-avatar:not(.frame-plain)::after{
  content:"";position:absolute;border-radius:50%;pointer-events:none
}
.rp51-avatar:not(.frame-plain)::before{inset:0;border:1px solid var(--o,rgba(188,144,79,.62))}
.rp51-avatar:not(.frame-plain)::after{inset:7px;border:1px solid var(--i,rgba(255,247,232,.28))}
.frame-silk{--o:rgba(196,163,119,.58);--i:rgba(255,250,242,.50)}
.frame-bronze{--o:rgba(137,91,55,.60);--i:rgba(208,170,122,.30)}
.frame-gold{--o:rgba(153,116,57,.68);--i:rgba(224,194,125,.36)}
.frame-jade{--o:rgba(70,116,97,.62);--i:rgba(170,207,184,.30)}
.frame-shadow{--o:rgba(105,70,83,.70);--i:rgba(158,106,118,.30)}
.frame-ink{--o:rgba(104,98,92,.66);--i:rgba(165,154,141,.26)}
.frame-cinnabar{--o:rgba(167,70,62,.68);--i:rgba(219,128,110,.30)}
.frame-court{--o:rgba(175,130,75,.72);--i:rgba(235,211,164,.38)}
.rp51-eyebrow,.rp51-head>span{color:#c18b4d;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}
.rp51-identity h1{margin:6px 0 12px;font:500 clamp(2.8rem,6vw,4.8rem)/.95 Georgia,serif;color:#f3e5d2}
.rp51-title{display:inline-flex;min-height:34px;align-items:center;padding:0 13px;border:1px solid rgba(188,144,79,.18);
  border-radius:999px;background:rgba(188,144,79,.04);color:#d7a563;font:500 .86rem Georgia,serif}
.rp51-identity p{margin:10px 0 0;color:rgba(229,208,180,.52);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}
.rp51-specials{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}
.rp51-specials span{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(188,144,79,.15);
  border-radius:10px;color:#d2a05d;background:rgba(188,144,79,.025);font:400 .66rem Georgia,serif}
.rp51-panel{margin-top:18px;padding:28px}
.rp51-head h2{margin:5px 0 0;font:500 1.8rem/1.1 Georgia,serif;color:#f0e3d1}
.rp51-comments{display:grid;gap:10px;margin-top:18px}
.rp51-comment{display:block;padding:14px 16px;border:1px solid rgba(188,144,79,.10);border-radius:15px;
  background:rgba(255,255,255,.012);color:inherit;text-decoration:none}
.rp51-comment:hover{border-color:rgba(188,144,79,.20)}
.rp51-comment strong{color:#d4a668;font-family:Georgia,serif}
.rp51-comment p{margin:7px 0 8px;color:rgba(240,225,205,.80);line-height:1.55}
.rp51-comment small{color:rgba(207,183,151,.42);font-size:.64rem}
.rp51-empty{color:rgba(220,198,168,.50)}
html[data-theme="light"]{color-scheme:light}
html[data-theme="light"] body.rp51-page{background:#ded3c6;color:#402d24}
html[data-theme="light"] .rp51-hero,html[data-theme="light"] .rp51-panel{
  background:linear-gradient(180deg,#fbf0df,#f2e1ca);border-color:rgba(126,84,45,.14);box-shadow:0 22px 56px rgba(78,55,33,.12)}
html[data-theme="light"] .rp51-identity h1,html[data-theme="light"] .rp51-head h2{color:#35231d}
html[data-theme="light"] .rp51-identity p{color:rgba(72,51,38,.58)}
html[data-theme="light"] .rp51-comment{background:rgba(255,255,255,.24);border-color:rgba(126,84,45,.09)}
html[data-theme="light"] .rp51-comment p{color:#513b30}
@media(max-width:680px){
  .rp51-shell{width:calc(100vw - 18px);padding-top:14px}
  .rp51-hero{grid-template-columns:1fr;justify-items:center;text-align:center;padding:26px 18px}
  .rp51-specials{justify-content:center}.rp51-panel{padding:20px 14px}
}