.head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.head h1{margin:0}.head #logout{margin-left:auto}.btn.glow{color:var(--white);background:linear-gradient(110deg, var(--river), var(--dusk) 55%, var(--lotus));background-size:200% 100%;border:0;border-radius:999px;padding:9px 18px;font-size:15px;animation:5s ease-in-out infinite alternate glow-flow;box-shadow:0 6px 18px -6px #4a99b2bf}.btn.glow:hover{transform:translateY(-1px);box-shadow:0 10px 22px -8px #4a99b2e6}@keyframes glow-flow{0%{background-position:0%}to{background-position:100%}}.mybooks{margin-top:20px}.mb-list{gap:12px;margin-top:14px;display:grid}.mb{border:1px solid var(--ln);background:var(--white);border-radius:14px;gap:10px;padding:12px 14px;display:grid}.mb-top{align-items:flex-start;gap:14px;display:flex}.mb-cover{aspect-ratio:2/3;object-fit:cover;background:var(--paper2);border-radius:2px 6px 6px 2px;flex:none;width:56px}.mb-info{flex:1;gap:3px;min-width:0;display:grid}.mb-info b{font:400 18px/1.3 var(--title)}.mb-info .muted{font-size:13px}.mb-acts{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mb-acts a{font-size:13px}.mb-form{border-top:1px dashed var(--ln);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:10px;display:grid}.mb-form .span2{grid-column:span 2}.mb-form label{color:var(--mut);gap:4px;font-size:13px;display:grid}.mb-form input,.mb-form select,.mb-form textarea{padding:7px 10px;font-size:14px}.mb-cover-row{align-items:center;gap:10px;display:flex}@media (width<=640px){.mb-form{grid-template-columns:1fr}.mb-form .span2{grid-column:auto}}.crop-dlg{width:min(360px,100% - 32px)}#crop-canvas{background:var(--paper2);touch-action:none;cursor:grab;border-radius:12px;width:280px;max-width:100%;height:280px;margin:8px auto;display:block}#crop-canvas:active{cursor:grabbing}.crop-zoom{color:var(--mut);align-items:center;gap:10px;font-size:13px;display:flex}.crop-zoom input{flex:1}.h-badges{align-items:center;gap:10px;display:inline-flex}.h-badge{font:400 15px/1 var(--title);color:var(--river);align-items:center;gap:4px;display:inline-flex}.h-badge svg{flex:none}.grades{gap:8px;display:grid}.grade-line{align-items:center;gap:10px;display:flex}.grade-line>div{gap:2px;display:grid}.grade-badge{flex:none;width:40px;line-height:0}.grade-badge.none{border:2px dashed var(--ln);border-radius:50%;width:40px;height:45px}.grade-line b{font:400 18px/1.3 var(--title);color:var(--river)}.grade-line .muted{font-size:12px}.avatar-row{align-items:center;gap:16px;margin-bottom:14px;display:flex}.avatar{width:72px;height:72px;color:var(--white);font:400 30px/1 var(--title);background:linear-gradient(135deg, var(--river), var(--dusk) 60%, var(--lotus));border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar-btns{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.avatar-hint{flex-basis:100%;margin:0;font-size:12px}.info-grid{grid-template-columns:minmax(0,1fr) minmax(0,280px);gap:24px;display:grid}.side{align-content:start;gap:12px;display:grid}.side-box{border:1px solid var(--ln);background:var(--paper);border-radius:14px;gap:4px;padding:12px 14px;display:grid}.side-k{color:var(--mut);font-size:13px}.side-box .linkish{justify-self:start;font-size:18px}.side-box p{margin:0;font-size:14px}.fold{margin-top:20px}.fold-head{align-items:center;gap:12px;display:flex}.fold-head h2{margin:0}.fold-head .btn{margin-left:auto}.fold-body{gap:12px;margin-top:16px;display:grid}.dlg{border:1px solid var(--ln);background:var(--white);width:min(560px,100% - 32px);color:var(--ink);border-radius:18px;padding:24px 26px}.dlg::backdrop{background:#26334273}.dlg h2{margin-top:0}.dlg form{gap:12px;display:grid}.dlg>label{gap:6px;margin:12px 0 4px;display:grid}.linkish{appearance:none;font:inherit;color:var(--river);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.subs-list{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.subs-list li{border:1px solid var(--ln);background:var(--white);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 12px;display:flex}.subs-list a{font:400 16px/1.3 var(--title);text-decoration:none}.subs-list .muted{font-size:12px}.subs-list button{margin-left:auto}@media (width<=700px){.info-grid{grid-template-columns:1fr}}