#point-power{margin:18px 0 22px;padding:16px 0;border-block:1px solid #9eafb94d}#point-power .point-power-actions{display:flex;gap:10px;flex-wrap:wrap}#point-power button{padding:10px 15px;min-height:44px;background:#264b59;color:#fff;border:1px solid #6895a4;border-radius:5px}#point-power button:disabled{opacity:.55}#point-power p{font-size:12px;line-height:1.5}#point-power-loading{display:flex;align-items:center;gap:14px;margin-top:16px;font-size:14px;min-height:48px}.point-loading-orb{display:inline-block;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffae0,#ddb94880 50%,#ac8c2240);box-shadow:0 0 20px #eed35c80;border:1px solid #e4ce7e}#point-power.working .point-loading-orb{animation:point-charge 1.4s ease-in-out infinite}#point-power:not(.working):not(.waiting) .point-loading-orb{display:none}#point-update-dialog textarea{width:100%;min-height:180px}#point-update-dialog{max-width:600px;width:calc(100% - 32px)}@keyframes point-charge{50%{transform:scale(1.12);box-shadow:0 0 30px #eed35cc0}}@media(prefers-reduced-motion:reduce){#point-power.working .point-loading-orb{animation:none}}#point-power [hidden]{display:none}

.image-loading{display:flex;align-items:center;gap:1rem}.image-loading .point-loading-orb{animation:point-charge 2s ease-in-out infinite}

@media(prefers-reduced-motion:reduce){.image-loading .point-loading-orb{animation:none}}

/* Keep the action visible while giving the reading more room. */
#point-power{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"actions image" "note image-note" "loading loading";gap:4px 24px;padding:14px 0;border:0;border-block:1px solid #d7e0e4;border-radius:0;background:transparent;color:#193c4b;box-shadow:none}
#point-power .point-power-actions{grid-area:actions;align-items:center}
#point-power #point-power-loading{grid-area:loading}
#point-power #increase-point-power{min-height:44px;padding:10px 18px;border:1px solid #315968;border-radius:6px;background:#264b59;color:#fff;font-size:14px;font-weight:650;box-shadow:none;cursor:pointer;transition:background .2s}
#point-power #increase-point-power:hover:not(:disabled){background:#356173;box-shadow:none}
#point-power button:focus-visible,#point-power input:focus-visible{outline:3px solid #197c9c;outline-offset:4px}
#point-power #increase-point-power:disabled{box-shadow:none;cursor:default}
#point-power #point-power-note{grid-area:note;margin:4px 0 0;font-size:12px;line-height:1.5;max-width:66ch;color:#526570}
#point-power #point-power-note strong{font-weight:650}
#point-power .point-power-image{grid-area:image;display:flex;align-items:center;gap:9px;width:fit-content;min-height:44px;font-size:13px;font-weight:500;cursor:pointer}
#point-power .point-power-image input{width:18px;height:18px;margin:0;accent-color:#205d74}
#point-power .point-power-image-note{grid-area:image-note;max-width:66ch;margin:4px 0 0 27px;font-size:12px;color:#526570}
#point-power.waiting .point-loading-orb{animation:point-charge 1.4s ease-in-out infinite}
@media(max-width:600px){#point-power{gap:4px 12px;padding:12px 0}#point-power #increase-point-power{padding-inline:12px}#point-power .point-power-image{font-size:12px}}
@media(prefers-reduced-motion:reduce){#point-power.waiting .point-loading-orb{animation:none}#point-power #increase-point-power{transition:none}}

#point-illustration{margin:14px 0 18px;padding:0 0 16px;border-bottom:1px solid #d7e0e4}
#point-illustration .media-controls{gap:8px;margin:0}
#reader #point-illustration button{min-height:44px;padding:10px 16px;border:1px solid #829ba7;border-radius:6px;background:#eef3f5;color:#264b59;font-size:14px}
#reader #point-illustration button:hover:not(:disabled){background:#e0eaee}
#reader #point-illustration button:focus-visible{outline:3px solid #197c9c;outline-offset:3px}
#reader #point-illustration .section-image-status{margin:8px 0 0;font-size:12px;line-height:1.5;max-width:65ch}