.logo-mark{width:22px;height:22px;border-radius:6px;background:var(--primary);display:flex;align-items:center;justify-content:center;color:var(--on-primary);font:700 11px var(--font-sans);flex-shrink:0}.logo-mark--lg{width:44px;height:44px;border-radius:12px;font:700 20px var(--font-sans)}.avatar{width:28px;height:28px;border-radius:50%;background:var(--neutral-200);display:flex;align-items:center;justify-content:center;font:600 11px var(--font-sans);color:var(--text-secondary);flex-shrink:0}.avatar--sm{width:28px;height:28px}.avatar--lg{width:44px;height:44px;font:600 15px var(--font-sans)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);flex-shrink:0;cursor:pointer}.icon-btn img{width:20px;height:20px;opacity:.65}.icon-btn:hover img{opacity:1}.icon-btn--boxed{border:1px solid var(--border);background:var(--surface)}.btn{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-md);font:500 13px var(--font-sans);padding:7px 14px;cursor:pointer;white-space:nowrap}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--primary:hover{background:var(--primary-hover)}.btn--outline{background:var(--surface);border:1px solid var(--border);color:var(--neutral-700)}.btn--outline img{width:16px;height:16px}.btn--sm{font-size:12.5px;padding:7px 11px}.chip-btn{display:inline-flex;align-items:center;gap:5px;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:0 11px;height:32px;font:500 12.5px var(--font-sans);color:var(--primary);white-space:nowrap}.chip-btn img{width:16px;height:16px}.dot{width:8px;height:8px;border-radius:2px;flex-shrink:0;display:inline-block}.dot--monthly,.dot--canon{background:var(--class-canon)}.dot--official{background:var(--class-official)}.dot--leader{background:var(--class-leader)}.dot--commentary{background:var(--class-commentary)}.dot--periodical{background:var(--class-periodical)}.dot--courtesy{background:var(--pool-courtesy)}.dot--purchased{background:var(--pool-purchased)}.class-bar{display:flex;height:6px;width:48px;border-radius:var(--radius-pill);overflow:hidden;flex-shrink:0}.class-bar i{flex:1}.c-canon{background:var(--class-canon)}.c-official{background:var(--class-official)}.c-leader{background:var(--class-leader)}.c-commentary{background:var(--class-commentary)}.c-periodical{background:var(--class-periodical)}.rot-right{transform:rotate(-90deg)}.scrim{position:fixed;inset:0;background:var(--scrim);z-index:40;opacity:1;transition:opacity var(--transition-slow) var(--ease-out),visibility 0s}.scrim[hidden]{display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-slow) var(--ease-in),visibility 0s linear var(--transition-slow)}@media(prefers-reduced-motion: reduce){.scrim,.scrim[hidden]{transition:none}}.send-btn{width:34px;height:34px;border-radius:9px;background:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.send-btn img{width:17px;height:17px;display:block}.send-btn:hover{background:var(--primary-hover)}.send-btn:disabled{background:var(--neutral-250);cursor:default}.pay-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px}.pay-modal__scrim{position:absolute;inset:0;background:var(--scrim)}.pay-modal__sheet{position:relative;width:440px;max-width:100%;max-height:calc(100vh - 40px);overflow-y:auto;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:20px 22px 18px}.pay-modal__head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.pay-modal__title{font:600 16px var(--font-sans);color:var(--ink)}.pay-modal__sub{font:400 12.5px/1.5 var(--font-sans);color:var(--text-secondary);margin-top:2px}.pay-modal__body{min-height:60px}.pay-modal__error{font:400 12.5px/1.5 var(--font-sans);color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-md);padding:9px 11px;margin-top:12px}.pay-modal__error[hidden]{display:none}.pay-modal__note{font:400 13px/1.55 var(--font-sans);color:var(--text-secondary)}.pay-modal__foot{display:flex;align-items:center;gap:14px;margin-top:18px}.pay-modal__secure{flex:1;display:flex;align-items:flex-start;gap:6px;font:400 10.5px/1.45 var(--font-sans);color:var(--neutral-400)}.pay-modal__secure svg{flex-shrink:0;margin-top:1px}.btn.is-busy,.primary-btn.is-busy,.confirm-btn.is-busy,.ghost-btn.is-busy{pointer-events:none;cursor:default;opacity:.72;filter:saturate(0.85)}.btn__dots{display:block;margin:0 auto}.pay-skeleton{display:flex;flex-direction:column;gap:12px;padding-top:4px}.pay-skeleton i{display:block;border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--track) 37%, var(--surface-sunken) 63%);background-size:400% 100%;animation:pay-shimmer 1.3s ease infinite}.pay-skeleton i:nth-child(1){height:46px}.pay-skeleton i:nth-child(2){height:44px;width:100%}.pay-skeleton i:nth-child(3){height:44px;width:62%}.pay-skeleton i:nth-child(4){height:44px;width:80%}@keyframes pay-shimmer{0%{background-position:100% 50%}100%{background-position:0 50%}}@media(prefers-reduced-motion: reduce){.pay-skeleton i{animation:none}}.btn[hidden],.icon-btn[hidden],.chip-btn[hidden],.primary-btn[hidden]{display:none}.logo-mark__svg{width:72%;height:72%;display:block;color:currentColor}.switch{width:34px;height:20px;border-radius:var(--radius-pill);background:var(--switch-track);position:relative;flex-shrink:0;cursor:pointer;transition:background var(--transition-base) ease}.switch i{position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:var(--switch-knob);transition:transform var(--transition-base) ease}.switch.is-on{background:var(--primary)}.switch.is-on i{transform:translateX(14px)}.login{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative}.login__card{width:360px;max-width:100%;text-align:center}.login .logo-mark{margin:0 auto 20px}.login__title{font:600 22px/1.3 var(--font-sans);color:var(--ink);margin-bottom:6px}.login__sub{font:400 13.5px/1.55 var(--font-sans);color:var(--text-secondary);margin-bottom:26px}.login__google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;padding:12px 0;font:500 14.5px var(--font-sans);color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer}.login__google svg{flex-shrink:0}.login__passkey{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:rgba(0,0,0,0);border:1px solid var(--border-strong);border-radius:10px;padding:11px 0;font:500 13.5px var(--font-sans);color:var(--neutral-700);margin-top:10px}.login__passkey[hidden]{display:none}.login__passkey svg{color:var(--accent);flex-shrink:0}.login__divider{display:flex;align-items:center;gap:12px;margin:20px 0}.login__divider span{flex:1;height:1px;background:var(--border)}.login__divider em{font:400 11px var(--font-sans);font-style:normal;color:var(--neutral-400)}.login__magic{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:rgba(0,0,0,0);border:1px solid var(--border-strong);border-radius:10px;padding:11px 0;font:500 13.5px var(--font-sans);color:var(--neutral-700)}.login__magic-form{display:flex;flex-direction:column;gap:10px;margin-top:4px}.login__magic-form[hidden]{display:none}.login__magic-form input{width:100%;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;padding:12px 14px;font:400 14px var(--font-sans);color:var(--ink);text-align:left;box-shadow:var(--shadow-sm)}.login__magic-form input::placeholder{color:var(--neutral-400)}.login__magic-send{width:100%;text-align:center;font:500 14px var(--font-sans);color:var(--on-primary);background:var(--primary);border-radius:10px;padding:13px 0}.login__magic-send:hover{background:var(--primary-hover)}.login__inbox{background:var(--surface-sunken);border:1px solid var(--border-light);border-radius:10px;padding:14px 16px;margin-top:18px;text-align:left}.login__inbox[hidden]{display:none}.login__inbox-head{display:flex;align-items:center;gap:8px;margin-bottom:4px;font:400 14px var(--font-sans)}.login__inbox-head strong{font:500 12.5px var(--font-sans);color:var(--ink)}.login__inbox p{font:400 11.5px/1.5 var(--font-sans);color:var(--text-secondary)}.login__terms{font:400 11px/1.5 var(--font-sans);color:var(--neutral-300);margin-top:30px}.login__terms a{color:var(--accent)}.login__terms a:hover{color:var(--primary)}.login__ask{margin-bottom:14px;padding:12px 14px;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--surface-sunken);text-align:left}.login__ask-label{display:block;margin-bottom:4px;font:600 10.5px var(--font-sans);letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}.login__ask-q{font:400 14px/1.45 var(--font-sans);color:var(--ink);margin:0}