.hi-popup{z-index:9999;pointer-events:auto;-webkit-user-select:none;user-select:none;align-items:stretch;gap:.5rem;animation:.16s ease-out both hiPopupIn;display:flex;position:absolute;transform:translate(-50%)}@keyframes hiPopupIn{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.hi-popup__group{background:var(--color-surface,#fff);border:1px solid color-mix(in srgb, var(--color-separator) 70%, transparent);border-radius:14px;align-items:center;gap:.25rem;padding:.5rem;display:flex;box-shadow:0 1px 2px #0000000f,0 18px 48px #140e082e}.hi-popup__group--colors{padding:.5rem .625rem}.hi-popup__group--actions{gap:0}.hi-popup__color{cursor:pointer;border:2px solid #ffffffd9;border-radius:50%;width:28px;height:28px;padding:0;transition:transform .12s;box-shadow:0 1px 2px #00000026}.hi-popup__color:hover{transform:scale(1.08)}.hi-popup__color:active{transform:scale(.95)}.hi-popup__more{cursor:pointer;background:0 0;border:none;width:28px;height:28px;margin-left:.125rem;padding:0;position:relative}.hi-popup__more-dot{border:2px solid var(--color-surface,#fff);border-radius:50%;width:16px;height:16px;position:absolute}.hi-popup__more-dot:first-child{top:6px;left:0}.hi-popup__more-dot:nth-child(2){z-index:2;top:6px;left:6px}.hi-popup__more-dot:nth-child(3){z-index:3;top:6px;left:12px}.hi-popup__more.is-open{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:50%}.hi-popup__action{color:var(--color-label);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;min-width:60px;padding:.4rem .75rem;font-family:inherit;font-size:.75rem;font-weight:500;transition:background-color .12s;display:flex}.hi-popup__action:hover{background-color:color-mix(in srgb, var(--color-label) 6%, transparent)}.hi-popup__action:active{transform:scale(.97)}.hi-popup__action svg{color:var(--color-label);display:block}.hi-popup__action span{margin-top:1px}.hi-popup__more-tray{background:var(--color-surface,#fff);border:1px solid color-mix(in srgb, var(--color-separator) 70%, transparent);border-radius:12px;gap:.375rem;padding:.5rem;animation:.16s ease-out both hiPopupIn;display:flex;position:absolute;top:calc(100% + 6px);left:.5rem;box-shadow:0 1px 2px #0000000f,0 12px 28px #140e0824}mark.user-hl,.rich-study mark.user-hl,.rich-study .scripture mark.user-hl,mark.user-hl mark,.rich-study mark.user-hl mark,.rich-study .scripture mark.user-hl mark{text-decoration:none!important}mark.user-hl{color:inherit;cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:none;background-size:auto;background-color:var(--user-hl-color,#ffe066);border-radius:2px;margin:0 -.08em;padding:.05em .18em}mark.user-hl[data-has-note="1"]:after{content:"";vertical-align:super;opacity:.55;background-color:currentColor;width:.65em;height:.65em;margin-left:.18em;display:inline-block;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M12 20h9'/><path d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4 12.5-12.5z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M12 20h9'/><path d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4 12.5-12.5z'/></svg>");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.rich-study mark.user-hl,html.js .rich-study mark.user-hl{background-size:auto!important}.hi-modal{z-index:10000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.hi-modal__backdrop{-webkit-backdrop-filter:blur(2px);background:#00000073;position:absolute;inset:0}.hi-modal__panel{background:var(--color-surface,#fff);border-radius:18px;flex-direction:column;gap:.875rem;width:100%;max-width:460px;max-height:90vh;padding:1.25rem 1.25rem 1rem;animation:.18s ease-out both hiModalIn;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 70px #0000004d}.hi-modal__panel--wide{max-width:600px}@keyframes hiModalIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hi-modal__head{justify-content:space-between;align-items:center;display:flex}.hi-modal__title{color:var(--color-label);margin:0;font-size:1.0625rem;font-weight:600}.hi-modal__close{color:var(--color-secondary-label);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.25rem .5rem;font-size:1.5rem;line-height:1}.hi-modal__close:hover{background:color-mix(in srgb, var(--color-label) 6%, transparent)}.hi-modal__sub{color:var(--color-secondary-label);margin:0;font-size:.8125rem}.hi-modal__quote{border-left:3px solid var(--color-primary);background:color-mix(in srgb, var(--color-primary) 7%, transparent);color:var(--color-label);border-radius:0 8px 8px 0;margin:0;padding:.75rem .875rem;font-family:EB Garamond,Georgia,serif;font-size:1rem;line-height:1.45}.hi-modal__textarea{border:1px solid var(--color-separator);width:100%;min-height:120px;color:var(--color-label);background:var(--color-bg);resize:vertical;border-radius:12px;padding:.75rem .875rem;font-family:inherit;font-size:.9375rem}.hi-modal__textarea:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:#0000}.hi-modal__actions{justify-content:flex-end;gap:.5rem;margin-top:.25rem;display:flex}.hi-modal__btn{cursor:pointer;border:none;border-radius:10px;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:background-color .12s,transform 60ms}.hi-modal__btn--ghost{color:var(--color-secondary-label);background:0 0}.hi-modal__btn--ghost:hover{background:color-mix(in srgb, var(--color-label) 6%, transparent)}.hi-modal__btn--primary{background:var(--color-primary);color:#fff}.hi-modal__btn--primary:hover{filter:brightness(1.05)}.hi-modal__btn--primary:active{transform:scale(.97)}.hi-modal__loading,.hi-modal__empty{color:var(--color-secondary-label);margin:0;padding:.5rem 0;font-size:.875rem}.hi-compare__list{flex-direction:column;gap:.625rem;display:flex}.hi-compare__row{background:var(--color-bg);border:1px solid var(--color-separator);border-radius:12px;grid-template-columns:56px 1fr;align-items:start;gap:.75rem;padding:.625rem .75rem;display:grid}.hi-compare__abbr{letter-spacing:.08em;color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent);text-align:center;border-radius:6px;padding:.25rem .4rem;font-size:.6875rem;font-weight:700}.hi-compare__text{color:var(--color-label);margin:0;font-family:EB Garamond,Georgia,serif;font-size:.95rem;line-height:1.45}.hi-compare__name{color:var(--color-tertiary-label);margin:.25rem 0 0;font-size:.6875rem}.hi-edit{z-index:9999;background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-separator) 70%, transparent);pointer-events:auto;border-radius:14px;flex-direction:column;gap:.625rem;width:320px;max-width:calc(100vw - 1.5rem);padding:.875rem;animation:.16s ease-out both hiPopupIn;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 1px 2px #0000000f,0 18px 48px #140e082e}.hi-edit__quote{color:var(--color-label);background:var(--color-fill-subtle);-webkit-line-clamp:3;line-clamp:3;border-radius:8px;-webkit-box-orient:vertical;margin:0;padding:.5rem .625rem;font-family:EB Garamond,Georgia,serif;font-size:.9375rem;font-style:italic;line-height:1.4;display:-webkit-box;overflow:hidden}.hi-edit__colors{align-items:center;gap:.4rem;display:flex}.hi-edit__color{cursor:pointer;border:2px solid #ffffffd9;border-radius:50%;width:24px;height:24px;padding:0;transition:transform .12s;box-shadow:0 1px 2px #00000026}.hi-edit__color:hover{transform:scale(1.08)}.hi-edit__color.is-active{outline:2px solid var(--color-label);outline-offset:2px}.hi-edit__textarea{border:1px solid var(--color-separator);width:100%;min-height:70px;color:var(--color-label);background:var(--color-bg);resize:vertical;border-radius:8px;padding:.5rem .625rem;font-family:inherit;font-size:.875rem;line-height:1.45}.hi-edit__textarea:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:#0000}.hi-edit__actions{align-items:center;gap:.4rem;display:flex}.hi-edit__spacer{flex:1}.hi-edit__btn{cursor:pointer;border:none;border-radius:8px;padding:.45rem .85rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background-color .12s,transform 60ms,color .12s}.hi-edit__btn:active{transform:scale(.97)}.hi-edit__btn:disabled{opacity:.45;cursor:not-allowed}.hi-edit__btn--ghost{color:var(--color-secondary-label);background:0 0}.hi-edit__btn--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--color-label) 6%, transparent)}.hi-edit__btn--primary{background:var(--color-primary);color:#fff}.hi-edit__btn--primary:hover:not(:disabled){filter:brightness(1.05)}.hi-edit__btn--danger{color:#d70015;background:#ff3b301f}.hi-edit__btn--danger:hover:not(:disabled){background:#ff3b3038}html[data-reader-theme=dark] .hi-edit__btn--danger{color:#ff453a;background:#ff453a2e}.hi-toast{z-index:11000;color:#fff;pointer-events:none;background:#1c1c1eeb;border-radius:10px;padding:.625rem 1.125rem;font-size:.875rem;font-weight:500;animation:.18s ease-out both hiToastIn;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000040}@keyframes hiToastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:480px){.hi-popup{gap:.375rem}.hi-popup__group{border-radius:12px;padding:.4rem}.hi-popup__group--colors{padding:.4rem .5rem}.hi-popup__action{min-width:52px;padding:.35rem .55rem;font-size:.7rem}.hi-popup__color,.hi-popup__more,.hi-popup__more-dot{width:24px;height:24px}.hi-popup__more-dot{width:14px;height:14px}}