.iu-hub{max-width:960px;margin:0 auto;padding:0 0 40px}.iu-hub .hidden{display:none!important}.iu-hub .hb-loading,.iu-hub .hb-body{display:flex;flex-direction:column;gap:26px}.iu-hub .hb-h2{margin:0 0 12px}.iu-hub .hb-gate{max-width:560px;margin:0 auto;padding:26px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.iu-hub .hb-gate .iu-btn{margin-top:6px}.iu-hub .hb-gate-icon{width:60px;height:60px;border-radius:999px;display:grid;place-items:center;background:var(--iu-primary-soft);color:var(--iu-primary)}.iu-hub .hb-gate-icon svg{width:28px;height:28px}.iu-hub .hb-profile{padding:24px}.iu-hub .hb-identity{display:flex;align-items:center;gap:16px}.iu-hub .hb-avatar{width:66px;height:66px;border-radius:999px;display:grid;place-items:center;flex:none;background:var(--iu-primary-soft);color:var(--iu-primary-text);font-size:28px;font-weight:700}.iu-hub .hb-who{flex:1;min-width:0}.iu-hub .hb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iu-hub .hb-email{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iu-hub[dir=rtl] .hb-email{text-align:right}.iu-hub .hb-plan{flex:none;font-size:14px;padding:6px 14px}.iu-hub .hb-plan svg{width:16px;height:16px}.iu-hub .hb-note{margin:14px 0 0}.iu-hub .hb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.iu-hub .hb-stats>div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 6px;border-radius:14px;background:var(--iu-sunken);text-align:center}.iu-hub .hb-stat{font-size:28px;font-weight:700;line-height:1.3;color:var(--iu-text)}@media(max-width:520px){.iu-hub .hb-stats{grid-template-columns:repeat(2,1fr)}}.iu-hub .hb-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--iu-border)}.iu-hub .hb-links .iu-pill{text-decoration:none}.iu-hub .hb-signout{margin-inline-start:auto}@media(hover:hover){.iu-hub .hb-links .iu-pill:hover{background:var(--iu-primary-soft);color:var(--iu-primary-text)}.iu-hub .hb-links .hb-signout:hover{background:var(--iu-error-soft);color:var(--iu-error-text)}}.iu-hub .hb-activating{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;background:var(--iu-success-soft);border-color:transparent}.iu-hub .hb-activating p{margin:0}.iu-hub .hb-act-icon{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;flex:none;background:var(--iu-card);color:var(--iu-success)}.iu-hub .hb-act-icon svg{width:21px;height:21px}.iu-hub .hb-refresh{margin-top:10px}.iu-hub .hb-tools{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:640px){.iu-hub .hb-tools{grid-template-columns:1fr 1fr}}.iu-hub .hb-tool{display:flex;align-items:center;gap:14px;padding:18px 20px;color:inherit;text-decoration:none;transition:border-color .2s ease,box-shadow .25s ease,transform .3s cubic-bezier(.22,1,.36,1)}.iu-hub .hb-tool:focus-visible{outline:2px solid var(--iu-teal);outline-offset:2px}.iu-hub .hb-tool-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;flex:none;transition:transform .3s cubic-bezier(.22,1,.36,1)}.iu-hub .hb-tool-icon svg{width:25px;height:25px}.iu-hub .hb-primary .hb-tool-icon{background:var(--iu-primary-soft);color:var(--iu-primary)}.iu-hub .hb-teal .hb-tool-icon{background:var(--iu-teal-soft);color:var(--iu-teal)}.iu-hub .hb-tool-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.iu-hub .hb-usage{margin-top:4px;color:var(--iu-teal-text)}.iu-hub .hb-usage:empty{display:none}.iu-hub .hb-usage.is-out{color:var(--iu-error-text)}.iu-hub .hb-tool>svg{width:19px;height:19px;flex:none;color:var(--iu-text-3);transition:translate .3s cubic-bezier(.22,1,.36,1),color .2s ease}@media(hover:hover){.iu-hub .hb-tool:hover{transform:translateY(-3px);box-shadow:var(--iu-shadow-lift)}.iu-hub .hb-primary:hover{border-color:var(--iu-primary)}.iu-hub .hb-teal:hover{border-color:var(--iu-teal)}.iu-hub .hb-tool:hover .hb-tool-icon{transform:scale(1.06)}.iu-hub .hb-tool:hover>svg{translate:-3px 0;color:var(--iu-text-2)}.iu-hub[dir=ltr] .hb-tool:hover>svg{translate:3px 0}}.iu-hub .hb-tool:active{transform:translateY(-1px) scale(.99)}.iu-hub .hb-upgrade{padding:24px;background:color-mix(in srgb,var(--iu-primary) 5%,var(--iu-card));border-color:color-mix(in srgb,var(--iu-primary) 20%,var(--iu-border))}.iu-hub .hb-upgrade-head{display:flex;align-items:flex-start;gap:12px}.iu-hub .hb-upgrade-head p{margin:2px 0 0}.iu-hub .hb-upgrade-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;flex:none;background:var(--iu-primary-soft);color:var(--iu-primary)}.iu-hub .hb-upgrade-icon svg{width:26px;height:26px}.iu-hub .hb-benefits{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.iu-hub .hb-benefits li{display:flex;align-items:center;gap:10px}.iu-hub .hb-benefits svg{width:19px;height:19px;flex:none;color:var(--iu-primary)}.iu-hub .hb-plans{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}@media(min-width:640px){.iu-hub .hb-plans{grid-template-columns:1fr 1fr}}.iu-hub .hb-plan-btn{height:auto;min-height:66px;padding:10px 18px;flex-direction:column;gap:2px;white-space:normal}.iu-hub .hb-plan-btn small{font-size:13.5px;font-weight:500;opacity:.85}.iu-hub .hb-pay-error{grid-column:1 / -1;margin:0}.iu-hub .hb-recent-head{display:flex;align-items:center;justify-content:space-between}.iu-hub .hb-recent{display:flex;flex-direction:column;gap:12px}.iu-hub .hb-recent-item{display:flex;align-items:center;gap:14px;padding:16px 20px;color:inherit;text-decoration:none;transition:border-color .2s ease,box-shadow .25s ease,transform .3s cubic-bezier(.22,1,.36,1)}.iu-hub .hb-recent-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none}.iu-hub .hb-recent-icon svg{width:21px;height:21px}.iu-hub .hb-recent-item.is-analyze .hb-recent-icon{background:var(--iu-primary-soft);color:var(--iu-primary)}.iu-hub .hb-recent-item.is-practice .hb-recent-icon{background:var(--iu-teal-soft);color:var(--iu-teal)}.iu-hub .hb-recent-main{flex:1;min-width:0;display:flex;flex-direction:column}.iu-hub .hb-recent-main .t-sentence-s{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iu-hub .hb-recent-time{flex:none}@media(hover:hover){.iu-hub .hb-recent-item:hover{transform:translateY(-2px);border-color:var(--iu-teal);box-shadow:var(--iu-shadow-lift)}}@media(prefers-reduced-motion:reduce){.iu-hub :is(.hb-tool,.hb-tool-icon,.hb-recent-item){transform:none!important}.iu-hub .hb-tool>svg{translate:none!important}}
