/* PANZ identity. The supplied logo is served unchanged. */
:root{--bg:#f7f5fb;--ink:#241c35;--muted:#80758f;--line:#e6dfed;--green:#7434c9;--accent:#e6ceff}
.primary{background:linear-gradient(110deg,#8e36cf,#6027bd)}
.primary:hover{background:linear-gradient(110deg,#a846e7,#7234d1)}
.secondary{background:#f1eafa;border-color:#d9c7ee}
.quiet:hover{background:#ede5f6}
input:focus,textarea:focus,select:focus{border-color:#aa6add;box-shadow:0 0 0 3px #ab64e326}
.login-wrap{background:#fbf9ff}
.brand-mark{margin-bottom:28px;line-height:1;letter-spacing:normal}
.brand-mark img{display:block;width:80px;height:80px;object-fit:contain;border-radius:50%;box-shadow:0 5px 24px #6325a421}
.login-art{background:radial-gradient(ellipse at 50% 43%,#280d4b 0%,#10081d 54%,#08060e 100%)}
.hero-logo{display:block;position:relative;width:min(78%,490px);height:auto;border-radius:50%;box-shadow:0 0 90px #8f29d726}
/* Hide the source image's pale outer pixels without trimming the purple ring. */
.hero-logo,.brand-mark img,.logo img{clip-path:circle(49.5% at 50% 50%)}
.art-caption{color:#b89acf;letter-spacing:2.6px}
aside{background:#160d25;color:#eee5fa}
.logo{letter-spacing:normal;margin-left:3px;margin-right:3px}
.logo img{display:block;width:48px;height:48px;flex-shrink:0;border-radius:50%}
.logo b{margin-left:12px}
.logo small{color:#a795bd;font-size:6.5px;letter-spacing:.8px}
.nav-caption{color:#9e86b6}
.nav{color:#b7a3ce}
.nav.active,.nav:hover{background:#332044;color:#f0dcff}
.aside-bottom{color:#cabbda}
.aside-bottom small,.aside-bottom .quiet{color:#a18bb8}
.stats small{color:#91829f}
.count{background:#eee7f6}
th{background:#fcfaff}
td{border-bottom-color:#f0eaf6}
.empty-symbol{color:#9651c6}
.hint{background:#efe8f6;color:#857194}
.hint b{color:#67467f}
.recipe .recipe-num{color:#a088b6}
.file-list a:hover{background:#f4edfa}
pre{background:#1c112d;color:#e3d5f2}
footer{color:#a496b2}
dialog::backdrop{background:#160c27aa}
#toast{background:#462066}
button:focus-visible,a:focus-visible{outline-color:#b87ade}
@media(max-width:700px){.logo img{width:40px;height:40px}.logo{margin-right:14px}.brand-mark img{width:72px;height:72px}.login-card{padding-top:32px;padding-bottom:32px}}