.about-dialog{width:min(410px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid rgba(216,173,85,.48);border-radius:20px;background:linear-gradient(150deg,#171e26,#090e14);color:var(--text);box-shadow:0 28px 90px #000;overflow:auto}
.about-dialog::backdrop{background:rgba(2,5,9,.86);backdrop-filter:blur(7px)}
.about-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(5,8,13,.62)}
.about-dialog-head p{margin:0;color:var(--muted);font-size:.82rem;font-weight:800}
.about-dialog-head button{width:34px;height:34px;border:0;border-radius:9px;background:rgba(255,255,255,.06);color:var(--text);font-size:1.35rem;cursor:pointer}
.about-dialog-body{padding:0 22px 24px;text-align:center}
.about-brand{width:100%;padding:18px 12px;margin:18px 0 14px;border-radius:13px;background:#fff;box-shadow:0 5px 18px #0009}
.about-brand img{display:block;width:min(190px,100%);height:auto;margin:auto}
.about-dialog h2{margin:0 0 3px;font:900 clamp(1.7rem,7vw,2rem) Georgia,serif;letter-spacing:.04em}
.about-subtitle{margin:0 0 16px!important;color:var(--gold2);font-size:.95rem;font-weight:800}
.about-features{display:grid;gap:7px;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.035);color:#c9c0b4;font-size:.76rem;text-align:left}
.about-author{display:grid;gap:3px;margin-top:16px;padding-top:13px;border-top:1px solid rgba(255,255,255,.1)}
.about-author b{font-size:.88rem}.about-author span{color:var(--muted);font-size:.75rem}
.light .about-dialog{background:linear-gradient(150deg,#fff9ef,#eee4d3)}
.light .about-dialog-head{background:rgba(255,255,255,.45)}.light .about-features{color:#524838}